@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#251a3c;--paper:#faf8fb;--purple:#7857c8;--lav:#b69ae7;--gold:#f3c79d;--header-height:84px;--sky-top:#1a122a;--sky-bottom:#51406f;--sun-x:75%;--sun-y:42%;--city-rise:90px;--city-opacity:0;--aerial-opacity:0;--rain-opacity:0;--cloud-opacity:1;--lightness:0;--map-route:0;--world-scale:1;--stage-text:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font-family:'DM Sans',Inter,system-ui,-apple-system,sans-serif;color:var(--ink);overflow-x:hidden}button,input{font:inherit}a{text-decoration:none;color:inherit}button,a,input{-webkit-tap-highlight-color:transparent}::selection{background:#b7a0e7;color:#1b1432}.skip-link{position:fixed;z-index:999;top:-80px;left:1rem;background:#fff;padding:1rem}.skip-link:focus{top:1rem}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.site-header{position:absolute;inset:0 0 auto 0;height:var(--header-height);z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,6.3vw,105px);color:white}.brand{display:flex;align-items:center;gap:11px;position:relative;z-index:3}.brand-symbol{width:31px;height:31px;border-radius:50%;display:block;background:linear-gradient(132deg,#debbfb 0 49%,#624ca1 49% 100%);position:relative;box-shadow:0 0 30px #ad88eb3d}.brand-symbol i{position:absolute;display:block;width:14px;height:14px;border-radius:50%;background:#fbc990;right:3px;top:4px}.brand-text,.footer-brand{font-family:Manrope,system-ui,sans-serif;letter-spacing:-.075em;font-size:28px;font-weight:800;line-height:1}.brand-dot,.footer-brand span{color:#e2b6ff}.header-actions{display:flex;align-items:center;gap:clamp(18px,2.8vw,42px)}.nav-link{font-size:13px;font-weight:600;opacity:.82;transition:opacity .2s}.nav-link:hover{opacity:1}.header-pill{padding:13px 21px;border:1px solid #ffffff6b;border-radius:100px;font-size:13px;font-weight:700;background:#ffffff0e;backdrop-filter:blur(14px);transition:background .2s,transform .2s}.header-pill:hover{background:#ffffff24;transform:translateY(-2px)}.header-pill span{margin-left:8px}
.story-experience{position:relative;height:500svh;min-height:2600px;isolation:isolate;background:#241836}.world{position:sticky;inset:0 auto auto 0;top:0;height:100svh;min-height:560px;overflow:hidden;background:linear-gradient(180deg,var(--sky-top),var(--sky-bottom));contain:paint}.world-stars{position:absolute;inset:0;opacity:calc(1 - var(--lightness));background-image:radial-gradient(#fff9 0.9px,transparent 1.2px),radial-gradient(#d6c3fcaa 1px,transparent 1.4px);background-size:113px 113px,183px 183px;background-position:11px 7px,43px 67px;mask-image:linear-gradient(to bottom,#000,transparent 87%)}.world-glow{position:absolute;inset:-15%;background:radial-gradient(ellipse 50% 40% at 65% 58%,#8d669557,transparent 75%),radial-gradient(ellipse 30% 25% at 13% 70%,#5e4b9a44,transparent 87%);opacity:.9}.sun-halo{position:absolute;left:var(--sun-x);top:var(--sun-y);width:340px;height:340px;transform:translate(-50%,-50%) scale(calc(.7 + var(--lightness)*.5));border-radius:50%;opacity:var(--lightness);background:radial-gradient(circle,#ffe2a84f 0 12%,#ffcf947a 15%,#ffe0a130 42%,transparent 72%);filter:blur(5px)}.sun-core{width:104px;height:104px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 45% 37%,#fff7d5,#f8cd96 65%,#e8a66d);box-shadow:0 0 64px #f1bc9d8c}.cloud{position:absolute;display:block;width:min(77vw,870px);height:230px;opacity:var(--cloud-opacity);filter:blur(20px);background:radial-gradient(ellipse 30% 64% at 25% 64%,#9a81b0ad 15%,transparent 100%),radial-gradient(ellipse 39% 80% at 45% 60%,#6e597e 20%,transparent 100%),radial-gradient(ellipse 38% 74% at 70% 60%,#8b73a5ac 17%,transparent 100%);will-change:transform;pointer-events:none}.cloud-a{left:-12%;top:10%;transform:scale(1.2);animation:cloud-drift 34s ease-in-out infinite alternate}.cloud-b{right:-17%;top:22%;transform:scale(1.5);animation:cloud-drift-b 36s ease-in-out infinite alternate}.cloud-c{left:-22%;top:48%;width:115vw;opacity:calc(var(--cloud-opacity)*.8);animation:cloud-drift 48s ease-in-out infinite alternate;filter:blur(32px)}.cloud-d{right:-31%;top:4%;width:80vw;opacity:calc(var(--cloud-opacity)*.53);animation:cloud-drift-b 42s ease-in-out infinite alternate;filter:blur(32px)}@keyframes cloud-drift{to{transform:translate3d(75px,-19px,0) scale(1.26)}}@keyframes cloud-drift-b{to{transform:translate3d(-75px,27px,0) scale(1.43)}}.lightning{position:absolute;inset:0;width:100%;height:100%;opacity:calc((1 - var(--lightness))*var(--cloud-opacity));pointer-events:none;animation:lightning-show 13s infinite}.lightning path{stroke:#e8dbff;stroke-width:3;fill:#f7e8ff25;filter:drop-shadow(0 0 14px #e2d2ff)}@keyframes lightning-show{0%,12%,12.8%,13.3%,14%,100%{visibility:hidden;opacity:0}12.2%,12.5%,13.5%,13.75%{visibility:visible;opacity:.55}}.rain-canvas{position:absolute;inset:0;z-index:2;width:100%;height:100%;opacity:var(--rain-opacity);pointer-events:none}.distance-mist{position:absolute;inset:auto 0 0 0;height:49%;background:linear-gradient(transparent,#c8afcf28 40%,#ddd4e15c);opacity:calc(.15 + var(--lightness)*.8)}.skyline{position:absolute;inset:auto 0 0;width:100%;height:100%;z-index:3;opacity:var(--city-opacity);transform:translate3d(0,var(--city-rise),0);will-change:transform,opacity;pointer-events:none}.aerial{position:absolute;inset:0;z-index:5;opacity:var(--aerial-opacity);transform:scale(calc(1.1 + .1*var(--world-scale)));transform-origin:52% 54%;pointer-events:none}.aerial-map{width:100%;height:100%;display:block}.world-vignette{position:absolute;inset:0;z-index:6;pointer-events:none;background:linear-gradient(90deg,#0c071a52,transparent 56%,#0d09211c),linear-gradient(0deg,#09061460,transparent 36%,transparent 88%,#100a1f22)}.story-copies{position:relative;z-index:8;margin-top:-100svh;pointer-events:none;color:var(--stage-text)}.story-step{min-height:100svh;height:100svh;display:flex;align-items:center;padding:var(--header-height) clamp(24px,10vw,170px) 6vh}.story-step.align-right{justify-content:flex-end}.copy{max-width:620px;opacity:var(--copy-opacity,1);transform:translate3d(0,var(--copy-y,0px),0);transition:opacity .2s linear;will-change:opacity,transform;text-shadow:0 1px 28px #1c113b25}.eyebrow{display:flex;align-items:center;gap:13px;font-size:10px;font-weight:700;letter-spacing:.21em;text-transform:uppercase;color:#e2d4f4}.eyebrow-line{width:29px;height:1px;background:currentColor;opacity:.85}.copy h1,.copy h2,.section-intro h2,.features-heading h2,.closing h2{font-family:Manrope,system-ui,sans-serif;font-weight:700;letter-spacing:-.071em;line-height:1.11;margin:24px 0 18px}.copy h1{font-size:clamp(62px,9.2vw,155px);letter-spacing:-.086em}.copy h2{font-size:clamp(52px,7vw,110px)}h1 em,h2 em{font-weight:500;font-family:Georgia,Times,serif;letter-spacing:-.052em;color:#e1b9ef}.copy p{font-size:clamp(15px,1.5vw,19px);line-height:1.7;max-width:380px;color:#f1e7f5c9;font-weight:450}.copy-hero p{font-size:18px}.first-step{position:relative}.scroll-cue{position:absolute;bottom:6vh;left:clamp(24px,10vw,170px);display:flex;align-items:center;gap:15px;opacity:.67;font-size:10px;font-weight:700;letter-spacing:.17em}.scroll-cue i{height:48px;width:1px;background:linear-gradient(#fff,transparent);animation:cue 1.8s ease-in-out infinite alternate;transform-origin:top}@keyframes cue{to{transform:scaleY(.43);opacity:.4}}.text-arrow{display:inline-flex;align-items:center;gap:26px;font-size:14px;font-weight:700;padding:13px 0;border-bottom:1px solid #ecd9ff70;pointer-events:auto;margin-top:12px}.text-arrow span{font-size:19px}.story-progress{position:sticky;bottom:31px;margin-top:-111px;left:calc(100% - 52px);z-index:20;width:2px;height:86px;background:#ffffff47;pointer-events:none}.story-progress #progress-track{width:100%;height:5%;background:white;transition:height .1s}.stage-number{position:sticky;bottom:14px;z-index:20;left:0;text-align:right;padding-right:45px;margin-top:-20px;height:22px;font-size:9px;letter-spacing:.1em;color:#fff9;pointer-events:none}.stage-number span{color:white}.final-step .copy h2,.final-step .copy p{color:#fff}
.section-light{background:var(--paper)}.playground{padding:140px clamp(24px,8.5vw,150px) 118px;position:relative}.section-intro{max-width:790px;margin:0 auto 72px;text-align:center}.eyebrow-dark{color:#967bb5;justify-content:center}.section-intro h2,.features-heading h2{font-size:clamp(48px,6.2vw,88px)}.section-intro h2 em,.features-heading h2 em{color:#9574cc}.section-intro p{font-size:17px;line-height:1.8;color:#81778f;max-width:590px;margin:auto}.demo-card{max-width:1110px;margin:auto;overflow:hidden;border:1px solid #e5dfe9;border-radius:28px;background:#fff;box-shadow:0 33px 100px #49346614,0 5px 26px #533c6b08}.demo-topline{height:66px;display:flex;justify-content:space-between;align-items:center;padding:0 35px}.demo-label,.demo-city{font-size:10px;font-weight:800;letter-spacing:.16em;color:#7b6a94}.demo-city span{margin-left:9px}.live-dot{display:inline-block;height:7px;width:7px;border-radius:50%;background:#9e86e7;margin-right:10px;box-shadow:0 0 0 4px #e2dafa}.demo-view{height:clamp(290px,40vw,540px);position:relative;overflow:hidden;background:#eee6f2}.demo-view svg{width:100%;height:100%;display:block}.demo-view #demo-shadows{transform-box:fill-box;transform-origin:center center;transition:transform .3s ease,opacity .3s}.demo-view #shade-route{filter:drop-shadow(0 2px 2px #694faa35)}.demo-sun{position:absolute;top:18%;left:64%;width:75px;height:75px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#ffead2,#ffe3a16b 60%,transparent 71%);color:#f6aa69;transform:translate(-50%,-50%);opacity:.9;pointer-events:none;transition:opacity .3s}.demo-sun span{font-size:43px;line-height:1;text-shadow:0 0 12px #f3ae74aa}.demo-map-chip{position:absolute;bottom:19px;left:25px;padding:11px 15px;background:#fffef8ef;backdrop-filter:blur(9px);border-radius:100px;font-size:11px;font-weight:700;color:#66547b;box-shadow:0 6px 30px #3c2b4822}.chip-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#916dd3;margin-right:7px}.demo-bottom{padding:30px 35px 34px;display:grid;grid-template-columns:120px minmax(100px,1fr) 175px;gap:30px;align-items:center}.demo-time-small{font-size:10px;color:#9d90ad;letter-spacing:.13em;font-weight:800;margin-bottom:4px}.demo-time strong{font-family:Manrope,sans-serif;font-size:30px;letter-spacing:-.07em}.demo-range-wrap input{width:100%;height:7px;cursor:pointer;appearance:none;-webkit-appearance:none;border-radius:20px;background:linear-gradient(90deg,#a99be2 0%,#e0cae1 44%,#f5c68f 75%,#9381bd 100%);outline:none}.demo-range-wrap input::-webkit-slider-thumb{-webkit-appearance:none;height:23px;width:23px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #7154c4,0 4px 10px #5e47794a}.demo-range-wrap input::-moz-range-thumb{height:20px;width:20px;border:4px solid #7154c4;border-radius:50%;background:white}.range-labels{display:flex;justify-content:space-between;font-size:11px;color:#aa9caf;margin-top:12px}.demo-legend{display:flex;flex-direction:column;gap:12px;font-size:11px;color:#716781;font-weight:600}.demo-legend span{display:flex;gap:8px;align-items:center}.demo-legend i{width:23px;height:3px;border-radius:100px;background:#7b5acb;display:inline-block}.demo-legend .legend-alt{background:repeating-linear-gradient(90deg,#aaa1b6 0 4px,transparent 4px 7px)}.demo-disclaimer{font-size:11px;color:#aaa0af;text-align:center;margin:23px auto 0}.reveal{opacity:0;transform:translateY(32px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.features{padding:20px clamp(24px,8.5vw,150px) 156px}.features-heading{text-align:center;margin:0 auto 65px}.feature-grid{max-width:1160px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:auto}.feature-card{padding:38px 33px 43px;min-height:310px;border:1px solid #e8e1ee;border-radius:22px;background:linear-gradient(145deg,#fff,#f7f3fa);box-shadow:0 12px 45px #3c2b3d05;position:relative}.feature-icon{height:56px;width:56px;background:#eee5fb;color:#8464c8;border-radius:17px;display:grid;place-items:center;font-size:29px;font-weight:400;margin-bottom:34px}.icon-sun{color:#e1a26d;background:#fff0e2}.feature-card>span{position:absolute;top:42px;right:38px;font-size:12px;color:#ada4b9}.feature-card h3{font-family:Manrope,sans-serif;font-size:25px;letter-spacing:-.05em;margin:0 0 12px}.feature-card p{font-size:14px;line-height:1.8;color:#8b809a;max-width:280px;margin:0}.closing{min-height:660px;position:relative;overflow:hidden;background:radial-gradient(ellipse 45% 70% at 50% 87%,#6c4891 0,#36204f 65%,#21132f 100%);color:white;display:flex;align-items:center;justify-content:center;padding:100px 24px;text-align:center}.closing-glow{position:absolute;width:450px;height:450px;border-radius:50%;background:#ac81fa32;filter:blur(100px);bottom:-240px;left:calc(50% - 225px)}.closing-orbit{position:absolute;width:min(85vw,820px);height:min(85vw,820px);border:1px solid #ab8cde2a;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-25deg)}.orbit-b{width:min(110vw,1120px);height:min(110vw,1120px)}.closing-inner{position:relative;z-index:2}.closing .eyebrow{justify-content:center}.closing h2{font-size:clamp(56px,8.2vw,119px);margin:25px 0}.closing p{color:#d2c2de;font-size:16px;line-height:1.7}.coming-soon{display:inline-flex;align-items:center;gap:13px;margin-top:30px;padding:17px 27px;border:1px solid #fff6;border-radius:100px;font-size:13px;font-weight:700;letter-spacing:.01em;background:#ffffff16}.coming-soon-dot{height:8px;width:8px;background:#e5bcfb;box-shadow:0 0 16px #dcafff;border-radius:50%}.footer{padding:45px clamp(24px,8.5vw,150px);background:#1a1127;color:#cbb6da;display:flex;align-items:center;justify-content:space-between;gap:15px}.footer-brand{font-size:26px;color:white}.footer p{font-size:11px;color:#af9fc0;margin:0}
@media (min-width:1440px){.copy-hero{max-width:850px}}@media(max-width:900px){.site-header{padding:0 25px}.nav-link{display:none}.story-step{padding:85px 8vw 0}.story-step.align-right{justify-content:flex-start}.copy{max-width:560px}.copy h1{font-size:clamp(61px,10vw,105px)}.copy h2{font-size:clamp(51px,8vw,83px)}.scroll-cue{left:8vw}.playground{padding:100px 24px}.features{padding:15px 24px 100px}.demo-bottom{grid-template-columns:90px 1fr;gap:25px}.demo-legend{grid-column:1/-1;flex-direction:row;gap:35px}.feature-grid{gap:12px}.feature-card{padding:27px 22px}.footer{flex-wrap:wrap}}
@media(max-width:610px){:root{--header-height:69px}.site-header{padding:0 20px}.brand-symbol{width:26px;height:26px}.brand-symbol i{width:12px;height:12px}.brand-text{font-size:24px}.header-pill{padding:10px 13px;font-size:11px}.header-pill span{margin-left:4px}.world{min-height:460px}.story-experience{min-height:2400px}.story-step{padding:70px 23px 0;align-items:center}.copy h1{font-size:clamp(57px,14.5vw,90px)}.copy h2{font-size:clamp(52px,12vw,82px)}.copy p{font-size:15px;max-width:295px}.eyebrow{font-size:9px;letter-spacing:.14em}.scroll-cue{left:23px}.story-progress{left:calc(100% - 24px)}.stage-number{padding-right:17px}.cloud{width:130vw}.cloud-c{width:160vw}.sun-halo{width:200px;height:200px}.sun-core{width:75px;height:75px}.skyline{width:140%;left:-20%}.aerial{width:120%;left:-10%}.playground{padding:100px 17px 85px}.section-intro{margin-bottom:40px}.section-intro h2,.features-heading h2{font-size:clamp(43px,10.5vw,65px)}.section-intro p{font-size:14px}.demo-card{border-radius:18px}.demo-topline{height:54px;padding:0 17px}.demo-label,.demo-city{font-size:9px}.demo-view{height:330px}.demo-sun{width:50px;height:50px}.demo-sun span{font-size:29px}.demo-map-chip{font-size:9px;left:11px;bottom:12px;padding:9px 10px}.demo-bottom{padding:21px 17px 28px;grid-template-columns:74px 1fr;gap:16px}.demo-time strong{font-size:23px}.demo-time-small{font-size:8px}.demo-legend{gap:18px;flex-wrap:wrap;font-size:10px}.features{padding:5px 17px 100px}.features-heading{margin-bottom:42px}.feature-grid{grid-template-columns:1fr;gap:12px}.feature-card{min-height:auto;padding:26px 27px 33px}.feature-icon{margin-bottom:24px}.feature-card h3{font-size:23px}.closing{min-height:580px}.closing h2{font-size:clamp(53px,12vw,85px)}.footer{flex-direction:column;align-items:flex-start;padding:38px 25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cloud,.lightning,.scroll-cue i{animation:none!important}.reveal{opacity:1!important;transform:none!important;transition:none!important}.copy{transition:none}.header-pill{transition:none}}