:root{color-scheme:light;--paper: oklch(.965 .004 250);--paper-2: oklch(.94 .006 250);--ink: oklch(.27 .02 262);--ink-soft: oklch(.44 .015 262);--ink-faint: oklch(.6 .01 262);--sky: oklch(.62 .13 250);--sky-deep: oklch(.52 .14 255);--bloom: oklch(.58 .07 285);--sun: oklch(.8 .03 90);--mint: oklch(.78 .04 175);--danger: oklch(.58 .19 25);--glass-fill: oklch(.99 .003 250 / .5);--glass-fill-strong: oklch(.99 .003 250 / .7);--glass-stroke: oklch(1 0 0 / .65);--glass-shadow: oklch(.42 .01 262 / .2);--glass-inner-light: oklch(1 0 0 / .7);--rule: oklch(.42 .01 262 / .14);--r-sm: .9rem;--r-md: 1.25rem;--r-lg: 1.75rem;--r-pill: 999px;--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--dur-fast: .22s;--dur-mid: .42s;--dur-slow: .9s;--dur-reveal: 1s;--ff-display: "Bricolage Grotesque", "Space Grotesk", system-ui, sans-serif;--ff-body: "Geist", system-ui, sans-serif;--fs-eyebrow: .7rem;--tr-eyebrow: .24em;--fs-body: 1rem;--fs-lede: clamp(1.02rem, 1.45vw, 1.24rem);--fs-h3: clamp(1.35rem, 2.5vw, 2rem);--fs-h2: clamp(2rem, 4.6vw, 3.5rem);--fs-display: clamp(2.9rem, 7.4vw, 6.1rem);--tr-display: -.045em;--measure: 68ch;--shell-max: 1320px;--shell-x: clamp(1.15rem, 5vw, 5rem)}:root[data-theme=dark]{color-scheme:dark;--paper: oklch(.19 .012 260);--paper-2: oklch(.155 .012 262);--ink: oklch(.96 .006 250);--ink-soft: oklch(.8 .008 252);--ink-faint: oklch(.62 .008 255);--sky: oklch(.72 .14 248);--sky-deep: oklch(.82 .11 245);--bloom: oklch(.72 .09 288);--sun: oklch(.86 .05 90);--mint: oklch(.82 .06 175);--danger: oklch(.68 .18 25);--glass-fill: oklch(.3 .015 258 / .45);--glass-fill-strong: oklch(.33 .015 258 / .62);--glass-stroke: oklch(1 0 0 / .16);--glass-shadow: oklch(.06 .01 260 / .55);--glass-inner-light: oklch(1 0 0 / .12);--rule: oklch(1 0 0 / .12)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){color-scheme:dark;--paper: oklch(.19 .012 260);--paper-2: oklch(.155 .012 262);--ink: oklch(.96 .006 250);--ink-soft: oklch(.8 .008 252);--ink-faint: oklch(.62 .008 255);--sky: oklch(.72 .14 248);--sky-deep: oklch(.82 .11 245);--bloom: oklch(.72 .09 288);--sun: oklch(.86 .05 90);--mint: oklch(.82 .06 175);--danger: oklch(.68 .18 25);--glass-fill: oklch(.3 .015 258 / .45);--glass-fill-strong: oklch(.33 .015 258 / .62);--glass-stroke: oklch(1 0 0 / .16);--glass-shadow: oklch(.06 .01 260 / .55);--glass-inner-light: oklch(1 0 0 / .12);--rule: oklch(1 0 0 / .12)}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--ff-body);transition:background .7s,color .7s;overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--sky);outline-offset:6px}button{border:0}::selection{background:var(--sky);color:var(--paper)}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--paper);padding:12px}.skip:focus{top:12px}.world{position:fixed;inset:0;pointer-events:none;z-index:0}.world canvas{width:100%;height:100%;display:block}#fallback{display:none;position:absolute;width:36vw;top:24%;left:57%;filter:drop-shadow(0 35px 20px var(--glass-shadow))}.no-webgl #fallback{display:block}.grain{position:fixed;inset:0;z-index:10;pointer-events:none;opacity:.026;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E")}header{position:absolute;top:0;left:0;width:100%;padding:30px 5.5%;display:flex;align-items:center;gap:42px;z-index:20}.brand{display:inline-flex;align-items:center;gap:12px}.brand img{width:44px;height:40px;object-fit:contain}.brand>span{font-family:var(--ff-display);font-size:18px;font-weight:700;letter-spacing:-.5px;line-height:1}.brand small{display:block;font-family:var(--ff-body);font-size:8px;letter-spacing:3px;font-weight:500;margin-top:8px;color:var(--ink-soft)}header nav{display:flex;gap:34px;margin-left:auto;font-size:12px;font-weight:500}header nav a{padding:12px 0}header nav a span{margin-left:15px}.theme-toggle{background:none;border:1px solid var(--rule);border-radius:var(--r-pill);padding:11px 15px;display:flex;align-items:center;gap:10px;font-size:11px}.theme-icon{font-size:17px}.chapters{position:fixed;right:26px;top:44%;z-index:20;display:grid;gap:14px}.chapters a{display:flex;align-items:center;gap:10px;padding:5px 0;min-height:30px}.chapters b{font-size:9px;font-weight:400;opacity:0;transition:opacity .3s}.chapters span{display:block;width:13px;height:1px;background:var(--ink-faint);transition:width .4s,background .4s}.chapters a[aria-current=true] b{opacity:1}.chapters a[aria-current=true] span{width:26px;background:var(--sky)}main{position:relative}.chapter{position:relative;min-height:100svh;display:flex;align-items:center;padding:145px 8% 130px;isolation:isolate}.hero{min-height:100svh}.chapter-content{width:57%;max-width:740px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.4px;display:flex;align-items:center;gap:10px;margin:0 0 34px;color:var(--ink-soft)}.eyebrow i,.experiment i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--sky)}h1,h2,p{margin-top:0}h1,h2{font-family:var(--ff-display);font-weight:600;letter-spacing:-.065em;line-height:.94}h1{font-size:clamp(70px,8.1vw,138px);margin:0 0 31px;position:relative;z-index:2}h1 span{display:block}h2{font-size:clamp(58px,6.2vw,100px);margin-bottom:30px}h2 em{color:var(--sky-deep);font-style:normal}.lede{color:var(--ink-soft);font-size:15px;line-height:1.7;max-width:385px;text-wrap:pretty}.round-link{display:flex;align-items:center;gap:15px;font-size:12px;font-weight:500;margin-top:32px;width:fit-content}.circle{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--ink-faint);border-radius:50%;font-size:21px;transition:background .3s,transform .3s}.round-link:hover .circle{background:var(--sky);transform:rotate(-35deg)}.object-caption{position:absolute;right:14%;bottom:23%;display:flex;align-items:flex-start;gap:15px;font-size:9px;letter-spacing:1.7px;pointer-events:none}.object-caption small{display:block;font-size:10px;letter-spacing:0;margin-top:8px;color:var(--ink-soft)}.caption-line{width:42px;height:1px;background:var(--ink-faint);margin-top:4px}.section-bottom{position:absolute;bottom:77px;left:8%;right:8%;padding-top:22px;border-top:1px solid var(--rule);display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:1.5px;color:var(--ink-soft)}.section-bottom b{font-size:17px;font-weight:400;margin-left:17px}.approach{padding-top:160px;padding-bottom:150px;min-height:115svh;justify-content:flex-end}.approach .chapter-content{width:47%;max-width:580px}.approach h2{font-size:clamp(54px,5.6vw,88px)}.service-list{margin-top:38px}.service{background:transparent;border-top:1px solid var(--rule);display:grid;grid-template-columns:32px 1fr 20px;gap:10px;text-align:left;width:100%;padding:22px 0;align-items:start}.service:last-child{border-bottom:1px solid var(--rule)}.service-number{font-size:9px;color:var(--ink-faint);padding-top:5px}.service strong{font-family:var(--ff-display);font-weight:500;letter-spacing:-.02em;font-size:20px}.service small{display:none;max-width:320px;margin-top:14px;color:var(--ink-soft);font-size:12px;line-height:1.75}.service[aria-expanded=true] small{display:block}.service>b{font-size:20px;font-weight:400;color:var(--sky-deep)}.side-note{position:absolute;left:8%;bottom:14%;display:grid;gap:6px;font-size:9px;letter-spacing:2px;color:var(--ink-soft)}.word-band{height:160px;overflow:hidden;display:flex;align-items:center;border-block:1px solid var(--rule);background:color-mix(in oklch,var(--paper) 75%,transparent)}.word-band span{font-family:var(--ff-display);font-size:clamp(60px,7vw,110px);white-space:nowrap;letter-spacing:-.045em;color:var(--ink);will-change:transform}.next{min-height:105svh;padding-bottom:210px}.next h2{font-size:clamp(60px,6.9vw,110px)}.primary{background:var(--sky);color:var(--paper);padding:18px 24px;border-radius:var(--r-pill);display:flex;gap:35px;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;margin-top:32px;box-shadow:0 8px 25px color-mix(in oklch,var(--sky) 15%,transparent);transition:transform .3s,background .3s}.primary:hover{transform:translateY(-3px);background:var(--sky-deep)}.primary span{font-size:20px}.details{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:22px;font-size:9px;color:var(--ink-soft)}.details span+span:before{content:"·";margin-right:16px}.end-word{position:absolute;bottom:0;left:7%;right:7%;font-family:var(--ff-display);font-size:16.5vw;line-height:1;letter-spacing:-.07em;opacity:.055;pointer-events:none}.experiment{position:fixed;bottom:0;left:0;right:0;z-index:25;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 30px;font-size:8px;letter-spacing:1.5px;background:color-mix(in oklch,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--rule);color:var(--ink-soft)}.experiment>span{display:flex;gap:10px;align-items:center}.experiment button{background:none;padding:3px 0;font-size:10px;letter-spacing:0}.experiment b{font-size:12px;font-weight:400;margin-left:15px}.experiment i{width:4px;height:4px}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--rule);border-radius:var(--r-lg);padding:48px;width:min(520px,calc(100% - 36px));box-shadow:0 40px 100px var(--glass-shadow)}dialog::backdrop{background:color-mix(in oklch,var(--ink) 32%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}dialog h2{font-size:52px}dialog p:not(.eyebrow){font-size:13px;line-height:1.8;color:var(--ink-soft)}.dialog-close{position:absolute;top:15px;right:20px;background:none;font-size:30px}.dialog-facts{display:grid;gap:15px;font-size:12px;border-block:1px solid var(--rule);padding:20px 0;margin:24px 0}.demo-note{font-size:10px!important}.reveal{opacity:1}@media(min-width:1600px){.chapter{padding-left:max(8%,calc((100vw - 1450px)/2))}}@media(max-width:1000px){header{padding:26px 6%;gap:25px}header nav{gap:20px}.chapter{padding-left:7%;padding-right:7%}.chapter-content{width:65%}h1{font-size:9vw}.approach .chapter-content{width:49%}.approach h2{font-size:6.6vw}.object-caption{right:12%;bottom:24%}.chapters{right:13px}.lede{font-size:14px}.section-bottom{left:7%;right:7%}.brand>span{font-size:16px}}@media(max-width:680px){header{padding:23px 6%;gap:16px}.brand img{width:35px;height:33px}.brand>span{font-size:15px}.brand small{font-size:6px;letter-spacing:2.6px}header nav{display:none}.theme-toggle{margin-left:auto;font-size:10px;padding:9px 11px;gap:6px}.theme-icon{font-size:14px}.chapter{padding:120px 7% 90px;min-height:930px;align-items:flex-start}.hero .chapter-content,.chapter-content{width:100%;max-width:100%}h1{font-size:clamp(60px,12.1vw,82px);max-width:100%;margin-bottom:24px}.eyebrow{font-size:9px;margin-bottom:24px}.lede{font-size:13px;max-width:290px}.round-link{margin-top:22px;font-size:11px}.circle{width:40px;height:40px}.object-caption{bottom:145px;right:13%;font-size:8px}.object-caption small{font-size:9px}.section-bottom{bottom:63px;font-size:7px;letter-spacing:.6px;padding-top:16px}.section-bottom b{margin-left:5px}.chapters{right:8px;gap:11px}.chapters b{display:none}.chapters a[aria-current=true] span{width:18px}.chapters span{width:8px}.approach{min-height:1110px;padding-top:410px}.approach .chapter-content{width:100%;max-width:100%}.approach h2{font-size:clamp(50px,10.4vw,70px)}.approach .lede{max-width:340px}.side-note{display:none}.service-list{margin-top:24px}.service{padding:20px 0}.service strong{font-size:20px}.service small{font-size:12px}.word-band{height:105px}.word-band span{font-size:60px}.next{min-height:980px;padding-top:430px;padding-bottom:180px}.next h2{font-size:clamp(52px,10.6vw,72px)}.primary{font-size:12px;margin-top:22px;padding:16px 22px}.details{gap:9px 12px;font-size:8px;max-width:300px}.details span+span:before{margin-right:12px}.end-word{font-size:17vw;bottom:60px}.experiment{padding:12px 16px;letter-spacing:.8px;font-size:6px;gap:6px}.experiment button{font-size:9px}.experiment b{margin-left:6px}dialog{padding:38px 26px}dialog h2{font-size:44px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}body.motion-paused{scroll-behavior:auto}:is(#intro.hero-revision,.workflow-scene){background:var(--paper);overflow:clip;--px:0;--py:0;--board-scale:1}:is(#intro.hero-revision,.workflow-scene) .chapter-content{position:relative;z-index:3;pointer-events:none}:is(#intro.hero-revision,.workflow-scene) .chapter-content>*{pointer-events:auto}:is(#intro.hero-revision,.workflow-scene) h1{position:relative;-webkit-user-select:text;user-select:text;cursor:text}:is(#intro.hero-revision,.workflow-scene) h1::highlight(hero-scatter),:is(#intro.hero-revision,.workflow-scene) h1 span::highlight(hero-scatter){color:transparent}:is(#intro.hero-revision,.workflow-scene) h1::selection,:is(#intro.hero-revision,.workflow-scene) h1 span::selection{color:var(--paper);background:var(--sky)}:is(#intro.hero-revision,.workflow-scene) .scatter-overlay{position:absolute;pointer-events:none;inset:0;width:100%;height:100%;z-index:4}:is(#intro.hero-revision,.workflow-scene) .scatter-hint{font-size:8px;letter-spacing:1.3px;color:var(--ink-soft);margin:24px 0 0}:is(#intro.hero-revision,.workflow-scene) .hero-depth{position:absolute;inset:0;perspective:900px;overflow:hidden;pointer-events:none}:is(#intro.hero-revision,.workflow-scene) .star-plane{position:absolute;inset:-60px;transform-style:preserve-3d;will-change:transform}:is(#intro.hero-revision,.workflow-scene) .star-far{transform:translate3d(calc(var(--px)*7px),calc(var(--py)*7px),-120px)}:is(#intro.hero-revision,.workflow-scene) .star-mid{transform:translate3d(calc(var(--px)*18px),calc(var(--py)*18px),0)}:is(#intro.hero-revision,.workflow-scene) .star-near{transform:translate3d(calc(var(--px)*36px),calc(var(--py)*36px),80px)}:is(#intro.hero-revision,.workflow-scene) .grid-star{position:absolute;color:var(--sky);background:currentColor;opacity:.28;border-radius:50%;width:var(--size);height:var(--size)}:is(#intro.hero-revision,.workflow-scene) .grid-star.cross{background:none;border-radius:0;width:7px;height:7px;opacity:.4}:is(#intro.hero-revision,.workflow-scene) .grid-star.cross:before,:is(#intro.hero-revision,.workflow-scene) .grid-star.cross:after{content:"";position:absolute;background:currentColor;left:3px;top:0;width:1px;height:7px}:is(#intro.hero-revision,.workflow-scene) .grid-star.cross:after{transform:rotate(90deg)}:is(#intro.hero-revision,.workflow-scene) .depth-grid{position:absolute;width:130%;height:100%;left:-15%;top:50%;transform-origin:center top;transform:rotateX(64deg) translateZ(-30px) translate(calc(var(--px)*12px));background-image:linear-gradient(var(--rule) 1px,transparent 1px),linear-gradient(90deg,var(--rule) 1px,transparent 1px);background-size:56px 56px;opacity:.48;-webkit-mask-image:linear-gradient(transparent,var(--ink) 20%,transparent 90%);mask-image:linear-gradient(transparent,var(--ink) 20%,transparent 90%)}:is(#intro.hero-revision,.workflow-scene) .system-visual{position:absolute;right:3%;top:50%;width:600px;height:540px;transform:translateY(-48%) scale(var(--board-scale));transform-origin:right center;perspective:1200px;z-index:2;pointer-events:none}:is(#intro.hero-revision,.workflow-scene) .system-board{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}:is(#intro.hero-revision,.workflow-scene) .assembly-board{transform:rotateX(calc(38deg + var(--py)*1.7deg)) rotateY(calc(-10deg + var(--px)*2deg)) rotate(-23deg)}:is(#intro.hero-revision,.workflow-scene) .routing-board{transform:rotateX(calc(16deg + var(--py)*1.5deg)) rotateY(calc(-12deg + var(--px)*2deg)) rotate(-2deg)}:is(#intro.hero-revision,.workflow-scene) .board-base{position:absolute;inset:45px 10px 40px 5px;background:color-mix(in oklch,var(--paper-2) 65%,transparent);border:1px solid var(--rule);box-shadow:20px 25px 0 -2px color-mix(in oklch,var(--paper-2) 40%,transparent),20px 25px 0 -1px var(--rule);transform:translateZ(-16px)}:is(#intro.hero-revision,.workflow-scene) .system-module{position:absolute;left:var(--mx);top:var(--my);width:135px;height:102px;transform:translateZ(var(--mz));transform-style:preserve-3d;--thickness:16px;--module-border:color-mix(in oklch,var(--sky) 35%,var(--rule))}:is(#intro.hero-revision,.workflow-scene) .module-face{position:absolute;inset:0;border:1px solid var(--module-border);background:var(--paper);padding:12px 14px;box-shadow:inset 0 1px var(--glass-inner-light),0 12px 26px var(--glass-shadow);display:flex;flex-direction:column;gap:8px}:is(#intro.hero-revision,.workflow-scene) .system-module:before{content:"";position:absolute;left:0;top:100%;height:var(--thickness);width:100%;background:var(--paper-2);border:1px solid var(--module-border);transform-origin:center top;transform:rotateX(-90deg)}:is(#intro.hero-revision,.workflow-scene) .system-module:after{content:"";position:absolute;left:100%;top:0;height:100%;width:var(--thickness);background:color-mix(in oklch,var(--sky) 12%,var(--paper-2));border:1px solid var(--module-border);transform-origin:left center;transform:rotateY(90deg)}:is(#intro.hero-revision,.workflow-scene) .module-code{font-size:8px;letter-spacing:1.4px;display:flex;justify-content:space-between;align-items:center;color:var(--ink-soft)}:is(#intro.hero-revision,.workflow-scene) .module-code i{height:4px;width:4px;border-radius:50%;background:var(--sky)}:is(#intro.hero-revision,.workflow-scene) .system-module strong{font-family:var(--ff-display);font-size:18px;letter-spacing:-.02em;font-weight:500;line-height:1.05}:is(#intro.hero-revision,.workflow-scene) .system-module small{font-size:8px;color:var(--ink-soft)}:is(#intro.hero-revision,.workflow-scene) .module-pins{position:absolute;bottom:-4px;left:17px;display:flex;gap:13px}:is(#intro.hero-revision,.workflow-scene) .module-pins i{display:block;width:5px;height:7px;background:var(--sky);border:1px solid var(--paper)}:is(#intro.hero-revision,.workflow-scene) .module-m{width:96px;height:85px;--thickness:10px}:is(#intro.hero-revision,.workflow-scene) .system-mark{width:27px;height:24px;object-fit:contain;display:block}:is(#intro.hero-revision,.workflow-scene) .module-m .module-face{gap:5px}:is(#intro.hero-revision,.workflow-scene) .module-m .module-pins{display:none}:is(#intro.hero-revision,.workflow-scene) .system-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:translateZ(4px)}:is(#intro.hero-revision,.workflow-scene) .system-wires path{fill:none;stroke:color-mix(in oklch,var(--sky) 60%,var(--rule));stroke-width:1.2}:is(#intro.hero-revision,.workflow-scene) .system-wires .signal{fill:var(--sky);stroke:var(--paper);stroke-width:2;opacity:0}:is(#intro.hero-revision,.workflow-scene) .assembly-slot{position:absolute;width:135px;height:102px;border:1px dashed var(--rule);font-size:9px;line-height:1.7;letter-spacing:1.4px;display:grid;place-content:center;color:var(--ink-soft);transform:translateZ(1px)}:is(#intro.hero-revision,.workflow-scene) .board-inscription{position:absolute;left:47px;bottom:62px;font-size:8px;letter-spacing:1.7px;color:var(--ink-soft)}:is(#intro.hero-revision,.workflow-scene) .lane-label{position:absolute;left:210px;font-size:7px;letter-spacing:1.4px;color:var(--ink-soft)}:is(#intro.hero-revision,.workflow-scene) .lane-one{top:13px}:is(#intro.hero-revision,.workflow-scene) .lane-two{top:183px}:is(#intro.hero-revision,.workflow-scene) .lane-three{top:353px}:is(#intro.hero-revision,.workflow-scene) .system-module[data-state=active] .module-face{border-color:var(--sky);background:color-mix(in oklch,var(--sky) 12%,var(--paper))}:is(#intro.hero-revision,.workflow-scene) .system-module[data-state=done] .module-code i{background:var(--mint)}:is(#intro.hero-revision,.workflow-scene) .system-readout{position:absolute;right:8%;bottom:14%;display:flex;gap:25px;align-items:center;font-size:9px;z-index:3}:is(#intro.hero-revision,.workflow-scene) .run-status{color:var(--ink-soft);min-width:185px}:is(#intro.hero-revision,.workflow-scene) .run-system{padding:10px 0;background:none;border-bottom:1px solid var(--rule);font-size:9px;letter-spacing:.2px}:is(#intro.hero-revision,.workflow-scene) .run-system span{margin-left:14px}:is(#intro.hero-revision,.workflow-scene) .section-bottom{z-index:3}@media(min-width:1200px)and (max-width:1400px){:is(#intro.hero-revision,.workflow-scene){--board-scale:.88}:is(#intro.hero-revision,.workflow-scene) .system-visual{right:1%}}@media(min-width:681px)and (max-width:1199px){:is(#intro.hero-revision,.workflow-scene){--board-scale:.66}:is(#intro.hero-revision,.workflow-scene) .system-visual{right:0;top:47%}:is(#intro.hero-revision,.workflow-scene) .chapter-content{width:62%}:is(#intro.hero-revision,.workflow-scene) .system-readout{right:7%;bottom:23%;gap:13px}:is(#intro.hero-revision,.workflow-scene) .run-status{min-width:0}:is(#intro.hero-revision,.workflow-scene) .system-readout{flex-direction:column;align-items:flex-end;gap:4px}}@media(max-width:680px){:is(#intro.hero-revision,.workflow-scene){--board-scale:.59;min-height:980px}:is(#intro.hero-revision,.workflow-scene) .system-visual{right:50%;top:485px;transform:translate(50%) scale(var(--board-scale));transform-origin:center top}:is(#intro.hero-revision,.workflow-scene) .system-readout{left:7%;right:7%;bottom:132px;justify-content:space-between;gap:10px;font-size:8px}:is(#intro.hero-revision,.workflow-scene) .run-status{min-width:0}:is(#intro.hero-revision,.workflow-scene) .run-system{font-size:8px}:is(#intro.hero-revision,.workflow-scene) .scatter-hint{font-size:7px;margin-top:20px}:is(#intro.hero-revision,.workflow-scene) .depth-grid{top:55%}:is(#intro.hero-revision,.workflow-scene) .chapter-content{width:100%}:is(#intro.hero-revision,.workflow-scene) .section-bottom{font-size:6px}:is(#intro.hero-revision,.workflow-scene) .system-wires{stroke-width:2px}}@media(max-width:370px){:is(#intro.hero-revision,.workflow-scene){--board-scale:.52}}@media(prefers-reduced-motion:reduce){:is(#intro.hero-revision,.workflow-scene) .scatter-overlay{display:none}:is(#intro.hero-revision,.workflow-scene) .star-plane,:is(#intro.hero-revision,.workflow-scene) .system-board,:is(#intro.hero-revision,.workflow-scene) .depth-grid{will-change:auto}}:is(#intro.hero-revision,.workflow-scene) .preview-scatter{font:inherit;letter-spacing:.6px;padding:4px 0;border:0;border-bottom:1px solid var(--rule);background:none;color:var(--ink-soft)}:is(#intro.hero-revision,.workflow-scene) .scatter-hint>span{margin:0 8px}:is(#intro.hero-revision,.workflow-scene) .system-wires path{stroke:color-mix(in oklch,var(--sky) 44%,var(--rule));stroke-width:1.5}:is(#intro.hero-revision,.workflow-scene) .system-wires .flow-line{stroke:var(--sky-deep);stroke-width:2.7;filter:drop-shadow(0 0 4px var(--sky));fill:none;pointer-events:none}:is(#intro.hero-revision,.workflow-scene) .system-wires .signal{fill:var(--ink);stroke:var(--sky);stroke-width:3;filter:drop-shadow(0 0 5px var(--sky))}:is(#intro.hero-revision,.workflow-scene) .system-module[data-state=active] .module-face{box-shadow:inset 0 0 15px color-mix(in oklch,var(--sky) 18%,transparent),0 0 18px color-mix(in oklch,var(--sky) 20%,transparent);border-color:var(--sky-deep)}:is(#intro.hero-revision,.workflow-scene) .system-module[data-state=active] .module-code i{background:var(--sky-deep);box-shadow:0 0 7px var(--sky)}:is(#intro.hero-revision,.workflow-scene) .concept-note{font-size:9px;color:var(--ink-soft)}:is(#intro.hero-revision,.workflow-scene).concept-b .module-m{width:105px;height:105px}:is(#intro.hero-revision,.workflow-scene).concept-b .module-m .system-mark{position:absolute;width:17px;height:15px;right:10px;top:10px;opacity:.8}:is(#intro.hero-revision,.workflow-scene).concept-b .module-m .module-code{padding-right:17px}:is(#intro.hero-revision,.workflow-scene).concept-b .module-m strong{font-size:16px;margin-top:5px}:is(#intro.hero-revision,.workflow-scene).concept-b .module-m small{font-size:7px;line-height:1.4}@media(max-width:680px){#intro.hero-revision.concept-b{display:block;min-height:0;padding-bottom:220px}#intro.hero-revision.concept-b .system-visual{position:relative;top:auto;right:auto;left:50%;margin-top:35px;margin-bottom:calc(-540px * (1 - var(--board-scale)));transform:translate(-50%) scale(var(--board-scale));transform-origin:center top}}@media(max-width:300px){#intro.hero-revision.concept-b{--board-scale:.3}}body.workflow-enabled main{z-index:3}body.workflow-enabled #intro.hero-revision{background:transparent}.workflow-scene{position:fixed;inset:0;z-index:2;pointer-events:none;--px:0;--py:0}:is(#intro.hero-revision,.workflow-scene).workflow-scene .system-visual{position:absolute;left:0;top:0;right:auto;width:600px;height:540px;transform-origin:center;perspective:1400px;will-change:transform;pointer-events:none}.workflow-scene .routing-board{transform:rotateX(23deg) rotateY(-20deg) rotate(-5deg);transform-origin:50% 50%;transform-style:preserve-3d}:is(#intro.concept-b,.workflow-scene) .system-module{--thickness:30px}:is(#intro.concept-b,.workflow-scene) .module-face{backface-visibility:hidden;background:linear-gradient(145deg,var(--paper-2),var(--paper) 70%)}:is(#intro.concept-b,.workflow-scene) .module-wall{position:absolute;display:block;border:1px solid var(--module-border);background:color-mix(in oklch,var(--sky) 9%,var(--paper-2));pointer-events:none}:is(#intro.concept-b,.workflow-scene) .module-top{height:var(--thickness);width:100%;top:calc(-1 * var(--thickness));left:0;transform-origin:center bottom;transform:rotateX(90deg);background:color-mix(in oklch,var(--sky) 18%,var(--paper-2))}:is(#intro.concept-b,.workflow-scene) .module-left{width:var(--thickness);height:100%;left:calc(-1 * var(--thickness));top:0;transform-origin:right center;transform:rotateY(-90deg)}:is(#intro.concept-b,.workflow-scene) .module-back{inset:0;transform:translateZ(calc(-1 * var(--thickness)));background:var(--paper-2)}:is(#intro.concept-b,.workflow-scene) .system-module:before{background:color-mix(in oklch,var(--sky) 7%,var(--paper-2))}:is(#intro.concept-b,.workflow-scene) .system-module:after{background:color-mix(in oklch,var(--sky) 13%,var(--paper-2))}.workflow-scene .system-readout{display:none}@media(prefers-reduced-motion:reduce){.workflow-scene{display:none}}:is(#intro.concept-b,.workflow-scene) [data-connected=false] .flow-line,:is(#intro.concept-b,.workflow-scene) [data-connected=false] .signal{visibility:hidden}#intro.concept-b .workflow-boot .system-module:not(.module-01),#intro.concept-b .workflow-boot .system-wires,#intro.concept-b .workflow-boot .lane-label{visibility:hidden}:is(#intro.concept-b,.workflow-scene) .engine-board .system-module{width:150px}:is(#intro.concept-b,.workflow-scene) .engine-board .module-face{padding:10px 11px;gap:7px}:is(#intro.concept-b,.workflow-scene) .engine-board .system-module strong{font-size:16px;line-height:1.08}:is(#intro.concept-b,.workflow-scene) .engine-board .system-module small{font-size:8px;line-height:1.6}:is(#intro.concept-b,.workflow-scene) .engine-board .system-mark{position:absolute;width:16px;height:14px;right:10px;top:8px}:is(#intro.concept-b,.workflow-scene) .engine-board .module-09 .module-code{padding-right:23px}:is(#intro.concept-b,.workflow-scene) .engine-board .module-08 strong{font-size:15px}:is(#intro.concept-b,.workflow-scene) .engine-board .module-11 strong{font-size:15px;line-height:1.13}.workflow-story main>.chapter{min-height:115svh;padding:140px 5% 130px;justify-content:flex-start}.workflow-story main>.chapter .chapter-content{width:27%;max-width:370px}.workflow-story main>.chapter h1,.workflow-story main>.chapter h2{font-size:clamp(32px,3.5vw,54px);letter-spacing:-.045em;line-height:1.03;margin-bottom:24px}.workflow-story main>.chapter .lede{font-size:14px;line-height:1.65;max-width:310px}.workflow-story .eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:23px}.workflow-story .stage-detail{font-size:10px;line-height:1.6;letter-spacing:.3px;color:var(--ink-soft);border-top:1px solid var(--rule);margin-top:28px;padding-top:16px}.workflow-story .word-band{height:0;border:0}.workflow-story #intro .section-bottom{display:none}.workflow-story .primary{font-size:12px;padding:15px 18px;gap:18px}.workflow-story.workflow-enabled main>.chapter .chapter-content{position:fixed;left:5%;top:27vh;visibility:hidden;opacity:0;pointer-events:none}.workflow-story.workflow-enabled main>.chapter.story-active .chapter-content{visibility:visible;opacity:1;pointer-events:auto}.workflow-story.workflow-enabled #intro .chapter-content>*{pointer-events:inherit}.workflow-story .workflow-scene .system-readout{position:absolute;display:flex;inset:auto 6% 52px 38%;gap:20px;justify-content:space-between;pointer-events:auto;font-size:10px}.workflow-story .workflow-scene .run-status{min-width:0}.workflow-story .workflow-scene .run-system{font-size:10px;white-space:nowrap}@media(max-width:680px){.workflow-story main>.chapter{min-height:120svh;padding:115px 7% 100px}.workflow-story main>.chapter .chapter-content{width:100%;max-width:none}.workflow-story main>.chapter h1,.workflow-story main>.chapter h2{font-size:32px;max-width:340px;margin-bottom:14px}.workflow-story main>.chapter .lede{font-size:12px;line-height:1.5;max-width:370px}.workflow-story.workflow-enabled main>.chapter .chapter-content{left:7%;top:105px;width:86%;max-width:none}.workflow-story.workflow-enabled .stage-detail,.workflow-story.workflow-enabled .scatter-hint,.workflow-story.workflow-enabled .round-link{display:none}.workflow-story .eyebrow{margin-bottom:14px;font-size:8px}.workflow-story .workflow-scene .system-readout{left:7%;right:7%;bottom:47px;font-size:8px;gap:10px}.workflow-story .workflow-scene .run-system{font-size:8px}.workflow-story.workflow-enabled #intro.hero-revision.concept-b{min-height:120svh}}body.workflow-story #intro.hero-revision .chapter-content{width:27%;max-width:370px}body.workflow-story.workflow-enabled #intro.hero-revision .chapter-content{position:fixed;left:5%;top:27vh}body.workflow-story :is(#intro.hero-revision,.workflow-scene).workflow-scene .system-readout{left:38%;right:6%;bottom:52px;display:flex;flex-direction:row;align-items:center}@media(max-width:680px){body.workflow-story #intro.hero-revision .chapter-content{width:100%;max-width:none}body.workflow-story.workflow-enabled #intro.hero-revision .chapter-content{left:7%;top:105px;width:86%}body.workflow-story :is(#intro.hero-revision,.workflow-scene).workflow-scene .system-readout{left:7%;right:7%;bottom:47px}}@media(max-width:680px){.workflow-story.workflow-enabled main>.chapter .chapter-content,body.workflow-story.workflow-enabled #intro.hero-revision .chapter-content{top:80px}.workflow-story main>.chapter h1,.workflow-story main>.chapter h2{font-size:28px;margin-bottom:12px}.workflow-story .primary{margin-top:14px;padding:10px 12px;font-size:11px}.workflow-story .primary span{font-size:14px}}@media(max-width:360px){.workflow-story main>.chapter h1,.workflow-story main>.chapter h2{font-size:24px}.workflow-story main>.chapter .lede{font-size:11px;line-height:1.45}}.world{perspective:900px;--field-x:0px;--field-y:0px;--field-scroll:0px}.world .ambient-layer{position:absolute;inset:-5%;transform:translate3d(calc(var(--field-x)*var(--depth)),calc(var(--field-y)*var(--depth) + var(--field-scroll)),calc(var(--depth)*20px));transition:transform .3s var(--ease-out-quart)}.world .ambient-layer i{position:absolute;width:var(--size);height:var(--size);background:var(--sky);opacity:.22;border-radius:50%}.world .ambient-layer i:nth-child(7n){width:6px;height:1px;border-radius:0}.world .ambient-layer i:nth-child(7n):after{content:"";position:absolute;left:2.5px;top:-2.5px;width:1px;height:6px;background:inherit}@media(prefers-reduced-motion:reduce){.world .ambient-layer{transition:none;transform:none}}

