:root{
  --night:#070911;--night-2:#0d1120;--night-3:#12182a;--electric:#5d72ff;--cyan:#31e6d0;--hot:#ff4d78;--violet:#9f69ff;--milk:#f7f3e9;--motion-x:50%;--motion-y:30%;
}
html{background:var(--night);max-width:100%;overflow-x:clip}
body{background:var(--night);color:var(--milk);max-width:100%;overflow-x:clip}
body:before{opacity:.08;mix-blend-mode:screen;z-index:30}
.ambient-scene{position:fixed;inset:0;z-index:-2;overflow:hidden;contain:strict;pointer-events:none;background:radial-gradient(circle at var(--motion-x) var(--motion-y),rgba(93,114,255,.12),transparent 27%),linear-gradient(180deg,var(--night),#090c16 55%,#070911)}
.ambient-orb{position:absolute;border-radius:50%;filter:blur(35px);opacity:.5;will-change:transform}
.orb-one{width:42vw;height:42vw;min-width:420px;min-height:420px;left:-18vw;top:8vh;background:radial-gradient(circle at 35% 35%,var(--electric),transparent 68%);animation:orbDriftOne 15s ease-in-out infinite alternate}
.orb-two{width:38vw;height:38vw;right:-12vw;top:36vh;background:radial-gradient(circle at 50% 50%,var(--hot),transparent 68%);animation:orbDriftTwo 18s ease-in-out infinite alternate}
.orb-three{width:30vw;height:30vw;left:38vw;bottom:-18vw;background:radial-gradient(circle at 50% 50%,var(--cyan),transparent 70%);animation:orbDriftThree 20s ease-in-out infinite alternate}
.ambient-grid{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 82%);transform:perspective(700px) rotateX(62deg) translateY(-12%) scale(1.4);transform-origin:top center}
.cursor-light{position:absolute;width:440px;height:440px;border-radius:50%;left:calc(var(--motion-x) - 220px);top:calc(var(--motion-y) - 220px);background:radial-gradient(circle,rgba(49,230,208,.13),transparent 67%);transition:left .12s linear,top .12s linear}
.scroll-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:1000;background:rgba(255,255,255,.06)}
.scroll-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--cyan),var(--electric),var(--hot));transform:scaleX(var(--scroll-progress,0));transform-origin:left;box-shadow:0 0 18px var(--electric)}
.site-header{background:rgba(7,9,17,.68);border-color:rgba(255,255,255,.1);backdrop-filter:blur(24px) saturate(140%)}
.brand-mark,.mini-mark{background:linear-gradient(135deg,var(--cyan),var(--electric));box-shadow:0 0 30px rgba(93,114,255,.32)}
.desktop-nav a,.footer-links a{color:rgba(247,243,233,.62)}
.desktop-nav a:hover,.footer-links a:hover{color:#fff}
.button-small{background:var(--milk);color:var(--night);box-shadow:0 0 0 0 rgba(49,230,208,0)}
.button-small:hover{box-shadow:0 0 32px rgba(49,230,208,.28)}
.hero{min-height:calc(100vh - 76px);display:flex;align-items:center;padding:70px 0 82px;background:transparent;isolation:isolate}
.hero:before{content:"";position:absolute;width:58vw;height:58vw;right:-20vw;top:-24vw;border:1px solid rgba(255,255,255,.11);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.018),0 0 0 140px rgba(255,255,255,.012);animation:ringBreath 8s ease-in-out infinite;z-index:-1}
.hero:after{color:rgba(255,255,255,.025);animation:ghostType 10s ease-in-out infinite}
.hero-grid{perspective:1200px}
.eyebrow{color:var(--cyan)}
.hero .eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 13px;border:1px solid rgba(49,230,208,.25);border-radius:99px;background:rgba(49,230,208,.06);backdrop-filter:blur(12px)}
.hero .eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 15px var(--cyan);animation:signalPulse 1.7s ease-in-out infinite}
.hero h1{font-size:clamp(54px,6.6vw,94px);text-shadow:0 12px 45px rgba(0,0,0,.35)}
.hero h1 em{color:transparent;background:linear-gradient(105deg,var(--cyan),#a9fff4 30%,#9eb0ff 63%,var(--hot));background-size:200% auto;background-clip:text;-webkit-background-clip:text;animation:headlineFlow 6s linear infinite}
.lead{color:rgba(247,243,233,.72)}
.button-primary{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,var(--hot),#ff704a);box-shadow:0 16px 45px rgba(255,77,120,.28)}
.button-primary:before{content:"";position:absolute;inset:-2px;z-index:-1;background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.55) 48%,transparent 70%);transform:translateX(-130%);animation:ctaShine 4s ease-in-out infinite}
.button-primary:hover{background:linear-gradient(115deg,#ff315f,#ff704a);box-shadow:0 18px 52px rgba(255,77,120,.42)}
.text-link{color:var(--milk)}.fine-print{color:rgba(247,243,233,.5)}
.hero-stage{transform-style:preserve-3d;animation:stageFloat 7s ease-in-out infinite}
.plate{background:radial-gradient(circle at 50% 50%,#fbf9f2 0 55%,#8b94b4 56% 57%,#fdfcf7 58% 70%,#414965 71% 73%,transparent 74%);filter:drop-shadow(0 35px 50px rgba(0,0,0,.45));animation:plateOrbit 18s linear infinite}
.receipt{color:#1d2a22;box-shadow:0 35px 80px rgba(0,0,0,.52);animation:receiptHover 5s ease-in-out infinite}
.input-note{background:linear-gradient(135deg,var(--electric),var(--violet));box-shadow:0 18px 50px rgba(93,114,255,.43);animation:noteHover 4s ease-in-out infinite}
.trust-strip{background:rgba(10,13,24,.62);border-color:rgba(255,255,255,.1);backdrop-filter:blur(15px)}
.trust-grid p,.trust-grid p:first-child{border-color:rgba(255,255,255,.1)}.trust-grid strong{color:var(--cyan)}
.kinetic-line{width:100%;max-width:100vw;overflow:hidden;contain:layout paint;padding:18px 0;background:var(--cyan);color:var(--night);transform:rotate(-1.2deg) scale(1.02);box-shadow:0 20px 60px rgba(49,230,208,.12)}
.kinetic-line div{display:flex;width:max-content;gap:52px;animation:marquee 24s linear infinite}
.kinetic-line span{font-weight:700;font-size:13px;letter-spacing:.16em}.kinetic-line span:after{content:"✦";margin-left:52px}
.section{position:relative}.section-heading h2,.example-copy h2,.honesty-card h2,.curator-card h2,.final-cta h2{letter-spacing:-.045em}
#how{background:linear-gradient(180deg,rgba(7,9,17,.2),rgba(13,17,32,.96))}
.section-heading>p:last-child,.steps p{color:rgba(247,243,233,.6)}
.steps{border-color:rgba(255,255,255,.34)}.steps li{border-color:rgba(255,255,255,.12);transition:background .35s,transform .35s}.steps li:hover{background:rgba(93,114,255,.08);transform:translateY(-8px)}.steps li>span{color:var(--hot)}
.example-section{background:linear-gradient(125deg,#2939aa 0%,#4938a8 48%,#8a2b7d 100%);overflow:hidden}
.example-section:before,.example-section:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.16);animation:ringBreath 9s ease-in-out infinite}.example-section:before{width:520px;height:520px;right:-190px;top:-150px}.example-section:after{width:330px;height:330px;left:-170px;bottom:-130px;animation-delay:-3s}
.conversation{transform:rotate(1.5deg);background:#f7f5ef;border-color:#111527;box-shadow:0 42px 100px rgba(5,4,30,.48);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
.conversation:hover{transform:rotate(0) translateY(-10px) scale(1.018);box-shadow:0 55px 120px rgba(5,4,30,.6)}
.benefits{background:#f3efe6;color:#151923;clip-path:polygon(0 3%,100% 0,100% 97%,0 100%);padding-block:145px}
.benefits .eyebrow{color:#4057e8}.benefits .section-heading>p:last-child,.benefit-card p{color:#697079}
.benefit-card{position:relative;overflow:hidden;background:rgba(255,255,255,.55);border-color:rgba(21,25,35,.12);transition:transform .4s cubic-bezier(.2,.8,.2,1),background .4s,box-shadow .4s;transform-style:preserve-3d}
.benefit-card:before{content:"";position:absolute;width:180px;height:180px;right:-80px;top:-90px;border-radius:50%;background:linear-gradient(135deg,var(--electric),var(--hot));opacity:.12;transition:transform .5s,opacity .5s}
.benefit-card:hover{transform:translateY(-14px) rotateX(2deg);background:#fff;box-shadow:0 30px 60px rgba(30,35,50,.14)}.benefit-card:hover:before{transform:scale(1.5);opacity:.2}
.line-icon{color:var(--hot)}.feature-ribbon span{background:#e5e0d7;transition:background .25s,color .25s,transform .25s}.feature-ribbon span:hover{background:var(--electric);color:#fff;transform:translateY(-4px)}
.honesty{background:#f3efe6;color:#151923}.honesty-card{position:relative;overflow:hidden;background:linear-gradient(120deg,#f9cb58,#ff765d 50%,#c45ff3);box-shadow:0 35px 90px rgba(118,57,86,.25)}
.honesty-card:after{content:"";position:absolute;width:280px;height:280px;right:-120px;top:-140px;border:1px solid rgba(255,255,255,.6);border-radius:50%;box-shadow:0 0 0 45px rgba(255,255,255,.07),0 0 0 90px rgba(255,255,255,.05);animation:ringBreath 6s ease-in-out infinite}
.pricing{background:linear-gradient(180deg,var(--night),var(--night-2))}
.price-card{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.13);backdrop-filter:blur(18px);transition:transform .38s,background .38s,border-color .38s,box-shadow .38s}.price-card:hover{transform:translateY(-12px);background:rgba(255,255,255,.075);border-color:rgba(93,114,255,.45);box-shadow:0 30px 70px rgba(0,0,0,.28)}
.price-card>p:nth-child(3){color:rgba(247,243,233,.57)}.price-card.featured{background:linear-gradient(145deg,#4359ec,#7e4cc3);border-color:rgba(255,255,255,.3);box-shadow:0 25px 75px rgba(74,72,208,.36)}.featured>p:nth-child(3){color:rgba(255,255,255,.73)}.price-card ul{border-color:rgba(255,255,255,.13)}
.button-quiet{border-color:rgba(255,255,255,.3);color:#fff}.button-quiet:hover{background:#fff;color:var(--night)}
.platforms span{color:rgba(247,243,233,.5)}
.curator-section{background:var(--night-2)}.curator-card{position:relative;overflow:hidden;border-color:rgba(49,230,208,.5);background:linear-gradient(100deg,rgba(49,230,208,.08),rgba(93,114,255,.08))}.curator-card:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.05),transparent);transform:translateX(-100%);animation:panelScan 7s ease-in-out infinite}.curator-card p:not(.eyebrow):not(.curator-price){color:rgba(247,243,233,.56)}
.faq-section{background:#0c101d}.faq-list{border-color:rgba(255,255,255,.3)}.faq-item{border-color:rgba(255,255,255,.13)}.faq-item button{transition:padding .3s,color .3s}.faq-item button:hover{padding-left:14px;color:var(--cyan)}.faq-answer{color:rgba(247,243,233,.58)}
.final-cta{overflow:hidden;background:linear-gradient(110deg,#ff3f6c,#d852a1 48%,#6959f5)}.final-cta:before{content:"";position:absolute;inset:-60%;background:conic-gradient(from 90deg,transparent,rgba(255,255,255,.13),transparent 28%);animation:finalSpin 15s linear infinite}.final-cta .shell{position:relative}.final-cta .button-primary{background:var(--night);box-shadow:0 18px 55px rgba(20,10,40,.38)}
.site-footer{background:#05070c;border-top:1px solid rgba(255,255,255,.1)}
.reveal{opacity:0;filter:blur(9px);transform:translateY(38px) scale(.985);clip-path:inset(0 0 18% 0);transition:opacity .8s ease,filter .8s ease,transform .85s cubic-bezier(.16,1,.3,1),clip-path .9s cubic-bezier(.16,1,.3,1)}
.reveal.is-visible{opacity:1;filter:none;transform:none;clip-path:inset(0)}
.benefit-grid .reveal:nth-child(2),.price-grid .reveal:nth-child(2),.steps .reveal:nth-child(2){transition-delay:.1s}.benefit-grid .reveal:nth-child(3),.price-grid .reveal:nth-child(3),.steps .reveal:nth-child(3){transition-delay:.2s}
.magnetic{will-change:transform}
@keyframes orbDriftOne{to{transform:translate(18vw,12vh) scale(1.15)}}@keyframes orbDriftTwo{to{transform:translate(-18vw,-10vh) scale(.82)}}@keyframes orbDriftThree{to{transform:translate(10vw,-14vh) scale(1.2)}}
@keyframes ringBreath{50%{transform:scale(1.08);opacity:.62}}@keyframes ghostType{50%{transform:translateX(-4vw);letter-spacing:-.04em}}@keyframes signalPulse{50%{opacity:.35;transform:scale(.7)}}@keyframes headlineFlow{to{background-position:200% center}}
@keyframes ctaShine{0%,58%{transform:translateX(-130%)}78%,100%{transform:translateX(130%)}}@keyframes stageFloat{50%{transform:translateY(-13px) rotateY(-1.5deg)}}@keyframes plateOrbit{to{transform:rotate(360deg)}}@keyframes receiptHover{50%{transform:rotate(-1deg) translateY(-10px)}}@keyframes noteHover{50%{transform:translateY(-9px) rotate(1deg)}}
@keyframes marquee{to{transform:translateX(-50%)}}@keyframes panelScan{0%,55%{transform:translateX(-100%)}85%,100%{transform:translateX(100%)}}@keyframes finalSpin{to{transform:rotate(360deg)}}
@media(max-width:900px){.mobile-nav{background:rgba(7,9,17,.96);backdrop-filter:blur(22px)}.menu-button{border-color:rgba(255,255,255,.2)}.menu-button span{background:#fff}.kinetic-line div{animation-duration:18s}.hero:before{width:90vw;height:90vw;right:-45vw}.benefits{clip-path:polygon(0 1%,100% 0,100% 99%,0 100%)}.price-card.featured:hover{transform:translateY(-8px)}}
@media(max-width:560px){.hero{min-height:auto}.hero h1{font-size:47px}.cursor-light{display:none}.ambient-grid{background-size:44px 44px}.kinetic-line{transform:rotate(-2deg) scale(1.04)}.benefits{padding-block:105px}.price-card:hover,.benefit-card:hover{transform:translateY(-6px)}}
@media(prefers-reduced-motion:reduce){.ambient-orb,.hero:before,.hero:after,.hero h1 em,.hero-stage,.plate,.receipt,.input-note,.kinetic-line div,.honesty-card:after,.curator-card:before,.final-cta:before,.hero .eyebrow:before,.button-primary:before{animation:none!important}.cursor-light{display:none}.reveal{opacity:1;filter:none;transform:none;clip-path:none}.benefit-card:hover,.price-card:hover,.conversation:hover{transform:none}}