@font-face{font-family:"Archivo Fallback";src:local("Arial"),local("ArialMT"),local("Liberation Sans");
  size-adjust:98.81%;ascent-override:88.86%;descent-override:21.25%;line-gap-override:0%}
@font-face{font-family:"Archivo Fallback";src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold");
  font-weight:600 699;size-adjust:96.2%;ascent-override:91.27%;descent-override:21.83%;line-gap-override:0%}
@font-face{font-family:"Archivo Fallback";src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold");
  font-weight:700 900;size-adjust:101.2%;ascent-override:86.76%;descent-override:20.75%;line-gap-override:0%}
@font-face{font-family:"IBM Plex Mono Fallback";src:local("Courier New"),local("CourierNewPSMT"),local("Liberation Mono");
  size-adjust:99.98%;ascent-override:102.52%;descent-override:27.51%;line-gap-override:0%}

:root,.t-light{
  color-scheme:light;
  --sun:#E8A33C;--sun-deep:#C6832A;--on-sun:#241704;--ink:#15203A;--paper:#F5F4EF;--dark:#0E131F;
  --bg:#F5F4EF;--surface:#FFFFFF;--surface-2:#ECE9E0;
  --heading:#15203A;--text:#1E2639;--muted:#525B6E;--faint:#646B7B;
  --line:#DAD6CA;--line-strong:#8C8577;--sun-text:#A06000;--focus:#15203A;--link:#15203A;
  --grid:rgba(21,32,58,.085);
  --chip-bg:rgba(255,255,255,.6);

  --band:#15203A;--band-2:#1C2A4B;--band-line:#2C3A5C;--on-band:#F5F4EF;--on-band-muted:#AEB7C8;--band-grid:rgba(245,244,239,.075);

  --bk-node:#1B2846;--bk-edge:#7384B2;--bk-wire:#6C7EAC;--bk-dim:#36446A;--bk-on:#E8A33C;

  --pk-node:#FFFFFF;--pk-edge:#767E90;--pk-wire:#868B96;--pk-dim:#CDD1D9;--pk-on:#A8701F;
  --shadow:0 1px 0 rgba(21,32,58,.04),0 10px 30px rgba(21,32,58,.07);
}

@media (prefers-color-scheme:dark){
:root:not([data-theme="light"]){
  color-scheme:dark;
  --bg:#0E131F;--surface:#151C2B;--surface-2:#1A2233;
  --heading:#FFFFFF;--text:#E3E7ED;--muted:#A0AABA;--faint:#8A94A5;
  --line:#263049;--line-strong:#6A7486;--sun-text:#F7BC5C;--focus:#E8A33C;--link:#F5F4EF;
  --grid:rgba(245,244,239,.055);
  --chip-bg:rgba(21,28,43,.6);
  --band:#202D4A;--band-2:#273658;--band-line:#34436A;--on-band:#F5F4EF;--on-band-muted:#A6B0C2;--band-grid:rgba(245,244,239,.06);
  --bk-node:#18233D;--bk-edge:#7586AE;--bk-wire:#677AAC;--bk-dim:#303D60;--bk-on:#E8A33C;
  --pk-node:#151C2B;--pk-edge:#6C7A9A;--pk-wire:#5E6D92;--pk-dim:#2A344C;--pk-on:#E8A33C;
  --shadow:0 1px 0 rgba(0,0,0,.2),0 10px 30px rgba(0,0,0,.25);
}}
:root[data-theme="dark"],.t-dark{
  color-scheme:dark;
  --bg:#0E131F;--surface:#151C2B;--surface-2:#1A2233;
  --heading:#FFFFFF;--text:#E3E7ED;--muted:#A0AABA;--faint:#8A94A5;
  --line:#263049;--line-strong:#6A7486;--sun-text:#F7BC5C;--focus:#E8A33C;--link:#F5F4EF;
  --grid:rgba(245,244,239,.055);
  --chip-bg:rgba(21,28,43,.6);
  --band:#202D4A;--band-2:#273658;--band-line:#34436A;--on-band:#F5F4EF;--on-band-muted:#A6B0C2;--band-grid:rgba(245,244,239,.06);
  --bk-node:#18233D;--bk-edge:#7586AE;--bk-wire:#677AAC;--bk-dim:#303D60;--bk-on:#E8A33C;
  --pk-node:#151C2B;--pk-edge:#6C7A9A;--pk-wire:#5E6D92;--pk-dim:#2A344C;--pk-on:#E8A33C;
  --shadow:0 1px 0 rgba(0,0,0,.2),0 10px 30px rgba(0,0,0,.25);
}

:root,.t-light{--ok:#3F9A6D;--ok-text:#24603F;--danger:#C0483A;--danger-text:#A83226;--danger-wash:rgba(192,72,58,.07);
  --pressed-bg:#15203A;--pressed-text:#FFFFFF;--stripe:#E3DED2}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--ok:#5CC08F;--ok-text:#5CC08F;--danger:#EE8378;
  --danger-text:#EE8378;--danger-wash:rgba(192,72,58,.15);--pressed-bg:#E3E7ED;--pressed-text:#0E131F;--stripe:#242C39}}
:root[data-theme="dark"],.t-dark{--ok:#5CC08F;--ok-text:#5CC08F;--danger:#EE8378;--danger-text:#EE8378;
  --danger-wash:rgba(192,72,58,.15);--pressed-bg:#E3E7ED;--pressed-text:#0E131F;--stripe:#242C39}

:root,.t-light,.t-dark,.paper{--k-node:var(--pk-node);--k-edge:var(--pk-edge);--k-wire:var(--pk-wire);--k-dim:var(--pk-dim);--k-on:var(--pk-on);--k-sun:var(--pk-on);
  --k-text:var(--heading);--k-mute:var(--muted);--k-line:var(--heading)}
.band{--k-node:var(--bk-node);--k-edge:var(--bk-edge);--k-wire:var(--bk-wire);--k-dim:var(--bk-dim);--k-on:var(--bk-on);--k-sun:var(--sun);
  --k-text:var(--on-band);--k-mute:var(--on-band-muted);--k-line:var(--on-band);--focus:var(--sun);--link:var(--on-band)}

:root{
  --sans:"Archivo","Archivo Fallback",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --mono:"IBM Plex Mono","IBM Plex Mono Fallback",ui-monospace,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;
  --maxw:1200px;--gut:32px;

  --s-4:4px;--s-8:8px;--s-12:12px;--s-16:16px;--s-24:24px;--s-32:32px;--s-48:48px;--s-64:64px;--s-96:96px;
  --ease:cubic-bezier(.45,.05,.25,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:400 var(--t3)/1.55 var(--sans);font-kerning:normal;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-wrap:break-word}
img,svg{display:block;max-width:100%}

body{display:flex;flex-direction:column;min-height:100vh;min-height:100svh}
body>main{flex:1 0 auto}

:root{--t1:12px;--t2:14px;--t3:16px;--t4:18px;--t5:22px;--t6:32px;--t7:52px}
h1,h2,h3,h4{color:var(--heading);margin:0;font-weight:640;font-stretch:110%;letter-spacing:-.018em;line-height:1.08}
h1{font-size:clamp(var(--t6),3.9vw,var(--t7));letter-spacing:-.024em}
h2{font-size:clamp(var(--t5),2.6vw,var(--t6))}
h3{font-size:var(--t5);line-height:1.25;letter-spacing:-.01em}
p{margin:0}
a{color:var(--link);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:3px}
.band :focus-visible{outline-color:var(--sun)}
ul,ol{margin:0;padding:0}
.vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.skip{position:absolute;left:-9999px;top:8px;z-index:50;background:var(--surface);color:var(--heading);padding:8px 16px;border:2px solid var(--focus);font-weight:600}
.skip:focus{left:12px}
.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding-left:var(--gut);padding-right:var(--gut)}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.mono{font-family:var(--mono)}

.hdr{background:var(--bg);border-bottom:1px solid var(--line);position:relative;z-index:20}

.hdr{position:sticky;top:0;transition:box-shadow .2s ease-out,margin .2s ease-out}
.hdr-in{display:flex;align-items:center;gap:24px;min-height:63px;transition:min-height .2s ease-out}
.hdr.cond{box-shadow:0 8px 24px rgba(14,19,31,.12)}
.hdr.cond .hdr-in{min-height:55px}
.hdr.cond{margin-bottom:8px}

.hdr .brand-mark,.hdr .brand-word{transition:width .2s ease-out}
[data-motion="off"] .hdr,[data-motion="off"] .hdr-in,[data-motion="off"] .hdr .brand-mark,[data-motion="off"] .hdr .brand-word,
html:not([data-motion]) .hdr,html:not([data-motion]) .hdr-in{transition:none}
main,main *,.ftr *{scroll-margin-top:80px}
.hdr,.ftr{--mark:40px;--mark-gap:12px;--cap:19.4px}
.brand{display:flex;align-items:center;gap:var(--mark-gap);color:var(--heading);text-decoration:none;min-height:44px;flex:none}
.brand-mark{width:var(--mark);height:auto;color:var(--heading);flex:none}
.brand-word{width:calc(var(--cap) * 5.89);height:calc(var(--cap) * 1.06);overflow:visible;position:relative;top:-.5px;flex:none;
  color:var(--heading)}
.ftr .brand{min-height:0;position:relative}
.ftr .brand::before{content:"";position:absolute;left:0;right:0;bottom:0;height:44px}
.ftr-tag{display:flex;align-items:center;margin:4px 0 0 calc(var(--mark) + var(--mark-gap));font:600 var(--t1)/1 var(--mono);font-stretch:100%;
  letter-spacing:.12em;text-transform:uppercase;color:var(--on-band-muted);white-space:nowrap}
.ftr-tag i{flex:none;width:3px;height:3px;border-radius:50%;background:currentColor;margin:0 .5em 0 .38em}
.nav{display:flex;align-items:center;gap:2px;margin-left:auto}
.nav a{font-size:var(--t3);font-weight:500;color:var(--text);text-decoration:none;padding:8px 12px;border-radius:4px;white-space:nowrap;position:relative}
.nav a:hover{color:var(--heading);background:var(--surface-2)}
.nav a[aria-current="page"]{color:var(--heading)}
.nav a[aria-current="page"]::after{content:"";position:absolute;left:12px;right:12px;bottom:2px;height:2px;background:var(--sun)}
.tools{display:flex;align-items:center;gap:8px;flex:none}
.tool{display:none;align-items:center;gap:8px;min-height:44px;min-width:44px;justify-content:center;padding:0 12px;border:1px solid var(--line);
  border-radius:6px;background:var(--surface);color:var(--heading);font:400 var(--t1)/1 var(--mono);cursor:pointer}
.js .tool{display:inline-flex}
.tool:hover{border-color:var(--line-strong)}
.tool svg{width:18px;height:18px;flex:none}
.tool .tool-tx{white-space:nowrap}
.ico-auto,.ico-light,.ico-dark,.ico-play,.ico-pause{display:none}
:root:not([data-theme]) .ico-auto,[data-theme="light"] .ico-light,[data-theme="dark"] .ico-dark{display:block}
[data-motion="on"] .ico-pause,[data-motion="off"] .ico-play{display:block}
.hdr-cta{margin-left:6px}

.nav-t{position:absolute;opacity:0;width:1px;height:1px;display:none}
.burger{display:none}

.btn{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 24px;border-radius:6px;font:600 var(--t3)/1 var(--sans);
  text-decoration:none;border:1.5px solid transparent;white-space:nowrap;cursor:pointer}
.btn-sun{background:var(--sun);color:var(--on-sun);border-color:var(--sun)}
.btn-sun:hover{background:#F0B254;border-color:#F0B254}
.btn-line{background:transparent;color:var(--heading);border-color:var(--line-strong)}
.band .btn-line{color:var(--on-band);border-color:var(--bk-edge)}
.btn-line:hover{border-color:var(--heading)}
.band .btn-line:hover{border-color:var(--on-band)}
.btn .arr{font-family:var(--mono);font-weight:400}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.eyebrow{font:600 var(--t1)/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sun-text);margin-bottom:16px;display:block}
.band .eyebrow{color:var(--sun)}
.crumb{font:400 var(--t1)/1.3 var(--mono);color:var(--muted);margin-bottom:16px;display:flex;flex-wrap:wrap;gap:8px}
.crumb a{color:var(--muted)}
.crumb span[aria-current]{color:var(--heading)}
.specs{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin-top:24px}
.spec{display:inline-flex;align-items:center;gap:8px;font:400 var(--t1)/18px var(--mono);letter-spacing:.03em;color:var(--text);
  border:1px solid var(--line-strong);border-radius:3px;padding:4px 8px;background:var(--chip-bg)}
.spec::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--sun);flex:none}
.spec.plain::before{display:none}
.band .spec{color:var(--on-band);border-color:var(--bk-edge);background:rgba(255,255,255,.03)}
.beta{display:inline-flex;align-items:center;gap:8px;font:600 var(--t1)/16px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sun-text);
  border:1px solid currentColor;border-radius:3px;padding:4px 8px}
.band .beta{color:var(--sun)}
.lede{font-size:var(--t4);line-height:1.5;color:var(--muted);max-width:620px;margin-top:16px}
.band .lede{color:var(--on-band-muted)}

.sec{padding:96px 0}
.sec.tight{padding:48px 0}
.band{background-color:var(--band);color:var(--on-band);
  background-image:radial-gradient(circle at 1px 1px,var(--band-grid) 1.1px,transparent 1.3px);background-size:24px 24px;
  border-top:1px solid var(--band-line);border-bottom:1px solid var(--band-line)}
.band h1,.band h2,.band h3{color:var(--on-band)}
.grid-paper{background-image:radial-gradient(circle at 1px 1px,var(--grid) 1.1px,transparent 1.3px);background-size:24px 24px}
.sec-head{max-width:720px;margin-bottom:48px}
.sec-head.c{margin-left:auto;margin-right:auto;text-align:center}
.sec-head.c .specs{justify-content:center}
.sec-head p{font-size:var(--t4);color:var(--muted);margin-top:16px;max-width:640px}
.sec-head.c p{margin-left:auto;margin-right:auto}
.band .sec-head p{color:var(--on-band-muted)}
.more{margin-top:16px}
.more summary{cursor:pointer;font:400 var(--t2)/1.3 var(--mono);color:var(--sun-text);list-style:none;display:inline-flex;align-items:center;gap:8px;min-height:32px}
.more summary::-webkit-details-marker{display:none}
.more summary::before{content:"+";font-weight:600;width:16px;height:16px;border:1px solid currentColor;border-radius:2px;display:inline-grid;place-items:center;font-size:var(--t1);line-height:1}
.more[open] summary::before{content:"\2212"}
.band .more summary{color:var(--sun)}
.more:not([open])>.more-body{display:none}
.more-body{margin-top:8px;font-size:var(--t3);color:var(--muted);line-height:1.55}
.band .more-body{color:var(--on-band-muted)}
.more-body ul{padding-left:16px;margin-top:8px}
.more-body li{margin:4px 0}
.more-body p+p{margin-top:8px}
.more-dl{display:grid;gap:10px;margin:4px 0 0}
.more-dl dt{font-weight:600;color:var(--heading)}
.band .more-dl dt{color:var(--on-band)}
.more-dl dd{margin:2px 0 0}
.tiles+.more{margin-top:20px}

.hero{padding:64px 0}

.hero-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"head head" "txt fig";gap:32px 48px;align-items:start}
.hero-head{grid-area:head}
.hero-txt{grid-area:txt}
.hero-fig{grid-area:fig}
.hero-txt .lede{margin-top:0}
.hero-fig .legend{display:grid;grid-template-columns:repeat(2,max-content);gap:8px 32px}
.hero h1 .hl{color:var(--sun);display:block}
.hero .lede{font-size:var(--t4)}
.fig{position:relative;margin:0}
.fig svg{width:100%;height:auto}
.fig-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;margin-top:16px}
.legend{display:flex;flex-wrap:wrap;gap:8px 16px;list-style:none;font:400 var(--t1)/1.3 var(--mono);color:var(--k-mute)}
.legend li{display:inline-flex;align-items:center;gap:8px}
.legend svg{width:18px;height:18px;flex:none}

