:root{--bg: #0A0E16;--srf: #121A28;--srf2: #0E1521;--hair: rgba(255, 255, 255, .08);--hair2: rgba(255, 255, 255, .15);--txt: #E8EDF5;--mut: #9AA6B8;--faint: #6B7689;--b1: #16B89A;--b2: #1577C8;--b3: #6366F1;--radius: 16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--txt);background:var(--bg);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}h1,h2{margin:0;font-weight:600;letter-spacing:-.02em;color:#fff}img{display:block;max-width:100%}.wrap{max-width:1140px;margin:0 auto;padding:0 24px}.site{overflow-x:hidden}.section[id],#top{scroll-margin-top:84px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:14px;font-weight:500;padding:12px 20px;border-radius:11px;cursor:pointer;transition:transform .14s ease,filter .14s ease,background .14s ease,box-shadow .14s ease}.btn.btn-sm{padding:9px 15px;font-size:13px;border-radius:9px}.btn:active{transform:translateY(1px) scale(.985)}.btn-grad{background:linear-gradient(135deg,var(--b1),var(--b2));color:#fff;border:none;box-shadow:0 14px 30px -12px #1577c8d9}.btn-grad:hover{filter:brightness(1.07);box-shadow:0 18px 36px -12px #1577c8f2}.btn-ghost,.btn-outline{background:#ffffff0f;color:#fff;border:1px solid var(--hair2)}.btn-ghost:hover,.btn-outline:hover{background:#ffffff1f}.btn-light{background:#fff;color:#0b2030;border:none}.btn-light:hover{filter:brightness(.95)}.logo{border-radius:9px;background:linear-gradient(145deg,var(--b1),var(--b3));color:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.brand{display:inline-flex;align-items:center;gap:9px;font-size:16px;font-weight:600;color:#fff}.nav{position:sticky;top:0;z-index:50;transition:background .25s ease,border-color .25s ease,backdrop-filter .25s;border-bottom:1px solid transparent}.nav-scrolled{background:#0a0e16b8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom-color:var(--hair)}.nav-in{display:flex;align-items:center;justify-content:space-between;height:64px}.nav-links{display:flex;align-items:center;gap:22px;font-size:13.5px;color:var(--mut)}.nav-links a{transition:color .14s}.nav-links a:hover{color:#fff}.nav-signin{color:#fff!important}.hero{position:relative;overflow:hidden;padding-bottom:56px}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;perspective:1000px;pointer-events:none}.hglow{position:absolute;border-radius:50%;filter:blur(72px);will-change:transform}.g1{width:320px;height:320px;background:#22d3ee47;top:-90px;left:-30px;animation:drift1 16s ease-in-out infinite alternate}.g2{width:360px;height:360px;background:#8b5cf63d;top:20px;right:-60px;animation:drift2 19s ease-in-out infinite alternate}.g3{width:280px;height:280px;background:#16b89a33;bottom:-100px;left:42%;animation:drift3 22s ease-in-out infinite alternate}@keyframes drift1{0%{transform:translate(0)}to{transform:translate(90px,60px)}}@keyframes drift2{0%{transform:translate(0)}to{transform:translate(-80px,50px)}}@keyframes drift3{0%{transform:translate(0)}to{transform:translate(60px,-60px)}}.cubew{position:absolute;transform-style:preserve-3d;will-change:transform;opacity:.85}.cube-spin{width:var(--s);height:var(--s);position:relative;transform-style:preserve-3d;animation:spin3d var(--sd) linear infinite}.cf{position:absolute;width:var(--s);height:var(--s);background:linear-gradient(135deg,#5eead433,#6366f129);border:1px solid rgba(255,255,255,.26);box-shadow:inset 0 0 22px #7dd3fc2e}.cf-front{transform:translateZ(calc(var(--s) / 2))}.cf-back{transform:rotateY(180deg) translateZ(calc(var(--s) / 2))}.cf-right{transform:rotateY(90deg) translateZ(calc(var(--s) / 2))}.cf-left{transform:rotateY(-90deg) translateZ(calc(var(--s) / 2))}.cf-top{transform:rotateX(90deg) translateZ(calc(var(--s) / 2))}.cf-bottom{transform:rotateX(-90deg) translateZ(calc(var(--s) / 2))}@keyframes spin3d{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-22px)}}.hero .c1{top:92px;left:6%;--s: 84px;animation:floaty 8s ease-in-out infinite}.hero .c1 .cube-spin{--sd: 17s}.hero .c2{bottom:150px;left:3%;--s: 52px;animation:floaty 7s ease-in-out infinite}.hero .c2 .cube-spin{--sd: 13s}.hero .c3{top:120px;right:7%;--s: 70px;animation:floaty 9s ease-in-out infinite}.hero .c3 .cube-spin{--sd: 20s}.hero .c4{top:40%;right:24%;--s: 38px;animation:floaty 6s ease-in-out infinite}.hero .c4 .cube-spin{--sd: 11s}.spark{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff;animation:tw 3.2s ease-in-out infinite}@keyframes tw{0%,to{opacity:.12;transform:scale(.8)}50%{opacity:.7;transform:scale(1.25)}}.hero-in{position:relative;text-align:center;padding-top:56px}.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--hair2);background:#ffffff0d;border-radius:999px;padding:6px 14px;font-size:12px;color:var(--mut)}.pill .live{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 0 4px #34d3992e}.hero-in h1{font-size:clamp(38px,6vw,58px);line-height:1.07;margin:18px 0 0}.grad-text{background:linear-gradient(90deg,#5eead4,#7dd3fc,#a5b4fc);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{font-size:clamp(15px,1.6vw,16.5px);color:var(--mut);max-width:500px;margin:16px auto 24px;line-height:1.6}.hero-cta{display:flex;gap:11px;justify-content:center;flex-wrap:wrap}.hero-note{margin-top:15px;font-size:12px;color:var(--faint)}.preview{margin-top:34px;text-align:left;background:var(--srf2);border:1px solid var(--hair);border-radius:18px;overflow:hidden;box-shadow:0 40px 80px -34px #000000d9}.preview-bar{display:flex;align-items:center;gap:6px;padding:11px 14px;border-bottom:1px solid var(--hair)}.preview-bar .d{width:10px;height:10px;border-radius:50%}.d1{background:#f2a29a}.d2{background:#f6c66b}.d3{background:#8fd08a}.preview-url{margin-left:8px;font-size:11.5px;color:var(--faint)}.preview-body{padding:16px}.preview-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:11px}.ptile{border-radius:11px;padding:11px;border:1px solid var(--hair)}.ptile span{display:block;font-size:11px}.ptile b{font-size:18px;font-weight:600;color:#fff}.pt-teal{background:#5eead41f;border-color:#5eead438}.pt-teal span{color:#7fe3d3}.pt-blue{background:#7dd3fc1f;border-color:#7dd3fc38}.pt-blue span{color:#9bd6fb}.pt-green{background:#86efac1f;border-color:#86efac38}.pt-green span{color:#9ce9b6}.pt-purple{background:#a5b4fc1f;border-color:#a5b4fc38}.pt-purple span{color:#b6c0fb}.preview-chart{display:flex;align-items:flex-end;gap:7px;height:70px;padding:9px;border:1px solid var(--hair);border-radius:11px}.preview-chart .bar{flex:1;border-radius:3px}.bar.lo{background:#1b5e57}.bar.mid{background:#178f81}.bar.hi{background:#16b89a}.preview-row{display:flex;align-items:center;justify-content:space-between;margin-top:11px;font-size:11.5px;color:var(--mut)}.preview-row i{color:#34d399;vertical-align:-1px}.preview-row .muted{color:var(--faint)}.trust{background:var(--srf2);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}.trust-inner{display:flex;align-items:center;justify-content:center;gap:18px;padding:16px 0;font-size:12.5px;color:var(--faint);flex-wrap:wrap}.trust-inner b{color:var(--mut);font-weight:500}.section{padding:70px 0}.section.pt0{padding-top:0}.section.band{background:var(--srf2);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}.sec-head{text-align:center;margin-bottom:34px}.sec-head h2{font-size:clamp(26px,3.4vw,34px)}.sec-sub{color:var(--mut);font-size:14.5px;margin:10px auto 0;max-width:460px}.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;margin-bottom:8px;background:linear-gradient(90deg,#5eead4,#7dd3fc,#a5b4fc);-webkit-background-clip:text;background-clip:text;color:transparent}.card-title{font-weight:600;font-size:15.5px;margin:13px 0 5px;color:#fff}.card-body{font-size:13px;color:var(--mut);line-height:1.6}.card-link{display:inline-flex;align-items:center;gap:5px;margin-top:13px;font-size:12.5px;font-weight:500;color:#7dd3fc;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}.card-link i{transition:transform .2s}.fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.fcard{position:relative;overflow:hidden;border:1px solid var(--hair);border-radius:var(--radius);background:var(--srf);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.fcard:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;z-index:2;background:linear-gradient(90deg,var(--b1),var(--b2),var(--b3));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.fcard:hover{transform:translateY(-6px);border-color:var(--hair2);box-shadow:0 30px 56px -28px #000000e6,0 0 0 1px #7dd3fc14}.fcard:hover:before{transform:scaleX(1)}.fcard-feat:before{transform:scaleX(1)}.fcard-img{aspect-ratio:16 / 9;overflow:hidden;background:#18212f}.fcard-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.fcard:hover .fcard-img img{transform:scale(1.06)}.fcard-in{position:relative;padding:20px}.fcard-num{position:absolute;top:16px;right:18px;font-size:22px;font-weight:600;color:#fff;opacity:.12}.fcard-ic{width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:20px;margin-top:-40px;position:relative;border:3px solid var(--srf);transition:transform .22s ease}.fcard:hover .fcard-ic{transform:scale(1.08) rotate(-4deg)}.fcard:hover .card-link{opacity:1;transform:translateY(0)}.fcard:hover .card-link i{transform:translate(3px)}.split{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.split-copy h2{font-size:clamp(26px,3.4vw,34px)}.split-copy p{color:var(--mut);font-size:14.5px;line-height:1.7;margin:14px 0 18px;max-width:440px}.checklist{list-style:none;padding:0;margin:0 0 22px;display:flex;flex-direction:column;gap:11px}.checklist li{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;color:var(--txt)}.checklist li i{color:#34d399;font-size:16px;margin-top:1px}.split-art{display:flex;justify-content:center}.art-frame{width:100%;border-radius:16px;background:var(--srf);border:1px solid var(--hair);box-shadow:0 40px 70px -36px #000000e6;overflow:hidden}.art-svg{display:block;width:100%;height:auto}.sources-label{text-align:center;font-size:13px;color:var(--mut);margin-bottom:16px}.sources{display:flex;flex-wrap:wrap;gap:11px;justify-content:center}.source{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--hair);border-radius:11px;padding:10px 16px;font-size:13.5px;background:var(--srf);transition:border-color .16s,transform .16s,background .16s}.source:hover{border-color:var(--hair2);transform:translateY(-3px);background:#16202e}.source i{font-size:17px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step{background:var(--srf);border:1px solid var(--hair);border-radius:var(--radius);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s}.step:hover{transform:translateY(-5px);border-color:var(--hair2);box-shadow:0 26px 50px -28px #000000e6}.step-img{aspect-ratio:16 / 8;overflow:hidden;background:#18212f}.step-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.step:hover .step-img img{transform:scale(1.06)}.step-in{padding:20px 22px 22px}.step-ic{width:44px;height:44px;border-radius:12px;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:21px;box-shadow:0 8px 20px -8px #0009}.step-label{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#7dd3fc;font-weight:500;margin:13px 0 1px}.pricing-stage{position:relative;overflow:hidden;border-radius:22px;padding:44px 26px 52px;background:linear-gradient(160deg,#0b1430,#0e4f5a 60%,#241f66)}.scene3d{position:absolute;top:0;right:0;bottom:0;left:0;perspective:900px;pointer-events:none}.ps-glow{position:absolute;border-radius:50%;filter:blur(72px);pointer-events:none}.ps-glow-a{width:300px;height:300px;background:#22d3ee38;top:-90px;left:-40px}.ps-glow-b{width:340px;height:340px;background:#8b5cf638;bottom:-120px;right:-50px}.scene3d .pc1{top:26px;left:5%;--s: 80px;animation:floaty 11s ease-in-out infinite}.scene3d .pc1 .cube-spin{--sd: 18s}.scene3d .pc2{bottom:24px;right:7%;--s: 56px;animation:floaty 9s ease-in-out infinite}.scene3d .pc2 .cube-spin{--sd: 22s}.scene3d .pc3{top:40px;right:30%;--s: 44px;animation:floaty 7s ease-in-out infinite}.scene3d .pc3 .cube-spin{--sd: 14s}.pricing-head{position:relative;z-index:1;text-align:center;margin-bottom:32px}.pricing-head h2{font-size:clamp(26px,3.4vw,34px)}.pricing-head p{font-size:14px;color:#ffffffb8;margin:10px 0 0}.pricing{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:start;perspective:1300px}.plan{position:relative;background:#ffffff0f;border:1px solid var(--hair2);border-radius:16px;padding:16px;display:flex;flex-direction:column;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 22px 44px -26px #000000b3;transition:transform .25s ease,box-shadow .25s ease;transform-style:preserve-3d}.plan:hover{transform:translateY(-7px) rotateX(5deg);box-shadow:0 40px 64px -28px #000c}.plan-pop{background:#ffffff1a;border:2px solid #2DD4BF;margin-top:-16px;box-shadow:0 36px 62px -22px #0e9e8699}.plan-pop:hover{transform:translateY(-22px) rotateX(5deg)}.plan-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--b1),var(--b2));color:#fff;font-size:11px;padding:4px 12px;border-radius:999px;font-weight:500;z-index:2}.plan-img{aspect-ratio:16 / 7;border-radius:10px;overflow:hidden;margin-bottom:14px;background:#ffffff14}.plan-img img{width:100%;height:100%;object-fit:cover}.plan-name{font-size:13.5px;font-weight:600;color:#fff}.plan-price{font-size:28px;font-weight:600;margin:6px 0 14px;color:#fff}.plan-price span{font-size:12px;color:#ffffff8c;font-weight:400}.plan-feats{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#ffffffd1;flex:1}.plan-feats i{color:#5eead4;font-size:14px;vertical-align:-1px}.plan-cta{width:100%;margin-top:18px}.cta{position:relative;border-radius:22px;overflow:hidden;background:linear-gradient(135deg,#0e8e86,#1577c8,#4b4fc4);color:#fff;display:grid;grid-template-columns:1.1fr .9fr;align-items:center}.cta-orb{position:absolute;width:200px;height:200px;border-radius:50%;background:#ffffff1f;top:-60px;left:40%}.cta-inner{position:relative;z-index:1;padding:46px 20px 46px 44px}.cta-title{font-size:clamp(24px,3vw,30px);font-weight:600}.cta-inner p{font-size:14px;color:#ffffffdb;margin:10px 0 20px;max-width:380px}.cta-img{align-self:stretch;min-height:230px}.cta-img img{width:100%;height:100%;object-fit:cover}.footer{background:var(--srf2);border-top:1px solid var(--hair)}.footer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;padding:40px 24px 28px;flex-wrap:wrap}.footer-brand{max-width:260px}.footer-brand p{font-size:12.5px;color:var(--mut);margin:12px 0 0;line-height:1.6}.footer-cols{display:flex;gap:48px;font-size:13px}.footer-cols>div{display:flex;flex-direction:column;gap:9px;color:var(--mut)}.footer-cols a{transition:color .14s}.footer-cols a:hover{color:#fff}.footer-h{color:#fff;font-weight:500}.footer-bot{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid var(--hair);font-size:12px;color:var(--faint);flex-wrap:wrap;gap:8px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:none}.hero-in .reveal{transition-duration:.55s}.hero-in h1.reveal{transition-delay:.06s}.hero-in .hero-sub.reveal{transition-delay:.12s}.hero-in .hero-cta.reveal{transition-delay:.18s}.hero-in .hero-note.reveal{transition-delay:.24s}.hero-in .preview.reveal{transition-delay:.3s}@media (max-width: 920px){.fgrid,.pricing{grid-template-columns:repeat(2,1fr)}.plan-pop{margin-top:0}.cta{grid-template-columns:1fr}.cta-inner{padding:32px 24px}.cta-img{min-height:180px}.split{grid-template-columns:1fr;gap:28px}.split-art{order:-1}.split-copy p{max-width:none}}@media (max-width: 620px){.nav-links{gap:13px}.nav-links a:not(.btn):not(.nav-signin){display:none}.fgrid,.steps,.pricing{grid-template-columns:1fr}.preview-tiles{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.hglow,.cubew,.cube-spin,.spark{animation:none!important}.reveal{opacity:1!important;transform:none!important;transition:none!important}.fcard:hover,.step:hover,.plan:hover,.source:hover{transform:none}}
