@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050607;color:#f5f7f7;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.hero{height:100vh;min-height:720px;position:relative;overflow:hidden;background:#061013}.wall{position:absolute;inset:-80px -120px;transform:rotate(-1.5deg) scale(1.08);display:flex;flex-direction:column;gap:16px}.track{height:25%;overflow:hidden}.strip{height:100%;display:flex;gap:16px;width:max-content;animation:slide 55s linear infinite}.reverse .strip{animation-direction:reverse;animation-duration:65s}.tile{width:380px;height:100%;border-radius:22px;overflow:hidden;position:relative;background:#111}.tile img{width:100%;height:100%;object-fit:cover}.tile span{display:none}@keyframes slide{to{transform:translateX(-33.333%)}}.shade{position:absolute;inset:0;background:radial-gradient(circle at 50% 48%,rgba(0,0,0,.32),rgba(0,0,0,.72) 52%,#030506 92%),linear-gradient(180deg,rgba(1,5,7,.45),rgba(1,5,7,.35));backdrop-filter:saturate(.7)}nav{height:92px;position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 7vw;border-bottom:1px solid rgba(255,255,255,.1)}.logo{display:flex;flex-direction:column;line-height:.8;letter-spacing:.15em}.logo b{font-size:25px;letter-spacing:-.07em}.logo span{font-size:8px;margin-top:8px}.links{display:flex;align-items:center;gap:38px;font-size:12px;font-weight:700;letter-spacing:.13em}.navcta{border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:13px 18px}.heroContent{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-45%);width:min(1000px,88vw);text-align:center}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:.25em;color:#90f4e6;margin-bottom:25px}.hero h1,.intro h2,.pricing h2,.process h2,.final h2{font-size:clamp(52px,6.4vw,102px);line-height:.88;letter-spacing:-.065em;margin:0;font-weight:900}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.75)}.heroContent>p{max-width:670px;margin:30px auto;color:#c7cbcc;font-size:17px;line-height:1.7}.actions{display:flex;justify-content:center;gap:12px;margin-top:35px}.primary,.ghost{padding:17px 25px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.06em}.primary{background:#fff;color:#050607}.ghost{border:1px solid rgba(255,255,255,.28);background:rgba(0,0,0,.22);backdrop-filter:blur(10px)}.scroll{position:absolute;z-index:4;bottom:28px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.2em;color:#aab0b1}.scroll i{display:block;font-style:normal;text-align:center;font-size:17px;margin-top:8px}.marquee{overflow:hidden;border-top:1px solid #1b1d1e;border-bottom:1px solid #1b1d1e;background:#0b0d0e;padding:18px 0;white-space:nowrap}.marquee div{font-size:11px;font-weight:800;letter-spacing:.2em;word-spacing:22px}.marquee b{color:#77e9db}.intro,.pricing,.process{padding:130px 8vw}.intro{max-width:1450px;margin:auto}.intro h2 span,.pricing h2 span,.process h2 span,.final h2 span{color:#5e6668}.intro>p{font-size:19px;line-height:1.7;color:#9ca3a5;max-width:680px;margin:40px 0 70px}.features{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #252829}.features article{padding:42px 45px 20px 0;border-right:1px solid #252829;margin-right:45px}.features article:last-child{border:0}.features strong,.steps b{font-size:11px;color:#78eadc}.features h3,.steps h3{font-size:20px;margin:35px 0 12px}.features p,.steps p{color:#858c8e;line-height:1.65;font-size:14px}.pricing{background:#0a0c0d}.pricing h2,.process h2{font-size:clamp(50px,5.5vw,86px)}.pricegrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1050px;margin:70px auto 0}.price{position:relative;padding:42px;border:1px solid #272b2c;border-radius:24px;background:linear-gradient(145deg,#101314,#090b0c)}.price.featured{border-color:#4f9d94;box-shadow:0 0 70px rgba(81,226,209,.07)}.popular{position:absolute;right:24px;top:24px;background:#8af0e3;color:#07100f;border-radius:999px;padding:8px 12px;font-size:9px;font-weight:900;letter-spacing:.15em}.price small{color:#7e8789;font-weight:800;letter-spacing:.18em}.price h3{font-size:28px;margin:18px 0 30px}.money{display:flex;align-items:flex-end;gap:10px}.money b{font-size:64px;letter-spacing:-.06em}.money span{font-size:12px;color:#858c8e;margin-bottom:10px}.or{color:#80e9dc;font-size:11px;font-weight:800;letter-spacing:.12em;margin:8px 0 30px}.price ul{list-style:none;padding:25px 0;margin:0;border-top:1px solid #25292a}.price li{padding:9px 0;color:#b3b9ba;font-size:14px}.price li:before{content:'✓';color:#7ce9dc;margin-right:12px}.price>a,.final>a{display:block;text-align:center;background:#f5f7f7;color:#080a0b;border-radius:999px;padding:17px;font-size:11px;font-weight:900;letter-spacing:.08em;margin-top:22px}.process{max-width:1500px;margin:auto}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#232627;margin-top:70px;border:1px solid #232627}.steps article{background:#07090a;padding:38px;min-height:240px}.final{text-align:center;padding:160px 8vw;position:relative;overflow:hidden}.orb{position:absolute;width:600px;height:600px;border-radius:50%;background:#123c38;filter:blur(160px);opacity:.35;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.final>*:not(.orb){position:relative}.final h2{font-size:clamp(50px,6vw,92px)}.final p{color:#8f9698;margin:28px auto;max-width:520px}.final>a{display:inline-block;padding:18px 28px}footer{border-top:1px solid #202324;padding:35px 7vw;display:flex;align-items:center;justify-content:space-between;color:#777f81;font-size:10px;letter-spacing:.1em}footer .logo{color:#fff}@media(max-width:800px){nav{padding:0 5vw}.links>a:not(.navcta){display:none}.heroContent{top:48%}.hero h1{font-size:49px}.heroContent>p{font-size:14px}.actions{flex-direction:column;align-items:center}.actions a{width:220px}.tile{width:260px;border-radius:15px}.features,.pricegrid,.steps{grid-template-columns:1fr}.features article{border-right:0;border-bottom:1px solid #252829;margin:0;padding-right:0}.intro,.pricing,.process{padding:90px 6vw}.price{padding:30px}.money b{font-size:52px}.steps article{min-height:auto}.final{padding:110px 6vw}footer{gap:20px;flex-wrap:wrap}footer p{order:3;width:100%}}

