@font-face{font-family:OxaniumProDyn;src:url('/assets/fonts/prodyn/Oxanium-wght.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:NeueMachinaProDyn;src:url('/assets/fonts/prodyn/PPNeueMachina-PlainRegular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:DepartureMonoProDyn;src:url('/assets/fonts/prodyn/DepartureMono-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:optional}

:root{
  --void:#02070b;
  --bg:#050a0f;
  --surface:#0a1118;
  --surface-soft:rgba(10,17,24,.72);
  --line:#1a2a3a;
  --line-bright:#284052;
  --cyan:#30b0d0;
  --cyan-bright:#66d8ee;
  --cyan-deep:#20708a;
  --copper:#c85a2e;
  --copper-deep:#8f3f20;
  --text:#f4f1ec;
  --body:#c4cbd2;
  --muted:#98a6b3;
  --dim:#7f8e9b;
  --font-display:OxaniumProDyn,system-ui,sans-serif;
  --font-body:NeueMachinaProDyn,system-ui,sans-serif;
  --font-mono:DepartureMonoProDyn,'Courier New',monospace;
}

*{box-sizing:border-box}
html{overflow-x:hidden;scroll-behavior:smooth;background:var(--void)}
body{margin:0;min-height:100%;overflow-x:hidden;background:radial-gradient(ellipse at 68% 4%,rgba(32,112,138,.08),transparent 34%),radial-gradient(ellipse at 12% 72%,rgba(48,176,208,.045),transparent 30%),var(--bg);color:var(--body);font-family:var(--font-body);font-size:16px;line-height:1.66}
a{color:inherit}
button,a{-webkit-tap-highlight-color:transparent}
::selection{background:rgba(48,176,208,.3);color:var(--text)}

#dust-field{position:fixed;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;opacity:.75}
.plasma{position:fixed;z-index:0;pointer-events:none;border-radius:50%;filter:blur(78px);mix-blend-mode:screen;opacity:.16;will-change:transform}
.plasma-a{width:40vw;height:34vw;min-width:440px;min-height:380px;right:-13vw;top:8vh;background:radial-gradient(ellipse at center,rgba(48,176,208,.34),rgba(32,112,138,.11) 42%,transparent 72%);animation:plasma-drift-a 18s ease-in-out infinite alternate}
.plasma-b{width:34vw;height:30vw;min-width:380px;min-height:330px;left:-14vw;bottom:-8vh;background:radial-gradient(ellipse at center,rgba(32,112,138,.25),rgba(143,63,32,.035) 50%,transparent 74%);animation:plasma-drift-b 22s ease-in-out infinite alternate}
@keyframes plasma-drift-a{from{transform:translate3d(0,-2vh,0) scale(.94)}to{transform:translate3d(-5vw,5vh,0) scale(1.08)}}
@keyframes plasma-drift-b{from{transform:translate3d(0,0,0) scale(1.05)}to{transform:translate3d(6vw,-5vh,0) scale(.93)}}

.scroll-meter{position:fixed;z-index:30;left:0;top:0;width:100%;height:2px;background:rgba(26,42,58,.4)}
.scroll-meter span{display:block;width:0;height:100%;background:var(--cyan);box-shadow:0 0 16px rgba(48,176,208,.75)}
.skip-link{position:fixed;z-index:100;left:16px;top:-64px;padding:11px 15px;background:var(--text);color:var(--bg);font:700 12px/1 var(--font-mono);text-decoration:none;transition:top .18s ease}
.skip-link:focus{top:12px}

.topbar{position:relative;z-index:10;display:flex;align-items:center;width:100%;max-width:100%;min-height:86px;margin:0 auto;padding:14px clamp(20px,4vw,64px);border-bottom:1px solid rgba(40,64,82,.78);background:rgba(5,10,15,.78);backdrop-filter:blur(18px)}
.brand-link{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand-link img{display:block;width:52px;height:52px;object-fit:contain;background:none;border:0;border-radius:0;box-shadow:none;opacity:.9;filter:saturate(.92) brightness(.96) drop-shadow(0 0 11px rgba(48,176,208,.16))}
.brand-link span{display:grid;gap:2px}
.brand-link strong{color:var(--text);font:700 16px/1 var(--font-display);letter-spacing:.02em}
.brand-link small{color:var(--cyan);font:10px/1 var(--font-mono);letter-spacing:.15em}
.top-status{margin-left:auto;margin-right:28px;color:var(--dim);font:10px/1.3 var(--font-mono);letter-spacing:.11em}
.top-status i{padding:0 8px;color:var(--line-bright);font-style:normal}
.open-control{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:0 14px;border:1px solid var(--line-bright);color:var(--cyan-bright);font:11px/1 var(--font-mono);letter-spacing:.08em;text-decoration:none;transition:border-color .16s ease,color .16s ease,background .16s ease}
.open-control:hover,.open-control:focus-visible{border-color:var(--cyan);background:rgba(48,176,208,.06);color:var(--text);outline:none}

.manual-shell{position:relative;z-index:2;display:grid;grid-template-columns:230px minmax(0,920px);gap:clamp(32px,6vw,88px);width:min(1320px,calc(100% - 40px));min-width:0;margin:0 auto;padding:42px 0 96px}
.manual-shell>*{min-width:0}
.manual-index{position:sticky;top:24px;align-self:start;min-width:0;max-height:calc(100vh - 48px);overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;padding:18px 0 20px;border-top:1px solid var(--cyan-deep);border-bottom:1px solid var(--line)}
.index-label{margin:0 0 12px;color:var(--cyan);font:11px/1 var(--font-mono);letter-spacing:.16em}
.manual-index nav{display:grid}
.manual-index nav a{display:grid;grid-template-columns:28px 1fr;align-items:center;min-height:34px;color:var(--dim);font:10px/1 var(--font-mono);letter-spacing:.08em;text-decoration:none;transition:color .14s ease,transform .14s ease}
.manual-index nav a span{color:#566878}
.manual-index nav a:hover,.manual-index nav a:focus-visible,.manual-index nav a[aria-current="true"]{color:var(--text);transform:translateX(3px);outline:none}
.manual-index nav a[aria-current="true"] span{color:var(--cyan)}
.live-readout{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);font-family:var(--font-mono)}
.live-readout span{display:block;color:var(--dim);font-size:9px;letter-spacing:.14em}
.live-readout strong{display:block;margin:5px 0 1px;color:var(--text);font:600 25px/1 var(--font-display)}
.live-readout small{display:block;color:var(--cyan);font-size:9px;letter-spacing:.1em}

.manual-content{min-width:0}
.manual-hero{position:relative;isolation:isolate;min-height:570px;overflow:clip;padding:clamp(56px,9vw,108px) 0 64px;scroll-margin-top:24px;border-bottom:1px solid var(--line-bright)}
.hero-plasma{position:absolute;z-index:-1;right:-10%;top:6%;width:68%;height:72%;background:radial-gradient(ellipse at center,rgba(48,176,208,.13),rgba(32,112,138,.045) 42%,transparent 72%);filter:blur(26px);opacity:.9;animation:hero-breathe 8s ease-in-out infinite alternate}
@keyframes hero-breathe{from{transform:scale(.96) translateY(-1%);opacity:.68}to{transform:scale(1.05) translateY(3%);opacity:1}}
.kicker,.section-label{margin:0 0 13px;color:var(--cyan);font:11px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase}
.title-line{display:flex;align-items:flex-end;gap:26px}
h1{margin:0;color:var(--text);font:750 clamp(60px,10vw,126px)/.82 var(--font-display);letter-spacing:-.065em;text-shadow:0 0 36px rgba(48,176,208,.09)}
h1 span{color:var(--cyan);font-size:.38em;letter-spacing:-.02em;vertical-align:top}
.edition{margin:0 0 8px;padding-left:14px;border-left:1px solid var(--cyan-deep);color:var(--dim);font:10px/1.45 var(--font-mono);letter-spacing:.14em}
.name-line{margin:42px 0 0;padding-top:15px;border-top:1px solid var(--line);color:var(--muted);font:11px/1.7 var(--font-mono);letter-spacing:.045em;text-transform:uppercase}
.name-line strong{margin-right:12px;color:var(--text)}
.hero-copy{max-width:760px;margin:25px 0 0;color:var(--text);font:400 clamp(22px,3vw,34px)/1.32 var(--font-body);letter-spacing:-.025em;text-wrap:balance}
.signal-strip{display:flex;gap:16px;flex-wrap:wrap;margin-top:38px;color:var(--dim);font:10px/1.4 var(--font-mono);letter-spacing:.08em}
.signal-strip span:first-child{color:var(--cyan-bright)}

.manual-section{display:grid;grid-template-columns:54px minmax(0,1fr);gap:25px;padding:76px 0 84px;border-bottom:1px solid var(--line);scroll-margin-top:20px}
.section-number{padding-top:4px;color:#536575;font:11px/1 var(--font-mono);letter-spacing:.08em}
.section-body{min-width:0}
h2{max-width:780px;margin:0 0 26px;color:var(--text);font:650 clamp(31px,5vw,55px)/1.02 var(--font-display);letter-spacing:-.04em;text-wrap:balance}
.section-body>p:not(.section-label):not(.caution):not(.closing-line){max-width:760px;margin:18px 0;color:var(--body);font-size:17px;line-height:1.72}

.syntax-block{display:grid;gap:12px;margin:34px 0;padding:24px 0;border-top:1px solid var(--cyan-deep);border-bottom:1px solid var(--line)}
.syntax-block code{overflow-wrap:anywhere;color:var(--muted);font:11px/1.65 var(--font-mono);letter-spacing:.045em}
.syntax-block code b{color:var(--cyan-bright);font-weight:400}

.procedure{list-style:none;margin:34px 0 0;padding:0;border-top:1px solid var(--line)}
.procedure li{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:23px 0;border-bottom:1px solid var(--line)}
.procedure>li>span{color:var(--cyan);font:11px/1.5 var(--font-mono)}
.procedure strong{display:block;margin-bottom:5px;color:var(--text);font:600 18px/1.35 var(--font-display)}
.procedure p{margin:0;color:var(--muted);font-size:15px;line-height:1.65}

.definition-list{margin:30px 0 0;border-top:1px solid var(--line)}
.definition-list>div{display:grid;grid-template-columns:minmax(145px,190px) 1fr;gap:30px;padding:21px 0;border-bottom:1px solid var(--line)}
.definition-list dt{color:var(--cyan-bright);font:11px/1.55 var(--font-mono);letter-spacing:.07em}
.definition-list dd{margin:0;color:var(--body);font-size:15px;line-height:1.65}
.definition-list.compact dt{color:var(--text)}

.operator-note{display:grid;grid-template-columns:145px 1fr;gap:30px;margin:30px 0;padding:21px 0;border-top:1px solid var(--cyan-deep);border-bottom:1px solid var(--line)}
.operator-note span{color:var(--cyan);font:10px/1.5 var(--font-mono);letter-spacing:.08em}
.operator-note p{margin:0;color:var(--text);font-size:16px;line-height:1.65}

.plain-list{list-style:none;margin:27px 0;padding:0;border-top:1px solid var(--line)}
.plain-list li{position:relative;padding:15px 0 15px 26px;border-bottom:1px solid var(--line);color:var(--body);font-size:15px;line-height:1.6}
.plain-list li::before{content:'›';position:absolute;left:2px;top:14px;color:var(--cyan);font-family:var(--font-mono)}
.caution{margin:30px 0 0;padding:16px 0;border-top:1px solid var(--copper-deep);border-bottom:1px solid rgba(143,63,32,.45);color:#d6b0a0;font:12px/1.75 var(--font-mono);letter-spacing:.035em}
.caution strong{margin-right:12px;color:var(--copper)}

.capability-lines{margin:28px 0;border-top:1px solid var(--line)}
.capability-lines p{display:grid;grid-template-columns:130px 1fr;gap:20px;margin:0;padding:14px 0;border-bottom:1px solid var(--line);color:var(--body);font-size:15px}
.capability-lines p span{color:var(--cyan);font:10px/1.8 var(--font-mono);letter-spacing:.06em}

.limit-readout{display:grid;grid-template-columns:repeat(3,1fr);margin:32px 0;border-top:1px solid var(--cyan-deep);border-bottom:1px solid var(--line)}
.limit-readout>div{padding:23px 18px 22px 0}
.limit-readout>div+div{padding-left:22px;border-left:1px solid var(--line)}
.limit-readout span{display:block;margin-bottom:6px;color:var(--dim);font:9px/1 var(--font-mono);letter-spacing:.13em}
.limit-readout strong{display:block;color:var(--text);font:600 clamp(20px,3vw,30px)/1 var(--font-display)}

.feature-table-wrap{width:100%;max-width:100%;min-width:0;overflow-x:auto;margin-top:32px;border-top:1px solid var(--cyan-deep)}
.feature-table{width:100%;border-collapse:collapse;min-width:680px;text-align:left}
.feature-table th,.feature-table td{padding:15px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.feature-table thead th{color:var(--dim);font:9px/1.4 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}
.feature-table tbody th{width:31%;color:var(--text);font:500 14px/1.45 var(--font-body)}
.feature-table tbody td{color:var(--muted);font-size:13px;line-height:1.55}
.feature-table tbody td:nth-child(2){width:108px}
.state{font:9px/1.5 var(--font-mono);letter-spacing:.08em}
.state.live{color:var(--cyan-bright)}
.state.browser,.state.chromium{color:#a9c6d0}
.state.no{color:var(--dim)}

.final-section{min-height:500px;border-bottom:0;padding-bottom:50px}
.launch-link{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;margin-top:34px;padding:28px 0;border-top:1px solid var(--cyan);border-bottom:1px solid var(--line-bright);text-decoration:none;transition:padding-left .18s ease,background .18s ease}
.launch-link:hover,.launch-link:focus-visible{padding-left:16px;background:rgba(48,176,208,.045);outline:none}
.launch-link span{color:var(--text);font:650 23px/1 var(--font-display);letter-spacing:.02em}
.launch-link small{grid-column:1;color:var(--dim);font:9px/1 var(--font-mono);letter-spacing:.1em}
.launch-link b{grid-column:2;grid-row:1/3;color:var(--cyan);font:300 30px/1 var(--font-display)}
.closing-line{margin:48px 0 0;color:var(--dim);font:9px/1.5 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}
.closing-line span{padding:0 9px;color:var(--line-bright)}
.product-links{display:flex;flex-wrap:wrap;gap:9px 18px;margin-top:26px;font:9px/1.5 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.product-links a{color:var(--dim);text-decoration:none}.product-links a:hover,.product-links a:focus-visible{color:var(--cyan);outline:none}

:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}

@media(max-width:960px){
  .top-status{display:none}
  .manual-shell{grid-template-columns:minmax(0,1fr);width:min(920px,calc(100% - 32px));min-width:0;padding-top:20px}
  .manual-index{position:relative;top:auto;z-index:5;max-height:none;overflow:visible;padding:11px 0;border-top:0}
  .index-label,.live-readout{display:none}
  .manual-index nav{display:flex;width:100%;max-width:100%;min-width:0;gap:5px;overflow-x:auto;padding:3px 0 9px;scrollbar-width:thin}
  .manual-index nav a{display:flex;gap:6px;flex:0 0 auto;min-height:44px;padding:0 11px;border:1px solid var(--line);background:rgba(5,10,15,.78)}
  .manual-index nav a:hover,.manual-index nav a:focus-visible,.manual-index nav a[aria-current="true"]{transform:none;border-color:var(--cyan-deep)}
  .manual-hero{min-height:520px}
}

@media(max-width:640px){
  body{font-size:15px}
  .topbar{min-height:72px;padding:10px 14px}
  .brand-link img{width:44px;height:44px}
  .brand-link strong{font-size:14px}
  .open-control{padding:0 10px;font-size:9px}
  .open-control span{display:none}
  .manual-shell{width:min(100% - 24px,920px);gap:10px;padding-bottom:54px}
  .manual-hero{min-height:460px;padding:58px 0 48px}
  .title-line{align-items:flex-start;gap:13px}
  h1{font-size:clamp(52px,18vw,78px)}
  .edition{display:none}
  .hero-copy{font-size:22px}
  .name-line{font-size:9px}
  .signal-strip{gap:8px;font-size:9px}
  .manual-section{grid-template-columns:1fr;gap:12px;padding:57px 0 64px}
  .section-number{padding:0}
  h2{font-size:34px}
  .section-body>p:not(.section-label):not(.caution):not(.closing-line){font-size:16px}
  .definition-list>div,.operator-note{grid-template-columns:1fr;gap:7px}
  .procedure li{grid-template-columns:34px 1fr;gap:11px}
  .limit-readout{grid-template-columns:1fr}
  .limit-readout>div{padding:17px 0}
  .limit-readout>div+div{padding-left:0;border-left:0;border-top:1px solid var(--line)}
  .capability-lines p{grid-template-columns:1fr;gap:3px}
  .plasma{filter:blur(60px);opacity:.12}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  #dust-field{opacity:.35}
}

@media print{
  :root{--bg:#fff;--void:#fff;--text:#000;--body:#222;--muted:#444;--dim:#555;--line:#bbb;--line-bright:#888;--cyan:#006b82;--cyan-bright:#006b82;--cyan-deep:#4b7f8a}
  body{background:#fff;color:#222;font-size:12pt}
  #dust-field,.plasma,.scroll-meter,.topbar,.manual-index{display:none!important}
  .manual-shell{display:block;width:100%;padding:0}
  .manual-hero{min-height:0;padding-top:0}
  .manual-section{break-inside:avoid;padding:32px 0}
  .feature-table{min-width:0}
}