:root{
  --bg:#07090C; --glass:rgba(255,255,255,.055); --glass-2:rgba(255,255,255,.09);
  --line:rgba(255,255,255,.1); --line-2:rgba(255,255,255,.16);
  --text:#EDEFF2; --soft:#9aa3b0; --dim:#646c78;
  --accent:#6ea8ff; --purple:#9a8bff; --grad:linear-gradient(135deg,#7fb0ff,#9a8bff);
  --ok:#34d399; --r:22px; --r-sm:14px;
  --e:cubic-bezier(.22,1,.36,1); --spring:cubic-bezier(.34,1.4,.5,1); --maxw:1160px;
  --glass-shadow:0 24px 60px -28px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.08);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px;-webkit-text-size-adjust:100%}
body{font-family:"Inter",system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative;-webkit-overflow-scrolling:touch}
body.lock{overflow:hidden}
a{color:inherit;text-decoration:none}
ul{list-style:none}
.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px;position:relative;z-index:2}
.container.narrow{max-width:740px}

/* ===== Luxurious background ===== */
.bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.bg *{pointer-events:none}
.mesh{position:absolute;inset:-30%;background:
  radial-gradient(30% 28% at 18% 22%,rgba(110,168,255,.16),transparent 60%),
  radial-gradient(34% 30% at 82% 14%,rgba(154,139,255,.15),transparent 60%),
  radial-gradient(30% 30% at 65% 82%,rgba(90,140,255,.1),transparent 60%),
  radial-gradient(26% 24% at 35% 70%,rgba(150,120,255,.08),transparent 60%);
  filter:blur(24px);animation:mesh 36s var(--e) infinite alternate}
@keyframes mesh{50%{transform:translate3d(2%,-2%,0) scale(1.08) rotate(2deg)}}
.rays{position:absolute;top:-20%;left:50%;width:160%;height:120%;transform:translateX(-50%) rotate(8deg);background:repeating-linear-gradient(100deg,transparent 0,transparent 60px,rgba(127,176,255,.03) 60px,rgba(127,176,255,.03) 120px);mask-image:radial-gradient(60% 60% at 50% 0%,#000,transparent 75%);animation:rays 40s linear infinite}
@keyframes rays{to{transform:translateX(-50%) rotate(368deg)}}
.orb{position:absolute;border-radius:50%;filter:blur(74px);opacity:.4;will-change:transform}
.orb-a{width:460px;height:460px;background:radial-gradient(circle,#345bb8,transparent 70%);top:-130px;left:-90px;animation:fa 30s ease-in-out infinite}
.orb-b{width:400px;height:400px;background:radial-gradient(circle,#6a5fd6,transparent 70%);top:30%;right:-120px;animation:fb 36s ease-in-out infinite}
.orb-c{width:360px;height:360px;background:radial-gradient(circle,#3f68cc,transparent 70%);bottom:-120px;left:26%;animation:fc 40s ease-in-out infinite}
.orb-d{width:300px;height:300px;background:radial-gradient(circle,#7a5fd0,transparent 70%);top:58%;left:8%;animation:fb 44s ease-in-out infinite}
@keyframes fa{50%{transform:translate(50px,36px)}}
@keyframes fb{50%{transform:translate(-44px,52px)}}
@keyframes fc{50%{transform:translate(34px,-44px)}}
#stars,#scene{position:absolute;inset:0;width:100%;height:100%}
.noise{position:absolute;inset:0;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.vignette{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 0%,transparent 52%,rgba(7,9,12,.65) 100%)}

/* Cursor spotlight */
.cursor-glow{position:fixed;top:0;left:0;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(127,176,255,.07),transparent 65%);transform:translate(-50%,-50%);pointer-events:none;z-index:1;opacity:0;transition:opacity .4s}

/* Buttons */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-weight:600;font-size:15px;border:1px solid transparent;border-radius:999px;padding:13px 24px;cursor:pointer;overflow:hidden;transition:transform .35s var(--spring),box-shadow .35s var(--e),background .3s,border-color .3s;-webkit-tap-highlight-color:transparent}
.btn-primary{background:var(--grad);color:#07090c;font-weight:700;box-shadow:0 6px 24px -10px rgba(127,176,255,.6)}
.btn-primary::before{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-18deg);transition:left .6s var(--e)}
.btn-primary:hover::before{left:140%}
.btn-primary:hover{box-shadow:0 14px 40px -12px rgba(127,176,255,.8)}
.btn-ghost{background:var(--glass);color:var(--text);border-color:var(--line)}
.btn-ghost:hover{background:var(--glass-2);border-color:var(--line-2)}
.btn-lg{padding:16px 32px;font-size:16px}
.btn-sm{padding:9px 18px;font-size:14px}
.btn-block{width:100%}
.btn:active{transform:scale(.96)}
.ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.4);transform:scale(0);animation:rip .6s var(--e);pointer-events:none}
@keyframes rip{to{transform:scale(2.6);opacity:0}}

/* Glass upgrade */
.glass{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid var(--line);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);box-shadow:var(--glass-shadow)}
.glass::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 40%);opacity:.6;pointer-events:none}

/* Nav */
.nav-wrap{position:fixed;top:18px;left:0;right:0;z-index:100;display:flex;justify-content:center;padding:0 16px;transition:top .35s var(--e)}
.nav-wrap.shrink{top:10px}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;max-width:980px;padding:11px 12px 11px 20px;border-radius:999px}
.brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:15.5px;letter-spacing:-.01em;flex-shrink:0}
.brand-mark{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:14px}
.nav-center{display:flex;gap:28px}
.nav-center a{color:var(--soft);font-size:14.5px;font-weight:500;transition:color .2s;position:relative}
.nav-center a::after{content:"";position:absolute;left:0;bottom:-5px;height:1.5px;width:0;background:var(--accent);transition:width .3s var(--e)}
.nav-center a:hover{color:var(--text)}
.nav-center a:hover::after{width:100%}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;width:40px;height:40px;justify-content:center;align-items:center}
.burger span{width:20px;height:2px;background:var(--text);border-radius:2px;transition:.35s var(--e)}
.burger.open span:first-child{transform:translateY(3.5px) rotate(45deg)}
.burger.open span:last-child{transform:translateY(-3.5px) rotate(-45deg)}