.k-hor{stroke:var(--k-line);stroke-width:3;stroke-linecap:round;fill:none}
.k-per{stroke:var(--k-line);stroke-width:2.25;stroke-linecap:round;fill:none}
.k-per-dash{stroke:var(--k-line);stroke-width:2.25;fill:none;stroke-dasharray:7 9}
.k-wire{stroke:var(--k-wire);stroke-width:1.75;stroke-linecap:round;fill:none}
.k-wire.hot{stroke:var(--k-sun)}
.k-box{fill:var(--k-node);stroke:var(--k-edge);stroke-width:1.5}
.k-box.on{stroke:var(--k-on)}
.k-port{fill:var(--k-node);stroke:var(--k-edge);stroke-width:1.5}
.k-port.on{stroke:var(--k-sun)}
.k-txt{font-family:var(--mono);font-size:13px;font-weight:600;fill:var(--k-text)}
.k-sm{font-family:var(--mono);font-size:10.5px;fill:var(--k-mute);letter-spacing:.04em}
.k-dev{fill:var(--k-line)}
.k-dim{fill:var(--k-dim)}
.k-halo{fill:none;stroke:var(--k-sun);stroke-width:1.25;opacity:.6}
.k-sun{fill:var(--sun)}
.k-gate{fill:var(--k-node);stroke:var(--k-sun);stroke-width:1.75}
.k-tick{stroke:var(--k-sun);stroke-width:2.25;fill:none;stroke-linecap:round;stroke-linejoin:round}
.k-gicon{stroke:var(--k-sun);stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.k-stop{stroke:var(--k-sun);stroke-width:3;stroke-linecap:round}
.k-ghost{stroke:var(--k-edge);stroke-width:1.25;fill:none;stroke-dasharray:3 4}
.k-fill{fill:var(--k-node)}
.k-led{fill:var(--sun)}
.k-led.off{fill:var(--k-dim)}
.k-line-ink{stroke:var(--k-line);fill:none}
.k-esc{stroke-width:1.75;stroke-linecap:round;fill:none}
.k-esc-a{stop-color:var(--k-wire);stop-opacity:1}
.k-esc-b{stop-color:var(--k-wire);stop-opacity:0}

.sg{fill:none;stroke:var(--k-sun);stroke-width:7;stroke-linecap:round;stroke-dasharray:.01 300;stroke-dashoffset:-50}
.sg.sq{stroke-linecap:square;stroke-width:9}
.sg.o10{stroke-dashoffset:-10}.sg.o20{stroke-dashoffset:-20}.sg.o30{stroke-dashoffset:-30}.sg.o40{stroke-dashoffset:-40}
.sg.o60{stroke-dashoffset:-60}.sg.o70{stroke-dashoffset:-70}.sg.o80{stroke-dashoffset:-80}.sg.o90{stroke-dashoffset:-90}
.sg.none{opacity:0}

.dr{stroke-dasharray:100 102;stroke-dashoffset:0}
.pp,.sl,.rise,.ring{transform-box:fill-box;transform-origin:center}

@keyframes k-draw{from{stroke-dashoffset:101}}
@keyframes k-fade{from{opacity:0}}
@keyframes k-pop{from{opacity:0;transform:scale(.3)}}
@keyframes k-rise{from{opacity:0;transform:translateY(8px)}}
@keyframes k-slide{from{opacity:0;transform:translateY(-22px)}}
@keyframes k-light{from{fill:var(--k-dim)}}
@keyframes k-lightbox{from{stroke:var(--k-edge)}}
@keyframes k-sig{0%{stroke-dashoffset:0;opacity:0}10%{opacity:1}88%{opacity:1}100%{stroke-dashoffset:-100;opacity:0}}
@keyframes k-esc{0%{stroke-dashoffset:0;opacity:0}5%{opacity:1}24%{opacity:.85}36%{stroke-dashoffset:-100;opacity:0}100%{stroke-dashoffset:-100;opacity:0}}
@keyframes k-ring{0%{opacity:0;transform:scale(.2)}20%{opacity:.8}100%{opacity:0;transform:scale(1)}}
@keyframes k-led{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes k-hdot{0%{left:0;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:calc(100% - 8px);opacity:0}}
@keyframes k-vdot{0%{top:0;opacity:0}12%{opacity:1}88%{opacity:1}100%{top:calc(100% - 8px);opacity:0}}
@keyframes k-grow{from{transform:scaleX(0)}}
@keyframes k-growy{from{transform:scaleY(0)}}

[data-motion="on"] .mo .dr{animation:k-draw var(--d,1.2s) var(--ease) var(--t,0s) both}
[data-motion="on"] .mo .fi{animation:k-fade var(--d,.8s) ease-out var(--t,0s) both}
[data-motion="on"] .mo .pp{animation:k-pop .8s cubic-bezier(.3,1.35,.5,1) var(--t,0s) both}
[data-motion="on"] .mo .rise{animation:k-rise .7s var(--ease) var(--t,0s) both}
[data-motion="on"] .mo .sl{animation:k-slide .9s var(--ease) var(--t,0s) both}
[data-motion="on"] .mo .lt{animation:k-light .7s ease-out var(--t,0s) both}
[data-motion="on"] .mo .lb{animation:k-lightbox .7s ease-out var(--t,0s) both}
[data-motion="on"] .mo .sg{animation:k-sig var(--p,4s) linear var(--t,0s) infinite both}
[data-motion="on"] .mo .es{animation:k-esc var(--p,9s) ease-out var(--t,0s) infinite both}
[data-motion="on"] .mo .ring{animation:k-ring var(--p,4s) ease-out var(--t,0s) infinite both}
[data-motion="on"] .mo .blink{animation:k-led 4.8s ease-in-out var(--t,0s) infinite}

[data-motion="on"].io .mo:not(.seen) *,[data-motion="on"].io .mo:not(.seen)::before,[data-motion="on"].io .mo:not(.seen)::after{animation:none!important}
[data-motion="on"].io .mo.seen:not(.live) *,[data-motion="on"].io .mo.seen:not(.live)::before,[data-motion="on"].hid .mo *{animation-play-state:paused!important}
.mo.rst *,.mo.rst *::before,.mo.rst *::after{animation:none!important}
.ring{opacity:0}
[data-motion="off"] .ring,html:not([data-motion]) .ring{opacity:0}

.d1{--t:.03s}.d2{--t:.06s}.d3{--t:.09s}.d4{--t:.12s}.d5{--t:.15s}.d6{--t:.18s}.d7{--t:.21s}.d8{--t:.24s}.d9{--t:.27s}.d10{--t:.3s}.d11{--t:.33s}.d12{--t:.36s}
.d13{--t:.39s}.d14{--t:.42s}.d15{--t:.45s}.d16{--t:.48s}.d17{--t:.51s}.d18{--t:.54s}.d19{--t:.57s}.d20{--t:.6s}.d21{--t:.63s}.d22{--t:.66s}.d23{--t:.69s}.d24{--t:.72s}
.d25{--t:.75s}.d26{--t:.78s}.d27{--t:.81s}.d28{--t:.84s}.d29{--t:.87s}.d30{--t:.9s}.d31{--t:.93s}.d32{--t:.96s}.d34{--t:1.02s}.d35{--t:1.05s}.d36{--t:1.08s}.d38{--t:1.14s}
.d40{--t:1.2s}.d42{--t:1.26s}.d44{--t:1.32s}.d46{--t:1.38s}.d48{--t:1.44s}.d50{--t:1.5s}.d52{--t:1.56s}
.p3{--p:3s}.p4{--p:4s}.p5{--p:5s}.p6{--p:6s}.p7{--p:7s}.p8{--p:8s}.p9{--p:9s}.p10{--p:10s}.p12{--p:12s}
.u4{--d:.4s}.u6{--d:.6s}.u8{--d:.8s}.u10{--d:1s}.u12{--d:1.2s}.u14{--d:1.4s}.u16{--d:1.6s}.u20{--d:2s}

.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:24px;box-shadow:var(--shadow);display:flex;flex-direction:column}
.card-fig{background-color:var(--surface-2);border-radius:6px;margin:-8px -8px 24px;padding:16px;
  background-image:radial-gradient(circle at 1px 1px,var(--grid) 1.1px,transparent 1.3px);background-size:20px 20px}

.card-fig svg{width:100%;height:auto}
.card .k-label{font:600 var(--t1)/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sun-text);margin-bottom:8px}
.card h3{font-size:var(--t5)}
.card p{color:var(--muted);margin-top:8px}
.card .go{margin-top:auto;padding-top:16px}
.go a,a.go{font:600 var(--t3)/1.2 var(--sans);color:var(--heading);text-decoration:none;display:inline-flex;align-items:center;gap:8px;min-height:32px}
.go a:hover,a.go:hover{text-decoration:underline}
.go .arr{font-family:var(--mono);color:var(--sun-text)}
.band .go a,.band a.go{color:var(--on-band)}
.band .go .arr{color:var(--sun)}

.flow{list-style:none;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:0;position:relative}
.st{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 8px}
.nd{position:relative;width:72px;height:72px;display:grid;place-items:center;border-radius:12px;background:var(--k-node);border:1.5px solid var(--k-edge);color:var(--k-text);flex:none;z-index:1}
.nd svg{width:30px;height:30px}
.nd::before,.nd::after{content:"";position:absolute;top:calc(50% - 4.5px);width:9px;height:9px;border-radius:50%;background:var(--k-node);border:1.5px solid var(--k-edge)}
.nd::before{left:-6px}.nd::after{right:-6px}
.st:first-child .nd::before,.st:last-child .nd::after{display:none}
.nd.gate{border-radius:6px;transform:rotate(45deg) scale(.78);border-color:var(--sun);border-width:2px}
.nd.gate svg{transform:rotate(-45deg);color:var(--sun);width:34px;height:34px}
.nd.gate::before,.nd.gate::after{display:none}
.nd.end{border-color:var(--sun)}

.st:not(:last-child)::after{content:"";position:absolute;top:35px;height:2px;left:calc(50% + 42px);right:calc(-50% + 42px);background:var(--k-wire);transform-origin:left center}
.sgd{position:absolute;pointer-events:none;z-index:2;top:31px;height:10px;left:calc(50% + 42px);right:calc(-50% + 42px)}
.sgd::before{content:"";position:absolute;top:1px;left:calc(50% - 4px);width:8px;height:8px;border-radius:50%;background:var(--sun)}
.st-idx{font:400 var(--t1)/1 var(--mono);color:var(--k-mute);letter-spacing:.08em;margin-top:16px}
.st-name{font-size:var(--t3);font-weight:620;margin-top:8px;line-height:1.2;color:var(--k-text);font-stretch:104%}
.st-cap{font:400 var(--t1)/1.35 var(--mono);color:var(--sun-text);margin-top:4px;letter-spacing:.02em}
.band .st-cap{color:var(--sun)}
.st-line{font-size:var(--t2);line-height:1.45;color:var(--k-mute);margin-top:8px;max-width:190px}
.flow .st:nth-child(1){--t:0s}.flow .st:nth-child(2){--t:.35s}.flow .st:nth-child(3){--t:.7s}.flow .st:nth-child(4){--t:1.05s}
.flow .st:nth-child(5){--t:1.4s}.flow .st:nth-child(6){--t:1.75s}.flow .st:nth-child(7){--t:2.1s}
.flow .st:nth-child(even) .sgd{--p:5.6s}
[data-motion="on"] .mo .flow .nd{animation:k-fade .6s ease-out var(--t,0s) both}
[data-motion="on"] .mo .flow .st:not(:last-child)::after{animation:k-grow .5s var(--ease) calc(var(--t,0s) + .3s) both}
[data-motion="on"] .mo .flow .sgd::before{animation:k-hdot var(--p,5s) linear calc(var(--t,0s) + 2.6s) infinite both}

.appl{position:relative}
.chassis{border:1.5px solid var(--k-edge);border-radius:12px;background:var(--band-2);padding:14px 16px 18px;position:relative}
.paper .chassis{background:var(--surface)}
.chassis-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 2px 12px;border-bottom:1px solid var(--k-dim);margin-bottom:16px}
.chassis-name{font:600 var(--t1)/1 var(--mono);letter-spacing:.16em;color:var(--k-text)}
.leds{display:flex;gap:6px}
.leds i{width:7px;height:7px;border-radius:50%;background:var(--sun)}
.leds i:nth-child(2){background:var(--k-dim)}
.vents{flex:1;height:10px;max-width:220px;background:repeating-linear-gradient(90deg,var(--k-dim) 0 2px,transparent 2px 7px);border-radius:1px}
.bays{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.mod{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:14px 12px 12px;border-radius:7px;border:1.5px solid var(--k-edge);
  background:var(--k-node);color:var(--k-text);text-decoration:none;min-height:116px;font:inherit;text-align:left}
.mod::before{content:"";position:absolute;left:12px;right:12px;top:-1.5px;height:4px;background:repeating-linear-gradient(90deg,var(--k-edge) 0 4px,transparent 4px 8px)}
.mod svg{width:28px;height:28px;color:var(--k-text)}
.mod-n{font:600 var(--t3)/1.1 var(--sans);font-stretch:106%}
.mod-s{font:400 var(--t1)/1.3 var(--mono);color:var(--k-mute);letter-spacing:.03em}
.mod-led{position:absolute;top:12px;right:12px;width:8px;height:8px;border-radius:50%;background:var(--sun)}
a.mod:hover{border-color:var(--sun)}
.mod[aria-expanded="true"]{border-color:var(--sun);box-shadow:0 0 0 4px rgba(232,163,60,.18)}
.mod-empty{border-style:dashed;background:transparent;justify-content:center;align-items:center;color:var(--k-mute)}
.mod-empty::before{display:none}
.mod-empty .plus{font:400 var(--t5)/1 var(--mono);color:var(--k-mute)}
.mod-empty .mod-s{text-align:center}
[data-motion="on"] .mo .bays .mod{animation:k-slide .9s var(--ease) var(--t,0s) both}
.bays .mod:nth-child(1){--t:.1s}.bays .mod:nth-child(2){--t:.35s}.bays .mod:nth-child(3){--t:.6s}.bays .mod:nth-child(4){--t:.85s}.bays .mod:nth-child(5){--t:1.1s}.bays .mod:nth-child(6){--t:1.5s}
[data-motion="on"] .mo .mod-led{animation:k-led 4.8s ease-in-out calc(var(--t,0s) + 1s) infinite}
.appl.mini .bays{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.appl.mini .mod{min-height:84px;padding:12px 10px 10px}
.appl.mini .mod svg{width:22px;height:22px}
.appl.mini .mod-n{font-size:var(--t2)}

.mods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:40px}
.mod-panel{background:var(--band-2);border:1px solid var(--band-line);border-radius:10px;padding:24px;scroll-margin-top:80px}
.mod-panel h3{display:flex;align-items:center;gap:10px;font-size:var(--t5)}
.mod-panel h3 svg{width:24px;height:24px;color:var(--sun)}
.mod-panel .schem{margin:18px 0 16px;border-radius:6px;border:1px solid var(--band-line);background:var(--band);padding:10px}
.mod-panel .schem svg{width:100%;height:auto;max-width:520px;margin:0 auto}
.mod-panel p{color:var(--on-band-muted)}
.mod-panel .mod-tag{font:400 var(--t1)/1.3 var(--mono);color:var(--sun);margin-top:6px;letter-spacing:.03em}
.explorer .mods{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin-top:28px}
.explorer .mods>*{grid-area:1/1;min-width:0}
.explorer .mod-panel{display:block;visibility:hidden;opacity:0}
.explorer .mod-panel.open{visibility:visible;opacity:1;transition:opacity .2s ease-out}
.explorer .mod-panel:not(.open) *{animation:none!important}
[data-motion="off"] .explorer .mod-panel.open{transition:none}
.explorer .mod-panel .schem svg{max-width:640px}
@media (min-width:1024px){
  .explorer .mod-panel{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:36px;align-content:start;align-items:start}
  .explorer .mod-panel>*{grid-column:2}
  .explorer .mod-panel>.schem{grid-column:1;grid-row:1/span 5;margin:0}
  .explorer .mod-panel>p{margin-top:12px}
}
.mods-empty{display:none;font:400 var(--t2)/1.4 var(--mono);color:var(--on-band-muted);padding:28px;border:1px dashed var(--band-line);border-radius:10px;text-align:center}
.explorer .mods-empty{align-self:start}
.explorer.none .mods-empty{display:block}
.mods-hint{display:none;font:400 var(--t1)/1.4 var(--mono);color:var(--on-band-muted);margin-top:16px}
.explorer .mods-hint{display:grid}
.mods-hint>span{grid-area:1/1}
.mods-bar{display:none}
.explorer .mods-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;min-height:36px;margin-bottom:16px}
.mods-bar .mods-hint{margin:0}
.hint-auto,.explorer.auto .hint-man{visibility:hidden}
.explorer.auto .hint-auto{visibility:visible}
.mods-ctl{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;height:36px;padding:0 12px;border:1px solid var(--bk-edge);border-radius:6px;
  background:transparent;color:var(--on-band-muted);font:400 var(--t1)/1 var(--mono);letter-spacing:.06em;cursor:pointer}
.mods-ctl[hidden]{display:none}
@media (max-width:767px){
  .explorer .mods-bar{flex-direction:column;align-items:flex-start}
  .explorer .mods-bar .mods-hint{order:-1}
  .explorer.was-auto .mods-ctl[hidden]{display:inline-flex!important;visibility:hidden}
}
.mods-ctl:hover{color:var(--on-band);border-color:var(--on-band-muted)}
.mods-ctl .ic{width:14px;height:14px}
.mods-ctl>span{display:inline-flex}
.mods-ctl .ico-pl,.mods-ctl.is-paused .ico-p{display:none}
.mods-ctl.is-paused .ico-pl{display:inline-flex}
.mod-prog{position:absolute;left:12px;right:12px;bottom:6px;height:2px;border-radius:1px;background:var(--sun);transform:scaleX(0);transform-origin:0 50%;pointer-events:none}
@keyframes mod-prog{from{transform:scaleX(0)}to{transform:scaleX(1)}}
[data-motion="on"] .explorer.turning .mod-prog{animation:mod-prog 10s linear both}
[data-motion="on"] .explorer.turning:is(.held,.paused) .mod-prog{animation-play-state:paused}
.explorer.paused .mod-prog{opacity:.5}

.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;list-style:none}
.tiles.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.tile{border:1px solid var(--line);border-radius:10px;padding:22px;background:var(--surface)}
.band .tile{background:var(--band-2);border-color:var(--band-line)}
.tile-ic{width:48px;height:48px;border-radius:10px;border:1.5px solid var(--k-edge);display:grid;place-items:center;margin-bottom:16px;background:var(--k-node);color:var(--k-text)}
.tile-ic svg{width:26px;height:26px}
.tile h3{font-size:var(--t4)}
.tile p{font-size:var(--t3);color:var(--muted);margin-top:8px;line-height:1.5}
.band .tile p{color:var(--on-band-muted)}
.tile .more{margin-top:10px}

.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.split.rev .split-fig{order:-1}
.split h2+p,.split .lede{margin-top:16px}
.split p.line{font-size:var(--t4);color:var(--muted);margin-top:16px}
.band .split p.line{color:var(--on-band-muted)}

.sc-set{border:0;padding:0;margin:0 0 28px;min-width:0}
.sc-set legend{font:600 var(--t1)/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sun);margin-bottom:12px;padding:0}
.seg{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid var(--bk-edge);border-radius:8px;background:rgba(0,0,0,.12)}
.seg label,.seg [role="tab"]{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:5px;font:500 var(--t3)/1.15 var(--sans);color:var(--on-band-muted);
  cursor:pointer;border:0;background:transparent;text-align:left}
.seg label:hover,.seg [role="tab"]:hover{color:var(--on-band)}
.seg input:checked+label,.seg [role="tab"][aria-selected="true"]{background:var(--on-band);color:var(--ink)}
.seg input:focus-visible+label{outline:2px solid var(--sun);outline-offset:2px}
.canvas{border:1px solid var(--band-line);border-radius:12px;padding:48px 24px 32px;background:rgba(0,0,0,.08);position:relative}
.canvas-tag{position:absolute;top:14px;left:18px;font:400 var(--t1)/1 var(--mono);color:var(--on-band-muted);letter-spacing:.1em;text-transform:uppercase}

.st>.hs-btn{border-radius:10px}
.st.on .nd,.st.pin .nd{border-color:var(--sun)}
.st.pin .nd{box-shadow:0 0 0 4px rgba(232,163,60,.22)}
.flow.has-pin .st:not(.pin):not(.on){opacity:.45}
.flow .st{transition:opacity .3s}

.offers{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px}
.offer{background:var(--band-2);border:1px solid var(--band-line);border-top:2px solid var(--sun);border-radius:10px;padding:24px;scroll-margin-top:80px}
.offer h3{font-size:var(--t5)}
.offer p{margin-top:8px;color:var(--on-band-muted);font-size:var(--t3);line-height:1.55}
.offer:target{border-color:var(--sun)}
.flow.stepping .st.cur{opacity:1}
.flow .st.cur .nd{border-color:var(--sun);box-shadow:0 0 0 6px rgba(232,163,60,.18)}

