:root{color:#f5f3ec;background:#0c0f10;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}html{height:100%;overflow:hidden;scroll-behavior:smooth}body{height:100%;margin:0;min-width:320px;overflow:hidden;background:#0c0f10;color:#f5f3ec}#root{height:100%;overflow:hidden}button,a{color:inherit}.phone-frame{height:100svh;background:#0c0f10;overflow:hidden}.phone-screen{width:100%;height:100%;margin:0 auto;background:#111516;overflow:hidden}.story{height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none}.story-track{height:100%;will-change:transform;transition:transform .52s cubic-bezier(.2,.82,.2,1)}.panel{position:relative;height:100%;min-height:100%;padding:28px 20px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;backface-visibility:hidden;transform:translateZ(0)}.kicker{margin:0 0 12px;color:#78d7c6;font-size:.76rem;font-weight:850;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:11ch;margin-bottom:10px;font-size:clamp(3.45rem,18vw,5.8rem);line-height:.88;letter-spacing:0;color:#fffaf0}h2{margin-bottom:10px;color:#fffaf0;font-size:clamp(2.1rem,10vw,4.1rem);line-height:.95;letter-spacing:0}h3{margin-bottom:8px;color:#fffaf0;font-size:1.02rem;line-height:1.16;letter-spacing:0}p{color:#f5f3ecbf;font-size:1rem}.hero-panel{justify-content:flex-end;padding-bottom:88px;background:#111516}.hero-media,.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0}.hero-media{width:100%;height:100%;object-fit:cover;filter:contrast(1.03)}.hero-shade{background:linear-gradient(180deg,#080a0a2e,#080a0a57 44%,#080a0aeb)}.hero-copy{position:relative;z-index:1}.hero-copy p:not(.kicker){max-width:28rem;margin-bottom:24px;color:#fffaf0d1;font-size:1.05rem}.hero-tags,.material-row{display:flex;flex-wrap:wrap;gap:8px}.hero-tags span,.material-row span{min-height:34px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid rgba(120,215,198,.35);border-radius:8px;background:#090e0f94;color:#f9fbf7;font-size:.82rem;font-weight:760;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.scroll-cue{position:absolute;left:20px;bottom:28px;z-index:2;width:28px;height:44px;border:1px solid rgba(255,250,240,.4);border-radius:18px}.scroll-cue span{position:absolute;left:50%;top:9px;width:4px;height:8px;border-radius:4px;background:#fffaf0;transform:translate(-50%);animation:cue 1.7s ease-in-out infinite}@keyframes cue{0%,to{transform:translate(-50%);opacity:.45}50%{transform:translate(-50%,12px);opacity:1}}.challenge-panel{background:linear-gradient(160deg,#131719,#1b2020 48%,#191714)}.section-copy{position:relative;z-index:1;max-width:34rem}.section-copy p:last-child{margin-bottom:0}.compact-copy h2{font-size:clamp(2rem,9vw,3.45rem)}.timeline{position:relative;z-index:1;height:28vh;min-height:190px;margin-top:34px;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;gap:10px}.timeline:before{content:"";position:absolute;left:0;right:0;bottom:42px;height:1px;background:#fffaf029}.time-node{height:calc(var(--level) * 13% + 44px);border-radius:8px 8px 0 0;background:linear-gradient(180deg,#78d7c6e6,#d8b15cb8);display:flex;align-items:flex-end;justify-content:center;padding-bottom:12px;box-shadow:0 18px 36px #00000040}.time-node span{writing-mode:vertical-rl;color:#07100f;font-weight:900;font-size:.78rem}.innovation-panel{gap:16px;background:#f3efe4;color:#17201f}.innovation-panel .kicker,.innovation-panel h2,.innovation-panel h3{color:#17201f}.innovation-panel p{color:#17201fb3}.innovation-list{display:grid;gap:9px}.innovation-card{min-height:112px;padding:14px;border-radius:8px;background:#fffaf0;border:1px solid rgba(23,32,31,.1);box-shadow:0 18px 38px #362b1417}.innovation-card span{display:block;margin-bottom:10px;color:#b0812f;font-size:.76rem;font-weight:900}.innovation-card p{margin-bottom:0;font-size:.88rem}.model-panel{display:grid;grid-template-rows:minmax(0,1fr) auto;padding:0;background:#121619}.model-stage{position:relative;min-height:0;isolation:isolate}.model-stage:after{content:"";position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(180deg,#12161900,#121619 86%);pointer-events:none}.model-stage canvas{position:absolute!important;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;touch-action:none}.model-copy{padding:10px 20px 24px;background:#121619}.model-copy h2{margin-bottom:12px;font-size:clamp(1.78rem,8vw,3.1rem)}.model-copy p{margin-bottom:14px;font-size:.92rem}.model-loading{min-width:72px;padding:9px 12px;border:1px solid rgba(255,250,240,.16);border-radius:8px;background:#0c0f10d1;color:#fffaf0;font-size:.86rem;text-align:center}.pipeline-panel{justify-content:center;padding-top:28px;background:linear-gradient(180deg,#17201f,#111516)}.pipeline-flow{position:relative;z-index:1;margin:22px 0 24px;display:grid;gap:10px}.pipeline-step{display:grid;grid-template-columns:42px 1fr;align-items:center;min-height:50px;padding:8px 14px;border:1px solid rgba(255,250,240,.12);border-radius:8px;background:#fffaf00d}.pipeline-step span{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#d8b15c;color:#111516;font-weight:900}.pipeline-step p{margin:0;color:#fffaf0;font-weight:780}.process-image{width:min(48vw,180px);align-self:center;margin-top:auto;filter:drop-shadow(0 24px 52px rgba(0,0,0,.35))}.proof-panel{gap:22px;background:#f6f1e7}.proof-panel .kicker,.proof-panel h2{color:#17201f}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative;z-index:1}.metric{min-height:92px;padding:14px;border-radius:8px;background:#17201f;color:#fffaf0;display:flex;flex-direction:column;justify-content:space-between}.metric strong{font-size:.88rem;line-height:1.15}.metric span{color:#78d7c6;font-size:.78rem;font-weight:780}.lab-image{width:100%;max-height:32vh;aspect-ratio:4 / 3;object-fit:cover;border-radius:8px;border:1px solid rgba(23,32,31,.12);box-shadow:0 24px 55px #1d160a29}.contact-panel{background:linear-gradient(155deg,#111516,#16201f 54%,#242019)}.contact-card{width:100%;padding:28px 22px;border-radius:8px;background:#fffaf014;border:1px solid rgba(255,250,240,.13);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.contact-card h2{font-size:clamp(2.25rem,11vw,4.2rem)}.qr-block{margin-top:28px;display:grid;grid-template-columns:108px 1fr;align-items:center;gap:16px}.qr-block img{width:108px;height:108px;border-radius:8px;background:#fff}.qr-block strong,.qr-block span{display:block}.qr-block strong{color:#fffaf0;overflow-wrap:anywhere}.qr-block span{margin-top:6px;color:#fffaf0a8;font-size:.88rem}@media (min-width: 760px){.phone-frame{height:100vh;padding:28px 0;background:radial-gradient(circle at 25% 18%,rgba(120,215,198,.16),transparent 26%),linear-gradient(120deg,#0c0f10,#1c1d18 58%,#111516)}.phone-screen{width:min(430px,calc(100vw - 48px));height:calc(100vh - 56px);border:1px solid rgba(255,250,240,.12);border-radius:28px;box-shadow:0 34px 90px #0006}}@media (max-height: 720px){h1{font-size:clamp(3rem,15vw,4.8rem)}h2{font-size:clamp(1.9rem,8.5vw,3.2rem)}.innovation-card{min-height:auto;padding:15px}.timeline{min-height:160px;margin-top:20px}.pipeline-flow{gap:7px;margin:14px 0}.pipeline-step{min-height:45px}.process-image{width:min(36vw,150px)}}.page-dots{position:fixed;top:50%;right:12px;z-index:20;display:grid;gap:8px;transform:translateY(-50%);pointer-events:none}.page-dots span{width:5px;height:18px;border-radius:999px;background:#fffaf047;box-shadow:0 0 0 1px #1216192e;transform:scaleY(.72);transition:height .36s ease,background .36s ease,transform .36s ease,opacity .36s ease}.page-dots span.active{height:34px;background:#78d7c6;opacity:1;transform:scaleY(1)}.panel .kicker,.panel h1,.panel h2,.panel p,.hero-tags span,.material-row span,.innovation-card,.pipeline-step,.metric,.lab-image,.process-image,.contact-card,.timeline,.model-stage{opacity:0;transform:translateY(26px) scale(.985);transition:opacity .56s ease,transform .7s cubic-bezier(.18,.78,.2,1)}.panel.is-active .kicker,.panel.is-active h1,.panel.is-active h2,.panel.is-active p,.panel.is-active .hero-tags span,.panel.is-active .material-row span,.panel.is-active .innovation-card,.panel.is-active .pipeline-step,.panel.is-active .metric,.panel.is-active .lab-image,.panel.is-active .process-image,.panel.is-active .contact-card,.panel.is-active .timeline,.panel.is-active .model-stage{opacity:1;transform:translateY(0) scale(1)}.panel.is-active h1,.panel.is-active h2{transition-delay:90ms}.panel.is-active p{transition-delay:.17s}.panel.is-active .hero-tags span:nth-child(1),.panel.is-active .material-row span:nth-child(1),.panel.is-active .innovation-card:nth-child(1),.panel.is-active .pipeline-step:nth-child(1),.panel.is-active .metric:nth-child(1){transition-delay:.21s}.panel.is-active .hero-tags span:nth-child(2),.panel.is-active .material-row span:nth-child(2),.panel.is-active .innovation-card:nth-child(2),.panel.is-active .pipeline-step:nth-child(2),.panel.is-active .metric:nth-child(2){transition-delay:.28s}.panel.is-active .hero-tags span:nth-child(3),.panel.is-active .material-row span:nth-child(3),.panel.is-active .innovation-card:nth-child(3),.panel.is-active .pipeline-step:nth-child(3),.panel.is-active .metric:nth-child(3){transition-delay:.35s}.panel.is-active .innovation-card:nth-child(4),.panel.is-active .pipeline-step:nth-child(4),.panel.is-active .metric:nth-child(4){transition-delay:.42s}.panel.is-active .pipeline-step:nth-child(5){transition-delay:.49s}.panel.is-active .pipeline-step:nth-child(6){transition-delay:.56s}.hero-media{transform:scale(1.08);transition:transform .76s cubic-bezier(.18,.78,.2,1)}.hero-panel.is-active .hero-media{transform:scale(1.01)}.hero-panel:after,.challenge-panel:after,.pipeline-panel:after,.contact-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .9s ease}.hero-panel:after{background:linear-gradient(115deg,rgba(120,215,198,.18),transparent 42%)}.challenge-panel:after{background:radial-gradient(circle at 76% 18%,rgba(216,177,92,.16),transparent 28%)}.pipeline-panel:after,.contact-panel:after{background:radial-gradient(circle at 50% 78%,rgba(120,215,198,.12),transparent 35%)}.hero-panel.is-active:after,.challenge-panel.is-active:after,.pipeline-panel.is-active:after,.contact-panel.is-active:after{opacity:1;transform:translateY(0)}.time-node{transform-origin:bottom;transform:scaleY(.42);transition:transform .76s cubic-bezier(.2,.82,.2,1)}.challenge-panel.is-active .time-node:nth-child(1){transition-delay:.18s}.challenge-panel.is-active .time-node:nth-child(2){transition-delay:.24s}.challenge-panel.is-active .time-node:nth-child(3){transition-delay:.3s}.challenge-panel.is-active .time-node:nth-child(4){transition-delay:.36s}.challenge-panel.is-active .time-node:nth-child(5){transition-delay:.42s}.challenge-panel.is-active .time-node{transform:scaleY(1)}.orbit-hint{position:absolute;left:20px;top:20px;z-index:3;min-height:34px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border:1px solid rgba(120,215,198,.34);border-radius:8px;background:#0c0f109e;color:#fffaf0db;font-size:.78rem;font-weight:760;opacity:0;transform:translateY(-12px);transition:opacity .52s ease .28s,transform .62s ease .28s;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.model-panel.is-active .orbit-hint{opacity:1;transform:translateY(0)}.orbit-hint span{width:9px;height:9px;border-radius:999px;background:#78d7c6;box-shadow:0 0 #78d7c699;animation:orbitPulse 1.7s ease-out infinite}@keyframes orbitPulse{0%{box-shadow:0 0 #78d7c68f}to{box-shadow:0 0 0 12px #78d7c600}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}.pipeline-panel .compact-copy h2{margin-bottom:12px;font-size:clamp(1.72rem,7.35vw,2.55rem);line-height:1.02}.pipeline-panel .compact-copy p{font-size:.92rem;line-height:1.42}.pipeline-panel .kicker{margin-bottom:8px}.pipeline-panel .pipeline-flow{margin:16px 0;gap:8px}.pipeline-panel .pipeline-step{min-height:46px;padding:7px 12px;grid-template-columns:38px 1fr}.pipeline-panel .pipeline-step span{width:28px;height:28px}.pipeline-panel .pipeline-step p{font-size:.95rem}.pipeline-panel .process-image{width:min(40vw,150px);max-height:18vh}@media (max-height: 760px){.pipeline-panel .compact-copy h2{font-size:clamp(1.52rem,6.8vw,2.25rem)}.pipeline-panel .compact-copy p{font-size:.86rem}.pipeline-panel .pipeline-flow{margin:12px 0;gap:6px}.pipeline-panel .pipeline-step{min-height:41px;padding:6px 11px}.pipeline-panel .pipeline-step span{width:25px;height:25px;font-size:.84rem}.pipeline-panel .pipeline-step p{font-size:.88rem}.pipeline-panel .process-image{width:min(34vw,126px);max-height:14vh}}