:root {
    --bg: #06110f;
    --bg-soft: #0a1714;
    --surface: rgba(12, 29, 25, .78);
    --surface-strong: #0d211c;
    --line: rgba(157, 232, 205, .14);
    --line-bright: rgba(73, 229, 165, .36);
    --text: #f4fbf8;
    --muted: #9ab0a8;
    --primary: #2563eb;
    --accent: #06b6d4;
    --primary-rgb: 37, 99, 235;
    --accent-rgb: 6, 182, 212;
    --green: var(--primary);
    --green-dark: var(--primary);
    --cyan: var(--accent);
    --blue: #68a7ff;
    --orange: #ffb45e;
    --purple: #a988ff;
    --radius: 22px;
    --container: 1180px;
    --shadow: 0 30px 80px rgba(0, 0, 0, .34);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    min-width: 320px;
    color: var(--text);
    background: var(--bg);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
}
body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -2;
    background: radial-gradient(circle at 75% -10%, rgba(30, 191, 150, .13), transparent 34%), linear-gradient(180deg, #071411 0%, #06110f 60%, #07120f 100%);
}
.site-noise {
    position: fixed;
    inset: 0;
    z-index: -1;
    opacity: .25;
    pointer-events: none;
    background-image: linear-gradient(rgba(68, 206, 163, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(68, 206, 163, .035) 1px, transparent 1px);
    background-size: 54px 54px;
    mask-image: linear-gradient(to bottom, #000 0%, transparent 70%);
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button, input, textarea, select { font: inherit; }
.container { width: min(calc(100% - 40px), var(--container)); margin-inline: auto; }
.site-header {
    position: sticky;
    top: 0;
    z-index: 50;
    height: 76px;
    border-bottom: 1px solid rgba(160, 220, 201, .09);
    background: rgba(5, 15, 13, .74);
    backdrop-filter: blur(20px);
}
.nav-wrap { height: 100%; display: flex; align-items: center; justify-content: space-between; }
.brand { display: inline-flex; align-items: center; gap: 11px; font-weight: 800; font-size: 21px; letter-spacing: -.02em; }
.brand-mark { width: 34px; height: 34px; display: grid; place-items: center; overflow: hidden; border-radius: 9px; box-shadow: 0 0 24px rgba(55, 229, 154, .22); }
.brand-mark img { width: 100%; height: 100%; object-fit: cover; }
.site-nav { display: flex; align-items: center; gap: 34px; color: #b8c8c2; font-size: 14px; font-weight: 600; }
.site-nav a { position: relative; transition: .2s ease; }
.site-nav a:not(.nav-download)::after { content: ""; position: absolute; left: 50%; right: 50%; bottom: -26px; height: 2px; background: var(--green); transition: .2s ease; }
.site-nav a:hover, .site-nav a.active { color: #fff; }
.site-nav a.active::after, .site-nav a:hover::after { left: 0; right: 0; }
.nav-download { padding: 10px 18px; color: #fff !important; background: var(--primary); border-radius: 10px; box-shadow: 0 7px 24px rgba(var(--primary-rgb), .18); }
.nav-download:hover { transform: translateY(-1px); filter: brightness(1.08); }
.nav-toggle { display: none; width: 42px; height: 42px; border: 1px solid var(--line); background: var(--surface); border-radius: 10px; }
.nav-toggle span { display: block; width: 19px; height: 2px; margin: 4px auto; background: #fff; }

.hero { position: relative; min-height: 760px; padding: 100px 0 0; overflow: hidden; border-bottom: 1px solid var(--line); }
.hero::after { content: ""; position: absolute; left: 0; right: 0; bottom: 67px; height: 1px; background: linear-gradient(90deg, transparent, var(--line-bright), transparent); }
.hero-glow { position: absolute; border-radius: 999px; filter: blur(5px); pointer-events: none; }
.hero-glow-one { width: 500px; height: 500px; right: 2%; top: 50px; background: radial-gradient(circle, rgba(var(--primary-rgb), .12), transparent 67%); }
.hero-glow-two { width: 500px; height: 340px; left: -20%; top: 20%; background: radial-gradient(circle, rgba(58, 164, 248, .08), transparent 70%); }
.hero-grid { display: grid; grid-template-columns: .92fr 1.08fr; align-items: center; gap: 76px; }
.eyebrow { color: var(--green); font-size: 13px; text-transform: uppercase; letter-spacing: .16em; font-weight: 800; }
.pulse-dot { display: inline-block; width: 7px; height: 7px; margin-right: 9px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 7px rgba(var(--primary-rgb), .09); }
.hero h1 { max-width: 580px; margin: 24px 0; font-size: clamp(52px, 6vw, 82px); line-height: 1.05; letter-spacing: -.065em; background: linear-gradient(110deg, #fff 28%, #b7fbe1 62%, #69ddff); background-clip: text; -webkit-background-clip: text; color: transparent; }
.hero-copy > p { max-width: 560px; margin: 0; color: var(--muted); font-size: 18px; }
.hero-actions { display: flex; gap: 14px; margin: 36px 0 28px; }
.button { min-height: 52px; padding: 0 23px; border: 1px solid transparent; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-weight: 750; transition: .22s ease; }
.button svg { width: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.button-primary { color: #fff; background: linear-gradient(135deg, var(--primary), var(--accent)); box-shadow: 0 13px 35px rgba(var(--primary-rgb), .22); }
.button-primary:hover { transform: translateY(-2px); box-shadow: 0 16px 42px rgba(var(--primary-rgb), .3); filter: brightness(1.05); }
.button-ghost { color: #d7e8e2; border-color: rgba(128, 211, 185, .25); background: rgba(12, 35, 29, .55); }
.button-ghost:hover { border-color: var(--cyan); color: #fff; transform: translateY(-2px); }
.hero-platforms { display: flex; align-items: center; gap: 12px; color: #a5b9b1; font-size: 13px; }
.hero-platforms span { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border-radius: 8px; border: 1px solid rgba(157, 232, 205, .11); background: rgba(10, 27, 23, .55); }
.hero-platforms b { color: #dff8ef; font-size: 16px; }
.announcement { display: flex; align-items: center; gap: 10px; margin-top: 22px; color: #829a91; font-size: 12px; }
.announcement span { color: var(--green); border: 1px solid rgba(var(--primary-rgb), .25); padding: 2px 7px; border-radius: 5px; }
.hero-visual { position: relative; perspective: 1200px; }
.portal-card { overflow: hidden; border: 1px solid rgba(var(--primary-rgb), .35); border-radius: 18px; background: #08111f; box-shadow: 0 38px 100px rgba(0,0,0,.38), 0 0 0 1px rgba(var(--primary-rgb), .07), 0 0 55px rgba(var(--primary-rgb), .11); transform: rotateY(-3deg) rotateX(1deg); }
.window-bar { height: 46px; padding: 0 15px; display: flex; align-items: center; justify-content: space-between; color: #94a3b8; font-size: 11px; border-bottom: 1px solid rgba(148,163,184,.18); background: rgba(8, 17, 31, .97); }
.window-dots { display: flex; gap: 6px; }
.window-dots i { width: 7px; height: 7px; border-radius: 50%; background: #334155; }
.window-dots i:first-child { background: var(--primary); }
.window-version { color: var(--green); }
.portal-image { position: relative; aspect-ratio: 1.55; background-image: linear-gradient(90deg, rgba(3, 14, 12, .32), transparent 35%), var(--hero-image); background-size: cover; background-position: center; }
.portal-image::before { content: ""; position: absolute; inset: 0; box-shadow: inset 0 0 80px rgba(3, 12, 10, .45); }
.portal-overlay { position: absolute; inset: 0; padding: 25px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; background: linear-gradient(180deg, rgba(4, 18, 15, .08), rgba(4, 18, 15, .6)); }
.portal-status { padding: 7px 10px; border: 1px solid rgba(var(--primary-rgb), .32); border-radius: 999px; color: #e0e7ff; background: rgba(8, 17, 31, .72); backdrop-filter: blur(8px); font-size: 10px; }
.portal-status i { display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 12px var(--green); }
.portal-overlay small { display: block; color: #98b2a8; }
.portal-overlay > div { align-self: flex-end; max-width: 60%; text-align: right; }
.portal-overlay strong { font-size: 22px; }
.floating-card { position: absolute; min-width: 190px; display: flex; align-items: center; gap: 12px; padding: 13px; border: 1px solid rgba(var(--primary-rgb), .22); border-radius: 13px; background: rgba(11, 22, 40, .88); box-shadow: 0 18px 45px rgba(15,23,42,.24); backdrop-filter: blur(16px); }
.floating-card-top { top: 18%; right: -42px; }
.floating-card-bottom { bottom: 8%; left: -45px; }
.mini-icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 9px; color: #fff; background: var(--green); font-weight: 900; }
.mini-icon.cyan { background: var(--cyan); }
.floating-card strong, .floating-card small { display: block; }
.floating-card strong { font-size: 12px; }
.floating-card small { color: #829c92; font-size: 9px; }
.trust-row { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); height: 68px; display: flex; align-items: center; justify-content: space-around; color: #708a80; font-size: 12px; text-transform: uppercase; letter-spacing: .1em; }
.trust-row i { width: 3px; height: 3px; border-radius: 50%; background: var(--green); opacity: .5; }

.section { padding: 118px 0; }
.section-heading { max-width: 740px; margin: 0 auto 54px; text-align: center; }
.section-heading h2 { margin: 14px 0 16px; font-size: clamp(34px, 4.5vw, 54px); line-height: 1.14; letter-spacing: -.045em; }
.section-heading p { margin: 0; color: var(--muted); }
.feature-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
.feature-card { position: relative; min-height: 300px; padding: 30px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(150deg, rgba(16, 38, 32, .9), rgba(8, 22, 18, .78)); transition: .25s ease; }
.feature-card:hover { transform: translateY(-4px); border-color: rgba(75, 226, 176, .28); box-shadow: 0 25px 60px rgba(0,0,0,.22); }
.feature-card-wide { grid-column: span 2; }
.feature-number { position: absolute; top: 20px; right: 24px; color: rgba(187, 230, 215, .18); font: 800 36px/1 ui-monospace, monospace; }
.feature-icon { width: 48px; height: 48px; margin-bottom: 55px; display: grid; place-items: center; border-radius: 13px; }
.feature-icon svg { width: 24px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.feature-icon.green { color: var(--green); background: rgba(var(--primary-rgb), .1); }
.feature-icon.cyan { color: var(--cyan); background: rgba(84, 218, 250, .1); }
.feature-icon.blue { color: var(--blue); background: rgba(104, 167, 255, .1); }
.feature-icon.orange { color: var(--orange); background: rgba(255, 180, 94, .1); }
.feature-icon.purple { color: var(--purple); background: rgba(169, 136, 255, .1); }
.feature-card h3 { margin: 0 0 10px; font-size: 20px; }
.feature-card p { max-width: 470px; margin: 0; color: #8ea59c; font-size: 14px; }
.mini-dashboard { display: flex; gap: 8px; margin-top: 25px; }
.mini-dashboard span { padding: 6px 10px; border: 1px solid var(--line); border-radius: 7px; color: #718a80; font-size: 9px; }
.mini-dashboard span.active { color: var(--green); background: rgba(var(--primary-rgb), .08); border-color: rgba(var(--primary-rgb), .22); }
.console-lines { margin-top: 20px; padding: 13px; border: 1px solid rgba(120, 197, 170, .12); border-radius: 9px; background: #06110e; font: 9px/1.7 ui-monospace, monospace; color: #6ee5b2; }
.console-lines i { display: block; width: 66%; height: 3px; margin-bottom: 5px; background: #173d31; }
.console-lines i:nth-child(2) { width: 45%; }.console-lines i:nth-child(3) { width: 78%; }

.platform-section { border-block: 1px solid var(--line); background: rgba(9, 24, 20, .45); }
.platform-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; }
.platform-card { padding: 28px; border: 1px solid var(--line); border-radius: 18px; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 17px; background: rgba(10, 28, 23, .75); transition: .25s ease; }
.platform-card:hover { border-color: var(--line-bright); transform: translateY(-4px); }
.platform-symbol { width: 55px; height: 55px; display: grid; place-items: center; grid-row: span 2; border-radius: 14px; color: var(--green); background: rgba(var(--primary-rgb), .08); font-size: 29px; }
.platform-card h3 { margin: 0; font-size: 19px; }.platform-card p { margin: 2px 0 0; color: #748e84; font-size: 12px; }
.platform-card a { grid-column: 1 / -1; margin-top: 8px; padding-top: 18px; display: flex; justify-content: space-between; color: #b6cec4; border-top: 1px solid var(--line); font-size: 13px; font-weight: 700; }
.platform-card a span { color: var(--green); }
.single-source-note { max-width: 800px; margin: 26px auto 0; padding: 15px 18px; display: flex; align-items: center; gap: 13px; border: 1px dashed rgba(71, 222, 170, .22); border-radius: 13px; color: #789187; background: rgba(7, 23, 18, .55); font-size: 11px; }
.single-source-note strong, .single-source-note a { display: block; }.single-source-note strong { color: #cde1da; }.single-source-note a { color: #71988a; }
.lock-icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 9px; color: var(--green); background: rgba(var(--primary-rgb), .08); }
.version-pill { margin-left: auto; padding: 5px 9px; color: var(--green); border: 1px solid rgba(var(--primary-rgb), .18); border-radius: 7px; }

.docs-showcase { padding-top: 80px; }
.docs-banner { min-height: 370px; padding: 60px; display: grid; grid-template-columns: .8fr 1.2fr .7fr; align-items: center; gap: 60px; overflow: hidden; border: 1px solid rgba(83, 224, 178, .2); border-radius: 28px; background: radial-gradient(circle at 15% 50%, rgba(42, 214, 159, .12), transparent 36%), linear-gradient(130deg, #0d251e, #0a1916); box-shadow: var(--shadow); }
.docs-copy h2 { margin: 15px 0; font-size: 38px; line-height: 1.18; letter-spacing: -.04em; }.docs-copy p { color: #91a89f; font-size: 14px; }
.text-link { display: inline-flex; align-items: center; gap: 10px; margin-top: 11px; color: var(--green); font-weight: 750; }.text-link span { transition: .2s ease; }.text-link:hover span { transform: translateX(4px); }
.docs-visual { position: relative; height: 210px; }.doc-sheet { position: absolute; width: 150px; height: 190px; border: 1px solid rgba(104, 235, 190, .23); border-radius: 12px; background: #102d25; box-shadow: 0 30px 45px rgba(0,0,0,.25); }
.sheet-back { left: 35px; top: 5px; transform: rotate(11deg); background: #0d201b; }.sheet-front { left: 15px; top: 15px; padding: 27px; transform: rotate(-5deg); }.sheet-front i { display: block; height: 5px; margin: 10px 0; border-radius: 4px; background: rgba(114, 206, 174, .18); }.sheet-front i:nth-child(2) { width: 70%; }.sheet-front span { position: absolute; left: 27px; bottom: 25px; color: var(--green); font: 700 25px ui-monospace, monospace; }
.docs-points { display: grid; gap: 18px; }.docs-points span { display: flex; align-items: center; gap: 12px; color: #a8bdb5; font-size: 12px; }.docs-points i { color: var(--green); font: normal 10px ui-monospace, monospace; }

.faq-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 90px; align-items: start; }.section-heading.align-left { margin: 0; text-align: left; }.faq-list { border-top: 1px solid var(--line); }.faq-list details { border-bottom: 1px solid var(--line); }.faq-list summary { padding: 23px 2px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; list-style: none; font-weight: 700; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary span { color: var(--green); font-size: 22px; transition: .2s ease; }.faq-list details[open] summary span { transform: rotate(45deg); }.faq-list details p { max-width: 650px; margin: -7px 0 24px; color: var(--muted); font-size: 14px; }
.final-cta { padding: 40px 0 110px; }.final-cta-inner { padding: 48px 56px; display: flex; align-items: center; justify-content: space-between; gap: 30px; border: 1px solid var(--line-bright); border-radius: 24px; background: linear-gradient(110deg, rgba(22, 67, 52, .7), rgba(7, 25, 20, .7)); }.final-cta h2 { margin: 8px 0 0; font-size: clamp(28px, 4vw, 44px); letter-spacing: -.04em; }

.site-footer { padding: 60px 0 25px; border-top: 1px solid var(--line); background: #050d0b; color: #72877f; }.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 60px; padding-bottom: 50px; }.footer-brand { color: #edf8f4; }.footer-grid p { max-width: 460px; font-size: 13px; }.footer-links { display: flex; flex-direction: column; gap: 9px; font-size: 13px; }.footer-links strong { margin-bottom: 7px; color: #dcebe5; }.footer-links a:hover { color: var(--green); }.footer-bottom { padding-top: 22px; display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid rgba(151, 219, 196, .08); font-size: 11px; }.filings { display: flex; gap: 15px; }.filings a:hover { color: var(--green); }

.reveal { opacity: 0; transform: translateY(20px); transition: opacity .65s ease, transform .65s ease; }.reveal-delay { transition-delay: .12s; }.reveal.visible { opacity: 1; transform: none; }

@media (max-width: 1050px) {
    .hero { padding-top: 70px; }.hero-grid { grid-template-columns: 1fr; gap: 55px; }.hero-copy { text-align: center; }.hero-copy > p, .hero h1 { margin-inline: auto; }.hero-actions, .hero-platforms { justify-content: center; }.announcement { justify-content: center; }.hero-visual { width: min(760px, 92%); margin: auto; }.trust-row { display: none; }.hero { padding-bottom: 90px; }.hero::after { bottom: 0; }
    .feature-grid { grid-template-columns: repeat(2, 1fr); }.docs-banner { grid-template-columns: .7fr 1.3fr; }.docs-points { display: none; }
}
@media (max-width: 780px) {
    .site-header { height: 66px; }.nav-toggle { display: block; }.site-nav { position: absolute; top: 66px; left: 20px; right: 20px; padding: 14px; flex-direction: column; align-items: stretch; gap: 4px; border: 1px solid var(--line); border-radius: 15px; background: rgba(7, 21, 17, .97); box-shadow: var(--shadow); opacity: 0; visibility: hidden; transform: translateY(-8px); transition: .2s ease; }.site-nav.open { opacity: 1; visibility: visible; transform: none; }.site-nav a { padding: 12px; border-radius: 8px; }.site-nav a:not(.nav-download)::after { display: none; }.site-nav a:hover { background: rgba(var(--primary-rgb), .06); }.nav-download { margin-top: 5px; text-align: center; }
    .hero { min-height: 0; padding-top: 60px; }.hero h1 { font-size: clamp(44px, 13vw, 66px); }.hero-copy > p { font-size: 16px; }.floating-card-top { right: -18px; }.floating-card-bottom { left: -18px; }.feature-grid, .platform-grid { grid-template-columns: 1fr; }.feature-card-wide { grid-column: span 1; }.section { padding: 85px 0; }.section-heading { margin-bottom: 38px; }.docs-banner { padding: 40px 28px; grid-template-columns: 1fr; text-align: center; }.docs-visual { display: none; }.faq-layout { grid-template-columns: 1fr; gap: 45px; }.section-heading.align-left { text-align: center; margin-inline: auto; }.final-cta-inner { padding: 38px 28px; flex-direction: column; align-items: flex-start; }.footer-grid { grid-template-columns: 1fr 1fr; }.footer-grid > div:first-child { grid-column: 1 / -1; }.footer-bottom { flex-direction: column; }.single-source-note { align-items: flex-start; }.version-pill { display: none; }
}
@media (max-width: 520px) {
    .container { width: min(calc(100% - 28px), var(--container)); }.hero-actions { flex-direction: column; }.hero-platforms { flex-wrap: wrap; }.portal-card { transform: none; }.floating-card { display: none; }.portal-overlay strong { font-size: 16px; }.feature-card { min-height: 260px; }.platform-card { padding: 22px; }.docs-banner { border-radius: 20px; }.footer-grid { grid-template-columns: 1fr; }.footer-grid > div:first-child { grid-column: auto; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; }.reveal { opacity: 1; transform: none; transition: none; } }

/* Documentation */
.docs-hero { padding: 105px 0 65px; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 68% 35%, rgba(var(--primary-rgb), .1), transparent 34%); }
.docs-hero-inner { display: grid; grid-template-columns: 1fr .85fr; gap: 70px; align-items: end; }
.docs-hero h1 { margin: 13px 0 7px; font-size: clamp(44px, 6vw, 72px); line-height: 1.08; letter-spacing: -.055em; }.docs-hero p { margin: 0; color: var(--muted); }
.docs-search-wrap { position: relative; }.docs-search-wrap svg { position: absolute; left: 18px; top: 50%; width: 20px; transform: translateY(-50%); fill: none; stroke: #779086; stroke-width: 1.7; }.docs-search-wrap input { width: 100%; height: 58px; padding: 0 54px; color: #f1faf6; border: 1px solid rgba(109, 221, 184, .2); outline: 0; border-radius: 14px; background: rgba(8, 27, 21, .78); transition: .2s ease; }.docs-search-wrap input:focus { border-color: var(--green); box-shadow: 0 0 0 4px rgba(var(--primary-rgb), .08); }.docs-search-wrap kbd { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); padding: 2px 7px; color: #688178; border: 1px solid var(--line); border-radius: 5px; background: #0e211b; font: 11px ui-monospace, monospace; }
.docs-content { min-height: 520px; padding-top: 70px; }.docs-toolbar { margin-bottom: 28px; display: flex; align-items: center; justify-content: space-between; color: #80968d; font-size: 13px; }.docs-count { margin-right: 5px; color: #fff; font-size: 26px; font-weight: 800; }.button-small { min-height: 42px; padding-inline: 16px; font-size: 12px; }
.docs-card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; }.doc-card { min-height: 295px; padding: 28px; display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 19px; background: linear-gradient(145deg, rgba(14, 36, 29, .82), rgba(7, 21, 17, .76)); transition: .25s ease; }.doc-card:hover { transform: translateY(-4px); border-color: rgba(var(--primary-rgb), .3); box-shadow: 0 24px 60px rgba(0,0,0,.22); }.doc-card[hidden] { display: none; }.doc-card-top { display: flex; align-items: center; gap: 10px; color: #71887f; font-size: 11px; }.doc-type { display: inline-flex; padding: 4px 7px; color: var(--green); border: 1px solid rgba(var(--primary-rgb), .2); border-radius: 6px; background: rgba(var(--primary-rgb), .07); font: 800 10px ui-monospace, monospace; }.doc-type.pdf { color: #ff8d80; border-color: rgba(255, 104, 90, .22); background: rgba(255, 104, 90, .08); }.doc-card h2 { margin: 25px 0 10px; font-size: 20px; line-height: 1.35; }.doc-card p { margin: 0; color: #849b92; font-size: 13px; }.doc-card-bottom { margin-top: auto; padding-top: 24px; display: flex; justify-content: space-between; align-items: center; color: #587168; border-top: 1px solid var(--line); font-size: 10px; }.doc-card-bottom a { color: #b4c9c1; font-size: 12px; font-weight: 750; }.doc-card-bottom a b { margin-left: 6px; color: var(--green); }.empty-state, .no-search-results { padding: 70px 20px; text-align: center; color: var(--muted); border: 1px dashed var(--line); border-radius: 20px; }.empty-state > span { color: var(--green); font-size: 32px; font-weight: 800; }.empty-state h1, .empty-state h2 { color: #fff; }.empty-state .button { margin-top: 15px; }
.doc-reader-head { padding: 70px 0 42px; border-bottom: 1px solid var(--line); }.back-link { display: inline-block; margin-bottom: 35px; color: #81978e; font-size: 12px; }.back-link:hover { color: var(--green); }.reader-title-row { display: flex; justify-content: space-between; align-items: end; gap: 30px; }.reader-category { margin-left: 8px; color: #799087; font-size: 11px; }.reader-title-row h1 { margin: 14px 0 8px; font-size: clamp(34px, 5vw, 54px); line-height: 1.15; letter-spacing: -.045em; }.reader-title-row p { max-width: 740px; margin: 0; color: var(--muted); }
.reader-section { min-height: 600px; padding: 50px 0 100px; background: rgba(4, 13, 11, .32); }.markdown-body { max-width: 900px; margin: auto; padding: 58px 66px; color: #c4d4ce; border: 1px solid var(--line); border-radius: 18px; background: #091814; box-shadow: 0 25px 80px rgba(0,0,0,.2); }.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4 { margin: 1.6em 0 .6em; color: #fff; line-height: 1.3; }.markdown-body h1:first-child { margin-top: 0; }.markdown-body h1 { font-size: 36px; }.markdown-body h2 { padding-bottom: 10px; border-bottom: 1px solid var(--line); font-size: 27px; }.markdown-body h3 { font-size: 20px; }.markdown-body p, .markdown-body li { color: #a7bab3; }.markdown-body a { color: var(--green); border-bottom: 1px solid rgba(var(--primary-rgb), .25); }.markdown-body code { padding: 2px 6px; color: #78e9bd; border-radius: 5px; background: #102b22; font: .9em ui-monospace, SFMono-Regular, Consolas, monospace; }.markdown-body pre { padding: 20px; overflow-x: auto; border: 1px solid #16372d; border-radius: 11px; background: #04100d; }.markdown-body pre code { padding: 0; color: #bed0c9; background: none; }.markdown-body blockquote { margin: 20px 0; padding: 8px 18px; color: #91a79e; border-left: 3px solid var(--green); background: rgba(var(--primary-rgb), .04); }.markdown-body hr { height: 1px; margin: 35px 0; border: 0; background: var(--line); }.pdf-reader { overflow: hidden; border: 1px solid var(--line); border-radius: 17px; background: #101d1a; box-shadow: var(--shadow); }.pdf-reader iframe { display: block; width: 100%; height: min(78vh, 950px); border: 0; }.pdf-fallback { padding: 12px; color: #71887f; text-align: center; font-size: 11px; }.pdf-fallback a { color: var(--green); }
@media (max-width: 900px) { .docs-card-grid { grid-template-columns: repeat(2, 1fr); }.docs-hero-inner { grid-template-columns: 1fr; gap: 36px; }.reader-title-row { align-items: flex-start; flex-direction: column; } }
@media (max-width: 620px) { .docs-card-grid { grid-template-columns: 1fr; }.docs-hero { padding-top: 65px; }.docs-toolbar { align-items: flex-start; gap: 20px; flex-direction: column; }.markdown-body { padding: 34px 22px; border-radius: 13px; }.markdown-body h1 { font-size: 29px; }.pdf-reader iframe { height: 70vh; } }

/* Light themes — default public appearance */
:is(html[data-theme="light"], html[data-theme="soft"]) {
    color-scheme: light;
    --bg: #ffffff;
    --bg-soft: #f8fafc;
    --surface: rgba(255, 255, 255, .86);
    --surface-strong: #ffffff;
    --line: rgba(15, 23, 42, .10);
    --line-bright: rgba(var(--primary-rgb), .28);
    --text: #0f172a;
    --muted: #64748b;
    --shadow: 0 30px 80px rgba(15, 23, 42, .10);
}
html[data-theme="soft"] { --bg: #f3f7fc; --bg-soft: #eaf1f8; }
html[data-theme="dark"] { color-scheme: dark; }

:is(html[data-theme="light"], html[data-theme="soft"]) body { color: var(--text); background: var(--bg); }
:is(html[data-theme="light"], html[data-theme="soft"]) body::before {
    background: radial-gradient(circle at 76% -8%, rgba(var(--primary-rgb), .09), transparent 35%), linear-gradient(180deg, var(--bg) 0%, var(--bg-soft) 64%, var(--bg) 100%);
}
:is(html[data-theme="light"], html[data-theme="soft"]) .site-noise {
    opacity: .55;
    background-image: linear-gradient(rgba(var(--primary-rgb), .035) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--primary-rgb), .035) 1px, transparent 1px);
}
:is(html[data-theme="light"], html[data-theme="soft"]) .site-header { border-color: var(--line); background: rgba(255, 255, 255, .84); box-shadow: 0 8px 30px rgba(15, 23, 42, .035); }
:is(html[data-theme="light"], html[data-theme="soft"]) .brand { color: #0f172a; }
:is(html[data-theme="light"], html[data-theme="soft"]) .brand-mark { box-shadow: 0 8px 24px rgba(var(--primary-rgb), .15); }
:is(html[data-theme="light"], html[data-theme="soft"]) .site-nav { color: #64748b; }
:is(html[data-theme="light"], html[data-theme="soft"]) .site-nav a:hover,
:is(html[data-theme="light"], html[data-theme="soft"]) .site-nav a.active { color: #0f172a; }
:is(html[data-theme="light"], html[data-theme="soft"]) .nav-toggle { border-color: var(--line); background: #fff; }
:is(html[data-theme="light"], html[data-theme="soft"]) .nav-toggle span { background: #0f172a; }

:is(html[data-theme="light"], html[data-theme="soft"]) .hero { border-color: var(--line); }
:is(html[data-theme="light"], html[data-theme="soft"]) .hero-glow-one { background: radial-gradient(circle, rgba(var(--primary-rgb), .13), transparent 68%); }
:is(html[data-theme="light"], html[data-theme="soft"]) .hero-glow-two { background: radial-gradient(circle, rgba(var(--accent-rgb), .10), transparent 70%); }
:is(html[data-theme="light"], html[data-theme="soft"]) .hero h1 { background: linear-gradient(110deg, #0f172a 28%, var(--primary) 68%, var(--accent)); background-clip: text; -webkit-background-clip: text; color: transparent; }
:is(html[data-theme="light"], html[data-theme="soft"]) .hero-copy > p { color: #64748b; }
:is(html[data-theme="light"], html[data-theme="soft"]) .button-ghost { color: #334155; border-color: rgba(15, 23, 42, .12); background: rgba(255, 255, 255, .76); box-shadow: 0 8px 24px rgba(15, 23, 42, .04); }
:is(html[data-theme="light"], html[data-theme="soft"]) .button-ghost:hover { color: var(--primary); border-color: rgba(var(--primary-rgb), .45); }
:is(html[data-theme="light"], html[data-theme="soft"]) .hero-platforms { color: #64748b; }
:is(html[data-theme="light"], html[data-theme="soft"]) .hero-platforms span { border-color: var(--line); background: rgba(255, 255, 255, .76); box-shadow: 0 5px 18px rgba(15, 23, 42, .035); }
:is(html[data-theme="light"], html[data-theme="soft"]) .hero-platforms b { color: #334155; }
:is(html[data-theme="light"], html[data-theme="soft"]) .announcement { color: #94a3b8; }
:is(html[data-theme="light"], html[data-theme="soft"]) .trust-row { color: #8492a6; }

:is(html[data-theme="light"], html[data-theme="soft"]) .section-heading p { color: #64748b; }
:is(html[data-theme="light"], html[data-theme="soft"]) .feature-card { border-color: var(--line); background: rgba(255, 255, 255, .88); box-shadow: 0 14px 45px rgba(15, 23, 42, .055); }
:is(html[data-theme="light"], html[data-theme="soft"]) .feature-card:hover { border-color: rgba(var(--primary-rgb), .28); box-shadow: 0 24px 65px rgba(15, 23, 42, .10); }
:is(html[data-theme="light"], html[data-theme="soft"]) .feature-number { color: rgba(15, 23, 42, .09); }
:is(html[data-theme="light"], html[data-theme="soft"]) .feature-card h3 { color: #0f172a; }
:is(html[data-theme="light"], html[data-theme="soft"]) .feature-card p { color: #64748b; }
:is(html[data-theme="light"], html[data-theme="soft"]) .mini-dashboard span { color: #94a3b8; border-color: var(--line); background: #f8fafc; }
:is(html[data-theme="light"], html[data-theme="soft"]) .mini-dashboard span.active { color: var(--primary); border-color: rgba(var(--primary-rgb), .20); background: rgba(var(--primary-rgb), .06); }
:is(html[data-theme="light"], html[data-theme="soft"]) .console-lines { color: #7dd3fc; border-color: #1e293b; background: #0f172a; }

:is(html[data-theme="light"], html[data-theme="soft"]) .platform-section { border-color: var(--line); background: rgba(241, 245, 249, .72); }
:is(html[data-theme="light"], html[data-theme="soft"]) .platform-card { border-color: var(--line); background: #fff; box-shadow: 0 12px 35px rgba(15, 23, 42, .045); }
:is(html[data-theme="light"], html[data-theme="soft"]) .platform-card h3 { color: #0f172a; }
:is(html[data-theme="light"], html[data-theme="soft"]) .platform-card p { color: #94a3b8; }
:is(html[data-theme="light"], html[data-theme="soft"]) .platform-card a { color: #475569; }
:is(html[data-theme="light"], html[data-theme="soft"]) .single-source-note { color: #64748b; border-color: rgba(var(--primary-rgb), .23); background: rgba(255, 255, 255, .78); }
:is(html[data-theme="light"], html[data-theme="soft"]) .single-source-note strong { color: #334155; }
:is(html[data-theme="light"], html[data-theme="soft"]) .single-source-note a { color: #64748b; }

:is(html[data-theme="light"], html[data-theme="soft"]) .docs-banner { border-color: rgba(var(--primary-rgb), .18); background: radial-gradient(circle at 14% 50%, rgba(var(--primary-rgb), .11), transparent 36%), linear-gradient(130deg, #ffffff, #f5f9ff); }
:is(html[data-theme="light"], html[data-theme="soft"]) .docs-copy p { color: #64748b; }
:is(html[data-theme="light"], html[data-theme="soft"]) .doc-sheet { border-color: rgba(var(--primary-rgb), .22); background: #eaf1ff; box-shadow: 0 28px 50px rgba(37, 99, 235, .13); }
:is(html[data-theme="light"], html[data-theme="soft"]) .sheet-back { background: #dbe8ff; }
:is(html[data-theme="light"], html[data-theme="soft"]) .sheet-front i { background: rgba(var(--primary-rgb), .14); }
:is(html[data-theme="light"], html[data-theme="soft"]) .docs-points span { color: #64748b; }
:is(html[data-theme="light"], html[data-theme="soft"]) .faq-list summary { color: #0f172a; }
:is(html[data-theme="light"], html[data-theme="soft"]) .faq-list details p { color: #64748b; }
:is(html[data-theme="light"], html[data-theme="soft"]) .final-cta-inner { border-color: rgba(var(--primary-rgb), .22); background: linear-gradient(110deg, rgba(var(--primary-rgb), .09), rgba(var(--accent-rgb), .06), #fff); }

:is(html[data-theme="light"], html[data-theme="soft"]) .site-footer { color: #64748b; border-color: var(--line); background: #f8fafc; }
:is(html[data-theme="light"], html[data-theme="soft"]) .footer-brand { color: #0f172a; }
:is(html[data-theme="light"], html[data-theme="soft"]) .footer-links strong { color: #334155; }
:is(html[data-theme="light"], html[data-theme="soft"]) .footer-bottom { border-color: var(--line); }

:is(html[data-theme="light"], html[data-theme="soft"]) .docs-hero { border-color: var(--line); background: radial-gradient(circle at 68% 35%, rgba(var(--primary-rgb), .10), transparent 36%); }
:is(html[data-theme="light"], html[data-theme="soft"]) .docs-search-wrap input { color: #0f172a; border-color: var(--line); background: rgba(255, 255, 255, .88); box-shadow: 0 10px 35px rgba(15, 23, 42, .045); }
:is(html[data-theme="light"], html[data-theme="soft"]) .docs-search-wrap kbd { color: #94a3b8; border-color: var(--line); background: #f1f5f9; }
:is(html[data-theme="light"], html[data-theme="soft"]) .docs-count { color: #0f172a; }
:is(html[data-theme="light"], html[data-theme="soft"]) .doc-card { border-color: var(--line); background: #fff; box-shadow: 0 14px 45px rgba(15, 23, 42, .05); }
:is(html[data-theme="light"], html[data-theme="soft"]) .doc-card h2 { color: #0f172a; }
:is(html[data-theme="light"], html[data-theme="soft"]) .doc-card p { color: #64748b; }
:is(html[data-theme="light"], html[data-theme="soft"]) .doc-card-bottom a { color: #334155; }
:is(html[data-theme="light"], html[data-theme="soft"]) .empty-state h1,
:is(html[data-theme="light"], html[data-theme="soft"]) .empty-state h2 { color: #0f172a; }
:is(html[data-theme="light"], html[data-theme="soft"]) .reader-section { background: #f8fafc; }
:is(html[data-theme="light"], html[data-theme="soft"]) .markdown-body { color: #334155; border-color: var(--line); background: #fff; box-shadow: 0 22px 70px rgba(15, 23, 42, .07); }
:is(html[data-theme="light"], html[data-theme="soft"]) .markdown-body h1,
:is(html[data-theme="light"], html[data-theme="soft"]) .markdown-body h2,
:is(html[data-theme="light"], html[data-theme="soft"]) .markdown-body h3,
:is(html[data-theme="light"], html[data-theme="soft"]) .markdown-body h4 { color: #0f172a; }
:is(html[data-theme="light"], html[data-theme="soft"]) .markdown-body p,
:is(html[data-theme="light"], html[data-theme="soft"]) .markdown-body li { color: #475569; }
:is(html[data-theme="light"], html[data-theme="soft"]) .markdown-body code { color: var(--primary); background: rgba(var(--primary-rgb), .07); }
:is(html[data-theme="light"], html[data-theme="soft"]) .markdown-body pre { border-color: #1e293b; background: #0f172a; }
:is(html[data-theme="light"], html[data-theme="soft"]) .markdown-body pre code { color: #dbeafe; background: none; }
:is(html[data-theme="light"], html[data-theme="soft"]) .markdown-body blockquote { color: #64748b; background: rgba(var(--primary-rgb), .045); }
:is(html[data-theme="light"], html[data-theme="soft"]) .pdf-reader { border-color: var(--line); background: #fff; }

@media (max-width: 780px) {
    :is(html[data-theme="light"], html[data-theme="soft"]) .site-nav { border-color: var(--line); background: rgba(255, 255, 255, .98); }
    :is(html[data-theme="light"], html[data-theme="soft"]) .site-nav a:hover { background: rgba(var(--primary-rgb), .055); }
}

/* Refined homepage composition */
.hero{min-height:auto;padding:86px 0 0}
.hero::after{display:none}
.hero-grid{grid-template-columns:.88fr 1.12fr;gap:68px}
.hero h1{max-width:640px;margin:20px 0 22px;font-size:clamp(48px,4.7vw,70px);line-height:1.07;letter-spacing:-.055em}
.hero-copy>p{max-width:590px;font-size:17px;line-height:1.8}
.hero-actions{margin:30px 0 24px}
.hero-platforms span{padding:7px 12px;border-radius:10px}
.launcher-frame{border-radius:24px;transform:rotateY(-1.2deg);box-shadow:0 34px 85px rgba(15,23,42,.25),0 0 0 1px rgba(var(--primary-rgb),.06)}
.launcher-frame .window-bar{height:48px;padding:0 18px}
.launcher-frame .portal-image{aspect-ratio:1.67;background-image:var(--hero-image);background-position:center;background-size:cover}
.launcher-frame .portal-image::before{box-shadow:inset 0 0 55px rgba(2,6,23,.26)}
.launcher-status-bar{min-height:49px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#cbd5e1;border-top:1px solid rgba(148,163,184,.14);background:#0b1425;font-size:10px}
.launcher-status-bar span{display:inline-flex;align-items:center;gap:8px}.launcher-status-bar i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.11)}.launcher-status-bar b{color:#7dd3fc;font-weight:650}
.hero-release-card{position:absolute;left:-34px;bottom:-28px;min-width:245px;padding:13px 15px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;color:#e2e8f0;border:1px solid rgba(var(--primary-rgb),.23);border-radius:15px;background:rgba(11,20,37,.93);box-shadow:0 20px 45px rgba(15,23,42,.24);backdrop-filter:blur(18px)}
.hero-release-card small,.hero-release-card strong{display:block}.hero-release-card small{color:#94a3b8;font-size:9px}.hero-release-card strong{font-size:12px}.hero-release-card>a{width:30px;height:30px;display:grid;place-items:center;color:#fff;border-radius:9px;background:var(--primary)}
.trust-row{position:static;height:76px;margin-top:76px;transform:none;border-top:1px solid var(--line)}
.section-heading{max-width:880px;margin-bottom:46px}.section-heading h2{font-size:clamp(34px,4vw,48px);line-height:1.16}
.feature-grid{grid-template-columns:repeat(6,1fr);gap:18px}
.feature-card,.feature-card-wide{grid-column:span 2;min-height:276px;padding:28px;display:flex;flex-direction:column;border-radius:20px}
.feature-card:nth-child(4),.feature-card:nth-child(5){grid-column:span 3}
.feature-card::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;opacity:.7;background:linear-gradient(90deg,var(--primary),transparent 75%)}
.feature-card:nth-child(2)::before{background:linear-gradient(90deg,var(--accent),transparent 75%)}.feature-card:nth-child(3)::before{background:linear-gradient(90deg,#60a5fa,transparent 75%)}.feature-card:nth-child(4)::before{background:linear-gradient(90deg,#fb923c,transparent 75%)}.feature-card:nth-child(5)::before{background:linear-gradient(90deg,#a78bfa,transparent 75%)}
.feature-icon{margin-bottom:38px}.feature-card h3{font-size:19px}.feature-card p{line-height:1.75}.mini-dashboard,.console-lines{margin-top:auto}.console-lines{width:100%}
:is(html[data-theme="light"],html[data-theme="soft"]) .launcher-frame{box-shadow:0 34px 85px rgba(15,23,42,.18),0 0 0 1px rgba(var(--primary-rgb),.08)}
:is(html[data-theme="light"],html[data-theme="soft"]) .hero-release-card{color:#e2e8f0}

@media(max-width:1050px){.hero-grid{grid-template-columns:1fr;gap:54px}.hero-copy{text-align:center}.hero h1,.hero-copy>p{margin-inline:auto}.hero-actions,.hero-platforms{justify-content:center}.announcement{justify-content:center}.hero-visual{width:min(760px,92%);margin:auto}.trust-row{display:none}.hero{padding-bottom:92px}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-card,.feature-card-wide,.feature-card:nth-child(4),.feature-card:nth-child(5){grid-column:span 1}}
@media(max-width:780px){.hero{padding-top:56px}.hero h1{font-size:clamp(42px,12vw,58px)}.hero-release-card{left:16px;bottom:-38px}.feature-grid{grid-template-columns:1fr}.feature-card,.feature-card-wide,.feature-card:nth-child(4),.feature-card:nth-child(5){grid-column:1}.section-heading h2{font-size:clamp(32px,9vw,43px)}}
@media(max-width:520px){.hero h1{max-width:300px}.hero-release-card{left:12px;right:12px;min-width:0}.launcher-status-bar b{display:none}.feature-card{min-height:248px}}

/* Platform availability and release history */
.platform-grid{grid-template-columns:repeat(auto-fit,minmax(235px,1fr))}
.platform-card.android .platform-symbol{color:#22c55e;background:rgba(34,197,94,.09)}
.version-history-section{position:relative;overflow:hidden;background:linear-gradient(180deg,transparent,rgba(var(--primary-rgb),.035),transparent)}
.version-timeline{position:relative;max-width:940px;margin:0 auto;display:grid;gap:18px}
.version-entry{position:relative;display:grid;grid-template-columns:30px 1fr;gap:16px}
.version-rail{position:relative;display:flex;justify-content:center}.version-rail::after{content:"";position:absolute;top:22px;bottom:-40px;width:1px;background:var(--line)}.version-entry:last-child .version-rail::after{display:none}.version-rail i{position:relative;z-index:1;width:13px;height:13px;margin-top:20px;border:3px solid var(--bg);border-radius:50%;background:#94a3b8;box-shadow:0 0 0 1px var(--line)}
.version-entry.current .version-rail i{background:var(--primary);box-shadow:0 0 0 5px rgba(var(--primary-rgb),.12)}
.version-card{padding:25px 27px;border:1px solid var(--line);border-radius:18px;background:rgba(10,28,23,.72);transition:.25s ease}.version-card:hover{transform:translateY(-2px);border-color:var(--line-bright)}.version-entry.current .version-card{border-color:rgba(var(--primary-rgb),.27);box-shadow:0 18px 55px rgba(var(--primary-rgb),.08)}
.version-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.version-card-head>div:first-child{display:flex;align-items:center;gap:12px}.version-card h3{margin:0;font-size:23px}.version-channel{padding:4px 7px;color:var(--primary);border:1px solid rgba(var(--primary-rgb),.2);border-radius:6px;background:rgba(var(--primary-rgb),.07);font:800 8px ui-monospace,monospace}.version-channel.beta{color:#a78bfa;border-color:rgba(167,139,250,.25);background:rgba(167,139,250,.08)}.version-channel.dev{color:#fb923c;border-color:rgba(251,146,60,.25);background:rgba(251,146,60,.08)}
.version-date{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px}.version-date b{padding:5px 8px;color:#fff;border-radius:6px;background:var(--primary);font-size:9px}
.version-notes{margin:19px 0;padding:0;display:grid;gap:7px;list-style:none}.version-notes li{position:relative;padding-left:16px;color:var(--muted);font-size:13px;line-height:1.55}.version-notes li::before{content:"";position:absolute;left:0;top:.65em;width:5px;height:5px;border-radius:50%;background:var(--accent)}
.version-platforms{padding-top:16px;display:flex;align-items:center;flex-wrap:wrap;gap:7px;border-top:1px solid var(--line)}.version-platforms small{margin-right:3px;color:var(--muted);font-size:9px}.version-platforms span{padding:5px 8px;color:#a9bcb5;border:1px solid var(--line);border-radius:7px;background:rgba(255,255,255,.025);font-size:9px}
:is(html[data-theme="light"],html[data-theme="soft"]) .version-card{background:rgba(255,255,255,.9);box-shadow:0 12px 38px rgba(15,23,42,.04)}
:is(html[data-theme="light"],html[data-theme="soft"]) .version-platforms span{color:#475569;background:#f8fafc}
@media(max-width:620px){.version-entry{grid-template-columns:18px 1fr;gap:9px}.version-card{padding:21px 18px}.version-card-head{align-items:flex-start;flex-direction:column}.version-date{width:100%;justify-content:space-between}.version-card-head>div:first-child{flex-wrap:wrap}}

/* Full release archive */
.version-history-more{margin-top:30px;text-align:center}.version-history-more .button{display:inline-flex}
.versions-page-hero{padding:92px 0 58px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 72% 28%,rgba(var(--primary-rgb),.1),transparent 34%)}
.versions-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:48px}.versions-page-heading h1{margin:14px 0 12px;font-size:clamp(42px,6vw,72px);line-height:1.05;letter-spacing:-.055em}.versions-page-heading p{max-width:650px;margin:0;color:var(--muted);font-size:16px}
.versions-summary{display:flex;gap:10px}.versions-summary span{min-width:130px;padding:17px 19px;border:1px solid var(--line);border-radius:14px;background:rgba(10,28,23,.7)}.versions-summary small,.versions-summary strong{display:block}.versions-summary small{color:var(--muted);font-size:9px}.versions-summary strong{margin-top:5px;font-size:20px}
.version-archive-section{min-height:520px}.version-archive-list{max-width:1000px}.version-archive-actions{margin-top:42px;display:flex;justify-content:center;gap:10px}
:is(html[data-theme="light"],html[data-theme="soft"]) .versions-page-hero{background:radial-gradient(circle at 72% 28%,rgba(var(--primary-rgb),.1),transparent 34%)}
:is(html[data-theme="light"],html[data-theme="soft"]) .versions-summary span{background:rgba(255,255,255,.86);box-shadow:0 10px 35px rgba(15,23,42,.04)}
@media(max-width:780px){.versions-page-hero{padding:64px 0 42px}.versions-page-heading{align-items:flex-start;flex-direction:column}.versions-summary{width:100%}.versions-summary span{flex:1}.version-archive-actions{align-items:stretch;flex-direction:column}.version-archive-actions .button{justify-content:center}}