:root{--black:#05090e;--black2:#0a1118;--slate:#111d26;--white:#f1f4f1;--muted:#9caab0;--heat:#f17742;--heat2:#ffab6b;--ice:#c3f4f5;--line:rgba(207,230,231,.18);font-family:"Be Vietnam Pro",system-ui,sans-serif;color:var(--white);background:var(--black);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--black)}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--heat2);outline-offset:5px}::selection{background:var(--heat);color:#05090e}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.boot{position:fixed;z-index:1000;inset:0;background:#05090e;display:flex;align-items:center;justify-content:center;gap:22px;color:var(--ice);font:600 .72rem "IBM Plex Mono",monospace;letter-spacing:.16em;pointer-events:none;animation:bootOut .6s 1.1s forwards}.boot i{width:70px;height:1px;background:var(--heat);transform-origin:left;animation:bootLine .9s ease forwards}@keyframes bootLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes bootOut{to{opacity:0;visibility:hidden}}
body.is-jumping:after{content:"";position:fixed;z-index:999;inset:0;background:var(--heat);pointer-events:none;animation:chapterWipe .9s cubic-bezier(.76,0,.24,1) both}@keyframes chapterWipe{0%{transform:translateY(101%)}48%{transform:translateY(0)}52%{transform:translateY(0)}100%{transform:translateY(-101%)}}
.page-progress{position:fixed;z-index:101;top:0;left:0;right:0;height:2px;background:rgba(255,255,255,.09)}.page-progress span{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--heat),var(--ice))}
.site-header{height:74px;padding:0 clamp(20px,4.5vw,76px);position:fixed;z-index:100;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(180deg,rgba(4,8,12,.95),rgba(4,8,12,.75));border-bottom:1px solid rgba(203,228,229,.09);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;font-size:.85rem;font-weight:900;letter-spacing:.13em;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--heat);font-size:1.2rem;line-height:1;color:var(--heat);font-weight:800;letter-spacing:-.12em}.brand-mark span{color:var(--ice)}.brand-suffix{font-weight:500;color:#8e9ea6;letter-spacing:.06em}.chapter-status,.header-action{font:500 .67rem "IBM Plex Mono",monospace;letter-spacing:.11em;color:#d6e6e9}.chapter-status{display:flex;align-items:center;gap:12px}.status-pulse{height:6px;width:6px;border-radius:50%;background:var(--heat);box-shadow:0 0 12px var(--heat);animation:pulse 2s infinite}.header-action{border-bottom:1px solid var(--heat);padding-bottom:6px;transition:color .3s}.header-action:hover{color:var(--heat)}@keyframes pulse{50%{opacity:.3;box-shadow:0 0 0 var(--heat)}}
.scene{position:relative;isolation:isolate;overflow:hidden}.scene-shell{width:min(100% - clamp(40px,9vw,150px),1480px);margin:auto;position:relative;z-index:2}.kicker{font:600 clamp(.65rem,.82vw,.78rem) "IBM Plex Mono",monospace;letter-spacing:.17em;color:var(--heat);line-height:1.6}.display{font-size:clamp(3.2rem,6.4vw,8.5rem);font-weight:900;line-height:1.03;letter-spacing:-.085em;margin:0}.heat{color:var(--heat)}.outline{color:transparent;-webkit-text-stroke:1px currentColor;--outline-color:rgba(237,245,244,.65);-webkit-text-stroke-color:var(--outline-color)}.reveal{opacity:0;transform:translateY(54px);filter:blur(8px);transition:opacity .75s ease,transform .9s cubic-bezier(.18,.65,.22,1),filter .9s ease}.reveal.in-view{opacity:1;transform:none;filter:none}.reveal:nth-child(2){transition-delay:.1s}.reveal:nth-child(3){transition-delay:.18s}
.hero{height:100svh;min-height:650px;background:radial-gradient(circle at 77% 37%,rgba(54,92,114,.22),transparent 30%),linear-gradient(130deg,#05090e 26%,#09141e);display:flex;align-items:center}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,transparent 49.95%,rgba(173,214,221,.045) 50%),linear-gradient(transparent 49.95%,rgba(173,214,221,.045) 50%);background-size:78px 78px;mask-image:linear-gradient(90deg,transparent 12%,#000 65%)}.hero-noise{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.012) 4px);opacity:.5;pointer-events:none}.hero-radar{width:min(65vw,900px);aspect-ratio:1;position:absolute;right:-16%;top:50%;transform:translateY(-50%);border:1px solid rgba(178,230,236,.12);border-radius:50%;box-shadow:0 0 0 110px rgba(195,244,245,.015),0 0 0 220px rgba(195,244,245,.012)}.hero-radar:before{content:"";position:absolute;inset:15%;border:1px solid rgba(178,230,236,.13);border-radius:50%}.hero-radar:after{content:"";position:absolute;inset:30%;border:1px solid rgba(178,230,236,.14);border-radius:50%}.hero-radar span{position:absolute;height:1px;width:50%;left:50%;top:50%;transform-origin:left;background:linear-gradient(90deg,var(--heat),transparent);animation:radar 14s linear infinite}.hero-radar span:nth-child(2){animation-delay:-4.6s;opacity:.5}.hero-radar span:nth-child(3){animation-delay:-9.2s;opacity:.25}@keyframes radar{to{transform:rotate(360deg)}}.hero-shell{padding-top:70px}.hero .kicker{display:flex;justify-content:space-between;width:min(100%,1080px);margin:0 0 clamp(28px,6vh,70px)}.hero-title{font-size:clamp(4.4rem,10.8vw,11.5rem);line-height:.98;letter-spacing:-.09em;font-weight:900;margin:0;max-width:1300px}.mask-line{display:block;overflow:hidden;padding-bottom:.09em;margin-bottom:-.09em}.mask-line>span{display:block;transform:translateY(105%);animation:rise .9s cubic-bezier(.2,.75,.2,1) forwards}.mask-line:nth-child(1)>span{animation-delay:1.05s}.mask-line:nth-child(2)>span{animation-delay:1.18s}.mask-line:nth-child(3)>span{animation-delay:1.31s}.mask-line.accent{color:var(--heat)}.title-period{color:var(--ice)}@keyframes rise{to{transform:none}}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-top:clamp(38px,5.5vh,65px);width:min(100%,1080px)}.hero-bottom p{font-size:clamp(.95rem,1.15vw,1.15rem);font-weight:500;color:#c7d4d6;line-height:1.8;margin:0}.scroll-link{font:600 .71rem "IBM Plex Mono",monospace;letter-spacing:.13em;color:var(--ice);padding:16px 0;border-bottom:1px solid var(--ice);white-space:nowrap}.scroll-link span{font-size:1.3rem;margin-left:24px}.hero-index{position:absolute;right:4.5vw;bottom:4vh;font:500 .7rem "IBM Plex Mono",monospace;letter-spacing:.16em;color:#667781}
.old-new{display:grid;grid-template-columns:1fr 1fr;min-height:100svh}.old-panel,.new-panel{position:relative;display:flex;align-items:center;min-width:0;padding:110px clamp(28px,6vw,110px)}.old-panel{background:#181e20}.old-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(150deg,rgba(255,255,255,.035),transparent 45%),repeating-linear-gradient(90deg,transparent 0 89px,rgba(255,255,255,.035) 90px)}.old-panel:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 20%,rgba(216,224,224,.06),transparent 40%)}.panel-grain{position:absolute;inset:0;opacity:.24;background:repeating-linear-gradient(110deg,transparent 0 9px,rgba(255,255,255,.026) 10px 11px)}.panel-inner{position:relative;z-index:2;width:100%}.old-panel .kicker{color:#afbab8}.old-panel .display,.new-panel .display{font-size:clamp(3.1rem,5.4vw,7rem)}.old-panel .outline{--outline-color:#788180}.fragment-list{display:flex;gap:clamp(10px,1.5vw,25px);flex-wrap:wrap;margin-top:75px;color:#73807f;font:500 .68rem "IBM Plex Mono",monospace;letter-spacing:.12em}.fragment-list span{border:1px solid #495252;padding:8px 10px;transform:rotate(-2deg)}.fragment-list span:nth-child(even){transform:rotate(3deg) translateY(14px)}.new-panel{background:radial-gradient(circle at 65% 55%,rgba(241,119,66,.16),transparent 35%),#0a141b}.new-panel .display{white-space:nowrap}.panel-note{font-size:clamp(1rem,1.25vw,1.22rem);line-height:1.75;color:#c3d1d1;max-width:410px;margin:70px 0 0}.new-line{position:absolute;right:0;top:0;bottom:0;width:1px;background:var(--heat);box-shadow:0 0 30px var(--heat)}.split-seam{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;width:76px;height:76px;background:var(--heat);color:var(--black);display:grid;place-items:center;border-radius:50%;font-size:2rem;box-shadow:0 0 0 20px rgba(241,119,66,.1),0 0 80px rgba(241,119,66,.4)}
.question-hero{min-height:100svh;display:flex;align-items:center;background:#05090e}.question-hero:before,.question-hero:after{content:"";position:absolute;width:1px;height:100%;background:rgba(180,214,217,.08);top:0}.question-hero:before{left:15%}.question-hero:after{right:15%}.question-glow{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);width:65vw;height:50vh;background:radial-gradient(ellipse,rgba(241,119,66,.11),transparent 65%);filter:blur(35px)}.impact{font-size:clamp(3.4rem,7.7vw,10rem);line-height:1.06;letter-spacing:-.08em;font-weight:900;margin:35px 0 0}.impact>span{display:block}.impact-answer{margin-top:clamp(45px,8vh,95px);color:var(--ice)}.corner-id{position:absolute;bottom:45px;right:5vw;font:500 .7rem "IBM Plex Mono",monospace;letter-spacing:.1em;color:#64777c}
.agent-work{min-height:100svh;background:linear-gradient(140deg,#0d1a22 15%,#05090e 70%);display:flex;align-items:center;padding:120px 0}.agent-work:before{content:"";position:absolute;left:0;right:0;top:55%;height:1px;background:linear-gradient(90deg,transparent,rgba(241,119,66,.35),transparent)}.agent-work .display{position:relative;z-index:2;font-size:clamp(3.2rem,6.3vw,8rem)}.agent-work .outline{--outline-color:rgba(226,244,245,.62)}.work-rail{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:15px;margin-top:clamp(55px,9vh,110px);padding-top:28px;border-top:1px solid rgba(196,228,230,.24)}.work-rail span{font:500 clamp(.6rem,.76vw,.77rem) "IBM Plex Mono",monospace;color:#779096;letter-spacing:.05em;transition:color .3s,transform .3s}.work-rail span:before{content:"";display:block;width:6px;height:6px;background:#64757b;border-radius:50%;position:absolute;top:-4px;transition:background .3s,box-shadow .3s}.work-rail span.active{color:var(--ice);transform:translateY(-5px)}.work-rail span.active:before{background:var(--heat);box-shadow:0 0 16px var(--heat)}.work-rail i{position:absolute;left:0;top:-2px;width:16.6%;height:2px;background:var(--heat);box-shadow:0 0 15px var(--heat);animation:workFlow 6s linear infinite}@keyframes workFlow{to{left:83.4%}}.work-note{color:#9aabb0;font-size:clamp(.96rem,1.1vw,1.14rem);margin-top:60px}.agent-watermark{position:absolute;right:-4vw;bottom:-9vw;font-weight:900;letter-spacing:-.1em;font-size:25vw;color:rgba(219,246,248,.025);pointer-events:none}
.sunvina-reveal{min-height:100svh;display:flex;align-items:center;padding:120px 0;background:#102332}.sunvina-reveal:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 40%,rgba(55,141,154,.17),transparent 35%),linear-gradient(90deg,transparent 0 69.9%,rgba(240,250,250,.05) 70%,transparent 70.1%)}.sunvina-reveal h2{font-size:clamp(3.8rem,8.4vw,11rem);line-height:1.05;letter-spacing:-.085em;margin:30px 0 0;font-weight:900}.sunvina-reveal h2 span{color:var(--heat)}.sunvina-bottom{margin-top:clamp(50px,9vh,100px);display:flex;gap:24px;max-width:640px}.sunvina-bottom p{font-size:clamp(1.02rem,1.28vw,1.23rem);line-height:1.75;margin:0;color:#c4d4d6}.vertical-rule{width:2px;flex:none;background:var(--heat);box-shadow:0 0 15px var(--heat)}.sunvina-beam{position:absolute;width:50vw;height:50vw;right:-30vw;top:50%;transform:translateY(-50%);border:1px solid rgba(200,242,245,.15);border-radius:50%;box-shadow:0 0 0 70px rgba(200,242,245,.025),0 0 0 140px rgba(200,242,245,.017)}
.infinity-scene{height:190svh;background:radial-gradient(circle at 50% 48%,rgba(20,49,57,.36),transparent 43%),#060d12}.infinity-sticky{position:sticky;top:0;height:100svh;min-height:700px}.infinity-sticky>.scene-shell{height:100%;padding:95px 0 28px;display:grid;grid-template-rows:auto minmax(300px,1fr) auto}.infinity-top{text-align:center}.infinity-top .kicker{margin:0 0 12px}.infinity-top h2{font-size:clamp(2.6rem,4.6vw,5.2rem);line-height:1.08;letter-spacing:-.075em;margin:0;font-weight:900}.infinity-visual{position:relative;min-height:0;height:100%;width:100%}.infinity-svg{width:100%;height:100%;overflow:visible}.loop-ghost{fill:none;stroke:rgba(168,226,229,.12);stroke-width:2}.loop-main{fill:none;stroke:url(#loopGradient);stroke-width:3;stroke-dasharray:4000;stroke-dashoffset:4000;filter:drop-shadow(0 0 6px rgba(241,119,66,.7));transition:stroke-dashoffset 3s cubic-bezier(.2,.55,.1,1)}.infinity-scene.active .loop-main{stroke-dashoffset:0}.loop-trail{fill:none;stroke:var(--ice);stroke-width:1.5;stroke-dasharray:3 23;opacity:.75;animation:loopMove 3s linear infinite}@keyframes loopMove{to{stroke-dashoffset:-52}}.loop-copy{position:absolute;top:48%;transform:translateY(-50%);width:28%;text-align:center;pointer-events:none}.loop-copy.sales{left:4%}.loop-copy.production{right:4%}.loop-copy span,.loop-copy small{display:block;font:500 clamp(.58rem,.7vw,.78rem) "IBM Plex Mono",monospace;letter-spacing:.08em;color:#8ca5aa}.loop-copy strong{display:block;font-size:clamp(1.45rem,2.65vw,3.2rem);letter-spacing:-.06em;line-height:1.15;margin:13px 0;color:#f5f8f5}.loop-copy small{line-height:1.5;max-width:230px;margin:auto}.core-node{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(118px,13vw,175px);height:clamp(118px,13vw,175px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle,#162d37,#08131a 72%);border:1px solid var(--heat);border-radius:50%;box-shadow:0 0 0 13px rgba(241,119,66,.08),0 0 0 29px rgba(241,119,66,.035),0 0 70px rgba(241,119,66,.5);animation:corePulse 3s ease-in-out infinite}@keyframes corePulse{50%{box-shadow:0 0 0 22px rgba(241,119,66,.05),0 0 0 38px rgba(241,119,66,.02),0 0 95px rgba(241,119,66,.67)}}.core-node span{font:600 clamp(.55rem,.67vw,.7rem) "IBM Plex Mono",monospace;color:var(--heat2);letter-spacing:.12em}.core-node strong{font-size:clamp(.9rem,1.5vw,1.5rem);letter-spacing:-.04em;line-height:1.25;margin-top:8px}.core-node i{width:24px;height:2px;background:var(--heat);margin-top:12px;box-shadow:0 0 14px var(--heat)}.core-bottom{text-align:center}.core-signals{display:flex;justify-content:center;gap:clamp(12px,3vw,50px);flex-wrap:wrap;font:500 clamp(.58rem,.7vw,.73rem) "IBM Plex Mono",monospace;letter-spacing:.13em;color:#819aa1}.core-signals span{transition:color .4s,text-shadow .4s}.infinity-scene.active .core-signals span{animation:signal 2.6s ease-in-out infinite}.core-signals span:nth-child(2){animation-delay:.3s!important}.core-signals span:nth-child(3){animation-delay:.6s!important}.core-signals span:nth-child(4){animation-delay:.9s!important}.core-signals span:nth-child(5){animation-delay:1.2s!important}@keyframes signal{50%{color:var(--heat2);text-shadow:0 0 16px var(--heat)}}.core-declaration{font-size:clamp(.9rem,1.25vw,1.18rem);letter-spacing:.02em;margin:18px 0 10px;color:#b7c9cc}.core-declaration strong{color:var(--ice)}.text-button{border:0;background:none;color:var(--heat);font:600 .68rem "IBM Plex Mono",monospace;letter-spacing:.13em;border-bottom:1px solid var(--heat);padding:8px 0}.text-button span{padding-left:18px}
.standard-scene{min-height:100svh;background:#171f22;display:flex;align-items:center;padding:120px 0}.standard-scene:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 139px,rgba(250,255,255,.032) 140px)}.standard-scene .outline{--outline-color:#a7aeac}.standard-scene .display{font-size:clamp(3.1rem,6.2vw,8.5rem)}.standard-intro{font-size:clamp(1rem,1.18vw,1.18rem);line-height:1.8;color:#c3c9c7;max-width:650px;margin:40px 0 0}.standard-chain{display:flex;align-items:center;gap:12px;margin-top:clamp(55px,10vh,110px);border-top:1px solid rgba(255,255,255,.17);padding-top:25px;flex-wrap:wrap}.standard-chain span,.standard-chain strong{font:600 clamp(.64rem,.77vw,.8rem) "IBM Plex Mono",monospace;letter-spacing:.08em;white-space:nowrap;color:#9fa9a8}.standard-chain strong{color:var(--heat)}.standard-chain i{height:1px;background:#687471;flex:1;min-width:10px;position:relative}.standard-chain i:after{content:"";position:absolute;right:0;top:-3px;border-left:5px solid #687471;border-top:3px solid transparent;border-bottom:3px solid transparent}
.human-shift{min-height:100svh;background:#e8ece7;color:#0b1418;display:flex;align-items:center;padding:130px 0}.human-shift .kicker{color:#bb4f22}.human-shift .outline{--outline-color:#677170}.human-shift .display{font-size:clamp(3.3rem,6.6vw,8.8rem)}.human-shift h3{font-size:clamp(2rem,4.25vw,5rem);line-height:1.16;letter-spacing:-.065em;margin:clamp(45px,6vh,75px) 0 0;font-weight:900}.human-shift h3 .heat{color:#cc5c2d}.role-sequence{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:clamp(50px,8vh,95px)}.role-sequence span{padding:18px 8px;border-top:2px solid #abb4b0;color:#6d7774;font:600 clamp(.58rem,.76vw,.8rem) "IBM Plex Mono",monospace;letter-spacing:.06em;white-space:nowrap;transition:border-color .4s,color .4s}.role-sequence span.active{border-color:#c95b2b;color:#0b1418}.role-definition{font-size:clamp(.96rem,1.1vw,1.1rem);line-height:1.75;color:#4d5c5b;max-width:650px;margin:28px 0 0}
.reflection{background:#030608}.reflection-item{height:100svh;min-height:580px;display:flex;align-items:center;border-top:1px solid rgba(202,234,236,.08)}.reflection-item .kicker{color:#778f95}.reflection-item p{font-size:clamp(2.75rem,6.2vw,8rem);line-height:1.14;letter-spacing:-.075em;font-weight:900;margin:35px 0 0;max-width:1250px}.reflection-item em{font-style:normal;color:var(--ice)}.reflection-item:nth-of-type(3) em{color:var(--heat)}.final-question{background:radial-gradient(circle at 50% 50%,rgba(61,99,105,.14),transparent 50%)}
.finale{min-height:100svh;display:flex;align-items:center;text-align:center;padding:120px 0 70px;background:radial-gradient(ellipse at 50% 85%,rgba(241,119,66,.2),transparent 45%),#05090e}.final-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(210,239,241,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(210,239,241,.05) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to top,#000,transparent 75%);transform:perspective(600px) rotateX(50deg) scale(1.5);transform-origin:bottom}.finale-shell{max-width:1200px}.finale h2{font-size:clamp(4.3rem,10vw,12rem);line-height:.98;letter-spacing:-.09em;margin:42px 0 20px;font-weight:900}.finale h2 span{color:var(--heat)}.final-english{font:600 clamp(.72rem,1.1vw,1.2rem) "IBM Plex Mono",monospace;letter-spacing:clamp(.15em,.5vw,.35em);color:var(--ice);margin:0}.final-divider{width:1px;height:clamp(45px,8vh,90px);background:linear-gradient(transparent,var(--heat));margin:clamp(30px,5vh,55px) auto}.final-message{color:#b8c7c9;font-size:clamp(.94rem,1.2vw,1.2rem);line-height:1.9;margin:0}.final-message strong{color:var(--white);font-weight:700}.cta{display:inline-flex;align-items:center;gap:clamp(25px,7vw,115px);border:1px solid var(--heat);color:#071014;background:var(--heat);padding:21px 25px;margin-top:45px;font:800 clamp(.72rem,.9vw,.92rem) "Be Vietnam Pro",sans-serif;letter-spacing:.06em;text-align:left;transition:color .3s,background .3s,transform .3s,box-shadow .3s}.cta:hover{color:var(--heat);background:transparent;transform:translateY(-4px);box-shadow:0 14px 50px rgba(241,119,66,.17)}.cta b{font-size:1.5rem;font-weight:500;line-height:1}.final-foot{margin:clamp(50px,7vh,90px) 0 0;color:#70858c;font:500 .65rem "IBM Plex Mono",monospace;letter-spacing:.16em}
dialog{color:var(--white);border:1px solid rgba(189,225,228,.28);background:#0b151c;padding:0;max-height:94vh;box-shadow:0 35px 130px rgba(0,0,0,.65)}dialog::backdrop{background:rgba(0,3,6,.86);backdrop-filter:blur(9px)}.dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 18px;border-bottom:1px solid var(--line);font:600 .65rem "IBM Plex Mono",monospace;letter-spacing:.13em;color:#b4c8cb}.dialog-close{width:36px;height:36px;flex:none;border:1px solid var(--line);background:none;color:var(--white);font-size:1.4rem;line-height:1}.blueprint-dialog{width:min(96vw,1600px)}.blueprint-dialog img{display:block;width:100%;height:auto;max-height:calc(94vh - 67px);object-fit:contain}.action-dialog{width:min(92vw,680px)}.action-content{padding:clamp(24px,4vw,55px)}.action-content h2{font-size:clamp(2.3rem,4vw,4.4rem);line-height:1.1;letter-spacing:-.07em;margin:24px 0 34px}.action-content h2 span{color:var(--heat)}.action-content ol{list-style:none;padding:0;margin:0}.action-content li{display:flex;gap:26px;border-top:1px solid var(--line);padding:19px 0;color:#d1dddd;line-height:1.7}.action-content li b{font:600 .8rem "IBM Plex Mono",monospace;color:var(--heat);margin-top:3px}.action-content>p:last-child{color:#8ea5aa;line-height:1.7;margin:25px 0 0}
footer{background:#030608;color:#60787e;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:27px clamp(20px,4.5vw,76px);font:500 .63rem "IBM Plex Mono",monospace;letter-spacing:.1em}footer a{color:#b3cacf}
@media(max-width:1100px){.chapter-status{display:none}.old-panel,.new-panel{padding:100px 5vw}.old-panel .display,.new-panel .display{font-size:clamp(2.8rem,5vw,5rem)}.standard-chain{gap:10px}.standard-chain i{min-width:5px}.infinity-sticky>.scene-shell{padding-top:85px}.loop-copy small{max-width:170px}}
@media(max-width:760px){.site-header{height:60px;padding:0 20px}.brand{font-size:.75rem}.brand-mark{width:28px;height:28px;font-size:1rem}.brand-suffix{display:none}.header-action{font-size:.59rem;letter-spacing:0}.scene-shell{width:calc(100% - 40px)}.hero{min-height:660px}.hero-shell{padding-top:25px}.hero .kicker{margin-bottom:45px}.hero .kicker span:last-child{display:none}.hero-title{font-size:clamp(3.7rem,13.5vw,6.7rem);line-height:1.03;letter-spacing:-.085em}.hero-radar{width:800px;right:-580px;opacity:.45}.hero-bottom{align-items:flex-start;flex-direction:column;margin-top:45px;gap:28px}.hero-bottom p{font-size:.95rem}.scroll-link{font-size:.62rem}.hero-index{bottom:25px;right:20px}.old-new{grid-template-columns:1fr}.old-panel,.new-panel{min-height:75svh;padding:95px 20px}.old-panel .display,.new-panel .display{font-size:clamp(3.2rem,10.7vw,5.6rem)}.fragment-list{margin-top:50px}.panel-note{margin-top:48px}.split-seam{left:50%;top:50%;width:58px;height:58px;font-size:1.5rem}.split-seam span{transform:rotate(90deg)}.question-hero,.agent-work,.sunvina-reveal,.standard-scene,.human-shift{min-height:100svh;padding:110px 0 85px}.impact{font-size:clamp(3rem,10.5vw,5.4rem)}.impact-answer{margin-top:58px}.agent-work .display{font-size:clamp(2.75rem,9.1vw,5.3rem)}.work-rail{grid-template-columns:repeat(3,1fr);gap:22px 12px;margin-top:60px}.work-rail span{font-size:.6rem}.work-rail i{display:none}.work-note{margin-top:48px}.sunvina-reveal h2{font-size:clamp(3rem,10.5vw,5.7rem)}.sunvina-bottom{margin-top:55px}.sunvina-beam{width:400px;height:400px;right:-300px}.infinity-scene{height:auto}.infinity-sticky{position:relative;height:auto;min-height:100svh}.infinity-sticky>.scene-shell{display:block;padding:100px 0 80px}.infinity-top h2{font-size:clamp(2.2rem,8vw,4rem)}.infinity-visual{height:340px;margin:15px 0 20px}.infinity-svg{position:absolute;left:-10%;top:0;width:120%;height:260px}.loop-copy{top:auto;bottom:0;transform:none;width:45%}.loop-copy.sales{left:0}.loop-copy.production{right:0}.loop-copy strong{font-size:1.35rem;margin:7px 0}.loop-copy span{font-size:.5rem}.loop-copy small{font-size:.53rem;line-height:1.5}.core-node{top:38%;width:105px;height:105px}.core-node span{font-size:.5rem}.core-node strong{font-size:.98rem;margin-top:4px}.core-node i{margin-top:7px}.core-signals{gap:12px}.core-signals span{font-size:.56rem}.core-declaration{font-size:.85rem;line-height:1.7;margin-top:23px}.standard-scene .display{font-size:clamp(2.9rem,9.2vw,5.2rem)}.standard-intro{margin-top:35px}.standard-chain{display:grid;grid-template-columns:1fr;gap:0;margin-top:50px}.standard-chain span,.standard-chain strong{font-size:.71rem;padding:6px 0}.standard-chain i{width:1px;height:18px;background:#687471;margin-left:4px}.standard-chain i:after{top:auto;bottom:0;left:-3px;right:auto;border-top:5px solid #687471;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:0}.human-shift .display{font-size:clamp(3rem,9.6vw,5.2rem)}.human-shift h3{font-size:clamp(2rem,6.7vw,3.8rem)}.role-sequence{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:48px}.role-sequence span{font-size:.6rem;white-space:normal;line-height:1.4}.reflection-item{min-height:540px}.reflection-item p{font-size:clamp(2.7rem,9.2vw,5rem)}.finale{padding:110px 0 55px}.finale h2{font-size:clamp(4rem,14vw,6.6rem)}.final-english{font-size:.62rem;letter-spacing:.12em}.final-message{font-size:.94rem}.final-message br{display:none}.cta{gap:22px;padding:17px 18px;font-size:.7rem;line-height:1.5}.final-foot{font-size:.57rem}footer{font-size:.55rem;padding:22px 20px}}
@media(max-width:390px){.hero-title{font-size:13vw}.header-action{max-width:104px;text-align:right;line-height:1.4}.old-panel .display,.new-panel .display{font-size:10vw}.loop-copy strong{font-size:1.15rem}.loop-copy small{font-size:.48rem}.core-signals{gap:8px}.core-signals span{font-size:.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.boot{display:none}body.is-jumping:after{display:none}.reveal{opacity:1;transform:none;filter:none}.mask-line>span{transform:none;animation:none}.hero-radar span,.status-pulse,.work-rail i,.loop-trail,.core-node,.infinity-scene.active .core-signals span{animation:none}.loop-main{stroke-dashoffset:0;transition:none}}
.loop-copy span{font-size:clamp(.75rem,.85vw,.88rem)}
.loop-copy small{font-size:clamp(.78rem,.88vw,.92rem);letter-spacing:.02em}
.core-signals{font-size:clamp(.75rem,.85vw,.88rem)}
.text-button{font-size:.8rem}
.standard-chain span,.standard-chain strong,.role-sequence span{font-size:clamp(.76rem,.84vw,.88rem)}
@media(max-width:760px){
  .header-action{font-size:.75rem;letter-spacing:.04em;max-width:none;white-space:nowrap}
  .infinity-visual{height:390px}
  .loop-copy span,.loop-copy small{font-size:.75rem;line-height:1.45}
  .core-signals span{font-size:.75rem}
  .standard-chain span,.standard-chain strong,.role-sequence span,.work-rail span{font-size:.78rem}
  .final-message br{display:initial}
  .reflection-item:first-of-type em{white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){.path-dot{display:none}}
@media(max-width:760px){.loop-copy span{display:none}}

/* Shared cosmic camera: the star is the visual metaphor for Sunvina's operating core. */
main{position:relative;z-index:1}
.cosmos{position:fixed;z-index:0;inset:0;overflow:hidden;pointer-events:none;background:#03070c}
.cosmos-photo{position:absolute;inset:-4%;background:url("assets/sunvina-cosmos-v2.png") center center/cover no-repeat;animation:cosmosDrift 30s ease-in-out infinite alternate;will-change:transform}
.cosmos-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(2,5,9,.58),rgba(2,5,9,.16) 50%,rgba(2,5,9,.14)),radial-gradient(circle at 70% 50%,transparent 8%,rgba(1,5,9,.12) 75%)}
@keyframes cosmosDrift{from{transform:scale(1.02) translateX(-.8%)}to{transform:scale(1.1) translateX(1.2%)}}
.solar-orbit{position:absolute;z-index:2;left:70%;top:49%;border:1px solid rgba(188,230,236,.2);border-radius:50%;transform:translate(-50%,-50%);animation:solarTurn 38s linear infinite}
.solar-orbit i{position:absolute;left:50%;top:-5px;width:10px;height:10px;border-radius:50%;background:var(--heat2);box-shadow:0 0 16px var(--heat2),0 0 36px var(--heat);transform:translateX(-50%)}
.orbit-a{width:48vw;height:31vw;animation-duration:30s}.orbit-b{width:74vw;height:44vw;animation-duration:48s;animation-direction:reverse;border-color:rgba(188,230,236,.14)}.orbit-b i{width:7px;height:7px;background:var(--ice);box-shadow:0 0 18px var(--ice)}.orbit-c{width:103vw;height:60vw;animation-duration:74s;border-color:rgba(188,230,236,.09)}.orbit-c i{width:5px;height:5px;background:#d9f5f6}
@keyframes solarTurn{from{transform:translate(-50%,-50%) rotate(-18deg)}to{transform:translate(-50%,-50%) rotate(342deg)}}
.hero{background:linear-gradient(90deg,rgba(2,5,9,.52),rgba(2,5,9,.19) 52%,rgba(2,5,9,.08))}
.hero:before{opacity:.3}
.hero-noise{opacity:.18}
.solar-caption{position:absolute;z-index:3;right:7%;bottom:13%;display:flex;align-items:center;gap:15px;color:#d9e4e4;font:500 .75rem "IBM Plex Mono",monospace;letter-spacing:.13em;text-shadow:0 1px 15px #000}
.solar-caption i{display:block;width:48px;height:1px;background:var(--heat2)}
.question-hero{background:linear-gradient(90deg,rgba(3,6,10,.87),rgba(3,6,10,.5))}
.agent-work{background:linear-gradient(90deg,rgba(4,10,15,.92),rgba(4,10,15,.67))}
.sunvina-reveal{background:linear-gradient(90deg,rgba(4,12,19,.91),rgba(4,12,19,.39))}
.infinity-scene{background:linear-gradient(180deg,rgba(4,9,14,.86),rgba(4,9,14,.81))}
.finale{background:linear-gradient(180deg,rgba(4,8,13,.75),rgba(4,8,13,.68))}

/* The page answers each hook before opening the next chapter. */
.question-promise,.agent-answer,.core-answer,.reflection-answer{font-size:clamp(1.04rem,1.38vw,1.35rem);line-height:1.7;color:#d9e7e8;max-width:760px}
.question-promise{margin:clamp(30px,5vh,56px) 0 0;padding-left:20px;border-left:2px solid var(--heat)}
.agent-answer{margin:30px 0 0;padding-left:20px;border-left:2px solid var(--heat);color:var(--ice)}
.agent-work .work-rail{margin-top:clamp(42px,6vh,75px)}
.core-answer{max-width:850px;margin:8px auto 16px;text-align:center;font-size:clamp(.96rem,1.15vw,1.12rem);color:#d1e1e2}
.core-declaration{margin:14px 0 4px}
.reflection-answer{margin:clamp(35px,6vh,70px) 0 0;padding-left:22px;border-left:2px solid var(--heat);color:var(--ice)}
.final-question{height:auto;min-height:100svh;padding:120px 0}

/* Return to the more open Be Vietnam Pro typography of the first version. */
.hero-title,.display,.impact,.sunvina-reveal h2,.infinity-top h2,.human-shift h3,.reflection-item p,.finale h2{font-weight:800;letter-spacing:-.055em;line-height:1.08}
.hero-title{font-size:clamp(3.8rem,8.2vw,9.1rem);max-width:1030px}
.old-panel .display,.new-panel .display{font-size:clamp(3rem,4.9vw,6.5rem)}
.impact{font-size:clamp(3.2rem,7vw,8.6rem)}
.agent-work .display{font-size:clamp(3rem,5.6vw,7rem)}
.sunvina-reveal h2{font-size:clamp(3.5rem,7.2vw,9rem)}
.infinity-top h2{font-size:clamp(2.5rem,4vw,4.8rem)}
.standard-scene .display{font-size:clamp(3rem,5.7vw,7.5rem)}
.human-shift .display{font-size:clamp(3.1rem,6vw,7.8rem)}
.reflection-item p{font-size:clamp(2.75rem,5.7vw,7.4rem)}
.finale h2{font-size:clamp(4.2rem,8.8vw,10.5rem)}

/* The infinity path carries visible work units toward two agents at the crossing. */
.infinity-sticky>.scene-shell{padding-top:84px;padding-bottom:18px}
.path-dot{filter:drop-shadow(0 0 7px currentColor)}
.path-dot-warm{color:#ffb477}.path-dot-cool{color:#d6fbff}.path-dot-small{opacity:.75}
.core-node{width:clamp(160px,16vw,220px);height:clamp(160px,16vw,220px);background:radial-gradient(circle,#1b3642,#07131a 73%);box-shadow:0 0 0 14px rgba(241,119,66,.1),0 0 0 38px rgba(241,119,66,.035),0 0 95px rgba(241,119,66,.52)}
.core-node:before{content:"";position:absolute;inset:-22px;border:1px dashed rgba(245,177,127,.42);border-radius:50%;animation:coreRing 18s linear infinite}
.core-node:after{content:"";position:absolute;top:-28px;left:50%;width:11px;height:11px;border-radius:50%;background:var(--heat2);box-shadow:0 0 18px var(--heat);transform:translateX(-50%)}
@keyframes coreRing{to{transform:rotate(360deg)}}
.core-node .core-eyebrow{font-size:clamp(.6rem,.72vw,.75rem);letter-spacing:.08em}
.core-node strong{font-size:clamp(1.12rem,1.7vw,1.6rem);margin-top:5px}
.core-agent-names{display:flex;flex-direction:column;gap:3px;margin-top:8px}
.core-agent-names span{font:600 clamp(.65rem,.75vw,.8rem) "IBM Plex Mono",monospace;letter-spacing:.05em;color:#e5f6f4}
.core-agent-names span:first-child:before,.core-agent-names span:last-child:before{content:"";display:inline-block;width:5px;height:5px;margin-right:7px;border-radius:50%;vertical-align:middle;background:var(--heat)}
.core-agent-names span:last-child:before{background:var(--ice)}
.core-node i{margin-top:9px}
.core-bottom .text-button{margin-top:2px}

/* The transition reads as an orbital jump, including normal scrolling. */
.chapter-portal{position:fixed;z-index:98;inset:0;pointer-events:none;opacity:0;overflow:hidden;background:radial-gradient(circle at 70% 50%,rgba(246,184,116,.24),transparent 38%)}
.chapter-portal.play{animation:portalFlash .9s ease-out both}
.portal-ring{position:absolute;left:70%;top:50%;width:min(38vw,550px);aspect-ratio:1;border:1px solid rgba(247,194,132,.9);border-radius:50%;box-shadow:0 0 70px rgba(241,119,66,.4),inset 0 0 40px rgba(241,119,66,.17);transform:translate(-50%,-50%) scale(.18)}
.chapter-portal.play .portal-ring{animation:portalRing .9s cubic-bezier(.12,.65,.2,1) both}
.portal-label{position:absolute;left:5vw;bottom:8vh;font:600 clamp(.8rem,1.2vw,1.2rem) "IBM Plex Mono",monospace;letter-spacing:.2em;color:var(--ice);text-shadow:0 0 18px #000}
@keyframes portalFlash{0%{opacity:0}25%{opacity:.9}70%{opacity:.65}100%{opacity:0}}
@keyframes portalRing{0%{transform:translate(-50%,-50%) scale(.18)}100%{transform:translate(-50%,-50%) scale(3.4)}}
body.is-jumping:after{background:radial-gradient(circle at 70% 50%,#ffd5a7 0%,#f17742 13%,#12222b 55%,#05090e 85%);animation:cosmicWipe .9s cubic-bezier(.65,0,.3,1) both}
@keyframes cosmicWipe{0%{opacity:0;clip-path:circle(0 at 70% 50%)}43%{opacity:1;clip-path:circle(155% at 70% 50%)}55%{opacity:1;clip-path:circle(155% at 70% 50%)}100%{opacity:0;clip-path:circle(155% at 70% 50%)}}

@media(max-width:760px){
  .cosmos-photo{background-position:60% center}
  .cosmos-shade{background:linear-gradient(90deg,rgba(2,5,9,.68),rgba(2,5,9,.35)),linear-gradient(0deg,rgba(2,5,9,.45),transparent 55%)}
  .solar-orbit{left:83%;top:47%}.orbit-a{width:128vw;height:73vw}.orbit-b{width:175vw;height:105vw}.orbit-c{width:235vw;height:150vw}
  .hero{background:linear-gradient(90deg,rgba(2,5,9,.48),rgba(2,5,9,.18))}
  .hero-title{font-size:clamp(3.2rem,12.2vw,5.4rem)}
  .solar-caption{right:20px;bottom:13%;max-width:150px;flex-wrap:wrap;gap:6px;font-size:.58rem;line-height:1.5}.solar-caption i{width:30px}
  .old-panel .display,.new-panel .display{font-size:clamp(2.9rem,9.7vw,5.4rem)}
  .impact{font-size:clamp(2.75rem,9.4vw,5rem)}
  .agent-work .display{font-size:clamp(2.65rem,8.6vw,5rem)}
  .sunvina-reveal h2{font-size:clamp(2.85rem,9.8vw,5.5rem)}
  .infinity-top h2{font-size:clamp(2.1rem,7.6vw,4rem)}
  .standard-scene .display{font-size:clamp(2.75rem,8.8vw,5rem)}
  .human-shift .display{font-size:clamp(2.8rem,9vw,5rem)}
  .reflection-item p{font-size:clamp(2.55rem,8.6vw,4.8rem)}
  .finale h2{font-size:clamp(3.7rem,12vw,6.3rem)}
  .question-promise,.agent-answer,.core-answer,.reflection-answer{font-size:1rem}
  .agent-work .work-rail{margin-top:42px}
  .infinity-visual{height:440px}
  .core-node{width:148px;height:148px;top:38%}
  .core-node .core-eyebrow{font-size:.57rem}.core-node strong{font-size:1.12rem}.core-agent-names span{font-size:.62rem}
  .core-node:before{inset:-13px}.core-node:after{top:-18px}
  .core-answer{margin:12px auto 20px;max-width:380px}
  .chapter-portal{background:radial-gradient(circle at 83% 47%,rgba(246,184,116,.18),transparent 52%)}
  .portal-ring{left:83%;top:47%;width:65vw}
  .portal-label{left:20px;bottom:45px;font-size:.6rem;letter-spacing:.12em;max-width:70vw}
  .solar-caption{display:none}
  body.is-jumping:after{background:radial-gradient(circle at 80% 45%,#ffd5a7,#f17742 20%,#05090e 80%)}
}
@media(prefers-reduced-motion:reduce){.cosmos-photo,.core-node:before,.chapter-portal.play,.chapter-portal.play .portal-ring{animation:none}.chapter-portal{display:none}.path-halo{display:none}}

/* Visible planets follow the three solar orbits. */
.solar-orbit .planet{position:absolute;left:50%;top:0;display:block;width:clamp(20px,2.25vw,36px);height:clamp(20px,2.25vw,36px);border-radius:50%;transform:translate(-50%,-50%);box-shadow:inset -7px -5px 9px rgba(0,0,0,.52),0 0 15px rgba(255,196,125,.42)}
.planet-copper{background:radial-gradient(circle at 29% 25%,#ffe0ac 0 9%,#d88052 26%,#80413b 68%,#392d35 100%)}
.planet-blue{background:radial-gradient(circle at 28% 25%,#ddffff 0 10%,#71cbd7 27%,#286b86 66%,#142c45 100%);box-shadow:inset -7px -5px 9px rgba(0,0,0,.52),0 0 20px rgba(113,203,215,.46)!important}
.planet-ringed{background:radial-gradient(circle at 28% 20%,#ffedcf,#d9b091 35%,#867086 72%,#3e394b);width:clamp(25px,2.7vw,42px)!important;height:clamp(25px,2.7vw,42px)!important}
.planet-ringed:after{content:"";position:absolute;inset:40% -37%;border:3px solid rgba(233,212,187,.8);border-left-color:rgba(233,212,187,.35);border-radius:50%;transform:rotate(-24deg);box-shadow:0 0 10px rgba(255,227,191,.25)}
.solar-orbit.orbit-a{border-color:rgba(202,238,238,.24)}.solar-orbit.orbit-b{border-color:rgba(202,238,238,.2)}.solar-orbit.orbit-c{border-color:rgba(202,238,238,.14)}

/* Uneven arrivals collect at the core; production receives a steady stream. */
.infinity-scene{height:auto;min-height:100svh;background:linear-gradient(180deg,rgba(4,9,14,.86),rgba(4,9,14,.81))}
.infinity-sticky{position:relative;top:auto;height:auto;min-height:100svh}
.infinity-sticky>.scene-shell{height:auto;min-height:100svh;padding-top:112px;padding-bottom:45px;display:grid;grid-template-rows:auto minmax(355px,1fr) auto}
.infinity-top h2{font-size:clamp(2.3rem,3.55vw,4.2rem)}
.infinity-visual{height:clamp(355px,49vh,495px);margin:8px 0 0}
.flow-guide{fill:none;stroke:none}
.loop-trail{display:none}
.work-particle{pointer-events:none;stroke:rgba(255,255,255,.82);stroke-width:.7;filter:drop-shadow(0 0 7px currentColor)}
.work-particle.incoming{fill:#ffad71;color:#ffad71}
.work-particle.outgoing{fill:#b7f8ff;color:#b7f8ff}
.core-node{width:clamp(220px,18vw,258px);height:clamp(220px,18vw,258px);background:radial-gradient(circle,#173743,#07131a 73%);transition:border-color .25s,filter .25s}
.core-node.processing{border-color:#ffca98;filter:drop-shadow(0 0 12px rgba(255,171,107,.42))}
.core-node .core-eyebrow{font-size:clamp(.6rem,.72vw,.78rem)}
.core-node strong{font-size:clamp(1.3rem,1.75vw,1.8rem);margin-top:6px}
.core-agent-names{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 8px;width:84%;margin-top:15px}
.core-agent-names span{font:600 clamp(.6rem,.67vw,.72rem) "IBM Plex Mono",monospace;letter-spacing:0;padding:5px 1px;border:1px solid rgba(174,218,222,.18);border-radius:3px;color:#c4dddf;transition:color .25s,background .25s,box-shadow .25s}
.core-agent-names span:before,.core-agent-names span:first-child:before,.core-agent-names span:last-child:before{content:none}
.core-agent-names span.processing{color:#fff;background:rgba(241,119,66,.26);border-color:rgba(255,193,145,.65);box-shadow:0 0 18px rgba(241,119,66,.3)}
.core-node i{display:none}
.loop-copy{top:52%}
.loop-copy strong{font-size:clamp(1.25rem,2.1vw,2.65rem)}
.loop-copy small{max-width:220px;font-family:"Be Vietnam Pro",sans-serif;font-size:clamp(.77rem,.82vw,.91rem);letter-spacing:0;line-height:1.55;color:#cadbdc}
.core-bottom{padding-top:4px}
.core-declaration{margin:0 0 6px;font-size:clamp(.87rem,1.12vw,1.1rem)}
.core-answer{margin:0 auto;max-width:820px}

/* The complete custom product journey. */
.standard-scene .display{font-size:clamp(3rem,5.4vw,7.2rem)}
.standard-chain{gap:10px;margin-top:clamp(40px,7vh,75px)}
.standard-chain span,.standard-chain strong{font-size:clamp(.82rem,1vw,1rem)}

/* Each final question leads to a clear answer and one mindset shift. */
.reflection-item{height:auto;min-height:72svh;padding:115px 0 95px}
.reflection-item p:not(.reflection-answer){font-size:clamp(2.65rem,5.3vw,6.9rem);max-width:1200px}
.reflection-item .reflection-answer{font-size:clamp(1.05rem,1.4vw,1.35rem);line-height:1.65;font-weight:500;letter-spacing:0;max-width:770px;margin-top:40px}
.reflection-item.final-question{min-height:90svh;padding:125px 0 105px}
.reflection-item.final-question em{color:var(--heat)}
.final-message{max-width:860px;margin:auto}
.cta small{display:block;font:600 .67rem "IBM Plex Mono",monospace;letter-spacing:.1em;margin-top:5px;opacity:.73}
.action-dialog{overflow-y:auto}
.action-content h2{font-size:clamp(2.1rem,3.3vw,3.2rem);margin:20px 0 25px}
.action-content li strong{color:var(--white)}

@media(max-width:760px){
  .solar-orbit .planet{width:20px;height:20px}
  .planet-ringed{width:26px!important;height:26px!important}
  .infinity-sticky,.infinity-sticky>.scene-shell{min-height:0}
  .infinity-sticky>.scene-shell{display:block;padding-top:96px;padding-bottom:56px}
  .infinity-top h2{font-size:clamp(2rem,7.4vw,3.8rem)}
  .infinity-visual{height:415px;margin:12px 0 8px}
  .infinity-svg{top:2px;height:255px}
  .core-node{width:170px;height:170px;top:38%}
  .core-node .core-eyebrow{font-size:.58rem}
  .core-node strong{font-size:1.17rem}
  .core-agent-names{gap:4px;width:88%;margin-top:8px}
  .core-agent-names span{font-size:.53rem;padding:4px 0}
  .loop-copy{bottom:8px;width:46%}
  .loop-copy strong{font-size:1.12rem;line-height:1.18;margin:5px 0}
  .loop-copy small{font-size:.7rem;line-height:1.4}
  .core-declaration{font-size:.87rem;line-height:1.55}
  .core-answer{font-size:.93rem;line-height:1.58;margin-top:11px}
  .standard-chain{margin-top:38px}
  .standard-chain span,.standard-chain strong{font-size:.84rem}
  .reflection-item{min-height:66svh;padding:105px 0 85px}
  .reflection-item p:not(.reflection-answer){font-size:clamp(2.1rem,7.6vw,4.1rem)}
  .reflection-item:first-of-type em{white-space:normal}
  .reflection-item .reflection-answer{font-size:1rem;margin-top:32px}
  .reflection-item.final-question{min-height:82svh;padding:110px 0 85px}
  .cta small{font-size:.58rem}
  .action-content h2{font-size:2.05rem}
}
@media(prefers-reduced-motion:reduce){.solar-orbit .planet,.work-particle{animation:none}}

/* Keep the input and output captions outside the two infinity loops. */
@media(min-width:901px){
  .infinity-visual{--loop-caption-space:clamp(165px,14vw,215px)}
  .infinity-svg{display:block;width:calc(100% - 2 * var(--loop-caption-space));margin-inline:auto}
  .loop-copy{top:50%;width:var(--loop-caption-space)}
  .loop-copy.sales{left:0}
  .loop-copy.production{right:0}
}
@media(min-width:761px) and (max-width:900px){
  .infinity-sticky,.infinity-sticky>.scene-shell{min-height:0}
  .infinity-sticky>.scene-shell{display:block;padding-top:96px;padding-bottom:56px}
  .infinity-visual{height:415px;margin:12px 0 8px}
  .infinity-svg{position:absolute;left:-10%;top:2px;width:120%;height:255px}
  .core-node{width:170px;height:170px;top:38%}
  .loop-copy{top:auto;bottom:8px;transform:none;width:46%}
  .loop-copy.sales{left:0}
  .loop-copy.production{right:0}
  .loop-copy strong{font-size:1.12rem;line-height:1.18;margin:5px 0}
  .loop-copy small{font-size:.7rem;line-height:1.4}
}
@media(prefers-reduced-motion:reduce){
  body.is-jumping:after{display:block;animation:cosmicWipe .9s cubic-bezier(.65,0,.3,1) both}
  .chapter-portal{display:block}
  .chapter-portal.play{animation:portalFlash .9s ease-out both}
  .chapter-portal.play .portal-ring{animation:portalRing .9s cubic-bezier(.12,.65,.2,1) both}
}

/* Final storytelling refinements. */
.hero-title .mask-line:nth-child(2){padding-top:.2em;margin-top:-.2em}
.ai-highlight{display:inline-block;padding:0 .055em;background:var(--heat);color:#071014;font:inherit;line-height:1.05;vertical-align:baseline}
.agent-work .display{font-size:clamp(2.85rem,4.85vw,6.25rem);line-height:1.07}
.mobile-only{display:none}
.agent-work .agent-answer{margin-top:25px}
.agent-work .work-rail{margin-top:clamp(30px,4vh,48px)}
.agent-work .work-note{margin-top:35px}
.old-panel{background:linear-gradient(135deg,#2b3339 0%,#19242b 58%,#111c23 100%)}
.old-panel:before{background:radial-gradient(circle at 18% 18%,rgba(255,171,131,.12),transparent 48%),repeating-linear-gradient(90deg,transparent 0 89px,rgba(255,255,255,.055) 90px)}
.old-panel .kicker{color:#ffc1a0;font-size:clamp(.76rem,.95vw,.92rem)}
.old-panel .display{color:#f9f7f3;text-shadow:0 12px 48px rgba(0,0,0,.23)}
.old-panel .outline{color:#ffc09d;-webkit-text-stroke:0;text-shadow:0 0 32px rgba(241,119,66,.19)}
.fragment-list{color:#e7c6b6}
.fragment-list span{border-color:rgba(255,194,157,.55);background:rgba(255,169,127,.06)}
.new-panel{background:radial-gradient(circle at 73% 45%,rgba(70,192,215,.25),transparent 54%),radial-gradient(circle at 48% 83%,rgba(241,119,66,.18),transparent 48%),linear-gradient(130deg,#103344 0%,#081b27 70%,#07131b 100%)}
.new-panel .kicker{color:#a5eff1;font-size:clamp(.76rem,.95vw,.92rem)}
.new-panel .display{color:#f9ffff;text-shadow:0 10px 42px rgba(0,0,0,.28)}
.new-panel .heat{color:#ff925b;text-shadow:0 0 35px rgba(241,119,66,.28)}
.panel-note{color:#e7f4f3;border-left:2px solid var(--ice);padding-left:20px;margin-top:clamp(40px,6vh,62px)}
.split-seam{box-shadow:0 0 0 20px rgba(241,119,66,.15),0 0 95px rgba(241,119,66,.55)}
@media(max-width:760px){
  .hero-title .mask-line:nth-child(2){padding-top:.18em;margin-top:-.18em}
  .agent-work .display{font-size:clamp(2rem,7.7vw,4.4rem);line-height:1.1}
  .agent-work .mobile-only{display:initial}
  .old-panel,.new-panel{min-height:70svh}
  .old-panel .display,.new-panel .display{font-size:clamp(2.75rem,9.2vw,5.1rem)}
  .fragment-list{margin-top:44px}
  .panel-note{margin-top:38px}
}