/* Drawer */
.drawer-scrim{position:fixed;inset:0;z-index:104;background:rgba(5,6,9,.6);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:.35s}
.drawer-scrim.open{opacity:1;visibility:visible}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(86vw,360px);z-index:105;border-left:1px solid var(--line-2);border-radius:0;padding:84px 28px 28px;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .42s var(--spring)}
.drawer.open{transform:translateX(0)}
.drawer-x{position:absolute;top:22px;right:22px;width:38px;height:38px;border-radius:50%;background:var(--glass);border:1px solid var(--line);color:var(--soft);font-size:21px;cursor:pointer;transition:.25s var(--e);z-index:2}
.drawer-x:hover{color:var(--text);transform:rotate(90deg)}
.drawer-nav{display:flex;flex-direction:column;gap:4px;flex:1;position:relative;z-index:2}
.drawer-nav a{font-size:22px;font-weight:700;letter-spacing:-.02em;padding:14px 0;border-bottom:1px solid var(--line)}
.drawer-actions{display:flex;flex-direction:column;gap:12px;position:relative;z-index:2}

/* Hero */
.hero{min-height:100svh;display:flex;align-items:center;text-align:center;padding:120px 0 70px;position:relative}
.hero-inner{max-width:820px;margin:0 auto}
.pill{display:inline-block;padding:7px 16px;border-radius:999px;background:var(--glass);border:1px solid var(--line);color:var(--soft);font-size:13px;font-weight:500;margin-bottom:30px;backdrop-filter:blur(8px)}
.hero-title{font-size:clamp(44px,8vw,82px);line-height:1.02;font-weight:800;letter-spacing:-.045em;margin-bottom:22px}
.muted{color:var(--soft)}
.hero-sub{font-size:clamp(16px,2.1vw,20px);color:var(--soft);max-width:520px;margin:0 auto 36px}
.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.hero-rating{display:inline-flex;align-items:center;gap:10px;margin-top:34px;color:var(--soft);font-size:14px;flex-wrap:wrap;justify-content:center}
.hero-rating .stars{color:#e8b766;letter-spacing:2px}
.hero-rating strong{color:var(--text)}

/* Sections */
.section{padding:100px 0;position:relative;z-index:2}
.section-tight{padding:30px 0 70px}
.head{text-align:center;max-width:600px;margin:0 auto 56px}
.eyebrow{display:inline-block;color:var(--accent);font-weight:600;font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}
.head h2{font-size:clamp(30px,4.6vw,46px);font-weight:800;letter-spacing:-.035em;margin-bottom:14px}
.head p{color:var(--soft);font-size:17px}

/* Stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.stat{padding:28px 22px;border-radius:var(--r);text-align:center;transition:transform .4s var(--e),border-color .4s}
.stat:hover{transform:translateY(-4px);border-color:var(--line-2)}
.stat strong{display:block;font-size:34px;font-weight:800;letter-spacing:-.03em;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative;z-index:1}
.stat span{color:var(--soft);font-size:14px;position:relative;z-index:1}

/* Why */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.why{padding:30px;border-radius:var(--r);transition:transform .4s var(--e),border-color .4s;will-change:transform}
.why:hover{border-color:var(--line-2)}
.why-icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;margin-bottom:18px;color:var(--accent);background:rgba(110,168,255,.12);border:1px solid rgba(110,168,255,.24);position:relative;z-index:1}
.why-icon svg{width:26px;height:26px}
.why h3{font-size:18px;font-weight:600;margin-bottom:8px;position:relative;z-index:1}
.why p{color:var(--soft);font-size:14.5px;position:relative;z-index:1}

