/* The homepage is a continuous, reversible 3D story. */
body[data-page=index]{--story-ink:#edf5fb;--story-muted:#91a5bd;--story-blue:#88e6ff;--story-violet:#ad91ff;--header-h:88px}
body[data-page=index] .site-header{height:var(--header-h);background:#080c15ed;border-color:#ffffff10;color:#edf5fb;backdrop-filter:blur(24px)}
body[data-page=index] .site-header .brand-sub{color:#7a91a7}
body[data-page=index] .site-header .nav a:after{background:#88e6ff}
body[data-page=index] .site-header .header-action .btn{background:#111d2b;color:#c1f1ff;border-color:#79d9ff45;border-radius:5px}
body[data-page=index] .site-header .header-action .btn:hover{background:#1d3548;border-color:#88e6ff}
body[data-page=index] .site-header .header-progress{background:linear-gradient(90deg,#88e6ff,#aa91ff)}
body[data-page=index] .site-header .menu-toggle{color:#e2f3ff;border-color:#6c8eb14d}
body[data-page=index] .site-header .resource-list{background:#0d1521;border-color:#31495d;color:#e4f2ff}
body[data-page=index] .site-header .resource-list a:hover{background:#142c3c;color:#a4ecff}
body[data-page=index] .site-header .resource-list .resource-list-title{color:#819db7}
.story-shell{position:relative;height:640svh;background:#070b14;color:var(--story-ink);--story-p:0;--explode:0;--graph-opacity:1;--code-opacity:0;--ai-opacity:0;--project-opacity:0;--copy-0:1;--copy-1:0;--copy-2:0;--copy-3:0;--copy-4:0;isolation:isolate}
.story-stage{height:calc(100svh - var(--header-h));min-height:0;position:sticky;top:var(--header-h);overflow:hidden;isolation:isolate;contain:layout style;--side:5.2vw}
.story-atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 69% 39%,#13283e 0%,#0c1526 34%,#070b14 73%);z-index:-3}
.story-atmosphere:after{content:'';position:absolute;inset:0;opacity:.14;background-image:radial-gradient(#99b9dc 1px,transparent 1px);background-size:73px 73px;mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent)}
.story-render{position:absolute;inset:0;z-index:-1;pointer-events:none}
.story-render canvas{display:block;width:100%;height:100%}
.story-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#070b14fa 0%,#070b14c9 25%,#070b1405 57%,#070b1400 80%),linear-gradient(0deg,#070b14ff 0%,#070b1400 23%,#070b1400 85%,#070b1444);z-index:0;pointer-events:none}
.story-topline{position:absolute;top:29px;left:var(--side);right:var(--side);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#7e95ae;font:9px/1.6 var(--mono);letter-spacing:.09em;z-index:4}
.story-topline>span{display:flex;align-items:center;gap:10px}
.story-topline i{width:5px;height:5px;background:#9bdcf4;border-radius:50%;box-shadow:0 0 12px #6bcaff}
.story-topline a{color:#a2bbd1;padding:8px 0;letter-spacing:0;display:flex;gap:14px;font-size:10px}
.story-topline a:hover{color:#ceefff}
.story-copy{position:absolute;left:var(--side);top:18%;width:40%;max-width:610px;pointer-events:none;opacity:0;transform:translate3d(0,18px,0);z-index:2}
.story-copy.is-current{pointer-events:auto}
.story-copy[data-story-copy="0"]{opacity:var(--copy-0);transform:translate3d(0,calc((1 - var(--copy-0))*18px),0)}
.story-copy[data-story-copy="1"]{opacity:var(--copy-1);transform:translate3d(0,calc((1 - var(--copy-1))*18px),0)}
.story-copy[data-story-copy="2"]{opacity:var(--copy-2);transform:translate3d(0,calc((1 - var(--copy-2))*18px),0)}
.story-copy[data-story-copy="3"]{opacity:var(--copy-3);transform:translate3d(0,calc((1 - var(--copy-3))*18px),0)}
.story-copy[data-story-copy="4"]{opacity:var(--copy-4);transform:translate3d(0,calc((1 - var(--copy-4))*18px),0)}
.story-kicker{font:10px/1.6 var(--mono);letter-spacing:.14em;color:#829ab4;margin-bottom:24px;display:flex;align-items:center;gap:12px}
.story-kicker:before{content:'';width:22px;height:1px;background:#87cfea;box-shadow:0 0 8px #87cfea}
.story-copy h1,.story-copy h2{color:#eff4fc;font:400 clamp(55px,6.3vw,98px)/.99 var(--display);letter-spacing:-.067em;margin:0}
.story-copy h1>span,.story-copy h2>span{background:linear-gradient(105deg,#e3f9ff 5%,#8ae7ff 43%,#b49cf4 94%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.story-copy[data-story-copy="3"] h2{font-size:clamp(47px,5.5vw,84px)}
.story-description{margin-top:25px;font:400 clamp(13px,1.13vw,17px)/1.8 var(--body);color:#9db1c7;max-width:420px}
.story-actions{display:flex;align-items:center;gap:25px;margin-top:28px;flex-wrap:wrap}
.story-primary{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;border:1px solid #a1e8ff88;background:#d6f5ff;color:#0a1e2c;padding:15px 20px;font:600 12px var(--body);border-radius:4px;min-height:50px;box-shadow:0 4px 35px #6dcbf014;transition:background .2s,box-shadow .2s,transform .2s}
.story-primary span{font-size:19px;font-weight:400;line-height:1}
.story-primary:hover{background:#fff;box-shadow:0 4px 40px #6dcbf045;transform:translateY(-2px)}
.story-link{display:inline-flex;align-items:center;font-size:11px;color:#b9cfe2;padding:10px 0;border-bottom:1px solid #52697f;min-height:42px;white-space:nowrap}
.story-link:hover{color:#d9f6ff;border-color:#bbf0ff}
.story-copy>.story-link{margin-top:24px}
.story-micro{font:8px/1.8 var(--mono);letter-spacing:.12em;color:#7697b6;margin-top:29px}
.story-viewport-label{position:absolute;top:100px;left:51%;right:var(--side);display:flex;gap:10px;align-items:center;font:8px var(--mono);letter-spacing:.08em;color:#6c8aab;opacity:var(--graph-opacity);pointer-events:none}
.viewport-dot{width:4px;height:4px;border-radius:50%;background:#7fe1ff;box-shadow:0 0 7px #7fe1ff}
.viewport-axis{margin-left:auto;word-spacing:7px;color:#668ba7}
.story-layer-tags{position:absolute;left:49%;top:24%;width:45%;height:43%;opacity:calc(var(--explode)*var(--graph-opacity));pointer-events:none;z-index:2}
.layer-tag{position:absolute;font:8px var(--mono);letter-spacing:.06em;color:#9dcce2;border:1px solid #5ea8ca4d;background:#0b1c2bd6;padding:7px 10px;box-shadow:0 0 22px #568aad0d;backdrop-filter:blur(10px);border-radius:3px}
.layer-tag:before{content:'';width:20px;position:absolute;left:-20px;top:50%;height:1px;background:#68b4d34d}
.layer-tag:first-child{left:5%;top:3%}.layer-tag:nth-child(2){left:48%;top:36%}.layer-tag:nth-child(3){left:17%;top:100%}
.story-bottom{position:absolute;left:var(--side);right:var(--side);bottom:17px;z-index:5}
.story-chapter-nav{display:flex;justify-content:flex-start;gap:2px;max-width:700px;margin-bottom:16px;margin-left:44%;border:1px solid #ffffff12;border-radius:5px;padding:4px;background:#09101d8c;backdrop-filter:blur(15px)}
.story-chapter-nav button{display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:3px;background:transparent;color:#607a96;font:10px var(--mono);min-height:44px;flex:1;padding:10px 11px;transition:background .2s,color .2s}
.story-chapter-nav button b{font:8px var(--mono);color:#516b87}
.story-chapter-nav button.is-active{color:#d9f4ff;background:#12304766}
.story-chapter-nav button.is-active b{color:#94deff}
.story-chapter-nav button:hover{color:#d9f4ff;background:#162c4155}
.story-scroll-rail{display:flex;align-items:center;gap:22px;border-top:1px solid #ffffff12;padding-top:17px}
.scroll-direction{font:8px var(--mono);letter-spacing:.12em;color:#91a7be;white-space:nowrap;display:flex;gap:13px;align-items:center}
.scroll-direction i{font:21px var(--display);font-style:normal;color:#9edcf5;line-height:1}
.story-progress-label{display:flex;align-items:center;flex:1;min-width:0;position:relative}
.story-progress-label input{width:100%;height:18px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:ew-resize;padding:0;border:0}
.story-progress-label input::-webkit-slider-runnable-track{height:1px;background:linear-gradient(90deg,#8de5ff 0%,#a6a1ff calc(var(--story-p)*100%),#29435b calc(var(--story-p)*100%),#29435b 100%)}
.story-progress-label input::-moz-range-track{height:1px;background:#29435b}
.story-progress-label input::-moz-range-progress{background:#a4eaff;height:1px}
.story-progress-label input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:7px;height:7px;border-radius:50%;background:#c2f1ff;border:1px solid #f0fbff;margin-top:-3px;box-shadow:0 0 13px #68caff66}
.story-progress-label input::-moz-range-thumb{width:7px;height:7px;border:1px solid #f0fbff;border-radius:50%;background:#c2f1ff}
.story-percent{font:9px var(--mono);color:#91a9c0;min-width:30px;text-align:right}
.story-motion{border:0;background:transparent;font:8px var(--mono);color:#7791ac;padding:9px 0 9px 7px;white-space:nowrap}
.story-motion[aria-pressed=true]{color:#a9e7ff}
.story-disclaimer{font:7px/1.6 var(--mono);color:#516881;letter-spacing:.015em;text-align:right;margin-top:9px}
.story-code-window{position:absolute;left:47%;width:47%;top:18%;background:#0b1322eb;border:1px solid #435e855c;border-radius:9px;box-shadow:0 35px 120px #0008,0 0 70px #526bff0b;transform:perspective(1400px) translate3d(0,calc((1 - var(--code-opacity))*80px),0) rotateY(calc((1 - var(--code-opacity))*-12deg));opacity:var(--code-opacity);pointer-events:none;z-index:2;backdrop-filter:blur(24px);overflow:hidden}
.story-window-top{display:flex;align-items:center;gap:15px;font:10px var(--mono);color:#9db2cf;padding:18px 20px;border-bottom:1px solid #ffffff0b}
.story-window-dots{display:flex;gap:5px}.story-window-dots i{width:5px;height:5px;border-radius:50%;background:#57718a}.story-window-dots i:first-child{background:#d38f99}.story-window-dots i:nth-child(2){background:#9cab8a}.story-window-dots i:last-child{background:#8dc8c7}
.story-window-language{font-size:7px;letter-spacing:.1em;margin-left:auto;color:#5e7f9e}
.story-code-tabs{display:flex;font:9px var(--mono);color:#5e7b99;border-bottom:1px solid #ffffff08;padding:0 20px;gap:24px}
.story-code-tabs>span{padding:12px 0}.story-code-tabs>span:first-child{color:#b7dded;border-bottom:1px solid #83daf5}.story-code-tabs .code-branch{margin-left:auto;font-size:8px}
.story-code-body{padding:23px 18px 24px 14px;font:11px/2.1 var(--mono);white-space:pre;min-height:330px;overflow:hidden;color:#d4e2f4}
.story-code-line{display:block;position:relative;opacity:.13;transform:translateX(7px);transition:opacity .12s,transform .12s}
.story-code-line.is-written{opacity:1;transform:translateX(0)}
.story-code-line.is-current:after{content:'';display:inline-block;width:5px;height:13px;vertical-align:middle;background:#a0e5ff;box-shadow:0 0 8px #66cbff;margin-left:4px}
.story-code-line .code-number{display:inline-block;width:31px;color:#425f80;user-select:none;text-align:right;padding-right:13px;font-size:9px}
.story-code-line .syntax-k{color:#bd9eea}.story-code-line .syntax-f{color:#95d9f1}.story-code-line .syntax-s{color:#b9d997}.story-code-line .syntax-c{color:#526c87}
.story-code-bottom{font:8px var(--mono);padding:13px 20px;background:#0e1c30;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#6d8eac}
.story-code-bottom>span:first-child{display:flex;gap:7px;align-items:center}.story-code-bottom i{width:4px;height:4px;border-radius:50%;background:#7fd8bb}
.story-ai-dialogue{position:absolute;right:var(--side);top:14%;width:360px;background:#101e30bd;border:1px solid #779bca40;border-radius:8px;backdrop-filter:blur(24px);box-shadow:0 20px 70px #0004;opacity:var(--ai-opacity);transform:translateY(calc((1 - var(--ai-opacity))*35px));pointer-events:none;z-index:3}
.story-ai-dialogue.is-interactive{pointer-events:auto}
.ai-dialogue-header{display:flex;align-items:center;gap:12px;border-bottom:1px solid #8bb1d31c;padding:15px 18px}
.ai-avatar{color:#9cdef2;width:36px;height:36px;border:1px solid #80bee055;display:block;flex-shrink:0;background:#16304870;border-radius:50%;padding:3px;box-shadow:0 0 24px #72bbdc18}
.ai-avatar svg{width:100%;height:100%}
.ai-dialogue-header strong{display:block;font:8px var(--mono);letter-spacing:.12em;color:#b9dcf5}.ai-dialogue-header small{font:8px var(--body);color:#6486a4;display:block;margin-top:4px}
.ai-voice{margin-left:auto;display:flex;align-items:center;gap:3px;height:20px}
.ai-voice i{width:2px;height:10px;background:#91d9ed;box-shadow:0 0 7px #90cdee77;transform:scaleY(var(--voice-wave,1))}.ai-voice i:nth-child(2),.ai-voice i:nth-child(4){height:16px;transform:scaleY(calc(1.2 - var(--voice-wave,.7)*.5))}.ai-voice i:nth-child(3){height:21px}
.ai-prompt{font:12px/1.9 var(--body);color:#d2e7f8;padding:18px 20px;min-height:100px}
.typing-caret{display:inline-block;width:2px;height:12px;background:#a9ecff;margin-left:4px;vertical-align:middle}
.ai-reply{display:flex;gap:10px;border-top:1px solid #89b9d01c;margin:0 18px;padding:15px 0;font:9px/1.8 var(--mono);color:#83a7c4;min-height:60px}
.reply-spark{font:19px var(--display);color:#b9a5ff;line-height:1.3}
.story-speak{margin:0 18px 14px;background:transparent;border:0;color:#779bb8;padding:5px 0;font:8px var(--mono);display:flex;align-items:center;gap:8px}
.story-speak:hover{color:#c6f0ff}
.story-project-hud{position:absolute;right:var(--side);bottom:180px;width:235px;border:1px solid #6b9abb36;border-radius:5px;background:#0b1a2bc9;backdrop-filter:blur(20px);opacity:var(--project-opacity);transform:translateY(calc((1 - var(--project-opacity))*18px));pointer-events:none;z-index:3}
.project-hud-title{display:flex;justify-content:space-between;gap:6px;padding:12px 13px;border-bottom:1px solid #87c9df20;font:6px var(--mono);letter-spacing:.05em;color:#a3c9dd}
.project-hud-title>span:first-child{display:flex;gap:6px;align-items:center}.project-hud-title i{width:3px;height:3px;background:#8dd8c1;box-shadow:0 0 6px #8dd8c1;border-radius:50%}
.project-build-steps{list-style:none;margin:0;padding:10px 13px}
.project-build-steps li{font:8px var(--mono);color:#496b8a;display:flex;align-items:center;gap:10px;padding:7px 0;transition:color .2s}
.project-build-steps li>span{font-size:6px;color:#425e7c}.project-build-steps li i{font-style:normal;margin-left:auto;font-size:8px}
.project-build-steps li.is-complete{color:#b4dcea}.project-build-steps li.is-complete i{color:#9beacb}.project-build-steps li.is-building{color:#d7ecff}
.project-hud-footer{display:flex;justify-content:space-between;padding:10px 13px;border-top:1px solid #87c9df20;font:6px var(--mono);color:#547b9d}
.story-fallback{position:absolute;left:44%;right:1%;top:20%;bottom:20%;opacity:var(--graph-opacity);perspective:1000px;transform:rotateY(-8deg) rotateX(5deg);pointer-events:none;transition:opacity .3s;z-index:-1}
.fallback-node{position:absolute;left:var(--nx);top:var(--ny);width:20%;padding:12px 10px;background:linear-gradient(120deg,#182c43ed,#14223cd6);border:1px solid #79c7ee55;border-radius:5px;box-shadow:0 12px 35px #0006,inset 0 1px 0 #c7f4ff15;transform:translate3d(calc(var(--explode)*var(--nz)*2px),calc(var(--explode)*(var(--nz) - 2)*-10px),calc(var(--explode)*(var(--nz) - 2)*35px));min-height:105px}
.fallback-node:after{content:'';position:absolute;inset:0;border:1px solid #9284dc44;border-radius:inherit;transform:translateZ(calc(var(--explode)*35px));background:#608ff20a}
.fallback-node>span{font:5px var(--mono);letter-spacing:.05em;color:#5987a8;display:block;margin-bottom:10px}.fallback-node strong{font:8px/1.5 var(--mono);color:#c6e7f5;display:block;margin-bottom:11px}.fallback-node small{display:flex;justify-content:space-between;font:6px var(--mono);color:#789dba}.fallback-node small i{font-style:normal;color:#96e8ff}
.fallback-wires{position:absolute;inset:0}.fallback-wires svg{width:100%;height:100%;overflow:visible}
.story-model-fallback{position:absolute;left:49%;right:10%;top:19%;bottom:14%;opacity:var(--project-opacity);pointer-events:none;filter:drop-shadow(0 0 40px #52bdff33);z-index:-1}
.story-model-fallback svg{width:100%;height:100%}
.story-stage.is-webgl .story-fallback,.story-stage.is-webgl .story-model-fallback{display:none}
.story-shell.is-still{height:auto}.story-shell.is-still .story-stage{position:relative;top:0}
.future-intro{background:#090e18;color:#edf4ff;padding-block:100px;border-top:1px solid #ffffff0d}
.future-intro .eyebrow{color:#7c94b0}.future-intro .eyebrow:before{background:#a4dcf4}
.future-intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:95px;align-items:start}.future-intro-grid h2{font-size:clamp(37px,4.2vw,62px);letter-spacing:-.05em}.future-intro-grid h2 span{color:#8cc6dd}
.future-intro-grid .lead{font-size:16px;max-width:460px;color:#8da1bb}.future-intro-grid .lead+.lead{margin-top:20px}.future-intro-grid .text-link{margin-top:24px;border-color:#3b546f;color:#cceafb;gap:35px}
.future-path{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:55px;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18}
.future-path>a{display:grid;grid-template-columns:1fr auto;gap:15px;padding:25px 30px;border-right:1px solid #ffffff18}
.future-path>a:first-child{padding-left:0}.future-path>a:last-child{border:0}
.future-path>a>span{font:8px var(--mono);letter-spacing:.08em;color:#5a789a;grid-column:1/-1}
.future-path>a>strong{font:400 19px var(--display);color:#c5d9ed}.future-path>a>i{font-style:normal;color:#89c8e6}.future-path>a:hover>strong{color:#fff}
.future-courses{background:#eef0ed}.future-choose{display:inline-flex;gap:20px;background:transparent;color:var(--ink);border:0;border-bottom:1px solid #bcc6bd;font:600 13px var(--body);padding:9px 0;white-space:nowrap}
.future-choose:hover{color:#447b91}.story-inside .mobile-cta{transform:translateY(120%)}
@media(min-width:1650px){.story-copy{top:21%;max-width:680px}.story-copy h1,.story-copy h2{font-size:110px}.story-code-window{top:20%;max-width:800px}.story-code-body{font-size:14px;min-height:370px;line-height:2.1}.story-ai-dialogue{width:420px;top:16%}.ai-prompt{font-size:14px}.ai-reply{font-size:11px}.story-project-hud{bottom:205px;width:265px}}
@media(max-width:1200px){.story-copy{top:20%;width:42%}.story-copy h1,.story-copy h2{font-size:clamp(56px,6.5vw,79px)}.story-copy[data-story-copy="3"] h2{font-size:clamp(47px,5.7vw,67px)}.story-kicker{font-size:8px;margin-bottom:21px}.story-description{font-size:14px}.story-actions{gap:18px}.story-primary{font-size:11px;padding:14px 17px;gap:22px}.story-link{font-size:10px}.story-stage{min-height:610px}.story-code-window{left:47%;width:49%;top:23%}.story-code-body{font-size:9px;min-height:290px;line-height:2.2;padding-left:10px}.story-code-line .code-number{font-size:7px;width:25px;padding-right:9px}.story-window-language{display:none}.story-window-top{font-size:9px;padding:15px}.story-code-tabs{padding-inline:15px;font-size:8px}.story-code-bottom{font-size:7px;padding:12px 15px}.story-ai-dialogue{width:320px;top:13%}.ai-prompt{font-size:11px;min-height:90px;padding:16px 18px}.ai-dialogue-header{padding:12px 15px}.story-project-hud{width:210px;right:3%;bottom:170px}.story-chapter-nav{margin-left:40%}.story-chapter-nav button{font-size:8px;padding:10px 7px}.story-chapter-nav button b{font-size:7px}.story-topline{font-size:7px}.story-topline a{font-size:9px}.story-viewport-label{font-size:7px;top:100px}.future-intro-grid{gap:50px}.future-path>a{padding:23px 20px}.future-path>a>strong{font-size:17px}}
@media(max-width:1000px){.story-copy h1,.story-copy h2{font-size:63px}.story-copy[data-story-copy="3"] h2{font-size:53px}.story-copy{top:19%}.story-stage{min-height:620px}.story-description{font-size:13px}.story-actions{gap:15px}.story-primary{font-size:10px;gap:18px;padding:13px 15px}.story-link{font-size:9px}.story-code-window{top:27%}.story-code-body{font-size:8px;min-height:270px}.story-code-line .code-number{width:23px}.story-ai-dialogue{width:270px;top:12%}.ai-dialogue-header small{font-size:7px}.ai-prompt{font-size:10px}.ai-reply{font-size:8px}.story-project-hud{width:190px;bottom:160px}.project-build-steps{padding:7px 10px}.project-build-steps li{font-size:7px;padding:6px 0}.project-hud-title{font-size:5px;padding:10px}.story-scroll-rail{gap:15px}.scroll-direction{font-size:7px;gap:10px}.story-motion{font-size:7px}.story-chapter-nav{margin-left:35%}.story-chapter-nav button{gap:6px}.story-disclaimer{font-size:6px}}
@media(max-width:800px){body[data-page=index]{--header-h:76px}body[data-page=index] .site-header .nav{top:var(--header-h);background:#0b111d;border-color:#26384c}body[data-page=index] .site-header .resource-list{background:#101c2d}.story-shell{height:610svh}.story-stage{min-height:0;--side:5.5vw}.story-topline{top:19px;font-size:7px;letter-spacing:.06em}.story-topline a{font-size:8px}.story-copy{top:12%;width:69%;max-width:490px}.story-copy h1,.story-copy h2{font-size:clamp(51px,7.9vw,69px);line-height:.99}.story-copy[data-story-copy="3"] h2{font-size:clamp(45px,7.2vw,62px)}.story-kicker{font-size:8px;margin-bottom:17px}.story-description{font-size:12px;line-height:1.8;margin-top:17px;max-width:340px}.story-actions{margin-top:20px;gap:19px}.story-primary{min-height:43px;padding:11px 14px;font-size:10px}.story-primary span{font-size:17px}.story-link{font-size:9px;min-height:38px}.story-micro{font-size:7px;margin-top:18px}.story-vignette{background:linear-gradient(180deg,#070b14c9 0%,#070b14b5 26%,#070b1400 57%,#070b1400 80%,#070b14ff 100%)}.story-viewport-label{left:5.5%;right:5.5%;top:55%;font-size:6px;opacity:calc(var(--graph-opacity)*.6)}.story-layer-tags{left:10%;top:58%;height:20%;width:80%}.layer-tag{font-size:6px;padding:5px 7px}.story-code-window{left:29%;width:65%;top:44%;border-radius:6px}.story-window-top{font-size:8px;padding:12px}.story-window-dots{gap:4px}.story-window-dots i{width:4px;height:4px}.story-code-tabs{font-size:7px;padding-inline:12px;gap:18px}.story-code-tabs>span{padding:9px 0}.story-code-tabs .code-branch{font-size:6px}.story-code-body{font-size:8px;line-height:1.95;min-height:236px;padding:14px 12px 15px 6px}.story-code-line .code-number{width:24px;font-size:6px}.story-code-bottom{font-size:6px;padding:10px 12px}.story-code-line.is-current:after{height:9px;width:3px}.story-ai-dialogue{top:45%;right:5.5%;width:270px}.ai-dialogue-header{padding:11px 13px}.ai-avatar{width:28px;height:28px}.ai-dialogue-header strong{font-size:7px}.ai-prompt{padding:12px 14px;font-size:10px;min-height:74px}.ai-reply{margin-inline:13px;padding:10px 0;font-size:7px;min-height:46px}.story-speak{margin:0 13px 9px;font-size:7px}.ai-voice{gap:2px}.ai-voice i{width:1px}.story-ai-dialogue.is-project{top:46%;width:235px;right:5.5%}.story-ai-dialogue.is-project .ai-prompt{font-size:9px;min-height:54px}.story-ai-dialogue.is-project .ai-reply,.story-ai-dialogue.is-project .story-speak{display:none}.story-project-hud{left:5.5%;right:auto;bottom:161px;width:171px}.project-hud-title{font-size:5px}.project-hud-title>span:last-child{display:none}.project-build-steps li{font-size:6px;padding:5px 0}.project-build-steps li>span{font-size:5px}.project-hud-footer{font-size:5px;padding:8px 10px}.story-bottom{bottom:15px}.story-chapter-nav{margin:0 0 14px;max-width:100%;padding:3px;justify-content:space-between}.story-chapter-nav button{min-height:43px;font-size:9px;padding:8px 10px;gap:8px}.story-chapter-nav button b{font-size:7px}.story-scroll-rail{gap:15px;padding-top:11px}.scroll-direction{font-size:6px;gap:8px}.scroll-direction i{font-size:16px}.story-percent{font-size:8px;min-width:28px}.story-motion{font-size:6px;padding:9px 0}.story-disclaimer{font-size:5.5px;text-align:left;line-height:1.7;margin-top:7px}.story-fallback{left:0;right:5%;top:46%;bottom:18%}.fallback-node{min-height:65px;padding:8px 7px}.fallback-node>span{font-size:4px;margin-bottom:7px}.fallback-node strong{font-size:6px;margin-bottom:7px}.fallback-node small{font-size:5px}.story-model-fallback{left:26%;right:4%;top:43%;bottom:15%}.future-intro{padding-block:68px}.future-intro-grid{grid-template-columns:1fr;gap:27px}.future-intro-grid h2{font-size:45px}.future-intro-grid .lead{font-size:15px;max-width:600px}.future-path{margin-top:35px}.future-path>a{padding:22px 16px}.future-path>a>span{font-size:6px;line-height:1.8}.future-path>a>strong{font-size:15px}.future-path>a>i{font-size:13px}}
@media(max-width:520px){.story-shell{height:610svh}.story-stage{height:calc(100svh - var(--header-h));min-height:0;--side:6vw}.story-topline{top:15px;font-size:5.5px;letter-spacing:.045em;gap:8px}.story-topline>span{gap:6px}.story-topline i{width:3px;height:3px}.story-topline a{font-size:7px;gap:6px}.story-copy{top:10%;width:88%;max-width:none}.story-kicker{font-size:6px;letter-spacing:.13em;margin-bottom:15px;gap:8px}.story-kicker:before{width:15px}.story-copy h1,.story-copy h2{font-size:clamp(43px,11.3vw,62px);line-height:.98;letter-spacing:-.065em}.story-copy[data-story-copy="3"] h2{font-size:clamp(39px,9.8vw,53px)}.story-description{font-size:10px;line-height:1.75;margin-top:14px;max-width:280px}.story-actions{margin-top:17px;gap:19px}.story-primary{font-size:9px;padding:11px 13px;min-height:42px;gap:24px}.story-link{font-size:8px;padding:8px 0;min-height:36px}.story-copy>.story-link{margin-top:16px}.story-micro{font-size:5.5px;letter-spacing:.1em;margin-top:15px}.story-viewport-label{top:53%;left:6%;right:6%;font-size:5px}.story-copy[data-story-copy="0"] .story-description{margin-top:13px}.story-fallback{left:-4%;right:2%;top:51%;bottom:17%}.fallback-node{min-height:60px;padding:7px 5px}.fallback-node>span{font-size:3.5px;margin-bottom:6px}.fallback-node strong{font-size:5px;line-height:1.55;margin-bottom:5px}.fallback-node small{font-size:4px}.story-layer-tags{top:56%;height:20%;left:8%;width:82%}.layer-tag{font-size:4.5px;padding:4px 5px}.layer-tag:before{width:12px;left:-12px}.layer-tag:nth-child(3){left:19%;top:84%}.story-code-window{left:13%;width:81%;top:47%}.story-window-top{font-size:7px;padding:10px 12px;gap:10px}.story-window-dots i{width:3px;height:3px}.story-code-tabs{font-size:6px;padding-inline:12px;gap:19px}.story-code-tabs>span{padding:8px 0}.story-code-tabs .code-branch{font-size:5px}.story-code-body{font-size:6px;line-height:1.95;min-height:169px;padding:10px 8px 11px 5px}.story-code-line .code-number{font-size:5px;width:22px;padding-right:8px}.story-code-bottom{font-size:5px;padding:8px 11px}.story-code-line.is-current:after{width:2px;height:8px}.story-ai-dialogue{right:6%;top:45%;width:65%;border-radius:6px}.ai-dialogue-header{padding:10px 12px;gap:9px}.ai-avatar{width:25px;height:25px}.ai-dialogue-header strong{font-size:6px}.ai-dialogue-header small{font-size:6px;margin-top:3px}.ai-prompt{font-size:8px;line-height:1.8;min-height:68px;padding:11px 12px}.ai-reply{font-size:6px;padding:9px 0;min-height:40px;gap:7px;margin-inline:12px}.reply-spark{font-size:15px}.story-speak{font-size:5.5px;margin:0 12px 8px}.story-ai-dialogue.is-project{top:44%;right:6%;width:56%}.story-ai-dialogue.is-project .ai-prompt{font-size:7px;padding:9px 11px;min-height:51px}.story-ai-dialogue.is-project .ai-dialogue-header small{display:none}.story-project-hud{width:138px;left:6%;bottom:148px;border-radius:4px}.project-hud-title{font-size:4px;padding:8px}.project-build-steps{padding:5px 8px}.project-build-steps li{font-size:5px;padding:4px 0;gap:7px}.project-build-steps li>span{font-size:4px}.project-build-steps li i{font-size:6px}.project-hud-footer{font-size:4px;padding:7px 8px}.story-bottom{left:6%;right:6%;bottom:13px}.story-chapter-nav{margin-bottom:11px;border-radius:4px;padding:3px;gap:1px}.story-chapter-nav button{min-height:42px;font-size:7px;gap:5px;padding:8px 5px}.story-chapter-nav button b{font-size:5.5px}.story-scroll-rail{gap:10px;padding-top:9px}.scroll-direction{font-size:4.5px;gap:6px;letter-spacing:.08em}.scroll-direction i{font-size:14px}.story-motion{font-size:5px;padding:8px 0}.story-percent{font-size:6px;min-width:24px}.story-disclaimer{font-size:4.5px;margin-top:5px;letter-spacing:0}.story-model-fallback{top:43%;left:18%;right:0;bottom:17%}.future-intro{padding-block:52px}.future-intro-grid{gap:25px}.future-intro-grid h2{font-size:36px}.future-intro-grid .lead{font-size:14px}.future-intro-grid .text-link{font-size:12px;margin-top:20px}.future-path{grid-template-columns:1fr;gap:0;margin-top:32px;border-bottom:0}.future-path>a,.future-path>a:first-child{padding:22px 0;border-right:0;border-bottom:1px solid #ffffff18;gap:10px}.future-path>a:last-child{border-bottom:1px solid #ffffff18}.future-path>a>span{font-size:7px}.future-path>a>strong{font-size:21px}.future-path>a>i{font-size:18px}.future-choose{font-size:12px;margin-top:15px}}
@media(max-height:750px) and (min-width:801px){.story-stage{min-height:560px}.story-copy{top:17%}.story-copy h1,.story-copy h2{font-size:68px}.story-copy[data-story-copy="3"] h2{font-size:59px}.story-kicker{margin-bottom:18px}.story-description{font-size:13px;margin-top:20px}.story-actions{margin-top:21px}.story-code-window{top:19%}.story-code-body{min-height:260px;font-size:9px;line-height:2}.story-ai-dialogue{top:12%;width:290px}.story-project-hud{bottom:153px}.story-viewport-label{top:80px}}
@media(max-height:680px) and (max-width:800px){.story-stage{min-height:530px}.story-copy{top:10%}.story-copy h1,.story-copy h2{font-size:43px}.story-copy[data-story-copy="3"] h2{font-size:39px}.story-kicker{margin-bottom:11px}.story-description{font-size:9px;margin-top:11px}.story-actions{margin-top:13px}.story-primary{padding:9px 12px;min-height:38px;font-size:8px}.story-code-window{top:45%}.story-code-body{min-height:149px;font-size:5.5px;line-height:1.8}.story-code-tabs>span{padding:6px 0}.story-window-top{padding:8px 10px}.story-project-hud{bottom:137px}.story-ai-dialogue{top:43%}.story-ai-dialogue.is-project{top:43%}.story-bottom{bottom:8px}.story-chapter-nav{margin-bottom:8px}.story-chapter-nav button{min-height:39px}.story-viewport-label{top:55%}}
@media(prefers-reduced-motion:reduce){.story-shell{height:auto}.story-stage{position:relative;top:0}.story-primary:hover{transform:none}.story-code-line{transition:none}.story-voice i{transform:none}}
@media print{.story-shell{height:auto;background:#fff;color:#000}.story-stage{height:auto;min-height:0;position:relative;top:0}.story-render,.story-fallback,.story-vignette,.story-atmosphere,.story-bottom,.story-ai-dialogue,.story-project-hud,.story-code-window,.story-topline,.story-layer-tags,.story-viewport-label{display:none}.story-copy{position:relative;top:auto;left:auto;width:100%;opacity:1!important;transform:none!important}.story-copy h1,.story-copy h2{color:#000;font-size:38pt}.story-copy h1>span,.story-copy h2>span{background:none;-webkit-text-fill-color:#000}.story-copy[data-story-copy]:not([data-story-copy="0"]){display:none}.story-description{color:#333}.future-intro{background:#fff;color:#000}.future-intro h2,.future-intro .lead{color:#000}}
@media(max-width:800px){.story-copy[data-story-copy="2"]>.story-link{display:none}}
@media(max-width:520px) and (min-height:681px){.story-description{font-size:12px}.story-copy[data-story-copy="0"] .story-description{font-size:11px}.story-copy[data-story-copy="4"] h2{font-size:clamp(40px,10.5vw,56px)}}

body[data-page=index] .site-header .resource-list a small{color:#829bb3}