.sov-in{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:48px;align-items:center}
.sov .seg{margin-top:4px}
.sov-set{margin:30px 0 0}
.sov-cap{margin-top:22px;font-size:var(--t3);color:var(--on-band-muted);min-height:3em}
.sov-cap strong{color:var(--on-band);font-weight:600}
.cap-cloud,.s-cloud{display:none}
.sov:has(#sv-cloud:checked) .cap-cloud,.sov:has(#sv-cloud:checked) .s-cloud{display:revert}
.legend li.s-cloud{display:none}
.sov:has(#sv-cloud:checked) .legend li.s-cloud{display:inline-flex}
.sov:has(#sv-cloud:checked) .cap-fts,.sov:has(#sv-cloud:checked) .s-fts{display:none}

.sheet{border:1px solid var(--line);border-radius:10px;background:var(--surface);overflow:hidden}
.sheet-row{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:20px;padding:16px 22px;border-top:1px solid var(--line);align-items:baseline}
.sheet-row:first-child{border-top:0}
.sheet-k{font:600 var(--t1)/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--heading)}
.sheet-k small{display:block;font-weight:400;text-transform:none;letter-spacing:.02em;color:var(--muted);margin-top:2px;font-size:var(--t1)}
.sheet-v{font-size:var(--t3);color:var(--text)}
.sheet-v .mono{font-size:var(--t2)}
.sheet-note{font-size:var(--t2);color:var(--muted);margin-top:14px}

.demo-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:8px}
.opt{border:1px solid var(--band-line);border-radius:10px;padding:22px;background:var(--band-2)}
.opt .spec{margin-bottom:12px}
.opt h3{font-size:var(--t4)}
.opt p{color:var(--on-band-muted);font-size:var(--t3);margin-top:8px}

.ftr-k{font:600 var(--t1)/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--on-band-muted);font-stretch:100%}
.ftr .brand,.ftr .brand-mark,.ftr .brand-word{color:var(--on-band)}

.mt{margin-top:16px}
.mt-l{margin-top:56px;margin-bottom:18px}
.sec.tight-top{padding-top:8px}
.built{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px}
.built .eyebrow{margin:0}
.built .specs{margin:0}
.built-in{margin-top:24px}

.more-u{margin-top:28px}
.more-u .more-body{max-width:680px}

.cta-sec{background-color:var(--band-2);border-top:1px solid var(--band-line)}
.cta-box h2,.cta-box .line{max-width:760px}
.cta-box .line{color:var(--on-band-muted);margin-top:16px;font-size:var(--t4)}
.cta-box .go{margin-top:24px}

.bays{list-style:none;margin:0;padding:0}
.gate-ic{border-color:var(--sun);border-radius:6px;transform:rotate(45deg) scale(.86);margin-left:4px}
.gate-ic svg{transform:rotate(-45deg);color:var(--sun)}
.type-spec{margin-top:40px}

.phero{padding:64px 0 48px}
.phero .lede{max-width:680px}

.k-wall{stroke:var(--k-line);stroke-width:6;fill:none;stroke-linejoin:miter;stroke-linecap:square}
.k-wall-in{stroke:var(--k-line);stroke-width:3;fill:none;stroke-linecap:square}
.k-wall-lg{stroke:var(--k-line);stroke-width:2.6;fill:none}
.k-bracket{stroke:var(--k-line);stroke-width:2.5;fill:none;stroke-linecap:square}
.k-orbit{fill:none;stroke:var(--k-wire);stroke-width:1.5}
.k-zone{fill:var(--k-dim);opacity:.5}
.k-bus{stroke:var(--k-edge);stroke-width:6;stroke-linecap:round;fill:none}
.k-floor{stroke:var(--k-line);stroke-width:2.5;stroke-linecap:round;fill:none}
.k-plus{stroke:var(--k-edge);stroke-width:1.5;stroke-linecap:round;fill:none}
.k-slot{stroke:var(--k-line);stroke-width:2;stroke-linecap:round;fill:none;opacity:.55}
.k-ghost-l{stroke:var(--k-edge);stroke-width:1.25;fill:none}
.k-x{stroke:var(--k-sun);stroke-width:2.5;stroke-linecap:round;fill:none}
.k-diff{stroke:var(--k-sun);stroke-width:1.6;stroke-linecap:round;fill:none}
.k-box.k-shade,.k-box.k-plat{fill:var(--k-dim)}
.k-tag{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.14em;fill:var(--k-text)}

.k-hatch{stroke:var(--k-edge);stroke-width:1.2;fill:none}
.k-face{stroke:var(--k-line);stroke-width:3;fill:none;stroke-linecap:square}
.k-door{stroke:var(--k-line);stroke-width:6;fill:none;stroke-linecap:butt}
.k-lead{stroke:var(--k-sun);stroke-width:1.25;fill:none}
.k-seal{stroke:var(--k-sun);stroke-width:1.6;fill:none;stroke-linejoin:round}
.k-ghost.k-mean,.k-plus.k-mean{stroke:var(--k-mute);stroke-width:1.5}
.k-strike{opacity:.8}
.swing{transform-box:fill-box;transform-origin:100% 100%}
@keyframes k-swing{from{transform:rotate(-70deg)}}
[data-motion="on"] .mo .swing{animation:k-swing 1s var(--ease) var(--t,0s) both}

.key{list-style:none;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px 24px;margin-top:24px;font:600 var(--t2)/1.3 var(--sans);color:var(--k-text)}
.key li{display:inline-flex;align-items:center;gap:12px}
.key-g{width:30px;height:30px;display:grid;place-items:center;border-radius:7px;border:1.5px solid var(--k-edge);background:var(--k-node);color:var(--k-text);flex:none}
.key-g svg{width:18px;height:18px}
.key-g.gate{border-color:var(--sun);border-radius:4px;transform:rotate(45deg) scale(.84)}
.key-g.gate svg{transform:rotate(-45deg);color:var(--sun)}
.key-g.end{border-color:var(--sun)}
.key-g.bare{border:0;background:none}
.key-g.bare svg{width:26px;height:26px}
.key-3{gap:14px 36px;margin-top:26px}
.key-3 h3{font-size:var(--t3);font-stretch:104%}

.cut-fig .cut-svg:not(.cut-w){display:none}
@media (max-width:767px){.cut-fig .cut-w{display:none}.cut-fig .cut-svg:not(.cut-w){display:block}}

.notes{list-style:none;display:grid;gap:20px 24px;margin-top:22px}
.notes.n4{grid-template-columns:repeat(4,minmax(0,1fr))}
.notes li{border-top:2px solid var(--sun);padding-top:12px}
.notes h3{font-size:var(--t3);line-height:1.25}
.notes p{font-size:var(--t3);line-height:1.5;color:var(--muted);margin-top:6px}
.band .notes p{color:var(--on-band-muted)}

.xsec svg{width:100%;height:auto}
.xsec .bridge-svg{display:none}
.xs-notes{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 28px;margin-top:24px}
.xs-notes li{border-left:2px solid var(--sun);padding:0 0 0 14px}
.xs-notes h3{font-size:var(--t3);line-height:1.25}
.xs-notes p{font-size:var(--t3);line-height:1.45;color:var(--on-band-muted);margin-top:3px}
html:not(.js) .bridge-w .xs-lead{display:none}
@media (min-width:768px){
  .js .xsec figcaption{display:contents}
  .js .xs-notes{position:absolute;left:0;top:0;width:100%;aspect-ratio:1120 / 380;margin:0;display:block;pointer-events:none}
  .js .xs-notes li{position:absolute;transform:translateY(-50%);border:0;padding:0;white-space:nowrap;pointer-events:auto}
  .js .xs-notes .c1{left:calc(70 / 1120 * 100%);top:calc(60 / 380 * 100%)}
  .js .xs-notes .c2{right:calc(836 / 1120 * 100%);top:calc(272 / 380 * 100%)}
  .js .xs-notes .c3{left:calc(514 / 1120 * 100%);top:calc(84 / 380 * 100%)}
  .js .xs-notes .c4{left:calc(732 / 1120 * 100%);top:calc(352 / 380 * 100%)}
}
@media (min-width:768px) and (max-width:1023px){
  .js .xs-notes h3{font-size:var(--t3)}
}
@media (max-width:1023px){
  .xs-notes{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  .xsec .bridge-w{display:none}
  .xsec .bridge-svg{display:block;max-width:480px}
  .xsec .xs-lead{display:none}
}
@media (max-width:640px){
  .xs-notes{grid-template-columns:minmax(0,1fr)}
}
.swing.bl{transform-origin:100% 100%}
@keyframes k-swing-in{from{transform:rotate(70deg)}}
[data-motion="on"] .mo .swing.bl{animation-name:k-swing-in}

.plates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 36px}
.plate-face{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:28px 32px 24px;border:1.5px solid var(--k-edge);border-radius:3px;
  background-color:var(--surface);box-shadow:inset 0 0 0 6px var(--surface),inset 0 0 0 7px var(--line);
  background-image:radial-gradient(circle at 13px 13px,var(--k-edge) 2.4px,transparent 2.9px),
    radial-gradient(circle at calc(100% - 13px) 13px,var(--k-edge) 2.4px,transparent 2.9px),
    radial-gradient(circle at 13px calc(100% - 13px),var(--k-edge) 2.4px,transparent 2.9px),
    radial-gradient(circle at calc(100% - 13px) calc(100% - 13px),var(--k-edge) 2.4px,transparent 2.9px)}
.plate-mark{width:100%;height:auto;flex:none}
.plate h3{font:600 var(--t3)/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;font-stretch:100%;color:var(--heading)}
.plate p{margin-top:16px;font-size:var(--t3);line-height:1.5;color:var(--muted);border-left:2px solid var(--sun);padding-left:14px}

.lanes{--lp:14px;--head:96px;display:grid;grid-template-columns:var(--head) repeat(12,minmax(0,1fr));grid-template-rows:auto 52px auto;
  background-image:linear-gradient(90deg,var(--line) 1px,transparent 1px),radial-gradient(circle at 1px 1px,var(--grid) 1.1px,transparent 1.3px);
  background-size:calc((100% - var(--head)) / 12) 100%,24px 24px;background-position:var(--head) 0,0 0;background-repeat:repeat-x,repeat}
.lane-bg{grid-column:1/-1;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface-2) 80%,transparent)}
.lane-bg.us{grid-row:1}
.lane-bg.you{grid-row:3;border-color:var(--sun);background:color-mix(in srgb,var(--surface) 80%,transparent)}
.lane-mark{grid-column:1;align-self:center;justify-self:center;color:var(--heading);display:grid;place-items:center}
.lane-mark.us{grid-row:1}
.lane-mark.you{grid-row:3;color:var(--sun-text)}
.lane-word{width:68px;height:auto}
.lane-mark svg.ic{width:32px;height:32px}

.lane-name{font:600 var(--t1)/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sun-text);margin-top:6px;text-align:center}
.bars{grid-column:2/-1;display:grid;grid-template-columns:subgrid;row-gap:8px;list-style:none;padding:var(--lp) 18px var(--lp) 0}
.bars.us{grid-row:1}
.bars.you{grid-row:3}
.bar{display:flex;align-items:center;gap:10px;min-height:50px;padding:8px 14px;border:1.5px solid var(--k-edge);border-radius:8px;
  background:var(--k-node);color:var(--k-text);position:relative;min-width:0}
.bar svg.ic{width:22px;height:22px;flex:none}
.bar h3{font-size:var(--t3);font-stretch:104%;line-height:1.2;min-width:0}
.b1{grid-column:1/5}.b2{grid-column:3/8}.b3{grid-column:6/10;border-color:var(--sun)}

.b4{grid-column:9/13;border-color:var(--sun);border-right-style:dashed;border-radius:8px 0 0 8px}
.b4::after{content:"";position:absolute;right:-9px;top:50%;width:14px;height:14px;margin-top:-7px;border-top:2px solid var(--sun);border-right:2px solid var(--sun);transform:rotate(45deg)}
.bar-ai{margin-left:auto;margin-right:12px;display:grid;place-items:center;width:28px;height:28px;border-radius:6px;border:1.5px solid var(--sun);color:var(--sun-text);flex:none;position:relative}
.bar-ai svg.ic{width:18px;height:18px}

.handover{grid-row:2;grid-column:11/12;justify-self:start;position:relative;width:2px;margin:calc(-1 * var(--lp)) 0 calc(-1 * var(--lp)) -1px;
  background:var(--sun);z-index:1;transform-origin:center top}
.ho-gate{position:absolute;left:50%;top:50%;width:24px;height:24px;margin:-12px 0 0 -12px;display:grid;place-items:center;
  border:2px solid var(--sun);border-radius:4px;background:var(--bg);transform:rotate(45deg)}
.ho-gate svg.ic{width:14px;height:14px;transform:rotate(-45deg);color:var(--sun-text)}
.ho-sig{position:absolute;left:-3px;top:22%;width:8px;height:8px;border-radius:50%;background:var(--sun)}
.b1{--t:.1s}.b2{--t:.5s}.b3{--t:.9s}.b4{--t:2.1s}
@keyframes k-wipe{from{clip-path:inset(0 100% 0 0)}}
[data-motion="on"] .mo .bar{animation:k-wipe .8s var(--ease) var(--t,0s) both}
[data-motion="on"] .mo .handover{animation:k-growy .5s var(--ease) 1.5s both}
[data-motion="on"] .mo .ho-gate{animation:k-fade .5s ease-out 1.9s both}
[data-motion="on"] .mo .ho-sig{animation:k-vdot 6s linear 2.6s infinite both}
[data-motion="on"] .mo .bar-ai::after{content:"";position:absolute;inset:-6px;border-radius:9px;border:1.5px solid var(--sun);animation:k-ring 6s ease-out 2.6s infinite both}

.strata-cap{width:50%;height:auto;margin:0 auto -1.5px}
.courses{list-style:none;display:grid;justify-items:center}
.course{display:flex;align-items:center;gap:6px 16px;min-height:52px;padding:8px 14px;margin-top:-1.5px;border:1.5px solid var(--bk-edge);
  background-color:var(--band-2);background-image:linear-gradient(90deg,var(--bk-edge) 1.5px,transparent 1.5px);background-size:84px 100%}
.course{background-position:center}
.course:nth-child(even){background-position:calc(50% + 42px) 0}
.course:nth-child(1){width:64%}.course:nth-child(2){width:71%}.course:nth-child(3){width:78%}
.course:nth-child(4){width:85%}.course:nth-child(5){width:92%}.course:nth-child(6){width:100%}
.course h3{flex:none;font:600 var(--t1)/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase;font-stretch:100%;text-align:center;color:var(--on-band);
  background:var(--band);border:1.5px solid var(--bk-edge);border-radius:2px;padding:7px 14px}
.course .hs-l{flex:1;min-width:0;font-size:var(--t3);line-height:1.4;color:var(--on-band);background:var(--band-2);padding:2px 8px}
.course.on h3{border-color:var(--sun)}

.courses::after{content:"";display:block;width:100%;height:14px;margin-top:-1.5px;border-top:3px solid var(--on-band);
  background:repeating-linear-gradient(135deg,var(--bk-edge) 0 1.5px,transparent 1.5px 7px)}
.course:nth-child(1){--t:1.1s}.course:nth-child(2){--t:.9s}.course:nth-child(3){--t:.7s}
.course:nth-child(4){--t:.5s}.course:nth-child(5){--t:.3s}.course:nth-child(6){--t:.1s}
[data-motion="on"] .mo .course{animation:k-rise .7s var(--ease) var(--t,0s) both}
[data-motion="on"] .mo .strata-cap .fi{--t:1.5s}

@media (min-width:768px) and (max-width:1023px){
  .course:nth-child(1){width:84%}.course:nth-child(2){width:87%}.course:nth-child(3){width:90%}
  .course:nth-child(4){width:94%}.course:nth-child(5){width:97%}
  .strata-cap{width:62%}
  .course h3{font-size:var(--t1);letter-spacing:.06em;padding:6px 10px}
}
@media (min-width:768px) and (max-width:1079px){
  .notes.n4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  .notes.n4{grid-template-columns:minmax(0,1fr)}
  .plates{grid-template-columns:minmax(0,1fr)}

  .lanes{--head:0px;grid-template-columns:repeat(12,minmax(0,1fr))}
  .lane-mark{grid-column:1/-1;justify-self:start;margin:0 12px}
  .lane-mark.us{align-self:start;margin-top:10px}
  .lane-mark.you{align-self:end;margin-bottom:10px}
  .lane-word{width:56px}
  .lane-mark svg.ic{width:24px;height:24px}
  .bars{grid-column:1/-1;padding:var(--lp) 18px var(--lp) 12px}
  .bars.us{padding-top:calc(var(--lp) + 26px)}
  .bars.you{padding-bottom:calc(var(--lp) + 30px)}
  .b1{grid-column:1/10}.b2{grid-column:2/11}.b3{grid-column:3/12}.b4{grid-column:4/13}
  .handover{grid-column:12/13}
  .course{flex-wrap:wrap}
  .course .hs-l{flex-basis:100%;max-width:none;padding:0 2px}
  .course:nth-child(1){width:84%}.course:nth-child(2){width:87%}.course:nth-child(3){width:90%}
  .course:nth-child(4){width:94%}.course:nth-child(5){width:97%}
  .strata-cap{width:62%}
}
@media (max-width:560px){

  .iso-svg .k-tag{font-size:16.5px;letter-spacing:.08em}
  .bar{padding:8px 10px;gap:8px}
  .bar h3{font-size:var(--t3)}
  .bar-ai{margin-right:8px}
  .course{min-height:46px;padding:7px 8px}
  .course h3{font-size:var(--t1);letter-spacing:.06em;padding:6px 10px}
  .plate-face{padding:18px 20px;gap:16px}
}