/* Pricing */
.tier{margin-bottom:56px}
.tier:last-child{margin-bottom:0}
.tier-label{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;font-size:14px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);margin-bottom:26px}
.plus{color:var(--accent);font-weight:800}
.badge{font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:none;padding:5px 12px;border-radius:999px}
.badge.hot{background:rgba(255,138,76,.14);color:#ff9d5c;border:1px solid rgba(255,138,76,.3)}
.badge.val{background:rgba(127,176,255,.14);color:var(--accent);border:1px solid rgba(127,176,255,.3)}
.cards{display:grid;gap:22px;margin:0 auto}
.cards-2{grid-template-columns:repeat(2,1fr);max-width:780px}
.cards-3{grid-template-columns:repeat(3,1fr)}
.plan{position:relative;display:flex;flex-direction:column;text-align:left;padding:46px 34px 34px;border-radius:var(--r);color:var(--text);overflow:hidden;transform-style:preserve-3d;transition:transform .4s var(--e),box-shadow .4s var(--e),border-color .4s;will-change:transform}

.plan>.light{position:absolute;width:360px;height:360px;border-radius:50%;left:var(--sx,50%);top:var(--sy,50%);transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(140,180,255,.16),transparent 65%);opacity:0;transition:opacity .35s;pointer-events:none}
.plan:hover{transform:translateY(-6px);border-color:var(--line-2)}
.plan.best{border-color:rgba(127,176,255,.34)}
.plan-flag{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:5px 12px;border-radius:999px;background:rgba(127,176,255,.16);border:1px solid rgba(127,176,255,.35);color:#bcd4ff;box-shadow:0 0 18px -4px rgba(127,176,255,.6);z-index:2}

.plan>*{position:relative;z-index:1}
.plan-term{color:var(--dim);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.plan-price{font-size:46px;font-weight:800;letter-spacing:-.04em;margin:8px 0 4px}
.plan-note{color:var(--soft);font-size:14px;margin-bottom:20px}
.plan-feats{display:flex;flex-direction:column;gap:10px;margin-bottom:26px;flex:1}
.plan-feats li{position:relative;padding-left:24px;font-size:14.5px;color:var(--soft)}
.plan-feats li::before{content:"";position:absolute;left:0;top:7px;width:14px;height:14px;border-radius:50%;background:rgba(127,176,255,.16);box-shadow:inset 0 0 0 1px rgba(127,176,255,.4)}
.plan-feats li::after{content:"";position:absolute;left:5px;top:10px;width:4px;height:7px;border:solid var(--accent);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}

/* Timeline */
.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tl-step{padding:32px;border-radius:var(--r);transition:transform .4s var(--e),border-color .4s}
.tl-step:hover{transform:translateY(-5px);border-color:var(--line-2)}
.tl-n{display:block;font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--accent);margin-bottom:16px;position:relative;z-index:1}
.tl-step h3{font-size:18px;font-weight:600;margin-bottom:6px;position:relative;z-index:1}
.tl-step p{color:var(--soft);font-size:14.5px;position:relative;z-index:1}

/* Support */
.dm{text-align:center;padding:64px 32px;border-radius:26px}
.dm h2{font-size:clamp(26px,4vw,38px);font-weight:800;letter-spacing:-.03em;margin-bottom:12px;position:relative;z-index:1}
.dm p{color:var(--soft);max-width:460px;margin:0 auto 26px;position:relative;z-index:1}
.dm .btn{position:relative;z-index:1}

/* Reviews */
.carousel{overflow:hidden;padding:6px 0}
.track{display:flex;gap:20px;padding:0 max(24px,calc((100vw - var(--maxw))/2 + 24px));transition:transform .6s var(--e);will-change:transform}
.review{flex:0 0 360px;max-width:84vw;padding:30px;border-radius:var(--r);display:flex;flex-direction:column;gap:14px}
.stars{color:#e8b766;letter-spacing:3px;font-size:15px;position:relative;z-index:1}
.review blockquote{font-size:15.5px;flex:1;color:var(--text);position:relative;z-index:1}
.review figcaption{display:flex;align-items:center;gap:12px;position:relative;z-index:1}
.ava{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:var(--grad);color:#07090c}
.review figcaption strong{display:block;font-size:14px}
.review figcaption small{color:var(--dim);font-size:12px}
.car-ctrls{display:flex;gap:12px;justify-content:center;margin-top:34px}
.car-btn{width:46px;height:46px;border-radius:50%;background:var(--glass);border:1px solid var(--line);color:var(--text);font-size:20px;cursor:pointer;transition:.25s var(--e)}
.car-btn:hover{background:var(--glass-2);border-color:var(--line-2);transform:translateY(-2px)}

/* FAQ */
.faq{display:flex;flex-direction:column;gap:12px}
.faq-item{border-radius:var(--r-sm);overflow:hidden;transition:border-color .3s}
.faq-item.open{border-color:var(--line-2)}
.faq-q{width:100%;text-align:left;background:none;border:none;color:var(--text);font-family:inherit;font-weight:600;font-size:16px;padding:19px 22px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;position:relative;z-index:1}
.faq-icon{position:relative;width:15px;height:15px;flex-shrink:0}
.faq-icon::before,.faq-icon::after{content:"";position:absolute;background:var(--accent);border-radius:2px;transition:transform .35s var(--e)}
.faq-icon::before{top:6.5px;left:0;width:15px;height:2px}
.faq-icon::after{left:6.5px;top:0;width:2px;height:15px}
.faq-item.open .faq-icon::after{transform:rotate(90deg);opacity:0}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s var(--e);position:relative;z-index:1}
.faq-a p{padding:0 22px 19px;color:var(--soft);font-size:15px}

/* Final */
.final{text-align:center;padding:70px 32px;border-radius:28px;border-color:var(--line-2)}
.final h2{font-size:clamp(28px,4.5vw,42px);font-weight:800;letter-spacing:-.03em;margin-bottom:12px;position:relative;z-index:1}
.final p{color:var(--soft);font-size:17px;margin-bottom:30px;position:relative;z-index:1}
.final .btn{position:relative;z-index:1}

/* Footer */
.footer{border-top:1px solid var(--line);padding:54px 0;position:relative;z-index:2;text-align:center}
.footer-inner{display:flex;flex-direction:column;align-items:center;gap:10px}
.footer-tag{color:var(--soft);font-size:15px}
.footer-bottom{color:var(--dim);font-size:13px;margin-top:6px}

/* Modal */
.overlay{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(5,6,9,.72);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}
.overlay.open{opacity:1;visibility:visible}
.modal{width:100%;max-width:540px;max-height:92vh;overflow-y:auto;border-radius:26px;padding:40px;position:relative;transform:translateY(30px) scale(.95);opacity:0;transition:transform .5s var(--spring),opacity .4s}
.overlay.open .modal{transform:translateY(0) scale(1);opacity:1}
.modal.small{max-width:420px}
.modal>*{position:relative;z-index:1}
.modal-x{position:absolute;top:18px;right:18px;width:36px;height:36px;border-radius:50%;background:var(--glass);border:1px solid var(--line);color:var(--soft);font-size:20px;cursor:pointer;transition:.25s var(--e);line-height:1;z-index:5}
.modal-x:hover{background:var(--glass-2);color:var(--text);transform:rotate(90deg)}
.modal-head{margin-bottom:24px}
.modal h2{font-size:25px;font-weight:800;letter-spacing:-.025em;margin-bottom:8px}
.modal-head p{color:var(--soft);font-size:15px}
.center{text-align:center}

.steps-bar{display:flex;align-items:center;gap:10px;margin-bottom:26px}
.sb-item{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--dim);transition:color .3s;white-space:nowrap}
.sb-item span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--glass);border:1px solid var(--line);font-size:12px;transition:.3s var(--e)}
.sb-item.active{color:var(--text)}
.sb-item.active span{background:var(--grad);color:#07090c;border-color:transparent}
.sb-line{flex:1;height:1px;background:var(--line)}

.ffield{position:relative;margin-bottom:18px}
.ffield input{width:100%;font-family:inherit;font-size:15px;color:var(--text);background:var(--glass);border:1px solid var(--line);border-radius:var(--r-sm);padding:22px 15px 9px;transition:border-color .25s,box-shadow .25s}
.ffield input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(110,168,255,.18),0 0 22px -6px rgba(110,168,255,.4)}
.ffield input.invalid{border-color:#ff6b6b;box-shadow:0 0 0 3px rgba(255,107,107,.14)}
.ffield label{position:absolute;left:15px;top:15px;color:var(--dim);font-size:15px;pointer-events:none;transition:.22s var(--e)}
.ffield input:focus+label,.ffield input:not(:placeholder-shown)+label{top:8px;font-size:11px;color:var(--accent);letter-spacing:.03em;font-weight:600}
.err{display:block;color:#ff8585;font-size:13px;margin-top:6px;min-height:1px}

.dfield{margin-bottom:18px}
.dlabel{display:block;font-size:13px;font-weight:600;color:var(--soft);margin-bottom:8px}
.select{position:relative}
.select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:inherit;font-size:15px;color:var(--dim);background:var(--glass);border:1px solid var(--line);border-radius:var(--r-sm);padding:14px 15px;cursor:pointer;transition:border-color .25s,box-shadow .25s}
.select.has-value .select-trigger{color:var(--text)}
.select.open .select-trigger{border-color:var(--accent);box-shadow:0 0 0 3px rgba(110,168,255,.18),0 0 22px -6px rgba(110,168,255,.4)}
.select.invalid .select-trigger{border-color:#ff6b6b;box-shadow:0 0 0 3px rgba(255,107,107,.14)}
.select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.select-caret{width:8px;height:8px;border-right:2px solid var(--soft);border-bottom:2px solid var(--soft);transform:rotate(45deg) translateY(-2px);transition:transform .3s var(--e);flex-shrink:0}
.select.open .select-caret{transform:rotate(-135deg) translateY(-2px)}
.select-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:rgba(16,19,27,.99);backdrop-filter:blur(24px);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:6px;z-index:20;box-shadow:0 30px 70px -24px rgba(0,0,0,.85);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transform-origin:top;transition:.28s var(--e);max-height:280px;overflow-y:auto}
.select.open .select-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.select-menu li[role=option]{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:10px;cursor:pointer;font-size:14.5px;color:var(--soft);transition:background .18s,color .18s}
.select-menu li[role=option]:hover{background:var(--glass-2);color:var(--text)}
.select-menu li[role=option].chosen{color:var(--accent)}
.opt-ic{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:rgba(110,168,255,.12);border:1px solid rgba(110,168,255,.24);color:var(--accent);font-size:14px;flex-shrink:0}
.select-group{padding:11px 13px 4px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}

.pay-box{background:var(--glass);border:1px solid var(--line);border-radius:var(--r-sm);padding:18px;margin-bottom:18px;animation:fu .4s var(--e)}
@keyframes fu{from{opacity:0;transform:translateY(10px)}}
.pay-row{margin-bottom:14px}
.pay-row:last-of-type{margin-bottom:0}
.pay-label{font-size:13px;color:var(--dim);font-weight:600;margin-bottom:6px}
.pay-val{display:flex;align-items:center;gap:10px}
.pay-val code{flex:1;font-family:ui-monospace,monospace;font-size:13px;background:rgba(0,0,0,.4);border:1px solid var(--line);border-radius:9px;padding:10px 12px;word-break:break-all;overflow-wrap:anywhere}
.copy{flex-shrink:0;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;color:var(--accent);background:rgba(110,168,255,.12);border:1px solid rgba(110,168,255,.3);border-radius:9px;padding:10px 14px;transition:.25s var(--e)}
.copy:hover{background:rgba(110,168,255,.2)}
.copy.copied{color:var(--ok);border-color:rgba(52,211,153,.4);background:rgba(52,211,153,.12)}
.pay-hint{color:var(--dim);font-size:13px;margin-top:14px}

#submitBtn{position:relative}
.spinner{position:absolute;width:18px;height:18px;border-radius:50%;border:2px solid rgba(7,9,12,.3);border-top-color:#07090c;animation:spin .7s linear infinite;display:none}
#submitBtn.loading .btn-label{opacity:0}
#submitBtn.loading .spinner{display:block}
@keyframes spin{to{transform:rotate(360deg)}}

#successView{position:relative;text-align:center}
.confetti{position:absolute;inset:-40px -40px auto;width:calc(100% + 80px);height:300px;pointer-events:none;z-index:1}
.success-glow{position:absolute;top:-30px;left:50%;transform:translateX(-50%);width:320px;height:220px;background:radial-gradient(circle,rgba(52,211,153,.2),transparent 65%);filter:blur(22px);pointer-events:none}
.success-check{width:92px;height:92px;margin:8px auto 22px;position:relative;z-index:2;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(52,211,153,.14),transparent 70%)}
.success-check svg{width:84px;height:84px}
.success-check circle{stroke:var(--ok);stroke-width:3;stroke-dasharray:151;stroke-dashoffset:151;animation:dc .6s var(--e) forwards}
.success-check path{stroke:var(--ok);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:dp .4s .5s var(--e) forwards}
@keyframes dc{to{stroke-dashoffset:0}}
@keyframes dp{to{stroke-dashoffset:0}}
.success-sub{color:var(--soft);font-size:15px;margin-bottom:24px;position:relative;z-index:2}
.summary-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0 0 20px;position:relative;z-index:2}
.sc{background:var(--glass);border:1px solid var(--line);border-radius:12px;padding:13px 14px;text-align:left}
.sc.full{grid-column:1 / -1}
.sc small{display:block;color:var(--dim);font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}
.sc span{font-size:14px;font-weight:600;overflow-wrap:anywhere}
#successContact{margin-bottom:10px}

