@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;900&display=swap');

:root { --ink:#e8f3ef; --muted:#9aada9; --muted-2:#6f8481; --bg:#061012; --bg-2:#0a181a; --panel:#0d2021; --panel-2:#102829; --line:rgba(181,220,208,.14); --line-strong:rgba(181,220,208,.28); --teal:#67d7c0; --teal-2:#35a994; --gold:#e9bc72; --red:#f08f86; --max:1240px; --sans:'Manrope','Noto Sans SC',sans-serif; --mono:'DM Mono',monospace; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--bg); font-family:var(--sans); -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
button { color:inherit; font:inherit; }
.skip-link { position:fixed; z-index:30; top:10px; left:10px; padding:8px 11px; transform:translateY(-150%); background:var(--teal); color:#071716; font-size:12px; transition:transform .2s ease; }.skip-link:focus { transform:none; }
.button:focus-visible,.main-nav a:focus-visible,.nav-cta:focus-visible,.text-link:focus-visible,.mode-button:focus-visible,.parameter-tab:focus-visible,.faq-filter:focus-visible,.faq-item summary:focus-visible,.footer-column a:focus-visible,.release-hash button:focus-visible { outline:2px solid var(--gold); outline-offset:4px; }
.site-shell { overflow:hidden; background:var(--bg); }
.page-width { width:min(calc(100% - 80px), var(--max)); margin-inline:auto; }
.topbar { position:fixed; inset:0 0 auto; z-index:10; display:flex; align-items:center; gap:32px; height:78px; padding:0 40px; border-bottom:1px solid transparent; transition:.25s ease; }
.topbar.is-scrolled { background:rgba(4,13,14,.86); border-color:var(--line); backdrop-filter:blur(18px); }
.brand { display:flex; align-items:center; gap:11px; min-width:max-content; }
.brand-mark { display:grid; place-items:center; width:34px; height:34px; overflow:hidden; border:1px solid rgba(233,188,114,.55); border-radius:50%; background:#09191a; }
.brand-mark img { width:100%; height:100%; object-fit:cover; }
.brand strong { display:block; font-size:15px; line-height:1; letter-spacing:.02em; }
.brand small { display:block; margin-top:5px; color:var(--muted-2); font:10px var(--mono); letter-spacing:.04em; }
.main-nav { display:flex; align-items:center; gap:28px; margin-left:auto; color:#afc2be; font-size:13px; }
.main-nav a, .nav-cta, .text-link { transition:color .2s ease; }
.main-nav a:hover, .nav-cta:hover, .text-link:hover { color:var(--teal); }
.nav-cta { color:var(--teal); font-size:13px; white-space:nowrap; }
.nav-cta span, .text-link span { margin-left:6px; }
.menu-toggle { display:none; border:0; background:none; cursor:pointer; }
.hero { position:relative; min-height:760px; display:flex; align-items:center; padding:150px 0 94px; isolation:isolate; }
.hero-bg, .hero-scrim { position:absolute; inset:0; z-index:-2; }
.hero-bg { background-image:url('assets/hero-qinglong.png'); background-size:cover; background-position:center right; }
.hero-scrim { z-index:-1; background:linear-gradient(90deg,rgba(3,10,12,.98) 0%,rgba(3,10,12,.85) 31%,rgba(3,10,12,.2) 65%,rgba(3,10,12,.48) 100%),linear-gradient(0deg,rgba(3,10,12,.92) 0%,transparent 30%,rgba(3,10,12,.18) 100%); }
.hero-grid { display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:110px; align-items:end; }
.hero-copy { max-width:690px; }
.eyebrow { margin:0 0 20px; color:var(--teal); font:11px var(--mono); letter-spacing:.14em; text-transform:uppercase; }
.pulse-dot, .tiny-signal, .green-led { display:inline-block; width:7px; height:7px; margin-right:8px; border-radius:50%; background:var(--teal); box-shadow:0 0 0 4px rgba(103,215,192,.12); vertical-align:1px; }
h1,h2,h3,p { margin-top:0; }
h1 { max-width:680px; margin-bottom:26px; font-size:clamp(58px,8vw,110px); line-height:.92; letter-spacing:-.055em; font-weight:800; }
h1 span { display:block; color:var(--gold); font-size:.55em; letter-spacing:-.03em; margin-top:18px; }
.hero-lede { max-width:575px; color:#b6c9c4; font-size:16px; line-height:1.85; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 18px; border:1px solid var(--line-strong); border-radius:3px; font-size:13px; font-weight:700; transition:transform .2s ease,background .2s ease,border-color .2s ease; }
.button:hover { transform:translateY(-2px); }
.button-primary { color:#071716; background:var(--teal); border-color:var(--teal); }
.button-primary:hover { background:#8ce4d1; }
.button-quiet { color:var(--ink); background:rgba(9,26,27,.38); backdrop-filter:blur(8px); }
.button-quiet:hover, .button-outline:hover { border-color:var(--teal); }
.button-outline { color:var(--teal); }
.hero-facts { display:flex; gap:38px; margin-top:62px; padding-top:20px; border-top:1px solid rgba(181,220,208,.2); }
.hero-facts strong { display:block; color:var(--gold); font-size:20px; letter-spacing:-.03em; }
.hero-facts span { display:block; margin-top:5px; color:var(--muted-2); font-size:11px; }
.hero-status { align-self:end; padding:18px; border:1px solid rgba(181,220,208,.24); border-radius:4px; background:rgba(6,18,19,.62); box-shadow:0 24px 70px rgba(0,0,0,.32); backdrop-filter:blur(12px); }
.status-heading, .console-top, .console-bottom { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.status-heading { color:var(--muted-2); font:9px var(--mono); letter-spacing:.12em; }
.status-live { color:var(--teal); }
.status-symbol { display:flex; align-items:center; gap:11px; margin-top:24px; }
.symbol-chip { display:grid; place-items:center; width:40px; height:40px; color:#081615; background:var(--gold); border-radius:50%; font:bold 11px var(--mono); }
.status-symbol strong { display:block; font-size:14px; }
.status-symbol small { display:block; margin-top:4px; color:var(--muted); font-size:10px; }
.status-price { display:flex; align-items:baseline; gap:10px; margin-top:27px; }
.status-price span { color:var(--muted); font-size:11px; }
.status-price strong { font:500 30px var(--mono); letter-spacing:-.06em; }
.status-price em { color:var(--teal); font:11px var(--mono); font-style:normal; }
.micro-chart { position:relative; display:flex; align-items:end; gap:5px; height:53px; margin:20px 0; padding-bottom:6px; border-bottom:1px solid var(--line); }
.micro-chart span,.micro-chart i,.micro-chart b,.micro-chart u,.micro-chart em,.micro-chart strong { display:block; width:13%; border-top:1px solid var(--teal); background:linear-gradient(180deg,rgba(103,215,192,.2),transparent); text-decoration:none; }
.micro-chart span { height:22%; }.micro-chart i { height:39%; }.micro-chart b { height:28%; }.micro-chart u { height:68%; }.micro-chart em { height:54%; }.micro-chart strong { height:84%; }
.status-grid { display:grid; grid-template-columns:1fr 1fr; gap:13px 18px; }
.status-grid span { display:block; color:var(--muted-2); font-size:10px; }.status-grid strong { display:block; margin-top:4px; font:11px var(--mono); }.positive { color:var(--teal); }
.status-foot { margin:19px 0 0; padding-top:12px; border-top:1px solid var(--line); color:var(--muted-2); font-size:10px; }
.scroll-cue { position:absolute; bottom:24px; left:50%; display:flex; align-items:center; gap:10px; transform:translateX(-50%); color:var(--muted-2); font:10px var(--mono); letter-spacing:.08em; white-space:nowrap; }.scroll-cue span { width:26px; height:1px; background:var(--gold); }
.ticker { border-block:1px solid var(--line); background:#081617; }.ticker-track { display:flex; align-items:center; gap:22px; min-height:53px; color:#afc2be; font:10px var(--mono); letter-spacing:.1em; text-transform:uppercase; }.ticker-track i { width:4px; height:4px; border-radius:50%; background:var(--gold); }
.section { padding-block:126px; }.section-system { display:grid; grid-template-columns:330px 1fr; gap:110px; }.section-intro h2, .section-heading-line h2, .feature-copy h2, .access-inner h2 { margin-bottom:18px; font-size:clamp(34px,4vw,52px); line-height:1.04; letter-spacing:-.045em; }.section-intro>p:last-child { color:var(--muted); font-size:14px; line-height:1.85; }
.system-rail { border-top:1px solid var(--line); }.system-row { display:grid; grid-template-columns:40px 50px minmax(0,1fr) 125px; gap:20px; align-items:center; min-height:165px; border-bottom:1px solid var(--line); }.row-index { color:var(--gold); font:11px var(--mono); }.row-icon { display:grid; place-items:center; width:38px; height:38px; border:1px solid var(--line-strong); border-radius:50%; color:var(--teal); font-size:15px; }.row-body h3 { margin-bottom:8px; font-size:19px; }.row-body p { max-width:580px; margin:0; color:var(--muted); font-size:13px; line-height:1.75; }.row-meta { text-align:right; }.row-meta span { display:block; color:var(--muted-2); font:9px var(--mono); letter-spacing:.1em; }.row-meta strong { display:block; margin-top:7px; color:var(--gold); font:11px var(--mono); }
.monitor-section { background:#091718; border-block:1px solid var(--line); }.section-heading-line { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:38px; }.section-heading-line h2 { margin-bottom:0; }.heading-note { display:flex; align-items:center; gap:9px; color:var(--muted); font:10px var(--mono); }.live-ring { width:8px; height:8px; border:1px solid var(--teal); border-radius:50%; box-shadow:0 0 0 4px rgba(103,215,192,.1); }.monitor-layout { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:20px; }.console-panel,.side-block { border:1px solid var(--line); background:#0a1d1e; }.console-panel { min-width:0; }.console-top { min-height:49px; padding:0 17px; border-bottom:1px solid var(--line); color:var(--muted); font:10px var(--mono); }.console-title { display:flex; align-items:center; gap:8px; color:var(--ink); }.terminal-dot { width:7px; height:7px; border-radius:50%; background:var(--gold); }.console-time { white-space:nowrap; }.console-main { padding:25px 25px 20px; }.console-summary span { display:block; color:var(--muted-2); font:10px var(--mono); }.console-summary strong { display:block; margin-top:6px; font-size:25px; letter-spacing:-.04em; }.console-summary small { display:block; margin-top:7px; color:var(--muted); font-size:11px; }.console-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:27px; padding:15px 0; border-block:1px solid var(--line); }.console-stats span { display:block; color:var(--muted-2); font-size:10px; }.console-stats strong { display:block; margin-top:7px; font:12px var(--mono); }.loss { color:var(--red); }.console-chart { position:relative; height:230px; margin-top:18px; overflow:hidden; }.chart-grid { position:absolute; inset:10px 65px 16px 0; display:flex; flex-direction:column; justify-content:space-between; }.chart-grid i { display:block; border-top:1px dashed rgba(181,220,208,.12); }.console-chart svg { position:absolute; inset:10px 50px 16px 0; width:calc(100% - 50px); height:calc(100% - 26px); }.area { fill:rgba(103,215,192,.09); }.price-line { fill:none; stroke:var(--teal); stroke-width:2; }.avg-line { fill:none; stroke:var(--gold); stroke-width:1.4; stroke-dasharray:5 5; }.chart-label { position:absolute; right:0; color:var(--muted-2); font:9px var(--mono); }.label-top { top:12px; }.label-mid { top:50%; transform:translateY(-50%); }.label-bottom { bottom:16px; }.chart-legend { position:absolute; left:0; bottom:0; display:flex; gap:16px; color:var(--muted); font:9px var(--mono); }.chart-legend span { display:flex; align-items:center; gap:5px; }.legend-price,.legend-avg { width:15px; border-top:2px solid var(--teal); }.legend-avg { border-top:1px dashed var(--gold); }.console-bottom { min-height:39px; padding:0 17px; border-top:1px solid var(--line); color:var(--muted-2); font:9px var(--mono); }.green-led { width:5px; height:5px; margin-right:5px; box-shadow:none; }.console-bottom b { color:var(--muted); font-weight:400; }
.monitor-side { display:flex; flex-direction:column; gap:20px; }.side-block { padding:19px; }.side-label { color:var(--muted-2); font:9px var(--mono); letter-spacing:.1em; text-transform:uppercase; }.mode-switch { display:grid; grid-template-columns:repeat(3,1fr); gap:3px; margin-top:16px; padding:3px; background:#061315; }.mode-button { min-height:30px; border:0; background:transparent; color:var(--muted); cursor:pointer; font-size:11px; }.mode-button.is-active { color:#071716; background:var(--teal); }.side-block p { margin:13px 0 0; color:var(--muted); font-size:11px; line-height:1.7; }.event-time { display:flex; align-items:baseline; gap:10px; margin-top:16px; }.event-time strong { color:var(--gold); font:24px var(--mono); }.event-time span { color:var(--muted-2); font:10px var(--mono); }.event-tag { display:inline-block; margin-top:13px; padding:5px 7px; border:1px solid rgba(233,188,114,.3); color:var(--gold); font:9px var(--mono); }.activity-list { margin:14px 0 0; padding:0; list-style:none; }.activity-list li { display:grid; grid-template-columns:56px minmax(0,1fr) 30px; gap:6px; padding:10px 0; border-top:1px solid var(--line); color:var(--muted); font-size:10px; }.activity-time,.activity-list b { color:var(--muted-2); font:9px var(--mono); }.activity-list b { text-align:right; }.activity-list li:first-child b { color:var(--teal); }
.parameter-section { padding-bottom:128px; }.text-link { color:var(--teal); font:11px var(--mono); }.parameter-layout { display:grid; grid-template-columns:210px 1fr; gap:65px; border-top:1px solid var(--line); padding-top:28px; }.parameter-tabs { display:flex; flex-direction:column; align-self:start; border-left:1px solid var(--line); }.parameter-tab { min-height:47px; padding:0 0 0 17px; border:0; border-left:2px solid transparent; background:transparent; color:var(--muted); text-align:left; cursor:pointer; font-size:12px; }.parameter-tab.is-active { border-color:var(--teal); color:var(--teal); background:linear-gradient(90deg,rgba(103,215,192,.1),transparent); }.parameter-details { display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:50px; min-height:250px; }.detail-kicker { color:var(--gold); font:10px var(--mono); letter-spacing:.1em; }.parameter-copy h3 { max-width:480px; margin:18px 0 13px; font-size:27px; letter-spacing:-.04em; }.parameter-copy p { max-width:500px; color:var(--muted); font-size:13px; line-height:1.85; }.parameter-list { margin:0; border-top:1px solid var(--line); }.parameter-list div { display:flex; align-items:center; justify-content:space-between; min-height:55px; border-bottom:1px solid var(--line); }.parameter-list dt { color:var(--muted); font-size:12px; }.parameter-list dd { margin:0; color:var(--teal); font:13px var(--mono); }.parameter-list small { color:var(--muted-2); font-size:9px; }
.feature-section { padding-top:20px; background:#081617; border-block:1px solid var(--line); }.feature-grid { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }.feature-art { position:relative; min-height:420px; overflow:hidden; border:1px solid var(--line); }.feature-art img { display:block; width:100%; height:100%; min-height:420px; object-fit:cover; object-position:center; opacity:.8; }.feature-art:after { position:absolute; inset:0; content:""; background:linear-gradient(0deg,rgba(5,16,17,.92),transparent 65%); }.art-caption { position:absolute; z-index:1; right:25px; bottom:23px; left:25px; }.art-caption span { display:block; color:var(--teal); font:10px var(--mono); letter-spacing:.14em; }.art-caption strong { display:block; margin-top:8px; font-size:26px; letter-spacing:-.04em; }.feature-copy>p:not(.eyebrow) { max-width:500px; color:var(--muted); font-size:14px; line-height:1.85; }.feature-lines { margin-top:30px; border-top:1px solid var(--line); }.feature-lines div { display:grid; grid-template-columns:34px 1fr 1fr; gap:10px; align-items:center; min-height:56px; border-bottom:1px solid var(--line); }.feature-lines span { color:var(--gold); font:10px var(--mono); }.feature-lines strong { font-size:12px; }.feature-lines small { color:var(--muted); font-size:11px; }
.access-section { padding-block:100px; }.access-inner { display:flex; align-items:end; justify-content:space-between; gap:40px; padding:48px 0; border-block:1px solid var(--line); }.access-inner h2 { max-width:570px; margin-bottom:13px; }.access-inner p { max-width:570px; margin:0; color:var(--muted); font-size:13px; line-height:1.8; }.access-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px; }.footer { display:flex; align-items:center; justify-content:space-between; gap:25px; min-height:100px; border-top:1px solid var(--line); }.footer-brand { display:flex; align-items:center; gap:11px; }.footer p { margin:0; color:var(--muted-2); font-size:10px; }.footer-code { color:var(--muted-2); font:10px var(--mono); }
@media (max-width:980px) { .page-width { width:min(calc(100% - 48px),var(--max)); }.topbar { padding-inline:24px; gap:18px; }.main-nav { gap:17px; }.hero-grid { grid-template-columns:minmax(0,1fr) 320px; gap:42px; }.section-system { grid-template-columns:260px 1fr; gap:48px; }.monitor-layout { grid-template-columns:minmax(0,1fr) 260px; gap:14px; }.feature-grid { gap:40px; } }
@media (max-width:760px) { .page-width { width:min(calc(100% - 32px),var(--max)); }.topbar { height:66px; padding-inline:16px; }.brand small { display:none; }.menu-toggle { display:block; margin-left:auto; color:var(--teal); font-size:11px; cursor:pointer; }.main-nav { position:absolute; top:65px; right:16px; left:16px; display:none; flex-direction:column; align-items:stretch; gap:0; padding:6px; border:1px solid var(--line); background:rgba(5,16,17,.96); }.main-nav.is-open { display:flex; }.main-nav a { padding:13px 12px; border-bottom:1px solid var(--line); }.main-nav a:last-child { border:0; }.nav-cta { display:none; }.hero { min-height:840px; padding:112px 0 70px; align-items:start; }.hero-bg { background-position:62% center; }.hero-scrim { background:linear-gradient(0deg,rgba(3,10,12,.98) 3%,rgba(3,10,12,.55) 56%,rgba(3,10,12,.4) 100%),linear-gradient(90deg,rgba(3,10,12,.92),rgba(3,10,12,.2)); }.hero-grid { display:block; }.hero-copy { max-width:none; }.hero-lede { font-size:14px; line-height:1.8; }.hero-actions { margin-top:26px; }.hero-facts { margin-top:38px; gap:20px; }.hero-facts strong { font-size:17px; }.hero-status { max-width:360px; margin-top:60px; }.scroll-cue { display:none; }.ticker-track { overflow:hidden; gap:15px; min-height:47px; white-space:nowrap; font-size:9px; }.section { padding-block:80px; }.section-system { display:block; }.section-intro { margin-bottom:45px; }.system-row { grid-template-columns:28px 38px minmax(0,1fr); gap:12px; min-height:145px; }.row-meta { display:none; }.row-icon { width:32px; height:32px; font-size:13px; }.row-body h3 { font-size:16px; }.row-body p { font-size:12px; line-height:1.65; }.section-heading-line { display:block; margin-bottom:28px; }.heading-note { margin-top:15px; }.monitor-layout { display:block; }.monitor-side { display:grid; grid-template-columns:1fr 1fr; margin-top:14px; }.monitor-side .side-block:last-child { grid-column:1 / -1; }.console-main { padding:20px 15px 15px; }.console-stats { grid-template-columns:1fr 1fr; gap:18px 12px; }.console-chart { height:190px; }.console-bottom { flex-wrap:wrap; padding-block:10px; gap:8px 15px; }.parameter-layout { display:block; padding-top:18px; }.parameter-tabs { flex-direction:row; margin-bottom:30px; border:0; border-bottom:1px solid var(--line); overflow:auto; }.parameter-tab { min-height:42px; padding:0 13px; border:0; border-bottom:2px solid transparent; white-space:nowrap; }.parameter-tab.is-active { border-color:var(--teal); background:linear-gradient(0deg,rgba(103,215,192,.1),transparent); }.parameter-details { display:block; min-height:0; }.parameter-copy { margin-bottom:30px; }.parameter-list { max-width:none; }.feature-grid { display:block; }.feature-art { min-height:300px; margin-bottom:42px; }.feature-art img { min-height:300px; }.access-inner { display:block; padding-block:42px; }.access-actions { justify-content:flex-start; margin-top:27px; }.footer { align-items:flex-start; flex-direction:column; gap:15px; padding-block:25px; }.footer p { order:3; line-height:1.6; } }
@media (prefers-reduced-motion:reduce) { *,*:before,*:after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }

/* Product motion: stateful, brief, and removable for reduced-motion users. */
@keyframes heroRise { from { opacity:0; transform:translateY(22px); } to { opacity:1; transform:none; } }
@keyframes statusIn { from { opacity:0; transform:translateX(18px); } to { opacity:1; transform:none; } }
@keyframes signalPulse { 0%,100% { box-shadow:0 0 0 4px rgba(103,215,192,.1); } 50% { box-shadow:0 0 0 8px rgba(103,215,192,0); } }
@keyframes barsBreathe { 0%,100% { transform:scaleY(.9); opacity:.72; } 50% { transform:scaleY(1.08); opacity:1; } }
@keyframes dashFlow { to { stroke-dashoffset:-24; } }
.hero-copy > * { animation:heroRise .7s cubic-bezier(.2,.7,.2,1) both; }
.hero-copy > *:nth-child(2) { animation-delay:.08s; }.hero-copy > *:nth-child(3) { animation-delay:.15s; }.hero-copy > *:nth-child(4) { animation-delay:.22s; }.hero-copy > *:nth-child(5) { animation-delay:.29s; }
.hero-status { animation:statusIn .8s .18s cubic-bezier(.2,.7,.2,1) both; }
.pulse-dot,.tiny-signal,.green-led { animation:signalPulse 2.4s ease-in-out infinite; }
.micro-chart span,.micro-chart i,.micro-chart b,.micro-chart u,.micro-chart em,.micro-chart strong { transform-origin:bottom; animation:barsBreathe 2.7s ease-in-out infinite; }.micro-chart i { animation-delay:.15s; }.micro-chart b { animation-delay:.3s; }.micro-chart u { animation-delay:.45s; }.micro-chart em { animation-delay:.6s; }.micro-chart strong { animation-delay:.75s; }
.avg-line { animation:dashFlow 5s linear infinite; }
.reveal { opacity:0; transform:translateY(24px); transition:opacity .65s ease var(--reveal-delay,0ms),transform .65s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms); }.reveal.is-visible { opacity:1; transform:none; }
.footer-expanded { display:grid; grid-template-columns:1.45fr repeat(3,1fr); align-items:start; gap:42px 50px; min-height:0; padding-block:48px 25px; }.footer-column { display:flex; flex-direction:column; align-items:flex-start; gap:11px; }.footer-brand-column { max-width:270px; }.footer-brand-column p { margin:15px 0 0; color:var(--muted-2); font-size:10px; line-height:1.75; }.footer-label { margin-bottom:5px; color:var(--teal); font:10px var(--mono); letter-spacing:.1em; text-transform:uppercase; }.footer-column a { color:var(--muted); font-size:11px; transition:color .2s ease; }.footer-column a:hover { color:var(--ink); }.footer-column a span { color:var(--gold); margin-left:4px; }.footer-copy { margin-top:3px; color:var(--muted-2); font-size:10px; line-height:1.6; }.footer-bottom { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:15px; padding-top:18px; border-top:1px solid var(--line); color:var(--muted-2); font-size:10px; }.faq-page { min-height:100vh; background:radial-gradient(circle at 78% 18%,rgba(44,115,105,.13),transparent 28%),var(--bg); }.faq-hero { padding:170px 0 115px; border-bottom:1px solid var(--line); }.faq-hero h1 { max-width:620px; margin-bottom:25px; }.faq-hero > p:not(.eyebrow) { max-width:560px; color:var(--muted); font-size:15px; line-height:1.85; }.faq-hero .button { margin-top:18px; }.faq-content { padding-block:100px 120px; }.faq-toolbar { display:flex; align-items:end; justify-content:space-between; gap:30px; padding-bottom:28px; border-bottom:1px solid var(--line); }.faq-toolbar h2 { margin:0; font-size:40px; letter-spacing:-.04em; }.faq-filters { display:flex; gap:20px; flex-wrap:wrap; }.faq-filter { padding:0 0 9px; border:0; border-bottom:1px solid transparent; background:none; color:var(--muted); cursor:pointer; font-size:11px; }.faq-filter:hover,.faq-filter.is-active { border-color:var(--teal); color:var(--teal); }.faq-list { border-top:0; }.faq-item { border-bottom:1px solid var(--line); }.faq-item[hidden] { display:none; }.faq-item summary { display:grid; grid-template-columns:45px minmax(0,1fr) 24px; gap:18px; align-items:center; min-height:86px; list-style:none; cursor:pointer; font-size:16px; font-weight:700; }.faq-item summary::-webkit-details-marker { display:none; }.faq-item summary span { color:var(--gold); font:10px var(--mono); }.faq-item summary b { color:var(--teal); font:20px var(--mono); font-weight:400; text-align:right; transition:transform .25s ease; }.faq-item[open] summary b { transform:rotate(45deg); }.faq-answer { max-width:760px; padding:0 42px 25px 63px; }.faq-answer p { margin:0; color:var(--muted); font-size:13px; line-height:1.9; }.faq-contact { display:flex; align-items:end; justify-content:space-between; gap:35px; padding-block:65px 105px; border-top:1px solid var(--line); }.faq-contact h2 { max-width:560px; margin-bottom:15px; font-size:36px; letter-spacing:-.04em; }.faq-contact p:not(.eyebrow) { max-width:560px; margin:0; color:var(--muted); font-size:13px; line-height:1.8; }
.reference-badge { display:inline-flex; align-items:center; min-height:29px; padding:0 9px; border:1px solid rgba(233,188,114,.28); color:var(--gold); font:9px var(--mono); letter-spacing:.04em; }.release-meta { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; max-width:680px; margin-top:28px; border-block:1px solid var(--line); }.release-meta span { padding:14px 14px 14px 0; }.release-meta small { display:block; color:var(--muted-2); font-size:9px; }.release-meta strong { display:block; margin-top:6px; font:11px var(--mono); }.release-hash { display:grid; grid-template-columns:60px minmax(0,1fr) 45px; gap:10px; align-items:center; max-width:680px; min-height:43px; border-bottom:1px solid var(--line); color:var(--muted-2); font:9px var(--mono); }.release-hash code { overflow:hidden; color:var(--muted); font:9px var(--mono); text-overflow:ellipsis; white-space:nowrap; }.release-hash button { min-height:25px; border:1px solid var(--line); background:transparent; color:var(--teal); cursor:pointer; font:9px var(--mono); }.deployment-path { display:grid; grid-template-columns:1fr 40px 1fr 40px 1fr; gap:18px; align-items:center; padding:28px 0; border-bottom:1px solid var(--line); }.deployment-path div { display:grid; grid-template-columns:28px 1fr; column-gap:10px; align-items:center; }.deployment-path span { grid-row:1/3; color:var(--gold); font:10px var(--mono); }.deployment-path strong { font-size:13px; }.deployment-path small { margin-top:5px; color:var(--muted-2); font-size:10px; line-height:1.5; }.deployment-path i { height:1px; background:linear-gradient(90deg,var(--line-strong),var(--gold)); }
@media (max-width:760px) { .footer-expanded { display:grid; grid-template-columns:1fr 1fr; gap:30px 20px; padding-block:40px 22px; }.footer-brand-column { grid-column:1/-1; max-width:none; }.footer-bottom { grid-column:1/-1; align-items:flex-start; flex-direction:column; line-height:1.6; }.faq-hero { padding:125px 0 75px; }.faq-hero h1 { font-size:56px; }.faq-content { padding-block:70px 80px; }.faq-toolbar { display:block; }.faq-toolbar h2 { margin-bottom:25px; font-size:34px; }.faq-filters { gap:15px; }.faq-item summary { grid-template-columns:30px minmax(0,1fr) 20px; gap:10px; min-height:75px; font-size:14px; }.faq-answer { padding:0 20px 22px 40px; }.faq-contact { display:block; padding-block:50px 80px; }.faq-contact h2 { font-size:30px; }.faq-contact .button { margin-top:25px; }.release-meta { grid-template-columns:1fr 1fr; }.release-hash { grid-template-columns:52px minmax(0,1fr) 42px; }.deployment-path { display:block; }.deployment-path div { min-height:62px; }.deployment-path i { display:block; width:1px; height:24px; margin-left:14px; background:linear-gradient(180deg,var(--line-strong),var(--gold)); } }