.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:120px 40px 80px;text-align:center;position:relative;overflow:hidden;}
.orb1{position:absolute;top:-10%;left:-5%;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.18) 0%,transparent 65%);filter:blur(40px);pointer-events:none;animation:f1 8s ease-in-out infinite;}
.orb2{position:absolute;bottom:-10%;right:-5%;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(88,101,242,.14) 0%,transparent 65%);filter:blur(40px);pointer-events:none;animation:f2 10s ease-in-out infinite;}
@keyframes f1{0%,100%{transform:translate(0,0);}50%{transform:translate(30px,-30px);}}
@keyframes f2{0%,100%{transform:translate(0,0);}50%{transform:translate(-20px,20px);}}
.hgrid{position:absolute;inset:0;background-image:linear-gradient(rgba(139,92,246,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.04) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,black 10%,transparent 80%);}
.pill{display:inline-flex;align-items:center;gap:8px;background:rgba(139,92,246,.1);border:1px solid var(--border2);border-radius:100px;padding:6px 16px;font-size:12px;font-weight:600;color:var(--accent3);margin-bottom:32px;letter-spacing:.04em;font-family:var(--mono);animation:fu .6s ease both;}
.pdot{width:7px;height:7px;background:var(--green);border-radius:50%;animation:blink 2s infinite;flex-shrink:0;}
h1{font-size:clamp(38px,7.5vw,92px);font-weight:900;line-height:1.03;letter-spacing:-.04em;max-width:860px;margin:0 auto 24px;animation:fu .6s .1s ease both;}
h1 em{font-style:normal;background:linear-gradient(135deg,var(--accent3),var(--disc) 60%,var(--green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hdesc{font-size:17px;color:var(--text2);max-width:520px;margin:0 auto 48px;line-height:1.75;font-weight:300;animation:fu .6s .2s ease both;}
.hbtns{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;animation:fu .6s .3s ease both;}
.bxl{display:flex;align-items:center;gap:9px;padding:14px 30px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;font-family:var(--font);border:none;text-decoration:none;}
.bxl.m{background:linear-gradient(135deg,var(--accent),var(--disc));color:#fff;box-shadow:0 0 40px var(--glow);}
.bxl.m:hover{transform:translateY(-2px);box-shadow:0 8px 50px var(--glow);}
.bxl.s{background:rgba(255,255,255,.05);border:1px solid var(--border2);color:var(--text2);}
.bxl.s:hover{color:var(--text);border-color:rgba(139,92,246,.4);background:rgba(255,255,255,.08);}

/* Mobile nav */
.nav-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;z-index:300;}
.nav-burger span{display:block;width:22px;height:2px;background:var(--text2);border-radius:2px;transition:all .3s;}
.nav-burger.active span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-burger.active span:nth-child(2){opacity:0;}
.nav-burger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.mobile-nav{position:fixed;top:62px;left:0;right:0;background:rgba(8,8,15,.98);backdrop-filter:blur(24px);border-bottom:1px solid var(--border);padding:20px 24px;display:flex;flex-direction:column;gap:4px;z-index:199;transform:translateY(-120%);transition:transform .3s ease;pointer-events:none;}
.mobile-nav.open{transform:translateY(0);pointer-events:auto;}
.mobile-nav a{color:var(--text2);font-size:15px;font-weight:500;padding:12px 14px;border-radius:9px;text-decoration:none;transition:all .18s;}
.mobile-nav a:hover{color:var(--text);background:rgba(255,255,255,.05);}
.mobile-nav .mobile-cta{background:linear-gradient(135deg,var(--accent),var(--disc));color:#fff;text-align:center;font-weight:600;margin-top:8px;box-shadow:0 0 20px var(--glow2);}

/* Features section */
.features{padding:80px 40px;max-width:1100px;margin:0 auto;}
.feat-title{text-align:center;font-size:clamp(26px,4vw,42px);font-weight:800;letter-spacing:-.03em;margin-bottom:14px;}
.feat-sub{text-align:center;font-size:16px;color:var(--text2);margin-bottom:56px;font-weight:300;}
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.fcard{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:28px;transition:all .25s;}
.fcard:hover{border-color:var(--border2);transform:translateY(-3px);box-shadow:0 20px 60px rgba(0,0,0,.3);}
.ficon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--disc));display:flex;align-items:center;justify-content:center;margin-bottom:18px;box-shadow:0 0 20px var(--glow2);flex-shrink:0;}
.ficon svg{color:#fff;}
.fcard h3{font-size:17px;font-weight:700;margin-bottom:8px;letter-spacing:-.01em;}
.fcard p{font-size:13.5px;color:var(--text2);line-height:1.65;font-weight:300;}

/* Stats strip */
.stats-strip{background:var(--surface);border-top:1px solid var(--border3);border-bottom:1px solid var(--border3);padding:32px 40px;display:flex;justify-content:center;gap:80px;flex-wrap:wrap;}
.stat-item{text-align:center;}
.stat-num{font-size:36px;font-weight:900;letter-spacing:-.03em;background:linear-gradient(135deg,var(--accent3),var(--disc));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.stat-lbl{font-size:12px;font-family:var(--mono);color:var(--text3);margin-top:4px;letter-spacing:.06em;text-transform:uppercase;}

/* Pricing preview */
.pricing-preview{padding:80px 40px;max-width:1100px;margin:0 auto;}
.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px;}
.pcard{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:24px;position:relative;transition:all .25s;display:flex;flex-direction:column;gap:0;}
.pcard:hover{transform:translateY(-4px);box-shadow:0 24px 70px rgba(0,0,0,.3);border-color:var(--border2);}
.pcard-featured{border-color:rgba(245,158,11,.35);background:linear-gradient(160deg,rgba(245,158,11,.05),var(--surface));}
.pcard-dark{border-color:rgba(248,113,113,.2);background:linear-gradient(160deg,rgba(248,113,113,.04),var(--surface));}
.pcard-badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--gold),#f97316);color:#000;font-size:10px;font-weight:800;padding:3px 12px;border-radius:100px;font-family:var(--mono);letter-spacing:.06em;white-space:nowrap;}
.pcard-name{font-size:11px;font-family:var(--mono);color:var(--text3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;}
.pcard-price{font-size:32px;font-weight:900;letter-spacing:-.04em;margin-bottom:20px;}
.pcard-price span{font-size:13px;font-weight:400;color:var(--text3);}
.pcard-gold{background:linear-gradient(135deg,var(--gold),#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.pcard-features{list-style:none;margin-bottom:22px;display:flex;flex-direction:column;gap:8px;flex:1;}
.pcard-features li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text2);}
.pcard-features li svg{color:var(--green);flex-shrink:0;}
.pcard-btn{display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 16px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;font-family:var(--font);border:none;text-decoration:none;margin-top:auto;}
.pcard-free{background:rgba(255,255,255,.06);border:1px solid var(--border2);color:var(--text2);}
.pcard-free:hover{background:rgba(255,255,255,.1);color:var(--text);}
.pcard-prem{background:linear-gradient(135deg,var(--gold),#f97316);color:#000;box-shadow:0 0 24px rgba(245,158,11,.25);}
.pcard-prem:hover{transform:translateY(-1px);box-shadow:0 6px 30px rgba(245,158,11,.4);}
.pcard-shield{background:linear-gradient(135deg,rgba(248,113,113,.15),rgba(124,58,237,.15));border:1px solid rgba(248,113,113,.3);color:var(--red);}
.pcard-shield:hover{background:linear-gradient(135deg,rgba(248,113,113,.25),rgba(124,58,237,.25));border-color:rgba(248,113,113,.5);}

/* CTA bottom */
.cta-section{padding:80px 40px;text-align:center;}
.cta-section h2{font-size:clamp(26px,4vw,48px);font-weight:900;letter-spacing:-.03em;margin-bottom:18px;}
.cta-section p{font-size:16px;color:var(--text2);margin-bottom:36px;font-weight:300;}

/* Footer */
footer{border-top:1px solid var(--border3);padding:24px 48px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;}
.foot-logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;}
.foot-links{display:flex;gap:20px;flex-wrap:wrap;}
.foot-links a{font-size:13px;color:var(--text3);text-decoration:none;transition:color .15s;}
.foot-links a:hover{color:var(--text2);}
.foot-right{font-size:12px;color:var(--text3);font-family:var(--mono);}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .pricing-grid{grid-template-columns:repeat(2,1fr);}
  .feat-grid{grid-template-columns:repeat(2,1fr);}
}

@media(max-width:768px){
  .hero{padding:100px 20px 60px;}
  h1{font-size:clamp(34px,9vw,56px);}
  .hdesc{font-size:15px;}
  .bxl{padding:12px 22px;font-size:14px;}
  .stats-strip{gap:32px;padding:24px 20px;}
  .stat-num{font-size:28px;}
  .features{padding:60px 20px;}
  .feat-grid{grid-template-columns:1fr;}
  .pricing-preview{padding:60px 20px;}
  .pricing-grid{grid-template-columns:1fr 1fr;gap:12px;}
  .pcard{padding:20px;}
  .pcard-price{font-size:26px;}
  .cta-section{padding:60px 20px;}
  footer{padding:20px 24px;flex-direction:column;align-items:flex-start;gap:16px;}
  .foot-links{gap:12px;}
}

@media(max-width:540px){
  .pricing-grid{grid-template-columns:1fr;}
  .stats-strip{gap:20px;}
  .stat-item{min-width:40%;}
  .hbtns{flex-direction:column;width:100%;max-width:320px;}
  .bxl{justify-content:center;}
}