.dm-icon{width:64px;height:64px;border-radius:50%;margin:0 auto 18px;display:grid;place-items:center;font-size:26px;background:var(--grad);color:#07090c}
.dm-confirm-sub{color:var(--soft);font-size:15px;margin-bottom:8px}
.dm-actions{display:flex;gap:12px;margin-top:24px}
.dm-actions .btn{flex:1}

.toast{position:fixed;bottom:calc(28px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%) translateY(20px);background:rgba(19,22,30,.96);backdrop-filter:blur(14px);border:1px solid var(--line-2);color:var(--text);padding:13px 22px;border-radius:999px;font-size:14px;font-weight:500;box-shadow:0 20px 50px -20px rgba(0,0,0,.8);opacity:0;visibility:hidden;transition:.35s var(--spring);z-index:400}
.toast.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}

.reveal{opacity:0;transform:translateY(30px);transition:opacity .85s var(--e),transform .85s var(--e)}
.reveal.visible{opacity:1;transform:translateY(0)}

/* Responsive */
@media (max-width:920px){
  .stats{grid-template-columns:repeat(2,1fr)}
  .why-grid{grid-template-columns:repeat(2,1fr)}
  .cards-3{grid-template-columns:1fr;max-width:440px}
  .cards-2{max-width:440px;grid-template-columns:1fr}
  .timeline{grid-template-columns:1fr}
}
@media (max-width:760px){
  .nav-center,.nav-cta{display:none}
  .burger{display:flex}
  .nav{max-width:520px;padding:10px 10px 10px 18px}
  .section{padding:80px 0}
  .hero{padding:130px 0 60px}
  .why-grid{grid-template-columns:1fr}
  .overlay{align-items:flex-end;padding:0}
  .modal{border-radius:24px 24px 0 0;max-height:94vh;padding:32px 22px}
  .modal.small{align-self:center;border-radius:26px;margin:20px}
  .cursor-glow{display:none}
}
@media (max-width:430px){.stats{grid-template-columns:1fr}.summary-cards{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
  .reveal{opacity:1;transform:none}
  .orb,.mesh,.rays{animation:none}
}