@charset "UTF-8";
:root{--ink:#172448;--blue:#4d6bfe;--muted:#6b789b;--paper:#f7f9ff;--cream:#edf2ff;--orange:#4d6bfe;--mint:#cbd7ff;--line:rgba(30,48,100,.16);--rail:254px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--paper);font-size:18px;line-height:1.65;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.35}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}button{border:0;background:none}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-weight:650;line-height:1.2;letter-spacing:-.045em}img{display:block;max-width:100%}small{display:block;font-size:14px;font-weight:400;letter-spacing:0}::selection{background:#9bb0fa;color:#121c40}.skip-link{position:fixed;left:20px;top:-100px;padding:12px;background:white;z-index:100}.skip-link:focus{top:10px}.topbar{position:fixed;left:0;right:var(--rail);top:0;height:76px;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 4.2vw;border-bottom:1px solid transparent;color:var(--ink);transition:color .3s,background .3s,border-color .3s}.topbar.on-dark{color:#e3e8fb;background:linear-gradient(#0c132ed9,transparent)}.topbar.on-light{background:#e8edfce8;backdrop-filter:blur(14px);border-color:#121b410b}.brand{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600;letter-spacing:.04em}.brand-mark{font-size:32px;color:var(--orange);font-weight:400}.tools{display:flex;align-items:center;gap:20px}.tools button{font-size:12px;letter-spacing:.03em;padding:10px 0}.tools button span{margin-left:6px;opacity:.6}.tools button:hover{color:var(--orange)}#menu-button{display:none}
.outline{position:fixed;z-index:30;right:0;top:0;bottom:0;width:var(--rail);display:flex;flex-direction:column;background:#ebeffc;border-left:1px solid #121b411c;padding:28px 23px 15px;color:var(--ink)}.outline-home{font-size:12px;letter-spacing:.03em;display:flex;justify-content:space-between;align-items:center;padding:0 1px 24px;border-bottom:1px solid var(--line);font-weight:600}.outline-home span{font-size:20px;font-weight:400}.outline-scroll{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#a9b1ce transparent;padding:22px 0}.nav-group{margin-bottom:19px}.nav-major{display:flex;align-items:baseline;gap:10px;font-size:14px;line-height:1.6;font-weight:650;letter-spacing:-.03em}.nav-major>span{font-size:10px;font-weight:500;letter-spacing:.03em;color:#6a77a4;flex-shrink:0}.nav-children{display:flex;flex-direction:column;gap:8px;margin:10px 0 0 22px;padding-left:12px;border-left:1px solid #ced3e6}.nav-children a{display:block;position:relative;color:#5b6895;font-size:12px;line-height:1.6;letter-spacing:-.02em;transition:color .2s}.nav-children a:hover,.nav-children a.active{color:#16255a}.nav-children a.active{font-weight:650}.nav-children a.active:before{content:"";position:absolute;left:-14px;top:5px;width:3px;height:12px;background:#21357e}.nav-group.active .nav-major{color:#122d8c}.outline-bottom{border-top:1px solid var(--line);padding-top:15px}.page-status{display:flex;align-items:center;gap:10px;font-size:11px;font-variant-numeric:tabular-nums}.page-track{height:2px;background:#d3d8e9;flex:1}.page-track i{display:block;height:2px;width:0;background:#21388a;transition:width .3s}.page-controls{display:flex;align-items:center;justify-content:space-between;gap:2px;margin-top:10px}.page-controls>span{font-size:10px;color:#6b78a5}.page-controls button{font-size:21px;padding:0 10px}.sources-button{display:flex;justify-content:space-between;width:100%;font-size:10px;letter-spacing:.04em;color:#5c6996;padding:13px 0 0}
main{margin-right:var(--rail)}.panel{position:relative;min-height:100svh;padding:120px clamp(32px,5.5vw,110px) 80px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;isolation:isolate;scroll-margin-top:0}.panel>*{width:100%;max-width:1280px;margin-left:auto;margin-right:auto}.dark{background:#0c132e;color:#e1e6fa;--line:#dee4fa2b;--muted:#a1aacd}.pale{background:#dee4fa}.cream{background:var(--cream)}.light{background:#f3f5fd}.eyebrow{font-size:13px;font-weight:550;letter-spacing:.08em;margin-bottom:24px;color:#566391}.dark .eyebrow{color:#8f9ccd}.section-title{font-size:clamp(38px,4.25vw,76px);line-height:1.28;font-weight:650;letter-spacing:-.05em}.chapter-label{display:flex;align-items:center;gap:18px;margin-bottom:42px;font-size:17px;font-weight:550}.chapter-label>span:first-child{font-size:11px;font-weight:400;line-height:35px;text-align:center;width:35px;height:35px;border:1px solid currentColor;border-radius:50%;opacity:.7}.chapter-label h2{font-size:23px;letter-spacing:-.025em;font-weight:550}.support-copy{font-size:clamp(20px,2.05vw,30px);margin-top:25px;line-height:1.6;letter-spacing:-.03em}.aside-text{color:var(--muted);font-size:17px;margin-top:12px}.micro,.source-caption{font-size:11px;color:var(--muted);line-height:1.8;margin-top:23px}.source-caption a{text-decoration:underline;text-underline-offset:4px;margin-left:8px}.text-button{display:flex;width:auto;margin:26px auto 0 0;align-items:center;gap:20px;font-size:12px;padding:8px 0;border-bottom:1px solid currentColor;letter-spacing:.02em}.text-button span{font-size:16px}.text-button:hover{color:var(--orange)}.anchor-target{scroll-margin-top:100px}.reveal{opacity:1;transform:none}.motion-ready .reveal:not(.visible){opacity:0;transform:translateY(25px)}.motion-ready .reveal{transition:opacity .7s ease,transform .7s cubic-bezier(.22,.61,.36,1)}.panel .reveal:nth-child(3){transition-delay:.06s}.panel .reveal:nth-child(4){transition-delay:.12s}
.hero .eyebrow{font-size:12px;letter-spacing:.22em;color:#95a3d4;margin-bottom:25px}.hero-directions{display:flex;gap:18px;font-size:12px;margin-top:34px;color:#afb7d4}.hero-directions>span+span{padding-left:18px;border-left:1px solid #d6def930}.start-link{display:inline-flex;gap:40px;align-items:center;margin-top:60px;font-size:13px;padding-bottom:8px;border-bottom:1px solid #9fabd76b;letter-spacing:.04em}.start-link span{font-size:24px;line-height:1}.start-link:hover{color:var(--mint)}.hero-foot{position:absolute;left:5.5vw;bottom:28px;right:5.5vw;width:auto;display:flex;justify-content:space-between;max-width:none;font-size:10px;letter-spacing:.12em;color:#717fb1}
.two-headlines{display:grid;grid-template-columns:1.2fr 1fr;gap:30px}.two-headlines h3{font-size:clamp(27px,2.7vw,46px);line-height:1.4;letter-spacing:-.04em}.direction-arrow{font-size:84px;line-height:1;color:#283d8a;display:block;margin-bottom:17px;font-weight:300}.orange{color:var(--orange)}.iteration-diagram{border-top:1px solid var(--line);padding-top:38px;margin-top:45px}.diagram-row{display:flex;align-items:center;gap:24px;margin:20px 0;font-size:14px}.diagram-row>span:first-child{min-width:40px}.time-bar{height:40px;display:flex;gap:4px}.time-bar i{display:block;border-radius:3px;width:50px;background:#bfc6e1}.time-bar.new i{background:#314488}.time-bar.old{flex:0 1 65%}.time-bar.old i{flex:1}.time-bar.new{width:22%}.time-bar.new i{flex:1}.bar-end{font-size:12px;color:#5b699d}.loop-mark{font-size:37px;line-height:1;color:var(--orange)}.loop-mark.second{opacity:.65}.loop-mark.third{opacity:.35}figcaption{font-size:10px;color:var(--muted);margin-top:18px;letter-spacing:.04em}
.limits{display:grid;grid-template-columns:repeat(3,1fr);margin-top:48px;gap:0}.limit{border-left:1px solid var(--line);padding:0 22px;min-width:0}.limit:first-child{border-left:0;padding-left:0}.limit:last-child{padding-right:0}.limit h4{font-size:21px;line-height:1.5;letter-spacing:-.035em;margin:26px 0 8px}.limit p{font-size:14px;color:#4d5985;line-height:1.8}.limit small{font-size:11px;color:#6a77a6;margin-top:5px}.mini-film,.wrong-path,.budget-number,.aesthetic-symbol{height:90px;display:flex;align-items:center}.mini-film{gap:6px}.mini-film i{height:48px;width:31%;border:1px solid #52629b;position:relative;background:linear-gradient(transparent 65%,#d3dcf9 65%)}.mini-film i:before{content:"";width:9px;height:9px;background:var(--orange);border-radius:50%;position:absolute;left:40%;top:20px}.mini-film i:nth-child(2):before{top:8px}.mini-film i:nth-child(3):before{top:23px}.wrong-path{gap:7px;position:relative;font-size:32px;color:#5e6fac}.wrong-path span:nth-child(2){transform:translateY(-7px)}.wrong-path span:nth-child(3){transform:translateY(-18px);color:var(--orange)}.wrong-path b{font-size:27px;font-weight:400;transform:translateY(-28px);color:var(--orange)}.budget-number{gap:4px;align-items:baseline;padding-top:20px}.budget-number strong{font-size:clamp(35px,3.6vw,60px);line-height:1;font-weight:450;letter-spacing:-.07em;font-variant-numeric:tabular-nums}.budget-number>span{font-size:14px;color:#5e6ea7}.segmented{display:flex;gap:3px;background:#d8dff9;padding:3px;border-radius:30px;width:max-content;margin:8px 0}.segmented button{font-size:10px;padding:6px 9px;line-height:1;border-radius:20px}.segmented button[aria-pressed=true]{background:#1b2a62;color:white}.aesthetic-symbol{gap:7px}.aesthetic-symbol i{width:35px;height:48px;background:#5267b1;transform:rotate(-14deg);border-radius:20px 20px 5px 5px}.aesthetic-symbol i:nth-child(2){background:#6c89ef;transform:rotate(8deg);height:66px}.aesthetic-symbol i:nth-child(3){background:#345cef;transform:rotate(24deg)}
.practice-layout{display:grid;grid-template-columns:1.65fr 1fr;gap:55px;margin-top:38px;align-items:center}.project-visual{position:relative;height:340px;border:1px solid #48568854;border-radius:12px;background:radial-gradient(ellipse at center bottom,#303f78,#10183b 65%);overflow:hidden;isolation:isolate}.game-hud{display:flex;justify-content:space-between;margin:20px 20px 0;font-size:8px;letter-spacing:.1em;color:#abb5d7}.game-hud b{font-size:23px;line-height:.6;font-weight:400}.health-bars{display:flex;gap:55px;margin:8px 20px}.health-bars i{height:6px;flex:1;background:#859bea;transform:skew(-20deg)}.health-bars i:last-child{background:#4f71eb;transform:skew(20deg)}.stage-grid{position:absolute;bottom:0;left:-50%;width:200%;height:45%;background:repeating-linear-gradient(0deg,transparent 0 30px,#a8b6e717 31px 32px),repeating-linear-gradient(90deg,transparent 0 40px,#a8b6e71c 41px 42px);transform:perspective(160px) rotateX(35deg);transform-origin:bottom;z-index:-1}.fighter{position:absolute;width:50px;height:125px;left:28%;bottom:62px;transform:rotate(-10deg);color:#a2b4f5}.fighter i{position:absolute;top:0;width:24px;height:24px;border-radius:50%;background:currentColor;left:12px}.fighter b{position:absolute;top:26px;width:29px;height:45px;background:currentColor;border-radius:7px 7px 0 0;left:8px;transform:skew(-8deg)}.fighter b:after{content:"";position:absolute;left:5px;top:10px;background:currentColor;width:70px;height:12px;transform:rotate(-20deg);transform-origin:left;border-radius:5px}.fighter em{position:absolute;top:68px;left:2px;width:14px;height:55px;background:currentColor;transform:rotate(13deg)}.fighter em:after{content:"";position:absolute;left:29px;background:currentColor;width:14px;height:55px;transform:rotate(-27deg)}.fighter-b{left:auto;right:26%;color:#5377f6;transform:scaleX(-1) rotate(-15deg);bottom:62px}.fighter-b b:after{width:38px;transform:rotate(-70deg)}.hit-ring{position:absolute;left:51%;top:44%;width:50px;height:50px;border:1px solid #a3b1e682;border-radius:50%;box-shadow:0 0 30px #8da5fb20}.hit-ring:after{content:"";position:absolute;inset:10px;border:1px dashed #a4b7fc;border-radius:50%}.concept-caption{position:absolute;bottom:11px;left:14px;font-size:9px;color:#8c98c5}.small-number{font-size:11px;letter-spacing:.1em;color:#7381b2}.practice-copy h4{font-size:25px;margin:13px 0 40px}.practice-copy .project-name{font-size:clamp(27px,3.6vw,48px);font-weight:500;letter-spacing:-.06em;margin-bottom:24px}.project-rule{height:1px;background:var(--line);width:60%}
.code-transition{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:52px;padding:40px 0 55px;border-block:1px solid var(--line)}.code-transition>div:not(.code-question){position:relative;z-index:1;flex:1}.code-caption{font-size:12px;letter-spacing:.04em;color:#6875a5;display:block;margin-bottom:20px}.code-transition p{font-size:clamp(19px,2.35vw,35px);font-family:"Consolas",var(--font);line-height:1.4;letter-spacing:-.04em}.code-arrow{font-size:36px;color:#7786bb}.code-block p{color:#56659d}.code-transition .binary{color:#384986;letter-spacing:.09em}.code-question{position:absolute;right:34%;top:-45px;font-size:220px;line-height:1;color:#9eade33d;z-index:0;font-family:Georgia,serif}.human{background:#141d47;min-height:100svh}.human-title{font-size:clamp(35px,4.1vw,72px);line-height:1.5;z-index:2}.freedom-art{height:290px;position:relative;margin-top:15px;max-width:800px}.freedom-sun{position:absolute;width:165px;height:165px;left:54%;top:30px;border-radius:50%;background:#a1b1eb;box-shadow:0 0 100px #92a5e91a}.freedom-horizon{position:absolute;width:100%;height:120px;left:0;bottom:0;border-top:1px solid #7b8dcc80;border-radius:50%;background:#141d47;z-index:2}.freedom-orbit{position:absolute;width:480px;height:200px;border:1px solid #8597d746;border-radius:50%;left:25%;top:43px;transform:rotate(-21deg)}.freedom-blocks{position:absolute;left:10%;top:80px;display:grid;grid-template-columns:repeat(3,30px);gap:6px;transform:rotate(-8deg)}.freedom-blocks i{height:30px;border:1px solid #9aa9e057}.freedom-blocks i:nth-child(3){transform:translate(15px,-30px) rotate(10deg)}.freedom-blocks i:nth-child(6){transform:translate(40px,-75px) rotate(30deg);border-color:#6f89e9}.dreams{display:flex;gap:50px;padding-top:5px;border-top:1px solid #8393cb38;position:relative;z-index:3}.dreams p{font-size:21px}.dreams small{margin-top:6px;color:#8694c9;font-size:12px}
.world-heading{display:flex;align-items:center;justify-content:space-between}.world-heading>p{font-size:30px;letter-spacing:.06em;font-weight:350;padding-right:15px}.world-heading small{font-size:13px;letter-spacing:0;color:#6574a9;margin-top:6px}.world-diagram{display:flex;position:relative;align-items:center;gap:25px;margin-top:40px;padding-bottom:42px}.world-state{flex:1;position:relative}.world-state>b,.world-core>b{display:block;font-size:15px;font-weight:450;margin-top:17px;text-align:center}.diagram-index{position:absolute;top:12px;left:13px;font-size:9px;z-index:1;color:#6977ab}.state-window{width:100%;height:160px;background:#d4daee;border:1px solid #abb6dc;border-radius:8px;position:relative;overflow:hidden}.state-floor{position:absolute;inset:70% 0 0;background:#8896c7}.state-ball{width:30px;height:30px;border-radius:50%;background:#325aea;position:absolute;left:35%;top:25%}.future .state-ball{top:51%;left:60%}.future .ball-trail{position:absolute;left:40%;top:29%;width:40px;height:42px;border-right:1px dashed #4868dc;transform:rotate(-30deg)}.world-arrow{font-size:35px;color:#596db3;position:relative;margin-top:-24px}.world-arrow>span{position:absolute;top:-20px;left:-1px;font-size:12px;white-space:nowrap}.world-core{flex:.8}.matrix{width:110px;height:110px;padding:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;background:#24346c;border-radius:20px;box-shadow:0 8px 25px #24346c1a;margin:auto}.matrix i{background:#90a4eb;border-radius:3px}.matrix i:nth-child(2n){opacity:.5}.matrix i:nth-child(3n){opacity:.25}.world-diagram figcaption{position:absolute;bottom:0;left:0}.natural-words{display:flex;align-items:baseline;gap:30px;margin-top:22px;font-size:clamp(22px,2.5vw,40px)}.natural-words strong{font-weight:450;letter-spacing:-.035em}.natural-words strong:last-child{color:#274cd3}.filmstrip{margin-top:27px;position:relative}.filmstrip img{width:100%;max-height:310px;object-fit:contain}.film-labels{display:flex;justify-content:space-around;font-size:13px;margin-top:-12px;position:relative}.filmstrip figcaption{position:absolute;font-size:9px;right:0;bottom:-2px}.natural-bottom{display:flex;gap:50px;margin-top:32px;border-top:1px solid var(--line);padding-top:22px}.natural-bottom p{font-size:21px}.natural-bottom small{margin-top:6px;font-size:12px;color:#5f6d9f}
.questions{background:#0d1431}.familiar{font-size:clamp(18px,2vw,30px);color:#8392c7;margin:0 auto 28px;letter-spacing:-.02em}.question-title{font-size:clamp(44px,6vw,100px);line-height:1.3;font-weight:550}.context-line{font-size:16px;margin-top:30px;color:#abb6dc;display:flex;align-items:center;gap:9px}.cursor-block{display:inline-block;width:8px;height:19px;background:#97a9ec}.context-art{display:flex;align-items:center;gap:40px;margin-top:60px;border-top:1px solid #9dabde33;padding-top:25px;font-size:22px;color:#7587c7}.context-dots{display:flex;align-items:center;gap:27px}.context-dots i{width:5px;height:5px;border-radius:50%;background:#a8b7ed}.context-dots i:nth-child(2){opacity:.8}.context-dots i:nth-child(3){opacity:.6}.context-dots i:nth-child(4){opacity:.4}.context-dots i:nth-child(5){opacity:.2}.data-funnel{display:flex;align-items:center;margin-top:60px;margin-bottom:30px;gap:0}.data-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:32%}.data-inputs>span{border:1px solid #8c99c7;padding:18px 20px;font-size:17px;border-radius:4px;display:flex;align-items:center;gap:12px;background:#e8ecfb}.data-inputs i{font-style:normal;color:#4d61a9;font-size:23px}.funnel-line{width:13%;height:1px;background:#6779b7;position:relative}.funnel-line:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid #6779b7;border-right:1px solid #6779b7;transform:rotate(45deg)}.funnel-question{width:105px;height:105px;border:1px solid #4b5b95;display:grid;place-items:center;border-radius:50%;font-size:62px;font-weight:300;color:#3b4b85;background:#cfd6ef;position:relative}.funnel-output{margin-left:auto;font-size:clamp(20px,2.6vw,40px)}.funnel-output>span{display:block;font-size:50px;line-height:1.2;color:var(--orange)}
.rollout-map{position:relative;margin-top:45px;padding:25px 0 0}.route-line{position:absolute;top:55px;height:1px;left:2%;right:2%;background:#8593c6}.route-nodes{display:flex;justify-content:space-between;align-items:center;position:relative}.route-nodes>span{background:#f3f5fd;border:1px solid #7c8cc5;border-radius:50%;width:60px;height:60px;display:grid;place-items:center;font-size:13px}.route-nodes>i{width:14px;height:14px;border-radius:50%;background:#6476b7;border:4px solid #f3f5fd;outline:1px solid #6476b7}.route-nodes>i.failed{border:none;outline:0;width:40px;height:40px;display:grid;place-items:center;background:#c8d2f8;font-style:normal;font-size:24px;color:#2a50db}.rollback{font-size:90px;line-height:1;height:88px;margin-left:43%;margin-top:-3px;color:#4b6ad9}.route-price{display:flex;gap:18px;align-items:center;justify-content:center;font-size:25px;letter-spacing:-.03em}.route-price>b{font-weight:300;font-size:17px;color:#9ca7cd}.question-options{display:flex;gap:25px;font-size:14px;margin-top:40px;padding-top:25px;border-top:1px solid var(--line);color:#576598}
.rating-comparison{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:45px}.rating-score,.rating-pair{border-top:1px solid var(--line);padding-top:25px}.score-ruler{display:flex;justify-content:space-between;align-items:center;margin:30px 0 0;position:relative}.score-ruler:before{content:"";height:1px;background:#8592c1;position:absolute;left:20px;right:20px;top:50%}.score-ruler>i{height:12px;width:1px;background:#6a7ab2;position:relative}.score-ruler>span{font-size:15px;position:relative;background:var(--cream);padding:0 6px}.score-dots{display:flex;justify-content:center;gap:20px;margin:25px 0 13px}.score-dots>b{width:54px;height:54px;border:1px solid #97a3cd;border-radius:50%;display:grid;place-items:center;font-size:28px;font-weight:350;color:#435698}.score-dots>b:nth-child(2){transform:translateY(-12px);color:#2c52dd;border-color:#6f88e4}.score-dots>b:last-child{color:#616fa3}.rating-comparison small{font-size:10px;color:#6774a6;margin-top:20px}.pair-pictures{display:flex;gap:12px;align-items:center;margin-top:26px}.pair-pictures>span{font-family:Georgia,serif;font-style:italic;font-size:15px;color:#6676af}.scene{height:138px;flex:1;position:relative;overflow:hidden;background:#b7c0e3;border-radius:4px;isolation:isolate}.scene>i{position:absolute;width:45px;height:45px;background:#b1c1f9;border-radius:50%;left:58%;top:17%}.scene>b{position:absolute;background:#3c53a6;width:130%;height:90%;left:-25%;bottom:-48%;transform:rotate(24deg);border-radius:30% 0 0 0}.scene>em{position:absolute;width:110%;height:110%;bottom:-78%;left:10%;background:#182a78;transform:rotate(-23deg);border-radius:20%}.scene>strong{position:absolute;top:10px;left:12px;font-size:10px;color:#243368;font-weight:550}.scene-b{background:#9fb3fb}.scene-b>i{background:#cad5fd}.scene-b>b{background:#4b68d4}.scene-b>em{background:#3950a2}.scene-b>strong{color:#213fac}.punchline{display:flex;gap:25px;margin-top:50px;font-size:clamp(25px,2.85vw,43px);letter-spacing:-.04em}.punchline span{color:#2647bd}
.naming{background:#131d44}.naming .aside-text{color:#8290c2;margin-top:9px;font-size:13px}.naming-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;margin-top:40px}.named-scene{position:relative;min-height:270px;padding:20px 25px}.scene-large{height:260px;border-radius:6px;background:#97a5d6}.scene-large>i{width:75px;height:75px;background:#a7b8f5;top:14%;left:62%}.scene-large>b{bottom:-33%;transform:rotate(30deg);background:#4e60a1}.scene-large>em{bottom:-74%;background:#21316a}.unlabelled{position:absolute;inset:0;display:grid;place-items:center;font-size:40px;color:#e5eafb;text-shadow:0 2px 18px #0c132e88;transition:opacity .4s}.annotation{position:absolute;padding:5px 12px;background:#dbe2fa;color:#17255a;font-size:11px;box-shadow:0 5px 20px #00000022;opacity:0;transform:translateY(8px);transition:all .4s}.annotation:after{content:"";position:absolute;width:1px;height:30px;background:#dbe2fa;top:100%;left:15px}.a-color{top:8px;left:0}.a-shape{bottom:30px;left:7px}.a-shape:after{top:auto;bottom:100%}.a-light{top:35px;right:0}.a-composition{right:2px;bottom:22px}.a-composition:after{top:auto;bottom:100%}.labels-on .annotation{opacity:1;transform:none}.labels-on .unlabelled{opacity:0}.naming-copy p{font-size:20px;line-height:1.75;letter-spacing:-.03em}.naming-copy small{font-size:12px;color:#8996c6;margin-top:10px}.hairline{width:45px;height:1px;background:#7081be3d;margin:20px 0}.label-button{margin-top:24px;border:1px solid #90a0db8a;border-radius:30px;display:flex;gap:35px;align-items:center;font-size:12px;padding:10px 20px;transition:background .3s}.label-button:hover,.label-button[aria-pressed=true]{background:#9eaee9;color:#14204b}.naming>.micro{font-size:10px;color:#7a88bb}
.data-obstacles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px}.data-obstacles>div{border-left:1px solid var(--line);padding:0 25px}.data-obstacles>div:first-child{border-left:0;padding-left:0}.data-obstacles h4{font-size:27px;letter-spacing:-.03em;margin-top:24px}.data-obstacles p{font-size:15px;color:#59689e;margin-top:13px}.scarcity-art,.difference-art,.quality-art{height:105px}.scarcity-art{display:grid;grid-template-columns:repeat(5,18px);grid-auto-rows:24px;gap:9px;padding-top:22px;align-content:start}.scarcity-art i{border:1px solid #8391c4}.scarcity-art .selected{background:#3b62f1;border-color:#3b62f1;transform:rotate(10deg)}.difference-art{display:flex;gap:10px;align-items:center}.difference-art i{width:40px;height:40px;border:1px solid #5669ae;border-radius:50%}.difference-art i:nth-child(2){border-radius:0;background:#7888c4;transform:rotate(15deg);height:50px}.difference-art i:nth-child(3){border-radius:3px 35px 3px 3px;background:#6782e7;border-color:#6782e7}.quality-art{display:flex;align-items:flex-end;gap:9px;padding-top:25px;padding-bottom:15px}.quality-art i{width:15px;background:#4d61ab;height:53px}.quality-art i:nth-child(2){height:25px;background:#8d9bd0}.quality-art i:nth-child(3){height:65px}.quality-art i:nth-child(4){height:35px;background:#8d9bd0}.quality-art i:nth-child(5){height:18px;background:#5270de}
.context-matrix{display:flex;flex-direction:column;margin-top:35px}.context-matrix>div{display:flex;flex-wrap:wrap;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:22px 0;font-size:15px}.context-matrix .matrix-title{font-size:12px;color:#6271a6;width:90px;flex-shrink:0}.context-matrix>div>span:not(.matrix-title){padding:8px 13px;background:#dce3fa;border-radius:3px}.context-matrix>div>i{font-style:normal;color:#7a89bd}.context-matrix>div .muted-chip{background:transparent!important;border:1px dashed #a4afd5;color:#5c6da9}.converge{display:flex;justify-content:space-around;font-size:25px;color:#7989c4;margin-top:16px}.matrix-result{font-size:26px;line-height:1.6;letter-spacing:-.03em;margin-top:10px;text-align:center}.matrix-result strong{font-weight:550;color:#264bd3}.final-panel{background:#0d132f}.final-panel .section-title{font-size:clamp(44px,5.7vw,94px)}.wish-window{display:flex;align-items:center;gap:20px;margin-top:55px;padding:27px 25px;border:1px solid #92a2dd3e;background:#d5dbf307;border-radius:10px;font-size:clamp(19px,2.2vw,32px);letter-spacing:-.03em;max-width:800px;margin-left:0}.wish-star{font-size:35px;color:#9eaee7}.wish-cursor{width:2px;height:29px;background:#8da0e4;margin-left:auto}.final-questions{display:flex;gap:40px;margin-top:43px;color:#8c9acc;font-size:19px}.final-questions p>span{color:#bbc7f2}.ending{display:flex;gap:30px;margin-top:70px;padding-top:20px;border-top:1px solid #9caadf30;align-items:center;font-size:11px;letter-spacing:.02em}.ending button{font-size:11px;padding:0}.ending>a{margin-right:auto}.ending>*:hover{color:#a8bafb}
dialog{border:1px solid #b4bddd;border-radius:14px;background:#f0f3fd;color:var(--ink);width:min(720px,calc(100% - 40px));max-height:83svh;padding:28px 36px 25px;box-shadow:0 30px 100px #0a10244d;overflow:auto;font-size:16px}dialog::backdrop{background:#080d1fa6;backdrop-filter:blur(6px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:24px;font-size:11px;letter-spacing:.1em;color:#57669b}.close-dialog{font-size:28px;line-height:1;padding:0 5px;color:var(--ink)}dialog h2{font-size:27px;line-height:1.4;margin-bottom:25px}#notes-content p{margin:15px 0;line-height:1.85}#notes-content ul{padding-left:24px;line-height:1.9}#notes-content li{margin:8px 0}#notes-content .note-small{font-size:13px;color:#5d6ca2}#notes-content .editor-note{font-size:12px;padding:15px 18px;background:#d3dcf9;border-left:2px solid #7f8ec7;margin-top:25px;line-height:1.9}#notes-content .editor-note a{text-decoration:underline}#notes-content strong{font-weight:650}.dialog-hint{font-size:10px;color:#6978ad;margin-top:30px;border-top:1px solid var(--line);padding-top:14px}.source-list p{font-size:13px;line-height:1.9;margin-bottom:20px}.source-list>a{display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--line);padding:16px 0}.source-list>a b{font-size:16px;font-weight:550}.source-list>a>span{font-size:12px;color:#5969a5}.source-list .asset-note{font-size:11px;color:#5e6ea8;margin-top:20px}.asset-note a{text-decoration:underline}#toast{position:fixed;left:calc((100% - var(--rail))/2);bottom:30px;transform:translateX(-50%);z-index:100;border-radius:8px;background:#d4dbf3;color:#121c41;font-size:12px;padding:12px 22px;opacity:0;pointer-events:none;transition:opacity .3s}#toast.show{opacity:1}
@media(min-width:1600px){:root{--rail:282px}.outline{padding-inline:27px}.nav-major{font-size:15px}.nav-children a{font-size:13px}.nav-children{gap:10px}.nav-group{margin-bottom:24px}.outline-scroll{padding-top:30px}.limits{margin-top:65px}.limit h4{font-size:24px}.limit p{font-size:16px}.scene{height:165px}.project-visual{height:400px}.fighter{bottom:85px;transform:scale(1.2) rotate(-10deg)}.fighter-b{bottom:85px;transform:scale(-1.2,1.2) rotate(-15deg)}}
@media(max-height:820px) and (min-width:1001px){.panel{padding-top:105px;padding-bottom:55px}.chapter-label{margin-bottom:30px}.outline{padding-top:21px}.outline-home{padding-bottom:16px}.outline-scroll{padding-top:17px}.nav-group{margin-bottom:14px}.nav-children{gap:5px;margin-top:7px}.nav-children a{font-size:11px}.outline-bottom{padding-top:9px}.page-controls{margin-top:4px}.sources-button{padding-top:7px}.hero .start-link{margin-top:40px}.section-title{font-size:clamp(37px,4vw,62px)}.limits{margin-top:32px}.limit h4{margin-top:15px}.practice-layout{margin-top:30px}.project-visual{height:280px}.code-transition{margin-top:35px;padding:25px 0 35px}.freedom-art{height:215px}.freedom-sun{height:130px;width:130px}.freedom-horizon{height:75px}.freedom-orbit{height:150px}.human-title{font-size:clamp(34px,3.8vw,60px)}.data-obstacles{margin-top:35px}.filmstrip img{max-height:230px}.natural-bottom{margin-top:22px}.naming-layout{margin-top:27px}.scene-large{height:220px}.named-scene{min-height:250px}.rating-comparison{margin-top:30px}.punchline{margin-top:30px}.wish-window{margin-top:35px}.ending{margin-top:45px}.context-matrix>div{padding:17px 0}.two-headlines .direction-arrow{font-size:66px}.iteration-diagram{margin-top:30px;padding-top:20px}.data-funnel{margin-top:40px}}
@media(max-width:1100px){:root{--rail:225px}.outline{padding-inline:16px}.nav-major{font-size:13px}.nav-children a{font-size:11px}.panel{padding-inline:42px}.topbar{padding-inline:32px}.tools{gap:15px}.brand{font-size:12px}.limits{grid-template-columns:1fr 1fr;gap:30px 0}.limit:nth-child(3){border-left:0;padding-left:0}.limit h4{margin-top:13px}.mini-film,.wrong-path,.budget-number,.aesthetic-symbol{height:60px}.budget-number{padding-top:0}.limit p{font-size:13px}.practice-layout{gap:30px}.project-visual{height:290px}.practice-copy h4{font-size:20px}.world-diagram{gap:15px}.state-window{height:130px}.matrix{width:95px;height:95px}.naming-layout{gap:24px}.naming-copy p{font-size:17px}.data-inputs>span{padding:12px;font-size:14px;gap:6px}.data-inputs i{font-size:18px}.funnel-question{width:85px;height:85px}.context-matrix>div{gap:8px;font-size:13px}.context-matrix .matrix-title{width:72px}.context-matrix>div>span:not(.matrix-title){padding:7px 10px}.question-options{font-size:12px;gap:15px}.dreams{gap:30px}.dreams p{font-size:18px}.rating-comparison{gap:28px}.pair-pictures{gap:7px}.final-questions{font-size:16px;gap:25px}}
@media(max-width:800px){:root{--rail:0px}body{font-size:16px}.topbar{right:0;height:64px;padding:0 24px}.brand{font-size:12px;gap:8px}.brand-mark{font-size:25px}.tools{gap:14px}.tools button{font-size:11px}.tools button span{display:none}#menu-button{display:block}#fullscreen-button{display:none}.outline{width:min(310px,88vw);transform:translateX(100%);transition:transform .3s;box-shadow:-15px 0 50px #0d142f22;top:64px;padding-top:20px}.outline.open{transform:translateX(0)}.outline-home{font-size:12px}.nav-major{font-size:15px}.nav-children a{font-size:13px}.nav-children{gap:10px}.nav-group{margin-bottom:23px}.panel{padding:100px 27px 65px;min-height:100svh}.section-title{font-size:clamp(32px,6.5vw,52px)}.hero-foot{left:27px;right:27px;font-size:8px}.hero-directions{gap:10px;font-size:11px}.hero-directions>span+span{padding-left:10px}.start-link{margin-top:45px}.two-headlines{gap:20px}.two-headlines h3{font-size:25px}.direction-arrow{font-size:60px}.chapter-label{margin-bottom:35px}.diagram-row{gap:14px}.bar-end{font-size:10px}.time-bar{height:30px}.iteration-diagram{padding-top:25px;margin-top:35px}.practice-layout{grid-template-columns:1fr}.project-visual{height:280px}.practice-copy{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.practice-copy .small-number{font-size:9px}.practice-copy .small-number:nth-child(3){grid-column:2;grid-row:1}.practice-copy h4{font-size:18px;margin:7px 0}.practice-copy .project-name{grid-column:2;font-size:26px;margin:5px 0}.practice-copy .project-rule{display:none}.practice-copy .text-button{grid-column:1/-1;margin-top:15px}.human-title{font-size:clamp(28px,5.5vw,42px);line-height:1.55}.dreams{gap:22px}.dreams p{font-size:17px}.freedom-art{height:250px}.freedom-orbit{width:310px;left:15%}.freedom-sun{height:135px;width:135px;left:51%}.freedom-horizon{height:80px}.freedom-blocks{left:0}.world-diagram{gap:12px}.world-heading>p{font-size:23px}.world-arrow{font-size:25px}.state-window{height:115px}.matrix{height:82px;width:82px;padding:15px;gap:4px;border-radius:13px}.state-ball{width:22px;height:22px}.world-state>b,.world-core>b{font-size:12px}.world-diagram figcaption{font-size:9px}.source-caption{font-size:10px}.source-caption a{display:block;margin-left:0}.natural-words{gap:15px;flex-wrap:wrap;font-size:24px}.filmstrip img{height:auto;max-height:none}.film-labels{margin-top:0;font-size:11px}.filmstrip figcaption{position:static;text-align:right;font-size:8px}.natural-bottom{gap:24px}.natural-bottom p{font-size:17px}.question-title{font-size:49px}.familiar{font-size:17px}.context-line{font-size:13px}.context-art{margin-top:55px}.data-funnel{flex-wrap:wrap;gap:0;margin-top:35px}.data-inputs{width:41%;gap:8px}.data-inputs>span{padding:12px 9px;font-size:12px;gap:5px}.funnel-line{width:10%}.funnel-question{width:65px;height:65px;font-size:42px}.funnel-output{font-size:20px}.funnel-output>span{font-size:35px}.support-copy{font-size:20px}.rating-comparison{gap:24px}.scene{height:125px}.pair-pictures>span{font-size:12px}.score-dots{gap:10px}.score-dots>b{width:37px;height:37px;font-size:23px}.score-ruler{margin-top:30px}.rating-comparison small{font-size:9px}.punchline{font-size:27px;gap:15px}.naming-layout{grid-template-columns:1fr;gap:16px}.named-scene{min-height:250px;max-width:480px;padding:15px 25px}.scene-large{height:230px}.naming-copy{display:grid;grid-template-columns:1fr 1fr;gap:10px 25px}.naming-copy p{font-size:17px}.naming-copy small{grid-column:1;grid-row:2;margin-top:0}.naming-copy .hairline{display:none}.naming-copy p:nth-of-type(2){grid-column:2;grid-row:1}.label-button{grid-column:1/-1;justify-content:space-between;margin-top:10px;max-width:190px}.data-obstacles{margin-top:40px}.data-obstacles>div{padding:0 13px}.data-obstacles h4{font-size:22px}.data-obstacles p{font-size:12px}.scarcity-art{grid-template-columns:repeat(3,15px);grid-auto-rows:20px;gap:7px;padding-top:7px}.difference-art{gap:5px}.difference-art i{width:22px;height:27px}.difference-art i:nth-child(2){height:35px}.quality-art{gap:5px}.quality-art i{width:10px}.context-matrix>div{gap:8px}.context-matrix .matrix-title{width:100%;margin-bottom:4px}.context-matrix>div>span:not(.matrix-title){font-size:12px}.matrix-result{font-size:23px}.final-panel .section-title{font-size:46px}.final-questions{flex-direction:column;gap:14px;font-size:19px}.wish-window{padding:20px 17px;gap:10px;font-size:20px}.wish-star{font-size:25px}.ending{gap:15px;font-size:10px}.ending button{font-size:10px}.code-transition{gap:10px;margin-top:35px;padding:25px 0 35px}.code-transition p{font-size:17px}.code-caption{font-size:10px}.code-arrow{font-size:23px}.code-question{font-size:140px;top:0;right:30%}.question-options{gap:10px;flex-wrap:wrap}.route-price{font-size:21px;gap:10px}.route-nodes>span{width:50px;height:50px;font-size:11px}.route-line{top:50px}.rollback{font-size:75px;height:75px}.sources-button{font-size:11px}.page-controls>span{font-size:11px}dialog{padding:24px;max-height:85svh}dialog h2{font-size:24px}.limits{gap:30px 0}.limit{padding-inline:17px}.limit h4{font-size:19px}.limit p{font-size:12px}.limit small{font-size:10px}.budget-number strong{font-size:40px}#toast{left:50%;max-width:90%;white-space:normal;width:max-content}}
@media(max-width:390px){.tools{gap:10px}.tools button{font-size:10px}.brand{font-size:10px}.topbar{padding-inline:17px}.panel{padding-inline:22px}.two-headlines h3{font-size:22px}.hero-directions{font-size:10px;gap:9px}.hero-directions>span+span{padding-left:9px}.punchline{font-size:24px;gap:10px}.naming-copy p{font-size:15px}.dreams{flex-direction:column;gap:18px}.human-title{font-size:26px}.world-diagram{gap:8px}.matrix{width:65px;height:65px;padding:12px}.world-arrow{font-size:19px}.world-arrow>span{font-size:10px}.state-window{height:100px}.funnel-output{font-size:16px}.funnel-question{width:55px;height:55px}.context-dots{gap:20px}.data-inputs>span{font-size:11px;padding:10px 7px}.data-inputs i{font-size:15px}.naming .section-title{font-size:33px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal:not(.visible){opacity:1;transform:none}}
@media print{.topbar,.outline,.text-button,.ending,dialog,#toast{display:none!important}main{margin:0}.panel{min-height:0;height:190mm;padding:18mm 12mm;page-break-after:always;break-after:page;print-color-adjust:exact;-webkit-print-color-adjust:exact;overflow:visible}.reveal,.motion-ready .reveal:not(.visible){opacity:1;transform:none}.hero-foot{bottom:12mm}.section-title{font-size:38px}.human-title{font-size:36px}.question-title{font-size:54px}.naming-layout{grid-template-columns:1.2fr 1fr}.annotation{opacity:1;transform:none}.unlabelled{display:none}.panel>*{break-inside:avoid}@page{size:A4 landscape;margin:0}}
.heading-preface{display:block;font-size:14px;line-height:1.6;letter-spacing:.08em;color:#8f9ccd;margin-bottom:22px;font-weight:500}.questions .familiar{font-weight:400;line-height:1.6}
html{scroll-padding-top:0}
.time-bar i{min-width:0;width:auto}.time-bar.old{flex:1;min-width:0}.bar-end{flex-shrink:0}
@media(max-width:800px){.two-headlines h3>span{display:block}.bar-end{font-size:9px}}
@media(min-width:1001px) and (max-height:820px){.nav-children a{font-size:12px}.limit p{font-size:15px}.outline-scroll{padding-block:13px}.nav-group{margin-bottom:12px}.nav-children{gap:4px}}

/* Blue presentation: direct reading, with generous space for the source text. */
.hero{min-height:100svh;padding:120px clamp(24px,3.5vw,68px) 105px;background:radial-gradient(ellipse at 50% 42%,#2945aa80,transparent 66%),#0c1638;color:#f6f8ff}
.hero-composition{display:grid;grid-template-columns:minmax(125px,.8fr) minmax(360px,2.6fr) minmax(125px,.8fr);align-items:center;gap:clamp(12px,2vw,34px);max-width:1280px}
.hero-copy{text-align:center;min-width:0;position:relative}
.hero h1{font-size:clamp(38px,4.6vw,83px);line-height:1.1;letter-spacing:-.06em;font-weight:650;text-wrap:balance}
.hero-subtitle{font-size:clamp(19px,1.75vw,29px);letter-spacing:.12em;line-height:1.5;margin-top:27px;color:#b8c9ff}
.hero-icon{position:relative;width:100%;max-width:255px;margin-inline:auto;filter:drop-shadow(0 25px 38px #0003)}
.hero-icon img{width:100%;height:auto}
.hero-controller{transform:rotate(-12deg)}
.hero-robot{transform:rotate(9deg)}
.hero .hero-directions{justify-content:center;color:#aabcf3;gap:18px;margin-top:37px}
.hero .hero-directions>span+span{border-color:#aabcf33d}
.hero .start-link{margin-top:48px;border-color:#9eb5ff70;color:#e3eaff}
.hero .start-link:hover{color:white;border-color:#fff}
.hero-foot{color:#899ac8}
.hero .hero-foot>span{max-width:48%}
.nav-group.active .nav-major,.nav-children a.active,.nav-children a:hover{color:#4d6bfe}
.nav-children a.active:before,.page-track i{background:#4d6bfe}
.topbar.on-dark{background:linear-gradient(#0c1638dc,transparent)}
.topbar.on-dark .brand-mark{color:#91a7ff}
.topbar.on-light{background:#f7f9ffeb}
.outline{background:#fbfcff}
.panel{height:auto;overflow:hidden}
.inline-text{margin-top:30px;font-size:clamp(19px,1.5vw,25px);line-height:1.85;letter-spacing:-.025em;max-width:1060px}
.inline-text p+p{margin-top:18px}
.inline-text ul,.inline-text ol{padding-left:1.35em;margin:16px 0}
.inline-text li+li{margin-top:12px}
.inline-text strong{font-weight:650}
.inline-text a{text-decoration:underline;text-underline-offset:5px}
.inline-text .note-small,.inline-note{display:block;font-size:clamp(15px,1.15vw,19px);line-height:1.8;color:var(--muted);margin-top:14px;letter-spacing:0}
.inline-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px 44px}
.inline-columns>div+div{border-left:1px solid var(--line);padding-left:35px}
.subsection-title{font-size:clamp(28px,3vw,49px);line-height:1.4;letter-spacing:-.035em;font-weight:600}
.inline-text .subsection-title{margin-bottom:18px;font-size:clamp(25px,2.5vw,39px)}
.inline-text h4{font-size:clamp(22px,2vw,32px);line-height:1.5;margin:32px 0 15px}
.limit .inline-text,.limit p{font-size:clamp(17px,1.3vw,22px);line-height:1.8}
.limit h4{font-size:clamp(22px,1.8vw,30px)}
.limit small{font-size:15px;line-height:1.75}
.frame-budget{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:32px;margin-top:45px;padding:8px 0 12px;max-width:1050px}
.budget-axis{width:3px;margin:64px auto 20px;position:relative;align-self:stretch;background:linear-gradient(#b9c8ff,#4d6bfe);border-radius:4px}
.budget-axis:after{content:"";position:absolute;bottom:-4px;left:50%;width:17px;height:17px;border-right:3px solid #4d6bfe;border-bottom:3px solid #4d6bfe;transform:translateX(-50%) rotate(45deg)}
.budget-scale{min-width:0}
.budget-heading{display:grid;grid-template-columns:170px minmax(0,1fr) 170px;gap:25px;color:var(--muted);font-size:16px;padding-bottom:12px}
.budget-heading>:last-child{text-align:right;grid-column:3}
.budget-row{display:grid;grid-template-columns:170px minmax(0,1fr) 170px;gap:25px;align-items:center;min-height:91px;border-top:1px solid var(--line)}
.budget-time{font-size:clamp(34px,3.1vw,51px);line-height:1.2;font-weight:500;letter-spacing:-.065em;font-variant-numeric:tabular-nums;white-space:nowrap}
.budget-time small,.budget-time span{font-size:17px;display:inline;margin-left:5px;letter-spacing:0;font-weight:400;color:var(--muted)}
.budget-bar{height:22px;width:var(--budget);background:linear-gradient(90deg,#9db5ff,#4d6bfe);border-radius:3px;min-width:4px}
.budget-row:last-child .budget-bar{background:#4d6bfe;box-shadow:0 0 26px #4d6bfe26}
.budget-row:last-child .budget-time{color:#4d6bfe}
.budget-fps{font-size:clamp(27px,2.6vw,40px);font-weight:450;line-height:1.25;letter-spacing:-.04em;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.budget-fps small,.budget-fps span{display:inline;font-size:17px;font-weight:400;color:var(--muted);margin-left:6px;letter-spacing:0}
.budget-description,.budget-caption{font-size:20px;line-height:1.75;color:var(--muted);margin-top:25px}
.reference-panel{min-height:0;padding-top:90px;padding-bottom:90px;background:#edf2ff}
.reference-panel .source-list{margin-top:30px}
.reference-panel .source-list>a{padding:20px 0}
.reference-panel .source-list>a b{font-size:20px}
.reference-panel .source-list>a>span,.reference-panel .source-list p{font-size:16px}
.dark .inline-text{color:#e6ecff}
.dark .inline-note,.dark .inline-text .note-small{color:#a5b8e8}
.dark .orange,.dark .direction-arrow{color:#8fa8ff}
.dark .subsection-title{color:#eaf0ff}
@media(min-width:1600px){.hero h1{font-size:clamp(70px,4.6vw,99px)}.hero-composition{grid-template-columns:1fr 2.9fr 1fr}.hero-icon{max-width:260px}.budget-row{min-height:104px}}
@media(max-width:1100px){.hero-composition{grid-template-columns:minmax(95px,.7fr) minmax(300px,2.7fr) minmax(95px,.7fr);gap:10px}.hero h1{font-size:clamp(35px,4.5vw,55px)}.hero-subtitle{font-size:20px}.hero .hero-directions{gap:12px}.hero .hero-directions>span+span{padding-left:12px}.inline-columns{gap:25px}.inline-columns>div+div{padding-left:25px}.limits{grid-template-columns:repeat(3,1fr)}.limit{padding-inline:17px}.limit:nth-child(3){border-left:1px solid var(--line);padding-left:17px}.limit h4{font-size:23px}.limit p{font-size:17px}.budget-heading,.budget-row{grid-template-columns:125px minmax(0,1fr) 115px;gap:18px}.frame-budget{column-gap:22px}.budget-fps{font-size:30px}.budget-time{font-size:38px}}
@media(max-width:800px){.hero{padding:115px 24px 90px}.hero-composition{grid-template-columns:90px minmax(0,1fr) 90px;gap:6px}.hero-copy{grid-column:1/-1;grid-row:1;margin-top:0;align-self:center}.hero h1{font-size:clamp(43px,8vw,68px)}.hero-subtitle{font-size:21px;margin-top:23px}.hero-icon{width:125px;margin-top:29px;max-width:none}.hero-controller{grid-column:1;grid-row:2}.hero-robot{grid-column:3;grid-row:2;justify-self:end}.hero .hero-directions{margin-top:27px;font-size:11px}.hero .start-link{margin-top:32px}.hero-foot{font-size:8px;letter-spacing:.06em}.inline-text{font-size:20px;line-height:1.85;margin-top:25px}.inline-columns{grid-template-columns:1fr;gap:24px}.inline-columns>div+div{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:24px}.inline-note,.inline-text .note-small{font-size:15px}.limits{grid-template-columns:1fr;gap:30px}.limit,.limit:first-child,.limit:nth-child(3),.limit:last-child{padding:0;border-left:0;border-top:1px solid var(--line);padding-top:24px}.limit h4{font-size:26px;margin-top:13px}.limit p{font-size:19px}.limit small{font-size:15px}.frame-budget{grid-template-columns:20px minmax(0,1fr);column-gap:13px;margin-top:35px}.budget-heading,.budget-row{grid-template-columns:100px minmax(0,1fr) 92px;gap:12px}.budget-heading{font-size:13px}.budget-row{min-height:86px}.budget-time{font-size:32px}.budget-time span,.budget-time small{font-size:13px;margin-left:3px}.budget-fps{font-size:25px}.budget-fps span,.budget-fps small{font-size:13px;margin-left:3px}.budget-bar{height:17px}.budget-axis{margin-top:55px}.budget-description,.budget-caption{font-size:17px}.reference-panel{padding-block:70px}}
@media(max-width:390px){.hero h1{font-size:39px}.hero-subtitle{font-size:19px}.hero-icon{width:107px}.hero .hero-directions{font-size:10px;gap:8px}.hero .hero-directions>span+span{padding-left:8px}.budget-row,.budget-heading{grid-template-columns:87px minmax(0,1fr) 78px;gap:8px}.budget-time{font-size:29px}.budget-fps{font-size:22px}.inline-text{font-size:18px}.frame-budget{column-gap:10px}}
@media print{.panel{height:auto;min-height:190mm;overflow:visible}.hero{height:190mm}.hero-composition{grid-template-columns:1fr 3fr 1fr}.hero h1{font-size:54px}.hero-copy{grid-column:2;grid-row:1}.hero-icon{grid-row:1;width:150px}.hero-controller{grid-column:1}.hero-robot{grid-column:3}.inline-text{font-size:17px}.panel>*{break-inside:auto}.reference-panel{min-height:0}.budget-row{min-height:70px}}