:root{color-scheme:dark;--paper:#f2f5f8;--muted:#9cabb9;--line:#ffffff30;--accent:#94c9ff;font-family:Arial,Helvetica,sans-serif;color:var(--paper);background:#020407;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;min-width:320px}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid #9dccff;outline-offset:6px}::selection{background:#c4e1ff;color:#020407}.skip{position:fixed;top:-100px;left:15px;z-index:100;padding:15px;background:white;color:black}.skip:focus{top:15px}
.world{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#020407}.world video,.world canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.world canvas{opacity:0;transition:opacity 1s}.world.ready canvas{opacity:1}.world-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0008,transparent 25%,transparent 55%,#02040799);pointer-events:none}.header{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:25px 4.5%;gap:25px;background:linear-gradient(#020407b8,transparent)}.brand{font-size:39px;font-weight:700;line-height:1}.brand span{font-size:12px;vertical-align:top;margin-left:4px}.header nav{display:flex;gap:35px;font-size:14px}.header nav a{color:#d0dae3}.header-controls{display:flex;gap:30px;align-items:center}.sound{display:flex;gap:10px;align-items:center;font-size:12px}.sound-bars{display:flex;gap:3px;height:18px;align-items:center}.sound-bars i{background:#dbe8f5;height:3px;width:2px}.sound[aria-pressed=true] i{animation:bars 1s alternate infinite}.sound[aria-pressed=true] i:nth-child(2){animation-delay:-.7s}.sound[aria-pressed=true] i:nth-child(3){animation-delay:-.3s}.sound[aria-pressed=true] i:nth-child(4){animation-delay:-.5s}.header-action{border:1px solid #ffffff5c;padding:12px 22px;border-radius:3px;font-size:14px;backdrop-filter:blur(12px);transition:background .2s}.header-action:hover{background:#ffffff25}
.chapter{position:relative;min-height:110svh;padding:145px 9%;display:flex;align-items:center}.hero{min-height:100svh;height:100svh;min-height:max(780px,100svh);padding:110px 9% 115px;align-items:flex-end}.hero-top{position:absolute;top:134px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;font-size:12px;color:#c5d3df}.edition{font:12px monospace}.hero-copy{width:100%;position:relative;padding-top:300px}.hero h1{font-size:clamp(6rem,19vw,22rem);font-weight:700;line-height:.77;letter-spacing:-.065em;margin-left:-.018em;text-align:center;color:#f5f8fc;mix-blend-mode:screen}.hero-description{display:flex;align-items:center;justify-content:space-between;padding-top:29px;gap:25px}.hero-description p{font-size:16px;line-height:1.55;color:#c8d6e2}.pill{display:inline-flex;gap:30px;align-items:center;justify-content:space-between;min-height:54px;padding:15px 21px;border:1px solid #f0f5f9;background:#edf5fd;color:#08121c;border-radius:3px;font-size:14px;transition:background .2s,transform .2s}.pill:hover{background:#b9dcff;transform:translateY(-3px)}.button-spark{font-size:25px;font-weight:300;line-height:20px;transition:transform .4s}.pill:hover .button-spark{transform:rotate(90deg)}.hero-bottom{position:absolute;bottom:31px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;align-items:flex-end}.hero-bottom p{font-size:12px;line-height:1.6;text-align:right;color:#8d9da9;margin-right:340px}.scroll-cue{display:flex;align-items:center;gap:13px;font-size:12px;color:#b9cbdc}.scroll-line{width:1px;height:35px;background:#738aa1;overflow:hidden;position:relative}.scroll-line:after{content:'';position:absolute;left:0;top:-15px;width:1px;height:15px;background:white;animation:scroll 2.7s infinite}
.chapter-rail{position:fixed;left:3.5%;top:45%;z-index:20;display:flex;flex-direction:column;gap:15px}.chapter-rail a{width:42px;height:25px;display:flex;align-items:center;gap:8px}.chapter-rail a:before{content:'';width:12px;height:1px;background:#72879b;transition:width .4s}.chapter-rail span{font:12px monospace;opacity:0}.chapter-rail a[aria-current]:before{width:24px;background:#e6f4ff}.chapter-rail a[aria-current] span{opacity:1}.eyebrow{display:block;font:12px monospace;color:#b0c5d7;margin-bottom:35px}.chapter-copy{width:46%;max-width:625px}.right{margin-left:auto}h2{font-size:clamp(3rem,6vw,6.8rem);font-weight:500;line-height:.99;letter-spacing:-.045em}h2 em{font-style:normal;color:#a4c9ed}.lead{margin-top:34px;font-size:18px;line-height:1.7;max-width:480px;color:#bed0df}.agent{min-height:125svh}.capabilities{margin-top:35px;max-width:520px}.capabilities>div{display:flex;gap:24px;padding:19px 0;border-top:1px solid var(--line)}.capabilities>div>span{font:12px monospace;color:#a5bacd;padding-top:4px}.capabilities p{font-size:14px;color:#a5b7c7;line-height:1.65}.capabilities strong{display:block;font-weight:400;font-size:16px;color:#eff7ff;margin-bottom:4px}
.missions{min-height:130svh}.mission-content{width:65%;max-width:850px}.mission-content h2{font-size:clamp(3rem,5.2vw,6rem)}.audience{display:flex;margin-top:40px;border:1px solid var(--line);padding:4px;width:max-content;background:#03070b9c;backdrop-filter:blur(10px);border-radius:4px}.audience button{padding:13px 23px;font-size:14px;color:#a8bdcf}.audience button[aria-pressed=true]{background:#e4f0fc;color:#07131e;border-radius:2px}.mission-tabs{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:30px;border-bottom:1px solid var(--line)}.mission-tabs button{font-size:14px;padding:13px 0 17px;position:relative;color:#9bb2c7}.mission-tabs button[aria-selected=true]{color:white}.mission-tabs button[aria-selected=true]:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#b8dcff}.mission-panel{min-height:270px;padding:30px 0 0}.demo-label{font:12px monospace;color:#98b7d1;display:block;margin-bottom:17px}.mission-panel h3{font-size:29px;line-height:1.15;font-weight:500}.mission-panel>p{max-width:650px;font-size:16px;line-height:1.7;color:#b3c7d9;margin-top:18px}.mission-steps{list-style:none;display:flex;gap:20px;margin:30px 0 0;padding:0}.mission-steps li{flex:1;border-top:1px solid var(--line);padding-top:16px;font-size:14px;line-height:1.5;color:#e1effb}.mission-steps span{font:12px monospace;display:block;margin-bottom:10px;color:#91b4d3}.permission-note{font-size:12px;line-height:1.7;color:#9fb4c6;margin-top:24px;max-width:580px}.future{min-height:125svh;justify-content:center;padding-bottom:220px;text-align:center}.future h2{font-size:clamp(3.8rem,8vw,9rem)}.future p{font-size:18px;line-height:1.6;margin-top:30px;color:#bfd0df}.future .pill{margin-top:30px}footer{position:absolute;left:9%;right:9%;bottom:100px;border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:12px;color:#9bb1c4;text-align:left}.footer-brand{font-size:29px;font-weight:700;color:#eef6ff}
.scene-controls{position:fixed;bottom:22px;right:4.5%;z-index:40;display:flex;align-items:center;gap:13px;border:1px solid #ffffff26;background:#02070c7d;backdrop-filter:blur(18px);padding:7px 13px;border-radius:3px}.scene-label{font-size:12px;color:#a9c1d6}.palette{display:flex;gap:2px}.swatch{display:grid;place-items:center;width:30px;height:30px;border:1px solid transparent;border-radius:50%}.swatch:after{content:'';width:11px;height:11px;border-radius:50%;background:var(--swatch)}.swatch[aria-pressed=true]{border-color:#8daecb}.ice{--swatch:#83bcf9}.pearl{--swatch:#e6e9e8}.solar{--swatch:#dbae6b}.control-divider{width:1px;height:17px;background:var(--line)}#motion{width:28px;height:28px;font-size:16px;display:grid;place-items:center}.interaction-hint{position:fixed;bottom:36px;left:50%;transform:translateX(-50%);font-size:12px;color:#8ca7be;z-index:5;opacity:0;transition:opacity .4s;pointer-events:none}.interaction-hint.visible{opacity:1}.page-progress{position:fixed;left:0;bottom:0;height:2px;width:100%;z-index:50;background:#ffffff0c}.page-progress span{display:block;width:100%;height:100%;background:#aed7ff;transform:scaleX(0);transform-origin:left}
.world[data-theme="1"] video{filter:grayscale(.9)}.world[data-theme="2"] video{filter:grayscale(1) sepia(.65)}
@keyframes bars{to{height:16px}}@keyframes scroll{to{transform:translateY(60px)}}
@media(min-width:1800px){.hero h1{font-size:22rem}}
@media(max-width:1100px){.header nav{gap:20px}.header-controls{gap:20px}.hero{padding-left:8%;padding-right:8%}.hero h1{font-size:20vw}.chapter-rail{left:2%}.chapter-copy{width:49%}.mission-content{width:72%}.hero-bottom p{display:none}.interaction-hint{display:none}h2{font-size:6vw}}
@media(max-width:700px){.header{padding:21px 6%;gap:15px}.brand{font-size:35px}.header nav{display:none}.header-controls{gap:20px}.header-action{padding:11px 16px;font-size:14px}.sound{padding:6px 0}.sound-bars{gap:2px}#sound-label{display:none}.chapter-rail{display:none}.chapter{padding:115px 7% 110px;min-height:110svh}.hero{padding:0 7% 170px;min-height:760px;min-height:max(760px,100svh);height:auto;align-items:flex-end}.hero-top{top:110px;left:7%;right:7%;justify-content:center;font-size:12px}.edition{display:none}.hero-copy{padding-top:380px;width:100%}.hero h1{font-size:24vw;letter-spacing:-.065em;line-height:.85}.hero-description{padding-top:27px;align-items:flex-start;gap:22px;flex-direction:column}.hero-description p{font-size:16px}.hero-description .pill{width:100%;max-width:330px;justify-content:space-between}.hero-bottom{left:7%;right:7%;bottom:96px}.hero-bottom p{display:block;margin:0;font-size:12px}.scroll-cue{font-size:12px}.world-shade{background:linear-gradient(180deg,#02040788,transparent 20%,transparent 39%,#02040733 60%,#02040799)}.agent{padding-top:39svh;min-height:145svh}.chapter-copy{width:100%}h2,.mission-content h2{font-size:clamp(2.8rem,12vw,5rem);line-height:1.03}.lead{font-size:16px;line-height:1.65;margin-top:28px}.eyebrow{margin-bottom:28px;font-size:12px}.capabilities>div{padding:18px 0;gap:20px}.missions{min-height:125svh}.mission-content{width:100%}.audience{margin-top:31px}.audience button{padding:12px 19px}.mission-tabs{gap:6px 18px}.mission-panel{min-height:280px}.mission-panel h3{font-size:25px}.mission-steps{gap:14px}.mission-steps li{font-size:14px}.permission-note{font-size:12px}.future{min-height:115svh;padding-top:150px;padding-bottom:270px}.future h2{font-size:12vw}.future p{font-size:16px}.future .pill{font-size:14px;gap:20px}footer{left:7%;right:7%;bottom:120px;flex-wrap:wrap;gap:20px}footer>span{width:100%;order:3;max-width:260px;font-size:12px;line-height:1.6}footer>a:last-child{margin-left:auto}.scene-controls{right:6%;bottom:20px;padding:6px 10px;gap:10px}.scene-label{font-size:12px}}
@media(max-width:380px){.audience button{padding:12px 16px}.mission-steps{flex-direction:column;gap:16px}.hero-copy{padding-top:340px}.hero{min-height:740px}.scene-controls{gap:8px}.hero-description p{font-size:16px}}
#journey-cinema{opacity:0}.world[data-mode="journey"] #journey-cinema{opacity:1}.world[data-mode="journey"] #cinema{opacity:0}
.agent{height:300svh;min-height:300svh;padding:0;display:block}.journey-stage{position:sticky;top:0;min-height:100svh;padding:135px 9% 105px;display:flex;align-items:center}.journey-stage .chapter-copy{width:46%}.journey-stage h2{font-size:clamp(3rem,5.1vw,6rem);min-height:2.05em}.journey-stage .lead{min-height:5.1em}.journey-example{font-size:16px;line-height:1.65;color:#ecf5ff;padding-left:18px;border-left:1px solid #83b9ef;margin-top:30px;max-width:460px;min-height:3.4em}.journey-controls{display:flex;gap:8px;margin-top:34px}.journey-controls button{flex:1;text-align:left;padding:14px 10px 14px 0;font-size:14px;color:#8ea8bf;transition:color .3s}.journey-controls button span{display:block;font:12px monospace;margin-bottom:8px}.journey-controls button[aria-pressed="true"]{color:#fff}.journey-progress{height:2px;background:#b4d8ff26}.journey-progress span{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:#c6e4ff;transition:transform .1s}.journey-next{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#a7c9e8;margin-top:25px;padding:9px 0}.journey-next span{font-size:22px}.layer-caption{position:absolute;left:14%;top:56%;display:flex;align-items:center;gap:15px;color:#e9f5ff;font:12px monospace;pointer-events:none}.layer-caption:after{content:'';height:1px;width:90px;background:linear-gradient(#b1d8ff,#b1d8ff00);margin-left:10px}.layer-caption span:first-child{font-size:28px;font-family:Arial,sans-serif;font-weight:300;color:#cae6ff}
.missions{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:6%;align-items:center}.mission-content{width:100%;max-width:none}.mission-content h2{font-size:clamp(2.8rem,4.3vw,5rem)}.mission-tabs{gap:7px 18px}.demo-trigger{margin-top:27px}.demo-trigger:disabled{cursor:default;opacity:.7;transform:none}.mission-steps li{transition:border-color .35s,color .35s}.mission-steps li.is-active{border-color:#a5d4ff;color:white}.mission-steps li.is-complete{border-color:#5a849f}.mission-steps li.is-active span{color:#d4ebff}.delivery{position:relative;min-height:470px;padding:28px;border:1px solid #aad8ff35;background:linear-gradient(140deg,#07121edb,#02070ce8);backdrop-filter:blur(20px);box-shadow:0 20px 100px #0003;transition:border-color .6s,box-shadow .6s}.delivery.is-running{border-color:#b1d7ff88;box-shadow:0 0 70px #5196e018}.delivery.is-complete{border-color:#b7dcff66}.delivery-top{display:flex;justify-content:space-between;gap:15px;font:12px monospace;color:#9cb9d1;padding-bottom:20px;border-bottom:1px solid #dcefff1f}.delivery-top span:last-child{white-space:nowrap}#demo-status{font-size:14px;line-height:1.55;color:#cbe0f2;margin-top:20px;min-height:44px}.delivery-meter{height:2px;background:#97c9ff17;margin-top:13px}.delivery-meter span{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:#c0e2ff}.delivery-content{padding-top:34px}.delivery-kicker{display:block;font:12px monospace;color:#a1c2df;margin-bottom:18px}.delivery-content h3{font-size:30px;line-height:1.12;font-weight:400;color:#f2f8ff}.delivery-content>p{font-size:16px;line-height:1.7;color:#9db6cb;margin-top:22px}.delivery-rows{list-style:none;margin:25px 0 0;padding:0}.delivery-rows li{padding:17px 0;border-bottom:1px solid #c9e5ff20;display:grid;grid-template-columns:85px 1fr;gap:15px}.delivery-rows li>span{font:12px monospace;color:#8eb6d7;padding-top:3px}.delivery-rows strong{display:block;font-size:16px;line-height:1.35;font-weight:400;color:#e9f5ff}.delivery-rows p{font-size:14px;line-height:1.6;color:#9eb7cb;margin-top:6px}.delivery-foot{font-size:12px!important;line-height:1.7!important;color:#a3bdd4!important}.delivery-message{margin:22px 0 0;padding:20px 0;border-top:1px solid #bedfff33;border-bottom:1px solid #bedfff33;font-size:16px;line-height:1.75;color:#d8eafa}.copy-delivery{padding:13px 0;font-size:14px;color:#d7ebff;border-bottom:1px solid #92c3ed66;margin-top:25px}.copy-delivery[hidden]{display:none}.copy-status{font-size:12px;color:#a4c6e3;line-height:1.6;min-height:20px;margin-top:12px}.delivery-content.is-revealed{animation:deliveryReveal .7s ease both}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes deliveryReveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.journey-stage{padding-left:9%;padding-right:7%}.journey-stage .chapter-copy{width:49%}.missions{gap:5%}.delivery{padding:22px}.delivery-content h3{font-size:27px}.delivery-rows li{grid-template-columns:65px 1fr;gap:10px}}
@media(max-width:700px){.agent{height:285svh;min-height:285svh;padding:0}.journey-stage{min-height:100svh;padding:27svh 7% 100px;align-items:flex-start}.journey-stage .chapter-copy{width:100%}.journey-stage h2{font-size:clamp(2.8rem,10.4vw,4.5rem);min-height:2.05em}.journey-stage .eyebrow{margin-bottom:19px}.journey-stage .lead{font-size:16px;line-height:1.65;margin-top:22px;min-height:6.6em}.journey-example{font-size:14px;margin-top:23px;min-height:3.3em}.journey-controls{margin-top:20px}.journey-controls button{font-size:14px;padding:9px 6px 13px 0}.journey-next{font-size:14px;margin-top:16px}.layer-caption{left:7%;top:18svh}.layer-caption:after{width:50px}.layer-caption span:first-child{font-size:23px}.missions{display:block;min-height:100svh}.mission-content h2{font-size:clamp(2.7rem,10.8vw,4.5rem)}.delivery{margin-top:40px;min-height:435px;padding:24px}.delivery-content h3{font-size:29px}.delivery-rows li{grid-template-columns:74px 1fr}.demo-trigger{width:100%;justify-content:space-between}}
@media(max-height:650px){.journey-stage{padding-top:110px;padding-bottom:75px}.journey-stage .lead{margin-top:20px;min-height:0}.journey-example{margin-top:18px;min-height:0}.journey-controls{margin-top:16px}.layer-caption{top:40%}}
.copy-fallback{display:block;width:100%;min-height:170px;margin-top:15px;padding:12px;border:1px solid #afd8ff55;background:#02070c;color:#dceeff;font:14px/1.6 Arial,sans-serif;resize:vertical}

.hero-question{position:absolute;left:9%;top:23%;max-width:430px;z-index:1;text-shadow:0 3px 35px #02040780;animation:questionIn 1.2s .2s both}
.hero-question>span{display:block;font-size:clamp(16px,1.5vw,22px);line-height:1.5;color:#c5d8e8;margin-bottom:10px}
.hero-question strong{display:block;font-size:clamp(38px,4.6vw,70px);font-weight:400;line-height:1.02;letter-spacing:-.045em}
.hero-question strong:after{content:'';display:block;width:45px;height:1px;margin-top:23px;background:#b5d9ff}
.hero-description .pill{min-width:290px}
.journey-stage{padding-top:115px;padding-bottom:95px}
.journey-stage .eyebrow{margin-bottom:23px}
.journey-stage h2{font-size:clamp(2.8rem,4.7vw,5.8rem)}
.journey-stage .lead{font-size:16px;line-height:1.65;margin-top:24px;min-height:5em}
.journey-example{margin-top:24px;min-height:3em;line-height:1.5}
.journey-controls{margin-top:22px}
.journey-controls button{padding-top:10px;padding-bottom:12px}
.journey-next{margin-top:18px}
.task-field{position:absolute;left:9%;top:50%;transform:translateY(-50%);width:37%;height:500px;isolation:isolate}
.task-field-caption{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;gap:15px;font-size:14px;color:#b1c9dd}
.task-field-caption>span:last-child{font:12px monospace;color:#7998b4}
.task-fragment{position:absolute;left:5%;top:12%;width:min(76%,300px);padding:14px 17px 12px;display:block;text-align:left;background:linear-gradient(110deg,#06101de8,#06101d6b);border-left:1px solid #a8cbec66;border-bottom:1px solid #a8cbec26;backdrop-filter:blur(10px);transform:rotate(var(--tilt,-6deg));transform-origin:center;transition:background .4s,border-color .4s,box-shadow .4s;will-change:transform;outline-offset:5px}
.task-fragment[data-order="1"]{left:32%;top:42%;--tilt:5deg}
.task-fragment[data-order="2"]{left:0;top:72%;--tilt:-4deg}
.task-fragment:hover,.task-fragment:focus-visible{border-color:#d1e9ff;background:linear-gradient(110deg,#13263de8,#081522d9);box-shadow:0 0 45px #86b9eb18;z-index:3}
.task-meta{display:flex;align-items:center;gap:12px;font:12px monospace;color:#9cb5ca;margin-bottom:11px}
.task-symbol{font:22px/12px Arial,sans-serif;margin-left:auto;color:#e1effc}
.task-title{display:block;font-size:18px;line-height:1.3;font-weight:400;color:#f1f7fd}
.task-detail{display:block;font-size:14px;line-height:1.5;color:#9db7cc;margin-top:6px}
.task-action{display:block;font-size:12px;line-height:1.5;color:#bbd9f3;margin-top:12px}
.task-field-foot{position:absolute;left:0;right:0;bottom:-19px;display:flex;align-items:center;gap:13px;font:12px monospace;color:#aac8e2}
.task-field-foot:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,#9fc4e366,transparent)}
#layer-number{font:22px Arial,sans-serif;color:#deefff}
.journey-stage[data-story="2"] .task-fragment{border-left-color:#c5e5ff;background:linear-gradient(110deg,#0b1e30eb,#0a172592)}
.journey-stage[data-story="2"] .task-state{color:#d1e9ff}
.journey-stage[data-story="2"] .task-action{color:#eff8ff}
.mission-origin{margin-top:24px;padding-left:14px;border-left:1px solid #a8d1f7;color:#c4dcee;font-size:14px;line-height:1.6}
.mission-origin[hidden]{display:none}
.mission-origin:not([hidden])+.audience{margin-top:24px}
body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important}
body.motion-paused .hero-question{animation:none;opacity:1;transform:none;filter:none}
#brain-cinema{opacity:var(--brain-reveal,0);transform:scale(1.12) translateX(-17%);pointer-events:none}
.world:not(.ready)[data-mode="journey"] #journey-cinema{opacity:calc(1 - var(--brain-reveal,0))}
.task-fragment{transform:rotate(var(--tilt,-6deg)) scale(var(--fragment-scale,1));transform-origin:center}
.task-field-caption,.task-field-foot{transition:opacity .5s}
.task-field.is-absorbed .task-field-caption,.task-field.is-absorbed .task-field-foot{opacity:0}
.brain-revealed #journey-title em{color:#d2ebff;text-shadow:0 0 45px #5ca7e238}
.brain-revealed .journey-example{border-left-color:#d6efff;color:#e8f5ff}
.brain-revealed .chapter-copy{text-shadow:0 2px 25px #020407}
@keyframes questionIn{from{opacity:0;transform:translateY(15px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@media(min-width:701px) and (max-height:820px){
 .hero-question{top:22%}.hero-question strong{font-size:50px}
 .journey-stage{padding-top:105px;padding-bottom:85px}
 .journey-stage .eyebrow{margin-bottom:18px}.journey-stage h2{font-size:clamp(38px,4.1vw,60px)}
 .journey-stage .lead{margin-top:18px;min-height:0}.journey-example{margin-top:18px;min-height:0;font-size:14px}
 .journey-controls{margin-top:14px}.journey-controls button{padding-top:7px;padding-bottom:9px}
 .journey-next{margin-top:12px}.task-field{height:460px}.task-title{font-size:16px}.task-action{margin-top:9px}
}
@media(max-width:1050px) and (min-width:701px){.task-field{width:35%;left:9%}.task-fragment{width:86%;padding:12px}.task-title{font-size:16px}.task-detail{display:none}.task-field-caption{font-size:12px}}
@media(max-width:700px){
 .world #brain-cinema{width:200%;left:-50%;transform:translateY(-30%) scale(.5)}
 .hero-question{top:160px;left:7%;right:7%;max-width:none;text-align:center}
 .hero-question>span{font-size:16px;margin-bottom:8px}.hero-question strong{font-size:clamp(33px,9vw,48px)}
 .hero-question strong br{display:none}.hero-question strong:after{margin:20px auto 0;width:30px}
 .hero-description .pill{min-width:0;max-width:none;gap:18px}
 .journey-stage{padding:103px 7% 90px;display:flex;flex-direction:column;gap:23px;align-items:stretch}
 .task-field{position:relative;left:auto;top:auto;transform:none;width:100%;height:160px;flex:none}
 .task-field-caption{font-size:12px}.task-field-caption>span:last-child{font-size:12px}
 .task-fragment{width:90%;padding:12px 11px;background:linear-gradient(110deg,#06101df2,#06101dd6)}
 .task-meta{position:absolute;inset:14px 11px auto;font-size:12px;margin:0;gap:9px}.task-symbol{font-size:19px}
 .task-title{font-size:14px;padding-left:24px;padding-right:20px}.task-detail,.task-action,.task-field-foot,.task-state{display:none}
 .journey-stage .chapter-copy{width:100%;max-width:none}.journey-stage .eyebrow{font-size:12px;margin-bottom:15px}
 .journey-stage h2{font-size:clamp(32px,9.5vw,48px);min-height:2.05em}
 .journey-stage .lead{font-size:16px;line-height:1.55;margin-top:18px;min-height:0}
 .journey-example{display:none}
 .journey-controls{margin-top:15px}.journey-controls button{font-size:12px;padding-top:7px;padding-bottom:9px}
 .journey-controls button span{margin-bottom:5px}.journey-next{margin-top:12px;font-size:14px}
 .mission-content h2{font-size:clamp(32px,10vw,48px)}
}
@media(max-width:700px) and (max-height:760px){
 .journey-stage{padding-top:93px;padding-bottom:80px;gap:19px}.task-field{height:152px}
 .journey-stage .eyebrow{display:none}.journey-stage h2{font-size:32px}
 .journey-stage .lead{margin-top:14px}.journey-example{margin-top:14px}.journey-controls{margin-top:11px}
}
.presence{position:relative;isolation:isolate;overflow:hidden;min-height:110svh;padding:160px 9% 145px;display:flex;align-items:center;background:#020407}
.presence-art{position:absolute;inset:80px -3% 50px 0;z-index:-1;pointer-events:none}
.presence-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:right center;transform:perspective(1300px) translate3d(var(--presence-x,0px),var(--presence-y,0px),0) rotateY(var(--presence-turn,0deg)) scale(calc(1.09 - var(--presence-enter,1)*.09));opacity:calc(.4 + var(--presence-enter,1)*.6);filter:blur(calc(4px*(1 - var(--presence-enter,1))));transition:transform .8s ease,filter .3s ease,opacity .3s ease;mask-image:linear-gradient(180deg,transparent,black 7%,black 82%,transparent)}
.presence:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#020407a8,transparent 52%)}
.presence-copy{width:42%;max-width:540px;text-align:left;opacity:calc(.45 + var(--presence-enter,1)*.55);transform:translateY(calc(28px*(1 - var(--presence-enter,1))));transition:transform .5s ease,opacity .5s ease}
.presence .eyebrow{margin-bottom:27px;color:#a7c5df;letter-spacing:.08em}
.presence h2{font-size:clamp(40px,5.1vw,78px);line-height:1.04}
.presence h2 em{color:#c5e2fc}
.presence-intro{font-size:clamp(18px,1.65vw,25px);line-height:1.5;margin-top:30px;color:#e0ecf6}
.presence-description{max-width:425px;font-size:16px;line-height:1.7;color:#a9bdcf;margin-top:22px}
.presence-prompt{display:block;font-size:14px;color:#d6e7f5;margin-top:30px}
.presence-choices{display:flex;gap:12px;margin-top:17px;max-width:430px}
.presence-choices button{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:58px;padding:15px 18px;flex:1;border:1px solid #d3eaff5c;font-size:14px;text-align:left;background:#05101dd4;backdrop-filter:blur(12px);transition:background .25s,border-color .25s}
.presence-choices button:hover,.presence-choices button:focus-visible{background:#cce6ff;color:#07121c;border-color:#cce6ff}
.presence-choices button span{font-size:22px;font-weight:300}
.presence-note{margin-top:15px;font-size:12px;line-height:1.5;color:#95adc2}
.presence-signature{position:absolute;left:9%;right:9%;bottom:47px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:22px;border-top:1px solid #b8d9f126}
.presence-signature span:first-child{font-size:24px;font-weight:700;color:#d4e8f9}
.presence-signature span:last-child{font:12px monospace;letter-spacing:.08em;color:#8ea9c1}
body.motion-paused .presence-art img{transform:none}
@media(max-width:1050px) and (min-width:701px){.presence{padding-left:9%;padding-right:7%}.presence-copy{width:48%}.presence h2{font-size:clamp(38px,5.3vw,58px)}.presence-art{right:-13%;left:0;opacity:.85}.presence-choices{flex-direction:column;max-width:270px}.presence-choices button{min-height:52px}.presence:after{background:linear-gradient(90deg,#020407e8,transparent 70%)}}
@media(max-width:700px){
 .presence{min-height:0;padding:90px 7% 130px;display:flex;flex-direction:column;align-items:stretch}
 .presence-art{position:relative;inset:auto;margin:0 -8%;height:clamp(330px,100vw,460px);z-index:0}
 .presence-art img{object-fit:cover;object-position:76% top;mask-image:linear-gradient(180deg,black 75%,transparent 100%)}
 .presence:after{display:none}.presence-copy{width:100%;max-width:none;margin-top:0;position:relative}
 .presence .eyebrow{font-size:12px;margin-bottom:20px}.presence h2{font-size:clamp(36px,11vw,56px)}
 .presence-intro{font-size:19px;margin-top:24px}.presence-description{font-size:16px;margin-top:20px}
 .presence-prompt{margin-top:25px}.presence-choices{max-width:none;gap:10px}.presence-choices button{padding:14px 12px;gap:10px;min-height:58px}
 .presence-signature{left:7%;right:7%;bottom:45px;gap:16px}.presence-signature span:last-child{font-size:12px;letter-spacing:0}
}
@media(max-width:360px){.presence-choices{flex-direction:column}.presence-signature span:last-child{max-width:160px;text-align:right;line-height:1.5}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.interaction-hint{display:none}.presence-art img{transform:none}}

/* Full-resolution native media; no canvas downsampling or duplicate hero video. */
.world video{filter:brightness(var(--scene-dim,1))}.resume-cinema{position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);z-index:4;white-space:nowrap}.resume-cinema:hover{transform:translate(-50%,-50%)}.resume-cinema[hidden]{display:none}

#cinema{transform:translate3d(var(--look-x,0px),var(--look-y,0px),0) scale(1.015);transition:transform .6s ease-out}.world[data-theme="1"] video{filter:brightness(var(--scene-dim,1)) saturate(.15)}.world[data-theme="2"] video{filter:brightness(var(--scene-dim,1)) sepia(.45)}body.motion-paused #cinema{transform:none}@media(prefers-reduced-motion:reduce){#cinema{transform:none;transition:none}}

@media(max-width:700px){.world #cinema{width:200%;left:-50%;object-fit:contain;object-position:center 25%;transform:none}.hero-copy{padding-top:410px}}

/* v17 — keep the opening experience inside the visible viewport on every device. */
.hero{
 height:100vh;
 height:100dvh;
 min-height:0;
}

@media(max-width:700px){
 .hero{
  height:100vh;
  height:100dvh;
  min-height:0;
  padding:0 7% calc(clamp(112px,14dvh,140px) + env(safe-area-inset-bottom));
 }
 .world #cinema{
  inset:0;
  left:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  transform:none;
 }
 .hero-top{top:calc(90px + env(safe-area-inset-top));left:7%;right:7%}
 .hero-question{top:calc(128px + env(safe-area-inset-top))}
 .hero-copy{padding-top:0}
 .hero h1{font-size:clamp(74px,24vw,116px)}
 .hero-description{padding-top:18px;gap:14px}
 .hero-description p{font-size:14px;line-height:1.45}
 .hero-description .pill{min-height:48px;padding:12px 16px;font-size:13px}
 .hero-bottom{bottom:calc(58px + env(safe-area-inset-bottom))}
 .scene-controls{bottom:calc(14px + env(safe-area-inset-bottom))}
}

@media(max-width:700px) and (max-height:720px){
 .header{padding-top:calc(14px + env(safe-area-inset-top));padding-bottom:14px}
 .hero{padding-bottom:calc(92px + env(safe-area-inset-bottom))}
 .hero-top{top:calc(72px + env(safe-area-inset-top))}
 .hero-question{top:calc(100px + env(safe-area-inset-top))}
 .hero-question>span{font-size:13px}
 .hero-question strong{font-size:clamp(27px,8vw,38px)}
 .hero-question strong:after{margin-top:13px}
 .hero h1{font-size:clamp(64px,21vw,92px)}
 .hero-description{padding-top:12px}
 .hero-description p{font-size:12px}
 .hero-description .pill{min-height:42px;padding:9px 14px}
 .hero-bottom{display:none}
 .scene-label{display:none}
}

/* v23 — investor-ready opening: the brain is the hero, the brand supports it. */
.hero{
 align-items:center;
 padding:110px 7% calc(96px + env(safe-area-inset-bottom));
}
.hero-copy{
 position:absolute;
 left:7%;
 right:7%;
 bottom:calc(72px + env(safe-area-inset-bottom));
 display:grid;
 grid-template-columns:minmax(220px,.8fr) auto;
 align-items:end;
 gap:32px;
 padding-top:0;
 z-index:2;
}
.hero h1{
 font-size:clamp(64px,10.5vw,156px);
 line-height:.86;
 text-align:left;
 letter-spacing:-.055em;
 margin:0;
 color:#f6fbff;
 text-shadow:0 0 34px #b9e7ff52,0 16px 60px #020407;
 mix-blend-mode:normal;
 opacity:.96;
}
.hero-description{
 justify-content:flex-end;
 align-items:flex-end;
 padding-top:0;
 text-align:right;
 max-width:520px;
 justify-self:end;
}
.hero-description p{
 font-size:15px;
 color:#d7e6f2;
 text-shadow:0 3px 28px #020407;
}
.hero-question{
 max-width:370px;
 top:19%;
 z-index:3;
}
.hero-question strong{
 font-size:clamp(34px,3.8vw,58px);
}
.world-shade{
 background:radial-gradient(ellipse at 50% 44%,transparent 0 38%,#02040726 57%,#020407b3 100%),linear-gradient(180deg,#0204079c,transparent 24%,transparent 58%,#020407d8);
}
@media(min-width:1200px){
 .hero-description .pill{min-width:310px}
}
@media(max-width:700px){
 .hero{
  align-items:flex-end;
  padding:0 7% calc(120px + env(safe-area-inset-bottom));
 }
 .hero-copy{
  left:7%;
  right:7%;
  bottom:calc(82px + env(safe-area-inset-bottom));
  display:block;
 }
 .hero h1{
  font-size:clamp(58px,18vw,86px);
  text-align:left;
 }
 .hero-description{
  align-items:flex-start;
  text-align:left;
  margin-top:16px;
 }
 .hero-description p{font-size:14px}
 .hero-question{
  top:calc(118px + env(safe-area-inset-top));
  text-align:left;
  left:7%;
  right:7%;
 }
 .hero-question strong:after{margin-left:0;margin-right:0}
 .world-shade{
  background:linear-gradient(180deg,#020407b8,transparent 20%,transparent 48%,#020407ef 82%);
 }
}

@media(min-width:701px) and (max-height:820px){
 .hero{padding-top:88px;padding-bottom:78px}
 .hero-top{top:96px}
 .hero-copy{padding-top:210px}
 .hero h1{font-size:clamp(88px,17vw,230px)}
 .hero-description{padding-top:18px}
 .hero-bottom{bottom:20px}
}