@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{--bg:#130d27;--ink:#f4e8d5;--muted:#a79bb4;--gold:#ffae45;--coral:#ff765f;--line:rgba(255,255,255,.1);--mono:'DM Mono',monospace;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}.topbar{height:72px;position:absolute;z-index:10;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:0 5.5vw}.brand{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-size:18px;font-style:italic}.brand-icon{width:23px;height:23px;display:grid;place-items:center;border-radius:7px;background:linear-gradient(145deg,#8b48ff,#ff736a);font-style:normal;font-size:14px;box-shadow:0 0 18px #ac52d777}.topbar nav{display:flex;gap:34px;color:#c3b9ca;font-size:12px}.topbar nav a:hover,.footer-links a:hover{color:var(--gold)}.nav-cta,.outline-btn{border:1px solid #624251;background:rgba(255,255,255,.03);border-radius:999px;padding:10px 17px;font-size:11px;letter-spacing:.03em}.nav-cta:hover,.outline-btn:hover{background:linear-gradient(100deg,var(--gold),var(--coral));color:#21142a}.menu-toggle{display:none;background:none;border:0}.hero{min-height:660px;height:min(100vh,840px);max-height:900px;position:relative;display:grid;grid-template-columns:46% 54%;align-items:center;padding:88px 8.5vw 64px;overflow:hidden;background:radial-gradient(ellipse at 79% 51%,#45213e 0%,#21132f 33%,#130d27 70%)}.hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#844e65,transparent)}.hero-stars{position:absolute;inset:0;opacity:.5;background-image:radial-gradient(#ffe4b0 1px,transparent 1px),radial-gradient(#f48d7e .7px,transparent .7px);background-size:153px 153px,241px 241px;background-position:31px 13px,77px 71px;pointer-events:none}.hero-copy{position:relative;z-index:1;max-width:440px}.kicker,.rule-label{font-family:var(--mono);font-size:9px;letter-spacing:.25em;color:#d87873;text-transform:uppercase}.hero h1{font:500 clamp(52px,6.6vw,90px)/.97 var(--serif);letter-spacing:-.045em;margin:23px 0 22px}.hero h1 em,.chapter h2 em,.interactive h2 em,.download h2 em{color:var(--coral);font-weight:500}.rule-label{color:#c8874b;font-size:8px;margin:26px 0 10px}.hero-quote{font:italic 15px/1.5 var(--serif);max-width:360px;margin:0 0 10px}.hero-desc{color:#b7aabe;max-width:390px;font-size:12px;line-height:1.8}.store-buttons{display:flex;gap:10px;margin-top:23px}.store-btn{height:39px;min-width:122px;border-radius:8px;background:#050409;display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px;color:#fff}.store-btn span{display:flex;flex-direction:column;line-height:1.1}.store-btn small{font-size:7px;color:#ddd}.store-btn b{font-size:11px;font-weight:600}.stats{display:flex;gap:35px;border-top:1px solid var(--line);margin-top:25px;padding-top:15px;max-width:390px}.stats div,.metrics div{display:flex;flex-direction:column;gap:3px}.stats b,.metrics b{font:italic 600 19px var(--serif);color:var(--gold)}.stats small,.metrics small{font:7px var(--mono);letter-spacing:.12em;color:#877c91;text-transform:uppercase}.hero-device{height:480px;position:relative;display:flex;align-items:center;justify-content:center}.phone-shell{display:block;position:relative;width:196px;padding:7px;border:1px solid #46324e;border-radius:30px;background:#080711;box-shadow:0 25px 70px #05030c99,0 0 0 4px #ffffff08;overflow:hidden;transform:rotate(-7deg)}.phone-shell img{display:block;width:100%;border-radius:23px}.hero-device .phone-shell{width:204px;z-index:2;transform:rotate(-7deg);box-shadow:0 25px 90px #08050d,0 0 50px #b65b7433}.orbit{position:absolute;width:400px;height:400px;border:1px solid #ca8c6d24;border-radius:50%}.orbit-b{width:300px;height:300px;border-style:dashed}.moon{position:absolute;top:25px;left:16%;font-size:37px;color:#ffd080;text-shadow:0 0 30px #ffbd61}.floating-bottle{position:absolute;bottom:50px;right:11%;font-size:44px;filter:drop-shadow(0 0 20px #ffb257)}.hero-note{position:absolute;right:2%;bottom:85px;z-index:3;border:1px solid #674457;border-radius:13px;padding:14px 17px;background:#21132fe8;font:italic 13px/1.5 var(--serif);box-shadow:0 10px 40px #08050d}.hero-note span{color:var(--gold);margin-right:8px}.scroll-cue{position:absolute;bottom:23px;left:8.5vw;color:#867991;font:8px var(--mono);letter-spacing:.2em}.scroll-cue span{margin-left:10px;color:var(--gold)}
.chapter{min-height:560px;padding:90px 11vw;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;position:relative;background:radial-gradient(ellipse at 70% 50%,#21123788,transparent 46%)}.chapter:nth-of-type(odd){background-color:#170f2c}.chapter-copy{max-width:430px}.chapter-count{font:italic 30px var(--serif);margin-bottom:9px}.chapter-count b{color:var(--gold);font-weight:500}.chapter-count span{color:#59445a}.chapter-copy .kicker{font-size:8px;margin-bottom:18px}.chapter h2,.interactive h2,.download h2{font:500 clamp(38px,4vw,54px)/1.1 var(--serif);letter-spacing:-.025em;margin:0 0 18px}.chapter-copy p,.interactive-copy p,.download p{color:#a99db2;font-size:12px;line-height:1.9;max-width:370px}.metrics{display:flex;gap:26px;margin-top:23px}.metrics b{font-size:17px}.chapter-visual{justify-self:center;position:relative;background:none;border:0;padding:0;min-height:410px;display:grid;place-items:center}.chapter-visual .phone-shell{width:194px;transform:rotate(4deg)}.reverse .chapter-visual .phone-shell{transform:rotate(-5deg)}.chapter-visual:hover .phone-shell{transform:rotate(0) translateY(-5px);transition:.35s}.visual-caption{position:absolute;bottom:8px;color:#c9a0bb;font:9px var(--mono);letter-spacing:.1em;opacity:0;transition:.2s}.chapter-visual:hover .visual-caption{opacity:1}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.chips span{padding:6px 10px;border:1px solid #503347;border-radius:20px;color:#e58b83;font:8px var(--mono);letter-spacing:.09em}.text-link{margin-top:20px;background:none;border:0;color:var(--gold);font:italic 14px var(--serif);padding:0}.text-link b{font:normal 13px var(--sans);margin-left:7px}.legend{display:grid;gap:9px;color:#a99db2;font:9px var(--mono);margin:24px 0}.legend span:first-child{color:#63ddb5}.legend span:nth-child(2){color:#c995ff}.legend span:nth-child(3){color:#8aaaff}
.interactive{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:8vw;padding:90px 12vw;min-height:680px;overflow:hidden;background:radial-gradient(ellipse at 67% 55%,#382049,#19102f 50%,#130d27 78%)}.interactive-copy{max-width:330px}.interactive h2{margin-top:20px}.tab-hint{margin:26px 0 18px;padding:13px 15px;border:1px solid #48334d;border-radius:10px;color:#a99db2;font:10px var(--mono)}.tab-hint b{color:var(--gold)}.live-dot{display:inline-block;background:#54d9b2;width:7px;height:7px;border-radius:50%;margin-left:8px;box-shadow:0 0 10px #54d9b2}.demo-wrap{position:relative;display:flex;justify-content:center;isolation:isolate}.demo-phone{width:min(310px,73vw);position:relative;padding:9px 9px 0;background:#08070e;border:1px solid #49354f;border-radius:39px;box-shadow:0 35px 90px #06040caa;overflow:hidden;z-index:1}.demo-status{height:28px;position:absolute;left:24px;right:24px;top:13px;z-index:2;display:flex;justify-content:space-between;padding:0 7px;color:white;font:11px var(--sans);pointer-events:none}.demo-phone>img{width:100%;display:block;border-radius:30px 30px 0 0;transition:opacity .2s}.demo-tabs{position:absolute;z-index:3;bottom:5px;left:9px;right:9px;height:74px;display:flex;justify-content:space-around;align-items:center;background:#0b0912;border-top:1px solid #ffffff17;padding-bottom:10px}.demo-tabs button{border:0;background:none;color:#79727e;font-size:9px;display:flex;flex-direction:column;gap:5px;align-items:center;min-width:48px}.demo-tabs button span{font-size:19px}.demo-tabs button.active{color:var(--ink)}.demo-tabs button.active span{color:var(--gold);text-shadow:0 0 15px #ffae45}.demo-home{height:20px;background:#0b0912;position:relative;z-index:4}.demo-glow{position:absolute;z-index:-1;width:370px;height:550px;background:#b84a8330;filter:blur(85px);border-radius:50%}.demo-overlay{position:absolute;z-index:2;inset:39px 9px 84px;border-radius:30px 30px 0 0;padding:37px 15px 20px;background:radial-gradient(ellipse at 50% 28%,#42264f,#12101f 75%);display:flex;flex-direction:column;gap:14px}.demo-overlay[hidden]{display:none}.live-top{font:10px var(--mono);letter-spacing:.15em;color:#f4e8d5;display:flex;justify-content:space-between}.live-top span{color:#64e1b9;font-size:8px}.live-room{border:1px solid #694258;border-radius:17px;padding:18px 15px;background:linear-gradient(145deg,#392144,#1b1429);display:flex;flex-direction:column;gap:13px;min-height:178px}.live-room small{font:8px var(--mono);color:#ffac7b;letter-spacing:.08em}.live-room b{font:20px/1.35 var(--serif)}.live-room span{font-size:9px;color:#ad9eb6}.live-room button{align-self:flex-start;padding:8px 15px;border:0;border-radius:20px;background:linear-gradient(90deg,#ffae45,#ff7067);color:#1b1122;font-size:9px}.live-room.mini{min-height:auto;padding:14px}.live-room.mini b{font-size:15px}
.download{margin:40px 4.5vw 60px;padding:42px 5vw;border:1px solid #55334c;border-radius:20px;display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:25px;background:radial-gradient(ellipse at 95% 80%,#612b4c,#241437 42%,#1b1230);box-shadow:inset 0 0 35px #f5808320}.download-bottle{font-size:61px;filter:drop-shadow(0 0 22px #ffb75d)}.download h2{font-style:italic;font-size:34px;margin:12px 0 10px}.download p{font-size:10px;margin:0}.download .store-buttons{flex-direction:column;margin:0}.download .store-btn{min-width:130px}footer{padding:0 8.5vw 25px;color:#93869d}.footer-top{display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}.footer-top p{font:italic 13px var(--serif)}.footer-links{display:flex;gap:20px}.footer-links a{color:#b5a8bf;font-size:10px}.footer-bottom{display:flex;justify-content:space-between;padding-top:18px;font:8px var(--mono);letter-spacing:.03em}
@media(max-width:850px){.topbar{padding:0 6vw}.topbar nav{gap:18px}.hero{padding-left:7vw;padding-right:7vw;grid-template-columns:48% 52%}.hero-device{transform:scale(.9)}.chapter{padding:75px 8vw;gap:4vw}.interactive{padding:75px 8vw;gap:5vw}.footer-top{grid-template-columns:150px 1fr}.footer-links{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:620px){.topbar{height:62px}.topbar nav,.nav-cta{display:none}.topbar.menu-open nav{display:flex;position:absolute;top:56px;left:4vw;right:4vw;padding:18px;background:#1b1230;border:1px solid #513952;border-radius:14px;flex-direction:column;gap:17px;box-shadow:0 18px 40px #08050d}.menu-toggle{display:block;color:var(--ink);font-size:21px}.hero{height:auto;min-height:900px;max-height:none;padding:104px 7vw 58px;grid-template-columns:1fr;align-content:start}.hero-copy{max-width:none}.hero h1{font-size:62px;margin-top:18px}.hero-quote{font-size:14px}.hero-desc{max-width:100%}.hero-device{height:395px;margin-top:5px;transform:none}.hero-device .phone-shell{width:173px}.orbit{width:330px;height:330px}.orbit-b{width:250px;height:250px}.hero-note{right:0;bottom:48px}.floating-bottle{right:5%;bottom:17px}.moon{top:14px;left:7%}.stats{gap:24px}.scroll-cue{left:7vw}.chapter,.chapter.reverse{padding:70px 8vw 42px;grid-template-columns:1fr;gap:20px;min-height:0}.chapter-copy{order:0}.chapter-visual{order:1;min-height:385px;width:100%}.chapter-visual .phone-shell{width:185px}.reverse .chapter-visual{order:1}.reverse .chapter-copy{order:0}.chapter h2{font-size:43px}.interactive{grid-template-columns:1fr;padding:68px 8vw;gap:34px}.interactive-copy{max-width:none}.demo-wrap{min-height:500px}.demo-phone{width:min(320px,84vw)}.download{margin:25px 4vw 45px;padding:28px 7vw;grid-template-columns:58px 1fr;gap:16px}.download-bottle{font-size:44px}.download h2{font-size:29px}.download .store-buttons{grid-column:1/-1;flex-direction:row}.download .store-btn{min-width:0;flex:1}.footer-top{grid-template-columns:1fr;gap:10px}.footer-links{gap:15px;flex-wrap:wrap}.footer-bottom{gap:12px;flex-direction:column}.footer-top p{margin:0}}

/* Store marks, soft motion, and scroll reveals */
.store-link{display:block;width:150px;line-height:0;transition:transform .22s ease,filter .22s ease}.store-link img{width:100%;height:auto;display:block}.store-link:hover{transform:translateY(-3px) scale(1.025);filter:drop-shadow(0 8px 18px #0008)}.hero .store-buttons{gap:12px;flex-wrap:wrap}.download .store-buttons{gap:10px}.download .store-link{width:145px}
.brand-logo{display:block;width:38px;height:38px;object-fit:cover;border-radius:11px;box-shadow:0 0 18px #a746b344}.footer-top .brand-logo{width:34px;height:34px}.brand{gap:9px}
.hero-copy{animation:hero-copy-enter .95s cubic-bezier(.2,.8,.2,1) both}.hero-device{animation:hero-art-enter 1.05s .12s cubic-bezier(.2,.8,.2,1) both}.hero-device .phone-shell{animation:phone-float 5s ease-in-out infinite}.floating-bottle{animation:bottle-float 3.4s ease-in-out infinite}.moon{animation:moon-glow 2.5s ease-in-out infinite alternate}.orbit-a{animation-duration:42s}.orbit-b{animation-duration:31s}
.reveal{transition:opacity .95s ease var(--reveal-delay,0ms),transform .95s cubic-bezier(.18,.72,.22,1) var(--reveal-delay,0ms)}.reveal-from-left{transform:translate3d(-82px,0,0)}.reveal-from-right{transform:translate3d(82px,0,0)}.reveal-from-up{transform:translate3d(0,42px,0)}
@keyframes hero-copy-enter{from{opacity:0;transform:translate3d(-45px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}@keyframes hero-art-enter{from{opacity:0;transform:translate3d(45px,18px,0) scale(.97)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@media(max-width:620px){.reveal-from-left{transform:translate3d(-42px,0,0)}.reveal-from-right{transform:translate3d(42px,0,0)}.chapter.reverse .chapter-copy.reveal-from-right{transform:translate3d(-42px,0,0)}.chapter.reverse .chapter-visual.reveal-from-left{transform:translate3d(42px,0,0)}}
@media(prefers-reduced-motion:reduce){.hero-copy,.hero-device{animation:none!important;opacity:1!important;transform:none!important}}
.hero-stars{animation:star-drift 75s linear infinite,star-twinkle 5s ease-in-out infinite alternate}.hero-device .phone-shell{animation:phone-float 6s ease-in-out infinite}.floating-bottle{animation:bottle-float 4.4s ease-in-out infinite}.moon{animation:moon-glow 3.5s ease-in-out infinite alternate}.hero-note{animation:note-float 5.5s ease-in-out infinite}.orbit-a{animation:orbit-turn 90s linear infinite}.orbit-b{animation:orbit-turn 65s linear infinite reverse}.scroll-cue span{display:inline-block;animation:arrow-bob 1.5s ease-in-out infinite}.chapter-visual .phone-shell{transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}.chapter-visual:hover .phone-shell{box-shadow:0 28px 75px #08050d,0 0 36px #c35a8140}.demo-tabs button{transition:color .2s,transform .2s}.demo-tabs button:hover{transform:translateY(-3px);color:var(--ink)}.demo-tabs button.active span{animation:tab-pop .35s cubic-bezier(.2,.8,.2,1)}.demo-room,.live-room{animation:card-breathe 5s ease-in-out infinite}.live-room.mini{animation-delay:.7s}.screen-change{animation:screen-in .45s cubic-bezier(.2,.8,.2,1)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease var(--reveal-delay,0ms),transform .75s cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms)}.reveal.is-visible{opacity:1;transform:translateY(0)}.outline-btn,.nav-cta,.text-link{transition:transform .2s ease,color .2s,background-color .2s}.outline-btn:hover,.nav-cta:hover{transform:translateY(-2px)}
@keyframes star-drift{to{background-position:184px 153px,-164px 312px}}@keyframes star-twinkle{from{opacity:.28}to{opacity:.72}}@keyframes phone-float{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes bottle-float{0%,100%{translate:0 0;rotate:-5deg}50%{translate:0 -14px;rotate:5deg}}@keyframes moon-glow{from{filter:drop-shadow(0 0 4px #ffbd6155)}to{filter:drop-shadow(0 0 18px #ffbd61)}}@keyframes note-float{0%,100%{translate:0 0}50%{translate:0 -7px}}@keyframes orbit-turn{to{rotate:360deg}}@keyframes arrow-bob{0%,100%{translate:0 0}50%{translate:0 5px}}@keyframes tab-pop{50%{scale:1.28}}@keyframes card-breathe{0%,100%{border-color:#694258}50%{border-color:#c17d72}}@keyframes screen-in{from{opacity:.35;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.chapter.reverse .chapter-copy{grid-column:2;grid-row:1}.chapter.reverse .chapter-visual{grid-column:1;grid-row:1}
.reveal{opacity:0;transition:opacity .8s ease var(--reveal-delay,0ms),transform .8s cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms)}.reveal-from-left{transform:translate3d(-54px,0,0)}.reveal-from-right{transform:translate3d(54px,0,0)}.reveal-from-up{transform:translate3d(0,26px,0)}.reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}
@media(max-width:620px){.chapter.reverse .chapter-copy,.chapter.reverse .chapter-visual{grid-column:1;grid-row:auto}.reveal-from-left{transform:translate3d(-30px,0,0)}.reveal-from-right{transform:translate3d(30px,0,0)}.chapter.reverse .chapter-copy.reveal-from-right{transform:translate3d(-30px,0,0)}.chapter.reverse .chapter-visual.reveal-from-left{transform:translate3d(30px,0,0)}}
@media(prefers-reduced-motion:reduce){.reveal{transition-duration:.9s!important}.reveal-from-left{transform:translate3d(-120px,0,0)}.reveal-from-right{transform:translate3d(120px,0,0)}.reveal-from-up{transform:translate3d(0,42px,0)}}
.demo-tabs button svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.demo-tabs button[data-tab="cosmos"] svg ellipse{stroke-width:2.2}.demo-tabs button[data-tab="cosmos"] svg circle{fill:currentColor;stroke:none}.demo-tabs button[data-tab="live"] svg path:last-child{fill:currentColor;stroke:none}.demo-tabs button.active svg{color:var(--gold);filter:drop-shadow(0 0 7px #ffae4580)}
.reveal{transition-duration:1.15s}.reveal-from-left{transform:translate3d(-140px,0,0)}.reveal-from-right{transform:translate3d(140px,0,0)}.reveal-from-up{transform:translate3d(0,48px,0)}
@media(max-width:620px){.reveal-from-left{transform:translate3d(-54px,0,0)}.reveal-from-right{transform:translate3d(54px,0,0)}.chapter.reverse .chapter-copy.reveal-from-right{transform:translate3d(-54px,0,0)}.chapter.reverse .chapter-visual.reveal-from-left{transform:translate3d(54px,0,0)}}

/* Standalone information pages */
.document-body{min-height:100vh;background:radial-gradient(ellipse at 80% 10%,#2b1937 0%,var(--bg) 48%)}
.document-page{min-height:calc(100vh - 190px);padding:118px clamp(22px,8vw,116px) 72px}
.document-wrap{max-width:850px;margin:0 auto}
.document-heading{margin-bottom:28px}
.document-heading h1{font:500 clamp(42px,6vw,68px)/1.05 var(--serif);letter-spacing:-.035em;margin:18px 0 12px}
.document-heading p{color:#b7aabe;font-size:14px;line-height:1.8;margin:0}
.document-card{border:1px solid #52354c;border-radius:18px;padding:clamp(22px,4.5vw,46px);background:linear-gradient(145deg,#211432e8,#120d20f2);box-shadow:0 25px 70px #08050d55}
.document-copy{color:#c1b5c8;font-size:14px;line-height:1.9;overflow-wrap:anywhere}
.document-copy p{margin:0 0 18px}
.document-copy h2{font:500 22px/1.35 var(--serif);color:var(--ink);margin:26px 0 8px}
.document-copy h2:first-child{margin-top:0}
.document-copy a,.email-link{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.pending-notice{margin:0 0 18px;padding:15px 18px;border:1px solid #9b6349;border-radius:12px;background:#3a241f77;color:#f0c4a2;font-size:12px;line-height:1.7}
.pending-notice strong{display:block;color:#ffd19a;font-weight:600}
@media(max-width:620px){.document-page{padding:96px 6vw 52px}.document-heading h1{font-size:44px}.document-card{border-radius:14px}.document-copy{font-size:13px}.footer-links{gap:14px}}