:root{--bg:#09080b;--bg-2:#100d13;--ink:#f1f1e8;--muted:#a8a69a;--accent:#c8ff16;--orange:#ff9e45;--line:rgba(200,255,22,.28);--card:rgba(14,15,14,.76);--display:"Barlow Condensed",Impact,sans-serif;--mono:"IBM Plex Mono",monospace;--body:Inter,system-ui,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;color:var(--ink);background:radial-gradient(circle at 75% 12%,rgba(90,33,103,.18),transparent 35%),var(--bg);font-family:var(--body);font-size:16px;line-height:1.6;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:100% 3px;mix-blend-mode:soft-light;opacity:.5}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input{font:inherit}
.skip-link{position:fixed;left:1rem;top:-4rem;z-index:100;background:var(--accent);color:#050505;padding:.7rem 1rem}.skip-link:focus{top:1rem}
.site-header{position:fixed;z-index:50;left:0;right:0;top:0;height:78px;padding:0 clamp(1.2rem,4vw,5rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(200,255,22,.14);background:rgba(8,7,10,.76);backdrop-filter:blur(14px);transition:.25s}
.site-header.scrolled{height:64px;background:rgba(8,7,10,.94)}
.wordmark{display:flex;align-items:baseline;gap:.7rem;font-family:var(--display);font-weight:800;letter-spacing:.08em}.wordmark span{font-size:1.55rem;color:var(--accent)}.wordmark small{font-family:var(--mono);font-size:.56rem;color:var(--muted);letter-spacing:.13em}
nav{display:flex;align-items:center;gap:1.6rem;font:600 .77rem var(--mono);letter-spacing:.07em;text-transform:uppercase}nav a{color:#c5c4bc}nav a:hover,nav a:focus-visible{color:var(--accent)}
.nav-cta{border:1px solid var(--accent);padding:.68rem .9rem;color:var(--accent)}
.menu-button{display:none;background:transparent;color:var(--accent);border:1px solid var(--line);padding:.55rem .7rem;font:600 .75rem var(--mono)}
.hero{min-height:100svh;position:relative;display:grid;grid-template-columns:minmax(330px,.78fr) minmax(520px,1.22fr);align-items:center;gap:3vw;padding:8rem clamp(1.2rem,4vw,5rem) 5rem;overflow:hidden}
.hero:after{content:"";position:absolute;left:4vw;right:4vw;bottom:2.5rem;border-bottom:1px solid var(--line)}
.hero-grid{position:absolute;inset:0;opacity:.26;background-image:linear-gradient(rgba(200,255,22,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(200,255,22,.1) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}
.hero-copy,.hero-visual{position:relative;z-index:2}.eyebrow{margin:0 0 1rem;font:600 .78rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.status-dot{display:inline-block;width:8px;height:8px;margin-right:.6rem;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent)}
h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:var(--display);line-height:.92;letter-spacing:.02em}h1{font-size:clamp(4.7rem,9vw,9.5rem);font-weight:800;margin:0 0 1.3rem}h1 span{color:var(--accent)}
.hero-lede{max-width:640px;font-size:clamp(1.05rem,1.5vw,1.3rem);color:#c1c0b7}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin:2rem 0}
.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:.72rem 1.15rem;border:1px solid var(--line);font:600 .78rem var(--mono);letter-spacing:.07em;text-transform:uppercase;transition:.2s}.button:hover,.button:focus-visible{transform:translateY(-2px)}.button-primary{background:var(--accent);border-color:var(--accent);color:#090b05;box-shadow:0 0 24px rgba(200,255,22,.16)}.button-quiet{background:rgba(255,255,255,.025)}.button-disabled{color:#77766f;border-color:#333;background:#141316;cursor:default}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:3rem 0 0}.hero-stats div{border-top:1px solid var(--line);padding-top:.7rem}.hero-stats dt{font:700 1.6rem var(--display);color:var(--accent)}.hero-stats dd{margin:0;font:500 .68rem/1.4 var(--mono);color:var(--muted);text-transform:uppercase}
.hero-visual{perspective:1200px}.visual-frame{position:relative;transform:rotateY(-5deg) rotateX(2deg);border:1px solid rgba(255,158,69,.7);box-shadow:0 35px 80px #000,0 0 50px rgba(255,128,32,.14);clip-path:polygon(2% 0,100% 0,100% 94%,97% 100%,0 100%,0 6%);overflow:hidden}.visual-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 60%,rgba(255,255,255,.09));pointer-events:none}.hero-label{position:absolute;z-index:3;font:600 .65rem var(--mono);color:var(--accent);letter-spacing:.16em;background:#0a0a0a;border:1px solid var(--line);padding:.4rem .65rem}.label-a{left:-1.4rem;top:18%}.label-b{right:-.7rem;bottom:14%}.scroll-cue{position:absolute;right:4vw;bottom:1.1rem;font:500 .6rem var(--mono);letter-spacing:.14em;color:#74746b}
.section{position:relative;padding:clamp(5.5rem,10vw,10rem) clamp(1.2rem,6vw,8rem)}.section-number{position:absolute;top:2.2rem;left:clamp(1.2rem,6vw,8rem);font:500 .65rem var(--mono);letter-spacing:.14em;color:#65655d}.section-heading{max-width:1100px;margin-bottom:4rem}.section-heading h2,.size-copy h2,.runtime-copy h2,.closing-frame h2{font-size:clamp(3.2rem,6.8vw,7.3rem);margin-bottom:1rem}.split-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:6vw;align-items:end;max-width:none}.split-heading>p{color:var(--muted);max-width:570px}
.system-section{border-top:1px solid var(--line)}.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.principle{background:linear-gradient(145deg,#121116,#09090b);padding:clamp(1.5rem,3vw,3rem);min-height:270px}.principle-index{display:block;font:700 2rem var(--display);color:var(--accent);margin-bottom:4rem}.principle h3{font-size:2.5rem;margin-bottom:.8rem}.principle p{color:var(--muted);margin:0}
.modules-section{background:linear-gradient(180deg,#0b090d,#120d14 45%,#09080b)}.product{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(2rem,5vw,6rem);align-items:center;margin:0 0 9rem;padding:1rem;border-top:1px solid var(--line)}.product-audio{grid-template-columns:.8fr 1.2fr}.product-media{position:relative;overflow:hidden;box-shadow:0 25px 70px #000}.product-media img{width:100%;aspect-ratio:2/1;object-fit:cover;transition:transform .7s}.product:hover .product-media img{transform:scale(1.018)}.product-command .product-media img{aspect-ratio:2.05/1;object-position:center 40%}.product-copy{padding:clamp(1rem,2vw,2rem)}.product-meta{display:flex;gap:1rem;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:.7rem;margin-bottom:2rem;font:600 .66rem var(--mono);letter-spacing:.12em;color:var(--accent)}.product-copy h3{font-size:clamp(3.4rem,6vw,7rem);margin-bottom:.4rem}.product-tagline{font:600 1rem var(--mono);color:var(--accent);text-transform:uppercase}.product-copy>p:not(.product-tagline){color:var(--muted)}.feature-list{list-style:none;padding:0;margin:1.8rem 0 2.2rem}.feature-list li{border-top:1px solid rgba(255,255,255,.09);padding:.7rem 0;font:500 .76rem var(--mono);text-transform:uppercase}.feature-list li:before{content:"//";color:var(--accent);margin-right:.7rem}
.together-section{background:radial-gradient(circle at 50% 42%,rgba(200,255,22,.075),transparent 38%),#09090b;border-top:1px solid var(--line);overflow:hidden}.together-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:end;margin-bottom:3.5rem}.together-heading h2{font-size:clamp(3.6rem,7.5vw,8rem);margin:0}.together-heading>p{max-width:590px;color:var(--muted);margin-bottom:.7rem}.together-visual{margin:0}.together-frame{position:relative;border:1px solid rgba(200,255,22,.35);padding:.7rem;background:#080808;box-shadow:0 30px 90px #000,0 0 50px rgba(200,255,22,.06);clip-path:polygon(2% 0,98% 0,100% 8%,100% 92%,98% 100%,2% 100%,0 92%,0 8%)}.together-frame:before{content:"";position:absolute;z-index:2;inset:.7rem;pointer-events:none;background:linear-gradient(90deg,transparent 49.85%,var(--accent) 50%,transparent 50.15%);opacity:.36}.together-frame img{width:100%;aspect-ratio:3.57/1;object-fit:cover}.module-marker{position:absolute;z-index:3;top:1.5rem;padding:.45rem .7rem;background:rgba(7,8,8,.88);border:1px solid var(--accent);color:var(--accent);font:600 .62rem var(--mono);letter-spacing:.12em}.marker-command{left:2rem}.marker-audio{right:2rem}.together-visual figcaption{display:flex;align-items:center;gap:1rem;padding:1rem .5rem;font:500 .64rem var(--mono);letter-spacing:.1em;color:#777}.together-visual figcaption i{flex:1;border-top:1px solid var(--line)}.together-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:3rem;border:1px solid var(--line);background:var(--line)}.together-features div{display:flex;align-items:center;gap:1rem;padding:1.3rem;background:#0c0c0e}.together-features strong{font:700 1.8rem var(--display);color:var(--accent)}.together-features span{font:500 .7rem/1.5 var(--mono);text-transform:uppercase;color:#bbb}
.sizes-section{background:#0d0c10}.size-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:5vw;align-items:center}.size-layout-copy-only{display:block}.size-layout-copy-only .size-copy{max-width:1050px}.size-layout-copy-only .size-copy>p:not(.eyebrow):not(.size-readout){max-width:720px}.size-copy p:not(.eyebrow){color:var(--muted)}.size-switcher{display:flex;margin:2rem 0 1rem}.size-switcher button{width:56px;height:46px;border:1px solid #373638;background:#151417;color:#777;font:600 .8rem var(--mono)}.size-switcher button.active{background:var(--accent);color:#090909;border-color:var(--accent)}.size-readout{font:600 .7rem var(--mono);letter-spacing:.1em}.size-readout span{color:var(--accent)}
.customize-section{--preview-accent:#c8ff16;--preview-surface:.72;--preview-glow:.54}.customizer{display:grid;grid-template-columns:330px 1fr;border:1px solid var(--line);min-height:600px;background:#0b0a0d}.customizer-controls{padding:2rem;border-right:1px solid var(--line)}.control-title{font:600 .75rem var(--mono);color:var(--accent);letter-spacing:.12em;margin-bottom:2rem}.customizer-controls label{display:block;margin:0 0 1.8rem;font:500 .76rem var(--mono);color:#bbb}.customizer-controls output{float:right;color:var(--preview-accent)}.swatches{display:flex;gap:.7rem;margin-top:.9rem}.swatch{width:34px;height:34px;border-radius:50%;background:var(--swatch);border:4px solid #151417;outline:1px solid transparent}.swatch.active{outline-color:#fff}.customizer input[type=range]{width:100%;accent-color:var(--preview-accent);margin-top:.8rem}.toggle{display:flex;gap:.7rem;align-items:center;background:none;border:0;padding:0;color:#bbb;font:500 .76rem var(--mono)}.toggle span{position:relative;width:38px;height:21px;border-radius:20px;background:#333}.toggle span:after{content:"";position:absolute;width:15px;height:15px;left:3px;top:3px;border-radius:50%;background:#aaa;transition:.2s}.toggle.active span{background:var(--preview-accent)}.toggle.active span:after{left:20px;background:#070707}.customizer-preview{position:relative;padding:1.2rem;display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:auto 1fr;background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--preview-accent) 12%,transparent),transparent 43%),#070809;overflow:hidden}.customizer-preview:before{content:"";position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--preview-accent) 10%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--preview-accent) 10%,transparent) 1px,transparent 1px);background-size:38px 38px;opacity:1;transition:opacity .2s}.customizer-preview.grid-off:before{opacity:0}.preview-top,.preview-panel{position:relative;z-index:2}.preview-top{grid-column:1/-1;height:55px;display:flex;align-items:center;gap:1rem;border:1px solid color-mix(in srgb,var(--preview-accent) 40%,transparent);padding:0 1rem;font:600 .7rem var(--mono)}.preview-top b{font:800 1.35rem var(--display);color:var(--preview-accent);margin-right:auto}.preview-top span{padding:.45rem .8rem}.preview-top .active-tab{background:var(--preview-accent);color:#090909}.preview-top em{margin-left:auto;font-style:normal;color:var(--preview-accent)}.preview-panel{margin-top:1rem;padding:2rem;background:rgba(12,13,13,var(--preview-surface));border:1px solid color-mix(in srgb,var(--preview-accent) 35%,transparent);box-shadow:0 0 calc(38px * var(--preview-glow)) color-mix(in srgb,var(--preview-accent) 18%,transparent)}.preview-media{display:flex;align-items:center;gap:2rem}.preview-media>div:last-child{flex:1}.album-disc{width:150px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;border:2px solid var(--preview-accent);font:800 3rem var(--display);color:var(--preview-accent);background:repeating-radial-gradient(circle,transparent 0 9px,color-mix(in srgb,var(--preview-accent) 20%,transparent) 10px 11px)}.preview-panel small{font:600 .66rem var(--mono);color:var(--preview-accent)}.preview-media h3{font-size:3rem;margin:.4rem 0;color:var(--preview-accent)}.preview-media p{font:500 .9rem var(--mono);color:#ccc}.progress{height:8px;border:1px solid color-mix(in srgb,var(--preview-accent) 45%,transparent)}.progress i{display:block;height:100%;width:63%;background:var(--preview-accent)}.preview-controls h4{font-size:1.7rem;margin:.4rem 0 2rem}.transport{display:flex;gap:.6rem}.transport button{flex:1;min-height:60px;border:1px solid color-mix(in srgb,var(--preview-accent) 35%,transparent);background:#111;color:var(--preview-accent)}.transport .play{background:var(--preview-accent);color:#080808}
.theme-guides-section{background:radial-gradient(circle at 75% 8%,rgba(232,93,63,.12),transparent 32%),#0b0b0d;border-top:1px solid var(--line)}
.guide-browser{display:grid;grid-template-columns:minmax(230px,290px) minmax(0,1fr);border:1px solid var(--line);background:#08090a}
.guide-index{border-right:1px solid var(--line);background:#0d0d0f}.guide-index-heading{display:flex;justify-content:space-between;align-items:center;padding:1.2rem;border-bottom:1px solid var(--line);font:600 .64rem var(--mono);letter-spacing:.12em;color:var(--muted)}.guide-index-heading strong{font:700 1.5rem var(--display);color:var(--accent)}
.guide-list{display:grid}.guide-list-item{position:relative;text-align:left;padding:1.35rem 1.2rem;border:0;border-bottom:1px solid #29282b;background:transparent;color:var(--ink);cursor:pointer}.guide-list-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent}.guide-list-item span,.guide-list-item small{display:block;font:500 .58rem var(--mono);letter-spacing:.09em;color:#777}.guide-list-item strong{display:block;margin:.45rem 0;font:700 1.45rem/1 var(--display);text-transform:uppercase}.guide-list-item:hover,.guide-list-item:focus-visible,.guide-list-item.active{background:#141315}.guide-list-item.active:before{background:var(--accent)}.guide-list-item.active small{color:var(--accent)}
.guide-detail{min-width:0}.guide-post{--guide-accent:#e85d3f}.guide-hero{position:relative;padding:.65rem;background:#050606;border-bottom:1px solid var(--line);overflow:hidden}.guide-hero img{width:100%;aspect-ratio:3.57/1;object-fit:cover}.guide-hero-stamp{position:absolute;left:1.6rem;bottom:1.6rem;display:grid;padding:.55rem .75rem;background:rgba(7,8,8,.9);border-left:3px solid var(--guide-accent);box-shadow:0 8px 30px #000}.guide-hero-stamp span{font:600 .54rem var(--mono);letter-spacing:.12em;color:var(--guide-accent)}.guide-hero-stamp strong{font:700 1rem var(--display);text-transform:uppercase}
.guide-post-header{padding:clamp(1.5rem,4vw,4rem);border-bottom:1px solid var(--line)}.guide-post-meta{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1.4rem;font:600 .61rem var(--mono);letter-spacing:.1em;color:var(--guide-accent)}.guide-post-header h3{font-size:clamp(3.2rem,6vw,6.5rem);margin-bottom:1rem}.guide-post-header>p{max-width:800px;color:var(--muted);font-size:1.05rem}.guide-products{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:2rem}.guide-products .button-primary{background:var(--guide-accent);border-color:var(--guide-accent);box-shadow:0 0 24px rgba(232,93,63,.13)}
.guide-block{padding:clamp(1.5rem,4vw,4rem);border-bottom:1px solid var(--line)}.guide-block-heading{display:flex;align-items:baseline;gap:1rem;margin-bottom:1.8rem}.guide-block-heading>span{font:700 1.5rem var(--display);color:var(--guide-accent)}.guide-block-heading h4{font-size:clamp(2rem,3vw,3.2rem);margin:0;text-transform:uppercase}
.palette-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#343034;border:1px solid #343034}.palette-chip{display:grid;grid-template-columns:72px 1fr;gap:1rem;align-items:center;padding:1rem;background:#111113}.palette-chip>i{display:block;width:72px;aspect-ratio:1;background:var(--theme-color);border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.24)}.palette-chip small,.palette-chip strong,.palette-chip span{display:block}.palette-chip small{font:600 .6rem var(--mono);color:var(--muted);text-transform:uppercase}.palette-chip strong{font:700 1.3rem var(--mono);margin:.15rem 0}.palette-chip span{font:500 .62rem var(--mono);color:var(--guide-accent)}.pantone-note{margin:1rem 0 0;font:400 .68rem/1.55 var(--mono);color:#73716d}
.guide-steps{list-style:none;padding:0;margin:0;border-top:1px solid #2b292c}.guide-steps li{display:grid;grid-template-columns:64px 1fr;gap:1rem;padding:1.25rem 0;border-bottom:1px solid #2b292c}.guide-steps li>span{font:700 1.6rem var(--display);color:var(--guide-accent)}.guide-steps h5{font:700 1.4rem var(--display);letter-spacing:.03em;text-transform:uppercase;margin:0 0 .35rem}.guide-steps p{max-width:850px;margin:0;color:var(--muted)}
.guide-gallery{display:grid;grid-template-columns:1.35fr .65fr;gap:1rem}.guide-gallery figure{margin:0;background:#050506;border:1px solid #302d31}.guide-gallery img{width:100%;height:100%;max-height:520px;aspect-ratio:16/9;object-fit:cover}.guide-gallery figcaption{padding:.7rem .85rem;font:600 .58rem var(--mono);letter-spacing:.1em;color:var(--guide-accent)}
.guide-files{border-top:1px solid #302d31}.guide-files a{display:grid;grid-template-columns:1fr auto auto;gap:1.3rem;align-items:center;padding:1rem 0;border-bottom:1px solid #302d31}.guide-files span strong,.guide-files span small{display:block}.guide-files span strong{font:700 1rem var(--display);text-transform:uppercase}.guide-files span small,.guide-files em,.guide-files b{font:500 .61rem var(--mono);font-style:normal;color:#777}.guide-files b{color:var(--guide-accent)}.guide-files a:hover b,.guide-files a:focus-visible b{color:var(--ink)}
.runtime-section{background:linear-gradient(120deg,#111015,#080709)}.runtime-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:6vw;align-items:center}.runtime-copy>p:not(.eyebrow){color:var(--muted);max-width:620px}.privacy-note{margin-top:2rem;padding:1.4rem;border-left:3px solid var(--accent);background:#0a0a0b;display:grid;gap:.3rem}.privacy-note span,.privacy-note small{font:500 .68rem var(--mono);color:var(--muted)}.privacy-note strong{font:600 1.6rem var(--mono);color:var(--accent)}.runtime-diagram{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center}.node{border:1px solid var(--line);padding:2rem 1rem;text-align:center;background:#0d0d0f;clip-path:polygon(8% 0,100% 0,100% 82%,92% 100%,0 100%,0 18%)}.node small{display:block;font:500 .6rem var(--mono);color:var(--muted)}.node strong{display:block;font:700 1.4rem var(--display);margin-top:.5rem}.runtime-node{border-color:var(--accent);box-shadow:0 0 40px rgba(200,255,22,.1)}.runtime-node strong{color:var(--accent)}.signal{width:85px;text-align:center}.signal i{display:block;border-top:1px dashed var(--accent)}.signal span{font:500 .5rem var(--mono);color:#777}
.roadmap-section{overflow:hidden}.roadmap-shell{position:relative;border:1px solid var(--line);background:#0b0b0d;min-height:560px;overflow:hidden}.roadmap-teaser .roadmap-visual{position:absolute;inset:-4%;padding:0}.roadmap-teaser .roadmap-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,10,.72),rgba(8,8,10,.36),rgba(8,8,10,.82)),repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 3px,transparent 3px 7px)}.roadmap-teaser .roadmap-visual img{width:100%;height:100%;object-fit:cover;filter:blur(24px) saturate(.55) brightness(.52);transform:scale(1.12)}.teaser-shroud{position:relative;z-index:2;min-height:560px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem}.teaser-shroud:before{content:"CLASSIFIED // DEVELOPMENT SIGNAL";font:500 .6rem var(--mono);letter-spacing:.15em;color:#6e6e67;border:1px solid #3b3b38;padding:.45rem .7rem;margin-bottom:2rem}.teaser-shroud span{font:600 .7rem var(--mono);letter-spacing:.15em;color:var(--accent)}.teaser-shroud h3{font-size:clamp(4rem,9vw,9rem);margin:.5rem 0;color:var(--ink);text-shadow:0 0 40px #000}.teaser-shroud p{max-width:560px;color:#b0afa7}.timeline{display:grid;grid-template-columns:repeat(4,1fr);margin-top:5rem;border-top:1px solid #333}.milestone{position:relative;padding:2rem 1rem 0 0}.milestone:before{content:"";position:absolute;top:-6px;left:0;width:11px;height:11px;border-radius:50%;background:#3d3d3d}.milestone.complete:before,.milestone.current:before{background:var(--accent);box-shadow:0 0 14px var(--accent)}.milestone span{font:600 .62rem var(--mono);color:var(--accent)}.milestone h3{font-size:1.8rem;margin:.4rem 0}.milestone p{font-size:.85rem;color:var(--muted);max-width:250px}
.closing-section{text-align:center}.closing-frame{max-width:1200px;margin:auto;padding:clamp(3rem,8vw,8rem);border:1px solid var(--line);background:radial-gradient(circle at 50% 0,rgba(200,255,22,.12),transparent 48%),#0c0c0e;clip-path:polygon(3% 0,97% 0,100% 12%,100% 88%,97% 100%,3% 100%,0 88%,0 12%)}.closing-frame p:not(.eyebrow){color:var(--muted)}
footer{border-top:1px solid var(--line);padding:2.5rem clamp(1.2rem,6vw,8rem);display:grid;grid-template-columns:1fr 1fr;gap:1rem;color:#777;font-size:.8rem}footer>p{text-align:right;margin:0}.legal{grid-column:1/-1;font-size:.7rem;border-top:1px solid #242326;padding-top:1rem}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@media (max-width:1100px){.hero{grid-template-columns:1fr;padding-top:8rem}.hero-visual{max-width:900px}.split-heading,.product,.product-audio,.size-layout,.runtime-layout,.together-heading{grid-template-columns:1fr}.product-audio .product-copy{order:2}.roadmap-shell{grid-template-columns:150px 1fr}.roadmap-caption{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}.customizer{grid-template-columns:260px 1fr}.customizer-preview{grid-template-columns:1fr}.preview-controls{margin-top:0}.site-header nav{gap:.75rem}.palette-grid{grid-template-columns:1fr}.guide-gallery{grid-template-columns:1fr}}
@media (max-width:780px){.site-header{height:64px}.menu-button{display:block}.site-header nav{position:absolute;left:0;right:0;top:64px;display:none;flex-direction:column;align-items:stretch;padding:1rem;background:#0b0a0d;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.hero{display:block;min-height:auto;padding-top:8rem}.hero-copy{margin-bottom:4rem}h1{font-size:clamp(4rem,20vw,6rem)}.hero-stats,.system-grid,.timeline,.together-features{grid-template-columns:1fr}.hero-stats{gap:.5rem}.system-grid{background:none;gap:1rem}.split-heading{display:block}.product{padding:0;margin-bottom:6rem}.product-copy h3{font-size:3.8rem}.together-heading{display:block}.together-frame{padding:.35rem;overflow:hidden}.together-frame img{width:180%;max-width:none;transform:translateX(-22%)}.module-marker{top:1rem}.marker-command{left:1rem}.marker-audio{right:1rem}.together-visual figcaption{display:none}.customizer{grid-template-columns:1fr}.customizer-controls{border-right:0;border-bottom:1px solid var(--line)}.customizer-preview{padding:.6rem}.preview-top em{display:none}.preview-media{display:block}.album-disc{width:110px;margin-bottom:1rem}.preview-media h3{font-size:2rem}.guide-browser{grid-template-columns:1fr}.guide-index{border-right:0;border-bottom:1px solid var(--line)}.guide-list{display:flex;overflow-x:auto}.guide-list-item{min-width:250px;border-right:1px solid #29282b}.guide-post-meta{display:grid}.guide-hero img{min-height:180px}.guide-hero-stamp{left:1rem;bottom:1rem}.guide-files a{grid-template-columns:1fr auto}.guide-files em{grid-column:1/-1;grid-row:2}.runtime-diagram{grid-template-columns:1fr}.signal{width:100%;height:65px;display:flex;flex-direction:column;justify-content:center}.roadmap-shell,.teaser-shroud{min-height:430px}.timeline{border:0}.milestone{border-top:1px solid #333}footer{grid-template-columns:1fr}footer>p{text-align:left}.legal{grid-column:auto}.wordmark small{display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.visual-frame{transform:none}.product-media img{transition:none}}