@media (max-width:1180px){
  .nav a{padding:8px 8px;font-size:var(--t2)}
  .nav a[aria-current]::after{left:8px;right:8px}
  .tool .tool-tx{display:none}
  .tool{padding:0}
}
@media (max-width:1080px){
  .hdr-in{flex-wrap:wrap;gap:12px;padding-top:8px;padding-bottom:8px;min-height:63px}
  .hdr.cond .hdr-in{min-height:55px;padding-top:4px;padding-bottom:4px}
  .burger{display:inline-flex;align-items:center;gap:8px;margin-left:auto;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:6px;
    cursor:pointer;color:var(--heading);font:400 var(--t1)/1 var(--mono);background:var(--surface)}
  .burger svg{width:18px;height:18px}
  .nav-t{display:block}
  .nav-t:focus-visible+.burger{outline:2px solid var(--focus);outline-offset:3px}
  .nav{display:none;order:5;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;margin:4px 0 4px;border-top:1px solid var(--line);padding-top:8px}

  .nav-t:checked~.nav{display:flex;max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain}
  .nav a{padding:12px 4px;font-size:var(--t3);border-radius:0;border-bottom:1px solid var(--line)}
  .nav a[aria-current]::after{left:4px;right:auto;width:28px;bottom:6px}
  .tools{order:3}
  .hdr-cta{display:none}
}
@media (max-width:1023px){
  .hero-in,.sov-in{grid-template-columns:minmax(0,1fr);gap:32px}
  .hero-in{grid-template-areas:"head" "txt" "fig"}
  .card-fig{padding:12px}
  .hero-fig,.sov-fig{width:100%}
  .split{grid-template-columns:minmax(0,1fr);gap:32px}
  .split.rev .split-fig{order:0}
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tiles.three{grid-template-columns:repeat(2,minmax(0,1fr))}

  .bays{grid-template-columns:repeat(3,minmax(0,1fr))}

  .flow{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:minmax(0,1fr);gap:24px}
  .st{display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:24px;text-align:left;align-items:start;padding:0}
  .st .nd{grid-row:1/span 4}
  .st-idx,.st-name,.st-cap,.st-line{grid-column:2}
  .st-idx{margin-top:8px}
  .st-line{max-width:none}
  .nd::before{left:calc(50% - 4.5px);top:-6px}
  .nd::after{left:calc(50% - 4.5px);right:auto;top:auto;bottom:-6px}
  .st:not(:last-child)::after{left:35px;right:auto;width:2px;height:auto;top:78px;bottom:-18px;transform-origin:center top}
  .sgd{left:31px;right:auto;width:10px;height:auto;top:78px;bottom:-18px}
  .sgd::before{left:1px;top:calc(50% - 4px)}
  [data-motion="on"] .mo .flow .st:not(:last-child)::after{animation-name:k-growy}
  [data-motion="on"] .mo .flow .sgd::before{animation-name:k-vdot}
  .canvas{padding:48px 16px 24px}
}
@media (max-width:767px){
  :root{--gut:24px}
  .hdr-in{min-height:55px;padding-top:4px;padding-bottom:4px}
  .hdr.cond .hdr-in{min-height:51px;padding-top:4px;padding-bottom:4px}
  .hdr.cond{margin-bottom:3px}
  .sec-head.c{text-align:left;margin-left:0}
  .sec-head.c p{margin-left:0}
  .sec{padding:64px 0}
  .duo,.demo-opts,.mods,.offers{grid-template-columns:minmax(0,1fr)}
  .sheet-row{grid-template-columns:minmax(0,1fr);gap:6px}

  .swatches{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .tiles,.tiles.three{grid-template-columns:minmax(0,1fr)}

  .bays{grid-template-columns:repeat(2,minmax(0,1fr))}
  .appl.mini .bays{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:600px){

  .schem-svg .k-sm{font-size:15px}
  .schem-svg .k-txt{font-size:14px}
}
@media (max-width:420px){

  .mod-panel .schem{margin-left:-12px;margin-right:-12px;padding:6px}
}
@media (max-width:560px){
  :root{--gut:18px}
  .hero-svg .k-txt{font-size:15.5px}
  body{font-size:var(--t3)}
  .hero{padding:48px 0}
  .phero{padding:48px 0}
  .card{padding:16px}
  .hero-fig .legend{grid-template-columns:minmax(0,1fr)}
  .card-fig{margin:-4px -4px 16px;padding:8px}
  .lede,.hero .lede{font-size:var(--t4)}
  .btn{padding:0 16px}

  .hdr,.ftr{--mark:36px;--cap:17.5px}
  .burger .burger-tx{display:none}
  .burger{padding:0;width:44px;justify-content:center}
  .chassis{padding:12px 12px 14px}
  .mod-panel{padding:18px}
  .seg{display:flex;width:100%}
  .seg label,.seg [role="tab"]{flex:1 1 auto;justify-content:center;text-align:center;padding:0 12px}

}
@media (max-width:360px){
  .hero-svg .k-txt{font-size:17px}
  .hdr-in{gap:8px}
  .tools{gap:4px}
  .hdr,.ftr{--mark:32px;--mark-gap:8px;--cap:15.7px}
  .appl.mini .bays{grid-template-columns:repeat(2,minmax(0,1fr))}
  .seg label,.seg [role="tab"]{font-size:var(--t2);padding:0 8px}
  .vents{display:none}
}
@media (prefers-reduced-motion:reduce){
  .flow .st{transition:none}
}

html:not(.js) .ftr-motion,html:not(.js) .ftr-links li:has(>.ftr-motion){display:none}
@media print{.tools,.burger{display:none!important}.hs-w{visibility:visible!important;opacity:1!important;display:block!important}}

.k-pcb{stroke-width:1.75}
.k-hole{fill:none;stroke:var(--k-edge);stroke-width:1.5}
.k-silk{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.08em;fill:var(--k-mute)}
.k-rail{stroke:var(--k-line);stroke-width:2.5;stroke-linecap:round;fill:none}
.k-trace{stroke:var(--k-wire);stroke-width:1.75;stroke-linecap:round;fill:none}
.k-via{fill:var(--k-node);stroke:var(--k-sun);stroke-width:1.5}
.k-pad{stroke:var(--k-mute);stroke-width:3;fill:none}
.k-pinrow{stroke:var(--k-line);stroke-width:2.5;fill:none}
.k-finger{fill:var(--k-node);stroke:var(--k-sun);stroke-width:1.5}
.k-ball{fill:none;stroke:var(--k-mute);stroke-width:1.5}
.k-smd{fill:var(--k-mute);stroke:none}
.k-seat{fill:var(--k-edge);stroke:none}
.k-pin{fill:var(--k-node);stroke:var(--k-edge);stroke-width:1.5}
.k-pin-c{fill:var(--sun)}
.k-beam{stroke:var(--k-line);stroke-width:5;stroke-linecap:round;fill:none}
.k-band{fill:var(--k-dim);opacity:.45}
.k-band-rule{stroke:var(--k-edge);stroke-width:1;stroke-dasharray:2 4;fill:none}
.k-wm{color:var(--k-text)}

.col-notes{list-style:none;display:grid;gap:24px;margin-top:32px}
.col-notes li{border-top:2px solid var(--sun);padding-top:12px}
.col-notes h3{font-size:var(--t3);line-height:1.25}
.col-notes p{font-size:var(--t3);line-height:1.5;color:var(--muted);margin-top:8px}
.band .col-notes p{color:var(--on-band-muted)}
.col-notes .go{margin-top:12px}
.col-notes .more{margin-top:8px}
.key-pin{display:inline-flex;flex:none}
.key .pin-g{width:44px;height:14px;max-width:none;margin:0}
.pin-g .k-pin{stroke-width:1.2}

.co-hero{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:center}
.tblock{width:100%;max-width:460px;justify-self:end}
.tb{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:2px solid var(--k-line);background:var(--surface)}
.tb-c{padding:10px 14px 11px;border-top:1px solid var(--line-strong);min-width:0}
.tb-name,.tb-wide{grid-column:1/-1}
.tb-name{border-top:0;padding:14px 14px 16px;background:var(--surface-2)}
.tb-name+.tb-c{border-top:2px solid var(--k-line)}
.tb-c:not(.tb-name):not(.tb-wide)+.tb-c:not(.tb-wide){border-left:1px solid var(--line-strong)}
.tb dt{font:600 var(--t1)/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.tb dd{margin:5px 0 0;font:560 var(--t3)/1.35 var(--sans);color:var(--heading);overflow-wrap:anywhere}
.tb dd.mono{font:600 var(--t3)/1.35 var(--mono);letter-spacing:.04em}
.tb dd a{color:var(--heading)}
.tb-word{width:156px;height:auto;color:var(--heading);margin-top:4px}
.tb-c:nth-child(1){--t:.1s}.tb-c:nth-child(2){--t:.3s}.tb-c:nth-child(3){--t:.5s}.tb-c:nth-child(4){--t:.6s}.tb-c:nth-child(5){--t:.8s}
[data-motion="on"] .mo .tb-c{animation:k-fade .7s ease-out var(--t,0s) both}

.tilt{transform-box:view-box;transform-origin:240px 70px}
@keyframes k-tilt{0%{transform:rotate(-6deg)}55%{transform:rotate(1.4deg)}80%{transform:rotate(-.4deg)}100%{transform:none}}
@keyframes k-hang-l{0%{transform:translateY(16.7px)}55%{transform:translateY(-3.9px)}80%{transform:translateY(1.1px)}100%{transform:none}}
@keyframes k-hang-r{0%{transform:translateY(-16.7px)}55%{transform:translateY(3.9px)}80%{transform:translateY(-1.1px)}100%{transform:none}}
[data-motion="on"] .mo .tilt{animation:k-tilt 2.2s var(--ease) .9s both}
[data-motion="on"] .mo .hang.l{animation:k-hang-l 2.2s var(--ease) .9s both}
[data-motion="on"] .mo .hang.r{animation:k-hang-r 2.2s var(--ease) .9s both}

.post{position:relative;width:max-content;max-width:100%;padding:28px 0 16px}
.boards{list-style:none;position:relative;display:grid;grid-template-columns:[l] minmax(0,max-content) [post] 14px [r] minmax(0,max-content);
  grid-template-rows:repeat(5,minmax(0,1fr))}
.boards::before{content:"";grid-column:post;grid-row:1/6;margin:-28px 0 0;background:var(--k-node);
  border:1.5px solid var(--k-edge);border-bottom:0;border-radius:4px 4px 0 0}
.boards::after{content:"";grid-column:post;grid-row:6;height:0;margin:-1px -103px 0;border-top:3px solid var(--k-line)}
.bd{grid-column:l;grid-row:var(--r)/span 2;display:flex;flex-direction:column;min-width:0;--tip:22px}
.bd.r{grid-column:r}
.bd>.hs-f{display:block;align-self:flex-end;max-width:100%;padding:8px 0}
.bd.r>.hs-f{align-self:flex-start}
.board{display:block;max-width:100%;padding:1.5px;background:var(--k-edge);
  clip-path:polygon(0 50%,var(--tip) 0,100% 0,100% 100%,var(--tip) 100%);transform-origin:right center}
.bd.r .board{transform-origin:left center;clip-path:polygon(0 0,calc(100% - var(--tip)) 0,100% 50%,calc(100% - var(--tip)) 100%,0 100%)}
.bd.on .board{background:var(--sun)}
.bd:nth-child(1){--r:1;--t:.2s}.bd:nth-child(2){--r:2;--t:.5s}.bd:nth-child(3){--r:3;--t:.8s}.bd:nth-child(4){--r:4;--t:1.1s}
.board-in{display:flex;align-items:center;gap:14px;min-height:56px;padding:10px 20px 10px calc(var(--tip) + 10px);background:var(--k-node);
  clip-path:polygon(0 50%,calc(var(--tip) - 1px) 0,100% 0,100% 100%,calc(var(--tip) - 1px) 100%)}
.bd.r .board-in{padding:10px calc(var(--tip) + 10px) 10px 20px;
  clip-path:polygon(0 0,calc(100% - var(--tip) + 1px) 0,100% 50%,calc(100% - var(--tip) + 1px) 100%,0 100%)}
.bd-n{font:600 var(--t1)/1 var(--mono);letter-spacing:.1em;color:var(--sun-text);flex:none}
.board h3{font-size:var(--t4);line-height:1.2;color:var(--k-text);min-width:0}
.bd .hs-l{contain:inline-size;font-size:var(--t2);line-height:1.45;color:var(--muted);padding:0 6px 14px calc(var(--tip) + 10px)}
.bd.r .hs-l{padding:0 calc(var(--tip) + 10px) 14px 20px}
[data-motion="on"] .mo .board{animation:k-grow .7s var(--ease) var(--t,0s) both}

.js .boards{grid-template-rows:repeat(4,auto) 14px}
.js .bd{grid-row:var(--r)}

.k-post{stroke:var(--k-line);stroke-width:2;fill:none}
.k-au{font-size:16px;font-weight:600;fill:var(--k-text)}
.k-day{opacity:.9}
.k-day-a{stop-color:var(--sun);stop-opacity:.26}
.k-day-b{stop-color:var(--sun);stop-opacity:0}
.bands-n{display:none}
@media (max-width:767px){.bands-fig .bands-svg:not(.bands-n){display:none}.bands-fig .bands-n{display:block}}

@keyframes k-day{0%{transform:translateX(210px);opacity:0}5%{opacity:1}95%{opacity:1}100%{transform:translateX(-910px);opacity:0}}
@keyframes k-day-n{0%{transform:translateX(210px);opacity:0}6%{opacity:1}94%{opacity:1}100%{transform:translateX(-350px);opacity:0}}
[data-motion="on"] .mo .sunpass{animation:k-day 24s linear 1.6s infinite both}
[data-motion="on"] .mo .bands-n .sunpass{animation-name:k-day-n}

@media (max-width:1023px){
  .co-hero{grid-template-columns:minmax(0,1fr);gap:32px}
  .tblock{justify-self:start}
}

@media (min-width:1024px){.split.split-57{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px}}
@media (max-width:600px),(min-width:1024px) and (max-width:1199px){

  .post{width:auto}
  .boards{grid-template-columns:[l] 8px [post] 14px [r] minmax(0,1fr);grid-template-rows:repeat(4,auto)}
  .boards::before{grid-row:1/5}
  .boards::after{grid-row:5;margin:-1px -118px 0 -8px}
  .bd,.bd.r{grid-column:r;grid-row:var(--r)}
  .bd>.hs-f,.bd.r>.hs-f{align-self:flex-start}
  .bd .board,.bd.r .board{transform-origin:left center;
    clip-path:polygon(0 0,calc(100% - var(--tip)) 0,100% 50%,calc(100% - var(--tip)) 100%,0 100%)}
  .bd .board-in,.bd.r .board-in{padding:10px calc(var(--tip) + 10px) 10px 16px;
    clip-path:polygon(0 0,calc(100% - var(--tip) + 1px) 0,100% 50%,calc(100% - var(--tip) + 1px) 100%,0 100%)}
  .bd .hs-l,.bd.r .hs-l{padding:0 calc(var(--tip) + 10px) 14px 16px}
}
@media (max-width:600px){.board h3{font-size:var(--t3)}}
@media (max-width:560px){

  .bal-svg .k-txt{font-size:18px}
  .bands-n .k-au{font-size:21px}
  .tb-c{padding:9px 12px 10px}
  .tb dd{font-size:var(--t3)}
}
@media (max-width:480px){

  .tb{grid-template-columns:minmax(0,1fr)}
  .tb-c:not(.tb-name):not(.tb-wide)+.tb-c:not(.tb-wide){border-left:0}
}
.tb dd.mono{white-space:nowrap}

.hs-f{position:relative}
h3.hs-f{width:fit-content;max-width:100%}
.hs-btn{position:absolute;inset:0;z-index:3;margin:0;padding:0;border:0;border-radius:3px;background:transparent;color:inherit;font:inherit;cursor:pointer}

.hs-btn:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.bar>.hs-btn{border-radius:8px}
.hs-cap{display:none;margin:24px 0 0;contain:inline-size;font:400 var(--t3)/1.5 var(--sans);color:var(--muted)}
.js .hs-cap:not(:empty){display:grid}
.band .hs-cap{color:var(--on-band-muted)}
.hs-cap>.hs-l{grid-area:1/1;align-self:start;margin:0;padding:1px 0 1px 16px;border-left:2px solid var(--sun);max-width:680px;
  font:inherit;color:inherit;letter-spacing:normal;text-align:left;text-transform:none;background:none}
.hs-w{transition:opacity .18s ease-out}
.hs-w:not(.show){visibility:hidden;opacity:0}
[data-motion="off"] .hs-w{transition:none}

[data-hs]:not([data-hs-mode="inplace"]) .hs-i:not(.mod) .hs-n{text-decoration-line:underline;text-decoration-style:dotted;
  text-decoration-color:var(--sun-text);text-decoration-thickness:1.5px;text-underline-offset:4px}
.band .hs-i:not(.mod) .hs-n,.course.hs-i .hs-n{text-decoration-color:var(--sun)}
.hs.on .hs-n,.hs.pin .hs-n{text-decoration-style:solid!important}

.bar.on,.bar.pin{border-color:var(--sun);box-shadow:0 0 0 3px rgba(232,163,60,.22)}
.key .hs.on .key-g,.key .hs.pin .key-g{border-color:var(--sun)}
.key .hs.on .key-g.bare,.key .hs.pin .key-g.bare{color:var(--sun)}
.xs-notes .hs.on h3,.xs-notes .hs.pin h3{color:var(--sun)}
.course.on h3,.course.pin h3{border-color:var(--sun);color:var(--sun)}
.notes .hs.on h3,.notes .hs.pin h3{color:var(--sun-text)}
.band .notes .hs.on h3{color:var(--sun)}
.notes .hs.on,.notes .hs.pin{border-top-width:4px;padding-top:10px}
.plate.on .plate-face,.plate.pin .plate-face{border-color:var(--sun);box-shadow:inset 0 0 0 6px var(--surface),inset 0 0 0 7px var(--sun)}
.bd.on .board,.bd.pin .board{background:var(--sun)}
a.mod.on{border-color:var(--sun)}

.js .bays .mod{min-height:92px}

.hs-part{cursor:pointer}
.hs-hot .k-box,.hs-hot .k-gate,.hs-hot .k-bracket,.hs-hot .k-lead{stroke:var(--k-sun)}
.hs-hot .k-box{stroke-width:2.5}
.hs-hot .k-lead{stroke-width:2.2}

.lanes .hs-l{font-size:var(--t2);line-height:1.4;color:var(--muted)}
html:not(.js) .bar{flex-wrap:wrap;row-gap:4px}
html:not(.js) .bar h3{flex:1 1 0}
html:not(.js) .lanes .hs-l{flex-basis:100%;padding:0 0 2px 31px}

.lanes[data-hs-mode="inplace"] .bar{flex-wrap:wrap;row-gap:4px;align-content:center}
.lanes[data-hs-mode="inplace"] .bar h3{flex:1 1 0}
.lanes[data-hs-mode="inplace"] .hs-l{flex-basis:100%;padding:0 0 2px 32px;font-size:var(--t2);color:var(--k-text);opacity:.86}
.loop-fig .key .hs-f{display:inline-flex;align-items:center;gap:10px}
.loop-fig .key .hs-l{margin:6px 0 0 40px;font:400 var(--t2)/1.45 var(--sans);color:var(--on-band-muted)}
@media print{.hs-cap{display:block!important}.hs-cap>.hs-l{margin-top:4px}}

.nav a[aria-current="true"]{color:var(--heading)}
.nav a[aria-current="true"]::after{content:"";position:absolute;left:12px;right:12px;bottom:2px;height:2px;background:var(--sun)}
@media (max-width:1080px){.nav a[aria-current="true"]::after{left:4px;right:auto;width:28px;bottom:6px}}

.k-lamp{fill:var(--k-dim);stroke:var(--k-edge);stroke-width:1.5}
.k-ptr{stroke:var(--k-sun);stroke-width:6;stroke-linecap:round;fill:none}
.k-venn{fill:none;stroke:var(--k-line);stroke-width:1.75}
.k-venn-f{fill:var(--k-dim);opacity:.38}
.k-core{fill:var(--sun);opacity:.42}
.k-ev{fill:var(--k-text);font-weight:600}
.k-grat{stroke:var(--k-dim);stroke-width:1;stroke-dasharray:2 5;fill:none}
.k-land{fill:var(--k-node)}
.k-coast{stroke:var(--k-line);stroke-width:1.75;stroke-linejoin:round;fill:none}
.k-logline{fill:var(--k-dim)}
.k-logline.on{fill:var(--sun)}
.k-thread{stroke:var(--k-sun);stroke-width:1.5;fill:none}
.k-film{fill:var(--k-edge)}
.k-hole-f{fill:var(--k-node)}
.k-frame{fill:var(--k-node)}
.k-frn{font-weight:600;fill:var(--k-mute)}
.k-hexwall{fill:var(--k-dim);opacity:.7}
.k-cell{fill:var(--k-node);stroke:var(--k-edge);stroke-width:1.25}
.k-cell.on{fill:rgba(232,163,60,.16);stroke:var(--k-sun);stroke-width:1.75}
.k-fade{opacity:.32}
.k-axis{stroke:var(--k-edge);stroke-width:1.25;stroke-dasharray:10 4 2 4;fill:none}
.k-slab{fill:var(--k-node);stroke:var(--k-line);stroke-width:1.5;stroke-linejoin:round}
.k-slab-s{fill:var(--k-dim);stroke:var(--k-line);stroke-width:1.5;stroke-linejoin:round}
.k-balloon{fill:var(--k-node);stroke:var(--k-sun);stroke-width:1.5}
.k-bn{font-size:12.5px}
.k-guide{stroke:var(--k-edge);stroke-width:1;stroke-dasharray:3 4;fill:none}
.k-level{fill:var(--k-node);opacity:.55}
.k-level.alt{fill:var(--k-dim);opacity:.45}
.k-level-rule{stroke:var(--k-edge);stroke-width:1;stroke-dasharray:2 4;fill:none}
.k-lv{fill:var(--k-mute);font-size:12.5px}
.k-pipe{stroke:var(--k-line);stroke-width:5;stroke-linecap:round;fill:none}
.k-sheet{fill:var(--k-node);stroke:var(--k-line);stroke-width:2}
.k-zone-t{fill:var(--k-mute)}
.k-cellbox{fill:none;stroke:var(--k-edge);stroke-width:1.25;stroke-dasharray:5 4}
.k-mark{fill:none;stroke:var(--k-sun);stroke-width:1.75;stroke-linejoin:round}
.k-rev,.k-bal{fill:var(--k-text);font-weight:600}
.k-bal{font-size:9.5px}
.k-bom{fill:none;stroke:var(--k-edge);stroke-width:1.25}
.k-prohib{fill:var(--k-node);stroke:var(--k-line);stroke-width:5}
.k-slash{stroke:var(--k-sun);stroke-width:7;stroke-linecap:round;fill:none}

.hs-hot .k-slab{stroke:var(--k-sun);stroke-width:2.4}
.hs-hot .k-hatch{stroke:var(--k-sun)}
.hs-hot .k-mark{stroke-width:2.8}
.hs-hot .k-balloon{stroke-width:2.6}
.hs-hot .k-prohib{stroke:var(--k-sun)}
.hs-hot .k-lead{stroke-width:2.2}

.sel-ptr{transform-box:view-box;transform-origin:220px 236px;transition:transform .45s var(--ease)}
.lamp-gov{fill:var(--k-sun);stroke:var(--k-sun)}
.sel-sec:has(.e-ot:hover,.e-ot:focus-within) .sel-ptr{transform:rotate(-60deg)}
.sel-sec:has(.e-def:hover,.e-def:focus-within) .sel-ptr{transform:rotate(60deg)}
.sel-sec:has(.e-ot:hover,.e-ot:focus-within,.e-def:hover,.e-def:focus-within) .lamp-gov{fill:var(--k-dim);stroke:var(--k-edge)}
.sel-sec:has(.e-ot:hover,.e-ot:focus-within) .lamp-ot,.sel-sec:has(.e-def:hover,.e-def:focus-within) .lamp-def{fill:var(--k-sun);stroke:var(--k-sun)}
.sel-list li{transition:box-shadow .2s ease-out}
.sel-list li:is(:hover,:focus-within){box-shadow:inset 0 2px 0 var(--sun)}
[data-motion="off"] .sel-ptr,[data-motion="off"] .sel-list li{transition:none}
@keyframes k-sel{0%,8%{transform:none}24%,40%{transform:rotate(-60deg)}62%,78%{transform:rotate(60deg)}96%,100%{transform:none}}
@keyframes k-lamp-a{0%,20%{fill:var(--k-dim);stroke:var(--k-edge)}24%,40%{fill:var(--k-sun);stroke:var(--k-sun)}44%,100%{fill:var(--k-dim);stroke:var(--k-edge)}}
@keyframes k-lamp-b{0%,58%{fill:var(--k-dim);stroke:var(--k-edge)}62%,78%{fill:var(--k-sun);stroke:var(--k-sun)}82%,100%{fill:var(--k-dim);stroke:var(--k-edge)}}
@keyframes k-lamp-g{0%,16%{fill:var(--k-sun);stroke:var(--k-sun)}20%,88%{fill:var(--k-dim);stroke:var(--k-edge)}96%,100%{fill:var(--k-sun);stroke:var(--k-sun)}}
[data-motion="on"] .mo .sel-ptr{animation:k-sel 6s var(--ease) 1.4s backwards}
[data-motion="on"] .mo .lamp-ot{animation:k-lamp-a 6s linear 1.4s backwards}
[data-motion="on"] .mo .lamp-def{animation:k-lamp-b 6s linear 1.4s backwards}
[data-motion="on"] .mo .lamp-gov{animation:k-lamp-g 6s linear 1.4s backwards}

.film-fig .film-n,.plan-fig .plan-n{display:none}
.fr-key{list-style:none;display:grid;grid-template-columns:31.786% repeat(4,13.393%) minmax(0,1fr);margin-top:12px;counter-reset:fr;
  font:400 var(--t2)/1.35 var(--mono);color:var(--k-mute)}
.fr-key li{text-align:center;padding:0 4px;text-wrap:balance}
.fr-key .fk-in{text-align:left;padding-left:0}
.fr-key li:not(.fk-in):not(.fk-out){counter-increment:fr;color:var(--k-text)}
@media (max-width:767px){
  .film-fig .film-w,.plan-fig .plan-w{display:none}
  .film-fig .film-n,.plan-fig .plan-n{display:block;max-width:420px}
  .fr-key{grid-template-columns:minmax(0,1fr);gap:4px;margin-top:16px}
  .fr-key li{text-align:left;padding:0}
  .fr-key li:not(.fk-in):not(.fk-out)::before{content:"0" counter(fr);color:var(--sun-text);font-weight:600;margin-right:10px}
}

.cab{border:2px solid var(--k-line);border-radius:6px 6px 2px 2px;background:var(--k-node);padding:14px 14px 0}
.cab::after{content:"";display:block;height:18px;margin:0 -14px;border-top:2px solid var(--k-line);
  background:repeating-linear-gradient(90deg,var(--k-edge) 0 1.5px,transparent 1.5px 9px)}
.drawers{list-style:none;display:grid;gap:12px;margin:0 0 14px}
.drw-face{display:flex;flex-direction:column;align-items:center;gap:14px;padding:18px 18px 16px;border:1.5px solid var(--k-edge);border-radius:4px;
  background:var(--band-2)}
.paper .drw-face{background:var(--surface-2)}
.drw-card{display:flex;align-items:center;gap:12px;width:min(100%,380px);padding:10px 14px;border:1.5px solid var(--k-edge);border-radius:2px;
  background:var(--surface)}
.drw-n{font:600 var(--t1)/1 var(--mono);letter-spacing:.1em;color:var(--sun-text);flex:none}
.drw-card h3{font-size:var(--t3);line-height:1.25;color:var(--heading)}
.drw-pull{width:96px;height:12px;border:2px solid var(--k-line);border-top:0;border-radius:0 0 8px 8px}
.drawer.on .drw-face,.drawer.pin .drw-face,.drawer.on .drw-card,.drawer.pin .drw-card{border-color:var(--sun)}
.drawer.on .drw-pull,.drawer.pin .drw-pull{border-color:var(--sun)}
.drawer .hs-l{font-size:var(--t2);line-height:1.45;color:var(--on-band-muted);padding:10px 4px 2px}
.drawer:nth-child(1){--t:.1s}.drawer:nth-child(2){--t:.35s}.drawer:nth-child(3){--t:.6s}
[data-motion="on"] .mo .drawer{animation:k-rise .7s var(--ease) var(--t,0s) both}

.expl-key{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px}
.sheet-key{display:grid;gap:10px}
.expl-key li,.sheet-key li{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.expl-key .hs-f,.sheet-key .hs-f{display:inline-flex;align-items:center;gap:10px}
.expl-key h3,.sheet-key h3{font-size:var(--t3);line-height:1.3;font-stretch:104%}
.key .key-g.key-num{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--sun);display:grid;place-items:center;
  font:600 var(--t1)/1 var(--mono);color:var(--k-text);background:var(--k-node)}
.key .hs.on .key-g.key-num,.key .hs.pin .key-g.key-num{background:var(--sun);color:var(--on-sun)}
.key .key-g.key-rev{width:30px;height:28px;border:0;border-radius:0;display:grid;place-items:end center;padding-bottom:4px;
  font:600 var(--t1)/1 var(--mono);color:var(--on-sun);background:var(--sun);clip-path:polygon(50% 0,100% 100%,0 100%)}
.key .key-g.key-hatch{width:30px;height:30px;border:1.5px solid var(--k-edge);border-radius:4px;
  background:repeating-linear-gradient(135deg,var(--k-edge) 0 1.5px,transparent 1.5px 6px)}
.key .hs.on .key-g.key-hatch,.key .hs.pin .key-g.key-hatch{border-color:var(--sun);background:repeating-linear-gradient(135deg,var(--sun) 0 1.5px,transparent 1.5px 6px)}
.expl-fig .key .hs-l,.sheet-fig .key .hs-l{margin:6px 0 0 40px;font:400 var(--t2)/1.45 var(--sans);color:var(--on-band-muted)}
.k-chk{fill:none;stroke:var(--k-edge);stroke-width:1.25}
.k-chk.on{fill:var(--k-sun);stroke:var(--k-sun)}

.seq-heads{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.seq-heads li{justify-self:center;width:min(240px,88%);text-align:center;padding:12px 8px;border:1.5px solid var(--k-edge);border-radius:6px;
  background:var(--k-node);font:600 var(--t1)/1.25 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--k-text)}
.seq-heads .sh-1{border-color:var(--sun)}
.seq-msgs{list-style:none;position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:22px 0 16px;
  background-image:repeating-linear-gradient(to bottom,var(--k-edge) 0 6px,transparent 6px 12px),
    repeating-linear-gradient(to bottom,var(--k-edge) 0 6px,transparent 6px 12px),repeating-linear-gradient(to bottom,var(--k-edge) 0 6px,transparent 6px 12px);
  background-size:1.5px 100%;background-position:16.667% 0,50% 0,83.333% 0;background-repeat:no-repeat}
.seq-msgs::before{content:"";position:absolute;left:calc(16.667% - 6px);width:12px;top:14px;bottom:8px;border:1.5px solid var(--sun);
  border-radius:2px;background:var(--k-node)}
.msg{--a:25%;--b:25%;grid-column:1/3;position:relative;padding:8px var(--b) 34px calc(var(--a) + 18px);font:500 var(--t2)/1.35 var(--mono);color:var(--k-text)}
.msg.to-3,.msg.self{grid-column:1/4;--a:16.667%;--b:16.667%}

@supports (width:1cqw){
  .seq-msgs{container-type:inline-size}
  .msg,.msg.to-3,.msg.self{--a:16.667cqw;--b:16.667cqw}
}
.msg::before{content:"";position:absolute;left:calc(var(--a) + 6px);right:var(--b);bottom:22px;border-top:2px solid var(--k-line);transform-origin:left center}
.msg::after{content:"";position:absolute;right:var(--b);bottom:17px;border-style:solid;border-width:6px 0 6px 11px;
  border-color:transparent transparent transparent var(--k-line)}
.rep{position:absolute;left:calc(var(--a) + 6px);right:var(--b);bottom:7px;border-top:1.5px dashed var(--k-edge)}
.rep::before{content:"";position:absolute;left:0;top:-5.5px;border-style:solid;border-width:5px 9px 5px 0;border-color:transparent var(--k-edge) transparent transparent}
.msg.self{padding:6px 0 18px calc(var(--a) + 66px);color:var(--sun-text)}
.band .msg.self{color:var(--sun)}
.msg.self::before{left:calc(var(--a) + 6px);right:auto;width:44px;top:6px;bottom:14px;border:2px solid var(--sun);border-left:0;border-radius:0 8px 8px 0}
.msg.self::after{left:calc(var(--a) + 6px);right:auto;bottom:8px;border-width:6px 11px 6px 0;border-color:transparent var(--sun) transparent transparent}
.msg.never{color:var(--k-mute)}
.msg.never::before{border-top:2px dashed var(--k-edge)}
.msg.never::after{border-color:transparent transparent transparent var(--k-edge)}
.nx{position:absolute;right:calc(var(--b) + 18px);bottom:12px;width:22px;height:22px}
.nx::before,.nx::after{content:"";position:absolute;left:50%;top:0;width:2.5px;height:22px;margin-left:-1.25px;background:var(--sun);border-radius:2px;transform:rotate(45deg)}
.nx::after{transform:rotate(-45deg)}
.seq-msgs .msg:nth-child(1){--t:.2s}.seq-msgs .msg:nth-child(2){--t:.6s}.seq-msgs .msg:nth-child(3){--t:1s}.seq-msgs .msg:nth-child(4){--t:1.4s}
.seq-msgs .msg:nth-child(5){--t:1.8s}.seq-msgs .msg:nth-child(6){--t:2.4s}.seq-msgs .msg:nth-child(7){--t:2.8s}
[data-motion="on"] .mo .msg:not(.self)::before{animation:k-grow .6s var(--ease) var(--t,0s) both}
[data-motion="on"] .mo .msg::after,[data-motion="on"] .mo .msg .rep,[data-motion="on"] .mo .msg .nx{animation:k-fade .4s ease-out calc(var(--t,0s) + .5s) both}
[data-motion="on"] .mo .msg.self::before{animation:k-fade .5s ease-out var(--t,0s) both}
[data-motion="on"] .mo .msg-l{animation:k-fade .5s ease-out var(--t,0s) both}

.cons{border:1.5px solid var(--k-edge);border-radius:12px;background:var(--band-2);padding:18px}
.cons-read{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:6px;background:var(--band);border:1px solid var(--band-line);
  font:600 var(--t2)/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--sun)}
.cons-led{width:8px;height:8px;border-radius:50%;background:var(--sun);flex:none;box-shadow:0 0 0 4px rgba(232,163,60,.18)}
.chans{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
.chan{display:flex;flex-direction:column;gap:18px;padding:16px 18px 20px;border:1.5px solid var(--k-edge);border-radius:8px;background:var(--k-node)}
.chan.on,.chan.pin{border-color:var(--sun);box-shadow:0 0 0 3px rgba(232,163,60,.22)}
.ch-n{font:600 var(--t1)/1 var(--mono);letter-spacing:.1em;color:var(--sun)}
.chan h3{font-size:var(--t4);margin-top:-10px}
.ctl{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.ctl-l{flex-basis:100%;font:400 var(--t1)/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--k-mute)}
.ctl-v{font:400 var(--t2)/1.3 var(--mono);color:var(--k-text)}
.ctl-none{color:var(--k-mute)}
.ctl-none::before{content:"";display:inline-block;width:12px;height:2px;margin:0 8px 4px 0;background:var(--sun);vertical-align:middle}
.fader{position:relative;flex:1 1 100%;height:26px;background:linear-gradient(var(--k-edge),var(--k-edge)) 0 50% / 100% 3px no-repeat,
  repeating-linear-gradient(90deg,var(--k-dim) 0 1.5px,transparent 1.5px 24px) 0 100% / 100% 7px no-repeat}
.fader i{position:absolute;top:0;width:16px;height:26px;margin-left:-8px;border:1.5px solid var(--sun);border-radius:3px;background:var(--k-node)}
.fader.f60 i{left:60%}.fader.f40 i{left:40%}
.keys{display:flex;flex-wrap:wrap;gap:6px}
.keys b{font:600 var(--t1)/1 var(--mono);letter-spacing:.04em;padding:8px 10px;border:1.5px solid var(--k-edge);border-radius:5px;color:var(--k-text);background:var(--band)}
.stack{flex-basis:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.stack i{height:18px;border:1.5px dashed var(--k-mute);border-radius:3px}
.stack b{grid-column:1/-1;padding:7px 10px;border:1.5px solid var(--k-edge);border-radius:3px;font:600 var(--t1)/1 var(--mono);letter-spacing:.08em;
  text-transform:uppercase;color:var(--k-text);background:var(--band)}
.hglass{width:14px;height:20px;flex:none;background:var(--sun);clip-path:polygon(0 0,100% 0,58% 50%,100% 100%,0 100%,42% 50%)}
.lamp-on{width:12px;height:12px;border-radius:50%;background:var(--sun);flex:none;box-shadow:0 0 0 4px rgba(232,163,60,.22)}
.pkg{display:inline-flex;color:var(--k-text)}
.pkg svg{width:24px;height:24px}
.chan:nth-child(1){--t:.1s}.chan:nth-child(2){--t:.4s}.chan:nth-child(3){--t:.7s}
[data-motion="on"] .mo .chan{animation:k-rise .7s var(--ease) var(--t,0s) both}
[data-motion="on"] .mo .fader i{animation:k-fade .6s ease-out calc(var(--t,0s) + .6s) both}

.tiers{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.tier{display:flex;flex-direction:column;padding:26px 26px 22px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--shadow)}
.tier.feat{box-shadow:inset 0 3px 0 var(--sun),var(--shadow)}
.tier-b{align-self:flex-start;margin-bottom:14px;padding:6px 8px;border:1px solid currentColor;border-radius:3px;font:600 var(--t1)/1 var(--mono);
  letter-spacing:.12em;text-transform:uppercase;color:var(--sun-text)}
.tier h3{font-size:var(--t5)}
.tier>p{margin-top:10px;font-size:var(--t3);color:var(--muted)}
.tier .go{margin-top:auto;padding-top:16px}

.sign-key{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 18px;margin-top:18px}
.sign-key li{border-top:2px solid var(--sun);padding-top:10px}
.sign-key h3{font-size:var(--t3);line-height:1.3;font-stretch:104%}
.sign-key .hs.on h3,.sign-key .hs.pin h3{color:var(--sun)}
.sign-key .hs-l{font-size:var(--t2);line-height:1.45;color:var(--on-band-muted);margin-top:6px}

@media (max-width:1023px){
  .tiers{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:767px){
  .chans{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){

  .sel-svg .k-tag,.venn-svg .k-tag{font-size:15.5px;letter-spacing:.06em}
  .venn-svg .k-ev{font-size:15.5px;letter-spacing:0}
  .encl-svg .k-sm,.lvl-svg .k-sm{font-size:15.5px;letter-spacing:0}
  .lvl-svg .k-txt{font-size:15.5px}
  .sheet-svg .k-zone-t{font-size:17px}
  .sheet-svg .k-bal,.sheet-svg .k-rev{font-size:17px}
  .sheet-svg .k-balloon{r:12.5px}
  .expl-svg .k-bn{font-size:15.5px}
  .film-n .k-sm{font-size:13px}
  .expl-key{grid-template-columns:minmax(0,1fr)}
  .seq-heads li{width:94%;padding:10px 4px;font-size:var(--t1);letter-spacing:.02em;overflow-wrap:normal}
  .msg{font-size:var(--t2)}
  .cons{padding:12px}
  .chan{padding:14px 14px 18px}
}
@media (max-width:480px){
  .sign-key{grid-template-columns:minmax(0,1fr)}
}

.stage,#contact,.pv-part,.pv-toc,#fig-route{scroll-margin-top:80px}

.k-tray{fill:var(--k-node);stroke:var(--k-line);stroke-width:1.75;stroke-linejoin:round}
.k-doc{fill:var(--k-node);stroke:var(--k-edge);stroke-width:1.5}
.k-unit{fill:var(--k-node);stroke:var(--k-line);stroke-width:1.5}
.k-stg{fill:var(--sun)}
.k-seal-i{stroke:var(--k-sun);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.k-piece{fill:var(--k-node);stroke:var(--k-line);stroke-width:2;stroke-linejoin:round}
.k-piece.alt{fill:var(--surface-2)}
.band .k-piece.alt{fill:var(--band-2)}
.k-joint{stroke:var(--k-sun);stroke-width:3;fill:none;stroke-linecap:round}
.k-rk{fill:var(--k-node);stroke:var(--k-line);stroke-width:1.5}
.k-wan{stroke:var(--k-mute);stroke-width:1.75;fill:none;stroke-linejoin:round;stroke-linecap:round}
.k-cloud{stroke:var(--k-line);stroke-width:1.75;fill:none;stroke-linejoin:round}
.k-hub{fill:var(--k-node);stroke:var(--k-sun);stroke-width:2;stroke-linejoin:round}
.k-fw{fill:var(--k-node);stroke:var(--k-line);stroke-width:1.5}
.k-fw.k-fw-new{stroke:var(--k-mute);stroke-dasharray:4 3}
.k-tunnel{stroke:var(--k-mute);stroke-width:1.5;fill:none;stroke-dasharray:7 4}
.k-tunnel.k-tunnel-new{stroke-dasharray:3 4}
.k-room{fill:var(--k-dim);fill-opacity:.35;stroke:var(--k-line);stroke-width:2}
.k-dev-o{fill:var(--k-node);stroke:var(--k-line);stroke-width:1.5}
.k-cz{fill:var(--k-dim);opacity:.45}
.k-spoke{fill:var(--k-node);stroke:var(--k-line);stroke-width:1.5}
.k-ghost-i{stroke:var(--k-mute);fill:none;stroke-dasharray:3 3}
.k-jw{stroke:var(--k-mute);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.k-cyl{fill:var(--k-node);stroke:var(--k-line);stroke-width:2}
.k-plug{fill:var(--k-dim);fill-opacity:.55;stroke:var(--k-line);stroke-width:1.5}
.k-keyway{fill:var(--bg);stroke:var(--k-edge);stroke-width:1.25}
.band .k-keyway{fill:var(--band)}
.k-shear{stroke:var(--k-sun);stroke-width:1.75;stroke-dasharray:6 5;fill:none}
.k-bore{stroke:var(--k-edge);stroke-width:1.25;fill:none}
.k-spring{stroke:var(--k-mute);stroke-width:1.5;fill:none;stroke-linejoin:round}
.k-pin-d{fill:var(--k-node);stroke:var(--k-line);stroke-width:1.5}
.k-pin-k{fill:var(--k-dim);stroke:var(--k-line);stroke-width:1.5;stroke-linejoin:round}
.k-lockn{font-size:15px}
.k-line-a{stroke:var(--k-line);stroke-width:9;fill:none;stroke-linecap:round;stroke-linejoin:round}

.k-line-b{stroke:var(--k-sun);stroke-width:9;fill:none;stroke-linecap:round;stroke-linejoin:round}
.band .k-line-b{stroke:var(--k-sun)}
.k-term{stroke:var(--k-line);stroke-width:6;stroke-linecap:round}
.k-term-b{stroke:var(--k-sun);stroke-width:6;stroke-linecap:round}
.band .k-term-b{stroke:var(--k-sun)}
.k-stn{fill:var(--k-node);stroke:var(--k-line);stroke-width:4}
.k-stn-b{fill:var(--k-node);stroke:var(--k-sun);stroke-width:4}
.band .k-stn-b{stroke:var(--k-sun)}
.k-xchg{fill:var(--k-node);stroke:var(--k-line);stroke-width:5}
.k-spine{fill:var(--k-dim);stroke:var(--k-line);stroke-width:1.75}
.k-rivet{fill:var(--k-node);stroke:var(--k-edge);stroke-width:1.5}
.k-pages{stroke:var(--k-edge);stroke-width:1.25;fill:none}
.k-tab{fill:var(--k-node);stroke:var(--k-line);stroke-width:1.5}
.k-tabn{font-size:15px}
.k-cover{fill:var(--k-node);stroke:var(--k-line);stroke-width:2}
.k-win{fill:none;stroke:var(--k-edge);stroke-width:1.25}
.k-cable{stroke:var(--k-line);stroke-width:2.5;fill:none;stroke-linecap:round}
.k-plug-b{fill:var(--k-node);stroke:var(--k-line);stroke-width:1.75}
.k-sock{fill:var(--k-dim);stroke:var(--k-line);stroke-width:1.5}

.hs-hot .k-pin-d,.hs-hot .k-pin-k,.hs-hot .k-bore,.hs-hot .k-spring{stroke:var(--k-sun)}
.hs-hot .k-pin-d,.hs-hot .k-pin-k{stroke-width:2.4}
.hs-hot .k-lockn{fill:var(--sun)}
.hs-hot .k-tab{stroke:var(--k-sun);stroke-width:2.6}
.hs-hot .k-tabn{fill:var(--sun)}
.band .hs-hot .k-tabn{fill:var(--sun)}
.hs-hot .k-stn,.hs-hot .k-stn-b,.hs-hot .k-xchg{stroke:var(--k-sun);stroke-width:6}
.hs-hot .k-jw{stroke:var(--k-sun);stroke-width:3}
.hs-hot .k-room,.hs-hot .k-rk,.hs-hot .k-dev-o,.hs-hot .k-fw,.hs-hot .k-spoke,.hs-hot .k-unit,.hs-hot .k-doc,.hs-hot .k-box{stroke:var(--k-sun)}
.hs-hot .k-line-ink{stroke:var(--k-sun)}
.hs-hot .k-cz{opacity:.75}
.hs-hot .k-wan{stroke:var(--k-sun)}

.trays-key{list-style:none;display:grid;grid-template-columns:39fr 29fr 32fr;gap:0 12px;margin-top:8px;
  font:400 var(--t1)/1.3 var(--mono);color:var(--k-mute);letter-spacing:.02em}
.trays-key li{border-top:2px solid var(--sun);padding-top:8px}

.study .line{margin-top:16px}
.study h2 a{color:inherit;text-decoration-thickness:1.5px;text-decoration-color:var(--sun-text)}
.study-in{list-style:none;display:grid;gap:8px;margin-top:24px;font-size:var(--t3);color:var(--text)}
.study-in li{position:relative;padding-left:24px}
.study-in li::before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:2px;background:var(--sun)}
.study-tags{margin-top:24px}
.study .go{margin-top:24px}
.split p.line+p.line{margin-top:12px}

.cs-hero{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:start}
.cs-frame{padding:24px 32px;border-top:3px solid var(--sun)}
.cs-frame h2{font-size:var(--t5);line-height:1.2}
.cs-frame p{font-size:var(--t3);line-height:1.55;color:var(--muted);margin-top:12px}
.cs-frame .eyebrow{margin-bottom:12px}
@media (max-width:1023px){.cs-hero{grid-template-columns:minmax(0,1fr);gap:32px}}

.scn-fig .scn-n{display:none}
.scn-key{list-style:none;display:grid;grid-template-columns:448fr 220fr 452fr;margin-top:16px}
.scn-key li{border-top:2px solid var(--sun);padding:12px 24px 0 0}
.scn-key h3{font-size:var(--t3);line-height:1.25;font-stretch:104%}
.scn-key .hs.on h3,.scn-key .hs.pin h3{color:var(--sun)}
.scn-key .hs.on,.scn-key .hs.pin{box-shadow:inset 0 2px 0 var(--sun)}
.scn-key .hs-l{font-size:var(--t2);line-height:1.45;color:var(--on-band-muted);margin-top:8px}
.scn-fig .fig-foot{justify-content:flex-start}
.cs-pair h3{font-size:var(--t3);margin-top:16px}
.cs-prof-s{font:400 var(--t1)/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sun);margin-left:8px}
@media (max-width:767px){
  .scn-fig .scn-w{display:none}
  .scn-fig .scn-n{display:block;max-width:440px}
  .scn-key{grid-template-columns:minmax(0,1fr);gap:12px}
}

.jct{position:relative}
.jct-head,.jr{display:grid;grid-template-columns:minmax(0,1fr) 240px minmax(0,1fr)}
.jct-head{font:600 var(--t1)/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding-bottom:8px}
.jct-head span:last-child{grid-column:3;padding-left:16px}
.jct-rows{list-style:none}
.jr{align-items:center}
.jr-from{grid-column:1;display:flex;align-items:center;gap:12px;min-height:52px;font-weight:600;color:var(--heading);font-stretch:104%;font-size:var(--t3);line-height:1.25}
.jr-from::after{content:"";flex:1 1 24px;min-width:24px;border-bottom:1.5px dotted var(--k-mute);margin-top:2px}
.jr-to{grid-column:3;padding-left:16px;font-size:var(--t3);line-height:1.3;color:var(--text);border-left:3px solid var(--sun)}
.jr-end .jr-to{border-left-color:var(--k-mute);color:var(--muted)}
.jr .hs-l{grid-column:1/-1;font-size:var(--t2);line-height:1.45;color:var(--muted);margin:8px 0 4px}
.jr.on .jr-from,.jr.pin .jr-from{color:var(--sun-text)}
.jr.on .jr-from::after,.jr.pin .jr-from::after{border-bottom-color:var(--sun)}
.jct-svg{display:none;pointer-events:none}
.jct-svg [data-hs-for]{pointer-events:auto}
.js .jr{height:76px}
@media (min-width:768px){
  .js .jct-svg{display:block;position:absolute;left:calc(50% - 120px);top:calc(100% - 304px);width:240px;height:304px;z-index:1}
}
@media (max-width:767px){
  .jct-head{display:flex;flex-wrap:wrap;gap:4px 16px;padding-bottom:8px}
  .jct-head span:last-child{padding-left:0}
  .jct-head span:last-child::before{content:"\2192  ";color:var(--sun-text)}
  .js .jr{height:auto}
  .jr{display:block;padding:12px 0;border-top:1px solid var(--line)}
  .jr:last-child{border-bottom:1px solid var(--line)}
  .jr-from{min-height:0}
  .jr-from::after{display:none}
  .jr-to{margin-top:8px}
}
html:not(.js) .jr{display:block;padding:12px 0;border-top:1px solid var(--line)}
html:not(.js) .jr-from::after{display:none}
html:not(.js) .jr-to{margin-top:8px}
.cs-line{font-size:var(--t3);color:var(--muted);margin-top:24px;max-width:680px}
.ev-wrap{max-width:none}
.ev{width:100%;border-collapse:collapse;font-size:var(--t2);line-height:1.45;margin-top:8px}
.ev th,.ev td{text-align:left;vertical-align:top;padding:8px 12px 8px 0;border-top:1px solid var(--line)}
.ev thead th{font:600 var(--t1)/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-top:0}
.ev tbody th{font-weight:600;color:var(--heading);width:22%}
@media (max-width:767px){
  .ev thead{display:none}
  .ev tr{display:block;border-top:1px solid var(--line);padding:8px 0}
  .ev th,.ev td{display:block;border:0;padding:4px 0;width:auto}
}

.lock-in{display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:24px 48px;align-items:center}
.lock-key{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:0;border-bottom:1px solid var(--band-line)}
.lock-key li{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:8px 0;border-top:1px solid var(--band-line)}
.lock-key .hs-f{display:inline-flex;align-items:center;gap:12px}
.lock-key h3{font-size:var(--t3);line-height:1.3;font-stretch:104%}
.lock-fig .key .hs-l{margin:8px 0 0 42px;font:400 var(--t2)/1.45 var(--sans);color:var(--on-band-muted)}
.bnd{display:grid;grid-template-columns:220px minmax(0,1fr);column-gap:12px;align-items:start}
.bnd .binder-svg{width:220px;height:308px}
.out-idx{list-style:none;padding-top:24px}
.out-idx li{display:flex;flex-direction:column;justify-content:center;min-height:44px}
.js .out-idx li{height:44px}
.out-idx h3{font-size:var(--t3);line-height:1.25;font-stretch:104%;width:fit-content;max-width:100%}
.out-idx .hs.on h3,.out-idx .hs.pin h3{color:var(--sun)}
.out-idx .hs-l{font-size:var(--t2);line-height:1.45;color:var(--on-band-muted);margin:4px 0 8px}
html:not(.js) .bnd{grid-template-columns:minmax(0,1fr)}
html:not(.js) .out-idx{padding-top:16px;display:grid;gap:8px}
@media (max-width:1023px){.lock-in{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){
  .bnd{grid-template-columns:minmax(0,1fr)}
  .bnd .binder-svg{width:min(220px,62%);height:auto}
  .js .out-idx li{height:auto;min-height:0}
  .out-idx{padding-top:12px;display:grid;gap:8px;counter-reset:tab}
  .out-idx h3::before{counter-increment:tab;content:counter(tab);display:inline-grid;place-items:center;width:24px;height:24px;margin-right:8px;
    border-radius:50%;border:1.5px solid var(--sun);font:600 var(--t1)/1 var(--mono);color:var(--on-band)}
}

.route-fig{position:relative}
.stns{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 32px;margin-top:24px}
.stn .hs-f{display:inline-flex;align-items:center;gap:8px}
.stn h3{font-size:var(--t3);line-height:1.2;font-stretch:104%;white-space:nowrap}
.stn-no{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;flex:none;font:600 var(--t1)/1 var(--mono);
  color:var(--bg);background:var(--k-line)}
.stn.ph-b .stn-no{background:var(--sun);color:var(--on-sun)}
.stn.on .stn-no,.stn.pin .stn-no{box-shadow:0 0 0 4px rgba(232,163,60,.35)}
.stn.on h3,.stn.pin h3{color:var(--sun-text)}
.stn .hs-l{font-size:var(--t2);line-height:1.45;color:var(--muted);margin-top:8px}
.route-fig .fig-foot{justify-content:flex-start}
@media (min-width:768px){
  .js .route-fig figcaption{display:contents}
  .js .route-fig .stns{position:absolute;left:var(--fig-pad,0px);top:var(--fig-pad,0px);width:calc(100% - 2 * var(--fig-pad,0px));aspect-ratio:1120 / 240;margin:0;display:block;pointer-events:none}
  .js .stns li{position:absolute;transform:translateX(-50%);pointer-events:auto}
  .js .stns li.up{transform:translate(-50%,-100%)}
  .js .stns .s1{left:calc(120 / 1120 * 100%);top:calc(196 / 240 * 100%)}
  .js .stns .s2{left:calc(330 / 1120 * 100%);top:calc(46 / 240 * 100%)}
  .js .stns .s3{left:calc(540 / 1120 * 100%);top:calc(46 / 240 * 100%)}
  .js .stns .s4{left:calc(720 / 1120 * 100%);top:calc(200 / 240 * 100%)}
  .js .stns .s5{left:calc(900 / 1120 * 100%);top:calc(46 / 240 * 100%)}
  .js .stns .s6{left:calc(1010 / 1120 * 100%);top:calc(96 / 240 * 100%)}
}
@media (min-width:768px) and (max-width:1023px){.js .stn h3{font-size:var(--t3)}.js .stn-no{width:22px;height:22px;font-size:var(--t1)}}
@media (max-width:767px){
  .route-fig .route-svg{display:none}
  .stns{display:block;margin:0}
  .stn{position:relative;padding:8px 0 8px 48px;min-height:50px}
  .stn::before{content:"";position:absolute;left:10px;width:7px;top:0;bottom:0;background:var(--k-line)}
  .stn.ph-b::before{background:var(--sun)}
  .stn:first-child::before{top:50%}
  .stn:last-child::before{bottom:50%}
  .stn .stn-no{position:absolute;left:0;top:50%;margin-top:-13px;border:3px solid var(--bg)}
  .stn .hs-f{display:block;position:static}
  .stn h3{white-space:normal}
  .stn .hs-l{margin-top:4px}
}

.stages{margin-top:48px;border-top:1px solid var(--line)}
.more.stage{margin:0;border-bottom:1px solid var(--line)}
.more.stage>summary{display:flex;align-items:center;gap:12px;min-height:60px;padding:12px 0;font:inherit;color:var(--heading)}
.more.stage>summary::before{color:var(--sun-text);flex:none}
.stage .sn{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;flex:none;font:600 var(--t1)/1 var(--mono);color:var(--bg);background:var(--k-line)}
#stage-plan .sn,#stage-cutover .sn{background:var(--sun);color:var(--on-sun)}
.stage summary h3{font-size:var(--t4);line-height:1.3}
.stage-body{margin:0 0 24px;font-size:var(--t3);color:var(--text)}
.st-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 48px}
.stage-body h4{font:600 var(--t1)/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:16px 0 8px}
.stage-body .st-full{margin-top:24px;padding-top:16px;border-top:1px dashed var(--line);color:var(--sun-text)}
.stage-body .st-lead{max-width:none;color:var(--text)}
.stage-body ul{padding-left:16px}
.stage-body .st-chips{padding-left:0;margin-top:0}
.stage-body .st-nots li::marker{content:"\2715  ";color:var(--sun-text)}
@media (max-width:767px){.st-cols{grid-template-columns:minmax(0,1fr)}}

.out-full h4{font-size:var(--t3);margin:16px 0 4px;color:var(--on-band)}

.ready{--rd-rule:color-mix(in srgb,var(--line-strong) 78%,transparent);width:100%;border-collapse:collapse;table-layout:fixed;font-size:var(--t3);line-height:1.4}
.ready th,.ready td{padding:8px 0;border-top:1px solid var(--rd-rule)}
.ready th[scope=row]{text-align:left;font-weight:500;color:var(--text);padding-right:24px}
.ready td{text-align:center;border-left:1px solid var(--rd-rule)}
.ready thead th,.ready thead td{border-top:0}
.ready .rd-n .rd-k{text-align:right;padding:8px 16px 8px 0}
.ready .rd-st{font:600 var(--t1)/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.ready .rd-n th{font:600 var(--t1)/1 var(--mono);color:var(--heading);text-align:center;padding:8px 0 8px}
.ready .rd-n .rd-s{width:64px}
.ready .grp th{text-align:left;font:600 var(--t1)/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sun-text);padding:24px 0 8px;border-top:0}
.ready tbody:first-of-type .grp th{padding-top:8px}
.rd-ic{display:inline-flex;vertical-align:middle;margin-right:8px;color:var(--heading)}
.rd-ic svg{width:20px;height:20px}
.ready .dot{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 4px;border-radius:13px;background:var(--sun);color:var(--on-sun);
  font:600 var(--t1)/1 var(--mono)}
@media (max-width:640px){
  .ready thead{display:none}
  .ready{table-layout:auto}
  .ready tbody{display:block}
  .ready tr{display:flex;flex-wrap:wrap;align-items:center;gap:8px 8px;padding:8px 0;border-top:1px solid var(--rd-rule)}
  .ready tr.grp{border-top:0;padding-bottom:0}
  .ready th,.ready td{border:0;padding:0;width:auto}
  .ready th[scope=row]{flex:1 1 100%;padding:0}
  .ready td:not(.on){display:none}
  .ready .dot .vh{position:static!important;width:auto;height:auto;margin:0;overflow:visible;clip:auto;clip-path:none;white-space:normal}
  .ready .dot{height:auto;min-height:26px;padding:4px 8px;font-size:var(--t1);white-space:nowrap}
}

.demo-sec,.pv-sec,.doc-sec{padding-top:16px}
.demo-cols{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px}
.demo-left{border:0;margin:0;padding:0;min-width:0}
.demo-right{min-width:0}
.demo-h{font-size:var(--t4);line-height:1.25;margin:32px 0 12px;font-stretch:104%}
.demo-left>.demo-h:first-child,.demo-right>.demo-h:first-child{margin-top:0}
.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:12px}
.field-row:first-of-type{margin-top:0}
#enquiry-form>.field{margin-top:12px}
.field label{display:block;font:600 var(--t2)/1.3 var(--sans);color:var(--heading);margin-bottom:8px}
.field .req{color:var(--sun-text)}
.field :is(input,select,textarea){width:100%;min-height:44px;padding:0 12px;border:1.5px solid var(--line-strong);border-radius:6px;background:var(--bg);color:var(--text);font:inherit}
.field textarea{min-height:120px;padding:10px 12px;resize:vertical;line-height:1.5}
.field ::placeholder{color:var(--muted);opacity:1}
.field :is(input,select,textarea):focus{outline:2px solid var(--focus);outline-offset:1px;border-color:var(--sun)}
.field [aria-invalid="true"]{border-color:var(--danger)}
.scn-grid,.choice-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.choice{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border:1.5px solid var(--line);border-radius:8px;background:var(--bg);font-size:var(--t3);line-height:1.4;cursor:pointer}
.choice:has(input:checked){border-color:var(--sun);box-shadow:0 0 0 1px var(--sun)}
.choice input{margin:3px 0 0;accent-color:var(--sun-deep);flex:none}
.choice b{display:block;font-weight:620;color:var(--heading);font-stretch:104%}
.scn-sub{display:block;color:var(--muted);margin-top:3px;font-size:var(--t2)}
.note-box{margin-top:16px;padding:12px 16px;border-left:3px solid var(--sun);background:var(--surface-2);font-size:var(--t3);line-height:1.5;color:var(--text);border-radius:0 6px 6px 0}
.note-box.tight{margin-top:8px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-note{margin-top:12px;font-size:var(--t2);line-height:1.5;color:var(--muted)}
.form-note a,.say a,.note-box a{color:inherit;text-decoration:underline;text-decoration-color:var(--sun-text);text-underline-offset:3px}
.form-status{margin-top:16px;font-size:var(--t3);line-height:1.5}
.form-status.ok{color:var(--heading)}
.form-status.err{color:var(--danger-text)}
.form-status a{color:inherit;text-decoration:underline}
.enq-form .btn,#send-area .btn{margin-top:24px}
[hidden]{display:none!important}
.btn-primary{background:var(--sun);color:var(--on-sun);border-color:var(--sun)}
.btn-primary:hover{background:#F0B254;border-color:#F0B254}
.btn:disabled{opacity:.45;cursor:not-allowed}

.say{display:flex;align-items:baseline;gap:8px;margin-top:12px;padding:8px 12px;border-left:3px solid var(--danger);background:var(--danger-wash);border-radius:0 6px 6px 0;font-size:var(--t2);line-height:1.5;color:var(--text)}
.say::before{content:"\2715";flex:none;color:var(--danger);font-weight:700}
.why{display:flex;align-items:baseline;gap:8px;margin-top:12px;font-size:var(--t2);line-height:1.45;color:var(--muted)}
.why::before{content:"i";flex:none;display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;border:1.5px solid currentColor;font:700 10px/1 var(--mono);transform:translateY(2px)}

#slot-area .q{font-size:var(--t3);line-height:1.5;color:var(--text)}
.tzl{margin:4px 0 12px;font-size:var(--t2);color:var(--text)}
.wk{display:flex;align-items:center;gap:8px;margin:8px 0;flex-wrap:nowrap}
.wk .seg{display:flex;flex-wrap:nowrap;gap:0;padding:0;min-width:0;width:auto;border:1.5px solid var(--line-strong);border-radius:6px;overflow:hidden;background:var(--surface)}
.wk .seg button{font:400 var(--t1)/1.4 var(--mono);padding:8px 12px;color:var(--muted);background:transparent;border:0;border-right:1px solid var(--line);white-space:nowrap;cursor:pointer;min-height:44px}
.wk .seg button:last-child{border-right:0}
.wk .seg button[aria-pressed="true"]{background:var(--pressed-bg);color:var(--pressed-text);font-weight:600}
.wk .ar{width:44px;height:44px;flex:none;display:inline-grid;place-items:center;border:1.5px solid var(--line-strong);border-radius:6px;background:var(--surface);color:var(--text);font-size:var(--t4);line-height:1;padding:0;cursor:pointer}
.wk .ar:disabled{opacity:.35;cursor:default}
.wk .lbl{font:600 var(--t1)/1.3 var(--mono);color:var(--heading);padding:0 8px}
.wk .of{font-size:var(--t1);color:var(--muted);margin-left:auto}
.slotwrap{margin-top:8px;overflow-x:auto}
.slots{border-collapse:collapse;min-width:0;font-size:var(--t2);background:var(--surface)}
.slots th,.slots td{padding:8px 4px;text-align:center;border-bottom:1px solid var(--line)}
.slots thead th{font:600 var(--t1)/1.3 var(--mono);color:var(--heading)}
.slots tbody th{font:400 var(--t1)/1.3 var(--mono);color:var(--muted);white-space:nowrap;text-align:left}
.slots .loc{display:block;font-size:var(--t1);font-weight:400;color:var(--muted)}
.slots input,.days input{position:absolute;opacity:0;width:1px;height:1px}
.slot{display:inline-block;min-width:72px;padding:8px;border-radius:4px;font-size:var(--t1);font-weight:600;border:1px solid var(--line)}
.slot.free{background:var(--surface);border-color:var(--ok);color:var(--ok-text);cursor:pointer}
.slots input:checked+.slot.free,.days input:checked+.slot.free{background:var(--sun);border-color:var(--sun-deep);color:var(--on-sun)}
.slots input:focus-visible+.slot,.days input:focus-visible+.slot{outline:2px solid var(--focus);outline-offset:2px}
.slot.booked{background:var(--surface-2);color:var(--muted);text-decoration:line-through}
.slot.busy{background:repeating-linear-gradient(45deg,var(--surface-2),var(--surface-2) 5px,var(--stripe) 5px,var(--stripe) 10px);color:var(--muted)}
.slot.soon{border:1px dashed var(--line-strong);background:transparent;color:var(--muted);font-weight:400}
.slot .ck{display:none}
.days input:checked+.slot .st{display:none}
.days input:checked+.slot .ck{display:inline}
#slot-area .legend{display:block;margin-top:12px;font:400 var(--t1)/1.9 var(--sans);color:var(--muted)}
#slot-area .legend .slot{min-width:0;padding:2px 8px}
.picked{margin:16px 0;font-size:var(--t3)}
.picked .yt{color:var(--muted)}
.days{display:flex;flex-direction:column;gap:12px;margin-top:4px}
.day{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:12px}
.day h4{font:600 var(--t1)/1.3 var(--mono);color:var(--heading);margin-bottom:8px}
.day .chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.day .slot{min-width:0;line-height:1.35;padding:8px;text-align:left}
.day .slot small{display:block;font-weight:400;font-size:var(--t1);color:var(--muted)}

.demo-card.is-closed :is(.field,.choice){opacity:1!important}
.is-closed .field :is(input,select,textarea){background:var(--surface-2);border-color:var(--line)}
.is-closed .choice,.is-closed .choice:has(input:checked){background:var(--surface-2);border-color:var(--line);box-shadow:none;cursor:default}
.is-closed .choice b,.is-closed .field label{color:var(--text)}
.is-closed .scn-sub{color:var(--muted-solid,var(--muted))}
.is-closed input{cursor:default}
.closed{position:relative;padding:24px;border:1.5px solid var(--sun);border-radius:10px;background:var(--surface-2)}
.closed::before{content:"";position:absolute;top:18px;right:18px;width:9px;height:9px;border-radius:50%;background:var(--sun);box-shadow:0 0 0 4px rgba(232,163,60,.2)}
.closed :is(h3,h4){font-size:var(--t5);line-height:1.25;padding-right:24px;color:var(--heading)}
.closed p{margin-top:8px;color:var(--muted);font-size:var(--t3);line-height:1.5}
.closed .btn{margin-top:24px}

.enq-form{max-width:760px}
@media (max-width:1023px){.demo-cols{grid-template-columns:minmax(0,1fr);gap:32px}}
@media (max-width:640px){
  .field-row,.scn-grid,.choice-row{grid-template-columns:minmax(0,1fr)}
  .wk .seg button{padding:8px}
}

.pv-lede{max-width:680px}
.pv{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:48px;align-items:start}
.pv-toc{position:sticky;top:88px}
.pv-toc .eyebrow{margin-bottom:12px}
.pv-toc ol{list-style:none;display:grid;gap:2px;border-left:2px solid var(--line)}
.pv-toc a{display:block;padding:4px 0 4px 12px;font-size:var(--t3);line-height:1.35;color:var(--text);text-decoration:none}
.pv-toc a:hover{box-shadow:inset 2px 0 0 var(--sun);color:var(--heading)}
.prose{max-width:680px}
.pv-part+.pv-part{margin-top:48px}
.prose h2{font-size:var(--t5);line-height:1.2;margin-bottom:12px}
.prose p,.prose li{font-size:var(--t3);line-height:1.6;color:var(--text)}
.prose p+p,.prose ul+p,.prose p+ul{margin-top:12px}
.prose ul{padding-left:24px}
.prose li{margin:8px 0}
.prose li::marker{color:var(--sun-text)}
.prose strong{font-weight:620;color:var(--heading)}
@media (max-width:1023px){.pv{grid-template-columns:minmax(0,1fr);gap:32px}.pv-toc{position:static}}

.err .split{align-items:center}
.err-more{margin-top:32px}
.err-more .eyebrow{margin-bottom:8px}
.err-links{list-style:none;display:flex;flex-wrap:wrap;gap:8px 24px;font-size:var(--t3)}
.err-links a{color:var(--heading);text-decoration-color:var(--sun-text)}

.doc-part+.doc-part{margin-top:48px}

.co-links{display:flex;flex-wrap:wrap;gap:8px 32px;margin-top:24px}

@media (max-width:560px){

  .lock-svg .k-lockn{font-size:19px}
}

.rack-svg .k-tag{font-size:15px;letter-spacing:.1em}

.board-svg .k-tag{font-size:14px}
@media (max-width:560px){.board-svg .k-tag{font-size:19px;letter-spacing:.06em}}
@media (min-width:768px) and (max-width:1023px){.rack-svg .k-tag{font-size:21px}}
@media (max-width:480px){.rack-svg .k-tag{font-size:22px}}

.key.key-col{flex-direction:column;align-items:flex-start;gap:12px}

.split .line+.go,.key-col+.go{margin-top:16px}

.k-pin-n{font-family:var(--mono);font-size:13px;font-weight:600;fill:var(--k-text)}
.hs-hot .k-pin{stroke:var(--k-sun);stroke-width:2.4}
.hs-hot .k-pin-n{fill:var(--sun)}
.pin-key{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:12px 32px}
.pin-key li{display:block}
.pin-key .hs-f{display:inline-flex;align-items:center;gap:16px}
.pin-key .key-g.key-num{width:32px;height:32px}
.pin-key .hs-l{margin:8px 0 0 48px;font:400 var(--t2)/1.45 var(--sans);color:var(--on-band-muted)}

.hs-i.hs-nl .hs-n{text-decoration:none}
@media (max-width:560px){.pin-key{grid-template-columns:minmax(0,1fr)}.pin-svg .k-pin-n{font-size:19px}}

.pin-wide{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"svg key" "cap cap";column-gap:48px;align-items:center}
.pin-wide>svg{grid-area:svg}
.pin-wide>.pin-key{grid-area:key;grid-template-columns:minmax(0,1fr);gap:0;margin-top:0;border-top:1px solid var(--band-line)}
.pin-wide>.pin-key li{border-bottom:1px solid var(--band-line);padding:12px 0}
.pin-wide>.hs-cap{grid-area:cap}
.sec-head .go-u{margin-top:16px}
@media (max-width:1023px){.pin-wide{grid-template-columns:minmax(0,1fr);grid-template-areas:"svg" "key" "cap"}.pin-wide>.pin-key{margin-top:24px}}

.k-glyph{stroke:var(--k-line);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.k-glyph-g{stroke:var(--k-mute);stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.k-glyph.k-gnode,.k-glyph-g.k-gnode{fill:var(--k-node)}
.k-merge{stroke:var(--k-sun);stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}

.caps{list-style:none;margin-top:16px;display:grid;gap:8px;font-size:var(--t3);line-height:1.45}
.caps li{position:relative;padding-left:22px}
.caps li::before{content:"";position:absolute;left:2px;top:.55em;width:9px;height:5px;border-left:2px solid var(--sun-text);border-bottom:2px solid var(--sun-text);transform:rotate(-45deg)}
.band .caps li::before{border-color:var(--sun)}

.pillars{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:48px;margin-top:8px}
.pillars li{padding:24px 0 32px;border-top:1px solid var(--line-strong);display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:4px;align-content:start}
.band .pillars li{border-top-color:var(--bk-edge)}
.pil-n{grid-row:1/3;font:600 var(--t2)/1.6 var(--mono);letter-spacing:.06em;color:var(--sun-text)}
.band .pil-n{color:var(--sun)}
.pillars h3{font-size:var(--t4);line-height:1.3;font-stretch:104%}
.pillars p{margin-top:8px;font-size:var(--t3);line-height:1.5;color:var(--muted)}
.band .pillars p{color:var(--on-band-muted)}
.sec .go{margin-top:32px}
@media (max-width:1023px){.pillars{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.pillars{grid-template-columns:minmax(0,1fr)}.pillars li{padding:16px 0 24px}}

.fine{margin-top:24px;font-size:var(--t3);line-height:1.5;color:var(--muted);max-width:680px}
.band .fine{color:var(--on-band-muted)}

:root{--label-amber:#A06000;--label-amber-band:#F7BC5C}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--label-amber:#F7BC5C}}
:root[data-theme="dark"]{--label-amber:#F7BC5C}
:is(.eyebrow,.card .k-label,.beta,.pil-n){color:var(--label-amber);font-weight:700}
.band :is(.eyebrow,.k-label,.beta,.pil-n){color:var(--label-amber-band)}
.beta{border-color:currentColor}

.ftr{padding:64px 0 32px;border-bottom:0}
.ftr-top{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:32px;row-gap:48px;align-items:start}
.ftr-brand{grid-column:1/6}
.ftr .brand,.ftr .brand-mark,.ftr .brand-word{color:var(--on-band)}
.ftr-where{margin-top:16px;font:400 var(--t2)/1.5 var(--sans);color:var(--on-band-muted)}
.ftr-contact{grid-column:7/13;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px;row-gap:24px;margin:0}
.ftr-c{display:flex;flex-direction:column;gap:8px;min-width:0}
.ftr-c dd{margin:0}
.ftr-k{font:600 var(--t1)/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--on-band-muted);font-stretch:100%}
.ftr-c a{color:var(--on-band);text-decoration:none;font:400 var(--t3)/1.4 var(--sans);overflow-wrap:break-word}
.ftr-c a:hover,.ftr-c a:focus-visible{text-decoration:underline;text-underline-offset:3px}
.ftr-legal{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 32px;margin-top:48px;padding-top:24px;
  border-top:1px solid var(--band-line);font:400 var(--t2)/1.5 var(--sans);color:var(--on-band-muted)}
.ftr-copy{margin:0}
.ftr-copy .nb{white-space:nowrap}
.ftr-links{list-style:none;display:flex;flex-wrap:wrap;gap:8px 24px;margin:0;padding:0}
.ftr-links a,.ftr-motion{color:var(--on-band-muted);text-decoration:none;font:inherit}
.ftr-motion{background:none;border:0;padding:0;cursor:pointer}
.ftr-links a:hover,.ftr-links a:focus-visible,.ftr-motion:hover,.ftr-motion:focus-visible{color:var(--on-band);text-decoration:underline;text-underline-offset:3px}
@media (max-width:1199px){

  .ftr-top{grid-template-columns:minmax(0,1fr)}
  .ftr-brand,.ftr-contact{grid-column:1/-1}
  .ftr-contact{max-width:760px}
}
@media (max-width:640px){
  .ftr{padding:48px 0 24px}
  .ftr-contact{grid-template-columns:minmax(0,1fr)}
  .ftr-legal{flex-direction:column;align-items:flex-start}
}

.ctl-list{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ctl-item{display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:16px;row-gap:8px;align-items:start;
  padding:24px;border:1px solid var(--bk-edge);border-radius:12px;background:var(--band-2)}
.ctl-ic{grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;border:1.5px solid var(--sun);color:var(--sun)}
.ctl-ic svg{width:22px;height:22px}
.ctl-item h3{font:600 var(--t5)/1.25 var(--sans);letter-spacing:-.01em;text-align:left;color:var(--on-band);font-stretch:104%}
.ctl-item .hs-l{font-size:var(--t3);line-height:1.5;color:var(--on-band-muted)}
.ctl-item.on,.ctl-item.pin{border-color:var(--sun)}
@media (max-width:1023px){.ctl-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.ctl-list{grid-template-columns:minmax(0,1fr)}.ctl-item{padding:20px}}

@media (max-width:379px){
  .hdr .tools{order:6;flex-basis:100%;padding:8px 0 4px}
  .hdr .nav-t:not(:checked)~.tools{display:none}
  .hdr .tools .tool{padding:0 12px}
  .hdr .tools .tool .tool-tx{display:inline}
}

@media (max-width:767px){
  .crumb{margin-top:-12px;margin-bottom:4px;row-gap:0;align-items:center}
  .crumb a,.crumb span[aria-current]{display:inline-flex;align-items:center;min-height:44px}
  .go a,a.go,.more summary{min-height:44px}
  .pv-toc ol a{padding-top:12px;padding-bottom:12px}
  .ftr-c a,.ftr-links a,.ftr-motion{display:inline-flex;align-items:center;min-height:44px}
  .ftr-links{row-gap:0}
  .ftr-legal{row-gap:4px}
  .err-links{row-gap:0}
  .err-links a{display:inline-flex;align-items:center;min-height:44px}
  .sel-list h3 a{display:inline-block;position:relative}
  .sel-list h3 a::before{content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}
  .crumb>span[aria-hidden]{display:none}
  .crumb>:is(a,span[aria-current]){white-space:nowrap}
  .crumb>span[aria-hidden]+:is(a,span[aria-current])::before{content:"/";content:"/" / "";margin-right:8px;color:var(--muted)}
}

@media (max-width:767px){
  .hs-btn::before{content:"";position:absolute;left:0;right:0;top:50%;height:min(44px,calc(100% + var(--hs-gap,0px)));min-height:100%;transform:translateY(-50%)}
  .pin-key,.expl-key{--hs-gap:12px}
  .sheet-key{--hs-gap:10px}
  .out-idx{--hs-gap:8px}
  .lock-key{--hs-gap:16px}
  .notes,.ctl-list,.chans,.sign-key,.scn-key,.jct-rows{--hs-gap:24px}
}

.nplates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.nplates>.np:only-child,.nplates>.np:last-child:nth-child(odd){grid-column:1/-1}
.np{position:relative;padding:32px 48px;border:1.5px solid var(--k-edge);border-radius:8px;
  background:radial-gradient(circle 4px at 16px 16px,var(--k-edge) 72%,transparent 80%),radial-gradient(circle 4px at calc(100% - 16px) 16px,var(--k-edge) 72%,transparent 80%),
    radial-gradient(circle 4px at 16px calc(100% - 16px),var(--k-edge) 72%,transparent 80%),radial-gradient(circle 4px at calc(100% - 16px) calc(100% - 16px),var(--k-edge) 72%,transparent 80%),var(--k-node)}
.np-tag{display:flex;align-items:center;gap:12px;margin-bottom:24px;font:600 var(--t1)/1 var(--mono);letter-spacing:.16em;color:var(--k-mute)}
.np-tag::after{content:"";flex:1;height:1px;background:var(--k-dim)}
.np-f{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1.1fr) auto;margin:0}
.np-c{padding:0 32px;border-left:1px solid var(--k-dim);min-width:0}
.np-c:first-child{padding-left:0;border-left:0}
.np-c:last-child{padding-right:0}
.np-c dt{font:600 var(--t1)/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--k-mute)}
.np-c dd{margin:12px 0 0;font-size:var(--t3);line-height:1.45;color:var(--k-text)}
.np-name{display:flex;align-items:center}
.np-name dd{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0}
.np-name h3{font-size:var(--t5);color:var(--k-text)}
.np-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.np-chips li{font:400 var(--t1)/18px var(--mono);letter-spacing:.03em;padding:4px 8px;border:1px solid var(--k-edge);border-radius:3px;color:var(--k-text)}
.np-go dd a{display:inline-flex;align-items:center;gap:8px;min-height:32px;font:600 var(--t3)/1.2 var(--sans);color:var(--k-text);text-decoration:none;white-space:nowrap}
.np-go dd a:hover{text-decoration:underline}
.np-go .arr{font-family:var(--mono);font-weight:400;color:var(--sun)}
@media (max-width:1023px){
  .np-f{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px}
  .np-c,.np-c:first-child,.np-c:last-child{padding:16px 0 0;border-left:0;border-top:1px solid var(--k-dim)}
  .np-c:nth-child(-n+2){border-top:0;padding-top:0}
}
@media (max-width:560px){
  .np{padding:32px 24px}
  .np-f{grid-template-columns:minmax(0,1fr);gap:16px}
  .np-c:nth-child(2){border-top:1px solid var(--k-dim);padding-top:16px}
}

.gantt{list-style:none}
.g-row{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:32px;align-items:center;padding:24px 0;border-top:1px solid var(--line)}
.g-row:first-child{border-top:0;padding-top:8px}
.g-txt h3{font-size:var(--t5)}
.g-txt .hs-l{margin-top:8px;font-size:var(--t3);line-height:1.5;color:var(--muted);max-width:480px}
.g-track{position:relative;height:56px}
.g-track::before{content:"";position:absolute;left:0;right:0;top:calc(50% - .5px);border-top:1px dashed var(--k-edge)}
.g-track::after{content:"";position:absolute;top:4px;bottom:4px;left:33.333%;width:33.333%;border:1px dashed var(--k-mute);border-width:0 1px}
.g-bar{position:absolute;z-index:1;top:14px;height:28px;width:calc(33.333% - 12px);display:flex;align-items:center;gap:8px;padding:0 8px;
  border:1.75px solid var(--k-on);border-radius:5px;background:var(--k-node)}
.g-t1 .g-bar{left:6px}
.g-t2 .g-bar{left:calc(33.333% + 6px)}
.g-t3 .g-bar{left:calc(66.667% + 6px)}
.g-fill{flex:1 1 auto;min-width:4px;height:2px;border-radius:1px;background:var(--sun)}
.g-bar .g-glyph{flex:none;width:18px;height:18px;color:var(--k-line)}
.g-ruler{height:12px;border-top:2px solid var(--k-line);
  background:linear-gradient(to right,var(--k-line) 1px,transparent 1px) 0 0/calc((100% - 1px) / 6) 8px repeat-x,
    linear-gradient(to right,var(--k-line) 1px,transparent 1px) 0 0/calc((100% - 1px) / 24) 4px repeat-x}
.g-foot{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:32px;padding-top:12px;border-top:1px solid var(--line)}
.g-foot .g-ruler{grid-column:2}
.gantt .hs.on h3,.gantt .hs.pin h3{color:var(--sun-text)}
.gantt .hs.on .g-bar,.gantt .hs.pin .g-bar{border-color:var(--sun);box-shadow:0 0 0 1px var(--sun)}
.gantt-fig+.g-go{margin-top:24px}
@media (max-width:767px){
  .g-row,.g-foot{grid-template-columns:minmax(0,1fr);gap:16px}
  .g-foot .g-ruler{grid-column:1}
  .g-txt .hs-l{max-width:none}
}
@media (max-width:420px){
  .g-bar{gap:4px;padding:0 4px}
  .g-bar .g-glyph{width:16px;height:16px}
}

.plans{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;border:1px solid var(--band-line);border-radius:10px;background:var(--band-2);font-size:var(--t3);color:var(--on-band)}
.plans th,.plans td{padding:16px 24px;text-align:left;vertical-align:baseline;border-top:1px solid var(--band-line);line-height:1.45}
.plans thead th,.plans thead td{border-top:0}
.plans thead th{font:600 var(--t4)/1.2 var(--sans);font-stretch:106%;color:var(--on-band);padding-top:24px}
.plans thead th.pl-prem{box-shadow:inset 0 3px 0 var(--sun)}
.plans thead th.pl-prem:last-child{border-top-right-radius:10px}
.plans thead .pl-0{width:28%}
.plans thead th{width:36%}
.plans tbody th{font:600 var(--t1)/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--on-band-muted)}
.plans a{color:var(--on-band)}
.pl-g{display:inline-block;flex:none;vertical-align:middle}
.pl-yes .pl-g{width:7px;height:12px;margin:0 12px 4px 4px;border:solid var(--sun);border-width:0 2px 2px 0;transform:rotate(45deg)}
.pl-no{color:var(--on-band-muted)}
.pl-no .pl-g{width:12px;height:2px;margin:0 8px 2px 0;background:var(--on-band-muted)}
.setup{display:grid;grid-template-columns:28% minmax(0,1fr);align-items:baseline;margin-top:24px;padding:16px 0;
  border-top:1px solid var(--band-line);border-bottom:1px solid var(--band-line)}
.setup>*{padding:0 24px}
.setup-k{display:flex;align-items:center;gap:8px;font:600 var(--t1)/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--sun)}
.setup-k svg{width:20px;height:20px;flex:none}
.setup-v{max-width:680px;font-size:var(--t3);line-height:1.5;color:var(--on-band)}
.plans-note{margin-top:24px;font-size:var(--t3);color:var(--on-band-muted);max-width:680px}
@media (max-width:560px){
  .plans,.plans thead,.plans tbody{display:block}
  .plans tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:16px}
  .plans thead .pl-0{display:none}
  .plans thead th{padding:16px}
  .plans thead th{width:auto}
  .plans tbody th{grid-column:1/-1;padding:16px 16px 4px}
  .plans td{padding:4px 16px 16px;border-top:0}
  .plans td.pl-both{grid-column:1/-1}
  .setup{grid-template-columns:minmax(0,1fr);gap:8px}
  .setup>*{padding:0 16px}
}

.tiers-note{margin-top:24px;font-size:var(--t3);color:var(--text)}
.cons-fig+.cons-go{margin-top:16px}
.stack.inc{grid-template-columns:repeat(2,minmax(0,1fr))}
.stack.inc i{border-style:solid;border-color:var(--sun);background:rgba(232,163,60,.16)}
.go-row{list-style:none;display:flex;flex-wrap:wrap;gap:8px 32px;margin-top:24px}

.cs-card+.cs-card{margin-top:96px}
.cs-lbl{margin:0 0 16px}
.cs-lbl .spec a{position:relative;color:inherit;text-decoration-color:var(--sun-text)}
@media (max-width:767px){.cs-lbl .spec a::before{content:"";position:absolute;left:-8px;right:-8px;top:50%;height:44px;transform:translateY(-50%)}}
.study h3{font-size:var(--t5)}
.study h3 a{color:inherit;text-decoration-thickness:1.5px;text-decoration-color:var(--sun-text)}

.res-prods{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr));gap:24px;align-items:start}
.res-prod{display:flex;flex-direction:column;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:32px;box-shadow:var(--shadow);max-width:560px}
.res-prod h3{margin-top:16px;font-size:var(--t6);line-height:1.15;letter-spacing:-.015em}
.res-prod h3 a{color:var(--heading);text-decoration-thickness:1.5px;text-decoration-color:var(--sun-text);text-underline-offset:5px}
.res-kinds{list-style:none;align-self:stretch;margin-top:24px;border-top:1px solid var(--line)}
.res-kinds li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding:12px 0;border-bottom:1px solid var(--line)}
.res-kinds li:last-child{border-bottom:0;padding-bottom:0}
.res-kinds a{font-size:var(--t4);color:var(--heading);text-decoration-color:var(--sun-text);text-underline-offset:4px}
.res-n{font:400 var(--t2)/1.3 var(--mono);color:var(--muted)}
.res-kind-head{align-items:start;margin-bottom:96px}
@media (max-width:767px){
  .res-prod{padding:24px}
  .res-kind-head{margin-bottom:64px}
  h3[id^="h-cs-"]>a,.res-prod h3 a,.res-kinds a,.np-go dd a,.go-row a{display:inline-flex;align-items:center;min-height:44px}
}

.trk{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:24px}
.trk-i{position:relative;display:flex;flex-direction:column}
.trk-ph{position:relative;display:block;height:32px;padding-top:4px;font:600 var(--t1)/16px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sun);
  border-bottom:1px solid var(--bk-edge);margin-bottom:24px;white-space:nowrap}
.trk-ph::before,.trk-ph::after{content:"";position:absolute;bottom:-1px;width:1px;height:8px;background:var(--bk-edge)}
.trk-ph::before{left:0}.trk-ph::after{right:0}
.trk-ph.sp2{width:calc(200% + 24px)}
.trk-cont{border-bottom:0}
.trk-cont::before,.trk-cont::after{display:none}
.trk-n{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1.5px solid var(--sun);color:var(--sun);background:var(--band)}
.trk-n svg{width:22px;height:22px}
.trk-i:not(:last-child)::after{content:"";position:absolute;top:79px;left:56px;right:-20px;height:0;border-top:1.5px dashed var(--bk-wire)}
.trk-idx{font:400 var(--t1)/1 var(--mono);letter-spacing:.08em;color:var(--on-band-muted);margin-top:20px}
.trk h3{font-size:var(--t4);line-height:1.25;margin-top:8px}
.trk p{font-size:var(--t2);line-height:1.5;color:var(--on-band-muted);margin-top:8px}
@media (max-width:1023px){
  .trk{grid-template-columns:minmax(0,1fr)}
  .trk-i{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:20px;align-content:start;padding-bottom:28px}
  .trk-i.trk-s{margin-top:8px}
  .trk-i:first-child{margin-top:0}
  .trk-ph,.trk-ph.sp2{grid-column:1/-1;width:auto;height:auto;padding-bottom:10px;margin-bottom:20px}
  .trk-cont{display:none}
  .trk-n{grid-column:1;grid-row:span 3}
  .trk-idx,.trk h3,.trk p{grid-column:2}
  .trk-idx{margin-top:4px}
  .trk p{max-width:560px}
  .trk-i:not(:last-child)::after{display:none}
  .trk-i:not(:last-child)::before{content:"";position:absolute;left:23px;bottom:4px;width:0;border-left:1.5px dashed var(--bk-wire);top:56px}
  .trk-i.trk-s:not(:last-child)::before{top:calc(56px + 32px)}
}
.psv{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.psv-i{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:24px;box-shadow:var(--shadow)}
.psv-top{display:flex;align-items:center;gap:16px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--line)}
.psv-top h3{line-height:1.25}
.psv-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--surface-2);color:var(--heading)}
.psv-ic svg{width:22px;height:22px}
.psv-i h3{font-size:var(--t4)}
.psv-i p{font-size:var(--t3);line-height:1.5;color:var(--muted)}
.psv-ic{flex:none}
@media (max-width:1023px){.psv{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.psv{grid-template-columns:minmax(0,1fr)}.psv-i{padding:20px}}
.plans.ways thead .pl-0{width:22%}
.plans.ways thead th{width:26%}
.ways td::before{display:none}
.ways+.setup{margin-top:24px}
.setup+.setup{margin-top:0;border-top:0}
@media (max-width:767px){
  .plans.ways,.plans.ways thead,.plans.ways tbody,.plans.ways tr{display:block}
  .plans.ways thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .plans.ways tbody th{display:block;padding:16px 16px 4px}
  .plans.ways tr+tr th{border-top:1px solid var(--band-line)}
  .plans.ways td{display:block;padding:4px 16px 12px;border-top:0}
  .plans.ways tr td:last-child{padding-bottom:16px}
  .ways td::before{display:block;content:attr(data-k) / "";font:600 var(--t1)/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--sun);margin-bottom:2px}
  .setup{grid-template-columns:minmax(0,1fr);gap:8px}
  .setup>*{padding:0 16px}
}
.rt{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 48px}
.rt-i{padding-left:20px;border-left:2px solid var(--sun-deep)}
.rt-i h3{font-size:var(--t5)}
.rt-i p{font-size:var(--t3);line-height:1.55;color:var(--muted);margin-top:8px;max-width:520px}
.rt-i a{color:var(--link)}
.next{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:32px}
.next li{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid var(--line-strong)}
.next-n{font:600 var(--t4)/1 var(--mono);color:var(--sun-text)}
.next p{font-size:var(--t3);line-height:1.5;color:var(--text)}
@media (max-width:1023px){.next{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.rt{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.next{grid-template-columns:minmax(0,1fr);gap:16px}}
.band .offer-duo .card{background:var(--band-2);border-color:var(--band-line);box-shadow:none}
.band .offer-duo .card-fig{background-color:var(--band);background-image:radial-gradient(circle at 1px 1px,var(--band-grid) 1.1px,transparent 1.3px)}
.band .offer-duo .card p{color:var(--on-band-muted)}
.band .offer-duo .card .k-label{color:var(--sun)}
.offer-duo .card .beta{align-self:flex-start;margin-bottom:12px}
.offer-duo .card .k-label{margin-bottom:12px;line-height:16px;padding:4px 0}
.offer-duo .card h3.mt{margin-top:0}
.offer-duo .card h3{font-size:var(--t5)}
.offer-duo .card .more{margin-top:12px}
.band .offer-duo .more-body{color:var(--on-band-muted)}
.engage-svg .k-glyph{stroke-width:2}