@font-face{font-family:Inter;src:url(fonts/inter-tight.woff2) format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Mono;src:url(fonts/jetbrains-mono.woff2) format('woff2');font-weight:400;font-display:swap}
:root{--bg:#080a0b;--paper:#e8e4da;--muted:#969995;--line:#ffffff20;--gold:#eac58b;--mint:#5fbfa8;--blue:#6fa8dc;--purple:#b57edc;--sans:Inter,Arial,sans-serif;--mono:Mono,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--paper);font-family:var(--sans);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button,input{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{cursor:default}button,a,input{outline-offset:6px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold)}::selection{background:#eac58b;color:#080a0b}button{border:0}p,h1,h2,h3{margin:0}p{color:var(--muted)}h1,h2,h3{font-weight:450;line-height:1.06;letter-spacing:-.055em}svg{display:block}button svg,a svg{width:17px;height:17px}a,button{transition:background .2s,color .2s,border-color .2s,transform .2s}section{position:relative}main,footer{position:relative;z-index:2}main{pointer-events:none}main>*{pointer-events:auto}.wrap{width:min(1320px,calc(100% - 112px));margin:auto}.mono,.eyebrow{font-family:var(--mono);font-size:10px;font-weight:400;letter-spacing:.12em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--gold)}.eyebrow:before{content:'';width:22px;height:1px;background:var(--gold)}.dot{display:inline-block;width:5px;height:5px;background:var(--mint);border-radius:50%;box-shadow:0 0 10px #5fbfa860}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:48px;padding:13px 22px;border:1px solid var(--line);border-radius:4px;font-size:13px;line-height:1.4;background:transparent;font-weight:500}.button:hover{background:#ffffff0b;border-color:#ffffff60;transform:translateY(-2px)}.button.primary{color:#17140e;background:var(--gold);border-color:var(--gold)}.button.primary:hover{background:#f5d9b0;border-color:#f5d9b0;box-shadow:0 6px 30px #eac58b16}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:12px;padding:12px 0;background:none;color:var(--paper)}.text-link:hover{color:var(--gold)}.skip{position:fixed;top:-60px;left:20px;z-index:20;background:var(--gold);color:var(--bg);padding:10px}.skip:focus{top:10px}
/* A self-contained snapshot of the in-app Three.js field. No network assets. */
#universe{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;transition:opacity .7s}#ambient{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 72% 48%,#19333419,transparent 44%),radial-gradient(ellipse at 75% 38%,#76533912,transparent 40%)}/* The grain is a pre-rendered 180px tile of the same fractal noise. As an SVG feTurbulence filter it was recomputed across the whole viewport at raster time and was the single largest cost of first paint. */
.grain{position:fixed;inset:0;z-index:1;opacity:.024;pointer-events:none;background:url(site/grain.webp) 0 0/180px 180px}.topbar{position:fixed;inset:0 0 auto;z-index:10;height:86px;border-bottom:1px solid #ffffff0e;background:linear-gradient(#080a0bec,#080a0b88);backdrop-filter:blur(14px)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:13px;align-items:center}.brand-mark{height:29px;width:29px;position:relative;display:grid;place-items:center;border:1px solid #e8e4da60;border-radius:50%}.brand-mark:before,.brand-mark:after{content:'';position:absolute;background:var(--paper);width:2px;height:15px;transform:rotate(45deg)}.brand-mark:after{transform:rotate(-45deg)}.brand-type{display:flex;flex-direction:column;line-height:1.1}.brand-type small{font:8px var(--mono);letter-spacing:.2em;color:var(--muted);margin-bottom:4px}.brand-type b{font-size:17px;font-weight:550;letter-spacing:.065em}.nav-links{display:flex;align-items:center;gap:30px;font-size:12px}.nav-links>a:not(.nav-cta){color:#b2b4af}.nav-links>a:hover{color:var(--gold)}.nav-cta{border:1px solid #e8e4da40;padding:9px 17px;border-radius:3px;display:flex;align-items:center;gap:24px}.nav-cta:hover{background:var(--paper);color:var(--bg)!important}
.hero{min-height:850px;height:100svh;max-height:1160px;display:flex;align-items:center;pointer-events:none}.hero .wrap{position:relative;padding-top:76px;pointer-events:none}.hero-copy{width:560px;max-width:48%;pointer-events:auto}.hero .eyebrow{margin-bottom:30px}.hero h1{font-size:clamp(58px,5.55vw,84px);line-height:.99;letter-spacing:-.068em}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--gold);letter-spacing:-.065em}.hero-description{font-size:16px;line-height:1.8;max-width:380px;margin:27px 0 27px;color:#a4a7a1}.hero-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.hero-actions .button{gap:22px}.hero-note{margin-top:19px;font:9px var(--mono);color:#787d76;letter-spacing:.04em}.hero-bottom{position:absolute;bottom:33px;left:0;width:100%;pointer-events:auto}.hero-bottom .wrap{display:flex;align-items:center;justify-content:space-between;padding:0}.hero-ticker{display:flex;align-items:center;gap:20px;color:#93988e;font-size:9px}.hero-ticker b{color:var(--paper);font-weight:400}.hero-ticker i{width:1px;height:13px;background:var(--line)}.scroll-cue{display:flex;gap:19px;align-items:center;color:#989f96;font-size:9px}.scroll-cue span{display:block;height:32px;width:19px;border:1px solid #ffffff40;border-radius:12px;position:relative}.scroll-cue span:after{content:'';position:absolute;width:2px;height:6px;background:var(--gold);top:6px;left:7px;animation:scroll 2s infinite}@keyframes scroll{50%{transform:translateY(9px);opacity:.3}}.field-caption{position:absolute;right:9%;bottom:19%;font:9px var(--mono);letter-spacing:.1em;color:#737d77;display:flex;align-items:center;gap:11px}.hero-motion{pointer-events:auto;background:none;color:#a0aa9b;border-left:1px solid #ffffff25;padding:4px 0 4px 12px;font:8px var(--mono);letter-spacing:.03em}.hero-motion:hover{color:var(--gold)}.field-caption .line{width:40px;height:1px;background:#ffffff30}
.intro-strip{background:#0b0e0ef2;border-block:1px solid var(--line);padding:36px 0}.intro-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:35px}.intro-strip p{max-width:460px;font-size:18px;color:#b0b3ac}.intro-strip p strong{font-weight:500;color:var(--paper)}.pill-list{display:flex;gap:28px;color:#989d96}.pill-list span{display:flex;align-items:center;gap:9px;font-size:10px;white-space:nowrap}.pill-list span:before{content:'+';color:var(--gold);font-size:15px}
.story{position:relative;pointer-events:none}.story-intro{padding-top:110px;padding-bottom:40px;pointer-events:auto}.story-intro .eyebrow{margin-bottom:16px}.story-intro p{font-size:15px}.chapter{min-height:87svh;display:flex;align-items:center;position:relative;pointer-events:none}.chapter .wrap{pointer-events:none}.chapter-copy{max-width:380px;width:40%;pointer-events:auto}.chapter-number{font:11px var(--mono);color:var(--gold);margin-bottom:27px;display:flex;align-items:center;gap:17px}.chapter-number span{color:#59625b}.chapter h2{font-size:clamp(44px,4.2vw,62px);line-height:1.07;margin-bottom:23px}.chapter p{font-size:16px;line-height:1.8}.chapter-detail{margin-top:25px;border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:center;gap:12px;font:10px var(--mono);color:#a2a89f;line-height:1.8}.chapter-detail i{width:6px;height:6px;background:var(--gold);border-radius:50%;flex-shrink:0}#possibilities .chapter-detail i{background:var(--blue)}#cluster .chapter-detail i{background:var(--mint)}#scribes .chapter-detail i{background:var(--purple)}.story-controls{position:fixed;right:55px;bottom:29px;z-index:8;display:flex;align-items:center;gap:19px;opacity:0;pointer-events:none;transition:opacity .3s}.story-controls.visible{opacity:1;pointer-events:auto}.step-dots{display:flex;gap:8px}.step-dots button{width:23px;height:32px;padding:8px 3px;background:none}.step-dots button:after{content:'';display:block;width:17px;height:2px;background:#ffffff30}.step-dots button[aria-current=true]:after{background:var(--gold)}.motion-button{background:#101410d9;backdrop-filter:blur(8px);border:1px solid #ffffff25;border-radius:20px;padding:8px 13px;display:flex;align-items:center;gap:9px;font:9px var(--mono);min-height:35px}.motion-button:hover{border-color:var(--gold)}.tour-clock{width:23px;height:2px;background:var(--line);overflow:hidden}.tour-clock i{display:block;height:100%;background:var(--gold);width:0}.scene-status{position:fixed;right:8%;top:23%;color:var(--gold);font:10px var(--mono);z-index:2;pointer-events:none;opacity:0;transition:opacity .4s;letter-spacing:.09em}.scene-status.visible{opacity:1}.scene-status small{display:block;font-size:8px;color:#7f897f;margin-top:9px}.scene-status:before{content:'+';position:absolute;left:-23px;top:-3px;font-size:17px}
.morning{background:linear-gradient(180deg,#080a0b00,#10130df5 18%,#11150efc);padding:120px 0 105px}.morning-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px;gap:30px}.morning h2{font-size:clamp(42px,4.5vw,66px);margin-top:22px}.morning-heading p{max-width:350px;font-size:15px}.morning-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.output-card{border:1px solid #d8dfc023;padding:25px;border-radius:5px;background:linear-gradient(140deg,#c7d4ab07,transparent);min-height:195px;position:relative;transition:transform .25s,border-color .25s}.output-card:hover{transform:translateY(-5px);border-color:#d8dfc050}.output-card .mono{color:#929c83;font-size:8px;display:flex;justify-content:space-between}.output-card h3{font-size:24px;letter-spacing:-.035em;margin:33px 0 9px}.output-card p{font-size:12px;color:#939b89}.file-icon{height:25px;width:19px;border:1px solid #c5d7a450;position:absolute;right:25px;top:67px}.file-icon:before,.file-icon:after{content:'';position:absolute;left:4px;top:8px;width:9px;height:1px;background:#c5d7a450}.file-icon:after{top:14px}.morning-foot{display:flex;justify-content:space-between;margin-top:24px;font:9px var(--mono);color:#829078;gap:20px}.morning-foot .mono{font-size:9px;letter-spacing:.03em}
.economics{background:#e8e4da;color:#242922;padding:115px 0}.economics .eyebrow{color:#58624e}.economics .eyebrow:before{background:#58624e}.economics-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.economics h2{font-size:clamp(43px,4.1vw,62px);margin:25px 0;max-width:530px}.economics h2 em{font-family:Georgia,serif;font-weight:400;color:#68775a}.economics p{color:#66705e;font-size:15px;line-height:1.8;max-width:435px}.capacity{border-left:1px solid #26351a26;padding-left:60px}.capacity-label{display:flex;justify-content:space-between;font:9px var(--mono);color:#6e775f}.capacity-label b{font-weight:400;color:#334125}.hours-grid{display:grid;grid-template-columns:repeat(24,1fr);gap:4px;margin:25px 0 14px;height:66px}.hours-grid span{border-radius:2px;background:#28351b12;transition:background .25s,transform .25s}.hours-grid span.on{background:#687b52}.hours-grid span:nth-child(3n){height:84%;align-self:end}.time-scale{display:flex;justify-content:space-between;font:8px var(--mono);color:#7c856e}input[type=range]{appearance:none;width:100%;height:3px;background:#bcc2ae;margin:35px 0 20px;cursor:pointer;accent-color:#566a40}input[type=range]::-webkit-slider-thumb{appearance:none;width:17px;height:17px;border-radius:50%;background:#4c623b;border:3px solid #e8e4da;box-shadow:0 0 0 1px #4c623b}input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#4c623b;border:3px solid #e8e4da}.capacity-result{display:flex;align-items:center;gap:20px;margin-top:4px}.capacity-result output{font-size:83px;letter-spacing:-.065em;line-height:1.1;color:#485e36}.capacity-result span{font-size:13px;color:#5f6a53;max-width:130px;line-height:1.5}.capacity .footnote{font-size:10px;line-height:1.7;margin-top:22px;color:#828a76}.capacity .input-label{font-size:12px;color:#58664b;display:flex;justify-content:space-between;margin-top:25px}
.connections{background:#0b0e0e;padding:112px 0 110px}.section-heading{text-align:center;max-width:660px;margin:0 auto 55px}.section-heading .eyebrow{justify-content:center}.section-heading h2{font-size:clamp(42px,4.1vw,62px);margin:23px 0}.section-heading p{font-size:15px;max-width:480px;margin:auto}.connection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:5px;overflow:hidden}.connection{background:#0b0e0e;padding:33px 29px;display:flex;flex-direction:column}.connection .icon{height:32px;color:var(--gold);margin-bottom:30px}.connection h3{font-size:25px;letter-spacing:-.035em;margin:10px 0 15px}.connection p{font-size:13px;line-height:1.8;min-height:100px}.connection .mono{font-size:8px;color:#747e74}.code-sample{margin-top:28px;position:relative;padding:18px 12px;background:#141918;border:1px solid #ffffff0c;border-radius:3px;font:9px var(--mono);color:#a2bca5;line-height:1.85;min-height:80px;overflow-wrap:anywhere}.code-sample small{color:#626e62;font-size:8px}.copy{position:absolute;right:8px;top:5px;font:8px var(--mono);background:none;color:#9ba992;padding:5px}.copy:hover{color:var(--gold)}.phone-preview{margin:27px auto 0;width:135px;height:87px;border:1px solid #7a87794d;border-radius:14px 14px 0 0;border-bottom:0;padding:12px;background:linear-gradient(160deg,#1c251b,#10170f);position:relative}.phone-preview:before{content:'';display:block;width:24px;height:3px;border-radius:4px;background:#536047;margin:0 auto 12px}.phone-preview .mono{font-size:7px;color:#a6b49b;display:flex;justify-content:space-between;letter-spacing:0}.phone-preview .phone-track{height:3px;background:#293c24;margin:9px 0}.phone-preview .phone-track:before{content:'';display:block;width:72%;background:#a8bd89;height:100%}.phone-preview small{font-size:7px;color:#788b6b;font-family:var(--mono)}.compatibility{display:flex;justify-content:center;gap:35px;padding-top:35px;color:#6e786d;font:9px var(--mono);letter-spacing:.03em}.compatibility span:before{content:'↳ ';color:#b3bbaa}
.download{background:radial-gradient(ellipse at 50% 100%,#37402a3a,transparent 65%),#101410;text-align:center;padding:112px 0 105px;border-top:1px solid var(--line)}.download h2{font-size:clamp(48px,5.3vw,78px);max-width:740px;margin:24px auto;line-height:1.04}.download h2 em{font-family:Georgia,serif;font-weight:400;color:var(--gold)}.download .eyebrow{justify-content:center}.download> .wrap>p{max-width:500px;font-size:15px;margin:0 auto 38px}.download-options{display:flex;gap:13px;justify-content:center;flex-wrap:wrap}.download-options .button{min-width:200px;gap:25px}.download-note{margin-top:24px!important;font:9px var(--mono);color:#7c8776!important;letter-spacing:.03em}.download-decoration{font:9px var(--mono);color:#57654c;letter-spacing:.2em;margin-top:70px;display:flex;align-items:center;justify-content:center;gap:20px}.download-decoration:before,.download-decoration:after{content:'';height:1px;width:100px;background:#ffffff12}footer{background:#080b08;border-top:1px solid #ffffff0e;padding:26px 0}footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}footer .footer-brand{font-size:13px;letter-spacing:.01em}footer .footer-brand span{color:#69725f}footer p{font:8px var(--mono);color:#626d5a}footer a{font-size:10px;color:#8b957e}.availability{border:1px solid #5e6854;border-radius:8px;max-width:460px;width:calc(100% - 40px);padding:36px;background:#131912;color:var(--paper);box-shadow:0 40px 140px #0009}.availability::backdrop{background:#030604b8;backdrop-filter:blur(9px)}.availability h2{font-size:35px;letter-spacing:-.045em;margin:22px 0 15px}.availability p{font-size:14px;line-height:1.8;margin-bottom:24px}.availability .button{width:100%}.dialog-close{position:absolute;top:12px;right:14px;background:none;color:#b8c0af;font-size:23px;padding:4px 10px}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,20px);background:#e8e4da;color:#242922;font-size:12px;padding:12px 22px;border-radius:5px;z-index:30;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}.toast.on{opacity:1;transform:translate(-50%,0)}.fallback-field{display:none;position:fixed;z-index:0;right:8%;top:26%;width:40vw;height:40vw;border-radius:50%;border:1px solid #eac58b30;box-shadow:0 0 100px #eac58b10,inset 0 0 90px #5fbfa815;background:radial-gradient(circle at 30% 40%,#eac58b70 0 2px,transparent 3px),radial-gradient(circle at 65% 45%,#5fbfa870 0 3px,transparent 4px),radial-gradient(circle at 45% 70%,#b57edc70 0 2px,transparent 3px);pointer-events:none}.fallback-field:after{content:'';position:absolute;inset:15%;border-radius:50%;border:1px solid #eac58b30;transform:rotateX(60deg)}.no-webgl .fallback-field{display:block}noscript p{padding:100px 20px 10px;text-align:center;background:#171d14;color:var(--paper)}
@media(min-width:1600px){.wrap{width:min(1430px,calc(100% - 160px))}.hero h1{font-size:90px}.hero-copy{width:620px}.hero-description{max-width:420px;font-size:18px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero h1{font-size:65px}.hero-copy{max-width:53%}.hero-actions{gap:12px}.hero-description{max-width:340px}.hero .text-link{font-size:11px}.pill-list{gap:16px}.economics-grid{gap:45px}.capacity{padding-left:35px}.connection{padding:26px 20px}.chapter-copy{width:43%}.hero .button{padding:13px 16px;gap:13px}.hero-note{font-size:8px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.topbar{height:72px}.brand-type b{font-size:14px}.brand-mark{height:25px;width:25px}.nav-links>a:not(.nav-cta){display:none}.nav-cta{font-size:10px;gap:16px;padding:9px 12px}.hero{min-height:1000px;height:115svh;max-height:1200px;align-items:flex-start}.hero .wrap{padding-top:135px;margin-top:0;margin-bottom:0}.hero-copy{max-width:100%;width:100%}.hero h1{font-size:clamp(54px,10vw,72px);max-width:500px;letter-spacing:-.065em}.hero .eyebrow{font-size:8px;margin-bottom:25px}.hero-description{font-size:14px;max-width:330px;margin:24px 0}.hero-actions{gap:18px}.hero .button{font-size:11px;padding:13px 15px;min-height:45px}.hero .text-link{font-size:10px;gap:8px}.hero-note{margin-top:15px;font-size:8px}.field-caption{bottom:10%;right:7%;font-size:7px}.hero-bottom{bottom:25px}.hero-bottom .wrap{padding:0}.hero-ticker{font-size:7px;gap:12px}.hero-ticker .ticker-extra{display:none}.scroll-cue{font-size:7px;gap:10px}.intro-strip{padding:30px 0}.intro-strip .wrap{align-items:flex-start;flex-direction:column;gap:22px}.intro-strip p{font-size:16px;max-width:350px}.pill-list{gap:20px;flex-wrap:wrap}.pill-list span{font-size:8px}.story-intro{padding-top:75px;padding-bottom:30px}.story-intro .eyebrow{font-size:9px}.story-intro p{font-size:13px}.chapter{min-height:95svh;align-items:flex-start;padding-top:95px}.chapter .wrap{margin-top:0;margin-bottom:0}.chapter-copy{width:100%;max-width:380px}.chapter-number{font-size:10px;margin-bottom:20px}.chapter h2{font-size:47px;max-width:310px;margin-bottom:18px}.chapter p{font-size:14px;line-height:1.75;max-width:340px}.chapter-detail{font-size:8px;margin-top:19px;padding-top:15px;max-width:320px}.scene-status{top:auto;bottom:27%;right:8%;font-size:8px}.scene-status small{font-size:7px}.story-controls{right:20px;bottom:20px;gap:10px}.morning{padding:90px 0 70px}.morning-heading{display:block;margin-bottom:32px}.morning h2{font-size:45px}.morning-heading p{font-size:14px;margin-top:22px}.morning-grid{grid-template-columns:1fr;gap:12px}.output-card{min-height:155px;padding:23px}.output-card h3{margin:27px 0 8px;font-size:24px}.file-icon{top:57px}.morning-foot{font-size:8px;flex-direction:column;gap:9px}.economics{padding:75px 0}.economics-grid{grid-template-columns:1fr;gap:40px}.economics h2{font-size:46px;max-width:360px}.economics p{font-size:14px}.capacity{border-left:0;border-top:1px solid #26351a26;padding:30px 0 0}.capacity-result output{font-size:76px}.connections{padding:75px 0}.section-heading{margin-bottom:35px}.section-heading h2{font-size:45px}.section-heading p{font-size:14px}.connection-grid{grid-template-columns:1fr}.connection{padding:30px}.connection .icon{margin-bottom:18px}.connection p{min-height:0;max-width:360px}.code-sample{margin-top:23px;font-size:10px}.phone-preview{margin-left:0}.compatibility{gap:15px;flex-wrap:wrap;font-size:8px;padding-top:25px}.download{padding:80px 0 60px}.download h2{font-size:50px}.download> .wrap>p{font-size:14px}.download-options{flex-direction:column;max-width:360px;margin:auto}.download-options .button{min-width:0;width:100%}.download-decoration{font-size:7px;gap:12px;margin-top:48px}.download-decoration:before,.download-decoration:after{width:40px}footer .wrap{flex-wrap:wrap}footer p{order:3;width:100%;font-size:7px}.fallback-field{width:75vw;height:75vw;top:60%;right:12%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.scroll-cue span:after{transform:none}}
/* Landing presentation: the same black stage, lane colors and bone marks as the app. */
:root{--bg:#020202;--muted:#93978f;--line:#e8e4da1c;--gold:#e9c46a}
body{background:var(--bg)}.grain{opacity:.012}#ambient{background:radial-gradient(ellipse at 28% 27%,#e9c46a05,transparent 50%)}
.topbar{background:#020202dc;border-bottom-color:#e8e4da13}.button{border-radius:5px}.button.primary{background:#e9c46a;border-color:#e9c46a}.button.primary:hover{background:#f0d48e}.nav-cta{border-color:#e8e4da35}
.hero h1{font-weight:430}.hero-description{color:#a1a29a}.hero-note{color:#8b8f82}.hero .eyebrow{color:#c9ad75}.hero-copy{max-width:44%}.hero h1{font-size:clamp(58px,5.1vw,80px)}
#universe{inset:170px 38px 145px 46%;width:auto;height:auto;z-index:1;min-height:310px;border:1px solid #e8e4da20;border-radius:10px;background:#020202;box-shadow:0 24px 90px #0004;overflow:hidden;pointer-events:none;transition:opacity .45s}
#live-field{position:absolute;inset:47px 0 106px;outline-offset:-4px;pointer-events:auto;touch-action:pan-y;cursor:grab}#live-field:active{cursor:grabbing}#live-field canvas{position:absolute;inset:0;display:block;width:100%;height:100%;border-radius:0;touch-action:pan-y!important}
#live-field:after{content:'';position:absolute;inset:0;background-image:radial-gradient(#e8e4da0e .8px,transparent .8px);background-size:24px 24px;pointer-events:none}
.field-topline{position:absolute;inset:0 0 auto;height:47px;padding:0 19px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8e4da16;font:8px var(--mono);letter-spacing:.12em;color:#b9b9ad;background:#ffffff02}
.field-cross{font-size:16px;color:#e9c46a;margin-right:8px;vertical-align:middle}.sample-badge{font-size:7px;letter-spacing:.08em;color:#8b9387;border:1px solid #e8e4da20;padding:5px 7px;border-radius:3px}
.field-readout{position:absolute;inset:auto 0 37px;padding:13px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e8e4da16;background:#0a0c09e8;min-height:69px}
.field-readout span{font:8px var(--mono);letter-spacing:.11em;color:#8e9687}.field-readout strong{display:block;font-size:18px;font-weight:420;letter-spacing:-.03em;color:#d9ddcf;margin-top:5px}.field-readout i{font-style:normal;color:#5a6252;margin:0 5px}#field-reset{background:none;font:20px var(--sans);color:#98a28d;padding:8px;pointer-events:auto}#field-reset span{font-size:7px;letter-spacing:.03em;margin-left:5px}#field-reset:hover{color:var(--gold)}
.field-legend{position:absolute;inset:auto 0 0;height:37px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;font:8px var(--mono);color:#8b9384;letter-spacing:.025em;background:#0a0c09}.field-legend span{display:flex;align-items:center;gap:8px}.field-legend i{display:inline-block;width:5px;height:5px;background:#f2a65a}.field-legend .key-lane{width:7px;height:7px;border-radius:50%;box-shadow:0 0 7px #f2a65a9c}.field-legend .key-cluster{width:11px;height:11px;background:#e8e4da28;border:1px solid #e8e4da40;border-radius:50%}.field-legend .key-scribe{width:4px;height:7px;background:#e8e4da;transform:rotate(35deg)}
.nsf-lane-label{position:absolute;font:9px var(--mono);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;cursor:pointer;z-index:2;text-shadow:0 1px 6px #000;pointer-events:auto}.nsf-tooltip{position:absolute;z-index:4;pointer-events:none;flex-direction:column;align-items:stretch;gap:2px;min-width:190px;max-width:260px;padding:11px 13px;border:1px solid #e8e4da30;background:#0b0e0ff2;color:#e8e4da;border-radius:6px;font:10px/1.6 var(--mono);box-shadow:0 12px 34px #0008}.nsf-tooltip:empty{display:none}.nsf-tooltip.lane{min-width:0}.nsf-tooltip-title{color:#e8e4da;font-size:11px;line-height:1.4;margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid #e8e4da1f;overflow-wrap:anywhere}.nsf-tooltip-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;white-space:nowrap}.nsf-tooltip-row>span:first-child{color:#8d968a;text-transform:uppercase;letter-spacing:.06em}.nsf-tooltip-row>span:last-child{color:#e8e4da;text-align:right;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis}.nsf-tooltip-row,.nsf-tooltip-status,.nsf-tooltip-dur{color:#9ea99b;font-size:9px}
.field-caption{right:38px;bottom:105px;letter-spacing:.06em;color:#8c9385;font-size:8px}.hero-motion{font-size:8px;color:#aeb59e}.field-caption .line{width:25px}.scene-status{top:130px;right:40px;font-size:9px}.scene-status small{display:none}.scene-status:before{font-size:14px;top:0}.story-controls{right:40px}.chapter-detail{border-top-color:#e8e4da20}.chapter-number span{color:#8b927f}.chapter h2{letter-spacing:-.047em}.chapter-detail i{border-radius:0;background:#f2a65a}#cluster .chapter-detail i{border-radius:50%;background:#e8e4da50}#scribes .chapter-detail i{background:#e8e4da;transform:rotate(35deg);width:4px;height:7px}
.intro-strip{background:#080a08;border-block-color:#e8e4da18}.morning{background:linear-gradient(#02020200,#0b0f09 15%)}.output-card{border-color:#d8dfc02a;background:linear-gradient(145deg,#c7d4ab09,transparent)}.connection{background:linear-gradient(155deg,#121711,#090c09)}.connection .mono,.code-sample small{color:#8a9580}.connection p{color:#a0a898}.download-note{color:#96a387!important}.compatibility{color:#9aa18e}.download-decoration{color:#899577}.capacity .footnote{color:#69715f}footer p{color:#859077}
.fallback-field{border:0;box-shadow:none;background:none;inset:240px 80px 275px 49%;width:auto;height:auto;border-radius:0;z-index:2}.fallback-field:after{display:none}.fallback-field svg{width:100%;height:100%}.no-webgl #live-field{visibility:hidden}
@media(min-width:1600px){#universe{left:47%;right:max(50px,calc((100vw - 1480px)/2));top:190px;bottom:170px}.field-caption{right:max(50px,calc((100vw - 1480px)/2));bottom:128px}.hero h1{font-size:86px}}
@media(max-width:1100px) and (min-width:761px){.hero-copy{max-width:45%}.hero h1{font-size:57px}.hero-actions{gap:7px}.hero-description{font-size:14px}#universe{left:49%;right:24px;top:185px;bottom:165px}.field-topline{padding:0 12px;font-size:7px}.sample-badge{font-size:6px}.field-readout{padding-inline:13px}.field-readout strong{font-size:16px}.field-legend{padding-inline:13px;font-size:7px}.nsf-lane-label{font-size:8px}.field-caption{right:25px;bottom:125px;font-size:7px}.chapter h2{font-size:45px}}
@media(max-width:760px){.hero-copy{max-width:100%}.hero{height:auto;min-height:1110px;max-height:none}.hero .wrap{padding-top:118px}.hero h1{font-size:clamp(52px,12.8vw,72px)}.hero-description{max-width:360px}.hero-actions{gap:14px}.hero .button{gap:10px}.hero-note{font-size:7px}.hero .eyebrow{margin-bottom:22px}#universe{inset:auto 15px auto;top:var(--field-top,640px);height:365px;min-height:0;border-radius:8px}.field-topline{height:37px;padding:0 13px;font-size:7px}.sample-badge{font-size:6px}#live-field{inset:37px 0 90px;pointer-events:none;cursor:default}.nsf-lane-label{font-size:7px;pointer-events:none}.nsf-tooltip{display:none!important}.field-readout{bottom:31px;min-height:59px;padding:10px 13px}.field-readout strong{font-size:16px}.field-readout span{font-size:7px}.field-legend{height:31px;padding:0 13px;font-size:7px}.field-caption{top:1018px;bottom:auto;left:20px;right:20px;justify-content:flex-end;font-size:7px}.hero-bottom{bottom:25px}.scene-status{top:auto;bottom:calc(40svh + 45px);right:20px;font-size:7px}.story-controls{right:15px;bottom:14px}.chapter{min-height:105svh;padding-top:90px}.chapter h2{font-size:43px}.chapter-detail{font-size:8px}.story-scene #universe{top:var(--story-field-top,450px);bottom:auto;height:var(--story-field-height,39svh);min-height:250px;max-height:370px}.story-scene .fallback-field{inset:auto 30px 135px;height:25svh}.fallback-field{inset:690px 30px auto;height:225px}.field-legend span{gap:6px}.scene-status.visible{display:none}.chapter-copy{max-width:410px}.chapter p{max-width:380px}.hero .hero-description{margin-block:22px}.phone-preview{background:#10170f}}
@media(max-width:360px){.hero h1{font-size:49px}.hero-actions{gap:5px}.hero .text-link{font-size:9px}.hero{min-height:1135px}#universe{top:var(--field-top,673px);height:360px}.field-caption{top:1042px}.chapter h2{font-size:38px}.chapter p{font-size:13px}.chapter{min-height:115svh}.field-legend{font-size:6px}.field-readout strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){#universe{transition:none}}
/* Keep the transport legible while a tall chapter scrolls into place. */
#tour-label{white-space:nowrap}
@media(max-width:760px){.chapter{scroll-margin-top:-90px}.story-controls{padding:4px 8px;background:#020202f2;border:1px solid #e8e4da20;border-radius:25px;gap:8px}.step-dots{gap:6px}.step-dots button{width:20px}.step-dots button:after{width:14px}.story-controls .motion-button{font-size:8px}}
@media(max-width:360px){.story-controls{gap:6px;right:12px;padding-inline:6px}.step-dots{gap:4px}.step-dots button{width:16px}.step-dots button:after{width:11px}.story-controls .motion-button{padding-inline:10px}}

/* AFTERHOURS — a widescreen night premiere. The embedded field retains its in-app colors. */
:root{--bg:#08070d;--paper:#f0edf7;--muted:#aaa4b8;--gold:#d6f588;--line:#e7def226}
body{background:#08070d}#ambient{background:radial-gradient(ellipse at 50% 22%,#6843861f,transparent 62%)}.grain{opacity:.025}.wrap{width:min(1280px,calc(100% - 96px))}
.topbar{height:80px;background:#08070de3;border-bottom-color:#eee6ff15}.brand-mark{border-color:#d6f58880}.brand-mark:before,.brand-mark:after{background:#d6f588}.brand-type small{color:#aaa1b8}.nav-links>a:not(.nav-cta){color:#b7adc9}.nav-cta{border-radius:30px;border-color:#d6f58860;color:#d6f588}.nav-cta:hover{background:#d6f588!important;color:#101406!important}
.button{border-radius:30px;padding:15px 25px}.button.primary{background:#ffffff;border-color:#d6f588;color:#202915}.button.primary:hover{background:#e5ffa6;border-color:#e5ffa6;box-shadow:0 0 32px #d6f58820}.text-link{color:#e2d9ef}.eyebrow{color:#d6f588}.eyebrow:before{background:#d6f588}.hero{height:1260px;min-height:1260px;max-height:none;align-items:flex-start}.hero .wrap{padding-top:137px;margin-top:0}.hero-copy{width:100%;max-width:100%;text-align:center}.hero .eyebrow{justify-content:center;color:#c6b5e0;font-size:9px;margin-bottom:24px}.hero .eyebrow:before{width:5px;height:5px;border-radius:50%;background:#d6f588;box-shadow:0 0 12px #d6f58890}.hero h1{font-size:clamp(90px,8.6vw,132px);line-height:.89;font-weight:430;letter-spacing:-.075em}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:#d6f588;letter-spacing:-.065em}.hero-description{max-width:555px;font-size:15px;line-height:1.7;margin:26px auto 21px;color:#b9b0c6}.hero-actions{justify-content:center;gap:28px}.hero-note{font-size:8px;color:#91849f;margin-top:17px}
#field-anchor{position:absolute;top:610px;left:10%;width:80%;height:545px}.hero-scene #universe{top:var(--hero-field-top,580px);height:var(--hero-field-height,545px);bottom:auto;left:max(48px,calc((100vw - 1120px)/2));right:max(48px,calc((100vw - 1120px)/2));border-radius:16px;border-color:#c9b4e53d;box-shadow:0 0 90px #8c67c514,0 40px 100px #0008}.hero-scene #live-field{inset:47px 0 106px}.hero-scene .field-readout{padding-inline:25px}.hero-scene .field-legend{padding-inline:25px}.field-topline{background:#14101d;color:#d8c8e8}.field-cross{color:#d6f588}.sample-badge{color:#b1a5bf;border-color:#b1a5bf35}.field-readout,.field-legend{background:#110e18}.field-readout strong{color:#e5daee}.field-readout span,.field-legend{color:#a99bb7}#field-reset{color:#b7a5c9}.field-caption{top:1180px;bottom:auto;right:max(48px,calc((100vw - 1120px)/2));font-size:8px;color:#a799b5}.hero-motion{color:#d6f588}.hero-bottom{bottom:27px;color:#9a8aac}.hero-bottom .mono{font-size:8px;letter-spacing:.12em}
.story-scene #universe{top:160px;bottom:145px;left:46%;right:38px;height:auto;border-color:#ad8dc533;border-radius:12px}.scene-status{color:#cde68e;top:123px}.chapter{min-height:92svh}.chapter h2{font-size:clamp(44px,4.6vw,68px);font-weight:400}.chapter p{color:#aaa1b9}.chapter-number{color:#d6f588}.chapter-number span{color:#a28eb6}.chapter-detail{color:#b2a7bf;border-color:#b9a6cc33}.story-controls .motion-button{background:#161020ed;border-color:#bd9ee236}.step-dots button[aria-current=true]:after,.tour-clock i{background:#d6f588}
.intro-strip{padding:55px 0;background:#100c16;border-block-color:#d6c1ec20}.intro-strip p{font-size:48px;line-height:1.05;letter-spacing:-.05em;color:#aa96bd}.intro-strip p strong{color:#ebe2f1;font-weight:430}.pill-list{gap:35px;color:#b1a2be}.pill-list span:before{color:#d6f588}.story-intro .eyebrow{color:#c8ade4}.story-intro p{color:#b8acc7}.intro-right{display:flex;flex-direction:column;align-items:flex-end;gap:18px}.inception-badge{display:inline-flex;align-items:center;gap:12px;padding:9px 16px 9px 12px;border:1px solid #76b90055;border-radius:6px;background:#0b0b0bf0;color:#f4f4f2;text-decoration:none;transition:border-color .25s,transform .25s}.inception-badge:hover{border-color:#76b900;transform:translateY(-2px)}.inception-mark{width:38px;height:26px;flex-shrink:0}.inception-text{display:flex;flex-direction:column;line-height:1.15;font-family:var(--sans)}.inception-text b{font-size:14px;font-weight:600;letter-spacing:-.01em;color:#fff}.inception-text small{font:11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#76b900;margin-top:3px}@media(max-width:760px){.intro-right{align-items:flex-start;gap:16px}.inception-badge{padding:8px 13px 8px 10px}.inception-mark{width:32px;height:22px}.inception-text b{font-size:13px}.inception-text small{font-size:10px}}.badge-row{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap;justify-content:flex-end}.ph-badge{display:inline-flex;align-items:center;gap:11px;padding:9px 16px 9px 12px;border:1px solid #ff615455;border-radius:6px;background:#0b0b0bf0;color:#f4f4f2;text-decoration:none;transition:border-color .25s,transform .25s}.ph-badge:hover{border-color:#ff6154;transform:translateY(-2px)}.ph-mark{width:26px;height:26px;flex-shrink:0}.ph-text{display:flex;flex-direction:column;line-height:1.15;font-family:var(--sans)}.ph-text small{font:10px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#ff6154}.ph-text b{font-size:14px;font-weight:600;letter-spacing:-.01em;color:#fff;margin-top:3px}@media(max-width:760px){.badge-row{justify-content:flex-start;gap:10px}.ph-badge{padding:8px 13px 8px 10px}.ph-mark{width:22px;height:22px}.ph-text b{font-size:13px}.ph-text small{font-size:9px}}.gh-stars{display:inline-flex;align-items:center;gap:5px;font:11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#a99cb8!important;white-space:nowrap;padding:8px 12px;border:1px solid #b49acd30;border-radius:30px;transition:border-color .2s,color .2s}.gh-stars:hover{color:#d6f588!important;border-color:#d6f58860}.gh-star{color:#d6f588;font-size:12px}@media(max-width:1050px){.gh-stars{padding:7px 10px;font-size:10px}}@media(max-width:760px){.menu-open .nav-links .gh-stars{display:inline-flex!important;align-self:flex-start;margin:10px 15px 0}}
.morning{background:linear-gradient(#08070d00,#15101d 15%);padding-bottom:115px}.morning h2{font-size:66px}.morning-heading p{color:#b6a7c3}.morning-grid{gap:16px}.output-card{border-color:#bc9fde33;background:linear-gradient(130deg,#b496d710,#b496d703);min-height:240px;border-radius:12px;padding:30px}.output-card h3{margin-top:60px}.output-card .mono,.output-card p{color:#b29cc7}.morning-foot{color:#a590ba}.file-icon{border-color:#cfbce85e}.file-icon:before,.file-icon:after{background:#cfbce860}
.economics{background:#d6f588;color:#212d19}.economics .eyebrow{color:#3e5728}.economics .eyebrow:before{background:#3e5728}.economics h2{font-size:clamp(48px,4.5vw,68px)}.economics h2 em{color:#4d6734}.economics p,.capacity .footnote{color:#536544}.capacity{border-left-color:#374a2933}.hours-grid span.on{background:#344d23}.hours-grid span{background:#40532c24}.capacity-result output{color:#2b421e}.capacity-result span,.capacity .input-label{color:#445a34}input[type=range]::-webkit-slider-thumb{border-color:#d6f588}
.connections{background:#0c0911}.section-heading h2{font-size:64px}.section-heading p{color:#aa9cba}.connection-grid{gap:16px;background:none;border:none;overflow:visible}.connection{border:1px solid #b8a0d030;border-radius:12px;background:#14101d}.connection h3{font-size:28px}.connection p{color:#ac9ebb}.connection .mono,.code-sample small{color:#ae9ac2}.connection .icon{color:#d6f588}.code-sample{background:#0b0810;border-color:#c1a2df20;color:#c9b6df}.phone-preview{background:#0b0810;border-color:#a897bc55}.compatibility{color:#a491b6}
.download{background:radial-gradient(ellipse at 50% 100%,#8c64ba30,transparent 68%),#100b17;border-top-color:#bc9fde33;padding:130px 0 90px}.download h2{font-size:clamp(58px,6.6vw,98px);max-width:1040px}.download h2 em{color:#d6f588}.download p{color:#b4a6c2}.download .button{border-color:#b6a4c755}.download .primary{border-color:#d6f588}.download-note{color:#a893bc!important}.download-decoration{color:#a18aad}footer{background:#08060c}footer p,footer a,footer .footer-brand span{color:#a090b0}.availability{background:#171020;border-color:#a08abb;color:#eee6f5}.availability p{color:#bdb0cb}.dialog-close{color:#cdbedb}
@media(max-width:1100px) and (min-width:761px){.wrap{width:calc(100% - 64px)}.hero h1{font-size:105px}.hero-copy{max-width:100%}.hero-description{font-size:15px}.hero{height:1210px;min-height:1210px}#field-anchor{top:555px;height:500px}.field-caption{top:1080px}.chapter h2{font-size:46px}.morning h2,.section-heading h2{font-size:50px}.output-card{padding:22px}.output-card h3{font-size:24px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.topbar{height:72px}.hero{height:1110px;min-height:1110px}.hero .wrap{padding-top:128px}.hero .eyebrow{font-size:7px;letter-spacing:.04em;margin-bottom:26px}.hero h1{font-size:clamp(58px,13.5vw,100px);line-height:.96}.hero-description{font-size:14px;max-width:360px;margin:25px auto 20px}.hero-description br{display:none}.hero-actions{gap:12px;flex-direction:column}.hero .button{padding:13px 24px;font-size:12px}.hero .text-link{font-size:11px}.hero-note{font-size:7px;letter-spacing:0;margin-top:15px}#field-anchor{top:570px;height:390px}.hero-scene #universe{left:15px;right:15px;top:var(--hero-field-top);height:var(--hero-field-height);border-radius:12px}.hero-scene #live-field{inset:37px 0 90px}.field-caption{top:986px;right:20px;left:20px;justify-content:center;font-size:6px}.hero-bottom .mono{font-size:6px;letter-spacing:.04em}.hero-bottom .scroll-cue{gap:8px}.story-scene #universe{left:15px;right:15px;top:var(--story-field-top,450px);height:var(--story-field-height,39svh);bottom:auto}.chapter h2{font-size:43px}.chapter p{font-size:14px}.chapter{min-height:105svh}.story-controls{background:#100b18f5}.intro-strip{padding:38px 0}.intro-strip p{font-size:38px}.pill-list{gap:20px}.morning h2,.section-heading h2{font-size:46px}.morning{padding-bottom:70px}.output-card{min-height:190px;padding:25px}.output-card h3{margin-top:42px}.economics h2{font-size:48px}.capacity{border-left:0}.connection{padding:28px}.download{padding:90px 0 65px}.download h2{font-size:57px}.download-options .button{min-height:51px}.scene-status{display:none}}
@media(max-width:360px){.hero h1{font-size:58px}.hero .eyebrow{font-size:6px}.hero-description{font-size:13px}.hero-note{font-size:6px}.hero{height:1095px;min-height:1095px}#field-anchor{top:563px;height:380px}.field-caption{top:968px}.chapter h2{font-size:38px}.chapter p{font-size:13px}.hero-bottom .mono{font-size:5px}.download h2{font-size:48px}}
/* Meterless company layer: shared across Nightshift and Free Tools. */
[hidden]{display:none!important}html{scroll-padding-top:100px}body{font-size:16px}.topbar{z-index:100;background:#0b0813ed;backdrop-filter:blur(20px)}.meterless-brand{display:flex;align-items:center;gap:10px;color:#f5effc;text-transform:none;flex-shrink:0;text-decoration:none}.meterless-brand .word-mark{display:block;height:15px;width:auto;color:inherit}.meterless-brand .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.official-mark{display:block;width:26px;height:26px;flex-shrink:0}.official-mark svg{display:block;width:100%;height:100%}.nav-links{gap:25px}.nav-links a{font-size:14px;letter-spacing:0;text-transform:none}.nav-links a[aria-current=page]{color:#d6f588}.nav-cta{padding:11px 17px}.mobile-menu{display:none}.hero-description{font-size:18px;max-width:565px;line-height:1.65}.hero .eyebrow{font-size:12px;letter-spacing:.08em}.hero-note{font-size:12px;letter-spacing:.08em}.hero-note span{padding:0 10px;color:#d6f588}.hero .text-link{font-size:14px}.hero .button{font-size:15px}.hero-bottom .mono,.field-caption{font-size:12px}.hero h1{font-size:clamp(76px,8.6vw,126px)}.eyebrow{font-size:12px}.chapter p,.chapter-detail,.morning-heading p,.output-card p,.connection p,.economics p{font-size:16px}.chapter-number,.chapter-number span{font-size:13px}.pill-list{font-size:14px}.output-card .mono{font-size:12px}.field-topline{font-size:12px;letter-spacing:.035em}.sample-badge{font-size:11px}.field-readout span,.field-legend,#field-reset span{font-size:12px;letter-spacing:0}.field-readout strong{font-size:19px}.hero-motion{font-size:12px}.download-note{font-size:12px!important;letter-spacing:.06em}.download-decoration{font-size:12px}.capacity .input-label,.capacity .footnote{font-size:14px}.code-sample{font-size:13px;overflow-wrap:anywhere}.code-sample small,.code-sample .copy{font-size:12px}.compatibility{font-size:13px}.morning-foot .mono{font-size:12px;max-width:65%;line-height:1.6}.availability{max-width:570px;width:calc(100% - 40px);padding:40px}.availability .text-link{display:block;margin:22px 0;font-size:14px}.availability h2{font-size:38px;line-height:1.1}.availability .button{margin-top:10px;font-size:14px}.availability .eyebrow{font-size:12px}.edition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;text-align:left;margin-top:50px}.edition-card{display:flex;flex-direction:column;align-items:flex-start;border:1px solid #bd9cde40;border-radius:16px;padding:30px;background:#18111f;color:#ede6f3;text-align:left;transition:transform .25s,border-color .25s;font-family:var(--sans)}.edition-card:hover{transform:translateY(-5px);border-color:#d6f588}.edition-card.featured{background:#d6f588;color:#1f2c17;border-color:#d6f588}.edition-kicker{font:12px var(--mono);letter-spacing:.06em}.edition-card h3{font-size:46px;letter-spacing:-.04em;margin:32px 0 12px;font-weight:450}.edition-card p{font-size:16px;line-height:1.6;color:#bdb0cd;margin:0 0 30px}.edition-card.featured p{color:#445734}.edition-cta{font-size:16px;margin-top:auto;font-weight:550}.edition-card small{font-size:12px;margin-top:15px;color:#a798b7}.edition-card.featured small{color:#50653a}.free-collection,.engine-section{padding:105px 0;border-top:1px solid #b49acd24;background:#0e0a14}.engine-section{background:#08070d}.collection-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:65px;align-items:end;margin-bottom:45px}.collection-heading h2,.catalog-heading h2,.tools-nightshift h2{font-size:clamp(38px,4.7vw,66px);font-weight:430;line-height:1.06;letter-spacing:-.055em;margin:0}.collection-heading h2 em,.tools-nightshift h2 em,.tools-hero h1 em{color:#d6f588;font-family:Georgia,serif;font-weight:400}.collection-heading p{font-size:16px;line-height:1.7;color:#b4a6c2;margin:0 0 20px}.collection-heading .text-link{font-size:15px}.apps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.app-card{display:flex;flex-direction:column;background:linear-gradient(150deg,color-mix(in srgb,var(--app-color) 10%,#110d18),#110d18 70%);border:1px solid #bc9fde33;border-radius:16px;padding:27px;transition:transform .25s,border-color .25s}.app-card:hover{transform:translateY(-6px);border-color:var(--app-color)}.app-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.app-category,.free-tag{font:12px var(--mono);color:var(--app-color)}.free-tag{padding:5px 7px;border:1px solid color-mix(in srgb,var(--app-color) 30%,transparent);border-radius:4px;white-space:nowrap;font-size:11px}.app-card h3{font-size:49px;font-weight:450;letter-spacing:-.05em;margin:30px 0 20px}.app-card h3 span{float:right;font-size:25px;font-weight:300;color:var(--app-color)}.app-flow{font:12px/1.8 var(--mono);border-block:1px solid #b49acd25;padding:17px 0;color:var(--app-color);margin-bottom:23px}.app-card h4{font-size:21px;font-weight:460;line-height:1.3;letter-spacing:-.025em;margin:0 0 12px}.app-card p{font-size:16px;line-height:1.65;color:#b7a8c6;margin:0 0 28px}.app-bottom{display:flex;justify-content:space-between;gap:10px;margin-top:auto;font-size:12px;color:var(--app-color)}.utility-teaser{display:flex;justify-content:space-between;gap:24px;align-items:center;border-top:1px solid #b49acd30;padding-top:25px;margin-top:36px;color:#a99aba;font-size:14px}.utility-teaser>a{color:#e1d7eb}.engine-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #b49acd30;border-radius:14px;overflow:hidden}.engine-card{padding:28px 24px;display:flex;flex-direction:column;border-right:1px solid #b49acd30;transition:background .2s}.engine-card:last-child{border-right:0}.engine-card:hover{background:#1a1224}.engine-card>span{font:12px/1.5 var(--mono);color:#c0a8d5}.engine-card h3{font-size:25px;margin:26px 0 15px;font-weight:440;letter-spacing:-.04em}.engine-card h3 b{font-weight:300;color:#d6f588;float:right}.engine-card p{font-size:15px;line-height:1.65;color:#afa0bc;margin-bottom:25px}.engine-card small{font-size:12px;color:#d6f588;margin-top:auto}.business-strip{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:45px 0 0;margin-top:40px;border-top:1px solid #b49acd30;scroll-margin-top:100px}.business-strip h3,.community-strip h3{font-size:30px;font-weight:430;letter-spacing:-.04em;margin:12px 0}.business-strip p,.community-strip p{font-size:16px;line-height:1.6;color:#ae9dbd;margin:0}.business-strip .button{white-space:nowrap;font-size:14px}.footer-links{display:flex;gap:20px}footer p{font-size:12px;line-height:1.8}footer a{font-size:14px}footer .meterless-brand{font-size:23px}.field-off #universe,.field-off .fallback-field,.field-off .scene-status,.field-off .story-controls{display:none!important}.tools-hero{padding-top:155px;padding-bottom:65px}.tools-hero h1{font-size:clamp(60px,7.5vw,110px);font-weight:430;line-height:.98;letter-spacing:-.065em;margin:30px 0}.tools-intro{display:flex;gap:50px;align-items:center;justify-content:space-between}.tools-intro p{max-width:570px;font-size:18px;line-height:1.65;color:#bbaecc}.tools-intro .button{white-space:nowrap;font-size:15px}.tools-facts{display:flex;gap:45px;margin-top:44px;padding-top:25px;border-top:1px solid #b49acd30;font:13px var(--mono);color:#c7b7d5}.catalog-heading{margin-bottom:34px}.catalog-heading h2{font-size:44px}.catalog-heading p{font-size:16px;line-height:1.7;max-width:620px;color:#b7a6c5}.tool-apps{padding:45px 0 65px}.privacy-note{font-size:13px;line-height:1.7;color:#9d8ba9;margin-top:24px;max-width:780px}.utility-section{padding:45px 0 90px}.utility-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.utility-card{padding:30px;border:1px solid #b49acd35;border-radius:14px;background:#130e1b;display:flex;flex-direction:column;min-height:320px;transition:background .2s,border-color .2s}.utility-card:hover{background:#1b1426;border-color:#b49acd80}.tb-head{display:flex;align-items:center;gap:14px;margin-bottom:28px}.tb-ic{display:grid;place-items:center;width:42px;height:42px;border:1px solid #b49acd40;border-radius:10px;color:#d6f588}.tb-ic svg{width:23px;height:23px}.tb-cat{font:12px var(--mono);text-transform:uppercase;color:#baa5cf}.tb-name{display:block;font-size:28px;line-height:1.15;letter-spacing:-.04em;margin-bottom:17px;color:#ece2f6}.tb-sub{display:block;color:#b6a7c4;font-size:16px;line-height:1.65;margin-bottom:25px}.tb-cta{color:#d6f588;font-size:14px;margin-top:auto;display:block}.tb-priv{font-size:12px;color:#9985aa;margin-top:15px}.coming{border-style:dashed;background:transparent}.coming .tb-name{margin-top:35px}.community-strip{margin-top:35px;padding:30px;border-radius:14px;background:#21162e;display:flex;justify-content:space-between;align-items:center;gap:35px}.community-strip .button{white-space:nowrap;font-size:14px}.tools-nightshift{padding:95px 0;text-align:center;background:radial-gradient(ellipse at 50% 100%,#66458a35,transparent 70%),#110c19;border-top:1px solid #b49acd30}.tools-nightshift .eyebrow{justify-content:center}.tools-nightshift p{font-size:18px;line-height:1.6;max-width:570px;margin:25px auto;color:#bbaaC9}.tools-nightshift .text-link{margin:20px;font-size:14px}.tools-nightshift .button{font-size:15px}:focus-visible{outline:2px solid #d6f588;outline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}
@media(max-width:1050px){.nav-links{gap:17px}.app-card{padding:22px}.app-category{font-size:11px}.app-card h3{font-size:42px}.app-flow{font-size:11px}.engine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.engine-card:nth-child(2){border-right:0}.engine-card:nth-child(-n+2){border-bottom:1px solid #b49acd30}.collection-heading{gap:35px}.edition-card{padding:24px}.utility-card{padding:24px}.utility-teaser{flex-wrap:wrap}.hero-note{font-size:12px}}
@media(max-width:760px){html{scroll-padding-top:85px}.topbar{height:72px}.topbar .wrap{width:calc(100% - 36px)}.meterless-brand .word-mark{height:13px}.official-mark{width:24px;height:24px}.mobile-menu{display:block;background:none;color:#e9def4;border:1px solid #b49acd50;border-radius:30px;padding:10px 15px;font:14px var(--sans)}.nav-links{display:none!important}.menu-open .nav-links{display:flex!important;position:absolute;top:71px;left:0;right:0;flex-direction:column;align-items:stretch;padding:20px;background:#130d1d;border-bottom:1px solid #b49acd40;gap:0}.menu-open .nav-links a{display:block;padding:15px;font-size:16px}.menu-open .nav-links .nav-cta{margin-top:10px;text-align:center}.hero{height:1120px;min-height:1120px}.hero .wrap{padding-top:122px}.hero .eyebrow{font-size:11px;line-height:1.6;letter-spacing:.06em;max-width:300px;margin:0 auto 25px}.hero h1{font-size:clamp(58px,14vw,100px);line-height:.96}.hero-description{font-size:16px;max-width:370px}.hero .text-link{font-size:14px}.hero .button{font-size:15px}.hero-note{font-size:11px;letter-spacing:.03em;line-height:1.8;max-width:320px;margin:20px auto}.hero-note span{padding:0 3px}#field-anchor{top:610px;height:380px}.field-caption{top:1014px;font-size:11px;flex-wrap:wrap;line-height:1.6}.hero-motion{font-size:12px}.hero-bottom .mono{font-size:10px;letter-spacing:.02em}.hero-bottom .scroll-cue{display:none}.field-topline{font-size:10px;padding:0 12px;letter-spacing:0}.sample-badge{font-size:9px;padding:4px}.hero-scene .field-readout,.hero-scene .field-legend{padding-inline:12px}.field-readout strong{font-size:16px}.field-readout span,.field-legend{font-size:11px}.field-legend span{gap:5px}#field-reset span{display:none}.chapter p{font-size:16px}.chapter-detail{font-size:13px;line-height:1.6}.chapter-number,.chapter-number span{font-size:12px}.chapter h2{font-size:40px}.story-intro p{font-size:16px}.intro-strip p{font-size:39px}.pill-list{font-size:13px}.morning h2{font-size:45px}.output-card p{font-size:16px}.morning-foot{flex-direction:column;align-items:flex-start;gap:16px}.morning-foot .mono{max-width:100%;font-size:12px}.economics h2{font-size:45px}.capacity-label{font-size:11px}.time-scale{font-size:11px}.connection p{font-size:16px}.connection .mono{font-size:12px}.compatibility{font-size:12px;line-height:1.7}.edition-grid,.apps-grid,.utility-grid{grid-template-columns:1fr}.edition-card{padding:28px}.edition-card h3{margin-top:23px;font-size:42px}.edition-card p{max-width:100%;font-size:16px}.download{padding-bottom:70px}.download h2{font-size:52px}.download> .wrap>p{font-size:16px}.download-decoration{font-size:11px}.collection-heading{grid-template-columns:1fr;gap:25px;margin-bottom:30px}.collection-heading h2{font-size:43px}.collection-heading p{margin:0 0 15px}.free-collection,.engine-section{padding:70px 0}.app-card{padding:28px}.app-category{font-size:12px}.app-card h3{font-size:47px}.app-flow{font-size:12px}.app-card h4{font-size:23px}.app-bottom{font-size:13px}.utility-teaser{align-items:flex-start;flex-direction:column;gap:13px;line-height:1.6}.engine-grid{grid-template-columns:1fr}.engine-card{border-right:0;border-bottom:1px solid #b49acd30;padding:27px}.engine-card:last-child{border-bottom:0}.engine-card h3{font-size:28px}.engine-card p{font-size:16px}.business-strip{flex-direction:column;align-items:flex-start;gap:25px}.business-strip h3{font-size:30px}.business-strip .eyebrow{line-height:1.6}footer .wrap{gap:25px;align-items:flex-start}footer p{font-size:12px;order:3;width:100%}.footer-links{flex-wrap:wrap;gap:20px}.tools-hero{padding-top:125px;padding-bottom:35px}.tools-hero .eyebrow{font-size:11px;line-height:1.6}.tools-hero h1{font-size:clamp(55px,13vw,90px);margin:25px 0}.tools-intro{flex-direction:column;align-items:flex-start;gap:12px}.tools-intro p{font-size:16px}.tools-facts{gap:14px;flex-wrap:wrap;font-size:12px;line-height:1.8}.catalog-heading h2{font-size:38px}.tool-apps{padding:35px 0 30px}.utility-section{padding:30px 0 65px}.community-strip{padding:25px;flex-direction:column;align-items:flex-start;gap:20px}.community-strip .button{white-space:normal}.tools-nightshift{padding:70px 0}.tools-nightshift .eyebrow{font-size:11px;line-height:1.8}.tools-nightshift h2{font-size:46px}.tools-nightshift p{font-size:16px}.tools-nightshift .text-link{display:block}.privacy-note{font-size:13px}.availability{padding:30px}.availability h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.app-card:hover,.edition-card:hover{transform:none}}
/* Company polish and field exploration. All enhancements work without external assets. */
:root{--focus:#d6f588}.grain{opacity:.012}.topbar{border-bottom-color:#d5c1ec20}.nav-links a{font-size:13px}.hero{height:1370px;min-height:1370px}.hero .wrap{padding-top:145px}.hero h1{font-size:clamp(80px,8.2vw,122px);line-height:.95}.hero-description{max-width:590px;font-size:18px;margin-top:28px}.hero .eyebrow{font-size:11px;letter-spacing:.1em}.hero-note{font-size:11px;margin-top:22px}#field-anchor{top:680px;height:520px}.field-caption{top:var(--caption-top,1220px);letter-spacing:.04em;font-size:11px}.hero-scene #universe{border-color:#b29bd44a;box-shadow:0 24px 90px #0007,0 0 80px #a58bd710}.field-top-actions{display:flex;align-items:center;gap:12px}.field-topline{font-size:11px;padding-inline:17px}.sample-badge{font-size:10px}#field-expand{background:#d6f58814;border:1px solid #d6f58838;color:#d6f588;padding:6px 10px;border-radius:5px;font:11px var(--mono);pointer-events:auto}#field-expand:hover{background:#d6f58825}#field-expand:disabled{opacity:.4;cursor:default}.field-hint{position:absolute;top:56px;left:20px;z-index:3;font:10px var(--mono);color:#aca2b8;pointer-events:none}.field-readout strong{font-size:20px}.field-readout span{font-size:10px}.field-legend{font-size:11px}.story-controls{gap:10px}.step-arrow{width:30px;height:34px;border:1px solid #b49acd35;background:#15101ded;border-radius:50%;font-size:17px}.step-arrow:hover{border-color:#d6f588;color:#d6f588}.step-arrow:disabled{opacity:.4}.chapter-detail{font-size:12px}.chapter p{font-size:16px;line-height:1.8}.chapter-copy{max-width:405px}.connection-grid{gap:16px}.connection{min-width:0}.code-sample{padding-top:31px;margin-top:auto;min-height:105px}.code-sample small{font-size:10px}.code-sample .copy{top:7px;right:8px}.connection p{margin-bottom:24px}.edition-card{border-radius:12px}.edition-card.featured{box-shadow:0 16px 60px #d6f58812}.edition-card:focus-visible,.app-card:focus-visible{outline:2px solid #d6f588;outline-offset:5px}.collection-heading .eyebrow{margin-bottom:22px}.apps-grid,.utility-grid{align-items:stretch}.app-card{min-width:0}.app-top{flex-wrap:wrap}.free-tag{font-size:10px}.app-flow{overflow-wrap:anywhere}.engine-card h3{line-height:1.2}.tb-name{font-weight:450}.tool-finder{width:min(1280px,calc(100% - 96px));margin:0 auto 15px;padding:25px;border:1px solid #b49acd38;border-radius:12px;background:#15101e}.tool-finder>label{display:block;font-size:22px;letter-spacing:-.025em;margin-bottom:15px}.tool-search-row{display:flex;gap:10px}.tool-search-row input{flex:1;min-width:0;border:1px solid #b49acd45;border-radius:6px;background:#09070e;color:#ece4f5;padding:14px 16px;font-size:16px}.tool-search-row input::placeholder{color:#a795b7}.tool-search-row button,.tool-filters button{background:#21172d;border:1px solid #b49acd3a;padding:10px 15px;border-radius:6px;font-size:13px}.tool-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.tool-filters button[aria-pressed=true]{background:#d6f588;color:#26321b;border-color:#d6f588}#tool-results{margin-top:15px;font:12px var(--mono);color:#bbaaC9}.search-empty{text-align:center;padding:45px;border:1px dashed #b49acd40;border-radius:12px}.search-empty h3{font-size:30px;margin-bottom:12px}.search-empty p{margin-bottom:22px}.tools-facts{flex-wrap:wrap}.tool-apps,.utility-section{scroll-margin-top:95px}.mobile-menu:focus-visible{outline-offset:3px}
#field-dialog{width:min(1500px,calc(100vw - 36px));height:calc(100svh - 36px);max-width:none;max-height:none;padding:0;border:1px solid #ad95c84d;border-radius:14px;background:#100c16;color:#ece4f3;overflow:hidden}#field-dialog::backdrop{background:#030206d9;backdrop-filter:blur(10px)}.explorer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 12px}.explorer-header .eyebrow{font-size:10px;margin-bottom:8px}.explorer-header h2{font-size:29px;letter-spacing:-.04em}#explorer-close{background:none;color:#cfbfdc;font-size:29px;padding:4px 10px}.explorer-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 24px}.explorer-actions>div{display:flex;gap:7px}.explorer-actions button{border:1px solid #b49acd40;border-radius:5px;padding:9px 13px;font-size:12px;background:#1c1327;color:#cbbbd8}.explorer-actions button[aria-pressed=true]{border-color:#d6f588;color:#d6f588}.explorer-zoom button{min-width:36px}.field-expanded #universe{position:absolute!important;inset:147px 20px 44px!important;min-height:0!important;width:auto!important;height:auto!important;max-height:none!important;opacity:1!important;transform:none!important;box-shadow:none!important;pointer-events:auto!important}.field-expanded #field-expand{display:none}.field-expanded .field-topline{font-size:11px}.field-expanded #live-field{pointer-events:auto}.explorer-footer{position:absolute;bottom:14px;left:24px;right:24px;display:flex;justify-content:space-between;color:#a695b5;font:10px var(--mono)}.explorer-footer span{color:#c6b4d6}#field-inspector{position:absolute;top:94px;left:20px;z-index:4;width:220px;padding:16px;background:#14101ef2;border:1px solid #b49acd60;border-radius:8px;pointer-events:auto;box-shadow:0 8px 40px #0006}#inspect-kind{font:9px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#d6f588}#inspect-title{display:block;font-size:20px;font-weight:450;margin:7px 0}#inspect-detail{font-size:12px;color:#b7a7c7;line-height:1.7}#inspector-close{position:absolute;right:6px;top:5px;background:none;font-size:18px;color:#c3b4d2}.inspect-open{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 8px;align-items:center;width:100%;margin-top:12px;padding:7px;background:#1d1727;border:1px solid #b49acd45;border-radius:7px;color:#f0edf7;text-align:left;cursor:pointer;transition:border-color .2s,background .2s}.inspect-open:hover,.inspect-open:focus-visible{border-color:#d6f588;background:#221a2e}.inspect-open img{grid-column:1/-1;width:100%;height:76px;object-fit:cover;border-radius:4px;background:#07060c}.inspect-open img[hidden]{display:none}.inspect-open span{display:flex;flex-direction:column;gap:3px;min-width:0}.inspect-open small{font:8px var(--mono);letter-spacing:.09em;color:#d6f588}.inspect-open b{font-size:12px;font-weight:450;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.inspect-open i{font-style:normal;color:#d6f588;font-size:16px}.field-expanded .field-hint{font-size:11px}
@media(min-width:761px){.nav-links{display:flex!important}}
@media(max-width:1050px) and (min-width:761px){.nav-links{gap:14px}.nav-links a{font-size:12px}.hero h1{font-size:96px}.hero-scene #universe{left:32px;right:32px}.field-caption{right:32px}.field-topline{font-size:10px}.story-controls{right:24px;gap:6px}.step-dots{gap:4px}.chapter h2{font-size:44px}}
@media(max-width:760px){.hero{height:1260px;min-height:1260px}.hero .wrap{padding-top:120px}.hero h1{font-size:clamp(57px,13.5vw,90px)}.hero-description{font-size:16px;margin-top:24px}.hero .eyebrow{font-size:10px}.hero-note{font-size:10px}#field-anchor{top:665px;height:400px}.field-caption{top:var(--caption-top,1085px);font-size:10px}.hero-bottom .mono{font-size:9px}.field-topline{font-size:9px;padding-inline:11px}.field-top-actions{gap:6px}.sample-badge{font-size:8px}#field-expand{font-size:10px;padding:5px 7px}.field-hint{font-size:8px;left:12px;top:45px}.field-readout strong{font-size:16px}.field-readout span{font-size:9px}.field-legend{font-size:10px}.chapter-detail{font-size:11px}.story-controls{gap:5px;padding:4px 6px;right:12px}.step-arrow{width:26px;height:30px}.step-dots{gap:3px}.step-dots button{width:15px}.step-dots button:after{width:10px}.story-controls .motion-button{font-size:9px;padding:8px 10px}.tour-clock{display:none}.tool-finder{width:calc(100% - 40px);padding:20px}.tool-search-row input{font-size:14px;padding:12px}.tool-search-row button{padding:8px 10px;font-size:12px}.tool-filters button{font-size:12px;padding:9px 11px}.tools-hero h1{font-size:clamp(51px,12vw,78px)}.tools-facts{font-size:11px;gap:13px}.collection-heading .eyebrow{font-size:10px}.app-category{font-size:11px}.code-sample{width:100%;padding-top:31px;font-size:12px}.capacity-label{flex-wrap:wrap;gap:8px;font-size:10px}.business-strip .eyebrow{font-size:10px}.footer-links{font-size:13px}.explorer-header{padding:17px 16px 12px}.explorer-header h2{font-size:24px}.explorer-header .eyebrow{font-size:8px}.explorer-actions{padding:0 12px;flex-wrap:wrap}.explorer-actions button{padding:8px 9px;font-size:11px}.explorer-actions>div{gap:5px}.field-expanded #universe{inset:178px 8px 42px!important}.explorer-footer{font-size:8px;left:14px;right:14px}.explorer-footer span{display:none}#field-dialog{width:calc(100vw - 16px);height:calc(100svh - 16px);border-radius:10px}#field-inspector{left:12px;width:190px;top:52px;bottom:12px;padding:11px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}#field-inspector #inspect-title{font-size:17px;margin:5px 0}#field-inspector #inspect-detail{font-size:11px;line-height:1.55}#field-inspector .inspect-open{margin-top:9px;padding:6px}#field-inspector .inspect-open img{display:none}#field-inspector .inspect-open b{font-size:11px}.field-expanded #live-field{pointer-events:auto}.field-expanded .field-hint{font-size:8px}}
@media(max-width:360px){.hero h1{font-size:54px}.hero .eyebrow{font-size:9px}.hero-note{font-size:9px}.hero .button{font-size:14px}.field-topline{font-size:8px}.field-readout strong{font-size:15px}.field-legend{font-size:9px}.story-controls{gap:3px;right:8px}.step-dots button{width:13px}.step-dots{gap:2px}.step-arrow{width:24px}.story-controls .motion-button{padding-inline:8px;font-size:8px}.chapter h2{font-size:37px}.chapter p{font-size:15px}.edition-card h3{font-size:38px}.app-card{padding:22px}.app-card h3{font-size:41px}.app-flow{font-size:11px}}
@media(prefers-reduced-motion:reduce){.field-expanded #universe{transition:none!important}}

.field-expanded #live-field canvas{touch-action:none!important}
@media(max-width:760px){body:not(.field-expanded) .field-hint{font-size:0}body:not(.field-expanded) .field-hint:after{content:'Open Explore for touch and camera controls';font:8px var(--mono)}}
/* ORBIT DAYLIGHT — Meterless plum, lavender and lime. an angled observatory around the actual field, with a reactive 3D stage. */
:root{--bg:#08070d;--paper:#f0edf7;--muted:#aaa4b8;--gold:#d6f588;--focus:#d6f588}.edition-orbit{background:#08070d}#ambient{background:radial-gradient(ellipse at 74% 42%,#573a7122,transparent 57%)}.topbar{background:#08070deb;border-color:#c1a3db20}.official-mark{background:none}.meterless-brand{color:#eae5ef}.nav-links a[aria-current=page],.nav-links>a:hover{color:#d6f588}.nav-cta{border-color:#d6f5885c;color:#d6f588}.nav-cta:hover{background:#d6f588!important;color:#1c1026!important}.button.primary,.tool-filters button[aria-pressed=true]{background:#d6f588;border-color:#d6f588;color:#1f132b}.button.primary:hover{background:#e5ffa6;border-color:#e5ffa6;box-shadow:0 0 35px #d6f58827}.eyebrow{color:#b5a0c7}.eyebrow:before{background:#d6f588}
.hero{height:1010px;min-height:1010px;max-height:none;align-items:center;isolation:isolate}.hero .wrap{padding-top:50px;margin-block:auto;z-index:3}.hero-copy{max-width:44%;width:560px;text-align:left}.hero .eyebrow{justify-content:flex-start;font-size:10px;line-height:1.8;letter-spacing:.08em;max-width:370px;margin:0 0 25px}.hero h1{font-size:clamp(61px,5.5vw,88px);line-height:1.03;letter-spacing:-.063em}.hero h1 em{color:#d6f588}.hero-description{font-size:17px;max-width:410px;margin:26px 0;line-height:1.75;color:#b0a5ba}.hero-actions{justify-content:flex-start;gap:14px;flex-wrap:wrap}.hero .button{font-size:14px;padding:14px 22px}.hero .text-link{font-size:13px;color:#ded7e4}.hero-note{font-size:10px;text-align:left;margin:23px 0;color:#9e92a8}.hero-note span{color:#d6f588}#field-anchor{top:220px;height:525px}.hero-scene #universe{top:var(--hero-field-top,220px);height:var(--hero-field-height,525px);left:49%;right:45px;bottom:auto;border-radius:14px;border-color:#bc9bd955;box-shadow:18px 26px 0 #1e132858,0 45px 130px #0009,0 0 80px #9972bb16;transform:perspective(1700px) rotateX(calc(8deg + var(--pointer-y,0deg))) rotateY(calc(-13deg + var(--pointer-x,0deg))) rotateZ(2deg);transform-origin:center;transition:opacity .4s,transform .2s}.hero-scene #universe:before{content:'';position:absolute;inset:0;z-index:5;pointer-events:none;border-radius:14px;box-shadow:inset 0 1px 0 #e7ccff45}.field-topline{background:#22182b;color:#d6c8e3}.field-cross{color:#d6f588}.field-readout,.field-legend{background:#191020}.field-readout strong{color:#e9e3ef}.field-readout span,.field-legend{color:#aca0b8}#field-expand{color:#d5b6f0;background:#d6f58812;border-color:#d6f58840}.sample-badge{color:#afa1bc}.field-caption{top:var(--caption-top,785px);left:51%;right:45px;font-size:10px;color:#a394b1;justify-content:flex-end}.hero-motion{color:#d6f588}.hero-bottom{color:#9688a3}.hero-bottom .mono{font-size:10px}
.spatial-stage{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.spatial-halo{position:absolute;left:50%;top:12%;width:58%;height:83%;background:radial-gradient(ellipse,#8b64ae18,transparent 65%);filter:blur(25px)}.spatial-floor{position:absolute;left:40%;top:530px;width:850px;height:560px;background-image:linear-gradient(#9f80bb22 1px,transparent 1px),linear-gradient(90deg,#9f80bb22 1px,transparent 1px);background-size:48px 48px;transform:perspective(900px) rotateX(65deg) rotateZ(-17deg);mask-image:radial-gradient(ellipse,#000 5%,transparent 68%);transform-origin:center top}.depth-slab{position:absolute;left:50%;right:45px;top:245px;height:530px;border:1px solid #a682c63b;border-radius:14px;background:linear-gradient(145deg,#5d3c7a16,transparent 65%);transform:perspective(1700px) rotateX(8deg) rotateY(-13deg) rotateZ(2deg) translate3d(23px,14px,-90px)}.slab-two{transform:perspective(1700px) rotateX(8deg) rotateY(-13deg) rotateZ(2deg) translate3d(45px,30px,-180px);opacity:.6}.depth-note{position:absolute;z-index:2;padding:15px 20px;background:linear-gradient(130deg,#30213de8,#1c1324f0);border:1px solid #b491d34a;border-radius:8px;box-shadow:0 16px 45px #0004;font-family:var(--mono);transform:perspective(900px) rotateY(-12deg) rotateX(6deg);min-width:165px}.depth-note i{float:left;margin-right:12px;color:#d6f588;font-size:22px;font-style:normal}.depth-note span{display:block;font-size:9px;letter-spacing:.1em;color:#aa9bb8}.depth-note b{display:block;font:12px var(--sans);font-weight:400;color:#e7e2eb;margin-top:5px}.note-one{left:51%;top:140px}.note-two{right:45px;top:805px}.note-three{left:48%;top:880px}.story-scene #universe{border-color:#bc9bd940;box-shadow:12px 16px 0 #1e132830;border-radius:12px}.chapter-number,.scene-status{color:#d6f588}.chapter-number span{color:#8c7c9a}.chapter p,.chapter-detail{color:#aca0b6}.chapter h2{color:#e7e2ec}.step-dots button[aria-current=true]:after,.tour-clock i{background:#d6f588}.motion-button,.step-arrow{background:#1e1427eb;border-color:#a186b93b}.intro-strip{background:#1a1221;border-color:#b493d123}.intro-strip p{color:#a094aa}.intro-strip p strong{color:#ebe6ef}.pill-list,.story-intro p{color:#afa5b8}.morning{background:linear-gradient(#08070d00,#15101d 16%)}.morning-heading p,.output-card p{color:#b2a7bc}.output-card{background:linear-gradient(140deg,#c6aedb08,transparent);border-color:#a683c53b}.output-card .mono{color:#b1a1bf}.economics{background:#d6f588;color:#2f203c}.economics h2 em{color:#634d77}.economics p,.capacity .footnote{color:#635272}.connections,.free-collection{background:#0c0911}.section-heading p,.collection-heading p{color:#b0a7b8}.connection{background:#14101d;border-color:#ab94bf35}.connection p{color:#b7aebf}.connection .mono,.connection .code-sample small{color:#a799b4}.connection .icon{color:#d6f588}.code-sample{background:#180f1f;border-color:#af94c627;color:#d4c8de}.download{background:radial-gradient(ellipse at 50% 100%,#7c579e2e,transparent 70%),#100b17;border-color:#b297c933}.download h2 em,.collection-heading h2 em,.tools-hero h1 em,.tools-nightshift h2 em{color:#d6f588}.download p,.download-note{color:#afa4b9!important}.edition-card{background:#25192f;border-color:#b094c933}.edition-card.featured{background:#d6f588;color:#241730}.edition-card p{color:#b7abc2}.edition-card.featured p{color:#4f3e5f}.engine-section{background:#140c1a}.engine-card:hover{background:#25192f}.engine-card>span,.engine-card p,.business-strip p{color:#ada1b7}.engine-card small,.engine-card h3 b{color:#d6f588}.utility-card,.tool-finder{background:#20152a;border-color:#a58eb93b}.tb-name{color:#e5deea}.tb-sub,.tools-intro p{color:#b0a6b9}.tool-search-row input{background:#130b19;border-color:#a890bd40}.tool-filters button,.tool-search-row button{background:#2d1f39}.tool-filters button[aria-pressed=true]{background:#d6f588}.tools-facts{color:#bdb1c7}.community-strip{background:#2d1f39}.tools-nightshift{background:radial-gradient(ellipse at 50% 100%,#84659f30,transparent 70%),#20152a}.availability,#field-dialog{background:#1c1224;border-color:#b092cb55}.availability p{color:#b5a9bf}.explorer-actions button{background:#2e203a;border-color:#ae8dcb40}.explorer-actions button[aria-pressed=true]{color:#d6f588;border-color:#d6f588}footer{background:#120c18}footer p,footer a{color:#a79cb1}.menu-open .nav-links{background:#1e1427}
@media(max-width:1100px) and (min-width:761px){.hero h1{font-size:61px}.hero-copy{max-width:43%}.hero-description{font-size:15px}.hero .eyebrow{font-size:9px}.hero .text-link{font-size:12px}.hero-scene #universe{left:48%;right:25px}.field-caption{left:48%;right:25px;font-size:8px}.note-one{left:49%}.note-two{right:25px}.depth-note{min-width:145px;padding:13px}.note-three{left:48%;top:900px}}
@media(max-width:760px){.hero{height:1310px;min-height:1310px;align-items:flex-start}.hero .wrap{padding-top:120px;margin-top:0}.hero-copy{max-width:100%;width:100%;text-align:center}.hero .eyebrow{justify-content:center;max-width:320px;margin:0 auto 23px;font-size:9px}.hero h1{font-size:clamp(52px,12.5vw,75px);line-height:1.02}.hero h1 em br{display:none}.hero-description{font-size:16px;max-width:360px;margin:25px auto}.hero-actions{justify-content:center;flex-direction:column;gap:12px}.hero-note{text-align:center;font-size:9px;max-width:none}.hero .button{font-size:14px}#field-anchor{top:700px;height:385px}.hero-scene #universe{left:20px;right:20px;transform:perspective(1000px) rotateX(5deg) rotateY(-3deg);border-radius:10px;box-shadow:6px 12px 0 #2b1b3957,0 20px 65px #0007}.field-caption{left:20px;right:20px;top:var(--caption-top);justify-content:center;font-size:9px}.hero-bottom .mono{font-size:8px}.spatial-halo{left:0;top:38%;width:100%;height:58%}.spatial-floor{left:-20%;top:830px;width:600px;height:450px;background-size:32px 32px}.depth-slab{left:20px;right:20px;top:715px;height:385px;transform:perspective(1000px) rotateX(5deg) rotateY(-3deg) translate3d(7px,8px,-30px)}.slab-two{transform:perspective(1000px) rotateX(5deg) rotateY(-3deg) translate3d(14px,16px,-70px)}.depth-note{display:none}.story-scene #universe{box-shadow:5px 9px 0 #2b1a3a40}.story-controls{background:#190f22ef}.field-hint{font-size:8px}.hero-note span{padding-inline:3px}}
@media(max-width:360px){.hero h1{font-size:50px}.hero-description{font-size:15px}.hero .eyebrow{font-size:8px}.hero{height:1350px;min-height:1350px}#field-anchor{top:730px;height:385px}.depth-slab{top:745px}.hero-note{font-size:8px}}
@media(prefers-reduced-motion:reduce){.hero-scene #universe{transform:none}.spatial-floor{opacity:.5}}
.edition-orbit .economics{background:#fff}
.edition-orbit .economics-copy strong{color:#352440;font-weight:650}
.edition-orbit .economics .economics-note{max-width:440px;margin-top:20px;padding-top:16px;border-top:1px solid #48385524;color:#735f7e;font-size:13px;line-height:1.65}
/* Official Meterless identity: white wordmark and waveform on black. */
.meterless-brand{color:#fff}
.official-mark{background:none}
/* Orbit Daylight: portfolio and the sixth story movement. */
:root{--focus:#d6f588}.edition-daylight{background:#08070d}.hero h1 em{color:#d6f588}.portfolio{padding:130px 0 55px;background:linear-gradient(#08070d00,#15101d 110px,#100c16 70%);isolation:isolate}.portfolio .morning-heading{align-items:end;gap:60px;margin-bottom:55px}.portfolio h2{font-size:clamp(44px,5.25vw,76px);line-height:1.02;letter-spacing:-.06em}.portfolio-intro{max-width:345px;padding-bottom:3px}.portfolio-intro>p{font-size:19px;color:#f0edf7;line-height:1.5}.portfolio-intro .portfolio-intro-small{margin-top:18px;font-size:14px;line-height:1.8;color:#aaa4b8}.portfolio-intro .text-link{color:#d6f588;padding-bottom:0;margin-top:12px}.portfolio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border-block:1px solid #e7def226;margin-bottom:34px}.portfolio-filters{display:flex;flex-wrap:wrap;gap:8px}.portfolio-filters button{border:1px solid transparent;border-radius:30px;padding:10px 18px;font-size:12px;background:transparent;color:#b9b0c6}.portfolio-filters button:hover{color:#f0edf7;border-color:#b496d74d}.portfolio-filters button[aria-pressed=true]{background:#d6f588;color:#202915}.portfolio-filters button span{font:9px var(--mono);margin-left:8px;opacity:.65}.portfolio-count{font:10px var(--mono);color:#aaa4b8;white-space:nowrap}.portfolio-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:46px 28px;align-items:start}.work{grid-column:span 6;min-width:0}.work[hidden]{display:none}.work:first-child{grid-column:span 7}.work:nth-child(2){grid-column:span 5}.portfolio-grid.is-filtered .work{grid-column:span 6}.work-open{display:block;background:none;padding:0;width:100%;text-align:left;border-radius:12px}.work-visual{position:relative;border-radius:12px;overflow:hidden;height:325px;border:1px solid #cab2df36;background:#07060c;isolation:isolate}.work.is-top .work-visual{height:430px}.work-visual:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#0004,transparent 28%,transparent 65%,#0009)}.work-visual>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.65,.2,1)}.work-open:hover .work-visual>img{transform:scale(1.035)}.work-open:hover .work-arrow{background:#d6f588;color:#202915;transform:translate(2px,-2px)}.work-type{position:absolute;top:19px;left:19px;z-index:1;font:8px var(--mono);letter-spacing:.09em;color:#f5f2fa;background:#100c16bb;border:1px solid #ffffff30;padding:8px 11px;border-radius:30px;backdrop-filter:blur(8px)}.work-invitation{position:absolute;bottom:23px;left:25px;right:25px;z-index:1;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#fff}.work-invitation b{font-weight:400;font-size:22px}.work-info{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0 20px}.work-index{font:8px var(--mono);letter-spacing:.09em;color:#b6a0c9}.work h3{font-size:35px;line-height:1.07;letter-spacing:-.04em;margin-top:12px;color:#f0edf7}.work p{font-size:13px;line-height:1.7;max-width:385px;margin-top:13px;color:#aaa4b8}.work-arrow{flex:none;display:grid;place-items:center;width:40px;height:40px;border:1px solid #bca5d23b;border-radius:50%;font-size:19px;transition:.25s}.work-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #e7def226;padding-top:15px;font:9px var(--mono);color:#94849f}.work-footer a{color:#cabeD6;padding:5px 0}.work-footer a:hover{color:#d6f588}.work-play{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:68px;height:68px;border:1px solid #fff9;border-radius:50%;background:#08070d66;backdrop-filter:blur(8px);font:37px Georgia,serif;color:#fff;padding-left:4px}.work-duration{position:absolute;z-index:1;bottom:20px;right:22px;font:10px var(--mono);color:#eee7f7}.atlas-visual>img{object-position:center}.character-visual>img{object-fit:contain;background:radial-gradient(ellipse,#14242b,#05080d 80%)}.audio-visual{background:radial-gradient(ellipse at 70% 10%,#b496d735,transparent 65%),linear-gradient(140deg,#281a37,#171023)}.audio-title{position:absolute;left:30px;top:65px;font-size:45px;line-height:1.02;letter-spacing:-.05em;color:#e6ddec}.audio-title em{font:italic 48px Georgia,serif;color:#d6f588}.audio-wave{position:absolute;bottom:22px;left:28px;right:28px;height:75px;display:flex;gap:4px;align-items:center;opacity:.85}.audio-wave i{flex:1;height:var(--level);background:#d6f588;border-radius:5px;min-width:1px}.audio-visual .work-play{top:42%;left:auto;right:24px;transform:none;width:54px;height:54px;font-size:28px}.audio-visual .work-duration{bottom:115px}.portfolio-end{margin-top:85px;border-top:1px solid #e7def226;padding:50px 0 22px;display:flex;align-items:center;justify-content:space-between;gap:30px}.portfolio-end p{font-size:40px;line-height:1.2;color:#b5a4c4;letter-spacing:-.04em;margin-top:23px}.portfolio-end strong{font-weight:400;color:#f0edf7}.portfolio-end .eyebrow{font-size:8px}.portfolio .morning-foot{font-size:8px;line-height:1.8;color:#a08bac;border-top:1px solid #e7def21a;padding-top:20px}.chapter h2 em{font-family:Georgia,serif;font-weight:400;color:#d6f588}.synthesis-path{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:22px 0 0;font:9px var(--mono);color:#d6f588}.synthesis-path span{border:1px solid #b496d73b;border-radius:20px;padding:7px 10px}.synthesis-path b{font-weight:400;color:#a28eb6}#synthesis .chapter-copy{max-width:430px}#synthesis .chapter-detail{margin-top:18px}.synthesis-receipt{display:none;position:absolute;right:20px;bottom:130px;z-index:4;width:min(280px,calc(100% - 40px));padding:20px;border:1px solid #d6f58855;border-radius:10px;background:#130e1ced;box-shadow:0 15px 50px #0006;pointer-events:none}.make-scene .make-receipt,.synthesis-scene .cluster-receipt{display:block}.synthesis-receipt>span{font:8px var(--mono);color:#d6f588;letter-spacing:.1em}.synthesis-receipt strong{display:block;font-size:19px;letter-spacing:-.04em;margin:9px 0 18px;font-weight:450}.synthesis-receipt>div{font-size:11px;color:#c4b5d3;margin-top:11px}.synthesis-receipt b{font:9px var(--mono);margin-right:9px;color:#d6f588}.synthesis-receipt small{display:block;font:7px var(--mono);color:#aa98bc;margin-top:17px}.field-expanded .synthesis-receipt{display:none}
#portfolio-dialog{width:min(1280px,calc(100vw - 48px));max-width:none;height:min(900px,calc(100dvh - 48px));max-height:none;margin:auto;padding:0;border:1px solid #b496d75e;border-radius:15px;background:#100c16;color:#f0edf7;overflow:hidden}#portfolio-dialog[open]{display:flex;flex-direction:column}#portfolio-dialog::backdrop{background:#050309e8;backdrop-filter:blur(10px)}body:has(#portfolio-dialog[open]){overflow:hidden}.portfolio-dialog-head{display:flex;align-items:center;justify-content:space-between;padding:20px 25px;border-bottom:1px solid #e7def226;gap:20px}.portfolio-dialog-head .eyebrow{font-size:8px}.portfolio-dialog-head h2{font-size:27px;letter-spacing:-.03em;margin-top:9px}.portfolio-dialog-head>button{width:40px;height:40px;border:1px solid #b496d745;border-radius:50%;background:#20172b;font-size:26px;flex:none}#portfolio-viewer{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#050409;position:relative;overflow:auto}#portfolio-viewer iframe{border:0;width:100%;height:100%;background:#08070d}#portfolio-viewer>img,#portfolio-viewer>video{width:100%;height:100%;object-fit:contain}#portfolio-viewer .audio-player{padding:35px;max-width:650px;width:100%;text-align:center}.audio-player h3{font:italic 52px Georgia,serif;color:#d6f588;margin:20px 0}.audio-player p{font-size:14px;margin-bottom:30px}.audio-player audio{width:100%}.portfolio-dialog-foot{padding:15px 25px;border-top:1px solid #e7def226;display:flex;align-items:center;justify-content:space-between;gap:25px}.portfolio-dialog-foot p{font:9px var(--mono);line-height:1.8;overflow-wrap:anywhere}.portfolio-dialog-foot .button{font-size:11px;min-height:39px;white-space:nowrap;padding:9px 17px}.portfolio-empty{grid-column:1/-1}
@media(max-width:1000px){.portfolio .morning-heading{gap:30px}.portfolio h2{font-size:55px}.portfolio-intro{max-width:300px}.work.is-top .work-visual{height:340px}.work-visual{height:290px}.work h3{font-size:30px}.work-footer{font-size:8px}.audio-title{font-size:38px}.audio-title em{font-size:43px}}
@media(max-width:760px){.portfolio{padding-top:85px}.portfolio .morning-heading{display:block;margin-bottom:30px}.portfolio h2{font-size:clamp(40px,10.5vw,58px)}.portfolio-intro{max-width:100%;margin-top:27px}.portfolio-intro>p{font-size:17px;margin-top:0}.portfolio-intro .portfolio-intro-small{max-width:440px;font-size:14px}.portfolio-toolbar{align-items:flex-start;flex-direction:column;gap:15px;padding-block:18px;margin-bottom:25px}.portfolio-filters{gap:3px}.portfolio-filters button{font-size:11px;padding:9px 12px}.portfolio-count{font-size:9px}.portfolio-grid{gap:35px;grid-template-columns:minmax(0,1fr)}.portfolio-grid .work,.portfolio-grid.is-filtered .work{grid-column:1}.work-visual,.work.is-top .work-visual{height:290px}.work:first-child .work-visual{height:320px}.work-info{padding:20px 0 16px}.work h3{font-size:32px}.work p{font-size:13px;max-width:340px}.work-footer{font-size:8px}.work-type{top:14px;left:14px;font-size:7px}.work-invitation{left:19px;right:19px;bottom:19px}.portfolio-end{margin-top:55px;display:block;padding:35px 0 25px}.portfolio-end p{font-size:34px}.portfolio-end .button{margin-top:25px}.portfolio .morning-foot{font-size:7px;gap:12px}.synthesis-path{font-size:8px;gap:5px}.synthesis-path span{padding:6px 8px}#synthesis .chapter-copy{max-width:100%}#synthesis h2{font-size:40px}#synthesis .chapter-detail{font-size:8px}#synthesis .chapter-copy>.text-link{font-size:11px;padding:7px 0}.synthesis-receipt{right:12px;bottom:97px;padding:12px 15px;width:210px}.synthesis-receipt strong{font-size:15px;margin:6px 0 10px}.synthesis-receipt>div{font-size:9px;margin-top:7px}.synthesis-receipt small{display:none}.story-controls{gap:5px;padding-inline:7px}.step-dots{gap:3px}.step-dots button{width:16px}.step-dots button:after{width:11px}.story-controls .motion-button{font-size:7px;padding:7px 9px}.step-arrow{width:25px}#portfolio-dialog{width:calc(100vw - 16px);height:calc(100dvh - 20px);border-radius:10px}.portfolio-dialog-head{padding:15px;gap:12px}.portfolio-dialog-head h2{font-size:23px}.portfolio-dialog-foot{padding:14px;gap:13px;align-items:flex-start;flex-direction:column}.portfolio-dialog-foot p{font-size:8px}.portfolio-dialog-foot .button{align-self:flex-end}.audio-player h3{font-size:39px}}
@media(prefers-reduced-motion:reduce){.work-visual>img{transition:none}.work-open:hover .work-visual>img{transform:none}}
@media(max-width:760px){.synthesis-receipt{padding:10px 13px;bottom:103px}.synthesis-receipt>span{display:none}.synthesis-receipt strong{font-size:13px;margin:0 0 8px}.synthesis-receipt>div{font-size:8px;margin-top:5px}}
/* Separate Make and synthesis movements; catalog sections live in their tabs. */
#engines-page{min-height:calc(100svh - 150px)}#engines-page .engine-section{padding-top:165px}
.revolution{padding:105px 0;border-top:1px solid #b49acd24;background:radial-gradient(ellipse at 85% 0%,#d6f58812,transparent 55%),#0e0a14}
.revolution .collection-heading{margin-bottom:50px}
.rev-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:20px;align-items:start}
.rev-events{display:flex;flex-direction:column;gap:16px}
.rev-card{border:1px solid #b8a0d030;border-radius:14px;padding:26px 28px;background:#14101d}
.rev-upcoming{border-color:#d6f58855;background:linear-gradient(160deg,#d6f5880c,transparent 50%),#14101d;box-shadow:0 30px 70px -45px #d6f58855}
.rev-top{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:22px}
.rev-tag{font:11px var(--mono);letter-spacing:.1em;color:#14101d;background:#d6f588;border-radius:999px;padding:5px 11px}
.rev-tag.past{background:transparent;color:#a799b4;border:1px solid #b8a0d040}
.rev-count,.rev-stat{font:11px var(--mono);letter-spacing:.06em;color:#a799b4;text-transform:uppercase}
.rev-count b,.rev-stat b{font-weight:400;color:#d6f588}
.rev-card h3{font-size:clamp(28px,2.6vw,38px);font-weight:440;letter-spacing:-.04em;line-height:1.05;margin:0 0 10px;color:#f0edf7}
.rev-tagline{font-size:16px;line-height:1.6;color:#b4a6c2;margin:0 0 20px}
.rev-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px;padding:18px 0;border-block:1px solid #ffffff0c}
.rev-facts div{min-width:0}
.rev-facts dt{font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#7f7390;margin-bottom:6px}
.rev-facts dd{margin:0;font-size:14px;color:#f0edf7;line-height:1.4}
.rev-note{font:12px var(--mono);letter-spacing:.04em;color:#d6f588;margin:0 0 20px}
.rev-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.rev-past .text-link{font-size:14px;padding-top:4px}
.rev-strip{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 28px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#a799b4}
.rev-strip b{font-weight:400;color:#f0edf7;margin-right:6px}
.rev-form{border:1px solid #b8a0d030;border-radius:14px;padding:26px 28px;background:#100c16;display:flex;flex-direction:column;gap:16px;position:sticky;top:100px}
.rev-form-head h3{font-size:30px;font-weight:440;letter-spacing:-.04em;margin:14px 0 8px;color:#f0edf7}
.rev-form-head p{font-size:14px;line-height:1.6;color:#ac9ebb;margin:0}
.rev-field{display:flex;flex-direction:column;gap:7px}
.rev-field span,.rev-checks legend{font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#a799b4}
.rev-field input,.rev-field textarea{width:100%;border:1px solid #b49acd45;border-radius:6px;background:#09070e;color:#ece4f5;padding:13px 14px;font:15px var(--sans);resize:vertical}
.rev-field input:focus,.rev-field textarea:focus{outline:none;border-color:#d6f588}
.rev-field input.invalid{border-color:#f2a97e}
.rev-checks{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.rev-checks legend{margin-bottom:9px}
.rev-checks label{display:flex;align-items:center;gap:10px;font-size:14px;color:#d8cfe3;cursor:pointer}
.rev-checks input{width:16px;height:16px;accent-color:#d6f588;margin:0}
.rev-form-actions{display:flex;flex-direction:column;gap:10px;margin-top:4px}
.rev-form-actions .button{width:100%;min-width:0}
.rev-form-actions small{font-size:12px;color:#8b7f9b;line-height:1.5}
.rev-thanks{margin:0;padding:12px 14px;border:1px solid #d6f58850;border-radius:8px;background:#d6f5880f;color:#d6f588;font-size:14px;line-height:1.5}
@media(max-width:1050px){.rev-grid{grid-template-columns:1fr}.rev-form{position:static}.rev-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.revolution{padding:70px 0}.revolution .collection-heading{margin-bottom:30px}.rev-card,.rev-form{padding:22px 20px}.rev-card h3{font-size:28px}.rev-tagline{font-size:15px}.rev-facts{gap:12px}.rev-strip{gap:8px 18px;font-size:11px}.rev-form-head h3{font-size:26px}}

#howto-page,#localai-page{min-height:calc(100svh - 150px)}

.cluster-merge{display:flex;align-items:center;gap:12px;padding:4px 0 7px}.cluster-merge i{width:7px;height:7px;background:#e9c46a;border-radius:2px}.cluster-merge i:nth-child(2){background:#b57edc}.cluster-merge i:nth-child(3){background:#5fbfa8}.cluster-merge span{color:#a798b7}.cluster-merge b{font-size:27px;color:#f0edf7;margin:0;line-height:1}
.cluster-receipt{width:min(240px,calc(100% - 40px));padding:16px}.cluster-receipt strong{font-size:16px;margin-bottom:12px}.cluster-receipt>div:not(.cluster-merge){display:none}
@media(max-width:760px){.synthesis-scene .cluster-receipt{display:none}#engines-page .engine-section{padding-top:125px}.cluster-merge{padding:0;gap:9px}.cluster-merge b{font-size:19px}.cluster-receipt>div:not(.cluster-merge){display:none}.cluster-receipt{padding-block:6px}.cluster-receipt strong{font-size:12px;margin-bottom:5px}}
/* Owned hardware → unattended capacity → useful work. */
#economics{padding:90px 0 62px;background:#fff;color:#352440}
#economics .economics-heading{display:grid;grid-template-columns:1.3fr 1fr;column-gap:64px;align-items:end;margin-bottom:46px}
#economics .eyebrow{grid-column:1/-1;margin-bottom:20px;color:#735f7e}
#economics .eyebrow:before{background:#735f7e}
#economics h2{font-size:clamp(40px,4.2vw,62px);line-height:1.04;max-width:none;margin:0;color:#352440}
#economics h2 em{color:#826490;font-family:Georgia,serif;font-weight:400}
#economics .economics-heading p{max-width:340px;margin:0 0 5px;font-size:17px;line-height:1.6;color:#735f7e}
#economics .economics-app{color:#352440;font-weight:650;transition:opacity .28s ease}
#economics .economics-app.is-swapping{opacity:0}
@media (prefers-reduced-motion:reduce){#economics .economics-app{transition:none}}
#economics .economics-flow{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}
#economics .owned-intelligence{display:flex;flex-direction:column;min-width:0;padding:32px 30px 26px;background:#eee;border:1px solid #e5e0e8;border-radius:14px}
#economics .economics-kicker{font:10px var(--mono);letter-spacing:.1em;color:#786681}
#economics h3{font-size:clamp(24px,2.25vw,32px);line-height:1.15;letter-spacing:-.045em;margin:15px 0 0;color:inherit}
#economics .economics-hardware{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:auto 0;padding-top:26px}
#economics figure{margin:0;min-width:0}
#economics .hardware-image{height:185px;display:flex;align-items:center;justify-content:center;overflow:hidden}
#economics .hardware-image img{display:block;width:100%;max-width:100%;height:auto}
#economics .hardware-mac img{width:78%;mix-blend-mode:multiply}
#economics figcaption{text-align:center;font-size:12px;font-weight:500;color:#51415d;margin-top:10px}
#economics figcaption a{display:inline-flex;align-items:center;gap:7px}
#economics figcaption a:hover{color:#8a589f}
#economics figcaption a>span:last-child{color:#93819d}
#economics .hardware-chip{font:9px var(--mono);border:1px solid #b8a7c2;border-radius:4px;padding:3px 4px}
#economics .hardware-caption{font-size:13px;line-height:1.5;color:#786681;text-align:center;margin:26px 0 27px;max-width:none}
#economics .economics-handoff{display:flex;align-items:center;gap:18px;border-top:1px solid #ded4e4;padding-top:23px;font:9px var(--mono);letter-spacing:.08em;color:#786681}
#economics .economics-handoff svg{min-width:25px;flex:1;height:20px;fill:none;stroke:#aa92b6;stroke-width:1}
#economics .nightshift-capacity{min-width:0;padding:32px;background:radial-gradient(ellipse at 100% 0,#49315255,transparent 65%),#201628;border:1px solid #48344f;border-radius:14px;color:#f5eef8}
#economics .nightshift-capacity .economics-kicker{color:#c5a6d7}
#economics .nightshift-capacity>p{font-size:15px;line-height:1.6;color:#c0aecb;margin:13px 0 0;max-width:none}
#economics .production-loop{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:25px 0 29px}
#economics .production-loop>span{display:flex;align-items:center;gap:9px;font-size:12px;color:#e9dfee}
#economics .production-loop i{display:grid;place-items:center;width:30px;height:30px;border:1px solid #685574;border-radius:8px;font-style:normal;font-size:19px;color:#d6f588}
#economics .production-loop b{font-size:15px;font-weight:400;color:#867190}
#economics .capacity{padding:21px 0 0;border:0;border-top:1px solid #64506d66}
#economics .input-label{display:flex;justify-content:space-between;gap:10px;align-items:center;font:10px var(--mono);letter-spacing:0;color:#c0aecb;margin:0 0 13px}
#economics .input-label span{font-size:14px;white-space:nowrap;color:#d6f588}
#economics .hours-grid{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));height:23px;gap:4px;margin:0}
#economics .hours-grid span{height:100%;align-self:stretch;background:#46374f;border:0;border-radius:2px}
#economics .hours-grid span.on{background:#d6f588;box-shadow:none}
#economics input[type=range]{width:100%;height:22px;min-height:22px;margin:6px 0 9px;background:transparent;accent-color:#d6f588}
#economics input[type=range]::-webkit-slider-runnable-track{height:2px;background:#64506d}
#economics input[type=range]::-webkit-slider-thumb{background:#d6f588;border:3px solid #201628;width:17px;height:17px;margin-top:-7px;box-shadow:0 0 0 1px #d6f588}
#economics input[type=range]::-moz-range-track{height:2px;background:#64506d}
#economics input[type=range]::-moz-range-thumb{background:#d6f588;border:3px solid #201628;box-shadow:0 0 0 1px #d6f588}
#economics .capacity-result{display:flex;gap:17px;align-items:center;margin:0}
#economics .capacity-result output{font:400 49px/.95 var(--sans);letter-spacing:-.06em;color:#d6f588;min-width:83px}
#economics .capacity-result span{font-size:11px;line-height:1.5;letter-spacing:0;color:#c0aecb}
#economics .output-catalog{cursor:pointer;min-height:58px;outline:0}
#economics .output-catalog:focus-visible{box-shadow:0 0 0 1px #d6f58899;border-radius:6px}
#economics .output-catalog output{min-width:0;font-variant-numeric:tabular-nums}
#economics .output-catalog output,#economics .catalog-copy{transition:opacity .28s ease,transform .28s ease}
#economics .output-catalog.is-swapping output,#economics .output-catalog.is-swapping .catalog-copy{opacity:0;transform:translateY(5px)}
#economics .catalog-copy{display:flex;flex-direction:column;gap:3px}
#economics .catalog-copy b{font:10px var(--mono);font-weight:400;letter-spacing:.06em;color:#d6f588}
#economics .catalog-dots{display:flex;gap:4px;margin:12px 0 0}
#economics .catalog-dots i{flex:1;height:2px;border-radius:2px;background:#46374f;transition:background .3s}
#economics .catalog-dots i.on{background:#d6f588}
#economics #capacity-note output{color:#c0aecb}
#economics .loop-step{position:relative;cursor:help;outline:0;border-radius:8px}
#economics .loop-step:focus-visible i,#economics .loop-step:hover i{border-color:#d6f588}
#economics .loop-tip{position:absolute;left:50%;top:calc(100% + 10px);z-index:5;width:max-content;max-width:220px;padding:10px 12px;background:#140d19;border:1px solid #685574;border-radius:8px;font:10px/1.6 var(--mono);font-style:normal;letter-spacing:.02em;color:#e9dfee;white-space:normal;opacity:0;visibility:hidden;transform:translate(-50%,-4px);transition:opacity .2s,transform .2s,visibility .2s;pointer-events:none}
#economics .loop-tip b{display:block;margin-bottom:4px;font-weight:400;color:#d6f588}
#economics .loop-tip span{display:block}
#economics .loop-step:first-child .loop-tip{left:0;transform:translate(0,-4px)}
#economics .loop-step:last-child .loop-tip{left:auto;right:0;transform:translate(0,-4px)}
#economics .loop-step:hover .loop-tip,#economics .loop-step:focus-visible .loop-tip{opacity:1;visibility:visible;transform:translate(-50%,0)}
#economics .loop-step:first-child:hover .loop-tip,#economics .loop-step:first-child:focus-visible .loop-tip,#economics .loop-step:last-child:hover .loop-tip,#economics .loop-step:last-child:focus-visible .loop-tip{transform:translate(0,0)}
@media (prefers-reduced-motion:reduce){#economics .output-catalog output,#economics .catalog-copy{transition:none}}
#economics .footnote{font:10px/1.5 var(--sans);max-width:none;margin:14px 0 0;color:#a996b4}
#economics .economics-tempo{display:grid;grid-template-columns:1fr 1fr 1.4fr;align-items:center;gap:24px;margin-top:30px;padding-top:25px;border-top:1px solid #e9e1ed}
#economics .economics-tempo p{margin:0;color:#352440;font-size:21px;line-height:1.4;max-width:none;letter-spacing:-.025em}
#economics .economics-tempo p>span{display:block;margin-bottom:7px;font:9px var(--mono);letter-spacing:.08em;color:#786681}
#economics .economics-tempo .economics-thesis{font-size:18px;line-height:1.5;text-align:right;letter-spacing:-.02em}
#economics .economics-thesis em{font-family:Georgia,serif;color:#826490}
#economics .economics-use-note{max-width:none;margin:14px 0 0;font-size:11px;line-height:1.5;color:#786681}
#economics .economics-use-note a{color:#51415d;text-decoration:underline;text-underline-offset:2px}
#economics .economics-use-note a:hover{color:#8a589f}
@media(min-width:761px) and (max-width:1100px){
  #economics .economics-flow{grid-template-columns:1fr 1fr;gap:18px}
  #economics .owned-intelligence,#economics .nightshift-capacity{padding:26px 22px}
  #economics .hardware-image{height:150px}
  #economics .production-loop>span{flex-direction:column;gap:7px}
  #economics .economics-handoff{gap:9px;font-size:8px}
}
@media(max-width:760px){
  #economics{padding:60px 0 42px}
  #economics .economics-heading{grid-template-columns:1fr;gap:0;margin-bottom:28px}
  #economics .eyebrow{font-size:9px;margin-bottom:18px}
  #economics h2{font-size:clamp(37px,8.8vw,56px)}
  #economics .economics-heading p{font-size:15px;margin:19px 0 0;max-width:370px}
  #economics .economics-flow{grid-template-columns:1fr;gap:15px}
  #economics .owned-intelligence,#economics .nightshift-capacity{padding:25px 22px;border-radius:12px}
  #economics h3{font-size:25px;margin-top:12px}
  #economics .economics-hardware{padding-top:18px;gap:14px}
  #economics .hardware-image{height:clamp(105px,30vw,170px)}
  #economics figcaption{font-size:10px}
  #economics figcaption a{gap:4px}
  #economics .hardware-chip{font-size:8px}
  #economics .hardware-caption{font-size:12px;margin:22px 0 18px}
  #economics .economics-handoff{padding-top:17px;gap:8px;font-size:8px}
  #economics .production-loop{margin:22px 0}
  #economics .production-loop>span{font-size:11px;gap:6px}
  #economics .production-loop i{width:26px;height:26px;font-size:16px}
  #economics .economics-tempo{grid-template-columns:1fr 1fr;gap:22px 12px;margin-top:24px;padding-top:24px}
  #economics .economics-tempo p{font-size:19px}
  #economics .economics-tempo p>span{font-size:8px;letter-spacing:0}
  #economics .economics-tempo .economics-thesis{grid-column:1/-1;text-align:left;font-size:20px}
}
@media(max-width:360px){#economics .owned-intelligence,#economics .nightshift-capacity{padding:22px 17px}#economics .production-loop>span{flex-direction:column}#economics .economics-hardware{gap:9px}#economics .economics-kicker{font-size:9px}}
/* Collection pages, document and code cards, and the readers behind them. */
.doc-visual{background:linear-gradient(160deg,#1c1627,#0f0b15);display:flex;align-items:stretch;justify-content:center;padding:64px 36px 0}
.doc-page{width:100%;max-width:400px;background:#f0edf7;color:#221a2c;border-radius:7px 7px 0 0;padding:30px 30px 0;overflow:hidden;box-shadow:0 30px 60px #0009;transform:rotate(-1.4deg) translateY(10px);transform-origin:bottom center;transition:transform .7s cubic-bezier(.2,.65,.2,1)}
.work-open:hover .doc-page{transform:rotate(0) translateY(0)}
.doc-page i{display:block;font:9px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#7a6b8a;margin-bottom:12px;font-style:normal}
.doc-page b{display:block;font-weight:600;font-size:17px;line-height:1.2;letter-spacing:-.02em;margin-bottom:12px}
.doc-page.is-script b{font:400 23px/1.1 Georgia,serif}
.doc-page p{font:italic 13px/1.65 Georgia,serif;color:#4a3f56}
.code-visual{background:#0d0b13}
.code-visual:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 15% 0%,#b496d72e,transparent 60%)}
.code-visual pre{position:relative;margin:0;height:100%;padding:62px 28px 0;font:12px/1.8 var(--mono);color:#cfc6da;overflow:hidden;white-space:pre}
.code-visual pre,.page-visual>img,.deck-visual>img{-webkit-mask-image:linear-gradient(#000 58%,transparent 92%);mask-image:linear-gradient(#000 58%,transparent 92%)}
.code-visual pre b{color:#d6f588;font-weight:400}.code-visual pre i{color:#8a7d9c;font-style:normal}
.deck-visual>img{object-fit:cover;object-position:top}
.page-visual>img{object-fit:cover;object-position:top center}
.portfolio-pager{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:44px}
.portfolio-pager[hidden]{display:none}
.pager-arrow{width:42px;height:42px;border:1px solid #bca5d23b;border-radius:50%;background:none;color:#f0edf7;font-size:18px;transition:.25s}
.pager-arrow:hover{border-color:#d6f588;color:#d6f588}
.pager-dots{display:flex;gap:6px;align-items:center}.pager-position{font:11px var(--mono);letter-spacing:.08em;color:#c8bdd4;white-space:nowrap;padding:0 6px}.work-visual .work-loading{position:absolute;inset:0;display:grid;place-items:center;font:9px var(--mono);letter-spacing:.1em;color:#94849f}#portfolio-viewer .reader-note{padding:40px;max-width:520px;text-align:center;font-size:14px;color:#cfc6da;line-height:1.7}#portfolio-viewer .reader-note a{color:#d6f588}
.pager-dots button{position:relative;width:46px;height:34px;padding:0 4px;background:none;border:0}
.pager-dots button:after{content:'';display:block;height:2px;background:#ffffff30}
.pager-dots button[aria-current=true]:after{background:#d6f58840}
.pager-dots button i{position:absolute;left:4px;top:16px;height:2px;width:0;background:#d6f588}
.pager-dots button[aria-current=true] i{animation:pager-fill 7s linear forwards}
.portfolio-pager.is-off .pager-dots i{animation:none}
.pager-auto{font:9px var(--mono);letter-spacing:.1em;color:#aaa4b8;background:none;border:1px solid #bca5d23b;border-radius:30px;padding:10px 14px;min-width:74px}
.pager-auto[aria-pressed=true]{color:#d6f588;border-color:#d6f58866}
@keyframes pager-fill{from{width:0}to{width:calc(100% - 8px)}}
#portfolio-viewer .doc-reader{align-self:flex-start;width:100%;max-width:780px;margin:0 auto;padding:46px 44px 80px;color:#e6dff0;font:16px/1.7 var(--sans)}
.doc-reader h1{font-size:34px;line-height:1.08;letter-spacing:-.04em;margin:0 0 24px;color:#f0edf7}
.doc-reader h2{font-size:22px;letter-spacing:-.02em;margin:36px 0 12px;color:#f0edf7}
.doc-reader h3{font-size:17px;margin:26px 0 8px;color:#d6f588}
.doc-reader h4,.doc-reader h5,.doc-reader h6{font-size:15px;margin:20px 0 6px;color:#e6dff0}
.doc-reader p{margin:0 0 14px;color:#cfc6da}
.doc-reader ul,.doc-reader ol{padding-left:22px;margin:0 0 14px;color:#cfc6da}.doc-reader li{margin:4px 0}
.doc-reader blockquote{margin:0 0 14px;padding:4px 0 4px 16px;border-left:2px solid #d6f588;color:#e6dff0;font-style:italic}
.doc-reader hr{border:0;border-top:1px solid #e7def226;margin:28px 0}
.doc-reader code{font:13px var(--mono);background:#ffffff12;padding:1px 5px;border-radius:4px}
.doc-reader pre{background:#0d0b13;border:1px solid #e7def21a;border-radius:8px;padding:16px;overflow:auto;font:12px/1.6 var(--mono);margin:0 0 16px}
.doc-reader pre code{background:none;padding:0;font-size:12px}
.doc-reader a{color:#d6f588;text-decoration:underline;text-underline-offset:3px}.doc-reader a:hover{color:#f0edf7}
.doc-reader img{max-width:100%;height:auto;border-radius:8px;display:block;margin:0 0 14px}
.doc-reader del{opacity:.6}.doc-reader mark{background:#d6f58833;color:#f0edf7;padding:0 3px}.doc-reader kbd{font:12px var(--mono);border:1px solid #e7def233;border-radius:4px;padding:1px 5px}
.doc-reader li.task{list-style:none;margin-left:-20px}.doc-reader li.task input{margin:0 8px 0 0;accent-color:#d6f588;vertical-align:-1px}
.doc-reader details{margin:0 0 14px;border:1px solid #e7def21a;border-radius:8px;padding:8px 14px}.doc-reader summary{cursor:pointer;color:#d6f588}
.doc-reader h1+h2,.doc-reader h1+h3{margin-top:12px}
.doc-table{overflow:auto;margin:0 0 16px;border:1px solid #e7def21a;border-radius:8px}
.doc-table table{border-collapse:collapse;min-width:100%;font-size:12px}
.doc-table th,.doc-table td{padding:8px 10px;border-bottom:1px solid #e7def21a;text-align:left;vertical-align:top}.doc-table th{white-space:nowrap}.doc-table td{min-width:120px;line-height:1.5}.doc-table tbody tr:nth-child(even) td{background:#ffffff05}
.doc-table th{font:9px var(--mono);letter-spacing:.09em;color:#b6a0c9;text-transform:uppercase}
#portfolio-viewer .code-reader{align-self:flex-start;width:100%;margin:0;padding:28px 30px 60px;font:13px/1.7 var(--mono);color:#e0d8ea;background:#0d0b13;overflow:auto}
.code-reader code{counter-reset:ln;display:block}
.code-reader code>span{counter-increment:ln;display:block;white-space:pre;min-height:1.7em}
.code-reader code>span:before{content:counter(ln);display:inline-block;width:3ch;margin-right:2ch;color:#6f6482;text-align:right;user-select:none}
/* Syntax colours for both readers (highlight.js token classes), on the site's palette. */
#portfolio-viewer .hljs{color:#e0d8ea;background:none}
#portfolio-viewer .hljs-comment,#portfolio-viewer .hljs-quote{color:#7d7190;font-style:italic}
#portfolio-viewer .hljs-keyword,#portfolio-viewer .hljs-selector-tag,#portfolio-viewer .hljs-meta,#portfolio-viewer .hljs-doctag,#portfolio-viewer .hljs-tag{color:#c9a7ff}
#portfolio-viewer .hljs-string,#portfolio-viewer .hljs-regexp,#portfolio-viewer .hljs-addition,#portfolio-viewer .hljs-meta .hljs-string{color:#d6f588}
#portfolio-viewer .hljs-number,#portfolio-viewer .hljs-literal,#portfolio-viewer .hljs-symbol,#portfolio-viewer .hljs-bullet{color:#ffb86b}
#portfolio-viewer .hljs-title,#portfolio-viewer .hljs-section,#portfolio-viewer .hljs-name,#portfolio-viewer .hljs-selector-id{color:#8fd8ff}
#portfolio-viewer .hljs-attr,#portfolio-viewer .hljs-attribute,#portfolio-viewer .hljs-variable,#portfolio-viewer .hljs-template-variable,#portfolio-viewer .hljs-property,#portfolio-viewer .hljs-params{color:#f2c4e0}
#portfolio-viewer .hljs-built_in,#portfolio-viewer .hljs-type,#portfolio-viewer .hljs-selector-class,#portfolio-viewer .hljs-selector-attr,#portfolio-viewer .hljs-selector-pseudo{color:#9fe8d8}
#portfolio-viewer .hljs-deletion{color:#ff8a8a}
#portfolio-viewer .hljs-emphasis{font-style:italic}#portfolio-viewer .hljs-strong{font-weight:700}#portfolio-viewer .hljs-link{text-decoration:underline}
#portfolio-viewer .pages-reader{align-self:flex-start;width:100%;padding:30px;display:grid;gap:28px;justify-items:center}
.pages-reader figure{margin:0;width:100%;max-width:960px}
.pages-reader img{display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 20px 50px #000a}
.pages-reader figcaption{font:9px var(--mono);letter-spacing:.1em;color:#94849f;margin-top:10px;text-align:center}
@media(max-width:760px){.portfolio-pager{gap:10px;margin-top:30px}.pager-dots button{width:30px}.pager-auto{min-width:0;padding:9px 11px}.doc-visual{padding:56px 22px 0}.code-visual pre{padding:54px 18px 0;font-size:11px}#portfolio-viewer .doc-reader{padding:26px 18px 50px;font-size:15px}.doc-reader h1{font-size:27px}#portfolio-viewer .code-reader{padding:18px 14px 40px;font-size:12px}#portfolio-viewer .pages-reader{padding:14px;gap:18px}}
/* Phone edition: a compact introduction, a tap-through field, and one work at a time.
   Above 760px the original scroll-led presentation is unchanged. */
.mobile-only{display:none}
@media(max-width:760px){
  html{scroll-padding-top:64px}
  body{padding-bottom:calc(74px + env(safe-area-inset-bottom))}
  .wrap{width:calc(100% - 36px)}
  .topbar{height:64px}
  .meterless-brand .word-mark{height:12px}
  .official-mark{width:24px;height:24px}
  .mobile-menu{min-height:42px;padding:8px 14px;font-size:13px}
  .menu-open .nav-links{top:63px;max-height:calc(100dvh - 140px);overflow-y:auto}
  .mobile-only{display:block}
  .mobile-page-nav{position:fixed;inset:auto 12px max(10px,env(safe-area-inset-bottom));z-index:90;display:flex;align-items:center;padding:5px;background:#1a1324f5;border:1px solid #c1a3db38;border-radius:15px;backdrop-filter:blur(18px);box-shadow:0 8px 28px #0005}
  .mobile-page-nav a{flex:1;min-width:0;padding:13px 5px;text-align:center;font-size:11px;line-height:1.2;border-radius:10px;color:#b8abc8;white-space:nowrap}
  .mobile-page-nav a[aria-current=true]{background:#d6f588;color:#251830;font-weight:550}
  .field-off .mobile-page-nav,body:has(dialog[open]) .mobile-page-nav{display:none}
  .hero{height:auto;min-height:0;max-height:none;display:block;padding:98px 0 30px}
  .hero .wrap{padding-top:0;margin-block:0}
  .hero-copy{text-align:left;max-width:100%;width:100%}
  .hero .eyebrow{font-size:8px;letter-spacing:.06em;justify-content:flex-start;max-width:none;margin:0 0 18px;gap:8px}
  .hero .eyebrow:before{width:15px}
  .hero h1{font-size:clamp(44px,11.7vw,66px);line-height:1.02;max-width:580px}
  .hero .hero-description{display:none}
  .hero-mobile-description{font-size:14px;line-height:1.65;max-width:430px;margin:18px 0 20px;color:#b8afc4}
  .hero-actions{flex-direction:row;justify-content:flex-start;align-items:center;gap:6px 14px}
  .hero .button{font-size:12px;min-height:46px;padding:12px 15px;gap:12px}
  .hero .text-link{font-size:11px;min-height:44px;gap:7px}
  .hero-note{font-size:8px;text-align:left;line-height:1.5;margin:12px 0 20px;letter-spacing:.04em}
  #field-anchor{position:relative;top:auto;left:auto;width:calc(100% - 36px);height:clamp(270px,78vw,350px);margin:0 auto}
  .hero-scene #universe,.story-scene #universe{left:18px;right:18px;transform:none;box-shadow:0 10px 40px #0003;border-radius:12px;max-height:none;min-height:0}
  .hero-scene #universe{height:var(--hero-field-height)}
  .hero-scene #universe:before{border-radius:12px}
  body:not(.field-expanded) #live-field{inset:36px 0 53px;pointer-events:none}
  body:not(.field-expanded) .field-topline{height:36px;font-size:8px;padding-inline:11px}
  body:not(.field-expanded) .field-legend{display:none}
  body:not(.field-expanded) .field-readout{bottom:0;min-height:53px;padding:9px 12px}
  body:not(.field-expanded) .field-readout strong{font-size:15px;line-height:1.3}
  body:not(.field-expanded) .field-readout span{font-size:8px}
  body:not(.field-expanded) .field-hint{display:none}
  body:not(.field-expanded) #field-expand{min-height:30px;font-size:9px;padding:5px 9px}
  body:not(.field-expanded) .synthesis-receipt{display:none}
  .field-caption{position:relative;top:auto;left:auto;right:auto;bottom:auto;justify-content:space-between;width:calc(100% - 36px);margin:12px auto 0;font-size:8px;line-height:1.4}
  .hero-motion{font-size:10px;min-height:34px;border:1px solid #b49acd35;border-radius:6px;padding:7px 10px}
  .hero-bottom,.depth-slab,.spatial-floor,.spatial-halo{display:none}
  .intro-strip{padding:26px 0}
  .intro-strip .wrap{gap:18px}
  .intro-strip p{font-size:30px;line-height:1.08}
  .pill-list{gap:10px 18px;flex-wrap:wrap}
  .pill-list span{font-size:9px}
  #economics{padding:44px 0 34px}
  #economics .economics-heading{gap:16px;margin-bottom:24px}
  #economics .eyebrow{font-size:9px;margin-bottom:0}
  #economics h2{font-size:clamp(32px,8.7vw,44px)}
  #economics .economics-heading p{font-size:14px;line-height:1.6;margin:0}
  #economics .owned-intelligence,#economics .nightshift-capacity{padding:20px;border-radius:12px}
  #economics h3{font-size:24px;margin-top:10px}
  #economics .economics-kicker{font-size:9px}
  #economics .hardware-image{height:clamp(98px,27vw,140px)}
  #economics .hardware-caption{margin:16px 0;font-size:11px}
  #economics .economics-handoff{padding-top:12px}
  #economics .nightshift-capacity>p{font-size:14px;margin-top:10px}
  #economics .production-loop{margin:18px 0;justify-content:space-between}
  #economics .production-loop>span{flex-direction:row;font-size:10px;gap:5px}
  #economics .production-loop i{width:22px;height:22px;font-size:14px}
  #economics .capacity{padding-top:16px}
  #economics .capacity-result output{font-size:52px}
  #economics .capacity-result{margin-top:12px}
  #economics .capacity .footnote{font-size:10px;margin-top:10px}
  #economics .economics-tempo{gap:18px 10px;padding-top:20px;margin-top:20px}
  #economics .economics-tempo p{font-size:17px}
  #economics .economics-tempo .economics-thesis{font-size:18px}
  .mobile-story-ready .story{padding:24px 0 28px;scroll-margin-top:0}
  .mobile-story-ready .story-intro{padding-block:0 12px}
  .mobile-story-ready .story-intro .eyebrow{font-size:9px;margin-bottom:0}
  .mobile-story-ready .story-intro p{display:none}
  .mobile-story-tabs{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:2px 18px 14px;scroll-padding-inline:18px;pointer-events:auto}
  .mobile-story-tabs::-webkit-scrollbar{display:none}
  .mobile-story-tabs button{flex:none;background:#1b1424;color:#bcb0cb;border:1px solid #b49acd30;border-radius:8px;padding:10px 13px;min-height:42px;font-size:12px}
  .mobile-story-tabs button[aria-selected=true]{background:#d6f588;color:#251830;border-color:#d6f588}
  .mobile-story-frame{height:clamp(260px,calc(100svh - 540px),360px);width:calc(100% - 36px);margin:0 auto;border:1px solid #bc9bd92b;border-radius:12px;pointer-events:none}
  .mobile-story-ready .chapter{display:none;min-height:0;padding:0;scroll-margin-top:0}
  .mobile-story-ready .chapter.mobile-selected{display:block}
  .mobile-story-ready .chapter .wrap{margin:0 auto}
  .mobile-story-ready .chapter-copy{width:100%;max-width:none;padding:21px 0 16px;min-height:220px}
  .mobile-story-ready .chapter-number{font-size:10px;margin-bottom:10px;gap:10px}
  .mobile-story-ready .chapter-number span{font-size:10px}
  .mobile-story-ready .chapter h2,.mobile-story-ready #synthesis h2,.mobile-story-ready #make h2{font-size:clamp(28px,7.7vw,38px);line-height:1.08;max-width:none;margin-bottom:13px}
  .mobile-story-ready .chapter-copy>p,.mobile-story-ready .chapter-detail,.mobile-story-ready .synthesis-path,.mobile-story-ready .chapter-copy>.text-link{display:none}
  .mobile-story-ready .chapter-copy>.mobile-chapter-summary{display:block;font-size:14px;line-height:1.65;max-width:520px}
  .mobile-story-ready .chapter-details-toggle{display:inline-flex;align-items:center;min-height:40px;padding:9px 0 0;background:none;color:#d6f588;font-size:11px;gap:14px}
  .mobile-story-ready .chapter.mobile-details-open .chapter-copy>p:not(.mobile-chapter-summary){display:block;font-size:14px;line-height:1.7}
  .mobile-story-ready .chapter.mobile-details-open .mobile-chapter-summary{display:none}
  .mobile-story-ready .chapter.mobile-details-open .chapter-detail{display:flex;font-size:11px;margin-top:15px;padding-top:12px;max-width:none}
  .mobile-story-ready .chapter.mobile-details-open .synthesis-path{display:flex;flex-wrap:wrap;margin-top:14px}
  .mobile-story-ready .chapter.mobile-details-open .chapter-copy>.text-link{display:inline-flex;font-size:12px}
  .mobile-story-controls{width:calc(100% - 36px);margin:0 auto;pointer-events:auto}
  .mobile-story-ready .story-controls{position:static;display:grid;grid-template-columns:44px 1fr auto 44px;gap:9px;border:0;border-top:1px solid #b49acd30;border-radius:0;padding:14px 0 0;background:none;opacity:1;pointer-events:auto}
  .mobile-story-ready .story-controls .step-dots,.mobile-story-ready .story-controls #tour-toggle{display:none}
  .mobile-story-ready .story-controls .step-arrow,.mobile-story-ready .story-controls #motion-toggle{height:44px;min-height:44px;width:44px;border-radius:8px;font-size:17px;background:#21172c;padding:0}
  .mobile-story-ready .story-controls #story-prev{order:0}
  .mobile-story-count{order:1;font:11px var(--mono);text-align:center;color:#b8abc8;white-space:nowrap}
  .mobile-story-ready .story-controls #story-next{order:2;width:auto;min-width:90px;padding:0 13px;font:12px var(--sans);background:#d6f588;color:#251830;border-color:#d6f588}
  .mobile-story-ready .story-controls #motion-toggle{order:3;justify-content:center}
  .portfolio{padding:46px 0 30px}
  .portfolio .morning-heading{margin-bottom:22px}
  .portfolio h2{font-size:clamp(34px,9.4vw,48px)}
  .portfolio .eyebrow{font-size:9px}
  .portfolio-intro{margin-top:18px}
  .portfolio-intro>p{font-size:15px;line-height:1.5}
  .portfolio-intro>p:not(.portfolio-mobile-intro){display:none}
  .portfolio-intro>.portfolio-mobile-intro{font-size:14px;line-height:1.65}
  .portfolio-intro .portfolio-intro-small{font-size:12px;margin-top:10px;line-height:1.65}
  .portfolio-intro .text-link{display:none}
  .portfolio-toolbar{padding-block:12px;gap:10px;margin-bottom:18px;min-width:0}
  .portfolio-filters{flex-wrap:nowrap;overflow-x:auto;max-width:100%;gap:4px;padding:2px 0 5px;scrollbar-width:thin}
  .portfolio-filters button{white-space:nowrap;flex:none;min-height:40px;padding:9px 11px;font-size:11px}
  .portfolio-grid{gap:0;touch-action:pan-y pinch-zoom}
  .work-visual,.work.is-top .work-visual,.work:first-child .work-visual{height:clamp(255px,78vw,380px)}
  .work-info{padding:18px 0 14px}
  .work h3{font-size:29px}
  .work p{font-size:13px;line-height:1.65;margin-top:10px}
  .work-index{font-size:8px}
  .work-footer{font-size:9px;line-height:1.5;gap:10px;flex-wrap:wrap}
  .work-footer a{padding:8px 0}
  .portfolio-pager{justify-content:space-between;gap:16px;margin-top:18px;border-top:1px solid #b49acd30;padding-top:16px}
  .pager-arrow{width:48px;min-height:44px}
  .pager-dots{flex:1;text-align:center;justify-content:center}
  .mobile-page-position{font:12px var(--mono);color:#c8bdd4}
  #pager-auto{display:none}
  .portfolio-end{margin-top:30px;padding:24px 0 20px}
  .portfolio-end p{font-size:28px}
  .portfolio-end .button{font-size:12px;margin-top:18px;min-height:46px}
  .portfolio .morning-foot{font-size:9px;line-height:1.7}
  .connections{padding:42px 0 34px;overflow:hidden}
  .section-heading{margin-bottom:20px;text-align:left}
  .section-heading .eyebrow{justify-content:flex-start;font-size:9px}
  .section-heading h2{font-size:35px;margin:16px 0}
  .section-heading p{font-size:14px;line-height:1.65;margin:0}
  .mobile-browse-hint{font:10px var(--mono);color:#a99ab8;margin:0 0 15px;letter-spacing:.02em}
  .connection-grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:18px;overscroll-behavior-x:contain;margin-inline:-18px;padding:0 18px 14px;border:0;border-radius:0;background:transparent}
  .connection{flex:0 0 calc(100% - 20px);scroll-snap-align:start;padding:22px;border-radius:12px}
  .connection .icon{margin-bottom:15px;width:27px;height:27px}
  .connection .mono{font-size:9px}
  .connection h3{font-size:26px;margin:12px 0}
  .connection p{font-size:14px;line-height:1.65;margin-bottom:20px}
  .connection .code-sample{min-height:90px;font-size:11px;line-height:1.65}
  .connection .code-sample small{font-size:9px}
  .connection .code-sample .copy{min-height:30px;padding:4px 8px;font-size:10px}
  .compatibility{display:none}
  .download{padding:44px 0 36px}
  .download h2{font-size:clamp(37px,10vw,52px);margin-block:18px}
  .download .eyebrow{font-size:9px}
  .download>.wrap>p{font-size:14px;line-height:1.65}
  .edition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:25px}
  .edition-card{min-width:0;padding:19px 16px;border-radius:12px}
  .edition-card.featured{grid-column:1/-1}
  .download .edition-card.featured p{color:#3e482b!important}
  .edition-card h3{font-size:30px;margin:13px 0}
  .edition-card p{font-size:12px;line-height:1.6;min-height:0;margin-bottom:20px}
  .edition-kicker{font-size:8px;line-height:1.6;letter-spacing:.03em}
  .edition-cta{font-size:11px;line-height:1.5;white-space:normal}
  .edition-card small{font-size:9px;line-height:1.6;margin-top:12px}
  .download-note,.download-decoration{display:none}
  footer{padding:25px 0}
  footer .wrap{gap:20px}
  footer p{font-size:9px;line-height:1.8}
  .footer-links{font-size:12px;gap:16px}
}
@media(max-width:360px){
  .hero{padding-top:91px}
  .hero h1{font-size:43px}
  .hero-actions{gap:3px 9px}
  .hero .button{font-size:11px;padding-inline:12px}
  .hero .text-link{font-size:10px}
  .mobile-page-nav a{font-size:10px;padding-inline:3px}
  .mobile-story-ready .chapter-copy{min-height:255px}
  .mobile-story-ready .story-controls{gap:7px}
  #economics .owned-intelligence,#economics .nightshift-capacity{padding:18px 15px}
  #economics .production-loop>span{font-size:9px}
  .edition-card{padding:17px 13px}
}

@media(max-width:760px){
  .field-topline>span:not(.mobile-field-title):not(.field-top-actions){display:none}
  .field-topline .sample-badge{display:none}
  .mobile-field-title{font:9px var(--mono);color:#c7b7d7;letter-spacing:.04em}
  #hero-motion{width:32px;min-height:30px;padding:5px;border:1px solid #b49acd40;border-radius:6px;font-size:0}
  #hero-motion:after{content:'Ⅱ';font:13px var(--mono)}
  #hero-motion[aria-pressed=true]:after{content:'▶'}
  .field-expanded #hero-motion{display:none}
  .hero .field-caption{font-size:8px;justify-content:center;margin-top:12px}
  .work-info{min-height:190px}
}
@media(max-width:760px) and (max-height:740px){
  .mobile-story-ready .story{padding-top:16px}
  .mobile-story-ready .story-intro{display:none}
  .mobile-story-frame{height:clamp(190px,32svh,236px)}
  .mobile-story-ready .chapter-copy{min-height:0;padding:16px 0 10px}
  .mobile-story-ready .chapter-number{margin-bottom:8px;font-size:9px}
  .mobile-story-ready .chapter h2,.mobile-story-ready #synthesis h2,.mobile-story-ready #make h2{font-size:26px;margin-bottom:10px}
  .mobile-story-ready .chapter-copy>.mobile-chapter-summary{font-size:13px;line-height:1.6}
  .mobile-story-ready .chapter-details-toggle{min-height:36px;font-size:10px}
  .mobile-story-ready .story-controls{padding-top:10px}
}
/* Portrait tablets keep the side-by-side story, but the body paragraph wraps into a narrow column and crowds the field. Hide it; the heading and detail line stay. Phones use the rules above. */
@media (orientation:portrait) and (max-width:1100px){
  .story .chapter-copy>p:not(.mobile-chapter-summary){display:none}
}

/* Company story: a separate destination, alongside the product pages. */
#about-page{position:relative;background:#0b0811;isolation:isolate}
.about-hero{padding:160px 0 78px;display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center}
.about-hero h1{font-size:clamp(54px,5.7vw,82px);line-height:1.02;letter-spacing:-.065em;font-weight:430;margin:26px 0}
.about-hero h1 em{font-family:Georgia,serif;font-weight:400;color:#d6f588}
.about-hero-copy>p{max-width:485px;font-size:18px;line-height:1.7;color:#bdb0cd;margin:0 0 22px}
.about-hero .text-link{font-size:14px;color:#d6f588;min-height:44px}
.about-ownership{margin:0;border:1px solid #bda5dc38;border-radius:20px;padding:32px;background:radial-gradient(ellipse at 70% 100%,#a4be6514,transparent 70%),#15101e}
.about-diagram-label{display:flex;justify-content:space-between;gap:12px;font:10px/1.5 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:#b5a5c7}
.about-models{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.about-models span{padding:11px 15px;border:1px dashed #bda5dc50;border-radius:7px;color:#d2c6de;font-size:13px}
.about-bridge{display:flex;align-items:center;gap:14px;margin:22px 0;color:#9f8fb1;font:11px/1.5 var(--mono)}
.about-bridge:before{content:'↓';display:grid;place-items:center;width:32px;height:36px;border-left:1px solid #bda5dc45;color:#d6f588}
.about-owned{padding:23px;border:1px solid #d6f58865;border-radius:12px;background:#d6f58808}
.about-owned .about-diagram-label{color:#d6f588}
.about-owned h2{font-size:30px;font-weight:450;letter-spacing:-.035em;margin:17px 0 22px}
.about-assets{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.about-assets span{padding:12px;background:#100d16;border:1px solid #d6f58820;border-radius:5px;font-size:13px;color:#dcd4e5}
.about-assets span:before{content:'+';color:#d6f588;margin-right:9px}
.about-ownership figcaption{margin-top:19px;font-size:12px;line-height:1.6;color:#b5a5c7}
.about-ownership.about-reel{padding:0;overflow:hidden;background:#08070d}
.about-reel-frame{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:inherit;background:#08070d}
/* Muted, chrome-less reel: no pointer events (so no hover title bar, controls or
   logo), scaled up so YouTube's top title strip and corner watermark crop out. */
.about-reel-iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none;transform:scale(1.36);transform-origin:center}
.about-thesis{padding:58px 0 70px;border-top:1px solid #bda5dc30}
.about-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:32px}
.about-section-head h2{font-size:clamp(30px,3.3vw,46px);font-weight:430;letter-spacing:-.045em;margin:0}
.about-section-head>span{font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#a697b7}
.about-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.about-principle{border-top:1px solid #bda5dc35;padding-top:22px}
.about-principle>span{font:11px var(--mono);color:#d6f588}
.about-principle h3{font-size:23px;font-weight:450;letter-spacing:-.035em;margin:20px 0 12px}
.about-principle p{font-size:15px;line-height:1.75;color:#b5a5c7;margin:0}
.about-talks{padding:0 0 78px;scroll-margin-top:110px}
.about-talks-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;align-items:start}
.talks-stage{display:flex;flex-direction:column;gap:22px}
.talks-player{position:relative;aspect-ratio:16/9;border:1px solid #bda5dc38;border-radius:16px;overflow:hidden;background:#100d16}
.talks-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.talks-cover{position:absolute;inset:0;width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:26px;border:0;cursor:pointer;color:#f5effc;text-align:left;font:inherit;background:linear-gradient(180deg,#0b081120 0%,#0b0811c8 100%),var(--talk-thumb) center/cover no-repeat}
.talks-cover:hover .talks-play,.talks-cover:focus-visible .talks-play{transform:translate(-50%,-50%) scale(1.08);background:#e4ff9e}
.talks-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:78px;height:78px;border-radius:50%;background:#d6f588;color:#17140e;box-shadow:0 18px 50px #0b081190;transition:transform .2s,background .2s}
.talks-play svg{width:34px;height:34px;margin-left:4px}
.talks-cover-meta{display:flex;flex-direction:column;gap:8px;max-width:520px}
.talks-cover-meta .eyebrow{margin:0;color:#d6f588}
.talks-cover-meta strong{font-size:clamp(17px,1.6vw,22px);font-weight:450;line-height:1.3;letter-spacing:-.02em}
.talks-intro{font-size:15px;line-height:1.7;color:#b5a5c7;margin:0;max-width:560px}
.about-talks .button{font-size:14px;color:#d6f588;border-color:#d6f58865;align-self:flex-start}
.talks-list-wrap{border:1px solid #bda5dc38;border-radius:16px;padding:22px;background:#15101e}
.talks-list{list-style:none;margin:18px 0 0;padding:0 6px 0 0;max-height:560px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#bda5dc50 transparent}
.talks-list li{border-top:1px solid #bda5dc28}
.talks-list li:first-child{border-top:0}
.talk-item{display:flex;gap:14px;width:100%;padding:14px 10px 14px 4px;border:0;border-radius:8px;background:none;color:#dcd4e5;text-align:left;font:inherit;cursor:pointer;transition:background .15s,color .15s}
.talk-item:hover,.talk-item:focus-visible{background:#d6f5880c;color:#f5effc}
.talk-item[aria-pressed="true"]{color:#f5effc}
.talk-item[aria-pressed="true"] .talk-index,.talk-item[aria-pressed="true"] .talk-title{color:#d6f588}
.talk-index{flex:0 0 26px;font:11px/1.9 var(--mono);color:#a697b7}
.talk-copy{display:flex;flex-direction:column;gap:4px}
.talk-title{font-size:15px;line-height:1.4;letter-spacing:-.01em}
.talk-guest{font-size:12px;line-height:1.5;color:#a697b7}
.about-business{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-bottom:80px;padding:40px;border:1px solid #bda5dc35;border-radius:16px;background:#17111f;scroll-margin-top:110px}
.about-business h2{font-size:clamp(32px,3.5vw,48px);line-height:1.1;font-weight:430;letter-spacing:-.05em;margin:20px 0}
.about-business p{font-size:15px;line-height:1.7;color:#b5a5c7;margin:0 0 24px;max-width:440px}
.about-business .button{font-size:14px;color:#d6f588;border-color:#d6f58865}
.about-engagements{margin:0;align-self:center}
.about-engagements>div{padding:17px 0;border-bottom:1px solid #bda5dc30}
.about-engagements>div:first-child{padding-top:0}
.about-engagements>div:last-child{border-bottom:0;padding-bottom:0}
.about-engagements dt{font-size:16px;color:#e9e0f1;margin-bottom:6px}
.about-engagements dd{font-size:14px;line-height:1.6;color:#b5a5c7;margin:0}
#about-page a:focus-visible{outline:2px solid #d6f588;outline-offset:5px}
@media(min-width:761px) and (max-width:1100px){
 .about-hero{gap:30px}.about-ownership{padding:24px}.about-business{gap:35px}.about-principles{gap:24px}
 .about-talks-grid{grid-template-columns:1fr;gap:28px}.talks-list{max-height:420px}
 .topbar .nav-links{gap:17px}
}
@media(max-width:760px){
 .about-hero{grid-template-columns:1fr;gap:30px;padding:100px 0 38px}
 .about-hero h1{font-size:clamp(43px,10vw,66px);margin:20px 0}
 .about-hero-copy>p{font-size:16px;line-height:1.6;max-width:550px;margin-bottom:12px}
 .about-ownership{padding:22px;border-radius:14px;max-width:520px;width:100%}
 .about-models{margin-top:14px}.about-models span{padding:9px 12px;font-size:12px}
 .about-bridge{margin:12px 0}.about-bridge:before{height:24px}
 .about-owned{padding:18px}.about-owned h2{font-size:26px;margin:12px 0 16px}
 .about-assets{gap:8px}.about-assets span{padding:10px;font-size:12px}
 .about-diagram-label{font-size:9px;letter-spacing:.04em}
 .about-thesis{padding:32px 0 38px}.about-section-head{display:block;margin-bottom:22px}
 .about-section-head>span{display:block;margin-top:12px}
 .about-principles{grid-template-columns:1fr;gap:20px}
 .about-principle{position:relative;padding:18px 0 0 35px}
 .about-principle>span{position:absolute;left:0;top:23px}
 .about-principle h3{font-size:21px;margin:0 0 8px}.about-principle p{font-size:14px;line-height:1.65}
 .about-talks{padding:0 0 40px;scroll-margin-top:82px}.about-talks-grid{grid-template-columns:1fr;gap:22px}
 .talks-player{border-radius:12px}.talks-cover{padding:16px}.talks-play{width:58px;height:58px}.talks-play svg{width:26px;height:26px}
 .talks-cover-meta strong{font-size:15px}.talks-intro{font-size:14px;line-height:1.65}.about-talks .button{width:100%}
 .talks-list-wrap{padding:16px;border-radius:12px}.talks-list{max-height:380px}.talk-item{padding:12px 6px 12px 2px}.talk-title{font-size:14px}
 .about-business{grid-template-columns:1fr;gap:28px;padding:24px;margin-bottom:40px;border-radius:12px;scroll-margin-top:82px}
 .about-business h2{font-size:34px}.about-business .eyebrow{font-size:10px}.about-business .button{width:100%}
}
/* Free Tools showcase: the live Nightshift field beside one app card at a time. */
.apps-showcase{display:grid;grid-template-columns:minmax(0,3fr) minmax(270px,1fr);gap:18px;align-items:stretch}
.showcase-stage-wrap{display:flex;flex-direction:column;gap:14px;min-width:0}
.showcase-tabs{display:flex;gap:8px;flex-wrap:wrap}
.showcase-tabs button{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:8px 16px 8px 13px;border:1px solid #bc9fde33;border-radius:999px;background:#110d18;color:#cfc3dc;font:500 14px/1 var(--sans);letter-spacing:-.01em;cursor:pointer;transition:border-color .2s,background .2s,color .2s}
.showcase-tabs button i{width:8px;height:8px;border-radius:50%;background:var(--app-color);box-shadow:0 0 10px var(--app-color);opacity:.55;transition:opacity .2s}
.showcase-tabs button span{font:11px var(--mono);letter-spacing:.04em;color:#9d8ba9;padding-left:10px;border-left:1px solid #bc9fde33}
.showcase-tabs button:hover{border-color:color-mix(in srgb,var(--app-color) 60%,transparent);color:#f5effc}
.showcase-tabs button[aria-selected="true"]{border-color:var(--app-color);color:#f5effc;background:color-mix(in srgb,var(--app-color) 13%,#110d18)}
.showcase-tabs button[aria-selected="true"] i{opacity:1}
.showcase-tabs button[aria-selected="true"] span{color:var(--app-color);border-color:color-mix(in srgb,var(--app-color) 40%,transparent)}
.showcase-tabs button:focus-visible{outline:2px solid #d6f588;outline-offset:3px}
.showcase-stage{position:relative;aspect-ratio:16/10;min-height:420px;border:1px solid #bc9fde33;border-radius:16px;overflow:hidden;background:#07060b;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--app-color) 22%,transparent),0 30px 80px #0007;transition:box-shadow .5s}
.showcase-static{position:absolute;inset:0;background:radial-gradient(ellipse at 28% 38%,color-mix(in srgb,var(--app-color) 24%,transparent),transparent 58%),radial-gradient(ellipse at 76% 72%,#8b64ae26,transparent 55%),#07060b;transition:background .6s}
.showcase-static:after{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,#ffffff14 1px,transparent 1.5px);background-size:26px 26px;mask-image:radial-gradient(ellipse at 50% 50%,#000 30%,transparent 75%)}
.showcase-foot{display:flex;align-items:center;justify-content:space-between;gap:20px}
.showcase-line{flex:1;margin:0;font-size:15px;line-height:1.55;color:#b0a2bf;min-width:0}
.showcase-line strong{font-weight:500;color:#f0eaf6}
.showcase-nav{display:flex;gap:8px;flex-shrink:0}
.showcase-nav button{min-width:40px;height:40px;padding:0 13px;border:1px solid #bc9fde33;border-radius:999px;background:#110d18;color:#e9def4;font:12px var(--mono);letter-spacing:.06em;cursor:pointer;transition:border-color .2s,color .2s}
.showcase-nav button:hover{border-color:#d6f58880;color:#d6f588}
.showcase-nav button[aria-pressed="true"]{border-color:#d6f58880;color:#d6f588}
.showcase-nav button[aria-pressed="false"]{color:#9d8ba9}
.showcase-nav button:focus-visible{outline:2px solid #d6f588;outline-offset:3px}
.showcase-progress{height:2px;border-radius:2px;background:#bc9fde22;overflow:hidden}
.showcase-progress i{display:block;height:100%;width:0;background:var(--app-color);transition:width linear}
.apps-deck{display:flex;min-width:0}
.apps-deck .app-card{display:none;flex:1;width:100%}
.apps-deck .app-card.is-active{display:flex;animation:deck-in .45s cubic-bezier(.2,.7,.2,1)}
.apps-deck .app-card:hover{transform:none;border-color:var(--app-color)}
.apps-deck .app-card h3{margin-top:26px}
@keyframes deck-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.sw-drawer{position:absolute;top:47px;right:0;bottom:0;width:min(48%,520px);min-width:340px;display:flex;flex-direction:column;z-index:6;background:#0f0b16f4;border-left:1px solid #bc9fde40;box-shadow:-30px 0 60px #05030a99;backdrop-filter:blur(8px);transform:translateX(100%);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.sw-drawer.is-open{transform:none}
.sw-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px 12px;border-bottom:1px solid #bc9fde2a}
.sw-drawer-title{display:flex;flex-direction:column;gap:5px;min-width:0}
.sw-drawer-kind{font:8px var(--mono);letter-spacing:.12em;color:#9d8ba9}
.sw-drawer-kind b{color:var(--c-swarms,#e9c46a)}
.sw-drawer-title strong{font-size:14px;font-weight:500;line-height:1.3;color:#f1ecf6;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sw-drawer-path{font:9px var(--mono);color:#7f6f8f;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sw-drawer-actions{display:flex;gap:6px;flex-shrink:0}
.sw-drawer-act{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 10px;border:1px solid #bc9fde40;border-radius:6px;background:#17121f;color:#e9def4;font:10px var(--mono);letter-spacing:.06em;text-decoration:none;cursor:pointer;transition:border-color .2s,color .2s}
.sw-drawer-act:hover{border-color:var(--c-swarms,#e9c46a);color:var(--c-swarms,#e9c46a)}
.sw-drawer-close{width:30px;padding:0;font-size:16px;line-height:1}
.sw-drawer-frame{position:relative;flex:1;min-height:0;overflow:hidden;background:#000}
.sw-drawer-frame iframe{position:absolute;left:0;top:0;border:0;transform-origin:0 0;background:#000}
.sw-drawer-loading{position:absolute;inset:0;display:grid;place-items:center;font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#9d8ba9;background:#0b0811}
.sw-drawer-loading[hidden]{display:none}
.sw-drawer-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px 9px 16px;border-top:1px solid #bc9fde2a;font:9px var(--mono);letter-spacing:.06em;color:#9d8ba9}
.sw-drawer-nav{display:flex;gap:6px}
.sw-drawer-nav button{width:30px;height:28px;border:1px solid #bc9fde40;border-radius:6px;background:#17121f;color:#e9def4;font:12px var(--mono);cursor:pointer}
.sw-drawer-nav button:hover{border-color:var(--c-swarms,#e9c46a);color:var(--c-swarms,#e9c46a)}
@media(max-width:760px){.sw-drawer{top:38px;width:100%;min-width:0}.sw-drawer-head{padding:10px 12px}.sw-drawer-title strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){.sw-drawer{transition:none}}
@media(min-width:761px) and (max-width:1100px){
 .apps-showcase{grid-template-columns:1fr}
 .showcase-stage{min-height:380px}
 .apps-deck .app-card{max-width:560px}
}
@media(max-width:760px){
 .apps-showcase{grid-template-columns:1fr;gap:16px}
 .showcase-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
 .showcase-tabs button{flex-shrink:0;min-height:38px;padding:6px 13px 6px 11px;font-size:13px}
 .showcase-tabs button span{display:none}
 .showcase-stage{aspect-ratio:4/3;min-height:300px;border-radius:12px}
 .showcase-foot{flex-direction:column;align-items:flex-start;gap:12px}
 .showcase-line{font-size:14px}
 .showcase-nav button{height:36px;min-width:36px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){.apps-deck .app-card.is-active{animation:none}.showcase-progress i{transition:none}}
/* Live product demos, ported from meterless.ai (index-demos.css), scoped to the Free Tools showcase stage. */

#tools-stage .demo-wrap{
  display: flex; flex-direction: column; gap: 10px;
  --c-active: var(--c-gaia);
}
#tools-stage .demo-header{
  display: flex; align-items: center; justify-content: space-between; gap: 14px;
  padding: 2px 2px 10px; border-bottom: 1px solid var(--rule-soft);
  font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--ink-mute);
  min-height: 26px;
}
#tools-stage .demo-wrap:has(.dh-left--card) .demo-header{
  align-items: flex-start;
  min-height: 0;
}
#tools-stage .demo-header .dh-left{ display: flex; align-items: center; gap: 8px; min-width: 0; flex: 1; flex-wrap: wrap; row-gap: 2px; }
#tools-stage .demo-header .dh-left--card{
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}
#tools-stage .demo-header .dh-crn{ color: var(--ink-mute); font-size: 9px; letter-spacing: 0.14em; }
#tools-stage .demo-header .dh-crn b{ color: var(--ink-2); font-weight: 600; }
#tools-stage .demo-header .dh-prod .scene-label-prod, #tools-stage .demo-header .dh-crn .scene-label-prod{
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: none;
  color: var(--c-active);
  transition: color .3s;
}
#tools-stage .demo-header .dh-sep{ color: var(--ink-faint); font-size: 9px; }
#tools-stage .demo-header .dh-sub{ color: var(--ink-2); font-weight: 400; text-transform: uppercase; letter-spacing: 0.1em; font-size: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: var(--font-mono); }
#tools-stage .demo-header .dh-sub--prose{
  text-transform: none;
  letter-spacing: 0.01em;
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
  font-family: var(--font-sans, ui-sans-serif, system-ui, sans-serif);
  font-size: 11px;
  line-height: 1.45;
  font-weight: 400;
  width: 100%;
}
#tools-stage .demo-header .dh-right{ display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
#tools-stage .demo-header .dh-phase{
  display: inline-flex; align-items: center; gap: 6px;
  padding: 3px 9px; border-radius: 999px;
  background: color-mix(in srgb, var(--c-active) 10%, transparent);
  color: var(--c-active);
  font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.14em;
  border: 1px solid color-mix(in srgb, var(--c-active) 28%, transparent);
}
#tools-stage .demo-header .dh-phase::before{
  content: ""; width: 5px; height: 5px; border-radius: 50%;
  background: var(--c-active);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--c-active) 25%, transparent);
  animation: dhPulse 1.6s ease-in-out infinite;
}
@keyframes dhPulse { 0%,100% { opacity: 1; } 50% { opacity: 0.35; } }
#tools-stage .demo-stage{
  position: relative;
  aspect-ratio: 4 / 5;
  background: var(--card-2);
  border: 1px solid var(--rule);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(20,19,17,0.04), 0 30px 80px -40px rgba(20,19,17,0.28);
  --c-active: var(--c-gaia);
}
#tools-stage .demo-stage::before{
  content: ""; position: absolute; inset: 0;
  background-image: radial-gradient(circle at center, var(--rule-soft) 1px, transparent 1px);
  background-size: 40px 40px;
  opacity: 0.25; pointer-events: none; z-index: 0;
}
#tools-stage .demo-stage .scene-dots{
  position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%);
  z-index: 10;
  display: flex; gap: 8px;
  padding: 6px 10px;
  background: color-mix(in srgb, var(--paper) 90%, transparent);
  border: 1px solid var(--rule);
  border-radius: 999px;
  backdrop-filter: blur(4px);
}
#tools-stage .demo-stage .scene-dot{
  width: 28px; height: 4px; border-radius: 2px;
  background: var(--rule);
  border: none; cursor: pointer; padding: 0;
  transition: background .25s;
  position: relative;
}
#tools-stage .demo-stage .scene-dot:hover{ background: var(--ink-faint); }
#tools-stage .demo-stage .scene-dot.on{ background: var(--c-active); }
#tools-stage .demo-stage .scene-dot span{
  position: absolute; top: -18px; left: 50%; transform: translateX(-50%);
  font-family: var(--font-mono); font-size: 8px; letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--ink-mute); opacity: 0; transition: opacity .2s;
  pointer-events: none;
}
#tools-stage .demo-stage .scene-dot:hover span, #tools-stage .demo-stage .scene-dot.on span{ opacity: 1; color: var(--c-active); }
#tools-stage .demo-scene{
  position: absolute; inset: 0;
  display: flex; flex-direction: column;
  z-index: 2;
  transition: opacity .3s;
}
#tools-stage .demo-scene.fading{ opacity: 0; }
#tools-stage .demo-scene .s-head{ display: none; }
#tools-stage .s-head{
  padding: 16px 20px 16px 22px;
  display: flex; justify-content: space-between; align-items: center;
  border-bottom: 1px solid var(--rule);
  background: color-mix(in srgb, var(--paper) 70%, transparent);
  backdrop-filter: blur(6px);
}
#tools-stage .s-tag{ font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-mute); }
#tools-stage .s-tag b{ color: var(--c-active); }
#tools-stage .s-pulse{ display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em; color: var(--ink-dim); }
#tools-stage .s-pulse::before{
  content: ""; width: 7px; height: 7px; border-radius: 50%;
  background: var(--c-active);
  box-shadow: 0 0 0 0 color-mix(in srgb, var(--c-active) 60%, transparent);
  animation: s-beat 1.6s ease-in-out infinite;
}
@keyframes s-beat {
  0%,100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--c-active) 60%, transparent); }
  50%     { box-shadow: 0 0 0 8px color-mix(in srgb, var(--c-active) 0%, transparent); }
}
#tools-stage .s-prompt{
  padding: 14px 20px;
  border-bottom: 1px solid var(--rule);
  background: var(--card);
  display: flex; gap: 10px; align-items: center;
}
#tools-stage .s-you{
  font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em;
  color: var(--c-active); text-transform: uppercase;
  padding: 3px 8px; border: 1px solid color-mix(in srgb, var(--c-active) 30%, var(--rule));
  border-radius: 5px; background: color-mix(in srgb, var(--c-active) 8%, transparent);
  flex-shrink: 0;
}
#tools-stage .s-txt{
  font-family: var(--font-sans); font-size: 13px; color: var(--ink); line-height: 1.4;
  flex: 1;
}
#tools-stage .s-caret{
  display: inline-block; width: 6px; height: 13px; background: var(--ink);
  vertical-align: -2px; margin-left: 2px;
  animation: s-blink 1s steps(2) infinite;
}
@keyframes s-blink { 50% { opacity: 0; } }
#tools-stage .s-foot{
  border-top: 1px solid var(--rule);
  background: var(--card);
  display: grid;
  grid-template-columns: 1.35fr 1fr;
}
#tools-stage .s-log{
  padding: 12px 16px;
  border-right: 1px solid var(--rule);
  font-family: var(--font-mono); font-size: 10.5px; color: var(--ink-2);
  height: 108px; overflow: hidden;
}
#tools-stage .s-lt{ font-size: 9px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-mute); margin-bottom: 6px; }
#tools-stage .s-stream{ display: flex; flex-direction: column; gap: 3px; }
#tools-stage .s-line{ display: flex; gap: 8px; line-height: 1.5; animation: s-slide .4s ease both; }
@keyframes s-slide { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
#tools-stage .s-line .t{ color: var(--ink-faint); min-width: 36px; }
#tools-stage .s-line .b{ color: var(--c-active); font-weight: 500; flex-shrink: 0; }
#tools-stage .s-line .m{ color: var(--ink-2); }
#tools-stage .s-line.ok .b{ color: #8fe3a8 !important; }
#tools-stage .s-line.warn .b{ color: #f2b06a !important; }
#tools-stage .s-mem{ padding: 12px 16px; font-family: var(--font-mono); height: 108px; overflow: hidden; }
#tools-stage .s-mt{ font-size: 9px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-mute); margin-bottom: 8px; display: flex; justify-content: space-between; }
#tools-stage .s-mt b{ color: var(--c-active); }
#tools-stage .s-bars{ display: flex; flex-direction: column; gap: 5px; }
#tools-stage .s-bar{ display: grid; grid-template-columns: 62px 1fr 36px; gap: 8px; align-items: center; font-size: 10px; }
#tools-stage .s-bar .k{ color: var(--ink-dim); letter-spacing: 0.04em; }
#tools-stage .s-bar .tr{ height: 4px; background: var(--rule); border-radius: 2px; overflow: hidden; }
#tools-stage .s-bar .fl{ height: 100%; background: var(--c-active); transition: width .6s cubic-bezier(.3,.7,.3,1); }
#tools-stage .s-bar .v{ text-align: right; color: var(--ink); font-variant-numeric: tabular-nums; }
#tools-stage .g-orbit{ position: relative; flex: 1; min-height: 240px; overflow: hidden; }
#tools-stage .g-svg{ position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; }
#tools-stage .g-ring{ fill: none; stroke: var(--rule); stroke-width: 1; opacity: 0.55; }
#tools-stage .g-ring.inner{ stroke-dasharray: 2 6; }
#tools-stage .g-line{ fill: none; stroke: var(--c-active); stroke-width: 1.2; stroke-linecap: round; opacity: 0; }
#tools-stage .g-line.on{ opacity: 0.75; stroke-dasharray: 4 3; animation: g-flow 1.2s linear infinite; }
@keyframes g-flow { to { stroke-dashoffset: -14; } }
#tools-stage .g-core{
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 82px; height: 82px;
  border-radius: 50%;
  background: var(--ink);
  border: 1.5px solid var(--c-active);
  box-shadow:
    0 0 0 6px color-mix(in srgb, var(--c-active) 6%, transparent),
    0 0 0 14px color-mix(in srgb, var(--c-active) 3%, transparent),
    0 0 28px color-mix(in srgb, var(--c-active) 28%, transparent);
  display: grid; place-items: center; z-index: 3;
}
#tools-stage .g-core-t{ font-family: var(--font-serif); font-style: italic; font-size: 24px; color: var(--paper); letter-spacing: -0.01em; line-height: 1; }
#tools-stage .g-core-s{ font-family: var(--font-mono); font-size: 7px; letter-spacing: 0.14em; color: color-mix(in srgb, var(--c-active) 80%, var(--paper)); margin-top: 4px; text-transform: uppercase; }
#tools-stage .g-core::before{
  content: ""; position: absolute; inset: -2px; border-radius: 50%;
  border: 1px solid color-mix(in srgb, var(--c-active) 40%, transparent);
  animation: g-pulse 2.4s ease-out infinite;
}
@keyframes g-pulse { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.5); opacity: 0; } }
#tools-stage .g-brain{
  position: absolute;
  width: 44px; height: 44px;
  border-radius: 50%;
  background: var(--card-2);
  border: 1px solid var(--rule);
  display: grid; place-items: center;
  z-index: 2;
  transition: all .35s cubic-bezier(.2,.8,.3,1);
}
#tools-stage .g-brain .ic{ font-family: var(--font-serif); font-style: italic; font-size: 16px; color: var(--ink); line-height: 1; }
#tools-stage .g-brain .lbl{
  position: absolute; font-family: var(--font-mono);
  font-size: 9px; letter-spacing: 0.06em; text-transform: uppercase;
  color: var(--ink-2);
  white-space: nowrap; padding: 2px 6px;
  background: var(--paper); border: 1px solid var(--rule-soft);
  border-radius: 3px; pointer-events: none;
}
#tools-stage .g-brain[data-pos="top"] .lbl{ top: -17px; left: 50%; transform: translateX(-50%); }
#tools-stage .g-brain[data-pos="bottom"] .lbl{ bottom: -17px; left: 50%; transform: translateX(-50%); }
#tools-stage .g-brain[data-pos="left"] .lbl{ top: 50%; right: calc(100% + 6px); transform: translateY(-50%); }
#tools-stage .g-brain[data-pos="right"] .lbl{ top: 50%; left: calc(100% + 6px); transform: translateY(-50%); }
#tools-stage .g-brain.active{
  background: color-mix(in srgb, var(--c-active) 12%, var(--card-2));
  border-color: var(--c-active);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--c-active) 12%, transparent);
  transform: scale(1.08);
}
#tools-stage .g-brain.active .ic, #tools-stage .g-brain.active .lbl{ color: var(--c-active); }
#tools-stage .g-portal{
  position: absolute; inset: 0;
  background: #0b0d12;
  overflow: hidden;
  border-radius: 17px; 
}
#tools-stage .g-canvas{
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  display: block;
}
#tools-stage .g-portal-overlay{
  position: absolute; inset: 0;
  pointer-events: none;
  font-family: var(--font-mono);
  color: rgba(255, 248, 232, 0.78);
}
#tools-stage .g-corner-l, #tools-stage .g-corner-r{
  position: absolute; top: 14px;
  display: flex; flex-direction: column; gap: 2px;
  font-size: 9px; letter-spacing: 0.16em; text-transform: uppercase;
}
#tools-stage .g-corner-l{ left: 16px; }
#tools-stage .g-corner-r{ right: 16px; align-items: flex-end; }
#tools-stage .g-corner-k{ color: rgba(255, 248, 232, 0.45); }
#tools-stage .g-corner-v{ color: rgba(255, 200, 140, 0.95); font-weight: 600; }
#tools-stage .g-phase-pill{
  display: inline-flex; align-items: center; gap: 6px;
  padding: 4px 10px;
  border: 1px solid rgba(217, 119, 87, 0.45);
  background: rgba(217, 119, 87, 0.10);
  border-radius: 999px;
  color: #ffc89a;
  font-size: 9px; letter-spacing: 0.16em;
}
#tools-stage .g-phase-dot{
  width: 5px; height: 5px; border-radius: 50%;
  background: #ffb088;
  box-shadow: 0 0 0 2px rgba(217, 119, 87, 0.25);
  animation: g-phase-pulse 1.6s ease-in-out infinite;
}
@keyframes g-phase-pulse { 0%,100% { opacity: 1; } 50% { opacity: 0.35; } }
#tools-stage .g-core-card{
  position: absolute; left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  padding: 12px 22px;
  background: rgba(11, 13, 18, 0.55);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  border: 1px solid rgba(255, 200, 140, 0.18);
  border-radius: 999px;
}
#tools-stage .g-core-title{
  font-family: var(--font-serif);
  font-style: italic;
  font-size: 22px;
  color: #fff8e8;
  letter-spacing: -0.01em;
  line-height: 1;
}
#tools-stage .g-core-sub{
  font-family: var(--font-mono);
  font-size: 8px;
  letter-spacing: 0.22em;
  color: #ffc89a;
  margin-top: 5px;
  text-transform: uppercase;
}
#tools-stage .g-foot{
  position: absolute; left: 0; right: 0; bottom: 38px;
  padding: 0 16px;
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 12px;
  font-size: 9.5px;
  pointer-events: none;
}
#tools-stage .g-log, #tools-stage .g-mem{
  background: rgba(11, 13, 18, 0.55);
  border: 1px solid rgba(255, 248, 232, 0.10);
  border-radius: 8px;
  padding: 8px 10px;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  min-height: 78px;
}
#tools-stage .g-log-head, #tools-stage .g-mem-head{
  font-size: 8px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(255, 248, 232, 0.4);
  margin-bottom: 6px;
}
#tools-stage .g-mem-head b{ color: #fff8e8; font-variant-numeric: tabular-nums; font-weight: 600; }
#tools-stage .g-stream{ display: flex; flex-direction: column; gap: 3px; }
#tools-stage .g-line{
  display: flex; gap: 6px;
  line-height: 1.4;
  animation: g-slide .35s ease both;
}
#tools-stage .g-line .t{ color: rgba(255, 248, 232, 0.32); min-width: 32px; font-size: 8.5px; }
#tools-stage .g-line .b{ color: #ffc89a; font-weight: 500; flex-shrink: 0; font-size: 8.5px; }
#tools-stage .g-line .m{ color: rgba(255, 248, 232, 0.78); font-size: 8.5px; }
#tools-stage .g-line.ok .b{ color: #7fd4c8 !important; }
@keyframes g-slide {
  from { opacity: 0; transform: translateY(2px); }
  to   { opacity: 1; transform: none; }
}
#tools-stage .g-bars{ display: flex; flex-direction: column; gap: 4px; }
#tools-stage .g-bar{ display: grid; grid-template-columns: 50px 1fr; gap: 6px; align-items: center; }
#tools-stage .g-bar .k{
  color: rgba(255, 248, 232, 0.50);
  font-size: 8px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
#tools-stage .g-bar .tr{
  height: 3px;
  background: rgba(255, 248, 232, 0.10);
  border-radius: 2px;
  overflow: hidden;
}
#tools-stage .g-bar .fl{
  height: 100%;
  background: linear-gradient(90deg, #ffb088, #ffc89a);
  transition: width .6s cubic-bezier(.3,.7,.3,1);
}
#tools-stage .demo-stage[data-active="gaia"] .scene-dots{
  background: rgba(11, 13, 18, 0.75);
  border-color: rgba(255, 248, 232, 0.15);
}
#tools-stage .demo-stage[data-active="gaia"] .scene-dot{
  background: rgba(255, 248, 232, 0.18);
}
#tools-stage .demo-stage[data-active="gaia"] .scene-dot.on{ background: #ffb088; }
#tools-stage .demo-stage[data-active="gaia"] .scene-dot:hover{ background: rgba(255, 248, 232, 0.35); }
#tools-stage .demo-stage[data-active="gaia"] .scene-dot:hover span, #tools-stage .demo-stage[data-active="gaia"] .scene-dot.on span{ color: #ffc89a; }
#tools-stage .demo-stage[data-active="gaia"]::before{ display: none; }
@media (max-width: 640px) {
  #tools-stage .g-foot{ grid-template-columns: 1fr; bottom: 44px; }
  #tools-stage .g-mem{ display: none; }
  #tools-stage .g-corner-l, #tools-stage .g-corner-r{ font-size: 8px; }
}
#tools-stage .sw-stage{ flex: 1; padding: 12px; overflow: hidden; display: flex; }
#tools-stage .sw-tiles{
  flex: 1;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-auto-rows: 1fr;
  gap: 2px;
  background: var(--rule-soft);
  padding: 2px;
  border-radius: 4px;
  align-content: stretch;
}
#tools-stage .sw-tile{
  aspect-ratio: 3 / 4;
  background: var(--card);
  position: relative;
  overflow: hidden;
  border: 1px solid transparent;
  transition: transform .15s;
}
#tools-stage a.sw-tile{
  display: block;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
#tools-stage a.sw-tile:hover{
  transform: translateY(-1px);
  z-index: 1;
}
#tools-stage a.sw-tile:focus-visible{
  outline: 2px solid var(--c-swarms);
  outline-offset: 1px;
}
#tools-stage .sw-tile.pending{ background: repeating-linear-gradient(45deg, var(--card), var(--card) 3px, var(--paper-2) 3px, var(--paper-2) 6px); }
#tools-stage .sw-tile.running::after{
  content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--c-active) 25%, transparent), transparent);
  animation: sw-sweep 1.2s linear infinite; z-index: 2;
}
@keyframes sw-sweep { to { left: 100%; } }
#tools-stage .sw-tile .sw-id{ position: absolute; top: 2px; left: 2px; font-family: var(--font-mono); font-size: 6.5px; color: var(--ink-faint); z-index: 3; }
#tools-stage .sw-tile .sw-sc{ position: absolute; bottom: 2px; right: 2px; font-family: var(--font-mono); font-size: 6.5px; padding: 0 3px; background: color-mix(in srgb, var(--paper) 90%, transparent); color: var(--ink); z-index: 3; display: none; border-radius: 2px; }
#tools-stage .sw-tile.done{ border-color: transparent; }
#tools-stage .sw-mini{ position: absolute; inset: 1px; display: flex; flex-direction: column; padding: 2px; opacity: 0; transition: opacity .3s; font-family: var(--font-mono); }
#tools-stage .sw-tile.done .sw-mini{ opacity: 1; }
#tools-stage .sw-mini .m-head{ display: flex; justify-content: space-between; margin-bottom: 2px; }
#tools-stage .sw-mini .m-logo{ width: 6px; height: 6px; border-radius: 1px; }
#tools-stage .sw-mini .m-nav{ display: flex; gap: 1px; }
#tools-stage .sw-mini .m-nav i{ width: 4px; height: 1px; background: currentColor; opacity: 0.4; display: block; }
#tools-stage .sw-mini .m-hero{ flex: 1; display: flex; flex-direction: column; justify-content: center; }
#tools-stage .sw-mini .m-hero .bar{ display: block; height: 2px; background: currentColor; border-radius: 1px; margin-bottom: 1px; opacity: 0.8; }
#tools-stage .sw-mini .m-hero .bar.w1{ width: 80%; }
#tools-stage .sw-mini .m-hero .bar.w2{ width: 55%; opacity: 0.55; }
#tools-stage .sw-mini .m-hero .bar.w3{ width: 40%; opacity: 0.35; }
#tools-stage .sw-mini .m-btn{ display: block; height: 2.5px; width: 16px; background: currentColor; border-radius: 1px; margin-top: 2px; }
#tools-stage .sw-mini .m-cards{ display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1px; margin-top: 2px; }
#tools-stage .sw-mini .m-cards i{ display: block; height: 3px; background: currentColor; opacity: 0.3; border-radius: 1px; }
#tools-stage .sw-mini.L-center{ align-items: center; }
#tools-stage .sw-mini.L-stack .m-cards{ grid-template-columns: 1fr; gap: 1px; }
#tools-stage .sw-mini.L-stack .m-cards i{ height: 2px; }
#tools-stage .sw-stats{ display: flex; flex-direction: column; gap: 4px; margin-top: 2px; }
#tools-stage .s-kv{ display: grid; grid-template-columns: 50px 1fr; gap: 6px; font-size: 10px; align-items: baseline; }
#tools-stage .s-kv .k{ color: var(--ink-dim); letter-spacing: 0.04em; }
#tools-stage .s-kv b{ color: var(--ink); font-variant-numeric: tabular-nums; font-weight: 600; }
#tools-stage .rl-desk{ flex: 1; padding: 14px 14px 8px; overflow: hidden; position: relative; display: flex; flex-direction: column; gap: 10px; }
#tools-stage .rl-prompt-banner{
  display: flex; align-items: center; gap: 10px;
  padding: 10px 14px;
  background: linear-gradient(180deg, rgba(200, 95, 43, 0.10), rgba(200, 95, 43, 0.04));
  border: 1px solid rgba(200, 95, 43, 0.30);
  border-radius: 8px;
  font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.02em; color: var(--ink);
  transition: opacity .5s ease;
}
#tools-stage .rl-prompt-banner.fade{ opacity: 0.25; }
#tools-stage .rl-prompt-banner b{ color: var(--c-relay); letter-spacing: 0.14em; text-transform: uppercase; font-size: 10px; }
#tools-stage .rl-prompt-banner .fan{
  display: inline-flex; gap: 3px; margin-left: auto;
}
#tools-stage .rl-prompt-banner .fan i{
  width: 4px; height: 14px; background: var(--c-relay); opacity: 0.3; border-radius: 1px;
  animation: rl-fan 1.2s ease-in-out infinite;
}
#tools-stage .rl-prompt-banner .fan i:nth-child(2){ animation-delay: .12s; }
#tools-stage .rl-prompt-banner .fan i:nth-child(3){ animation-delay: .24s; }
#tools-stage .rl-prompt-banner .fan i:nth-child(4){ animation-delay: .36s; }
@keyframes rl-fan { 0%, 100% { opacity: 0.2; transform: scaleY(0.6); } 50% { opacity: 1; transform: scaleY(1); } }
#tools-stage .rl-grid{
  flex: 1;
  display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr);
  gap: 6px;
  position: relative;
  min-height: 0;
}
#tools-stage .rl-win{
  position: relative;
  background: #1b1524;
  border: 1px solid var(--rule);
  border-radius: 6px;
  overflow: hidden;
  display: flex; flex-direction: column;
  transition: border-color .2s, box-shadow .2s, transform .2s;
  transform: scale(0.7); opacity: 0;
  animation: rl-spawn .5s cubic-bezier(.2,.8,.2,1) forwards;
}
@keyframes rl-spawn { to { transform: scale(1); opacity: 1; } }
#tools-stage .rl-win.active{ border-color: var(--c-relay); box-shadow: 0 0 0 2px color-mix(in srgb, var(--c-relay) 22%, transparent); }
#tools-stage .rl-win.done{ border-color: rgba(34, 128, 74, 0.35); background: rgba(34, 128, 74, 0.03); }
#tools-stage .rl-win.clicking::after{
  content: ''; position: absolute; left: 50%; top: 50%;
  width: 14px; height: 14px; border: 2px solid var(--c-relay); border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: rl-click .6s ease-out;
  pointer-events: none;
}
@keyframes rl-click {
  0% { transform: translate(-50%, -50%) scale(0.4); opacity: 1; }
  100% { transform: translate(-50%, -50%) scale(3); opacity: 0; }
}
#tools-stage .rl-wtop{
  padding: 4px 6px;
  background: #241c30;
  border-bottom: 1px solid var(--rule);
  display: flex; align-items: center; gap: 4px;
  font-family: var(--font-mono); font-size: 8.5px; letter-spacing: 0.06em; color: var(--ink-mute);
  text-transform: uppercase;
}
#tools-stage .rl-wtop i{ width: 5px; height: 5px; border-radius: 50%; background: #45395a; }
#tools-stage .rl-wtop span{ flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#tools-stage .rl-wbody{
  flex: 1; display: flex; align-items: center; justify-content: center;
  font-family: var(--font-sans); font-size: 10px; color: var(--ink);
  text-align: center; padding: 4px; line-height: 1.2;
  position: relative;
}
#tools-stage .rl-win.done .rl-wbody::before{
  content: '✓'; position: absolute; top: 3px; right: 5px;
  color: rgba(34, 128, 74, 0.85); font-size: 11px; font-weight: 600;
}
#tools-stage .rl-win.gated .rl-wbody::before{
  content: '⏸'; position: absolute; top: 3px; right: 5px;
  color: var(--c-relay); font-size: 11px;
}
#tools-stage .rl-wp{
  height: 2px; background: var(--rule); position: relative;
}
#tools-stage .rl-wp::before{
  content: ''; position: absolute; left: 0; top: 0; bottom: 0;
  background: var(--c-relay);
  width: var(--p, 0%);
  transition: width .32s cubic-bezier(.4,.1,.3,1);
}
#tools-stage .rl-win.done .rl-wp::before{ background: rgba(34, 128, 74, 0.65); }
#tools-stage .rl-cursor{
  position: absolute; left: 30%; top: 30%;
  width: 14px; height: 14px;
  pointer-events: none;
  z-index: 5;
  transition: left .4s cubic-bezier(.4,.1,.3,1), top .4s cubic-bezier(.4,.1,.3,1);
  transform: translate(-2px, -2px);
}
#tools-stage .rl-cursor svg{ width: 100%; height: 100%; filter: drop-shadow(0 1px 2px rgba(0,0,0,0.2)); }
#tools-stage .rl-cursor .lbl{
  position: absolute; left: 16px; top: 12px;
  font-family: var(--font-mono); font-size: 8.5px; letter-spacing: 0.08em;
  background: var(--ink); color: var(--paper); padding: 2px 5px; border-radius: 3px;
  white-space: nowrap;
}
#tools-stage .rl-cursor.b .lbl{ background: var(--c-relay); }
#tools-stage .rl-mbar{
  display: flex; align-items: center; gap: 10px;
  font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.04em;
  padding: 6px 10px;
  background: var(--card); border: 1px solid var(--rule); border-radius: 6px;
  color: var(--ink-mute);
}
#tools-stage .rl-mbar .tag{ color: var(--c-relay); font-weight: 600; text-transform: uppercase; letter-spacing: 0.12em; }
#tools-stage .rl-mbar .step{ flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--ink); }
#tools-stage .rl-mbar .bar{ flex: 0 0 70px; height: 3px; background: var(--rule); border-radius: 2px; overflow: hidden; }
#tools-stage .rl-mbar .bar > i{ display:block; height: 100%; background: var(--c-relay); width: 0%; transition: width .3s ease; }
#tools-stage .rl-mbar .par b{ color: var(--ink); }
#tools-stage .fc-stage{ flex: 1; display: grid; grid-template-columns: 1fr 180px; gap: 10px; padding: 12px; overflow: hidden; }
#tools-stage .fc-matrix{ font-family: var(--font-mono); font-size: 10px; background: var(--card); border: 1px solid var(--rule); border-radius: 6px; overflow: hidden; }
#tools-stage .fc-row{ display: grid; grid-template-columns: 1.2fr 0.7fr 0.5fr 0.7fr 0.9fr; gap: 6px; padding: 6px 10px; border-bottom: 1px solid var(--rule-soft); transition: background .3s; align-items: center; }
#tools-stage .fc-row:last-child{ border-bottom: none; }
#tools-stage .fc-row.head{ color: var(--ink-mute); font-size: 8px; letter-spacing: 0.14em; background: var(--paper-2); }
#tools-stage .fc-row .t{ color: var(--ink-faint); font-size: 9px; }
#tools-stage .fc-row .st{ color: var(--ink-faint); font-size: 9px; }
#tools-stage .fc-row.hit{ background: color-mix(in srgb, var(--c-active) 10%, transparent); }
#tools-stage .fc-row.hit .t, #tools-stage .fc-row.hit .st{ color: var(--c-active); font-weight: 600; }
#tools-stage .fc-graph{ position: relative; background: var(--card); border: 1px solid var(--rule); border-radius: 6px; overflow: hidden; }
#tools-stage .fc-svg{ width: 100%; height: 100%; }
#tools-stage .fc-edge{ stroke: var(--rule); stroke-width: 0.6; opacity: 0.6; }
#tools-stage .fc-node circle{ fill: var(--paper); stroke: var(--ink-faint); stroke-width: 1; transition: all .3s; }
#tools-stage .fc-node text{ fill: var(--ink-2); font-family: var(--font-mono); font-size: 5.5px; }
#tools-stage .fc-node.hit circle{ fill: var(--c-active); stroke: var(--c-active); r: 9; }
#tools-stage .fc-node.hit text{ fill: var(--c-active); font-weight: 700; }
#tools-stage .fc-caption{ position: absolute; bottom: 6px; left: 8px; font-family: var(--font-mono); font-size: 7.5px; letter-spacing: 0.14em; color: var(--ink-mute); text-transform: uppercase; }
#tools-stage .fc-subs{ display: flex; flex-direction: column; gap: 4px; font-family: var(--font-mono); font-size: 10px; }
#tools-stage .fc-sitem{ display: flex; align-items: center; gap: 6px; color: var(--ink-2); }
#tools-stage .fc-sitem i{ width: 7px; height: 7px; border-radius: 50%; display: block; }
#tools-stage .fc-sitem em{ color: var(--ink-faint); font-style: normal; margin-left: auto; font-size: 9px; }
#tools-stage .g-orbital{
  position: relative; flex: 1; min-height: 0; overflow: hidden;
  background: #050506;
  display: flex; align-items: center; justify-content: center;
}
#tools-stage .g-orb-corner{
  position: absolute; top: 13px; left: 16px; z-index: 6;
  font-family: var(--font-mono); font-size: 8.5px; letter-spacing: 0.16em;
  color: rgba(236, 236, 236, 0.38); text-transform: uppercase;
}
#tools-stage .g-orb-legend{
  position: absolute; top: 13px; right: 16px; z-index: 6;
  display: flex; gap: 9px; flex-wrap: wrap; justify-content: flex-end;
}
#tools-stage .g-orb-legend span{
  display: inline-flex; align-items: center; gap: 4px;
  font-family: var(--font-mono); font-size: 8px; letter-spacing: 0.1em;
  color: rgba(236, 236, 236, 0.45); text-transform: uppercase;
}
#tools-stage .g-orb-legend i{
  width: 5px; height: 5px; border-radius: 50%;
  box-shadow: 0 0 6px currentColor;
}
#tools-stage .g-orb-scaler{
  position: relative; width: 560px; height: 560px; flex: none;
  display: flex; align-items: center; justify-content: center;
  transform: scale(var(--orb-scale, 0.62));
  transition: opacity 0.45s ease;
}
#tools-stage .g-orbital.g-orb-resetting .g-orb-scaler{ opacity: 0; }
#tools-stage .g-orb-core{
  position: absolute; width: 12px; height: 12px; border-radius: 50%;
  background: #fff; z-index: 10;
  box-shadow: 0 0 20px 2px rgba(200, 200, 220, 0.8);
  opacity: 0; transform: scale(0);
  transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);
}
#tools-stage .g-orb-core.active{ opacity: 1; transform: scale(1); }
#tools-stage .g-orb-core.pulse{ animation: gOrbCorePulse 2s infinite alternate ease-in-out; }
@keyframes gOrbCorePulse {
  0%   { box-shadow: 0 0 15px 1px rgba(200, 200, 220, 0.8); }
  100% { box-shadow: 0 0 30px 5px rgba(200, 200, 220, 0.8); transform: scale(1.1); }
}
#tools-stage .g-orb-ring{
  position: absolute; top: 50%; left: 50%;
  border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 50%;
  transform: translate(-50%, -50%) scale(0.5); opacity: 0;
  transition: all 1.1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#tools-stage .g-orb-ring.active{ opacity: 1; transform: translate(-50%, -50%) scale(1); }
#tools-stage .g-orb-nodec{
  position: absolute; inset: 0;
  animation: gOrbRotate linear infinite;
  animation-play-state: paused;
}
#tools-stage .g-orb-nodec.rotating{ animation-play-state: running; }
@keyframes gOrbRotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
#tools-stage .g-orb-node{
  position: absolute; top: 50%; left: 50%;
  width: 6px; height: 6px; border-radius: 50%;
  opacity: 0; transform: translate(-50%, -50%) scale(0);
  transition: all 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);
}
#tools-stage .g-orb-node.active{ opacity: 1; }
#tools-stage .g-orb-node::after{
  content: ""; position: absolute; inset: -4px; border-radius: 50%;
  border: 1px solid currentColor; opacity: 0;
  animation: gOrbRipple 2s infinite ease-out;
}
@keyframes gOrbRipple {
  0%   { transform: scale(1);   opacity: 0.8; }
  100% { transform: scale(2.5); opacity: 0; }
}
#tools-stage .g-orb-status{
  position: absolute; left: 0; right: 0; bottom: 16px; z-index: 6;
  display: flex; flex-direction: column; gap: 6px; align-items: center;
  text-align: center; padding: 0 16px; pointer-events: none;
}
#tools-stage .g-orb-status-main{
  font-family: var(--font-mono); font-size: 10px; font-weight: 500;
  letter-spacing: 0.2em; text-transform: uppercase; color: #ECECEC;
  opacity: 0; transform: translateY(8px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
#tools-stage .g-orb-status-main.visible{ opacity: 1; transform: translateY(0); }
#tools-stage .g-orb-status-sub{
  font-family: var(--font-mono); font-size: 8.5px;
  letter-spacing: 0.12em; text-transform: uppercase; color: #5A5A62;
  opacity: 0; transition: opacity 0.7s ease;
}
#tools-stage .g-orb-status-sub.visible{ opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  #tools-stage .g-orb-core.pulse, #tools-stage .g-orb-node::after{ animation: none; }
  #tools-stage .g-orb-nodec.rotating{ animation-play-state: paused; }
  #tools-stage .g-orb-scaler{ transition: none; }
}
#tools-stage .g-orbital.g-orb-core-live .g-orb-scaler{ opacity: 0; pointer-events: none; }
#tools-stage .g-orbital.g-orb-core-live .g-orb-status{ opacity: 0; }
#tools-stage .g-mystic{
  position: absolute; inset: 0; z-index: 4;
  display: flex; align-items: center; justify-content: center;
  opacity: 0; pointer-events: none;
  transition: opacity 0.8s ease;
}
#tools-stage .g-mystic.on{ opacity: 1; pointer-events: auto; }
#tools-stage .g-my-glow{
  position: absolute; left: 50%; top: 50%;
  width: 62%; aspect-ratio: 1; border-radius: 50%;
  transform: translate(-50%, -50%) scale(0.9);
  background: radial-gradient(circle, rgba(168, 230, 207, 0.05) 0%, transparent 70%);
  filter: blur(60px);
  transition: background 1s ease, transform 1s ease;
  pointer-events: none;
}
#tools-stage .g-my-svg{
  position: relative;
  width: min(94%, 430px); aspect-ratio: 1;
  overflow: visible;
  mix-blend-mode: screen;
  pointer-events: none;
}
#tools-stage .g-my-field circle{ transition: r 0.3s ease, fill 0.3s ease; }
#tools-stage .g-my-brain{ pointer-events: auto; cursor: pointer; }
#tools-stage .g-my-orb{
  position: absolute; left: 50%; top: 50%;
  width: min(52%, 212px); aspect-ratio: 1; border-radius: 50%;
  transform: translate(-50%, -50%);
  background:
    radial-gradient(ellipse at 30% 20%, rgba(94, 234, 212, 0.03), transparent 50%),
    radial-gradient(ellipse at 70% 80%, rgba(167, 139, 250, 0.02), transparent 50%),
    radial-gradient(circle, rgba(15, 23, 42, 0.75) 0%, rgba(15, 23, 42, 0.9) 100%);
  backdrop-filter: blur(40px) saturate(150%);
  -webkit-backdrop-filter: blur(40px) saturate(150%);
  border: 1px solid rgba(148, 163, 184, 0.12);
  box-shadow:
    0 0 80px rgba(0, 0, 0, 0.6),
    0 0 0 1px rgba(255, 255, 255, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2),
    0 0 120px rgba(94, 234, 212, 0.05);
  z-index: 5;
  opacity: 0;
}
#tools-stage .g-mystic.on .g-my-orb{
  animation:
    gMyOrbIn 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.2s forwards,
    gMyAmbient 4s ease-in-out 1.2s infinite;
}
@keyframes gMyOrbIn {
  from { opacity: 0; transform: translate(-50%, -50%) scale(0.92); filter: blur(12px); }
  to   { opacity: 1; transform: translate(-50%, -50%) scale(1);   filter: blur(0); }
}
@keyframes gMyAmbient {
  0%, 100% { opacity: 0.95; }
  50%      { opacity: 1; }
}
#tools-stage .g-my-modes{ position: absolute; inset: 0; }
#tools-stage .g-my-mode{
  position: absolute; inset: 0;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 6px; padding: 0 26px; text-align: center;
  opacity: 0; transform: scale(0.98) translateY(6px);
  transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1), transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
}
#tools-stage .g-my-mode.on{ opacity: 1; transform: none; pointer-events: auto; }
#tools-stage .g-my-clock{
  display: flex; align-items: baseline; line-height: 1;
  font-family: var(--font-sans);
  font-size: clamp(30px, 9cqw, 44px); font-weight: 200; letter-spacing: -2px;
  color: rgba(255, 255, 255, 0.95);
}
#tools-stage .g-my-colon{ animation: gMyColon 2.5s ease-in-out infinite; }
@keyframes gMyColon { 0%, 100% { opacity: 0.5; } 50% { opacity: 0.9; } }
#tools-stage .g-my-date{ font-family: var(--font-sans); font-size: 10.5px; color: rgba(148, 163, 184, 0.9); }
#tools-stage .g-my-agenda-h{
  font-family: var(--font-mono); font-size: 8px; letter-spacing: 0.2em;
  color: rgba(148, 163, 184, 0.5); margin-bottom: 3px;
}
#tools-stage .g-my-ev{
  display: flex; gap: 8px; align-items: baseline;
  font-family: var(--font-sans); font-size: 10.5px; color: rgba(255, 255, 255, 0.85);
}
#tools-stage .g-my-ev b{ font-family: var(--font-mono); font-size: 9px; font-weight: 500; color: #5EEAD4; }
#tools-stage .g-my-st{
  display: flex; gap: 6px; align-items: center; width: 100%;
  font-family: var(--font-sans); font-size: 9px; color: rgba(148, 163, 184, 0.9);
}
#tools-stage .g-my-st i{ font-style: normal; font-size: 8px; flex: none; }
#tools-stage .g-my-st span{ flex: none; width: 52px; text-align: left; }
#tools-stage .g-my-st b{ font-family: var(--font-mono); font-size: 8px; font-weight: 500; color: rgba(255, 255, 255, 0.9); flex: none; }
#tools-stage .g-my-bar{ flex: 1; height: 3px; border-radius: 2px; background: rgba(148, 163, 184, 0.15); overflow: hidden; }
#tools-stage .g-my-bar > div{
  height: 100%; background: #5EEAD4; border-radius: 2px;
  transform: scaleX(0); transform-origin: left;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.15s;
}
#tools-stage .g-my-mode.on .g-my-bar > div{ transform: scaleX(var(--v)); }
#tools-stage .g-my-nav{
  position: absolute; bottom: 13px; left: 50%; transform: translateX(-50%);
  display: flex; gap: 5px; padding: 4px 7px;
  background: rgba(0, 0, 0, 0.3); border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 24px; backdrop-filter: blur(10px);
}
#tools-stage .g-my-nav button{
  width: 24px; height: 24px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 11px; line-height: 1; cursor: pointer;
  background: transparent; border: 1px solid transparent;
  filter: grayscale(0.3);
  transition: background 0.2s, border-color 0.2s, transform 0.2s, filter 0.2s;
}
#tools-stage .g-my-nav button:hover{ transform: translateY(-1px); filter: grayscale(0); }
#tools-stage .g-my-nav button.on{
  background: rgba(94, 234, 212, 0.15);
  border-color: rgba(94, 234, 212, 0.4);
  filter: grayscale(0);
}
#tools-stage .g-my-tip{
  position: absolute; z-index: 8; min-width: 132px;
  background: rgba(0, 0, 0, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px; padding: 8px 10px;
  backdrop-filter: blur(8px);
  opacity: 0; transform: scale(0.95);
  transition: opacity 0.2s ease, transform 0.2s ease;
  pointer-events: none;
}
#tools-stage .g-my-tip.on{ opacity: 1; transform: scale(1); }
#tools-stage .g-my-tip-h{ display: flex; align-items: center; gap: 6px; margin-bottom: 5px; }
#tools-stage .g-my-tip-h i{ width: 6px; height: 6px; border-radius: 50%; flex: none; }
#tools-stage .g-my-tip-h b{
  font-family: var(--font-sans); font-size: 9px; font-weight: 700;
  letter-spacing: 0.08em; text-transform: uppercase; color: #fff;
}
#tools-stage .g-my-tip-b{ font-family: var(--font-mono); font-size: 8.5px; line-height: 1.6; color: #a1a1aa; }
#tools-stage .g-my-caption{
  position: absolute; bottom: 13px; left: 16px; z-index: 6;
  font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.18em;
  text-transform: uppercase; color: rgba(255, 255, 255, 0.4);
}
@media (prefers-reduced-motion: reduce) {
  #tools-stage .g-my-colon, #tools-stage .g-mystic.on .g-my-orb{ animation: none; }
  #tools-stage .g-mystic.on .g-my-orb{ opacity: 1; }
}
#tools-stage .home-mini-gaia__stage--mystic{ position: relative; overflow: hidden; }
#tools-stage .mgm-glow{
  position: absolute; left: 50%; top: 50%;
  width: 52%; aspect-ratio: 1; border-radius: 50%;
  transform: translate(-50%, -50%) scale(0.95);
  background: radial-gradient(circle, rgba(168, 230, 207, 0.06) 0%, transparent 70%);
  filter: blur(46px);
  transition: background 1s ease, transform 1s ease;
  pointer-events: none;
}
#tools-stage .mgm-glow.on{
  background: radial-gradient(circle, rgba(255, 255, 255, 0.10) 0%, transparent 70%);
  transform: translate(-50%, -50%) scale(0.55);
}
#tools-stage .mgm-svg{
  position: absolute; left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  height: 118%; aspect-ratio: 1;
  overflow: visible;
  mix-blend-mode: screen;
  pointer-events: none;
}
#tools-stage .mgm-field circle{ transition: r 0.3s ease, fill 0.3s ease; }
#tools-stage .mgm-orb{
  position: absolute; left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  width: clamp(96px, 38%, 132px); aspect-ratio: 1; border-radius: 50%;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
  background:
    radial-gradient(ellipse at 30% 20%, rgba(94, 234, 212, 0.03), transparent 50%),
    radial-gradient(ellipse at 70% 80%, rgba(167, 139, 250, 0.02), transparent 50%),
    radial-gradient(circle, rgba(15, 23, 42, 0.75) 0%, rgba(15, 23, 42, 0.9) 100%);
  backdrop-filter: blur(24px) saturate(150%);
  -webkit-backdrop-filter: blur(24px) saturate(150%);
  border: 1px solid rgba(148, 163, 184, 0.12);
  box-shadow:
    0 0 60px rgba(0, 0, 0, 0.6),
    0 0 0 1px rgba(255, 255, 255, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2),
    0 0 90px rgba(94, 234, 212, 0.05);
  z-index: 3;
  animation: gMyAmbient 4s ease-in-out infinite;
}
#tools-stage .mgm-clock{
  display: flex; align-items: baseline; line-height: 1;
  font-family: var(--font-sans);
  font-size: clamp(20px, 5.2cqw, 27px); font-weight: 200; letter-spacing: -1.2px;
  color: rgba(255, 255, 255, 0.95);
}
#tools-stage .mgm-colon{ animation: gMyColon 2.5s ease-in-out infinite; }
#tools-stage .mgm-date{ font-family: var(--font-sans); font-size: 8.5px; color: rgba(148, 163, 184, 0.9); }
@media (prefers-reduced-motion: reduce) {
  #tools-stage .mgm-orb, #tools-stage .mgm-colon{ animation: none; }
}
#tools-stage .pt-vis-gaia--mystic .mgm-svg{ height: 145%; }
#tools-stage .pt-vis-gaia--mystic .mgm-glow{ width: 40%; }
#tools-stage .pt-vis-gaia--mystic .mgm-orb{ width: clamp(72px, 24%, 100px); gap: 2px; }
#tools-stage .pt-vis-gaia--mystic .mgm-clock{ font-size: 19px; letter-spacing: -0.8px; }
#tools-stage .pt-vis-gaia--mystic .mgm-date{ font-size: 7.5px; }
#tools-stage .pt-vis-gaia--mystic{
  background: linear-gradient(to bottom, #0a0e15 0%, #050709 100%) !important;
  border-bottom-color: #14181f !important;
}

#tools-stage{--paper:#0f0b16;--paper-2:#151020;--paper-3:#1c1627;--card:#130f1b;--card-2:#0e0b14;--ink:#f1ecf6;--ink-2:#d8cfe3;--ink-dim:#b5a5c7;--ink-mute:#9d8ba9;--ink-faint:#5e5270;--rule:#bc9fde33;--rule-soft:#bc9fde22;--c-gaia:#65c5a5;--c-swarms:#e9c46a;--c-relay:#ba94ef;--c-focus:#65c5a5;--font-sans:var(--sans);--font-display:var(--sans);--font-serif:Georgia,'Times New Roman',serif;--font-mono:var(--mono);--ease:cubic-bezier(.16,1,.3,1)}
#tools-stage .demo-wrap{position:absolute;inset:0;gap:0;z-index:2}
#tools-stage .demo-header{position:absolute;inset:0 0 auto;height:47px;padding:0 19px;border-bottom:1px solid #e8e4da16;background:#ffffff02;z-index:5;font-size:8px;letter-spacing:.12em;color:#b9b9ad;min-height:0}
#tools-stage .demo-header .dh-sub{display:none}
#tools-stage .demo-header .dh-crn b{color:var(--c-active)}
#tools-stage .demo-stage{position:absolute;inset:47px 0 0;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none;background:transparent}
#tools-stage .demo-stage::before{opacity:.18}
#tools-stage .demo-stage .scene-dots{display:none}
#tools-stage button.sw-tile{appearance:none;font:inherit;color:inherit;text-align:left;cursor:pointer;padding:0}
#tools-stage .sw-tile:hover,#tools-stage .sw-tile:focus-visible{outline:2px solid var(--c-swarms);outline-offset:1px;z-index:4}
#tools-stage .sw-tile.is-open{outline:2px solid var(--c-swarms);outline-offset:1px;z-index:4}
@media(max-width:760px){
 .showcase-stage{aspect-ratio:4/5;min-height:0}
 #tools-stage .demo-header{height:38px;padding:0 13px;font-size:7px}
 #tools-stage .demo-stage{inset:38px 0 0}
}
/* Modes (main page), the How It Works page shell, and the Optimized-for-local-AI crumb. */
.modes{position:relative;padding:120px 0 96px;background:linear-gradient(180deg,#0c0911,#09070d 60%,#0c0911);border-top:1px solid #b8a0d024}
.modes-heading{margin-bottom:70px;max-width:940px}
.modes-heading h2{text-wrap:balance}
.modes-heading h2 em{font-family:Georgia,serif;font-weight:400;color:#d6f588}
.modes-heading p{max-width:560px;font-size:16px;line-height:1.7;color:#ac9ebb;margin-top:18px}
.modes-list{display:grid;gap:34px}
.mode{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:64px;align-items:center;padding:44px 0;border-top:1px solid #b8a0d01c}
.mode:first-child{border-top:0;padding-top:0}
.mode-flip .mode-copy{order:2}.mode-flip .mode-panel{order:1}
.mode-number{font:11px var(--mono);letter-spacing:.14em;color:#d6f588}
.mode-number span{color:#a799b4}
.mode-copy h3{font-size:clamp(34px,3.3vw,50px);line-height:1.02;letter-spacing:-.03em;font-weight:400;margin:18px 0 18px;color:#f0edf7}
.mode-copy h3 em{font-family:Georgia,serif;font-weight:400;color:#d6f588}
.mode-copy p{font-size:16px;line-height:1.7;color:#ac9ebb;max-width:500px;margin:0 0 16px}
.mode-copy .layer-tags{margin-top:16px;margin-bottom:6px}
.mode-copy .text-link{color:#e2d9ef}
.mode-panel{position:relative;overflow:hidden;box-shadow:0 30px 70px -45px #d6f58833}
.mode-panel .panel-head span:first-child{display:inline-flex;align-items:center;gap:8px}
.mode-panel>small{display:block;margin-top:16px;font-size:9px;letter-spacing:.06em;line-height:1.7;color:#8f8299}
/* 01 queue */
.mp-composer{margin:16px 0 6px;padding:14px 16px;border:1px solid #d6f58840;border-radius:10px;background:#0f0b15}
.mp-label{display:block;font-size:10px;letter-spacing:.12em;color:#d6f588;margin-bottom:8px}
.mp-prompt{margin:0;font:15px/1.5 var(--sans);color:#f0edf7;overflow:hidden;white-space:nowrap;text-overflow:clip;max-width:100%}
.is-on .mp-prompt{animation:mpType 12s steps(60,end) infinite}
.mp-caret{display:inline-block;width:7px;height:14px;background:#d6f588;vertical-align:-2px;margin-left:3px;animation:cxBlink 1s steps(1) infinite}
.mp-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.mp-chips i{font-style:normal;font-size:11px;color:#7f7390;border:1px solid #b8a0d030;border-radius:999px;padding:4px 10px}
.mp-chips i.on{color:#d6f588;border-color:#d6f58850;background:#d6f5880f}
.mp-rows li{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:'tag title state' 'bar bar bar';row-gap:8px}
.mp-rows li .tag{grid-area:tag}.mp-rows li b{grid-area:title}.mp-rows li .mp-state{grid-area:state}.mp-rows li .bar{grid-area:bar;width:100%}
.mp-rows .fill{width:0}
.is-on .mp-rows .fill{animation:mpFill 12s linear infinite;animation-delay:var(--d)}
.mp-state{min-width:126px;text-align:right}
.mp-state:after{content:'queued'}
.is-on .mp-state:after{animation:mpState 12s steps(1,end) infinite;animation-delay:var(--d)}
.mp-foot{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid #ffffff0c;font-size:11px;letter-spacing:.08em;color:#a799b4}
.mp-foot b{font-weight:400;color:#f0edf7;letter-spacing:0}
@keyframes mpType{0%{max-width:0}30%,100%{max-width:100%}}
@keyframes mpFill{0%,18%{width:0}60%{width:100%}100%{width:100%}}
@keyframes mpState{0%{content:'queued';color:#a799b4}18%{content:'running';color:#f2a97e}60%{content:'41 attempts';color:#d6f588}92%{content:'clustered · 3 files';color:#d6f588}100%{content:'queued';color:#a799b4}}
/* 02 connect */
.mp-live{display:inline-flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.1em;color:#d6f588}
.mp-live i{width:7px;height:7px;border-radius:50%;background:#d6f588;box-shadow:0 0 10px #d6f588;animation:cxBlink 1.6s steps(1) infinite}
.mp-lan-grid{display:grid;grid-template-columns:minmax(0,1fr) 24px auto 24px minmax(0,1fr);gap:8px;align-items:center;margin-top:16px}
#mode-hotspot{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}
.mp-apps,.mp-streams{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.mp-apps li,.mp-streams li{display:grid;gap:2px;padding:9px 11px;border:1px solid #b8a0d030;border-radius:8px;background:#0f0b15;min-width:0}
.is-on .mp-apps li{animation:mpPing 3.6s ease-in-out infinite;animation-delay:var(--d)}
.mp-apps b,.mp-streams b{font-weight:400;color:#f0edf7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-apps em,.mp-streams em{font-style:normal;font-size:10px;color:#a799b4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-streams span{font-size:8px;letter-spacing:.1em;color:#d6f588;white-space:nowrap}
.mp-streams em{color:#d6f588}
.mp-wires{display:grid;gap:8px;align-self:stretch;align-content:space-around}
.mp-wires i{display:block;height:2px;background:linear-gradient(90deg,transparent,#d6f58899 40%,#d6f588 50%,#d6f58899 60%,transparent);background-size:200% 100%;background-color:#b8a0d024;background-position:200% 0}
.is-on .mp-wires i{animation:mpWire 3.6s linear infinite;animation-delay:var(--d)}
.mp-wires-out i{background-color:#d6f58840}
.mp-endpoint{display:grid;gap:6px;padding:14px 14px 12px;border:1px solid #d6f58855;border-radius:10px;background:linear-gradient(160deg,#d6f58809,transparent 45%),#14101d;box-shadow:0 0 28px -8px #d6f58855;text-align:center;min-width:0}
.mp-endpoint span{font-size:10px;letter-spacing:.14em;color:#d6f588}
.mp-endpoint code{display:block;font:11px var(--mono);color:#f0edf7;background:#07050b;border:1px solid #b8a0d030;border-radius:6px;padding:6px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-endpoint small{font-size:10px;line-height:1.5;color:#a799b4;letter-spacing:.02em}
@keyframes mpWire{0%{background-position:200% 0}100%{background-position:-200% 0}}
@keyframes mpPing{0%,70%,100%{border-color:#b8a0d030}12%{border-color:#d6f58880;box-shadow:0 0 16px -6px #d6f588}}
/* 03 tools */
.mp-term{margin:16px 0 6px;padding:12px 14px;border:1px solid #b8a0d030;border-radius:10px;background:#07050b;display:grid;gap:6px;font:12px/1.5 var(--mono)}
.mp-term-line{white-space:pre-wrap;overflow-wrap:anywhere}
.mp-term-line.cmd{color:#e6dff0}.mp-term-line.cmd:before{content:'$ ';color:#a799b4}
.mp-term-line.dim{color:#7f7390}.mp-term-line.ok{color:#d6f588}
.is-on .mp-term-line,.is-on .mp-tool-rows li{animation:mpRise .8s ease both;animation-delay:var(--d)}
/* 04 import */
.is-on .mp-files li,.is-on .mp-found li{animation:mpRise 1s ease both;animation-delay:var(--d)}
.mp-flow{margin:14px 0;justify-content:center}
.mp-found em{color:#d6f588}
@keyframes mpRise{0%{opacity:0;transform:translateY(6px)}100%{opacity:1;transform:none}}
.modes-verdict{margin:70px auto 0;max-width:820px;text-align:center;font:11px var(--mono);letter-spacing:.14em;line-height:1.9;color:#d6f588}
/* How It Works page shell */
#howto-page .story-intro{padding-top:150px}
/* Optimized-for-local-AI crumb, hidden from the main menu */
.localai-crumb{position:absolute;top:104px;left:0;right:0;z-index:3;pointer-events:none}
.localai-crumb .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font:11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#a799b4;pointer-events:auto}
.localai-crumb a{color:#d6f588;text-decoration:none}
.localai-crumb a:hover{text-decoration:underline}
.localai-crumb .wrap>span:before{content:'/';margin-right:14px;color:#5e5270}
@media(max-width:1100px){.mode{gap:40px}#mode-hotspot{gap:40px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.mp-lan-grid{grid-template-columns:minmax(0,1fr) 18px auto 18px minmax(0,1fr)}}
@media(max-width:760px){
.modes{padding:64px 0 56px}
.modes-heading{margin-bottom:34px}
.modes-heading p{font-size:14px}
.modes-list{gap:8px}
.mode,#mode-hotspot{grid-template-columns:1fr;gap:22px;padding:30px 0}
.mode-flip .mode-copy{order:1}.mode-flip .mode-panel{order:2}
.mode-copy h3{font-size:32px;margin:14px 0 12px}
.mode-copy p{font-size:14px;line-height:1.65}
.mode-panel{padding:16px;font-size:11px}
.mp-prompt{font-size:14px}
.mp-lan-grid{grid-template-columns:1fr;gap:12px}
.mp-wires{display:none}
.mp-endpoint{text-align:left}
.mp-apps,.mp-streams{grid-template-columns:repeat(2,minmax(0,1fr))}
.modes-verdict{margin-top:40px;font-size:10px}
#howto-page .story-intro{padding-top:110px}
.localai-crumb{top:84px}
.localai-crumb .wrap{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.mp-rows .fill{width:62%}.mp-state:after{content:'41 attempts';color:#d6f588}}
/* How-to page: four layers of abstraction above the front doors. */
#localai-page .layers-intro{padding:165px 0 60px;background:#0c0911}
.layers-intro .section-heading{margin-bottom:45px}
.layer-ladder{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid #b8a0d030;border-radius:12px;overflow:hidden;background:#14101d}
.layer-ladder li{border-right:1px solid #b8a0d030}.layer-ladder li:last-child{border-right:0}
.layer-ladder a{display:flex;flex-direction:column;gap:8px;height:100%;padding:22px 24px;color:inherit;text-decoration:none;transition:background .2s}
.layer-ladder a:hover{background:#1f1629}
.layer-ladder span{font:11px var(--mono);color:#a799b4;letter-spacing:.06em}
.layer-ladder b{font-size:21px;font-weight:440;letter-spacing:-.03em;color:#f0edf7}
.layer-ladder small{font-size:13px;color:#ac9ebb}
#localai-page .complexity{padding:165px 0 70px;background:#0c0911}
#localai-page .complexity+.layers-intro{padding-top:70px;border-top:1px solid #b8a0d024}
.complexity .section-heading{margin-bottom:45px}
.complexity .section-heading p{max-width:540px;font-size:16px;line-height:1.7;color:#ac9ebb;margin-top:18px}
.complexity-compare{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:20px;align-items:stretch}
.cx-screen{border-radius:14px;padding:22px 22px 18px;display:flex;flex-direction:column;min-width:0}
.cx-screen-before{background:#100c16;border:1px dashed #b8a0d048}
.cx-screen-after{background:linear-gradient(160deg,#d6f58809,transparent 45%),#14101d;border:1px solid #d6f58855;box-shadow:0 30px 70px -45px #d6f58855}
.cx-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #ffffff0c}
.cx-head span{font:11px var(--mono);letter-spacing:.08em;color:#a799b4}
.cx-head b{font-size:23px;font-weight:440;letter-spacing:-.03em;color:#f0edf7}
.cx-screen-after .cx-head span{color:#d6f588}
.cx-window{flex:1;display:flex;flex-direction:column;background:#07050b;border:1px solid #b8a0d030;border-radius:10px;overflow:hidden;min-width:0;transition:opacity .4s}
.cx-screen.is-idle .cx-window{opacity:.55}
.cx-bar{display:flex;align-items:center;gap:12px;padding:9px 12px;border-bottom:1px solid #ffffff0c;background:#0d0a13}
.cx-dots{display:flex;gap:5px}.cx-dots i{width:9px;height:9px;border-radius:50%;background:#2e2438}
.cx-title{flex:1;font:11px var(--mono);letter-spacing:.06em;color:#7f7390;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-clock{display:flex;align-items:baseline;gap:7px;font:11px var(--mono);letter-spacing:.06em;white-space:nowrap}
.cx-clock em{font-style:normal;color:#7f7390;font-size:9px}
.cx-clock b{font-weight:400;color:#f2a97e;font-variant-numeric:tabular-nums}
.cx-screen-after .cx-clock b{color:#d6f588}
.cx-log{height:430px;overflow:hidden;padding:14px 14px 18px;font:12px/1.55 var(--mono);color:#b3a6c1;display:flex;flex-direction:column;gap:5px}
.cx-l{animation:cxIn .28s ease both;white-space:pre-wrap;overflow-wrap:anywhere;flex-shrink:0}
@keyframes cxIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.cx-l.cmd{color:#e6dff0}.cx-l.cmd:before{content:'$ ';color:#a799b4}
.cx-l.code{color:#c9b6df;padding-left:14px}
.cx-l.warn{color:#f2a97e}
.cx-l.dim{color:#7f7390}
.cx-l.stage{margin-top:8px;padding-top:9px;border-top:1px solid #ffffff0c;font-size:10px;letter-spacing:.1em;color:#a799b4;text-transform:uppercase}
.cx-l.stage:first-child{margin-top:0;padding-top:0;border-top:0}
.cx-l.prog{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center}
.cx-prog{grid-column:1/3;height:6px;border-radius:3px;background:#1c1526;overflow:hidden}
.cx-prog i{display:block;height:100%;width:0;background:#a08bb8;border-radius:3px}
.cx-screen-after .cx-prog i{background:#d6f588}
.cx-l.prog em{font-style:normal;font-size:10px;color:#f2a97e;justify-self:end}
.cx-caret{display:inline-block;width:7px;height:13px;background:#d6f588;vertical-align:-2px;margin-left:2px;animation:cxBlink 1s steps(1) infinite}
@keyframes cxBlink{50%{opacity:0}}
.cx-l.chips{display:flex;flex-wrap:wrap;gap:6px}
.cx-l.chips i{font-style:normal;font-size:11px;color:#7f7390;border:1px solid #b8a0d030;border-radius:999px;padding:4px 10px;transition:color .3s,border-color .3s,background .3s}
.cx-l.chips i.on{color:#d6f588;border-color:#d6f58850;background:#d6f5880f}
.cx-l.chips i.on:before{content:'● ';font-size:8px;vertical-align:1px}
.cx-l.job{border:1px solid #d6f58840;border-radius:8px;padding:10px 12px;color:#f0edf7;background:#0f0b15}
.cx-l.job:before{content:'JOB  ';color:#d6f588;font-size:10px;letter-spacing:.1em}
.cx-l.lane{display:grid;grid-template-columns:72px minmax(0,1fr) 56px;gap:4px 10px;align-items:center}
.cx-l.lane b{font-weight:400;color:#f0edf7}
.cx-l.lane span{color:#a799b4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cx-l.lane .cx-prog{grid-column:1/3}
.cx-l.lane em{font-style:normal;font-size:10px;color:#7f7390;text-align:right;white-space:nowrap}
.cx-l.lane em.ok{color:#d6f588}
.cx-l.lane .cx-tag{font-size:9px;letter-spacing:.06em;padding:1px 5px;border-radius:3px;border:1px solid #b8a0d040;color:#a799b4;margin-left:6px}
.cx-l.night{display:flex;justify-content:space-between;gap:10px;color:#a799b4;font-size:11px;letter-spacing:.06em;padding:6px 0}
.cx-l.night b{font-weight:400;color:#f0edf7;font-variant-numeric:tabular-nums}
.cx-l.file{color:#e6dff0;display:flex;justify-content:space-between;gap:10px}
.cx-l.file em{font-style:normal;color:#d6f588;white-space:nowrap}
.cx-total{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin-top:14px;padding-top:14px;border-top:1px solid #ffffff0c;min-height:44px}
.cx-total span{font:12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#f2a97e}
.cx-total b{font-size:15px;font-weight:440;color:#f0edf7;letter-spacing:-.01em}
.cx-screen-after .cx-total span{color:#d6f588}
.cx-bridge{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:0 2px}
.cx-bridge i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#d6f588;color:#14101d;font-style:normal;font-size:20px;line-height:1;box-shadow:0 0 24px #d6f58855}
.cx-bridge span{font:11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#d6f588}
@media(max-width:900px){.complexity-compare{grid-template-columns:1fr}.cx-bridge{flex-direction:row;padding:2px 0}.cx-bridge i{transform:rotate(90deg)}}
@media(max-width:760px){#localai-page .complexity{padding:125px 0 40px}#localai-page .complexity+.layers-intro{padding-top:40px}.cx-screen{padding:18px 16px 14px}.cx-head b{font-size:19px}.cx-log{height:380px;font-size:11px;padding:12px}.cx-l.lane{grid-template-columns:62px minmax(0,1fr) 52px}.cx-total b{font-size:14px}}
.layer{padding:80px 0;background:#0c0911;border-top:1px solid #b8a0d024;scroll-margin-top:90px}
.layer .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;align-items:center}
.layer-flip .layer-copy{order:2}.layer-flip .layer-panel{order:1}
.layer-copy h2{font-size:clamp(38px,3.6vw,54px);margin:22px 0 20px}
.layer-copy p{font-size:16px;line-height:1.7;color:#ac9ebb;max-width:520px;margin:0 0 16px}
.layer-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.layer-tags span{font:11px var(--mono);letter-spacing:.04em;color:#d6f588;border:1px solid #d6f58840;border-radius:999px;padding:6px 12px}
.layer-panel{background:#14101d;border:1px solid #b8a0d030;border-radius:12px;padding:22px 22px 18px;font:12px/1.6 var(--mono);color:#c9b6df}
.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;letter-spacing:.08em;color:#a799b4;padding-bottom:14px;border-bottom:1px solid #ffffff0c}
.panel-head .dot{width:8px;height:8px;border-radius:50%;background:#d6f588;box-shadow:0 0 12px #d6f588}
.panel-switch{display:flex;gap:4px}.panel-switch b,.panel-switch span{font-weight:400;padding:4px 9px;border-radius:999px;font-size:10px;letter-spacing:.03em}
.panel-switch b{background:#d6f588;color:#14101d}.panel-switch span{border:1px solid #b8a0d030;color:#a799b4}
.panel-rows,.panel-lanes{list-style:none;margin:0;padding:0}
.panel-rows li,.panel-lanes li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid #ffffff0c}
.panel-rows li:last-child,.panel-lanes li:last-child{border-bottom:0}
.panel-rows b,.panel-lanes b{font-weight:400;color:#f0edf7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.panel-rows em,.panel-lanes em{font-style:normal;color:#a799b4;font-size:11px;white-space:nowrap}
.tag{font-style:normal;font-size:9px;letter-spacing:.1em;padding:3px 7px;border-radius:3px;border:1px solid #b8a0d040;color:#c0a8d5;min-width:58px;text-align:center}
.tag.local,.tag.skill{border-color:#d6f58850;color:#d6f588}
.tag.cloud,.tag.import{border-color:#b57edc60;color:#c9a0e8}
.tag.route{border-color:#6fa8dc60;color:#8fbce8}
.tag.custom,.tag.method{border-color:#e9c46a60;color:#e9c46a}
.tag.scribe{border-color:#ece6d860;color:#ece6d8}
.tag.judge,.tag.verify{border-color:#d4576b70;color:#e8899a}
.bar{display:block;width:84px;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}
.bar .fill{display:block;height:100%;background:#d6f588}
.panel-lanes span{font-size:10px;letter-spacing:.08em;color:#a799b4;min-width:58px}
.panel-lanes li{position:relative}
.panel-lanes li:not(:last-child):after{content:'\2193';position:absolute;left:20px;bottom:-9px;font-size:10px;line-height:1;padding:2px 0;color:#d6f588;background:#14101d}
.layer-panel>small{display:block;margin-top:16px;font-size:9px;letter-spacing:.06em;line-height:1.7;color:#8f8299}
#localai-page .connections{border-top:1px solid #b8a0d024}
@media(max-width:1100px){.layer .wrap{gap:40px}.layer-ladder a{padding:20px 18px}.layer-ladder b{font-size:19px}}
@media(max-width:760px){
#localai-page .layers-intro{padding:125px 0 36px}
.layers-intro .section-heading{margin-bottom:24px}
.layer-ladder{grid-template-columns:repeat(2,minmax(0,1fr))}
.layer-ladder li:nth-child(2n){border-right:0}.layer-ladder li:nth-child(-n+4){border-bottom:1px solid #b8a0d030}.layer-ladder li:last-child{grid-column:1/-1}
.layer-ladder a{padding:16px}.layer-ladder b{font-size:18px}.layer-ladder small{font-size:12px}
.layer{padding:42px 0;scroll-margin-top:70px}
.layer .wrap{grid-template-columns:1fr;gap:26px}
.layer-flip .layer-copy{order:1}.layer-flip .layer-panel{order:2}
.layer-copy h2{font-size:35px;margin:16px 0 14px}
.layer-copy p{font-size:14px;line-height:1.65}
.layer-panel{padding:16px;font-size:11px}
.panel-rows li,.panel-lanes li{gap:10px;padding:10px 0}
.panel-switch span{display:none}
.panel-rows em,.panel-lanes em{font-size:10px}
}
/* Free Tools hero: live Swarms DAG in the open space right of the headline, above the CTAs. */
.tools-hero .tools-intro{position:relative}
.tools-dag{--dag-fs:clamp(60px,7.5vw,110px);position:absolute;right:0;bottom:calc(100% + 26px);width:min(600px,calc(100% - 5.84 * var(--dag-fs) - 70px));height:calc(2.94 * var(--dag-fs) + 56px);margin:0;display:flex;flex-direction:column;padding:12px 12px 0;border:1px solid #e7def226;border-radius:18px;background:radial-gradient(120% 80% at 85% 0%,#b57edc14,transparent 60%),linear-gradient(180deg,#0f0d17,#0a0910);box-shadow:0 30px 80px -30px #000c,inset 0 1px 0 #f0edf70d;animation:toolsDagIn .9s cubic-bezier(.2,.7,.2,1) both}
.tools-dag-head{display:flex;align-items:center;gap:10px;padding:2px 2px 11px;font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:#8d8699;white-space:nowrap;min-width:0}
.tools-dag-meta{overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}
.tools-dag-meta b{color:#f0edf7;font-weight:500}
.tools-dag-dot{width:8px;height:8px;flex:none;border-radius:50%;background:#d6f588;box-shadow:0 0 0 3px #d6f5881f,0 0 12px #d6f58880;animation:toolsDagBeat 2s ease-in-out infinite}
.tools-dag-run{flex:none;font:inherit;letter-spacing:.14em;text-transform:uppercase;color:#e3ccf4;background:#b57edc1a;border:1px solid #b57edc59;border-radius:999px;padding:7px 13px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.tools-dag-run:hover{background:#d6f588;border-color:#d6f588;color:#202915}
.tools-dag-run:focus-visible{outline:2px solid #d6f588;outline-offset:2px}
.tools-dag-stage{position:relative;flex:1;min-height:0;border:1px solid #e7def214;border-radius:12px;overflow:hidden;background-color:#07060b;background-image:radial-gradient(#f0edf712 1px,transparent 1px);background-size:18px 18px}
.tools-dag-stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#07060b 0,transparent 14%,transparent 80%,#07060bd9 100%)}
.tools-dag svg{display:block;width:100%;height:100%;cursor:grab;touch-action:none;user-select:none}
.tools-dag.is-grabbing svg{cursor:grabbing}
.tools-dag svg .node-card{cursor:pointer}
.tools-dag svg .edge-active{animation:toolsDagFlow .9s linear infinite}
.tools-dag svg .dag-dash{animation:toolsDagFlow 1.2s linear infinite}
.tools-dag svg .dag-pulse{animation:toolsDagBeat 1.4s ease-in-out infinite}
.tools-dag-hint,.tools-dag-progress{position:absolute;bottom:10px;z-index:1;font-family:var(--mono);font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;pointer-events:none;border-radius:6px;padding:6px 9px;background:#08070dcc;border:1px solid #e7def21f;backdrop-filter:blur(6px)}
.tools-dag-hint{left:10px;color:#8d8699}
.tools-dag-hint b{color:#d6f588;font-weight:500}
.tools-dag-progress{right:10px;color:#d6f588}
.tools-dag figcaption{display:flex;align-items:center;gap:8px;padding:10px 4px 11px;font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;color:#8d8699;white-space:nowrap;overflow:hidden}
.tools-dag figcaption i{width:7px;height:7px;flex:none;border-radius:2px;background:#b57edc}
.tools-dag figcaption b{color:#f0edf7;font-weight:500}
@keyframes toolsDagFlow{to{stroke-dashoffset:-20}}
@keyframes toolsDagBeat{50%{opacity:.45}}
@keyframes toolsDagIn{from{opacity:0;transform:translateY(14px)}}
@media(min-width:1600px){.tools-dag{width:min(640px,calc(100% - 5.84 * var(--dag-fs) - 90px))}}
@media(max-width:1180px){.tools-dag-hint{display:none}}
@media(max-width:960px){.tools-dag{display:none}}
@media(prefers-reduced-motion:reduce){.tools-dag,.tools-dag-dot,.tools-dag svg *{animation:none!important}}
/* FIELD EXPLORER — flex layout, story navigator and full-screen (native Fullscreen API, CSS immersive fallback for iPhone). */
body:has(#field-dialog[open]){overflow:hidden}
#field-dialog[open]{display:flex;flex-direction:column}
#field-dialog .explorer-header{flex:none;gap:16px}
#field-dialog .explorer-header>div:first-child{min-width:0}
.explorer-now{display:none;margin:0;min-width:0;align-items:baseline;gap:10px;white-space:nowrap}
#explorer-now-count{font:9px var(--mono);letter-spacing:.1em;color:#d6f588;flex:none}
#explorer-now-title{font-size:15px;font-weight:450;letter-spacing:-.02em;color:#f0edf7;overflow:hidden;text-overflow:ellipsis}
.explorer-window{display:flex;align-items:center;gap:6px;flex:none}
#explorer-fullscreen{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 15px;border:1px solid #d6f58845;border-radius:40px;background:#d6f58812;color:#e2f5b3;font-size:12px;white-space:nowrap;transition:background .2s,border-color .2s}
#explorer-fullscreen:hover{background:#d6f58824;border-color:#d6f588}
#explorer-fullscreen svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#explorer-fullscreen .fs-exit,#field-dialog.is-immersive #explorer-fullscreen .fs-enter{display:none}
#field-dialog.is-immersive #explorer-fullscreen .fs-exit{display:block}
#field-dialog #explorer-close{min-width:44px;min-height:44px;line-height:1;border-radius:50%}
#field-dialog .explorer-actions{flex:none}
#field-dialog #universe{position:relative!important;inset:auto!important;flex:1 1 0;min-height:0!important;width:auto!important;height:auto!important;margin:12px 20px 0;transition:none!important}
.explorer-story{flex:none;display:flex;align-items:center;gap:14px;padding:12px 20px 0}
.explorer-step-arrow{flex:none;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #b49acd45;border-radius:50%;background:#2e203a;color:#ece4f3;font-size:18px;transition:border-color .2s,color .2s,opacity .2s}
.explorer-step-arrow:hover:not(:disabled){border-color:#d6f588;color:#d6f588}
.explorer-step-arrow:disabled{opacity:.3;cursor:default}
.explorer-story-main{flex:1;min-width:0;display:flex;align-items:center;gap:18px}
.explorer-story-meta{flex:0 1 320px;min-width:0;display:grid;gap:3px;margin:0}
#explorer-step-count{font:9px var(--mono);letter-spacing:.1em;color:#d6f588;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#explorer-step-title{font-size:16px;font-weight:450;letter-spacing:-.02em;color:#f0edf7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#explorer-step-sub{font:9px var(--mono);letter-spacing:.05em;color:#a695b5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.explorer-steps{position:relative;flex:1;min-width:0;display:flex;gap:6px;padding:3px 2px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.explorer-steps::-webkit-scrollbar{display:none}
.explorer-steps>button:first-child{margin-left:auto}
.explorer-steps>button{flex:none;scroll-snap-align:center;display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 13px;border:1px solid #b49acd33;border-radius:40px;background:#1c1327;color:#c8b9d6;font-size:12px;white-space:nowrap;transition:background .2s,border-color .2s,color .2s}
.explorer-steps>button i{font:9px var(--mono);font-style:normal;color:#9d8cad}
.explorer-steps>button:hover{border-color:#d6f58866;color:#f0edf7}
.explorer-steps>button[aria-current=true]{background:#d6f588;border-color:#d6f588;color:#1f132b}
.explorer-steps>button[aria-current=true] i{color:#4d5e22}
#field-dialog .explorer-footer{position:static;flex:none;padding:10px 24px 14px}
/* Immersive / full screen */
#field-dialog.is-immersive{width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;inset:0;border:0;border-radius:0;background:#08070d;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left)}
#field-dialog.is-immersive::backdrop{background:#08070d;backdrop-filter:none}
#field-dialog:fullscreen{width:100%;height:100%}
#field-dialog.is-immersive .explorer-header{padding:10px 16px 8px}
#field-dialog.is-immersive .explorer-header .eyebrow,#field-dialog.is-immersive #explorer-title{display:none}
#field-dialog.is-immersive .explorer-now{display:flex}
#field-dialog.is-immersive .explorer-actions{padding-inline:16px}
#field-dialog.is-immersive #universe{margin:8px 12px 0;border-radius:10px}
#field-dialog.is-immersive .explorer-story{padding:10px 16px max(12px,env(safe-area-inset-bottom))}
#field-dialog.is-immersive .explorer-footer{display:none}
@media(max-width:760px){
  #field-dialog{height:calc(100dvh - 16px)}
  #field-dialog .explorer-header{padding:12px 10px 8px 16px;gap:10px}
  #field-dialog .explorer-header h2{font-size:21px}
  #explorer-fullscreen{width:44px;height:44px;padding:0;border-radius:50%}
  #explorer-fullscreen svg{width:18px;height:18px}
  #explorer-fullscreen .fs-label{display:none}
  #field-dialog .explorer-actions{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:0 10px 2px;gap:8px}
  #field-dialog .explorer-actions::-webkit-scrollbar{display:none}
  #field-dialog .explorer-actions>div{flex:none}
  #field-dialog .explorer-actions button{min-height:38px;white-space:nowrap}
  #field-dialog #universe{margin:8px 8px 0}
  .explorer-story{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"meta meta meta" "prev steps next";gap:8px;padding:10px 8px 0}
  .explorer-story-main{display:contents}
  .explorer-story-meta{grid-area:meta;display:flex;align-items:baseline;gap:8px;padding:0 6px}
  #explorer-step-count{flex:none}
  #explorer-step-sub{display:none}
  #explorer-step-title{font-size:14px}
  #explorer-prev{grid-area:prev}#explorer-next{grid-area:next}
  .explorer-steps{grid-area:steps;gap:5px}
  .explorer-steps>button{min-height:40px;padding:6px 12px}
  .explorer-steps>button:not([aria-current=true]) span{display:none}
  .explorer-steps>button i{font-size:10px}
  #field-dialog .explorer-footer{padding:8px 14px max(10px,env(safe-area-inset-bottom))}
  #field-dialog.is-immersive .explorer-header{padding:8px 8px 6px 14px}
  #field-dialog.is-immersive .explorer-actions{padding-inline:8px}
  #field-dialog.is-immersive #universe{margin:6px 0 0;border-radius:0;border-inline:0}
  #field-dialog.is-immersive .explorer-story{padding:10px 8px max(10px,env(safe-area-inset-bottom))}
  #field-dialog.is-immersive .explorer-story-meta{display:none}
  #field-dialog.is-immersive .explorer-now{flex-direction:column;gap:2px}
}
/* Short landscape phones: fold the window buttons into the camera row. */
@media(max-height:520px){
  #field-dialog.is-immersive .explorer-header{position:absolute;top:env(safe-area-inset-top);right:env(safe-area-inset-right);z-index:6;padding:4px 8px}
  #field-dialog.is-immersive .explorer-header>div:first-child{display:none}
  #field-dialog.is-immersive .explorer-actions{padding:4px 110px 0 12px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:8px}
  #field-dialog.is-immersive .explorer-actions>div{flex:none}
  #field-dialog.is-immersive #explorer-fullscreen{width:44px;height:44px;padding:0;border-radius:50%}
  #field-dialog.is-immersive #explorer-fullscreen .fs-label{display:none}
  #field-dialog.is-immersive #live-field{inset:0!important}
  #field-dialog.is-immersive .field-topline{z-index:3;height:32px;background:#14101dcc;backdrop-filter:blur(6px)}
  #field-dialog.is-immersive .field-readout{z-index:3;bottom:0;min-height:0;padding:6px 14px;background:#110e18cc;backdrop-filter:blur(6px)}
  #field-dialog.is-immersive .field-readout strong{font-size:14px}
  #field-dialog.is-immersive #field-inspector{top:40px}
  #field-dialog.is-immersive .explorer-actions button{min-height:36px;padding-block:6px}
  #field-dialog.is-immersive .explorer-story{display:flex;padding:6px 12px max(6px,env(safe-area-inset-bottom))}
  #field-dialog.is-immersive .explorer-story-main{display:flex}
  #field-dialog.is-immersive .explorer-story-meta{display:none}
  #field-dialog.is-immersive .explorer-step-arrow{width:40px;height:40px}
  #field-dialog.is-immersive .field-legend,#field-dialog.is-immersive .field-hint{display:none}
}

/* Page-to-page navigation. Each view is its own document; a short cross-fade joins them while the top bar holds still,
   so moving through the menu reads as one surface. Browsers without cross-document view transitions simply navigate. */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.16s;animation-timing-function:ease}
.topbar{view-transition-name:topbar}
::view-transition-group(topbar){animation:none}::view-transition-old(topbar){display:none}::view-transition-new(topbar){animation:none}
/* The live field arrives after first paint (site/landing.js); it fades into its frame instead of popping. */
@keyframes field-arrive{from{opacity:0}to{opacity:1}}
#live-field canvas{animation:field-arrive .7s ease both}
@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}#live-field canvas{animation:none}}
/* Scripts are deferred, so a first frame can be painted before site/landing.js has placed the field frame and its caption for
   the current scroll position. They stay invisible until it has (body.field-placed), then ease in; nothing is seen to jump. */
body:not(.field-placed) #universe,body:not(.field-placed) .fallback-field{opacity:0!important;transition:none}
.field-caption{transition:opacity .45s}body:not(.field-placed) .field-caption{opacity:0;transition:none}
/* The scrollbar's space is reserved from the first frame; a page painted while still streaming in no longer shifts sideways when it grows past the viewport. */
html{scrollbar-gutter:stable}


/* ------------------------------------------------------------------ Real runs on the main page.
   #real-jobs shows four of them: the file first, then the night as a strip (one tick per attempt,
   drawn by site/real-jobs.js from data-strip), then a receipt of which checks ran. Every number is
   read from that run’s own log in the job store, so nothing here is a mock. */
.real-jobs{position:relative;padding:112px 0 100px;background:linear-gradient(180deg,#0c0911,#09070d 60%,#0c0911);border-top:1px solid #b8a0d024}
.rj-heading{margin-bottom:54px;max-width:940px}
.rj-heading h2 em{font-family:Georgia,serif;font-weight:400;color:#d6f588}
.rj-heading p{max-width:600px;font-size:16px;line-height:1.7;color:#ac9ebb;margin-top:18px}
.rj{display:flex;flex-direction:column;border:1px solid #b8a0d02a;border-radius:16px;background:#100c16;overflow:hidden;box-shadow:0 24px 70px #0005}
.rj-media{display:block;position:relative;width:100%;padding:0;border:0;background:#0a0810;cursor:pointer;text-align:left;overflow:hidden}
.rj-media img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;transition:transform .8s ease,filter .8s ease;filter:saturate(.92)}
.rj-media:hover img,.rj-media:focus-visible img{transform:scale(1.04);filter:saturate(1.05)}
.rj-media:after{content:"";position:absolute;inset:auto 0 0 0;height:46%;background:linear-gradient(180deg,transparent,#100c16cc);pointer-events:none}
.rj-chip{position:absolute;left:14px;top:14px;z-index:2;padding:6px 9px;border-radius:6px;background:#0a0810d9;border:1px solid #b8a0d03a;font:9px var(--mono);letter-spacing:.1em;color:#d9cfe6;backdrop-filter:blur(6px)}
.rj-chip i{font-style:normal;color:#8e7fa4;padding:0 3px}
.rj-cue{position:absolute;right:14px;bottom:14px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;background:#0a0810cc;border:1px solid #d6f58866;font:10px var(--mono);letter-spacing:.05em;color:#d6f588;backdrop-filter:blur(6px);transition:background .25s,color .25s}
.rj-media:hover .rj-cue,.rj-media:focus-visible .rj-cue{background:#d6f588;color:#14101d}
.rj-body{display:flex;flex-direction:column;gap:18px;padding:22px 24px 24px}
.rj h3{margin:0;font-size:clamp(23px,1.95vw,28px);font-weight:400;line-height:1.1;letter-spacing:-.032em;color:#f0edf7}
.rj-request{margin:0;font-size:14.5px;line-height:1.6;color:#d9cfe6}
.rj-request span{display:block;font:9px var(--mono);letter-spacing:.1em;color:#7b6c8f;margin-bottom:7px}
.rj-request q{font-family:Georgia,serif;font-style:italic;color:#e6def0}
.rj-request q:before{content:"“"}
.rj-request q:after{content:"”"}
.rj-request small{display:block;margin-top:6px;font-size:11.5px;color:#7b6c8f}
.rj-night{padding-top:16px;border-top:1px solid #b8a0d01f}
.rj-night-label{display:block;font:9px var(--mono);letter-spacing:.1em;color:#7b6c8f;margin-bottom:10px}
.rj-strip{display:flex;align-items:flex-end;gap:0;height:34px;padding:0 0 6px;border-bottom:1px solid #b8a0d01f;overflow:hidden}
.rj-strip i{flex:1 1 0;min-width:0;height:58%;border-radius:1px 1px 0 0;background:var(--c,#a873d6);opacity:.55;box-shadow:inset -1px 0 0 #100c16}
.rj-strip i.f{height:14%;background:#3b2f47;opacity:1}
.rj-strip i.k{flex:0 0 3px;height:100%;background:#d6f588;opacity:1;box-shadow:0 0 8px #d6f58899;z-index:1}
.rj-strip.is-in i{animation:rj-rise .6s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i) * 3ms)}
@keyframes rj-rise{from{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}
.rj-facts{display:flex;flex-wrap:wrap;gap:6px 22px;list-style:none;padding:12px 0 0;margin:0;font:9px var(--mono);letter-spacing:.06em;color:#8e7fa4}
.rj-facts b{display:block;margin-bottom:3px;font:400 20px/1 var(--sans);letter-spacing:-.04em;color:#e2d9ef}
.rj-facts .kept b{color:#d6f588}
.rj-receipt{display:grid;grid-template-columns:1fr 1fr;gap:8px;list-style:none;padding:0;margin:0}
.rj-receipt li{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;padding:9px 11px;border:1px solid #b8a0d01f;border-radius:8px;background:#0c0913}
.rj-receipt i{grid-row:1/3;width:8px;height:8px;border-radius:50%;background:#4b3d5c}
.rj-receipt span{font:8px var(--mono);letter-spacing:.09em;color:#7b6c8f}
.rj-receipt b{font-weight:400;font-size:12px;line-height:1.35;color:#d9cfe6}
.rj-receipt .ok i{background:#d6f588;box-shadow:0 0 8px #d6f58877}
.rj-receipt .part i{background:#d09a4e}
.rj-receipt .none b{color:#8e7fa4}
.rj-receipt li{position:relative;cursor:help;outline:0}
.rj-receipt li:focus-visible{border-color:#d6f58877}
.rj-receipt span{text-decoration:underline dotted #7b6c8f99;text-underline-offset:3px;width:max-content}
.rj-receipt li:hover span,.rj-receipt li:focus-within span{color:#d6f588}
/* the four check words define themselves on hover/focus (the old glossary strip) */
.rj-tip{position:absolute;z-index:5;left:0;bottom:calc(100% + 8px);width:max(100%,250px);padding:12px 14px;border:1px solid #b8a0d03a;border-radius:10px;background:#1a1424;box-shadow:0 18px 40px #000a;font-family:inherit;font-style:normal;font-size:12.5px;line-height:1.55;letter-spacing:normal;text-transform:none;color:#b6a8c4;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .15s,transform .15s,visibility .15s}
.rj-tip:after{content:"";position:absolute;left:0;right:0;top:100%;height:10px}
.rj-tip b{display:block;font-size:13px;color:#f0edf7;margin-bottom:2px}
.rj-tip a{color:#d6f588;text-decoration:underline;text-underline-offset:3px}
.rj-receipt li:nth-child(even) .rj-tip{left:auto;right:0}
.rj-receipt li:hover .rj-tip,.rj-receipt li:focus-within .rj-tip{opacity:1;visibility:visible;transform:none}
.rj-audio{display:flex;align-items:center;gap:14px;width:100%;padding:12px 14px;border:1px solid #b8a0d02a;border-radius:10px;background:#0c0913;color:inherit;text-align:left;cursor:pointer;transition:border-color .25s}
.rj-audio:hover{border-color:#d6f58877}
.rj-audio small{display:block;font:8px var(--mono);letter-spacing:.09em;color:#7b6c8f;margin-bottom:4px}
.rj-audio b{font-weight:400;font-size:13px;color:#e2d9ef}
.rj-play{margin-left:auto;font-style:normal;font-size:11px;color:#d6f588}
.rj-wave{display:flex;align-items:center;gap:2px;height:28px;flex:0 0 auto}
.rj-wave i{width:3px;border-radius:2px;background:#5a4a6e;height:35%}
.rj-wave i:nth-child(2n){height:80%}
.rj-wave i:nth-child(3n){height:100%;background:#d6f588}
.rj-wave i:nth-child(5n){height:55%}
.rj-audio:hover .rj-wave i{animation:rj-eq .8s ease-in-out infinite alternate;animation-delay:calc(var(--n,0) * .07s)}
@keyframes rj-eq{to{height:25%}}
/* the wide first card: page preview on the left, the night on the right */
.rj-wide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);margin-bottom:24px}
.rj-wide .rj-media{height:100%;min-height:420px}
.rj-wide .rj-media:after{inset:0 0 0 auto;width:36%;height:auto;background:linear-gradient(90deg,transparent,#100c16)}
.rj-wide .rj-body{padding:28px 30px 28px 26px;gap:20px;justify-content:center}
.rj-wide .rj-receipt{grid-template-columns:repeat(4,1fr)}
.rj-page{background:#0d0913;padding:30px 30px 0}
.rj-sheet{display:block;position:relative;height:100%;min-height:390px;padding:34px 30px 0;background:#efe9dc;color:#2a2230;border-radius:8px 8px 0 0;box-shadow:0 -1px 0 #fff8 inset,0 30px 60px #0008;transform:rotate(-1.2deg) translateY(10px);transform-origin:bottom left;transition:transform .7s ease;overflow:hidden;font-family:Georgia,serif}
.rj-page:hover .rj-sheet,.rj-page:focus-visible .rj-sheet{transform:rotate(-.4deg) translateY(2px)}
.rj-sheet b{display:block;font:500 10px var(--mono);letter-spacing:.12em;color:#5b4d66;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid #2a223022}
.rj-sheet em{display:block;font:500 10px var(--mono);letter-spacing:.1em;font-style:normal;color:#3d3348;margin:14px 0 6px}
.rj-sheet span{display:block;font-size:12px;line-height:1.55;color:#4b4155}
.rj-sheet:after{content:"";position:absolute;inset:auto 0 0 0;height:120px;background:linear-gradient(180deg,transparent,#efe9dc)}
.rj-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
/* the three smaller runs: a headline line, receipts on demand */
.rj-more summary{display:inline-flex;align-items:center;gap:8px;cursor:pointer;list-style:none;font:9.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#a996b4}
.rj-more summary::-webkit-details-marker{display:none}
.rj-more summary:before{content:"+";display:inline-grid;place-items:center;width:18px;height:18px;border:1px solid #b8a0d03a;border-radius:50%;color:#d6f588}
.rj-more[open] summary:before{content:"\2212"}
.rj-more summary:hover,.rj-more summary:focus-visible{color:#f0edf7}
.rj-more-body{display:flex;flex-direction:column;gap:16px;margin-top:16px}
.rj-mini .rj-receipt{grid-template-columns:1fr 1fr}
.badge-strip .wrap{justify-content:center}
.badge-strip .badge-row{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}
/* ------------------------------------------------------------------ Between jobs: the endpoint, as code and as a log. */
.lineage{position:relative;padding:110px 0 100px;background:#09070d;border-top:1px solid #b8a0d024}
.nx-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,5vw,80px);align-items:center}
.nx-copy h2{font-size:clamp(40px,4vw,58px);line-height:1.02;letter-spacing:-.04em;margin:22px 0 20px;color:#f0edf7;font-weight:400}
.nx-copy h2 em{font-family:Georgia,serif;font-weight:400;color:#d6f588}
.nx-copy p{max-width:520px;font-size:15.5px;line-height:1.7;color:#ac9ebb;margin:0 0 16px}
.nx-copy .nx-lead{font-size:clamp(18px,1.6vw,21px);line-height:1.45;letter-spacing:-.01em;color:#e2d9ef;margin-bottom:12px}
.nx-copy .layer-tags{margin:18px 0 8px}
.nx-copy .text-link{color:#e2d9ef}
.nx-console{border:1px solid #b8a0d02e;border-radius:16px;background:linear-gradient(180deg,#151020,#0f0b16);box-shadow:0 30px 80px #0006;overflow:hidden}
.nx-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #b8a0d01f;font:9px var(--mono);letter-spacing:.09em;color:#a98fc4}
.nx-head .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#d6f588;margin-right:8px;box-shadow:0 0 8px #d6f588}
.nx-file{color:#7b6c8f}
.nx-copy p b{font-weight:400;color:#e2d9ef}
/* the lineage chain: three nights, each one picking up what the one before settled */
.ln-chain{list-style:none;margin:0;padding:18px 18px 4px;display:grid;gap:0;counter-reset:night}
.ln-chain li{position:relative;display:grid;gap:5px;padding:0 0 18px 26px;opacity:0;transform:translateY(8px);transition:opacity .6s ease var(--d,0s),transform .6s ease var(--d,0s)}
.ln-chain li:before{content:"";position:absolute;left:6px;top:6px;width:7px;height:7px;border-radius:50%;background:#d6f588;box-shadow:0 0 8px #d6f588}
.ln-chain li:after{content:"";position:absolute;left:9px;top:16px;bottom:2px;border-left:1px dashed #d6f58855}
.ln-chain li:last-child:after{display:none}
.is-in .ln-chain li,.lineage.is-in .ln-chain li{opacity:1;transform:none}
.ln-chain small{font:9px var(--mono);letter-spacing:.09em;color:#a98fc4}
.ln-chain b{font-weight:400;font-size:14px;color:#f0edf7;letter-spacing:-.01em}
.ln-chain span{font:10.5px var(--mono);letter-spacing:.03em;color:#b6a8c4}
.ln-chain em{font:10px var(--mono);font-style:normal;letter-spacing:.04em;color:#d6f588}
.ln-chain em i{font-style:normal;padding:1px 6px;border:1px solid #d6f58855;border-radius:999px}
.ln-chain code{font:inherit;color:#e2d9ef}
.lineage .nx-stream{margin:0 18px 12px}
.nx-stream{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin-top:12px;padding:11px 12px;border:1px dashed #d6f58855;border-radius:8px;font:9px var(--mono);letter-spacing:.06em;color:#7b6c8f}
.nx-stream b{font-weight:400;font-size:12px;letter-spacing:0;color:#e2d9ef;font-family:var(--sans)}
.nx-stream em{font-style:normal;color:#d6f588}
.nx-console>small{display:block;padding:0 18px 16px;font:9px var(--mono);letter-spacing:.06em;color:#6d5c80}
/* #lineage: how it learns. Three steps in the copy; three nights drawn on a canvas by site/lineage-learn.js */
.lx-steps{list-style:none;margin:24px 0 20px;padding:0;display:grid;max-width:540px}
.lx-steps li{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;align-items:baseline;padding:13px 0;border-top:1px solid #b8a0d01f}
.lx-steps li:last-child{border-bottom:1px solid #b8a0d01f}
.lx-steps span{font:10px var(--mono);letter-spacing:.09em;color:#d6f588;white-space:nowrap}
.nx-copy .lx-steps p{margin:0;font-size:15px;line-height:1.6}
.nx-copy .lx-kicker{font-size:16px;line-height:1.55;color:#e2d9ef;margin:0 0 18px}
.nx-console.lx{margin:0}
.lx-stage{position:relative;aspect-ratio:16/10;min-height:300px;max-height:420px}
.lx-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.lx-cols{position:absolute;inset:0;margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));pointer-events:none}
.lx-cols li{display:flex;flex-direction:column;padding:16px 14px 14px;min-width:0;transition:opacity .5s ease}
.lx-cols li+li{border-left:1px dashed #b8a0d024}
.lx-cols small{font:9px var(--mono);letter-spacing:.09em;color:#a98fc4}
.lx-cols b{font-weight:400;font-size:12.5px;line-height:1.3;color:#e2d9ef;margin-top:4px}
.lx-n{margin-top:auto;font:9.5px var(--mono);letter-spacing:.05em;color:#8d7ca3}
.lx-n i{display:block;font:400 26px/1.05 var(--sans);letter-spacing:-.03em;font-style:normal;color:#f0edf7;font-variant-numeric:tabular-nums}
.lx-cols em{margin-top:6px;font:9.5px var(--mono);font-style:normal;letter-spacing:.04em;color:#d6f588;transition:opacity .45s ease,transform .45s ease}
.lx-cols code{font:inherit;color:#e2d9ef}
.lx-live .lx-cols li:not(.is-on){opacity:.35}
.lx-live .lx-cols li:not(.is-done) em{opacity:0;transform:translateY(4px)}
.lx-punch{margin:0;padding:18px 18px 14px;border-top:1px solid #b8a0d01f;display:grid;gap:8px}
.lx-big{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px}
.lx-big b{font-weight:400;font-size:clamp(30px,3.2vw,42px);line-height:1;letter-spacing:-.04em;color:#f0edf7;font-variant-numeric:tabular-nums}
.lx-big b i{font-style:normal;color:#d6f588;transition:text-shadow .6s ease}
.lx.is-landed .lx-big b i{text-shadow:0 0 18px #d6f588aa}
.lx-big span{font:9.5px var(--mono);letter-spacing:.07em;color:#a98fc4;text-transform:uppercase}
.lx-punch p{margin:0;font-size:16px;line-height:1.45;color:#e2d9ef}
.lx-punch p em{font-family:Georgia,serif;color:#d6f588}
@media(max-width:560px){
  .lx-steps li{grid-template-columns:1fr;gap:4px}
  .lx-stage{aspect-ratio:auto;height:330px}
  .lx-cols li{padding:12px 9px 11px}
  .lx-cols b{font-size:11px}
  .lx-n i{font-size:21px}
  .lx-cols em{font-size:8.5px;white-space:nowrap}
  .lx-cols em code{display:none}
}
@media(max-width:1100px){
  .rj-row{gap:16px}
  .rj-body{padding:18px 18px 20px;gap:15px}
  .rj-wide .rj-body{padding:22px 22px}
  .rj-wide .rj-receipt{grid-template-columns:1fr 1fr}
  .nx-grid{grid-template-columns:1fr;gap:34px}
}
@media(max-width:900px){
  .real-jobs{padding:64px 0 60px}
  .rj-heading{margin-bottom:30px}
  .rj-wide{grid-template-columns:minmax(0,1fr);margin-bottom:16px}
  .rj-wide .rj-media{min-height:0;height:auto}
  .rj-wide .rj-media:after{inset:auto 0 0 0;width:auto;height:46%;background:linear-gradient(180deg,transparent,#100c16cc)}
  .rj-page{padding:22px 22px 0}
  .rj-sheet{min-height:250px;padding:24px 22px 0}
  .rj-row{grid-template-columns:1fr;gap:16px}
  .lineage{padding:64px 0 60px}
}
@media(max-width:560px){
  .rj h3{font-size:22px}
  .rj-receipt{grid-template-columns:1fr}
  .rj-strip{height:28px}
  .nx-stream{grid-template-columns:1fr;gap:5px}
}
/* The idle drift fades one sample card into the next (site/landing.js). */
#field-inspector{transition:opacity .42s ease,transform .42s ease}
#field-inspector.is-drift-out{opacity:0;transform:translateY(7px)}
#field-inspector.is-drift-in{animation:fi-drift .62s cubic-bezier(.2,.7,.2,1) both}
@keyframes fi-drift{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#field-inspector{transition:none}#field-inspector.is-drift-in{animation:none}}
/* On a phone the hero card leads with the work itself: a compact strip docked to the foot of the field,
   the file's preview beside its title, and the long description left to the explorer (which keeps its own layout). */
@media(max-width:760px){
  body:not(.field-expanded) #field-inspector{top:auto;bottom:10px;left:10px;right:10px;width:auto;padding:9px 30px 9px 10px;overflow:visible;box-shadow:0 10px 32px #000a}
  body:not(.field-expanded) #field-inspector #inspect-kind{font-size:8px}
  body:not(.field-expanded) #field-inspector #inspect-title{font-size:15px;margin:3px 0 0}
  body:not(.field-expanded) #field-inspector #inspect-detail{display:none}
  body:not(.field-expanded) #field-inspector .inspect-open{grid-template-columns:104px minmax(0,1fr) auto;gap:10px;margin-top:8px;padding:5px}
  body:not(.field-expanded) #field-inspector .inspect-open img{display:block;grid-column:auto;width:104px;height:64px}
  body:not(.field-expanded) #field-inspector .inspect-open img[hidden]{display:none}
  body:not(.field-expanded) #field-inspector .inspect-open:has(img[hidden]){grid-template-columns:minmax(0,1fr) auto}
  body:not(.field-expanded) #field-inspector .inspect-open b{font-size:13px}
}

/* ------------------------------------------------------------------ Two sections carried over from
   benchmarks.html (the day/night posture and the cluster-discovery chart). Their styles come from
   benchmarks.css, rescoped from #benchmarks-page to .bm-port so they cannot reach the rest of the site. */
.bm-port{--bm-surface:#14101d;--bm-surface2:#100c16;--bm-line:#b8a0d030;--bm-line2:#ffffff0c;--bm-ink:#f0edf7;--bm-ink2:#bdb0cd;--bm-muted:#a799b4;--bm-dim:#7f7390;--bm-lime:#d6f588;--bm-bad:#f2a97e;--bm-s1:#79a632;--bm-s2:#a873d6;--bm-s3:#cf7a45;--bm-s4:#4a90e2;color:var(--bm-ink)}
.bm-port p{color:var(--bm-ink2)}
.bm-port b{font-weight:500;color:var(--bm-ink)}
.bm-port small{font-size:inherit}
.bm-port em{font-family:Georgia,serif;font-style:italic;font-weight:400;color:var(--bm-lime)}
.bm-port dt{font:10px/1.4 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--bm-dim);margin-bottom:5px}
.bm-port dd{margin:0;color:var(--bm-ink)}
.bm-port .eyebrow{color:var(--bm-lime)}
.bm-port .eyebrow:before{background:var(--bm-lime)}
.bm-port .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
/* sections */
.bm-port .bm-section{padding:104px 0;scroll-margin-top:-20px}
.bm-port .bm-head{display:grid;grid-template-columns:1.25fr 1fr;gap:64px;align-items:end;margin-bottom:48px}
.bm-port .bm-head h2{font-size:clamp(34px,4vw,58px);font-weight:430;line-height:1.06;letter-spacing:-.055em;margin:22px 0 0}
.bm-port .bm-head>p{font-size:16px;line-height:1.7}
.bm-port .bm-head-sub{margin:84px 0 30px}
.bm-port .bm-head-sub h3{font-size:clamp(26px,2.6vw,38px);font-weight:430;letter-spacing:-.045em;line-height:1.1;margin:18px 0 0}
.bm-port .bm-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:14px}
.bm-port .bm-tiles-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bm-port .bm-tiles-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.bm-port .bm-tile{border:1px solid var(--bm-line);border-radius:14px;padding:22px 22px 24px;background:var(--bm-surface2)}
.bm-port .bm-alt .bm-tile{background:var(--bm-surface)}
.bm-port .bm-tile>small{display:block;font:10px/1.4 var(--mono);letter-spacing:.09em;color:var(--bm-dim)}
.bm-port .bm-tile>b{display:block;font-size:clamp(30px,3vw,42px);letter-spacing:-.05em;line-height:1.05;margin:14px 0 12px;font-variant-numeric:tabular-nums;font-weight:430}
.bm-port .bm-tile>b i{font-style:normal;font-size:.5em;letter-spacing:-.01em;color:var(--bm-muted)}
.bm-port .bm-tile p{font-size:13.5px;line-height:1.6}
/* tables */
.bm-port .bm-tablewrap{overflow-x:auto;margin-top:34px;border:1px solid var(--bm-line);border-radius:14px;background:var(--bm-surface2)}
.bm-port .bm-table{width:100%;border-collapse:collapse;font-size:13.5px}
.bm-port .bm-tablewrap .bm-table{min-width:900px}
.bm-port .bm-table caption{caption-side:top;text-align:left;padding:16px 20px;font:11px/1.6 var(--mono);letter-spacing:.03em;color:var(--bm-muted);border-bottom:1px solid var(--bm-line)}
.bm-port .bm-table th,.bm-port .bm-table td{padding:13px 20px;text-align:left;vertical-align:top;border-bottom:1px solid var(--bm-line2);color:var(--bm-ink2);font-weight:400}
.bm-port .bm-table .num{text-align:right}
.bm-port .bm-table thead th{font:10px var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--bm-dim)}
.bm-port .bm-table tbody tr:last-child>*{border-bottom:0}
.bm-port .bm-table td b,.bm-port .bm-table tbody th{color:var(--bm-ink)}
.bm-port .bm-table th small,.bm-port .bm-jobid{display:block;font:10.5px var(--mono);color:var(--bm-dim);margin-top:4px}
.bm-port .bm-table tr.is-ok td:first-child{box-shadow:inset 2px 0 var(--bm-lime)}
.bm-port .bm-table tr.is-no td:first-child{box-shadow:inset 2px 0 var(--bm-bad)}
.bm-port #bm-trust .bm-tiles:first-of-type{margin-top:34px}
/* charts */
.bm-port .bm-chartcard{border:1px solid var(--bm-line);border-radius:14px;padding:26px 28px;background:var(--bm-surface)}
.bm-port .bm-chart-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px 40px;flex-wrap:wrap;margin-bottom:20px}
.bm-port .bm-chart-top b{display:block;font-size:17px;letter-spacing:-.02em}
.bm-port .bm-chart-top small{font:11px/1.6 var(--mono);color:var(--bm-muted)}
.bm-port .bm-legend{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12.5px;color:var(--bm-ink2)}
.bm-port .bm-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:8px;vertical-align:-1px}
.bm-port .bm-chart{position:relative}
.bm-port .bm-chart-svg{width:100%;height:auto;overflow:visible}
.bm-port .bm-grid{stroke:#ffffff10;stroke-width:1}
.bm-port .bm-tick{font:10px var(--mono);fill:var(--bm-dim)}
.bm-port .bm-axis{font:9px var(--mono);letter-spacing:.12em;fill:var(--bm-dim)}
.bm-port .bm-line{fill:none;stroke-width:2;stroke-linejoin:round}
.bm-port .bm-end{stroke:var(--bm-surface);stroke-width:2}
.bm-port .bm-endlabel{font:11px var(--mono);fill:var(--bm-ink2)}
.bm-port .bm-cross line{stroke:#ffffff40;stroke-width:1;stroke-dasharray:3 3}
.bm-port .bm-cross circle{stroke:var(--bm-surface);stroke-width:2}
.bm-port .bm-tip{position:absolute;z-index:5;pointer-events:none;min-width:150px;max-width:260px;padding:10px 12px;border-radius:9px;border:1px solid #c1a3db48;background:#1d1629f7;box-shadow:0 12px 30px #0008;font-size:12.5px;line-height:1.55;color:var(--bm-ink)}
.bm-port .bm-tip b{display:block;font:10px var(--mono);letter-spacing:.08em;color:var(--bm-muted);margin-bottom:5px;font-weight:400}
.bm-port .bm-tip span{display:flex;justify-content:space-between;gap:18px}
.bm-port .bm-tip i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:7px}
.bm-port .bm-details{margin-top:14px;font-size:13px;color:var(--bm-muted)}
.bm-port .bm-details summary{cursor:pointer;width:max-content;padding:8px 0;color:var(--bm-lime)}
.bm-port .bm-details .bm-tablewrap{margin-top:8px}
.bm-port .bm-details .bm-table{min-width:560px}
.bm-port .bm-chart-foot{font-size:13px;line-height:1.65;color:var(--bm-muted);margin-top:20px;max-width:860px}
.bm-port #bm-search .bm-tiles{margin-top:14px}
.bm-port .bm-table-sub{min-width:620px}
/* two shifts */
.bm-port .bm-shifts{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:14px 0}
.bm-port .bm-shift{grid-column:1;border:1px solid var(--bm-line);border-radius:14px;padding:24px 26px;background:var(--bm-surface2)}
.bm-port .bm-shift-night{border-color:#d6f58855;background:linear-gradient(160deg,#d6f5880d,transparent 55%),var(--bm-surface)}
.bm-port .bm-shift-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 20px;font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--bm-dim);margin-bottom:12px}
.bm-port .bm-shift-top small{color:var(--bm-ink)}
.bm-port .bm-shift-night .bm-shift-top small{color:var(--bm-lime)}
.bm-port .bm-load{width:100%;height:84px;margin-bottom:20px}
.bm-port .bm-load line{stroke:#ffffff30}
.bm-port .bm-load-day{fill:#4a90e255;stroke:var(--bm-s4);stroke-width:1.5}
.bm-port .bm-load-night{fill:#d6f58830;stroke:var(--bm-lime);stroke-width:1.5}
.bm-port .bm-shift-flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:26px;align-items:center;margin-bottom:22px}
.bm-port .bm-shift-flow ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.bm-port .bm-shift-flow li{font:11.5px var(--mono);padding:8px 12px;border:1px solid var(--bm-line);border-radius:6px;color:var(--bm-ink2);background:#ffffff04}
.bm-port .bm-shift-flow li.is-off{border-style:dashed;color:var(--bm-dim)}
.bm-port .bm-shift-flow>b{position:relative;text-align:center;font:11px/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:18px 16px;border:1px solid #d6f58866;border-radius:10px;color:var(--bm-lime);font-weight:400}
.bm-port .bm-shift-flow>b:before,.bm-port .bm-shift-flow>b:after{content:'→';position:absolute;top:50%;translate:0 -50%;color:var(--bm-dim)}
.bm-port .bm-shift-flow>b:before{left:-20px}
.bm-port .bm-shift-flow>b:after{right:-20px}
.bm-port .bm-shift dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding-top:18px;border-top:1px solid var(--bm-line2)}
.bm-port .bm-shift dd{font-size:24px;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.bm-port .bm-shift-out{grid-column:2;grid-row:1/span 2;display:grid;align-items:center;position:relative;padding-left:44px}
.bm-port .bm-shift-out:before{content:'';position:absolute;left:14px;top:8%;bottom:8%;width:16px;border:1px solid var(--bm-dim);border-left:0;border-radius:0 14px 14px 0}
.bm-port .bm-shift-out span{display:block;text-align:center;border:1px solid var(--bm-lime);border-radius:10px;padding:22px 10px;font-size:20px;letter-spacing:-.03em;line-height:1.2;color:var(--bm-lime);background:#d6f5880d}
.bm-port .bm-table-fit{border:1px solid var(--bm-line);border-radius:14px;border-collapse:separate;border-spacing:0;background:var(--bm-surface);overflow:hidden}
.bm-port .bm-lines{margin-top:64px;display:grid;gap:14px;text-align:center}
.bm-port .bm-lines p{font-size:clamp(22px,2.5vw,34px);letter-spacing:-.04em;line-height:1.2;color:var(--bm-ink)}
@media (max-width:1100px){
  .bm-port .bm-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bm-port .bm-tiles-3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:760px){
  .bm-port .bm-section{padding:72px 0}
  .bm-port .bm-head{grid-template-columns:1fr;gap:20px;margin-bottom:34px}
  .bm-port .bm-head-sub{margin-top:60px}
  .bm-port .bm-tiles,.bm-port .bm-tiles-3,.bm-port .bm-tiles-2{grid-template-columns:1fr}
  .bm-port .bm-chartcard,.bm-port .bm-pd{padding:20px 16px}
  .bm-port .bm-chart{overflow-x:auto;scrollbar-width:thin}
  .bm-port .bm-chart-svg{min-width:600px}
  .bm-port .bm-shifts{grid-template-columns:1fr}
  .bm-port .bm-shift-out{grid-column:1;grid-row:auto;padding:0}
  .bm-port .bm-shift-out:before{display:none}
  .bm-port .bm-shift-out br{display:none}
  .bm-port .bm-shift{padding:20px 16px}
  .bm-port .bm-shift-flow{grid-template-columns:1fr;gap:30px}
  .bm-port .bm-shift-flow>b:before,.bm-port .bm-shift-flow>b:after{content:'↓';left:50%;right:auto;translate:-50% 0}
  .bm-port .bm-shift-flow>b:before{top:-24px}
  .bm-port .bm-shift-flow>b:after{top:auto;bottom:-24px}
  .bm-port .bm-shift dl{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* ------------------------------------------------------------------ The application panel is a slider:
   the day/night posture first, then the hours estimate. Slides are stacked in one grid cell so the panel
   keeps the height of the tallest and the change is a cross-fade. site/insight-slider.js drives it. */
#economics .ec-slider{display:flex;flex-direction:column}
#economics .ec-track{display:grid;flex:1}
#economics .ec-slide{grid-area:1/1;min-width:0;transition:opacity .45s ease,transform .45s ease}
#economics .ec-slide[hidden]{display:block;visibility:hidden;opacity:0;transform:translateY(8px);pointer-events:none}
@media(prefers-reduced-motion:reduce){#economics .ec-slide{transition:none}#economics .ec-slide[hidden]{transform:none}}
#economics .ec-nav{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:22px;padding-top:16px;border-top:1px solid #64506d66}
#economics .ec-dots{display:flex;gap:7px;flex-wrap:wrap}
#economics .ec-dots button{display:flex;align-items:center;gap:8px;min-height:34px;padding:7px 11px;border:1px solid #64506d;border-radius:999px;background:none;font:9px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:#a996b4;cursor:pointer;transition:color .25s,border-color .25s,background .25s}
#economics .ec-dots button:before{content:"";width:6px;height:6px;border-radius:50%;background:#64506d;transition:background .25s}
#economics .ec-dots button[aria-selected=true]{color:#d6f588;border-color:#d6f58899;background:#d6f5880f}
#economics .ec-dots button[aria-selected=true]:before{background:#d6f588;box-shadow:0 0 8px #d6f588}
#economics .ec-next{display:grid;place-items:center;width:34px;height:34px;border:1px solid #64506d;border-radius:50%;background:none;color:#c0aecb;font-size:13px;cursor:pointer;transition:color .25s,border-color .25s}
#economics .ec-next:hover{color:#d6f588;border-color:#d6f58899}
/* slide one: the posture, a compact twin of the benchmarks card */
#economics .ec-shift{margin:16px 0 0}
#economics .ec-toggle{display:inline-flex;gap:3px;padding:3px;border:1px solid #64506d66;border-radius:999px;background:#ffffff08}
#economics .ec-toggle button{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:6px 14px;border:0;border-radius:999px;background:none;font:10px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#a996b4;cursor:pointer;transition:background .25s,color .25s}
#economics .ec-toggle button i{font-style:normal;font-size:12px}
#economics .ec-toggle button[aria-selected=true]{background:#d6f588;color:#201628}
#modes .ec-face{margin-top:14px;padding:16px 16px 14px;border:1px solid #64506d66;border-radius:12px;background:#17101f}
#modes .ec-face-night{border-color:#d6f58855;background:linear-gradient(160deg,#d6f5880d,transparent 55%),#17101f}
#modes .ec-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 14px;font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#867190;margin-bottom:8px}
#modes .ec-top small{font-size:inherit;color:#f5eef8}
#modes .ec-face-night .ec-top small{color:#d6f588}
#modes .ec-load{display:block;width:100%;height:54px;margin-bottom:12px}
#modes .ec-load line{stroke:#ffffff30}
#modes .ec-load-day{fill:#4a90e255;stroke:#4a90e2;stroke-width:1.5}
#modes .ec-load-night{fill:#d6f58830;stroke:#d6f588;stroke-width:1.5}
#modes .ec-flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:22px;align-items:center;margin-bottom:14px}
#modes .ec-flow ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
#modes .ec-flow li{font:9.5px var(--mono);padding:6px 9px;border:1px solid #64506d66;border-radius:5px;color:#c0aecb;background:#ffffff04;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#modes .ec-flow li.is-off{border-style:dashed;color:#867190}
#modes .ec-flow>b{position:relative;text-align:center;font:9px/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:12px 10px;border:1px solid #d6f58866;border-radius:8px;color:#d6f588;font-weight:400;background:#d6f5880a}
#modes .ec-flow>b:before,#modes .ec-flow>b:after{content:"\2192";position:absolute;top:50%;translate:0 -50%;color:#867190;font-size:11px}
#modes .ec-flow>b:before{left:-17px}
#modes .ec-flow>b:after{right:-17px}
/* the day hub carries the "AI backend by day" note on hover / focus (site/insight-slider.js keeps the day face up while it is open) */
#modes .ec-hub{cursor:help;outline:0;transition:border-color .25s,background .25s}
#modes .ec-hub:hover,#modes .ec-hub:focus-visible{border-color:#d6f588;background:#d6f58818}
#modes .ec-tip{position:absolute;left:50%;top:calc(100% + 12px);z-index:6;width:max-content;max-width:min(300px,calc(100vw - 48px));padding:11px 13px;background:#140d19;border:1px solid #685574;border-radius:8px;font:11px/1.6 var(--sans);font-style:normal;letter-spacing:0;text-transform:none;text-align:left;color:#e9dfee;white-space:normal;opacity:0;visibility:hidden;transform:translate(-50%,-4px);transition:opacity .2s,transform .2s,visibility .2s;pointer-events:none}
#modes .ec-tip:before{content:"";position:absolute;left:50%;top:-5px;width:8px;height:8px;background:#140d19;border-left:1px solid #685574;border-top:1px solid #685574;transform:translateX(-50%) rotate(45deg)}
#modes .ec-hub:hover .ec-tip,#modes .ec-hub:focus-visible .ec-tip{opacity:1;visibility:visible;transform:translate(-50%,0)}
#economics .ec-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding-top:12px;border-top:1px solid #64506d4d}
#economics .ec-stats dt{font:8px/1.35 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:#a996b4;margin:0 0 5px}
#economics .ec-stats dd{margin:0;font:400 clamp(17px,1.5vw,21px)/1 var(--sans);letter-spacing:-.04em;color:#f5eef8;font-variant-numeric:tabular-nums}
#modes .ec-face-night .ec-stats dd{color:#d6f588}
#economics .ec-foot{margin:14px 0 0;font:9px var(--mono);letter-spacing:.04em;line-height:1.7;color:#a996b4;max-width:none}
#economics .ec-foot a{color:#d6f588;text-decoration:underline;text-underline-offset:3px}


.lineage-detail .nx-copy{max-width:760px}
#economics .ec-slide .footnote b{color:#d6f588;font-weight:400}
@media(max-width:900px){
  #economics .ec-nav{margin-top:18px}
  #economics .ec-stats{grid-template-columns:1fr 1fr;gap:12px}
  
  #modes .ec-flow{grid-template-columns:1fr;gap:24px}
  #modes .ec-flow>b:before,#modes .ec-flow>b:after{content:"\2193";left:50%;right:auto;translate:-50% 0}
  #modes .ec-flow>b:before{top:-20px}
  #modes .ec-flow>b:after{top:auto;bottom:-20px}
  #modes .ec-flow li{white-space:normal}
}
/* ec-bridge: two-shift line under "Same machine. Two shifts." */
#economics .ec-bridge{margin:-4px 0 16px;font-size:14.5px;line-height:1.5;color:#c0aecb;max-width:440px}
/* Both lines share one cell so switching shifts never moves the toggle. */
#economics .ec-bridge{display:grid}
#economics .ec-bridge>span{grid-area:1/1}
#economics .ec-bridge>span[hidden]{display:block!important;visibility:hidden}
#economics .ec-bridge b{font-weight:650;color:#f1e8f6}
#economics .ec-bridge [data-shift-face=night] b{color:#d6f588}
/* AI Hotspot slide: its own picture. Day blue for the apps and signal; the lime hub is Nightshift, as on every slide. */
/* Slide intros sit inside .ec-slide, so the card's own >p rule no longer reaches them. */
#economics .ec-slide>p:not([class]){font-size:15px;line-height:1.6;color:#c0aecb;margin:13px 0 0;max-width:none}
#modes .ec-slide-hotspot{--hs:#6fa9ee;--hs-soft:#6fa9ee33}
#modes .hs{container-type:inline-size;margin-top:20px}
#modes .hs-stage{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px;align-items:center}
#modes .hs-radar{position:relative;aspect-ratio:6/5;width:100%;border-radius:12px;background:radial-gradient(circle at 50% 50%,#4a90e21f,transparent 62%)}
#modes .hs-radar svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
#modes .hs-orbit{fill:none;stroke:#64506d88;stroke-dasharray:2 4}
#modes .hs-pulse circle{fill:none;stroke:var(--hs);stroke-width:1;opacity:0;transform-box:fill-box;transform-origin:center;animation:hs-ring 3.6s ease-out infinite}
#modes .hs-pulse circle+circle{animation-delay:1.8s}
@keyframes hs-ring{0%{transform:scale(.2);opacity:.75}100%{transform:scale(1);opacity:0}}
#modes .hs-spoke{stroke:#64506d99;stroke-width:1;transition:stroke .3s}
#modes .hs-spoke.on{stroke:var(--hs);stroke-width:1.5;stroke-dasharray:3 5;animation:hs-flow .6s linear infinite}
@keyframes hs-flow{to{stroke-dashoffset:16}}
#modes .hs-hub{position:absolute;left:50%;top:50%;translate:-50% -50%;display:grid;gap:2px;justify-items:center;padding:8px 11px;border:1px solid #d6f58888;border-radius:10px;background:#1b1323;box-shadow:0 0 0 5px #d6f5880d,0 0 26px #d6f58822;font:9px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#d6f588}
#modes .hs-hub small{font-size:7.5px;letter-spacing:.1em;color:#a996b4}
#modes .hs-node{position:absolute;left:var(--x);top:var(--y);translate:-50% -50%;padding:5px 9px;border:1px solid #64506d;border-radius:999px;background:#17101f;font:9px var(--mono);letter-spacing:.02em;white-space:nowrap;color:#c0aecb;cursor:pointer;transition:color .25s,border-color .25s,box-shadow .25s,background .25s}
#modes .hs-node:before{content:"";display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:#64506d;vertical-align:1px;transition:background .25s}
#modes .hs-node.on,#modes .hs-node:hover,#modes .hs-node:focus-visible{outline:0;color:#f5eef8;border-color:var(--hs);background:#1a2233;box-shadow:0 0 0 3px var(--hs-soft)}
#modes .hs-node.on:before{background:var(--hs);box-shadow:0 0 6px var(--hs)}
#modes .hs-join{padding:13px 14px;border:1px solid #4a90e255;border-radius:12px;background:linear-gradient(160deg,#4a90e214,transparent 60%),#17101f}
#modes .hs-join-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font:9px var(--mono);letter-spacing:.1em;color:#f5eef8;margin-bottom:10px}
#modes .hs-join-head i{display:inline-flex;align-items:center;gap:5px;font-style:normal;color:var(--hs)}
#modes .hs-join-head i:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--hs);box-shadow:0 0 8px var(--hs);animation:hs-live 1.8s ease-in-out infinite}
@keyframes hs-live{50%{opacity:.35}}
#modes .hs-join dl{margin:0;display:grid;gap:6px}
#modes .hs-join dl{grid-template-columns:auto minmax(0,1fr);column-gap:10px}
#modes .hs-join dl div{display:grid;gap:2px}
#modes .hs-join dl div:first-child{grid-column:1/-1}
#modes .hs-join dt{font:8px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#867190}
#modes .hs-join dd{margin:0;min-width:0}
#modes .hs-join code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:10px var(--mono);color:#e9dfee}
#modes .hs-models{display:flex;flex-wrap:wrap;gap:4px;margin:11px 0 0}
#modes .hs-models span{padding:4px 7px;border:1px solid #64506d88;border-radius:5px;font:8.5px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:#a996b4;transition:color .25s,border-color .25s,background .25s}
#modes .hs-models span.on{color:#10151f;background:var(--hs);border-color:var(--hs)}
#modes .hs-ask{display:grid;gap:3px;margin-top:11px;padding-top:10px;border-top:1px solid #64506d4d}
#modes .hs-ask small{font:8px var(--mono);letter-spacing:.1em;color:#867190}
#modes .hs-ask b{font-size:16px;font-weight:500;letter-spacing:-.02em;color:#f5eef8}
#modes .hs-ask span{font:9.5px var(--mono);color:var(--hs)}
#modes .hs-handoff{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px 14px;width:100%;margin:14px 0 0;padding:11px 13px;border:1px dashed #d6f58855;border-radius:10px;background:none;text-align:left;font:12px/1.4 var(--sans);color:#c0aecb;cursor:pointer;transition:border-color .25s,background .25s}
#modes .hs-handoff b{font:9px var(--mono);font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:#d6f588;white-space:nowrap}
#modes .hs-handoff:hover,#modes .hs-handoff:focus-visible{outline:0;border-color:#d6f588;background:#d6f5880a}
@container (max-width:430px){
  #modes .hs-stage{grid-template-columns:1fr}
  #modes .hs-radar{max-width:320px;margin:0 auto}
}
@media (prefers-reduced-motion:reduce){#modes .hs-pulse circle,#modes .hs-spoke.on,#modes .hs-join-head i:before{animation:none}#modes .hs-pulse circle{opacity:.25;transform:scale(.7)}}
/* Hotspot (sun) and Production Engine (moon) tabs carry their shift in place of the dot. */
#economics .ec-dots button.has-icon{gap:6px}
#economics .ec-dots button.has-icon:before{content:none}
#economics .ec-dots button.has-icon i{font-style:normal;font-size:12px;line-height:1;filter:grayscale(1);opacity:.55;transition:filter .25s,opacity .25s}
#economics .ec-dots button.has-icon[aria-selected=true] i{filter:none;opacity:1}
/* rj-chain: the night in one line, under each proof-card title */
.rj-chain{display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;margin:-6px 0 -4px;padding:0;list-style:none;font:9.5px/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#8e7fa4}
.rj-chain li+li:before{content:"\2192";margin:0 8px;color:#5f5272}
.rj-chain li.sep:before{content:"\00b7"}
.rj-chain b{font-weight:400;color:#e2d9ef}
.rj-chain .kept{color:#d6f588}
.rj-chain .open{color:#eac58b}

/* How It Works, chapter 07: three nights in a row, each starting from the clusters the last one settled. */
.nights{margin:26px 0 6px;max-width:420px;pointer-events:auto}
.nights-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr) 22px minmax(0,1fr);align-items:stretch}
.night{position:relative;display:flex;flex-direction:column;gap:3px;padding:9px 9px 10px;border:1px solid #b9a6cc33;border-radius:10px;background:#120d1acc;animation:nt-lit 9s infinite;animation-delay:calc(var(--n)*3s)}
.night.is-now{border-color:#d6f58866}
.night-k{font:9px var(--mono);letter-spacing:.1em;color:#a28eb6}
.night.is-now .night-k{color:#d6f588}
.night svg{display:block;width:100%;height:auto;margin:2px 0 4px;overflow:visible}
.night svg circle{fill:#c7b6db;opacity:.55}
.night svg .nt-core{fill:#d6f588;opacity:1;filter:drop-shadow(0 0 4px #d6f588aa)}
.night svg .nt-seed{fill:none;stroke:#d6f588;stroke-width:1;stroke-dasharray:2 2;opacity:.8}
.night svg .nt-star{fill:#d6f588}
.night b{font-size:12px;line-height:1.25;font-weight:500;color:#ebe2f1}
.night small{font:9px/1.4 var(--mono);color:#9d90ad}
.night-carry{position:relative;display:grid;place-items:center}
.night-carry:before{content:'';position:absolute;left:3px;right:3px;top:44%;height:1px;background:linear-gradient(90deg,#d6f58822,#d6f588)}
.night-carry:after{content:'';position:absolute;right:2px;top:44%;width:5px;height:5px;border-top:1px solid #d6f588;border-right:1px solid #d6f588;transform:translateY(-50%) rotate(45deg)}
.night-carry span{position:absolute;top:calc(44% + 6px);font:7.5px var(--mono);letter-spacing:.06em;color:#a28eb6;writing-mode:vertical-rl;transform:rotate(180deg)}
.nights-rail{display:grid;grid-template-columns:auto repeat(3,1fr);align-items:center;gap:6px 8px;margin-top:10px;padding:9px 12px;border:1px solid #d6f58833;border-radius:10px;background:#d6f58808}
.nights-rail>span{font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#d6f588;margin-right:6px}
.nights-rail i{height:4px;border-radius:4px;background:#d6f588;opacity:calc(.3 + var(--n)*.35);transform-origin:left;animation:nt-grow 9s infinite;animation-delay:calc(var(--n)*3s)}
.nights-rail small{grid-column:1/-1;font:9px var(--mono);color:#9d90ad}
.nights-loop{display:flex;align-items:center;gap:8px;margin-top:10px;font:10px var(--mono);letter-spacing:.04em;color:#b2a7bf}
.nights-loop span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid #d6f58866;color:#d6f588;font-size:12px;animation:nt-spin 9s linear infinite}
#nights .chapter-copy{max-width:430px}
@keyframes nt-lit{0%,30%{border-color:#d6f588aa;box-shadow:0 0 0 1px #d6f58822,0 14px 30px -18px #d6f588}40%,100%{box-shadow:none}}
@keyframes nt-grow{0%{transform:scaleX(.15)}25%,100%{transform:scaleX(1)}}
@keyframes nt-spin{to{transform:rotate(-360deg)}}
@media(max-width:760px){.nights{max-width:none;margin-top:14px}.night{padding:8px 7px}.night b{font-size:11px}.night small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.night,.nights-rail i,.nights-loop span{animation:none}}
/* Get started in seconds (partials/quickstart.html · site/quickstart.js): copy-paste prompts that point any AI at the GitHub repo. */
.quickstart{padding:110px 0 100px;border-top:1px solid #b49acd24;background:radial-gradient(ellipse at 12% 0%,#d6f58810,transparent 50%),radial-gradient(ellipse at 95% 60%,#8c64ba1c,transparent 55%),#0b0811}
.quickstart .collection-heading h2 em{font-family:Georgia,serif;font-weight:400;color:#d6f588}
.qs-steps{list-style:none;margin:0 0 26px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #b49acd30;border-radius:14px;overflow:hidden;counter-reset:qs}
.qs-steps li{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:baseline;padding:20px 24px;border-right:1px solid #b49acd30;background:#100c17}
.qs-steps li:last-child{border-right:0}
.qs-steps li:not(:last-child):after{content:'→';position:absolute;right:-11px;top:50%;transform:translateY(-50%);z-index:1;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#0b0811;border:1px solid #b49acd40;color:#d6f588;font-size:11px}
.qs-steps b{font:11px var(--mono);color:#d6f588;font-weight:400;grid-row:span 2}
.qs-steps span{font-size:17px;color:#f0edf7;letter-spacing:-.02em}
.qs-steps small{font:11px var(--mono);color:#9d8ba9;margin-top:3px;overflow-wrap:anywhere}
.qs-card{display:flex;flex-direction:column;min-width:0;border:1px solid #b8a0d030;border-radius:14px;padding:22px 22px 18px;background:#14101d;transition:border-color .2s,transform .2s,box-shadow .2s}
.qs-card:hover{border-color:#b8a0d066;transform:translateY(-2px);box-shadow:0 18px 40px -26px #000}
.qs-card header,.qs-hero-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.qs-tag{font:10px var(--mono);letter-spacing:.12em;padding:4px 9px;border-radius:20px;border:1px solid currentColor}
.qs-tag.ideate,.qs-tag.start{color:#d6f588;background:#d6f5880d}
.qs-tag.implement{color:#c7aef0;background:#c7aef00d}
.qs-for{font:10px var(--mono);color:#9d8ba9;letter-spacing:.04em}
.qs-card h3{font-size:24px;font-weight:450;letter-spacing:-.035em;color:#f0edf7;margin:0 0 6px}
.qs-why{font-size:14px;line-height:1.6;color:#b4a6c2;margin:0 0 14px}
.qs-prompt{position:relative;margin:0;padding:14px 16px;border:1px solid #b49acd26;border-radius:10px;background:#0c0912;font:12px/1.7 var(--mono);color:#d8cfe3;white-space:pre-wrap;overflow-wrap:anywhere;max-height:170px;overflow:hidden}
.qs-card.clamped:not(.open) .qs-prompt{-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
.qs-card.open .qs-prompt{max-height:none}
.qs-more{align-self:flex-start;background:none;font:11px var(--mono);color:#c7b6db;padding:8px 0 0;letter-spacing:.03em}
.qs-more:hover{color:#d6f588}
.qs-actions{display:flex;align-items:center;gap:6px 18px;flex-wrap:wrap;margin-top:auto;padding-top:16px}
.qs-card .qs-copy:not(.button){display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 18px;border-radius:30px;border:1px solid #d6f58888;background:#d6f58812;color:#e9f9c4;font:600 13px var(--sans)}
.qs-card .qs-copy:not(.button):before{content:'';width:12px;height:12px;border:1.5px solid currentColor;border-radius:3px;box-shadow:3px -3px 0 -1.5px #14101d,3px -3px 0 0 currentColor}
.qs-card .qs-copy:not(.button):hover{background:#d6f588;color:#202915;border-color:#d6f588}
.qs-copy.copied,.qs-card .qs-copy.copied:not(.button){background:#d6f588;color:#202915;border-color:#d6f588}
.qs-copy.copied:before{display:none}
.qs-open{font-size:13px;color:#c7b6db}
.qs-open:hover{color:#d6f588}
.qs-hero{margin-bottom:44px;padding:24px 28px 24px;border-color:#d6f58855;background:radial-gradient(ellipse at 0% 0%,#d6f58814,transparent 55%),#15101f;box-shadow:0 30px 80px -50px #d6f58855}
.qs-hero:hover{transform:none;border-color:#d6f58888}
.qs-dots{display:flex;gap:6px;margin-right:6px}.qs-dots i{width:9px;height:9px;border-radius:50%;background:#ffffff1f}.qs-dots i:first-child{background:#d6f588aa}
.qs-hero-body{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:32px;align-items:start}
.qs-hero h3{font-size:clamp(30px,3vw,42px);margin-bottom:10px}
.qs-hero-copy p{font-size:15px;line-height:1.7;color:#b4a6c2}
.qs-hero .qs-prompt{max-height:none;font-size:13px;padding:18px 20px;border-color:#d6f58833}
.qs-hero .qs-actions{padding-top:20px}
.qs-hero .qs-copy{min-width:180px}
.qs-bar{display:flex;align-items:center;justify-content:space-between;gap:16px 28px;flex-wrap:wrap;margin-bottom:20px}
.qs-filter{display:inline-flex;padding:4px;border:1px solid #b49acd33;border-radius:30px;background:#100c17}
.qs-filter button{min-height:38px;padding:8px 18px;border-radius:30px;background:none;color:#c7b6db;font-size:14px}
.qs-filter button small{font:10px var(--mono);color:#8d7c9c;margin-left:4px}
.qs-filter button:hover{color:#f0edf7}
.qs-filter button[aria-pressed=true]{background:#f0edf7;color:#1a1422}
.qs-filter button[aria-pressed=true] small{color:#6e6278}
.qs-works{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;color:#9d8ba9;margin:0;font-size:11px}
.qs-tools{display:inline-flex;flex-wrap:wrap;gap:6px 14px}
.qs-tools span{color:#e2d9ef}
.qs-tools span+span:before{content:'·';color:#6e6278;margin-right:14px}
/* site/quickstart.js shows one tool at a time. Every name sits in the same grid cell, so the slot keeps the widest name's width and nothing shifts. */
.qs-tools.is-rotating{display:inline-grid;overflow:hidden}
.qs-tools.is-rotating>span{grid-area:1/1;opacity:0;transform:translateY(.8em);transition:opacity .35s,transform .35s}
.qs-tools.is-rotating>span:before{content:none}
.qs-tools.is-rotating>span.on{opacity:1;transform:none}
.qs-tools.is-rotating>span.out{transform:translateY(-.8em)}
@media(prefers-reduced-motion:reduce){.qs-tools.is-rotating>span{transform:none!important}}
.qs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
#engines-page .quickstart{padding-top:165px}
#engines-page .quickstart~.engine-section{padding-top:105px}
@media(max-width:1050px){.qs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qs-hero-body{grid-template-columns:1fr;gap:18px}}
@media(max-width:760px){.quickstart{padding:70px 0}#engines-page .quickstart{padding-top:125px}#engines-page .quickstart~.engine-section{padding-top:70px}.qs-steps{grid-template-columns:1fr}.qs-steps li{border-right:0;border-bottom:1px solid #b49acd30;padding:16px 18px}.qs-steps li:last-child{border-bottom:0}.qs-steps li:not(:last-child):after{content:'↓';right:auto;left:22px;top:auto;bottom:-11px;transform:none}.qs-grid{grid-template-columns:1fr}.qs-hero{padding:20px 18px;margin-bottom:34px}.qs-hero .qs-prompt{font-size:12px;padding:14px}.qs-hero .qs-copy{width:100%}.qs-card{padding:20px 18px 16px}.qs-card h3{font-size:22px}.qs-filter{width:100%}.qs-filter button{flex:1;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.qs-card,.qs-card:hover{transition:none;transform:none}}
/* What came back: rotating cards (site/came-back.js) */
.rj-media .rj-layer{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .9s ease,transform .8s ease,filter .8s ease}
.rj-media .rj-layer.is-on{opacity:1}
.rj-piece{position:absolute;left:14px;bottom:14px;z-index:2;display:flex;flex-direction:column;gap:3px;max-width:calc(100% - 150px);pointer-events:none;transition:opacity .26s ease}
.rj-piece b{font-weight:400;font-size:12.5px;line-height:1.25;color:#f0edf7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 8px #000c}
.rj-piece small{font:8.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#b6a8c4}
.rj-piece:empty{display:none}
.rj-wavepanel{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:48px 22px 58px;background:radial-gradient(120% 90% at 20% 10%,#2a1d3a,#0c0913 70%);opacity:0;transition:opacity .7s ease;pointer-events:none}
.rj-media.is-audio .rj-wavepanel{opacity:1}
.rj-wavepanel small{font:8.5px var(--mono);letter-spacing:.1em;color:#8e7fa4}
.rj-wavepanel b{font:400 clamp(20px,1.7vw,25px)/1.15 Georgia,serif;font-style:italic;color:#f0edf7}
.rj-wavebars{display:flex;align-items:center;gap:3px;height:54px}
.rj-wavebars i{flex:1;height:var(--lv,40%);min-height:3px;border-radius:2px;background:#6e5a86}
.rj-wavebars i:nth-child(4n+1){background:#d6f588}
.rj-media.is-audio .rj-wavebars i{animation:rj-eq 1.1s ease-in-out infinite alternate;animation-delay:calc(var(--n,0) * -.09s)}
.rj-jobbar{display:flex;align-items:center;gap:10px;margin:-4px 0 -6px;font:9px var(--mono);letter-spacing:.1em;color:#7b6c8f}
.rj-jobclock{position:relative;flex:1;height:1px;background:#b8a0d024;overflow:hidden}
.rj-jobclock:before{content:"";position:absolute;inset:0 auto 0 0;width:calc(var(--p,0) * 100%);background:#d6f588aa;transition:width .25s linear}
.rj.is-held .rj-jobclock:before{background:#8e7fa4}
.rj-jobnext{flex:0 0 auto;padding:5px 10px;border:1px solid #b8a0d03a;border-radius:999px;background:transparent;color:#a996b4;font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color .2s,border-color .2s}
.rj-jobnext b{font-weight:400;color:#d6f588}
.rj-jobnext:hover,.rj-jobnext:focus-visible{color:#f0edf7;border-color:#d6f58877}
.rj-body>*{transition:opacity .26s ease,transform .26s ease}
.rj.is-turning .rj-body>:not(.rj-jobbar){opacity:0;transform:translateY(4px)}
.rj.is-turning .rj-piece{opacity:0}
.rj-now em{font-style:normal;color:#d9cfe6}
.rj-jobid{margin:0;font:9.5px var(--mono);letter-spacing:.06em;color:#7b6c8f;word-break:break-all}
/* What came back: knowledge-work drawer */
.rj-knowledge{margin-top:28px;border:1px solid #b8a0d02a;border-radius:16px;background:#100c16;overflow:hidden;box-shadow:0 24px 70px #0005}
.rj-knowledge-toggle{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;width:100%;padding:22px 26px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background .25s}
.rj-knowledge-toggle:hover,.rj-knowledge-toggle:focus-visible{background:#150f1d}
.rj-kw-kicker{font:9px var(--mono);letter-spacing:.12em;color:#d6f588}
.rj-kw-title{font-size:clamp(18px,1.6vw,23px);letter-spacing:-.03em;color:#f0edf7}
.rj-kw-title em{font-family:Georgia,serif;font-weight:400;color:#d6f588}
.rj-kw-cue{display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border-radius:999px;border:1px solid #d6f58866;font:10px var(--mono);letter-spacing:.05em;color:#d6f588;white-space:nowrap;transition:background .25s,color .25s}
.rj-knowledge-toggle:hover .rj-kw-cue,.rj-knowledge-toggle:focus-visible .rj-kw-cue{background:#d6f588;color:#14101d}
.rj-kw-cue i{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .4s ease}
.rj-knowledge.is-open .rj-kw-cue i{transform:translateY(2px) rotate(-135deg)}
.rj-kw-less,.rj-knowledge.is-open .rj-kw-more{display:none}
.rj-knowledge.is-open .rj-kw-less{display:inline}
.rj-knowledge:not(.is-ready) .rj-kw-cue{display:none}
.rj-kpanel{display:grid;grid-template-rows:1fr;transition:grid-template-rows .65s cubic-bezier(.2,.7,.2,1)}
.rj-knowledge.is-ready:not(.is-open) .rj-kpanel{grid-template-rows:0fr}
.rj-kpanel-inner{min-height:0;overflow:hidden;padding:0 24px;opacity:1;transition:opacity .45s ease .1s}
.rj-knowledge.is-ready:not(.is-open) .rj-kpanel-inner{opacity:0;transition-delay:0s}
.rj-kintro{max-width:720px;margin:4px 0 22px;font-size:15px;line-height:1.7;color:#ac9ebb}
.rj-knowledge .rj-wide{margin-bottom:16px;background:#0c0913;box-shadow:none}
.rj-docs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}
.rj-doc{display:flex;flex-direction:column;border:1px solid #b8a0d01f;border-radius:14px;background:#0c0913;overflow:hidden}
.rj-doc header{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;font:9px var(--mono);letter-spacing:.1em;color:#a996b4;border-bottom:1px solid #b8a0d01a}
.rj-doc header small{color:#6f6282;font-size:inherit}
.rj-doc-open{display:flex;flex-direction:column;flex:1;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;animation:rj-doc-in .4s ease both}
.rj-doc-open.is-out{opacity:0;transition:opacity .24s ease}
@keyframes rj-doc-in{from{opacity:0;transform:translateY(4px)}}
.rj-doc-visual{display:block;position:relative;height:196px;overflow:hidden;background:#0a0810;padding:18px 18px 0}
.rj-doc-visual:has(img){padding:0}
.rj-doc-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .8s ease}
.rj-doc-open:hover .rj-doc-visual img,.rj-doc-open:focus-visible .rj-doc-visual img{transform:scale(1.04)}
.rj-doc-sheet{display:block;position:relative;height:100%;padding:18px 18px 0;background:#efe9dc;color:#2a2230;border-radius:6px 6px 0 0;font-family:Georgia,serif;transform:rotate(-.8deg) translateY(6px);transition:transform .6s ease;overflow:hidden}
.rj-doc-open:hover .rj-doc-sheet,.rj-doc-open:focus-visible .rj-doc-sheet{transform:none}
.rj-doc-sheet b{display:block;font:500 8.5px var(--mono);letter-spacing:.12em;color:#5b4d66;padding-bottom:9px;margin-bottom:10px;border-bottom:1px solid #2a223022}
.rj-doc-sheet em{font-style:normal;font-size:14px;line-height:1.3;color:#2a2230;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rj-doc-sheet span{display:block;font-size:11.5px;line-height:1.55;color:#4b4155}
.rj-doc-sheet:after{content:"";position:absolute;inset:auto 0 0 0;height:70px;background:linear-gradient(180deg,transparent,#efe9dc)}
.rj-doc-code{display:block;height:100%;padding:14px 0;border:1px solid #b8a0d01f;border-bottom:0;border-radius:6px 6px 0 0;background:#08060c;font:10.5px/1.7 var(--mono);color:#cbbfdb;white-space:pre;overflow:hidden}
.rj-doc-code>span{display:block;padding-right:12px;overflow:hidden;text-overflow:ellipsis}
.rj-doc-code i{display:inline-block;width:30px;padding-right:10px;text-align:right;font-style:normal;color:#5f5272}
.rj-doc-info{display:flex;flex-direction:column;gap:5px;padding:14px 16px 6px}
.rj-doc-info b{font-weight:400;font-size:16px;line-height:1.25;letter-spacing:-.02em;color:#f0edf7}
.rj-doc-info small{font:8.5px var(--mono);letter-spacing:.07em;color:#7b6c8f;word-break:break-all}
.rj-doc-cue{padding:4px 16px 16px;font:9.5px var(--mono);letter-spacing:.06em;color:#d6f588}
@media(max-width:1000px){.rj-docs{grid-template-columns:1fr}.rj-knowledge-toggle{grid-template-columns:minmax(0,1fr) auto;gap:8px 16px}.rj-kw-kicker{grid-column:1/-1}}
@media(max-width:760px){.rj-knowledge{margin-top:16px}.rj-knowledge-toggle{padding:18px;grid-template-columns:1fr}.rj-kw-cue{justify-self:start}.rj-kpanel-inner{padding:0 14px}.rj-piece{max-width:calc(100% - 130px)}}
@media(prefers-reduced-motion:reduce){.rj-kpanel,.rj-kpanel-inner,.rj-media .rj-layer,.rj-body>*{transition:none}.rj-doc-open{animation:none}.rj-media.is-audio .rj-wavebars i{animation:none}}
/* Intelligence multiplexing: replay, markers, readout (site/multiplex-chart.js) */
.bm-port .bm-band{fill:#d6f5880a}
.bm-port .bm-mark line{stroke:#d6f58866;stroke-width:1;stroke-dasharray:2 4}
.bm-port .bm-mark text,.bm-port .bm-cap text{font:9px var(--mono);letter-spacing:.02em;fill:var(--bm-muted)}
.bm-port .bm-mark .bm-mk-n{font-size:10.5px;letter-spacing:.06em;fill:var(--bm-lime)}
.bm-port .bm-mark,.bm-port .bm-band{transition:opacity .6s ease}
.bm-port .bm-chart.is-anim .bm-mark:not(.is-on),.bm-port .bm-chart.is-anim .bm-band:not(.is-on){opacity:0}
.bm-port .bm-end,.bm-port .bm-endlabel{transition:opacity .5s ease}
.bm-port .bm-end.is-hidden,.bm-port .bm-endlabel.is-hidden{opacity:0}
.bm-port .bm-sweep line{stroke:var(--bm-lime);stroke-width:1;opacity:.75}
.bm-port .bm-sweep-n{font:10px var(--mono);fill:var(--bm-lime)}
.bm-port .bm-chart.is-done .bm-end{transform-box:fill-box;transform-origin:center;animation:bm-pulse 2.6s ease-in-out infinite}
@keyframes bm-pulse{50%{transform:scale(1.35)}}
.bm-port .bm-readout{display:flex;align-items:center;gap:18px;margin-top:14px;padding:14px 18px;min-height:64px;border:1px solid var(--bm-line);border-radius:10px;background:var(--bm-surface2)}
.bm-port .bm-ro-n{flex:0 0 auto;min-width:104px;font:10px var(--mono);letter-spacing:.1em;color:var(--bm-lime);font-variant-numeric:tabular-nums}
.bm-port .bm-readout p{flex:1;margin:0;font-size:14px;line-height:1.55}
.bm-port .bm-replay{flex:0 0 auto;padding:7px 12px;border:1px solid #d6f58866;border-radius:999px;background:transparent;color:var(--bm-lime);font:10px var(--mono);letter-spacing:.05em;cursor:pointer}
.bm-port .bm-replay:hover,.bm-port .bm-replay:focus-visible{background:var(--bm-lime);color:#14101d}
.bm-port .bm-sources{margin:10px 0 0;font-size:12px;line-height:1.65;color:var(--bm-dim);max-width:900px}
.bm-port .bm-sources a{color:var(--bm-muted);text-decoration:underline;text-decoration-color:#a799b466;text-underline-offset:3px}
@media(max-width:760px){.bm-port .bm-readout{flex-wrap:wrap;gap:8px 12px}.bm-port .bm-readout p{flex-basis:100%;order:2;font-size:13px}}
@media(prefers-reduced-motion:reduce){.bm-port .bm-chart.is-done .bm-end{animation:none}}
.rj-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.rj-jobcount{white-space:nowrap}
@media(max-width:1100px) and (min-width:761px){.rj-jobnext{padding:5px 8px}.rj-jobnext span{display:none}}
.bm-port .bm-ico circle:first-child{stroke:var(--bm-surface);stroke-width:1.5}
.bm-port .bm-mark .bm-mk-n,.bm-port .bm-cap .bm-mk-n{font-size:10px;letter-spacing:.04em;fill:var(--bm-ink)}
.bm-port .bm-mark .bm-mk-label tspan+tspan,.bm-port .bm-cap .bm-mk-label tspan+tspan{fill:var(--bm-muted)}
.bm-port .bm-mark line{stroke:#d6f58840}
@media(max-width:760px){.bm-port .bm-mk-label{display:none}}
.bm-port .bm-ml-mark{filter:drop-shadow(0 0 6px #d6f58855)}
.bm-port .bm-ml-label{font:10px var(--mono);letter-spacing:.04em;fill:var(--bm-muted);transition:opacity .6s ease .2s}
.bm-port .bm-ml-label .bm-ml-n{fill:var(--bm-lime)}
.bm-port .bm-chart.is-anim:not(.is-done) .bm-ml-label{opacity:0;transition:none}
@media(max-width:760px){.bm-port .bm-ml-label{display:none}}
/* Nights that build on nights: keep copy and animation side by side down to the phone breakpoint; only phones stack. */
@media(max-width:1100px) and (min-width:761px){
#lineage .nx-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(24px,3.2vw,40px);align-items:center}
#lineage .nx-copy h2{font-size:clamp(34px,4.4vw,46px);margin:18px 0 16px}
#lineage .nx-copy .nx-lead{font-size:16.5px}
#lineage .lx-steps{margin:18px 0 16px}
#lineage .lx-steps li{grid-template-columns:1fr;gap:3px;padding:11px 0}
#lineage .nx-copy .lx-steps p{font-size:14px;line-height:1.55}
#lineage .nx-copy .lx-kicker{font-size:14.5px}
#lineage .nx-head{padding:12px 14px}
#lineage .lx-stage{aspect-ratio:auto;min-height:0;height:clamp(280px,36vw,340px)}
#lineage .lx-cols li{padding:12px 9px 11px}
#lineage .lx-cols b{font-size:11px}
#lineage .lx-n i{font-size:clamp(19px,2.3vw,24px)}
#lineage .lx-cols em{font-size:8.5px;white-space:nowrap}
#lineage .lx-cols em code{display:none}
#lineage .lx-punch{padding:14px 14px 12px}
#lineage .lx-big b{font-size:clamp(26px,3.4vw,34px)}
#lineage .lx-big span{font-size:8.5px}
#lineage .lx-punch p{font-size:14.5px}
#lineage .nx-console>small{padding:0 14px 14px}
}
/* Sameness: the one direction each tool's task ends in, and the gap bracket the replay draws */
.bm-port .bm-one-line{stroke:var(--bm-dim);stroke-width:1.2;stroke-dasharray:1 3}
.bm-port circle.bm-one-dot{fill:var(--bm-surface);stroke:#b2aabd;stroke-width:1.6}
.bm-port .bm-one-label{font:9.5px var(--mono);fill:var(--bm-dim);letter-spacing:.03em}
.bm-port .bm-one-dot{transition:opacity .5s ease}
.bm-port .bm-chart.is-anim .bm-one-dot:not(.is-on){opacity:0}
.bm-port .bm-gap-bar,.bm-port .bm-gap-cap{stroke:var(--bm-lime);stroke-width:1.6}
.bm-port .bm-gap-bar{stroke-dasharray:3 3}
.bm-port .bm-gap-label{font:600 11px var(--mono);fill:var(--bm-ink2)}
.bm-port .bm-gap-label .bm-gap-one{fill:#b2aabd}
.bm-port .bm-gap-label .bm-gap-ns{fill:var(--bm-lime)}
@media(max-width:760px){.bm-port .bm-one-label{display:none}.bm-port .bm-gap-label{font-size:14px}}
/* Exploration caps on the chart: where asking a tool for versions stops (Midjourney and Codex 4, Cursor 8, a thread 20, Claude Pro 50, by hand 100) */
.bm-port .bm-cap line{stroke:#f2a97e;stroke-width:1;stroke-dasharray:2 4;opacity:.3;transition:opacity .3s}
.bm-port .bm-cap.is-active line{opacity:.95}
.bm-port .bm-cap{transition:opacity .5s ease}
.bm-port .bm-chart.is-anim .bm-cap:not(.is-on){opacity:0}
.bm-port .bm-legend .lg-one i{width:10px;height:10px;border-radius:50%;background:transparent;border:1.6px solid #b2aabd}
.bm-port .bm-legend .lg-cap i{width:3px;height:12px;border-radius:0;background:repeating-linear-gradient(180deg,#f2a97e 0 2px,transparent 2px 5px)}
.bm-port .bm-mk-label,.bm-port .bm-one-label{paint-order:stroke;stroke:var(--bm-surface);stroke-width:4px;stroke-linejoin:round}
.bm-port .bm-cap .bm-ico,.bm-port .bm-cap .bm-mk-label{opacity:.8;transition:opacity .3s}
.bm-port .bm-cap.is-active .bm-ico,.bm-port .bm-cap.is-active .bm-mk-label{opacity:1}
.bm-port .bm-cap.is-active .bm-mk-n{fill:var(--bm-lime)}
.bm-port .bm-band-key{font:9px var(--mono);letter-spacing:.14em;fill:var(--bm-dim)}
/* Calm at rest: tool callouts appear only while the replay (or a hover) is on them; ticks on the axis mark where they are */
.bm-port .bm-mark,.bm-port .bm-cap{opacity:0;transition:opacity .35s ease}
.bm-port .bm-chart .bm-mark.is-active,.bm-port .bm-chart .bm-cap.is-active{opacity:1}
.bm-port .bm-cap.is-active .bm-mk-n{fill:var(--bm-ink)}
.bm-port .bm-mark line{stroke:#b2aabd;stroke-dasharray:2 4;opacity:.6}
.bm-port .bm-tk{stroke-width:2;stroke-linecap:round;opacity:.7;transition:opacity .3s}
.bm-port .bm-tk-one{stroke:#b2aabd}
.bm-port .bm-tk-ex{stroke:#f2a97e}
.bm-port .bm-tk.is-active{opacity:1;stroke-width:3}
.bm-port .bm-legend .lg-tk i{width:2px;height:10px;border-radius:1px;margin-right:3px;background:#b2aabd}
.bm-port .bm-legend .lg-tk i+i{background:#f2a97e;margin-right:8px}
/* Exploring in one tool: estimated directions (hollow coral dots, dotted line), never drawn like a measured race */
.bm-port .bm-ex-line{fill:none;stroke:#f2a97e;stroke-width:1.2;stroke-dasharray:1 3;opacity:.8}
.bm-port circle.bm-ex-dot{fill:var(--bm-surface);stroke:#f2a97e;stroke-width:1.6}
.bm-port .bm-ex-label{font:9.5px var(--mono);fill:#d9a88a;paint-order:stroke;stroke:var(--bm-surface);stroke-width:4px;stroke-linejoin:round}
.bm-port .bm-ex-dot{transition:opacity .5s ease}
.bm-port .bm-chart.is-anim .bm-ex-dot:not(.is-on){opacity:0}
.bm-port .bm-legend .lg-ex i{width:10px;height:10px;border-radius:50%;background:transparent;border:1.6px solid #f2a97e}
@media(max-width:760px){.bm-port .bm-ex-label{display:none}}
/* Prompt deck: two more groups, and a pager that turns on its own (site/quickstart.js) */
.qs-tag.combine{color:#8fc8f5;background:#8fc8f50d}
.qs-tag.harden{color:#f2a97e;background:#f2a97e0d}
.qs-tag.power{color:#f5d67a;background:#f5d67a0d}
.qs-pager{display:flex;align-items:center;justify-content:center;gap:14px;margin:20px 0 0}
.qs-pager>button{width:38px;height:38px;border-radius:50%;border:1px solid #b8a0d040;background:#100c17;color:#e2d9ef;font-size:15px;cursor:pointer;transition:border-color .2s,color .2s}
.qs-pager>button:hover,.qs-pager>button:focus-visible{border-color:#d6f588aa;color:#d6f588}
.qs-pg-dots{display:flex;gap:6px}
.qs-pg-dots button{position:relative;width:22px;height:6px;padding:0;border:0;border-radius:4px;background:#b8a0d033;cursor:pointer;overflow:hidden}
.qs-pg-dots button[aria-current=true]{width:34px;background:#d6f58855}
.qs-pg-dots button[aria-current=true]:after{content:"";position:absolute;inset:0 auto 0 0;width:100%;background:#d6f588}
.qs-pager.is-running .qs-pg-dots button[aria-current=true]:after{animation:qs-fill 9s linear both}
@keyframes qs-fill{from{width:0}to{width:100%}}
.qs-pg-count{min-width:92px;text-align:center;font-size:11px;letter-spacing:.06em;color:#8d7c9c}
@media(max-width:760px){.qs-filter{overflow-x:auto;scrollbar-width:none}.qs-filter button{flex:0 0 auto}.qs-pg-count{display:none}}
@media(prefers-reduced-motion:reduce){.qs-pager.is-running .qs-pg-dots button[aria-current=true]:after{animation:none}}
/* Race highlights: one card in the chart's empty lower right, turning between the two findings (site/multiplex-chart.js).
   Hidden while the replay runs so it never sits on the sweep or the gap bracket; fades back while the plot is hovered. */
.bm-port .bm-insight{position:absolute;right:calc(10% + 10px);bottom:calc(11.6% + 14px);width:min(290px,27%);padding:14px 16px 12px;border:1px solid var(--bm-line);border-radius:12px;background:#100c16e8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 10px 28px #0006;transition:opacity .5s ease,visibility .5s}
.bm-port .bm-chart.is-anim:not(.is-done) .bm-insight{opacity:0;visibility:hidden}
.bm-port .bm-chart:has(.bm-hit:hover) .bm-insight{opacity:.12}
.bm-port .bm-in-track{display:grid}
.bm-port .bm-in-slide{grid-area:1/1;min-width:0;transition:opacity .45s ease,transform .45s ease}
.bm-port .bm-in-slide[hidden]{display:block;visibility:hidden;opacity:0;transform:translateY(6px)}
.bm-port .bm-in-slide small{display:block;font:9.5px/1.4 var(--mono);letter-spacing:.09em;color:var(--bm-dim)}
.bm-port .bm-in-slide b{display:block;font-size:clamp(22px,2.4vw,34px);letter-spacing:-.05em;line-height:1.05;margin:8px 0 6px;font-variant-numeric:tabular-nums;font-weight:430;color:var(--bm-lime)}
.bm-port .bm-in-slide p{margin:0;font-size:12.5px;line-height:1.5;color:var(--bm-ink2)}
.bm-port .bm-in-dots{display:flex;gap:2px;margin:8px 0 0 -8px}
.bm-port .bm-in-dots button{display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;background:none;cursor:pointer}
.bm-port .bm-in-dots button:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--bm-dim);transition:background .25s,width .25s}
.bm-port .bm-in-dots button[aria-selected=true]:before{width:14px;border-radius:3px;background:var(--bm-lime)}
@media(max-width:760px){.bm-port .bm-insight{position:sticky;left:0;right:auto;bottom:auto;width:auto;margin-top:12px;box-shadow:none}.bm-port .bm-chart:has(.bm-hit:hover) .bm-insight{opacity:1}}
@media(prefers-reduced-motion:reduce){.bm-port .bm-in-slide{transition:none}.bm-port .bm-in-slide[hidden]{transform:none}}
/* ------------------------------------------------------------------ #modes: what Nightshift is, straight under the hero.
   One stage, two shifts. The same machine stays in the middle; the sky and both sides change around it. site/shifts.js plays
   each shift: while you use it, apps on five devices ask at once, each answered on its own clock along its own wire; when you
   step away, it reads left to right: your queue of jobs, the machine, the job's three models working side by side on their own
   clocks, and below them the tray. The queue starts the next job by itself; the tray fills with the 141 attempts of that real night (the After hours run in #real-jobs, read from its strip). */
.hero h1.hero-dual{font-size:clamp(46px,4.3vw,68px);line-height:1.02}
.modes{background:#fff;color:#352440;padding:115px 0}
#modes .ms-heading{display:grid;grid-template-columns:1.3fr 1fr;column-gap:64px;align-items:end;margin-bottom:40px}
#modes .eyebrow{grid-column:1/-1;margin-bottom:20px;color:#735f7e}
#modes .eyebrow:before{background:#735f7e}
#modes h2{font-size:clamp(40px,4.2vw,62px);line-height:1.04;margin:0;color:#352440}
#modes h2 em{color:#826490;font-family:Georgia,serif;font-weight:400}
#modes .ms-heading p{max-width:420px;margin:0 0 5px;font-size:17px;line-height:1.6;color:#735f7e}

/* The switch. The chosen shift carries a thin timer while the stage plays on its own. */
#modes .sh-switch{display:inline-grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin:0 0 14px;border:1px solid #e6dcee;border-radius:999px;background:#f8f4fb}
#modes .sh-switch button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:8px 20px;border:0;border-radius:999px;background:none;font:500 14px var(--sans);letter-spacing:-.01em;color:#735f7e;white-space:nowrap;cursor:pointer;overflow:hidden;transition:color .35s,background .35s,box-shadow .35s}
#modes .sh-switch button i{font-style:normal;font-size:15px;line-height:1}
#modes .sh-switch button:hover{color:#352440}
#modes .sh-switch button:focus-visible{outline:2px solid #826490;outline-offset:2px}
#modes #sh-tab-day[aria-selected=true]{background:#fff;color:#1f5fb8;box-shadow:0 4px 14px -4px #4a90e255,inset 0 0 0 1px #4a90e266}
#modes #sh-tab-night[aria-selected=true]{background:#201628;color:#d6f588;box-shadow:0 6px 18px -6px #201628aa}
#modes .sh-switch button.timing:after{content:"";position:absolute;left:18px;right:18px;bottom:5px;height:2px;border-radius:2px;background:currentColor;opacity:.4;transform:scaleX(0);transform-origin:left;animation:sh-tick var(--dur,10s) linear forwards}
@keyframes sh-tick{to{transform:scaleX(1)}}

/* The stage and its sky: a light day, then the night fades in over it. */
#modes .sh-stage{position:relative;isolation:isolate;overflow:hidden;padding:clamp(26px,3.6vw,48px);border:1px solid #dcd0ea;border-radius:24px;color:#2a1d36;background:linear-gradient(180deg,#d6e5ff 0%,#ece6ff 52%,#fbf8ff 100%);transition:color .8s ease,border-color .8s ease}
#modes .sh-stage:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(110% 80% at 85% -10%,#3d2c5e 0%,#1c1329 55%,#110b19 100%);opacity:0;transition:opacity 1s ease}
#modes .sh-sky{position:absolute;inset:0;z-index:-1;pointer-events:none}
#modes .sh-sun{position:absolute;right:8%;top:-58px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,#fffaf0 0 26%,#ffeeb8 27% 31%,#ffe7a466 45%,transparent 70%);transition:transform 1.2s cubic-bezier(.6,0,.3,1),opacity 1s}
#modes .sh-moon{position:absolute;right:26px;top:20px;width:40px;height:40px;border-radius:50%;box-shadow:inset -11px 5px 0 0 #f4eed8;filter:drop-shadow(0 0 16px #f4eed855);opacity:0;transform:translateY(-110px) rotate(-20deg);transition:transform 1.2s cubic-bezier(.6,0,.3,1) .15s,opacity 1s .15s}
#modes .sh-stars{position:absolute;inset:0;opacity:0;transition:opacity 1.2s;background-image:radial-gradient(1.4px 1.4px at 7% 14%,#fff 50%,transparent 52%),radial-gradient(1px 1px at 18% 38%,#fff 50%,transparent 52%),radial-gradient(1.2px 1.2px at 27% 9%,#fff 50%,transparent 52%),radial-gradient(1px 1px at 38% 26%,#fff 50%,transparent 52%),radial-gradient(1.6px 1.6px at 49% 7%,#fff 50%,transparent 52%),radial-gradient(1px 1px at 57% 31%,#fff 50%,transparent 52%),radial-gradient(1.2px 1.2px at 66% 16%,#fff 50%,transparent 52%),radial-gradient(1px 1px at 74% 40%,#fff 50%,transparent 52%),radial-gradient(1.3px 1.3px at 93% 36%,#fff 50%,transparent 52%),radial-gradient(1px 1px at 12% 72%,#fff 50%,transparent 52%),radial-gradient(1.2px 1.2px at 44% 88%,#fff 50%,transparent 52%),radial-gradient(1px 1px at 63% 78%,#fff 50%,transparent 52%),radial-gradient(1.4px 1.4px at 86% 90%,#fff 50%,transparent 52%),radial-gradient(1px 1px at 97% 62%,#fff 50%,transparent 52%),radial-gradient(1px 1px at 31% 58%,#fff 50%,transparent 52%)}
#modes .sh[data-shift=night] .sh-stage{color:#f5eef8;border-color:#3a2b47}
#modes .sh[data-shift=night] .sh-stage:before{opacity:1}
#modes .sh[data-shift=night] .sh-sun{opacity:0;transform:translateY(190px)}
#modes .sh[data-shift=night] .sh-moon{opacity:1;transform:none}
#modes .sh[data-shift=night] .sh-stars{opacity:.85}
#modes .sh.live[data-shift=night] .sh-stars{animation:sh-twinkle 4s ease-in-out infinite alternate}
@keyframes sh-twinkle{from{opacity:.55}to{opacity:.95}}

/* Everything that belongs to one shift crossfades in place, so nothing jumps when the shift changes. */
#modes .sh-day-only,#modes .sh-night-only{transition:opacity .55s ease,visibility .55s,transform .55s ease}
#modes .sh[data-shift=day] .sh-night-only,#modes .sh[data-shift=night] .sh-day-only{opacity:0;visibility:hidden;transform:translateY(8px)}
#modes .sh-swap{display:grid}
#modes .sh-swap>*{grid-area:1/1}

#modes .sh-lede{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:12px 48px;align-items:end;margin-bottom:clamp(26px,3.4vw,44px)}
#modes .sh-lede h3{margin:0;font-size:clamp(30px,3.3vw,48px);line-height:1.04;letter-spacing:-.045em;color:inherit}
#modes .sh-lede h3 em{font-family:Georgia,serif;font-weight:400;color:#2f6fca}
#modes .sh-lede h3.sh-night-only em{color:#d6f588}
#modes .sh-lede p{margin:0;max-width:440px;font-size:16px;line-height:1.55;color:#56446a}
#modes .sh-lede p.sh-night-only{color:#cbbcd8}

/* The scene: where the request starts, the machine, what comes back. */
#modes .sh-scene{display:grid;grid-template-columns:minmax(0,1fr) clamp(44px,6vw,100px) auto clamp(44px,6vw,100px) minmax(0,1fr);align-items:center}
#modes .sh-side{display:grid;min-width:0}
#modes .sh-layer{grid-area:1/1;display:flex;flex-direction:column;gap:10px;min-width:0}
#modes .sh-label{font:10px var(--mono);letter-spacing:.12em;color:#6f5c86}
#modes .sh-night-only .sh-label{color:#a996b4}
#modes .sh-card{position:relative;padding:14px 16px;border:1px solid #fff;border-radius:16px;background:#ffffffd9;box-shadow:0 14px 34px -18px #3a2a6a66;color:#2a1d36}
#modes .sh-night-only .sh-card{border-color:#ffffff1f;background:#ffffff0d;box-shadow:0 14px 34px -18px #000;color:#f5eef8}

/* The scene's layers only fade: the wires are drawn to where the tiles sit, so they must not slide. */
#modes .sh[data-shift] .sh-scene .sh-day-only,#modes .sh[data-shift] .sh-scene .sh-night-only{transform:none}
#modes .sh-scene{position:relative}
#modes .sh-side,#modes .sh-core{position:relative;z-index:1}

/* While you use it: every connected app, on every device, at once. Each tile asks, waits and receives on its own clock. */
#modes .sh-devs{justify-content:center}
#modes .sh-dev{display:grid;grid-template-columns:36px minmax(0,1fr) 88px;grid-template-areas:"ic txt out";align-items:center;gap:12px;padding:11px 12px;border:1px solid #fff;border-radius:16px;background:#ffffffe0;box-shadow:0 14px 30px -18px #3a2a6a66;color:#2a1d36;transition:border-color .3s,box-shadow .3s}
#modes .sh-dev.busy{border-color:#4a90e270;box-shadow:0 0 0 3px #4a90e21c,0 14px 30px -18px #3a2a6a66}
#modes .sh-dev-ic{grid-area:ic;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#edf3fd;color:#2f6fca}
#modes .sh-dev-ic svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#modes .sh-dev-txt{grid-area:txt;display:grid;gap:2px;min-width:0}
#modes .sh-dev-txt small{font:9.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#6f5c86;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:font .25s,color .25s,letter-spacing .25s}
#modes .sh-dev.is-named.busy .sh-dev-txt small{font:650 16px/1.15 var(--sans);letter-spacing:-.03em;text-transform:none;color:#24182f;white-space:normal}
#modes .sh-dev-ask{min-height:1.35em;font-size:14px;font-weight:500;letter-spacing:-.01em;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:font-size .25s,color .25s}
#modes .sh-dev.is-named.busy .sh-dev-ask{font-size:12px;font-weight:450;color:#6f5c86}
#modes .sh-dev-state{display:flex;align-items:center;gap:6px;font:normal 9.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#2f6fca}
#modes .sh-dev-state:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:currentColor}
#modes .sh-dev.busy .sh-dev-state:before{animation:sh-blip 1s ease-in-out infinite}
#modes .sh-dev[data-state=done] .sh-dev-state{color:#3d8a2e}
@keyframes sh-blip{50%{opacity:.25}}
#modes .sh-dev-out{grid-area:out;position:relative;display:flex;flex-direction:column;justify-content:center;gap:7px;height:44px;min-width:0}
#modes .sh-dev-media{grid-template-columns:36px minmax(0,1fr);grid-template-areas:"out out" "ic txt";row-gap:10px}
#modes .sh-dev-media .sh-dev-out{display:block;height:auto}
#modes .sh-dev-media .sh-media{aspect-ratio:auto;height:clamp(64px,7vw,92px)}

/* The links: always-on lines from the machine to every app, a faint current flowing out along them, and a packet each way per request. */
#modes .sh-links{position:absolute;inset:0;z-index:0;width:100%;height:100%;overflow:visible;pointer-events:none;transition:opacity .6s}
#modes .sh-links g{transition:opacity .6s}
#modes .sh[data-shift=day] .lk-night,#modes .sh[data-shift=night] .lk-day{opacity:0}
#modes .sh-links path{fill:none;stroke-linecap:round}
#modes .sh-links .base{stroke:#8a74a04d;stroke-width:1.5}
#modes .sh-links .flow{stroke:#4a90e2;stroke-width:1.6;stroke-dasharray:1.5 9;opacity:.6}
#modes .sh.live .sh-links .flow{animation:sh-feed 1.1s linear infinite}
#modes .sh-links .pk{stroke-width:4;opacity:0}
#modes .sh-links .pk-in{stroke:#8a74a0}
#modes .sh-links .pk-out{stroke:#2f7be0;filter:drop-shadow(0 0 4px #4a90e2)}
#modes .sh-links .lk-night .base{stroke:#d6f58833}
#modes .sh-links .lk-night .flow{stroke:#d6f588;opacity:.5}
#modes .sh-links .lk-night .pk-out{stroke:#d6f588;filter:drop-shadow(0 0 4px #d6f588)}
#modes .sh-links .lk-night .pk-in{stroke:#cbbcd8}

/* When you step away: the job's models work side by side. Each lane makes a take, has it checked, and keeps it or moves on,
   on its own clock; the queue beside them starts the next job by itself. */
#modes .sh-night-only .sh-dev{border-color:#ffffff1f;background:#ffffff0d;box-shadow:0 14px 34px -18px #000;color:#f5eef8}
#modes .sh-night-only .sh-dev.busy{border-color:#d6f58866;box-shadow:0 0 0 3px #d6f5881a,0 14px 34px -18px #000}
#modes .sh-night-only .sh-dev-ic{background:#d6f5881a;color:#d6f588}
#modes .sh-night-only .sh-dev-txt small{color:#a996b4}
#modes .sh-night-only .sh-dev-state{color:#d6f588}
#modes .sh-lane[data-state=tried] .sh-dev-state{color:#8f7aa8}
#modes .sh-lane[data-state=kept] .sh-dev-state:after{content:" \2713"}
#modes .sh-dev[hidden]{display:none}
#modes .sh-lane .sh-media{aspect-ratio:auto;height:100%;background:#ffffff12}
#modes .sh-lane .sh-o-voice{display:flex;align-items:center;gap:3px;height:100%}
#modes .sh-lane[data-kind=audio] .sh-media,#modes .sh-lane:not([data-kind=audio]) .sh-o-voice{display:none}
#modes .sh-lane .sh-media img{transition:filter .5s ease,opacity .5s ease}
#modes .sh-lane[data-state=make] .sh-media img,#modes .sh-lane[data-state=check] .sh-media img{filter:blur(10px) saturate(.3);opacity:.6}
#modes .sh-lane[data-state=tried] .sh-media img{filter:grayscale(1) brightness(.5);opacity:.5}
#modes .sh-lane .sh-o-voice i{background:#d6f588}
#modes .sh-lane[data-state=make] .sh-o-voice i{animation:sh-wave 1.1s ease-in-out infinite alternate}
#modes .sh-lane[data-state=tried] .sh-o-voice i{background:#8f7aa8}
#modes .sh-lane:not([data-state=make]) .sh-o-voice i:nth-child(odd){height:48%}#modes .sh-lane:not([data-state=make]) .sh-o-voice i:nth-child(4n){height:70%}
#modes .sh-jobs,#modes .sh-night-out{padding:13px 14px}
#modes .sh-jobs .sh-label,#modes .sh-night-out .sh-label{display:block;margin-bottom:10px}
/* The queue: a stack of jobs you left. The running one glows; the next starts by itself when it finishes. */
#modes .sh-q{display:grid;gap:7px;margin:0;padding:0;list-style:none}
#modes .sh-q li{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-areas:"ic txt" "ic st";align-items:center;gap:1px 11px;padding:9px 11px;border:1px solid #ffffff14;border-radius:12px;background:#ffffff06;color:#a996b4;transition:color .4s,border-color .4s,background .4s,opacity .4s}
#modes .sh-q li:nth-child(3){opacity:.85}#modes .sh-q li:nth-child(4){opacity:.7}#modes .sh-q li:nth-child(5){opacity:.55}#modes .sh-q li:nth-child(6){opacity:.42}
#modes .sh-q-ic{grid-area:ic;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#ffffff0d;color:#a996b4}
#modes .sh-q-ic svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#modes .sh-q-txt{grid-area:txt;display:flex;align-items:baseline;gap:8px;min-width:0}
#modes .sh-q b{min-width:0;font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#modes .sh-q small{flex:none;font:9px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#8f7aa8}
#modes .sh-q em{grid-area:st;display:flex;align-items:center;gap:6px;font:normal 9px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#8f7aa8}
#modes .sh-q em:before{content:"";flex:none;width:6px;height:6px;border:1.5px solid currentColor;border-radius:50%;box-sizing:border-box}
#modes .sh-q li.run{opacity:1;border-color:#d6f58866;background:#d6f5880d;color:#f5eef8;box-shadow:0 0 0 3px #d6f58812}
#modes .sh-q li.run .sh-q-ic{background:#d6f5881f;color:#d6f588}
#modes .sh-q li.run em{color:#d6f588}
#modes .sh-q li.run em:before{background:currentColor;box-shadow:0 0 8px #d6f588}
#modes .sh.live .sh-q li.run em:before{animation:sh-blip 1.2s ease-in-out infinite}
#modes .sh-q li.done{opacity:.55}
#modes .sh-q li.done b{text-decoration:line-through;text-decoration-color:#8f7aa899}
#modes .sh-q li.done em{color:#d6f588b3}
#modes .sh-q li.done em:before{content:"\2713";width:auto;height:auto;border:0;font-size:10px;line-height:1}
#modes .sh-q li.pop{animation:sh-pop .6s ease}
@keyframes sh-pop{0%{transform:translateX(-8px);opacity:.3}100%{transform:none;opacity:1}}

/* Between the models and the tray: kept takes flowing down into what you'll find in the morning. */
#modes .sh-down{position:relative;display:flex;align-items:center;gap:10px;height:34px;padding-left:calc(50% - 1px);font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#a996b4}
#modes .sh-down i{position:absolute;left:50%;top:2px;bottom:2px;width:2px;margin-left:-1px;background:repeating-linear-gradient(180deg,#d6f58866 0 3px,transparent 3px 7px)}
#modes .sh-down i:after{content:"";position:absolute;left:50%;top:0;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#d6f588;box-shadow:0 0 10px 2px #d6f588aa;opacity:0}
#modes .sh-down.go i:after{animation:sh-drop .7s ease-in both}
#modes .sh-down span{margin-left:14px}
@keyframes sh-drop{0%{top:0;opacity:0}20%,80%{opacity:1}100%{top:100%;opacity:0}}
@keyframes sh-feed{to{stroke-dashoffset:21}}



/* The machine: the same box in both shifts, blue when it answers, lime while it works alone. */
#modes .sh-core{display:grid;justify-items:center;gap:6px;text-align:center}
#modes .sh-box{position:relative;display:grid;place-content:center;justify-items:center;gap:8px;width:clamp(124px,12.5vw,164px);aspect-ratio:1;margin-bottom:8px;border:1px solid #fff;border-radius:30px;background:linear-gradient(160deg,#fff,#e8e0f3);box-shadow:0 26px 40px -20px #3a2a5a88,inset 0 -7px 0 #d9cde8,inset 0 1px 0 #fff;color:#2a1d36;transition:background .9s,border-color .9s,box-shadow .9s,color .9s}
#modes .sh-mark{width:34%;height:auto;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#modes .sh-box b{font:600 13px var(--sans);letter-spacing:-.01em}
#modes .sh-led{position:absolute;left:33%;right:33%;bottom:17px;height:3px;border-radius:3px;background:#4a90e2;box-shadow:0 0 10px #4a90e2;transition:background .9s,box-shadow .9s}
#modes .sh-ring{position:absolute;inset:-1px;border:1.5px solid #4a90e2;border-radius:30px;opacity:0;pointer-events:none}
#modes .sh-box.hit .sh-ring{animation:sh-ring 1s ease-out both}
#modes .sh-box.hit .sh-ring+.sh-ring{animation-delay:.18s}
#modes .sh-box.hit .sh-led{animation:sh-flash .9s ease-out}
#modes .sh[data-shift=night] .sh-box{border-color:#ffffff24;background:linear-gradient(160deg,#30233f,#191124);box-shadow:0 26px 50px -18px #000,0 0 70px -12px #d6f58855,inset 0 -7px 0 #110b19,inset 0 1px 0 #ffffff1a;color:#d6f588}
#modes .sh[data-shift=night] .sh-led{background:#d6f588;box-shadow:0 0 12px #d6f588}
#modes .sh[data-shift=night] .sh-ring{border-color:#d6f588}
#modes .sh.live[data-shift=night] .sh-ring{animation:sh-ring 2.6s ease-out infinite}
#modes .sh.live[data-shift=night] .sh-ring+.sh-ring{animation-delay:1.3s}
#modes .sh.live[data-shift=night] .sh-led{animation:sh-breathe 2.4s ease-in-out infinite}
@keyframes sh-ring{0%{opacity:.75;transform:scale(1)}100%{opacity:0;transform:scale(1.38)}}
@keyframes sh-flash{0%{filter:brightness(2.2)}100%{filter:none}}
@keyframes sh-breathe{50%{opacity:.45}}
#modes .sh-core-cap{font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:inherit}
#modes .sh-core-live{font-size:12px;color:#56446a;font-variant-numeric:tabular-nums}
#modes .sh-core-live b{font-weight:600;color:#1f5fb8}
#modes .sh-core-live i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#4a90e2;box-shadow:0 0 8px #4a90e2;vertical-align:1px}
#modes .sh.live .sh-core-live i{animation:sh-blip 1.6s ease-in-out infinite}
#modes .sh-core-live .sh-night-only{color:#cbbcd8}
#modes .sh-core-live .sh-night-only b{color:#d6f588}
#modes .sh-core-live .sh-night-only i{background:#d6f588;box-shadow:0 0 8px #d6f588}

/* What comes back, in the shape each kind of job takes. Outputs reset instantly and fill in only once the answer arrives. */
#modes .sh-o-text i,#modes .sh-o-trans i{display:block;height:5px;border-radius:3px;background:#4a90e2}
#modes .sh-o-text i{transform:scaleX(0);transform-origin:left}
#modes .sh-o-text i:nth-child(2){width:82%}#modes .sh-o-text i:nth-child(3){width:56%}
#modes .sh-dev.ready .sh-o-text i{transform:none;transition:transform .7s linear}
#modes .sh-dev.ready .sh-o-text i:nth-child(2){transition-delay:.7s}
#modes .sh-dev.ready .sh-o-text i:nth-child(3){transition-delay:1.4s}
#modes .sh-o-trans i{position:relative;margin-left:17px;background:#b4a3c8;opacity:0}
#modes .sh-o-trans i:before{content:"";position:absolute;left:-17px;top:-1px;width:12px;height:7px;border-radius:2px;background:#4a90e2}
#modes .sh-o-trans i:nth-child(2){width:70%}#modes .sh-o-trans i:nth-child(3){width:84%}
#modes .sh-dev.ready .sh-o-trans i{opacity:1;transition:opacity .25s}
#modes .sh-dev.ready .sh-o-trans i:nth-child(2){transition-delay:.8s}
#modes .sh-dev.ready .sh-o-trans i:nth-child(3){transition-delay:1.6s}
#modes .sh-o-voice{flex-direction:row;align-items:center;gap:3px}
#modes .sh-o-voice i{flex:1;max-width:4px;height:14%;border-radius:2px;background:#4a90e2}
#modes .sh-dev.ready .sh-o-voice i{animation:sh-wave 1.1s ease-in-out infinite alternate}
#modes .sh-dev[data-state=done] .sh-o-voice i{animation:none;height:22%}
#modes .sh-o-voice i:nth-child(3n){animation-delay:-.3s}#modes .sh-o-voice i:nth-child(3n+1){animation-delay:-.7s}#modes .sh-o-voice i:nth-child(4n){animation-delay:-.5s;animation-duration:.8s}#modes .sh-o-voice i:nth-child(5n){animation-delay:-.9s;animation-duration:1.3s}
#modes .sh-dev[data-state=done] .sh-o-voice i:nth-child(odd){height:48%}#modes .sh-dev[data-state=done] .sh-o-voice i:nth-child(4n){height:70%}
@keyframes sh-wave{0%{height:14%}100%{height:95%}}
#modes .sh-media{position:relative;display:block;overflow:hidden;aspect-ratio:16/7;border-radius:10px;background:#e3dbef}
#modes .sh-media img{display:block;width:100%;height:100%;object-fit:cover}
#modes .sh-o-image img{filter:blur(16px) saturate(.3);transform:scale(1.1)}
#modes .sh-dev.ready .sh-o-image img{filter:none;transform:none;transition:filter 1.6s ease,transform 1.6s ease}
#modes .sh-bar{position:absolute;left:8px;right:8px;bottom:7px;height:3px;border-radius:3px;background:#ffffff55;overflow:hidden;transition:opacity .4s}
#modes .sh-bar i{display:block;width:0;height:100%;background:#fff}
#modes .sh-dev.ready .sh-bar i{width:100%;transition:width 1.6s ease}
#modes .sh-dev[data-state=done] .sh-bar{opacity:0}
#modes .sh-o-video img{filter:brightness(.35) saturate(.4) blur(3px);transform:scale(1.05)}
#modes .sh-dev[data-state=done] .sh-o-video img{filter:none;transform:none;transition:filter .9s ease,transform .9s ease}
#modes .sh-queue{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:9px;font:9.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#fff;opacity:0;transition:opacity .3s}
#modes .sh-queue i{width:13px;height:13px;border:2px solid #ffffff44;border-top-color:#fff;border-radius:50%;animation:sh-spin .9s linear infinite}
#modes .sh-dev.ready:not([data-state=done]) .sh-queue{opacity:1}
#modes .sh-play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:36px;height:36px;margin:-18px 0 0 -18px;padding-left:3px;border-radius:50%;background:#ffffffe6;color:#201628;font-size:12px;box-shadow:0 6px 20px #0006;opacity:0;transform:scale(.6)}
#modes .sh-dev[data-state=done] .sh-play{opacity:1;transform:none;transition:opacity .4s,transform .4s cubic-bezier(.3,1.6,.5,1)}
@keyframes sh-spin{to{transform:rotate(360deg)}}

/* A real night, attempt by attempt. */
#modes .sh-grid{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:3px}
#modes .sh-grid i{aspect-ratio:1;border-radius:2px;background:#ffffff14;opacity:.5;transform:scale(.45);transition:background .3s,opacity .3s,transform .3s,box-shadow .3s;transition-delay:calc(var(--i,0) * var(--step,26ms))}
#modes .sh-grid.run i{background:#8f7aa899;opacity:1;transform:none}
#modes .sh-grid.run i.k{background:#d6f588;box-shadow:0 0 8px #d6f588aa}
#modes .sh-grid.reset i{transition:none}
#modes .sh-tally{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;margin-top:12px;font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#a996b4}
#modes .sh-tally b{margin-right:6px;font:600 22px var(--sans);letter-spacing:-.03em;color:#f5eef8;font-variant-numeric:tabular-nums}
#modes .sh-tally .kept b,#modes .sh-tally span:last-child b{color:#d6f588}
#modes .sh-tally a{margin-left:auto;font:10px var(--mono);letter-spacing:.08em;color:#d6f588;text-decoration:none}
#modes .sh-tally a:hover{text-decoration:underline;text-underline-offset:3px}

/* Under the stage: the one limit, a way into the real work, and the details for developers. */
#modes .sh-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 32px;margin-top:22px}
#modes .ms-limit{max-width:720px;margin:0;font-size:14px;line-height:1.6;color:#735f7e}
#modes .ms-limit b{color:#352440;font-weight:600}
#modes .sh-see{font-size:14px;white-space:nowrap;color:#826490}
#modes .sh-see:hover{color:#352440}
#modes .ms-integration{margin-top:14px;padding-top:12px;border-top:1px solid #eee6f3}
#modes .ms-integration summary{display:inline-flex;align-items:center;gap:8px;padding:6px 0;font:9.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#826490;cursor:pointer;list-style:none}
#modes .ms-integration summary::-webkit-details-marker{display:none}
#modes .ms-integration summary:after{content:"+";font-size:13px;line-height:1}
#modes .ms-integration[open] summary:after{content:"\2212"}
#modes .ms-int-body{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:8px 24px;align-items:start;margin-top:10px}
#modes .ms-int-body .hs-join{grid-row:span 2;--hs:#6fa9ee}
#modes .ms-int-body p{max-width:none;margin:0;font-size:13.5px;line-height:1.6;color:#735f7e}
#modes .ms-int-body .footnote{font-size:11px;color:#8a7896}

@media(max-width:1100px){
  #modes .sh-lede{grid-template-columns:1fr}
}
@media(max-width:900px){
  #modes .sh-scene{grid-template-columns:minmax(0,1fr) 28px auto 28px minmax(0,1fr)}
  #modes .sh-box{width:108px;border-radius:24px}
  #modes .sh-ring{border-radius:24px}
  #modes .sh-dev{grid-template-columns:32px minmax(0,1fr);grid-template-areas:"ic txt" "out out";gap:8px 10px}
  #modes .sh-dev-ic{width:32px;height:32px}
  #modes .sh-dev-out{height:30px}
  #modes .sh-dev-media{grid-template-areas:"out out" "ic txt"}
  #modes .sh-core-live{max-width:130px}
}
/* Phones: the scene stands up. Apps above and below the machine, the wires running up and down to it. */
@media(max-width:760px){
  .modes{padding:72px 0}
  #modes .ms-heading{grid-template-columns:1fr;gap:0;margin-bottom:26px}
  #modes .ms-heading p{font-size:15px;margin:18px 0 0;max-width:440px}
  #modes .sh-switch{display:grid;width:100%}
  #modes .sh-switch button{padding:8px 10px;font-size:13.5px}
  #modes .sh-stage{padding:24px 16px 18px;border-radius:20px}
  #modes .sh-sun{right:-30px;top:-70px}
  #modes .sh-moon{right:22px;top:20px;width:34px;height:34px;box-shadow:inset -9px 4px 0 0 #f4eed8}
  #modes .sh-lede{gap:10px;margin-bottom:18px}
  #modes .sh-lede h3{font-size:29px;padding-right:40px}
  #modes .sh-lede p{font-size:14.5px;line-height:1.5}
  #modes .sh-layer{gap:8px}
  #modes .sh-card{padding:12px 14px;border-radius:14px}
  #modes .sh-scene{grid-template-columns:minmax(0,1fr);justify-items:stretch}
  #modes .sh-gap{height:30px}
  #modes .sh-q small{display:none}
  #modes .sh-q li:nth-child(n+5){display:none}
  #modes .sh-core{grid-template-columns:auto auto;align-items:center;justify-content:center;column-gap:14px;text-align:left}
  #modes .sh-box{grid-row:span 2;width:84px;margin:0;border-radius:20px;gap:4px}
  #modes .sh-ring{border-radius:20px}
  #modes .sh-box b{font-size:10.5px}
  #modes .sh-led{bottom:11px}
  #modes .sh-core-cap{align-self:end}
  #modes .sh-core-live{max-width:none;align-self:start}
  #modes .sh-dev,#modes .sh-dev-media{grid-template-columns:32px minmax(0,1fr) 84px;grid-template-areas:"ic txt out";gap:10px;padding:9px 10px}
  #modes .sh-dev-out{height:40px}
  #modes .sh-dev-media .sh-media{aspect-ratio:auto;height:46px}
  #modes .sh-queue{font-size:0;gap:0}
  #modes .sh-play{width:26px;height:26px;margin:-13px 0 0 -13px;font-size:9px}
  #modes .sh-foot{display:grid}
  #modes .ms-int-body{grid-template-columns:1fr}
  #modes .ms-int-body .hs-join{grid-row:auto}
}
@media(prefers-reduced-motion:reduce){
  #modes .sh-stage,#modes .sh-stage:before,#modes .sh-sun,#modes .sh-moon,#modes .sh-stars,#modes .sh-day-only,#modes .sh-night-only,#modes .sh-box,#modes .sh-grid i,#modes .sh-dev *,#modes .sh-q li{transition:none!important}
  #modes .sh-down i:after{display:none}
  #modes .sh-queue i,#modes .sh-o-voice i,#modes .sh-links .flow,#modes .sh-core-live i,#modes .sh-dev-state:before,#modes .sh-q li,#modes .sh-q em:before,#modes .sh-ring,#modes .sh-led,#modes .sh-stars{animation:none!important}
}
/* Receipt labels on the proof cards: models & runtime, then the checks that ran. */
.rj-checks-label{margin:14px 0 8px}
/* Knowledge-work drawer: the Morning Desk (tools/build-knowledge-desk.py, site/knowledge-desk.js) */
.kw-stats{list-style:none;margin:0 0 26px;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid #b8a0d01f;border-radius:14px;overflow:hidden;background:#0c0913}.kw-stats li{padding:16px 16px 15px;border-left:1px solid #b8a0d01a}.kw-stats li:first-child{border-left:0}.kw-stats b{display:block;font-size:30px;font-weight:430;line-height:1;letter-spacing:-.05em;color:#f0edf7}.kw-stats small{margin-left:3px;font-size:13px;letter-spacing:0;color:#a996b4}.kw-stats li:last-child b{color:#d6f588}.kw-stats span{display:block;margin-top:9px;font-size:11.5px;line-height:1.45;color:#8f80a3}
.kw-feature .rj-sheet em{display:block}.kw-race{margin:10px 0 18px}.kw-race ol{list-style:none;margin:0;padding:0;display:grid;gap:6px}.kw-lane{display:grid;grid-template-columns:96px 1fr;gap:10px;align-items:center}.kw-lane-m{font:9.5px/1.2 var(--mono);color:#a996b4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kw-lane-t{position:relative;height:16px;border-radius:4px;background:#ffffff07}.kw-lane-t i{position:absolute;top:3px;bottom:3px;left:var(--l);width:var(--w);border-radius:3px;background:#8e7aa8}.kw-lane.is-win i{background:#d6f588;box-shadow:0 0 12px #d6f58866}.kw-lane.is-out i{background:transparent;border:1px dashed #8e7aa8aa}.kw-lane-t em{position:absolute;top:50%;left:var(--l);transform:translate(7px,-50%);font:9px/1 var(--mono);font-style:normal;color:#a996b4;white-space:nowrap}.kw-lane-t em.in{transform:translate(calc(-100% - 7px),-50%);color:#1b2410;font-weight:600}.kw-lane.is-win em{color:#d6f588}.kw-lane.is-win em.in{color:#1b2410}
.kw-axis{display:flex;justify-content:space-between;margin:7px 0 0 106px;font:9px var(--mono);color:#6f6282}.kw-key{display:flex;flex-wrap:wrap;gap:6px 16px;margin:12px 0 0;font:9px/1.4 var(--mono);letter-spacing:.04em;color:#8f80a3}.kw-key i{display:inline-block;width:14px;height:7px;margin-right:6px;border-radius:2px;vertical-align:-1px}.kw-key .win i{background:#d6f588}.kw-key .ok i{background:#8e7aa8}.kw-key .out i{border:1px dashed #8e7aa8aa}
.kw-facts{list-style:none;margin:10px 0;padding:0;display:grid;gap:8px}.kw-facts li,.kw-fact{position:relative;padding-left:24px;font-size:13.5px;line-height:1.45;color:#e2dbea}.kw-facts li:before,.kw-fact:before{content:'';position:absolute;left:0;top:1px;width:16px;height:16px;border-radius:50%;background:#d6f5881f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.3l2.3 2.3 4.7-5' fill='none' stroke='%23d6f588' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.kw-proofs{margin:0 0 16px;font-size:12px;line-height:1.55;color:#8f80a3}.kw-replay{font:10px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#d6f588;text-decoration:none}.kw-replay:hover{text-decoration:underline}
.kw-desk{margin-top:34px}.kw-desk-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 28px;margin-bottom:16px}.kw-desk-head p{max-width:470px;margin:8px 0 0;font-size:13.5px;line-height:1.55;color:#8f80a3}.kw-filter{display:flex;flex-wrap:wrap;gap:6px}.kw-filter button{min-height:34px;padding:6px 13px;border:1px solid #ffffff24;border-radius:30px;background:transparent;color:#a996b4;font:12.5px var(--sans);cursor:pointer;transition:background .18s,border-color .18s,color .18s}.kw-filter button:hover{border-color:#ffffff55;color:#f0edf7}.kw-filter button[aria-pressed=true]{background:#d6f588;border-color:#d6f588;color:#1b2410;font-weight:550}
.kw-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.kw-card[hidden]{display:none}.kw-card .rj-doc-open{animation:none}.kw-card .rj-doc-visual{height:150px}.kw-card .rj-doc-open:hover{background:#ffffff04}.kw-ask{font-size:13px;line-height:1.5;color:#a99bb8}.kw-fact{margin:6px 16px 0;font-size:12.5px;color:#e6f2c8}.kw-meta{padding:10px 16px 0;font:9.5px/1.5 var(--mono);letter-spacing:.04em;color:#7b6c8f}.kw-card .rj-doc-cue{margin-top:auto;padding-top:14px}
.kw-foot{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:18px;padding:20px 22px;border:1px solid #b8a0d01f;border-radius:14px;background:#0c0913}.kw-bars{list-style:none;margin:26px 0 0;padding:0;display:flex;align-items:flex-end;gap:14px;height:112px}.kw-bars li{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;height:100%}.kw-bar{position:relative;display:block;width:100%;max-width:58px;height:calc(var(--h)*.66);border-radius:6px 6px 2px 2px;background:#8e7aa8}.kw-bars li:last-child .kw-bar{background:linear-gradient(#d6f588,#9fc65a);box-shadow:0 0 16px #d6f58840}.kw-bar b{position:absolute;left:0;right:0;top:-19px;text-align:center;font-size:13px;font-weight:500;color:#f0edf7}.kw-bars small{font:9px/1.35 var(--mono);text-align:center;color:#7b6c8f}
.kw-claims{display:flex;flex-direction:column;justify-content:center;gap:12px}.kw-claims p{margin:0;font-size:14px;line-height:1.55;color:#c9bfd6}.kw-claims b{font-weight:500;color:#d6f588}.kw-all{font:10px/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#d6f588;text-decoration:none}.kw-all:hover{text-decoration:underline}
@media(max-width:1000px){.kw-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.kw-stats li:nth-child(4){border-left:0}.kw-stats li:nth-child(n+4){border-top:1px solid #b8a0d01a}.kw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.kw-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.kw-stats li:nth-child(n){border-left:1px solid #b8a0d01a;border-top:1px solid #b8a0d01a}.kw-stats li:nth-child(odd){border-left:0}.kw-stats li:nth-child(-n+2){border-top:0}.kw-stats b{font-size:26px}.kw-grid,.kw-foot{grid-template-columns:1fr}.kw-lane{grid-template-columns:76px 1fr}.kw-axis{margin-left:86px}}

/* Nav: the Models link joined the bar; keep every item on one line between the phone menu and full desktop. */
@media(min-width:761px) and (max-width:1180px){.nav-links{gap:14px}.nav-links>a{white-space:nowrap}}
@media(min-width:761px) and (max-width:980px){.nav-links .gh-stars{display:none}}

/* index.html: "compatible with" model ticker under the NVIDIA Inception and Product Hunt badges.
   Markup is written by tools/build-models.mjs; each chip opens that model on models.html. */
.badge-strip .wrap{flex-direction:column;align-items:stretch;gap:26px}
.model-ticker{display:flex;align-items:stretch;width:100%;height:58px;border:1px solid #b49acd29;border-radius:14px;background:linear-gradient(180deg,#140e1bcc,#0e0a14cc);overflow:hidden;box-shadow:inset 0 1px 0 #ffffff08}
.mt-label{flex:none;display:flex;align-items:center;gap:11px;padding:0 20px 0 18px;border-right:1px solid #b49acd29;background:#1a1223;color:#f0edf7;text-decoration:none;transition:background .2s}
.mt-label:hover{background:#221830}
.mt-label b{font-size:24px;font-weight:450;letter-spacing:-.045em;color:#d6f588;line-height:1}
.mt-label span{font:9.5px/1.3 var(--mono);letter-spacing:.11em;text-transform:uppercase;color:#a99cb8}
.mt-viewport{flex:1;min-width:0;overflow:hidden;display:flex;align-items:center;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.mt-track{display:flex;width:max-content;animation:mt-scroll var(--mt-dur,300s) linear infinite}
.mt-set{display:flex;gap:8px;padding-right:8px}
.model-ticker:hover .mt-track,.model-ticker:focus-within .mt-track{animation-play-state:paused}
@keyframes mt-scroll{to{transform:translateX(-50%)}}
.mt-chip{--mh:#aaa3ba;display:inline-flex;align-items:center;gap:9px;height:36px;padding:0 13px 0 6px;border-radius:30px;border:1px solid #b49acd24;background:#ffffff05;color:#ddd4e8;text-decoration:none;font-size:13px;letter-spacing:-.005em;white-space:nowrap;transition:border-color .2s,background .2s,color .2s,transform .2s}
.mt-chip:hover,.mt-chip:focus-visible{border-color:color-mix(in srgb,var(--mh) 70%,transparent);background:color-mix(in srgb,var(--mh) 10%,transparent);color:#fff;transform:translateY(-1px)}
.mt-chip:focus-visible{outline:2px solid #d6f588;outline-offset:2px}
.mt-glyph{width:24px;height:24px;flex:none;border-radius:50%;display:grid;place-items:center;font:600 11px/1 var(--sans);font-style:normal;color:var(--mh);background:color-mix(in srgb,var(--mh) 16%,#150f1d);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mh) 42%,transparent)}
.mt-chip small{font:9px var(--mono);letter-spacing:.09em;text-transform:uppercase;color:#8d819c}
.mt-chip small.mt-local{color:#b8d67a}
.mt-all{flex:none;display:flex;align-items:center;gap:8px;padding:0 20px;border-left:1px solid #b49acd29;color:#d6f588;text-decoration:none;font:11px var(--mono);letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;transition:background .2s}
.mt-all:hover{background:#d6f5880d}
@media(max-width:760px){.badge-strip .wrap{gap:20px}.model-ticker{height:54px;border-radius:12px}.mt-label{padding:0 14px}.mt-label b{font-size:20px}.mt-all{display:none}.mt-chip small{display:none}}
@media(prefers-reduced-motion:reduce){.mt-track{animation:none}.mt-set[aria-hidden]{display:none}.mt-viewport{overflow-x:auto;scrollbar-width:thin;-webkit-mask-image:none;mask-image:none}}

/* tools.html: 03 / Experiments. Three things built on the Meterless Runtime, each card tinted by its own --exp colour.
   A card is one link (the title's ::after covers it); a second link inside sits above that cover. Loops play only on screen (site/experiments.js). */
.experiments-section{padding:30px 0 90px}
.exp-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 64px;align-items:end}
.exp-heading .eyebrow{grid-column:1/-1}
.exp-heading h2 em{color:#d6f588;font-family:Georgia,serif;font-style:italic;font-weight:400}
.exp-heading p{margin:0}
.exp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.exp-card{--exp:#d6f588;position:relative;display:flex;flex-direction:column;border:1px solid #b49acd35;border-radius:16px;background:#130e1b;overflow:hidden;transition:background .2s,border-color .2s,transform .25s}
.exp-card:hover{background:#1a1324;border-color:color-mix(in srgb,var(--exp) 55%,transparent)}
.exp-card:focus-within{border-color:var(--exp)}
.exp-feature{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.exp-media{position:relative;aspect-ratio:4/3;background:#0b0810;overflow:hidden;isolation:isolate}
.exp-feature .exp-media{aspect-ratio:auto;min-height:100%}
.exp-media img,.exp-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1),opacity .4s}
.exp-media video{opacity:0}.exp-media video.is-on{opacity:1}
.exp-card:hover .exp-media img,.exp-card:hover .exp-media video{transform:scale(1.025)}
.exp-window img{object-position:left top}
.exp-media:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 55%,#0b0810b3)}
.exp-crt:before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(#12101000 50%,#00000030 50%);background-size:100% 3px;mix-blend-mode:multiply}
.exp-chip{position:absolute;left:16px;top:16px;z-index:3;font:10px var(--mono);letter-spacing:.1em;color:#f0edf7;background:#0b0810cc;border:1px solid #ffffff24;border-radius:999px;padding:6px 11px;backdrop-filter:blur(8px)}
.exp-chip i{font-style:normal;color:var(--exp)}
.exp-vhs{position:absolute;left:16px;bottom:16px;z-index:3;font:10px/1.2 var(--mono);letter-spacing:.1em;color:#e3dcef;text-transform:uppercase}
.exp-vhs b{display:inline-block;margin-right:8px;padding:3px 7px;background:#ffd166;color:#111;font-weight:500}
.exp-body{display:flex;flex-direction:column;gap:0;padding:28px 30px 28px;min-width:0;flex:1}
.exp-feature .exp-body{padding:34px 36px}
.exp-unlock{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font:10px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#cbbfd9}
.exp-unlock b{font-weight:500;color:#130e1b;background:var(--exp);border-radius:4px;padding:3px 7px}
.exp-card h3{margin:20px 0 4px;font-size:clamp(32px,3.2vw,46px);font-weight:430;letter-spacing:-.05em;line-height:1}
.exp-link{color:inherit;text-decoration:none}
.exp-link:after{content:'';position:absolute;inset:0;z-index:4;border-radius:inherit}
.exp-link:focus-visible{outline:none}
.exp-link:focus-visible:after{outline:2px solid var(--exp);outline-offset:-3px}
.exp-line{margin:0 0 16px;font-size:19px;letter-spacing:-.02em;color:#f0edf7!important}
.exp-line em{font-family:Georgia,serif;font-style:italic;color:var(--exp)}
.exp-body>p:not(.exp-line){margin:0;font-size:15px;line-height:1.65;color:#b7a6c5}
.exp-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 0;padding:16px 0 0;border-top:1px solid #b49acd26}
.exp-stats dt{font:9.5px/1.3 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:#8f80a3;margin-bottom:6px}
.exp-stats dd{margin:0;font-size:clamp(24px,2.3vw,32px);letter-spacing:-.05em;line-height:1;color:#f0edf7;font-variant-numeric:tabular-nums}
.exp-stats dd small{display:block;margin-top:6px;font-size:12px;letter-spacing:0;line-height:1.35;color:#9f8fb2}
.exp-meter{margin:20px 0 0;padding:16px 16px 14px;border:1px solid #b49acd26;border-radius:12px;background:#0d0913}
.exp-meter>small{display:block;font:9.5px/1.4 var(--mono);letter-spacing:.09em;color:#8f80a3;margin-bottom:10px}
.exp-meter-row{display:grid;grid-template-columns:96px minmax(0,1fr) 82px;align-items:center;gap:12px;font-size:12.5px;color:#cbbfd9}
.exp-meter-row+.exp-meter-row{margin-top:8px}
.exp-meter-row i{position:relative;height:8px;border-radius:8px;background:#ffffff0d}
.exp-meter-row i b{position:absolute;top:0;bottom:0;left:var(--a);width:calc(var(--b) - var(--a));min-width:4px;border-radius:8px;background:#d6f588}
.exp-meter-row.is-metered i b{background:linear-gradient(90deg,#f2a97e66,#f2a97e)}
.exp-meter-row em{font:12px var(--mono);font-style:normal;text-align:right;color:#d6f588;font-variant-numeric:tabular-nums}
.exp-meter-row.is-metered em{color:#f2a97e}
.exp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:auto;padding-top:24px}
.exp-cta{margin-top:auto;padding-top:24px;font-size:14px;color:var(--exp)}
.exp-actions .exp-cta{margin:0;padding:0}
.exp-sub{position:relative;z-index:5;font:11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#cbbfd9;border:1px solid #b49acd40;border-radius:999px;padding:8px 13px;text-decoration:none;transition:border-color .2s,color .2s}
.exp-sub:hover,.exp-sub:focus-visible{color:var(--exp);border-color:var(--exp)}
.exp-note{margin:18px 0 0;max-width:860px;font-size:13px;line-height:1.6;color:#8f80a3}
@media(max-width:1000px){.exp-feature{grid-template-columns:1fr}.exp-feature .exp-media{aspect-ratio:16/9;min-height:0}.exp-heading{grid-template-columns:1fr}}
@media(max-width:760px){.experiments-section{padding:20px 0 65px}.exp-grid{grid-template-columns:1fr}.exp-body,.exp-feature .exp-body{padding:22px 20px 24px}.exp-stats{gap:10px}.exp-stats dd small{font-size:11px}.exp-meter-row{grid-template-columns:72px minmax(0,1fr) auto;gap:8px;font-size:11.5px}.exp-meter-row em{font-size:11px;white-space:nowrap}.exp-meter{padding:14px 12px 12px}.exp-line{font-size:17px}}
@media(prefers-reduced-motion:reduce){.exp-media img,.exp-media video{transition:none}.exp-card:hover .exp-media img{transform:none}}

/* Nightshift 3D viewer (site/object-3d.js): objects from the 3D benchmark, on index.html and benchmarks.html.
   The stage is square; the canvas fills it once three.js has loaded. Until then (or without WebGL) the input still shows. */
.o3d{--o3d:#d6f588;margin:0;display:grid;gap:14px;min-width:0}
.o3d-stage{position:relative;aspect-ratio:1/1;border:1px solid #b49acd2e;border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#2a2038 0,#150f1e 58%,#0e0a14 100%);isolation:isolate}
.o3d-stage:before{content:'';position:absolute;inset:auto 12% 6% 12%;height:18%;border-radius:50%;background:radial-gradient(ellipse,#d6f5881a,transparent 70%);z-index:0;pointer-events:none}
.o3d-canvas{position:absolute;inset:0;width:100%!important;height:100%!important;z-index:1;cursor:grab;opacity:0;transition:opacity .5s}
.o3d-canvas:active{cursor:grabbing}
.o3d.is-live .o3d-canvas{opacity:1}
.o3d-still{position:absolute;left:50%;top:46%;width:46%;height:auto;translate:-50% -50%;border-radius:14px;opacity:.5;filter:saturate(.8);transition:opacity .4s;z-index:0}
.o3d.is-live .o3d-still{opacity:0}
.o3d.is-static .o3d-still{opacity:1}
.o3d-busy{position:absolute;left:0;right:0;top:calc(46% + 26%);z-index:2;text-align:center;font:10.5px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#cbbfd9;padding:0 24px;pointer-events:none}
.o3d.is-live:not(.is-loading) .o3d-busy{display:none}
.o3d.is-loading .o3d-busy:before{content:'';display:inline-block;width:9px;height:9px;margin-right:9px;border-radius:50%;border:1.5px solid var(--o3d);border-right-color:transparent;vertical-align:-1px;animation:o3d-spin .8s linear infinite}
@keyframes o3d-spin{to{transform:rotate(360deg)}}
.o3d-input{position:absolute;left:14px;top:14px;z-index:3;display:grid;gap:6px;justify-items:start;pointer-events:none}
.o3d-input img{width:76px;height:76px;border-radius:10px;border:1px solid #ffffff2e;object-fit:cover;background:#fff;box-shadow:0 10px 30px -12px #000}
.o3d-input span{font:9px var(--mono);letter-spacing:.1em;color:#a99cb8;background:#0e0a14b3;padding:3px 6px;border-radius:4px}
.o3d-seg{position:absolute;left:50%;bottom:14px;translate:-50% 0;z-index:3;display:flex;gap:3px;padding:3px;border:1px solid #b49acd3d;border-radius:999px;background:#0e0a14d9;backdrop-filter:blur(10px)}
.o3d-seg button{border:0;background:none;color:#cbbfd9;font:11px var(--mono);letter-spacing:.05em;text-transform:uppercase;padding:8px 13px;border-radius:999px;cursor:pointer;white-space:nowrap;min-height:34px}
.o3d-seg button:hover{color:#fff}
.o3d-seg button[aria-checked=true]{background:var(--o3d);color:#14101d}
.o3d-seg button:focus-visible,.o3d-picks button:focus-visible{outline:2px solid var(--o3d);outline-offset:2px}
.o3d-meta{display:grid;gap:6px}
.o3d-title{display:grid;gap:4px}
.o3d-title b{font-size:20px;font-weight:450;letter-spacing:-.03em;color:#f0edf7}
.o3d-title small{font:10.5px/1.5 var(--mono);letter-spacing:.04em;color:#a99cb8}
.o3d-title small i{font-style:normal;color:var(--o3d)}
.o3d-note{margin:0;font-size:13.5px;line-height:1.55;color:#b7a6c5}
.o3d-note q{color:#e2dbea;quotes:'“' '”'}
.o3d-open{justify-self:start;font:10.5px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--o3d);text-decoration:none;padding:4px 0}
.o3d-open:hover{text-decoration:underline}
.o3d-picks{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.o3d-picks button{padding:0;border:1px solid #b49acd2e;border-radius:10px;overflow:hidden;background:#fff;cursor:pointer;aspect-ratio:1/1;opacity:.62;transition:opacity .2s,border-color .2s,transform .2s}
.o3d-picks button:hover{opacity:.9}
.o3d-picks button[aria-pressed=true]{opacity:1;border-color:var(--o3d);box-shadow:0 0 0 1px var(--o3d)}
.o3d-picks img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:760px){.o3d-seg button{padding:7px 10px;font-size:10px}.o3d-input img{width:56px;height:56px}.o3d-picks{gap:5px}}
@media(prefers-reduced-motion:reduce){.o3d-canvas,.o3d-still{transition:none}.o3d.is-loading .o3d-busy:before{animation:none}}

/* index.html: the 3D desks (the viewer above, beside the 3D benchmark's headline numbers) */
.n3d{padding:120px 0 110px;position:relative;z-index:2;background:radial-gradient(ellipse at 78% 40%,#2b1f3a55,transparent 60%),#0b0810;border-block:1px solid #b49acd1f}
.n3d-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:64px;align-items:center}
.n3d h2{font-size:clamp(40px,4.6vw,66px);font-weight:430;line-height:1.04;letter-spacing:-.055em;margin:22px 0 22px}
.n3d h2 em{font-family:Georgia,serif;font-style:italic;font-weight:400;color:#d6f588}
.n3d-lede{font-size:17px;line-height:1.7;color:#c9bfd6;max-width:540px;margin:0 0 30px}
.n3d-stats{list-style:none;margin:0 0 30px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #b49acd26;border-radius:14px;overflow:hidden;background:#0e0a14}
.n3d-stats li{padding:18px 18px 16px;border-top:1px solid #b49acd1f;border-left:1px solid #b49acd1f}
.n3d-stats li:nth-child(-n+2){border-top:0}.n3d-stats li:nth-child(odd){border-left:0}
.n3d-stats b{display:block;font-size:clamp(28px,2.8vw,38px);font-weight:430;letter-spacing:-.05em;line-height:1;color:#d6f588;font-variant-numeric:tabular-nums;margin-bottom:8px}
.n3d-stats span{display:block;font-size:13px;line-height:1.5;color:#b7a6c5}
.n3d-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 26px}
.n3d-actions .text-link{font-size:14px;color:#d6f588}
.n3d-fine{margin:22px 0 0;font:10.5px/1.65 var(--mono);color:#7f7390;max-width:540px}
@media(max-width:1000px){.n3d-grid{grid-template-columns:1fr;gap:44px}.n3d .o3d{max-width:620px}}
@media(max-width:760px){.n3d{padding:80px 0 70px}.n3d h2{font-size:clamp(38px,10vw,52px)}.n3d-lede{font-size:16px}.n3d-stats li{padding:14px}.n3d-stats span{font-size:12px}}

/* index.html: the benchmark proof strip (each tile opens its slide on benchmarks.html) and the experiments teaser */
.proof,.xp{position:relative;z-index:2;padding:110px 0}
.proof{background:#0b0810;border-block:1px solid #b49acd1f}
.xp{background:radial-gradient(ellipse at 20% 0%,#2b1f3a40,transparent 55%),#09070d}
.proof-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px 64px;align-items:end;margin-bottom:44px}
.proof-head h2{font-size:clamp(38px,4.4vw,62px);font-weight:430;line-height:1.05;letter-spacing:-.055em;margin:22px 0 0}
.proof-head h2 em{font-family:Georgia,serif;font-style:italic;font-weight:400;color:#d6f588}
.proof-head p{margin:0;font-size:16px;line-height:1.7;color:#b7a6c5}
.proof-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.proof-grid a{position:relative;display:flex;flex-direction:column;gap:12px;height:100%;padding:22px 20px 24px;border:1px solid #b49acd2e;border-radius:14px;background:#130e1b;color:inherit;text-decoration:none;transition:border-color .2s,background .2s,transform .2s}
.proof-grid a:hover{border-color:#d6f58880;background:#191223;transform:translateY(-2px)}
.proof-grid a:focus-visible{outline:2px solid #d6f588;outline-offset:2px}
.proof-grid small{font:9.5px/1.45 var(--mono);letter-spacing:.09em;color:#8f80a3;padding-right:18px}
.proof-grid b{font-size:clamp(30px,2.9vw,42px);font-weight:430;letter-spacing:-.055em;line-height:1;color:#d6f588;font-variant-numeric:tabular-nums;white-space:nowrap}
.proof-grid span{font-size:13.5px;line-height:1.5;color:#c9bfd6}
.proof-grid i{position:absolute;top:18px;right:18px;font-style:normal;font-size:13px;color:#8f80a3;transition:color .2s}
.proof-grid a:hover i{color:#d6f588}
.proof-all{display:inline-flex;margin-top:26px;font-size:14px;color:#d6f588}
.xp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.xp-card{--exp:#d6f588;display:flex;flex-direction:column;border:1px solid #b49acd2e;border-radius:16px;overflow:hidden;background:#130e1b;color:inherit;text-decoration:none;transition:border-color .2s,transform .25s}
.xp-card:hover{border-color:color-mix(in srgb,var(--exp) 60%,transparent);transform:translateY(-3px)}
.xp-card:focus-visible{outline:2px solid var(--exp);outline-offset:2px}
.xp-media{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#0b0810}
.xp-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left top;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.xp-card:hover .xp-media img{transform:scale(1.03)}
.xp-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,#130e1bcc)}
.xp-body{display:flex;flex-direction:column;gap:8px;padding:20px 22px 22px;flex:1}
.xp-body small{font:9.5px/1.45 var(--mono);letter-spacing:.09em;color:var(--exp)}
.xp-body b{font-size:26px;font-weight:440;letter-spacing:-.045em}
.xp-body>span{font-size:14px;line-height:1.6;color:#b7a6c5}
.xp-body i{margin-top:auto;padding-top:8px;font-style:normal;font-size:13px;color:var(--exp)}
@media(max-width:1100px){.proof-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.proof-head{grid-template-columns:1fr}}
@media(max-width:760px){.proof,.xp{padding:76px 0}.proof-head{margin-bottom:30px}.proof-head h2{font-size:clamp(34px,9.5vw,46px)}.proof-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.proof-grid a{padding:16px 14px 18px}.proof-grid b{font-size:28px}.proof-grid span{font-size:12.5px}.xp-grid{grid-template-columns:1fr}}
@media(max-width:340px){.proof-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.proof-grid a,.xp-card,.xp-media img{transition:none}.proof-grid a:hover,.xp-card:hover{transform:none}.xp-card:hover .xp-media img{transform:none}}
/* The Mac edition card, cut in two: the M5+ preorder above the dashed line, the free M1+ download below it. */
.edition-card.edition-split{padding:0;align-items:stretch;overflow:hidden}
.edition-card.edition-split:hover{transform:none}
.edition-half{display:flex;flex-direction:column;align-items:flex-start;flex:1 1 auto;width:100%;padding:26px 30px 24px;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background .25s}
.edition-half+.edition-half{border-top:1px dashed #d6f58859}
.edition-insider{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;padding:15px 30px;border-bottom:1px dashed #d6f58859;background:linear-gradient(90deg,#d6f5881f,#d6f58806);color:inherit;text-decoration:none;font-size:14px;line-height:1.45;transition:background .25s}
.edition-insider[hidden]{display:none}
.edition-insider:hover{background:#d6f58826}
.edition-insider:focus-visible{outline:2px solid #d6f588;outline-offset:-6px;border-radius:12px}
.edition-insider .edition-kicker{flex:1 0 100%;color:#d6f588}
.edition-insider .ei-copy b{font:500 11px/1 var(--mono);letter-spacing:.06em;padding:3px 6px;border:1px solid #d6f58866;border-radius:5px;color:#d6f588}
.edition-insider .edition-cta{margin-left:auto;color:#d6f588;white-space:nowrap}
.edition-half.is-free,.edition-half.is-live{background:linear-gradient(180deg,#d6f5880d,#d6f58803)}
.edition-half:hover{background:#d6f58812}
.edition-half:focus-visible{outline:2px solid #d6f588;outline-offset:-6px;border-radius:12px}
.edition-card .edition-half h3{display:flex;align-items:center;gap:10px;font-size:36px;margin:18px 0 8px}
.edition-half h3 b{font:500 12px/1 var(--mono);letter-spacing:.06em;padding:5px 7px;border:1px solid #d6f58866;border-radius:6px;color:#d6f588}
.edition-card .edition-half p{font-size:15px;margin-bottom:18px}
.edition-half .edition-cta{color:#d6f588}
.edition-card .edition-half small{margin-top:10px}
@media(max-width:760px){
  .edition-card.edition-split{grid-column:1/-1;padding:0}
  .edition-split~.edition-card{grid-column:1/-1}
  .edition-half{padding:19px 16px}
  .edition-insider{padding:13px 16px;font-size:12.5px}
  .edition-card .edition-half h3{font-size:28px;margin:13px 0 8px;gap:8px}
  .edition-half h3 b{font-size:10px;padding:4px 6px}
  .edition-card .edition-half p{font-size:12px;margin-bottom:16px}
}
@media(max-width:360px){.edition-half{padding:17px 13px}}

/* DGX install command in the release dialog */
.availability .release-install{margin:-8px 0 22px;text-align:left}.availability .release-install .code-sample{margin:0;min-height:0;padding:31px 14px 15px;font-size:12px;line-height:1.6}.availability .release-cmd{font:inherit;color:inherit;user-select:all;-webkit-user-select:all}.availability .release-fine{font-size:12px;line-height:1.7;margin:12px 0 0;opacity:.82}.availability .release-fine a{color:inherit;text-decoration:underline;text-underline-offset:3px}

/* Web edition card: the runtimes it can use, built in and bring-your-own. */
.web-runtimes{display:flex;flex-direction:column;gap:14px;width:100%;margin-top:24px;padding-top:20px;border-top:1px dashed #1f2c1738}
.wr-group{display:flex;flex-direction:column;gap:8px}
.wr-label{font:500 11px/1 var(--mono);letter-spacing:.07em;color:#50653a}
.wr-row{display:flex;flex-wrap:wrap;gap:6px}
.wr-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 10px 6px 8px;border:1px solid #1f2c1726;border-radius:999px;background:#1f2c170a;color:#2f4320;font-size:13px;font-weight:550;line-height:1;white-space:nowrap}
.wr-chip svg{width:16px;height:16px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.85}
.wr-chip svg .f{fill:currentColor;stroke:none}
.wr-chip.wr-ps5{border-color:#1f2c1759;background:#1f2c1714;color:#1f2c17}
.wr-note{font-size:13px;line-height:1.55;color:#445734}
@media(max-width:760px){
  .web-runtimes{margin-top:18px;padding-top:16px;gap:12px}
  .wr-label{font-size:10px}
  .wr-chip{font-size:12px;padding:5px 9px 5px 7px;gap:6px}
  .wr-chip svg{width:14px;height:14px}
  .wr-note{font-size:12px}
}