/* Motion & polish */
body{overflow-x:hidden}.scroll-progress{position:fixed;left:0;top:0;width:100%;height:2px;background:#8af0e3;z-index:9999;transform:scaleX(0);transform-origin:left;box-shadow:0 0 18px rgba(138,240,227,.8)}
.wall{transform:translate3d(var(--mx,0),var(--my,0),0) rotate(-1.5deg) scale(1.1);transition:transform .9s cubic-bezier(.2,.8,.2,1);will-change:transform}.strip{animation-duration:var(--speed,55s);will-change:transform}.tile{opacity:0;transform:scale(.92);animation:tileIn .8s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--delay)}.tile:after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.12),transparent 70%);transform:translateX(-130%);animation:sheen 9s ease-in-out infinite}.tile img{filter:saturate(1.12) contrast(1.04);transition:transform 1s ease,filter .5s}.tile:hover img{transform:scale(1.06);filter:saturate(1.3) brightness(1.08)}.image-error{background:linear-gradient(135deg,#10201e,#111)}
@keyframes tileIn{to{opacity:1;transform:scale(1)}}@keyframes sheen{0%,70%{transform:translateX(-130%)}85%,100%{transform:translateX(130%)}}
nav{position:fixed;top:0;left:0;right:0;transition:background .35s,border-color .35s,backdrop-filter .35s;animation:navIn .8s .1s both; z-index: 99999}nav.scrolled{background:rgba(5,7,8,.72);backdrop-filter:blur(18px);border-color:rgba(255,255,255,.08)}@keyframes navIn{from{opacity:0;transform:translateY(-20px)}}
.heroContent .eyebrow{opacity:0;animation:heroUp .8s .25s forwards}.heroContent h1{opacity:0;animation:heroUp 1s .38s cubic-bezier(.16,1,.3,1) forwards}.heroContent>p{opacity:0;animation:heroUp .9s .58s forwards}.actions{opacity:0;animation:heroUp .9s .72s forwards}.scroll{animation:scrollPulse 2s 1.2s ease-in-out infinite}.scroll i{animation:arrowBounce 1.4s ease-in-out infinite}@keyframes heroUp{from{opacity:0;transform:translateY(34px);filter:blur(7px)}to{opacity:1;transform:none;filter:none}}@keyframes scrollPulse{50%{opacity:.45}}@keyframes arrowBounce{50%{transform:translateY(7px)}}
.hero h1 em{background:linear-gradient(100deg,#fff,#8af0e3,#fff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:0;color:transparent;animation:textShine 5s linear infinite}@keyframes textShine{to{background-position:200% center}}
.primary,.ghost,.navcta,.price>a,.final>a{transition:transform .25s ease,box-shadow .25s ease,background .25s,color .25s}.primary:hover,.price>a:hover,.final>a:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 14px 45px rgba(255,255,255,.16)}.ghost:hover,.navcta:hover{transform:translateY(-2px);background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.55)}
.marquee div{animation:marqueeMove 24s linear infinite;width:max-content}@keyframes marqueeMove{to{transform:translateX(-35%)}}
.reveal{opacity:0;transform:translateY(42px);filter:blur(5px);transition:opacity .8s var(--reveal-delay,0ms) cubic-bezier(.2,.8,.2,1),transform .8s var(--reveal-delay,0ms) cubic-bezier(.2,.8,.2,1),filter .8s var(--reveal-delay,0ms)}.reveal.visible{opacity:1;transform:none;filter:none}
.features article,.steps article{transition:background .3s,transform .3s}.features article:hover{transform:translateY(-8px)}.steps article:hover{background:#0c1111;transform:translateY(-6px);z-index:2}.features strong,.steps b{display:inline-block;transition:transform .3s,text-shadow .3s}.features article:hover strong,.steps article:hover b{transform:translateX(6px);text-shadow:0 0 18px rgba(120,234,220,.65)}
.price{transition:transform .18s ease,border-color .3s,box-shadow .3s;overflow:hidden;transform-style:preserve-3d}.price:before{content:'';position:absolute;width:280px;height:280px;border-radius:50%;left:calc(var(--spot-x,50%) - 140px);top:calc(var(--spot-y,50%) - 140px);background:radial-gradient(circle,rgba(120,234,220,.11),transparent 68%);pointer-events:none;opacity:0;transition:opacity .3s}.price:hover:before{opacity:1}.price:hover{border-color:#4b5e5b;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.orb{animation:orbFloat 7s ease-in-out infinite alternate}.final:before,.final:after{content:'';position:absolute;border:1px solid rgba(138,240,227,.08);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);animation:ring 7s linear infinite}.final:before{width:520px;height:520px}.final:after{width:760px;height:760px;animation-duration:11s;animation-direction:reverse}@keyframes orbFloat{to{transform:translate(-48%,-53%) scale(1.12)}}@keyframes ring{50%{opacity:.25;transform:translate(-50%,-50%) scale(1.06)}}
.cursor-glow{position:fixed;left:-190px;top:-190px;width:380px;height:380px;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(circle,rgba(80,235,216,.055),transparent 68%);will-change:transform}.heroContent,nav,.final>*{z-index:4}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}