*{margin:0;padding:0;box-sizing:border-box;}
:root{
  --bg:#02040a;
  --blue:#00b4ff;
  --blue2:#0066ff;
  --glow:rgba(0,180,255,0.15);
  --glow2:rgba(0,180,255,0.4);
  --dim:#3a4a5a;
  --text:#c8d8e8;
  --mono:'Share Tech Mono',monospace;
  --head:Georgia,serif;
}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--text);font-family:var(--head);min-height:100vh;overflow-x:hidden;cursor:crosshair;}

/* LOADER */
#loader{position:fixed;inset:0;background:#000;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .6s;}
#loader.hide{opacity:0;pointer-events:none;}
.loader-logo{width:80px;filter:drop-shadow(0 0 20px rgba(0,180,255,1));animation:loaderPulse 1s ease-in-out infinite;}
.loader-bar{width:200px;height:1px;background:#0d1a24;margin-top:30px;overflow:hidden;}
.loader-fill{height:100%;background:var(--blue);width:0%;animation:loaderFill 1.8s ease forwards;box-shadow:0 0 10px var(--blue);}
.loader-txt{font-family:var(--mono);font-size:.65rem;color:var(--blue);letter-spacing:3px;margin-top:14px;opacity:.7;}
@keyframes loaderPulse{0%,100%{opacity:.6;}50%{opacity:1;}}
@keyframes loaderFill{0%{width:0%;}100%{width:100%;}}

/* CREDITS (post-loader: Moum + Vladimir, laugh clip, then music) */
#credits-overlay{z-index:10001;}
.credits-overlay{position:fixed;inset:0;background:rgba(0,0,0,.94);display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .5s ease;pointer-events:auto;}
.credits-overlay--visible{opacity:1;}
.credits-overlay--hide{opacity:0;pointer-events:none;}
.credits-panel{text-align:center;padding:32px 24px;max-width:440px;cursor:pointer;}
.credits-kicker{font-family:var(--mono);font-size:.6rem;color:var(--dim);letter-spacing:4px;margin-bottom:10px;}
.credits-heading{font-family:var(--head);font-size:1.35rem;letter-spacing:10px;color:var(--blue);margin:0 0 10px;font-weight:700;}
.credits-made{font-size:.82rem;color:#6a8a9a;margin:0 0 22px;line-height:1.5;}
.credits-made strong{color:#b8d0e0;}
.credits-people{display:flex;justify-content:center;gap:36px;flex-wrap:wrap;margin-bottom:18px;}
.credit-person{display:flex;flex-direction:column;align-items:center;gap:6px;}
.credit-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid #0d2434;box-shadow:0 0 14px rgba(0,180,255,.12);}
.credit-name{font-family:var(--head);font-size:.8rem;letter-spacing:3px;color:var(--blue);}
.credit-did{font-family:var(--mono);font-size:.52rem;color:var(--dim);letter-spacing:0;max-width:170px;line-height:1.35;}
.credits-yt-host{position:fixed;left:-9999px;top:0;width:200px;height:200px;overflow:hidden;opacity:0;pointer-events:none;}
.credits-skip{margin-top:14px;font-family:var(--mono);font-size:.55rem;letter-spacing:2px;background:transparent;border:1px solid #0d1a24;color:var(--dim);padding:8px 18px;cursor:pointer;transition:.2s;}
.credits-skip:hover{border-color:var(--blue);color:var(--blue);}
#credits-audio-hint{font-family:var(--mono);font-size:.62rem;color:var(--blue);margin-top:10px;letter-spacing:1px;}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(2,4,10,.92);backdrop-filter:blur(10px);border-bottom:1px solid #0d1a24;padding:0 40px;display:flex;align-items:center;justify-content:space-between;height:54px;}
.nav-logo{font-family:var(--mono);font-size:.75rem;letter-spacing:4px;color:var(--blue);}
.nav-links{display:flex;gap:32px;}
.nav-links a{font-family:var(--mono);font-size:.65rem;letter-spacing:2px;color:var(--dim);text-decoration:none;transition:.2s;text-transform:uppercase;}
.nav-links a:hover{color:var(--blue);}
.nav-cta{font-family:var(--mono);font-size:.65rem;letter-spacing:2px;color:#000;background:var(--blue);padding:7px 16px;text-decoration:none;transition:.2s;}
.nav-cta:hover{box-shadow:0 0 20px var(--blue);}
.hamburger{display:none;}

/* CANVAS */
#particles{position:fixed;inset:0;z-index:0;pointer-events:none;}
.bg-grid{position:fixed;inset:0;z-index:0;background-image:linear-gradient(rgba(0,180,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,180,255,0.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;}
.bg-radial{position:fixed;inset:0;z-index:0;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(0,100,255,0.12),transparent 70%);pointer-events:none;}
.scanline{position:fixed;inset:0;z-index:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,0.05) 2px,rgba(0,0,0,0.05) 4px);pointer-events:none;}
.corner{position:fixed;width:50px;height:50px;z-index:2;pointer-events:none;opacity:.25;}
.corner.tl{top:64px;left:16px;border-top:1px solid var(--blue);border-left:1px solid var(--blue);}
.corner.tr{top:64px;right:16px;border-top:1px solid var(--blue);border-right:1px solid var(--blue);}
.corner.bl{bottom:16px;left:16px;border-bottom:1px solid var(--blue);border-left:1px solid var(--blue);}
.corner.br{bottom:16px;right:16px;border-bottom:1px solid var(--blue);border-right:1px solid var(--blue);}

/* WRAP */
.wrap{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:100px 60px 80px;}

/* HEADER */
.header{text-align:center;padding-bottom:60px;}
.logo-ring{width:220px;height:220px;margin:0 auto 24px;position:relative;display:flex;align-items:center;justify-content:center;}
.logo-img{width:200px;height:auto;filter:drop-shadow(0 0 12px rgba(0,200,255,0.8)) drop-shadow(0 0 30px rgba(0,150,255,0.4));animation:float 4s ease-in-out infinite;z-index:1;position:relative;display:block;}
@keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}
h1{font-family:var(--head);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;letter-spacing:14px;text-transform:uppercase;color:#fff;text-shadow:0 0 40px rgba(0,180,255,.5),0 0 80px rgba(0,180,255,.2);margin-bottom:10px;cursor:pointer;}
h1:hover{animation:glitch .4s steps(2) forwards;}
@keyframes glitch{
  0%{text-shadow:2px 0 #ff0066,0 0 40px rgba(0,180,255,.5);transform:translate(-1px,0);}
  20%{text-shadow:-2px 0 #00ffcc,0 0 40px rgba(0,180,255,.5);transform:translate(1px,0);}
  40%{text-shadow:2px 0 #ff0066,0 0 40px rgba(0,180,255,.5);transform:translate(-1px,1px);}
  60%{text-shadow:-2px 0 #00ffcc,0 0 40px rgba(0,180,255,.5);transform:translate(0);}
  80%{text-shadow:0 0 40px rgba(0,180,255,.5);transform:translate(1px,-1px);}
  100%{text-shadow:0 0 40px rgba(0,180,255,.5);transform:translate(0);}
}
.tagline{font-family:var(--mono);font-size:.75rem;color:var(--blue);letter-spacing:4px;opacity:.8;min-height:1.2em;}
.cursor{display:inline-block;width:8px;height:1em;background:var(--blue);vertical-align:text-bottom;animation:blink .7s step-end infinite;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:0;}}
.divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--blue),transparent);margin:20px 0;opacity:.3;}

/* INTRO */
.intro{text-align:center;font-size:1rem;color:#7a9ab8;max-width:600px;margin:0 auto 60px;line-height:1.8;font-weight:300;letter-spacing:.5px;}

/* SEC LABEL */
.sec-label{font-family:var(--mono);font-size:.65rem;letter-spacing:4px;color:var(--blue);opacity:.6;margin-bottom:16px;display:flex;align-items:center;gap:12px;}
.sec-label::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,var(--dim),transparent);}

/* FEATURES STRIP */
.features{display:flex;gap:0;margin-bottom:60px;border:1px solid var(--dim);overflow:hidden;}
.feat{flex:1;padding:20px 16px;text-align:center;border-right:1px solid var(--dim);transition:background .3s;position:relative;cursor:default;}
.feat:last-child{border-right:none;}
.feat:hover{background:rgba(0,180,255,.05);}
.feat:hover .feat-icon{text-shadow:0 0 20px var(--blue);color:var(--blue);}
.feat-icon{font-size:1.4rem;display:block;margin-bottom:8px;color:#4a7a9a;transition:.3s;}
.feat-label{font-family:var(--mono);font-size:.6rem;letter-spacing:2px;color:#4a6a7a;}

/* STATS */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-bottom:60px;}
.stat{background:#040b12;border:1px solid #0d1a24;padding:24px;text-align:center;}
.stat-val{font-size:2rem;font-weight:700;color:var(--blue);text-shadow:0 0 20px rgba(0,180,255,.4);font-family:var(--mono);display:block;margin-bottom:4px;}
.stat-lbl{font-family:var(--mono);font-size:.6rem;letter-spacing:2px;color:var(--dim);}

/* API GRID */
.api-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:2px;margin-bottom:60px;}
.api-card{background:#060d14;border:1px solid #0d1a24;padding:20px 22px;position:relative;overflow:hidden;transition:all .25s;cursor:default;}
.api-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--blue);transform:scaleY(0);transform-origin:bottom;transition:.3s;}
.api-card:hover{background:#081220;border-color:#1a3050;}
.api-card:hover::before{transform:scaleY(1);}
.api-card:hover .api-name{color:var(--blue);}
.api-num{font-family:var(--mono);font-size:.55rem;color:var(--dim);letter-spacing:2px;margin-bottom:8px;}
.api-name{font-size:1rem;font-weight:700;letter-spacing:3px;color:#8ab4d4;text-transform:uppercase;margin-bottom:6px;transition:.3s;}
.api-desc{font-size:.8rem;color:#3a5a6a;line-height:1.5;font-weight:300;}
.api-tooltip{display:none;position:absolute;bottom:100%;left:0;right:0;background:#0a1a28;border:1px solid var(--blue);padding:10px 14px;font-family:var(--mono);font-size:.65rem;color:var(--blue);z-index:10;pointer-events:none;}
.api-card:hover .api-tooltip{display:block;}

/* HOW IT WORKS */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-bottom:60px;}
.step{background:#040b12;border:1px solid #0d1a24;padding:28px 22px;text-align:center;position:relative;}
.step-num{font-family:var(--mono);font-size:2.5rem;font-weight:700;color:rgba(0,180,255,.15);margin-bottom:12px;display:block;}
.step-title{font-size:1rem;font-weight:700;letter-spacing:3px;color:#8ab4d4;margin-bottom:8px;text-transform:uppercase;}
.step-desc{font-size:.8rem;color:#3a5a6a;line-height:1.5;}
.step-arrow{position:absolute;right:-12px;top:50%;transform:translateY(-50%);color:var(--blue);font-size:1rem;opacity:.4;z-index:1;}
.step:last-child .step-arrow{display:none;}

/* PRICING */
.pricing-intro{font-size:.9rem;color:#5a7a8a;line-height:1.8;margin-bottom:30px;font-weight:300;}
.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-bottom:30px;}
.price-card{background:#040b12;border:1px solid #0d1a24;padding:32px 28px;position:relative;transition:.3s;cursor:pointer;}
.price-card:hover{background:#071020;border-color:#1a3050;}
.price-card.selected{border-color:var(--blue) !important;background:#050f1a !important;box-shadow:0 0 40px rgba(0,180,255,.15),inset 0 0 40px rgba(0,180,255,.04);}
.price-badge{position:absolute;top:-1px;right:20px;background:var(--blue);color:#000;font-family:var(--mono);font-size:.55rem;letter-spacing:2px;padding:4px 10px;font-weight:700;}
.price-tag{font-family:var(--mono);font-size:.65rem;letter-spacing:4px;color:var(--blue);margin-bottom:16px;}
.price-val{font-size:3.5rem;font-weight:700;color:#fff;text-shadow:0 0 30px rgba(0,180,255,.3);line-height:1;margin-bottom:4px;}
.price-val span{font-size:1.5rem;color:var(--dim);}
.price-period{font-family:var(--mono);font-size:.6rem;color:var(--dim);letter-spacing:2px;margin-bottom:20px;}
.price-divider{height:1px;background:linear-gradient(90deg,var(--blue),transparent);opacity:.2;margin-bottom:20px;}
.price-features{list-style:none;display:flex;flex-direction:column;gap:10px;}
.price-features li{font-size:.82rem;color:#5a7a8a;padding-left:16px;position:relative;}
.price-features li::before{content:'▸';position:absolute;left:0;color:var(--blue);opacity:.7;}
.price-card.selected .price-features li{color:#7a9ab8;}
.price-select-btn{margin-top:20px;padding:8px 0;text-align:center;border:1px solid #1a3050;font-family:var(--mono);font-size:.65rem;letter-spacing:3px;color:var(--dim);transition:.3s;}
.price-card:hover .price-select-btn{border-color:var(--blue);color:var(--blue);}
.price-select-btn.selected-btn{border-color:var(--blue);color:var(--blue);background:rgba(0,180,255,.08);}

/* INCLUDED */
.whats-included{background:#040b12;border:1px solid #0d1a24;padding:24px 28px;margin-bottom:50px;}
.included-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.inc-item{font-size:.85rem;color:#5a7a8a;display:flex;align-items:center;gap:10px;}
.inc-check{color:var(--blue);font-weight:700;font-size:1rem;}

/* FAQ */
.faq{margin-bottom:60px;}
.faq-item{border-bottom:1px solid #0d1a24;}
.faq-q{padding:18px 0;font-size:.95rem;font-weight:600;letter-spacing:1px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:#8ab4d4;transition:.2s;user-select:none;}
.faq-q:hover{color:var(--blue);}
.faq-arrow{font-family:var(--mono);color:var(--blue);transition:.3s;font-size:.8rem;}
.faq-item.open .faq-arrow{transform:rotate(180deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;font-size:.85rem;color:#3a5a6a;line-height:1.8;padding:0;}
.faq-item.open .faq-a{max-height:200px;padding-bottom:16px;}

/* TESTIMONIALS */
.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-bottom:60px;}
.testi{background:#040b12;border:1px solid #0d1a24;padding:22px;position:relative;}
.testi-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:12px;}
.testi-avatar{flex-shrink:0;width:48px;height:48px;border-radius:50%;background:linear-gradient(145deg,#00e8ff 0%,#0066cc 100%);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:.68rem;font-weight:600;color:#050a14;letter-spacing:0;box-shadow:0 0 0 2px #0a1520,0 0 20px rgba(0,200,255,.2);}
.testi-avatar.alt1{background:linear-gradient(145deg,#7c4dff 0%,#00a8ff 100%);color:#fff;}
.testi-avatar.alt2{background:linear-gradient(145deg,#00ffcc 0%,#0088aa 100%);color:#050a14;}
.testi-meta{flex:1;min-width:0;}
.testi-stars{color:var(--blue);font-size:.8rem;margin-bottom:6px;letter-spacing:2px;}
.testi-text{font-size:.8rem;color:#5a7a8a;line-height:1.6;margin-bottom:14px;font-style:italic;}
.testi-name{font-family:var(--mono);font-size:.6rem;letter-spacing:2px;color:var(--dim);}

/* DISCORD WIDGET */
.discord-widget{background:#040b12;border:1px solid #0d1a24;padding:20px 24px;margin-bottom:60px;display:flex;align-items:center;justify-content:space-between;}
.discord-info{display:flex;align-items:center;gap:14px;}
.discord-dot{width:10px;height:10px;border-radius:50%;background:#23d160;box-shadow:0 0 8px #23d160;animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:.4;}}
.discord-text{font-family:var(--mono);font-size:.7rem;color:var(--dim);letter-spacing:1px;}
.discord-text strong{color:var(--blue);display:block;font-size:.9rem;}
.copy-btn{font-family:var(--mono);font-size:.6rem;letter-spacing:2px;background:transparent;border:1px solid var(--dim);color:var(--dim);padding:8px 16px;cursor:pointer;transition:.2s;}
.copy-btn:hover{border-color:var(--blue);color:var(--blue);}

/* TOAST */
#toast{position:fixed;bottom:30px;right:30px;background:#040b12;border:1px solid var(--blue);padding:14px 22px;font-family:var(--mono);font-size:.7rem;color:var(--blue);letter-spacing:2px;z-index:999;transform:translateY(100px);opacity:0;transition:all .3s;pointer-events:none;}
#toast.show{transform:translateY(0);opacity:1;}

/* BACK TO TOP */
#btt{position:fixed;bottom:30px;left:30px;width:40px;height:40px;background:#040b12;border:1px solid var(--dim);color:var(--dim);font-size:1rem;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;opacity:0;z-index:99;}
#btt.show{opacity:1;}
#btt:hover{border-color:var(--blue);color:var(--blue);}

/* CTA */
.cta{text-align:center;}
.selected-plan-display{font-family:var(--mono);font-size:.7rem;letter-spacing:3px;color:var(--blue);margin-bottom:16px;opacity:.8;}
.cta-note{font-family:var(--mono);font-size:.65rem;color:var(--dim);letter-spacing:1px;margin-bottom:24px;}
.cta-btn{display:inline-block;padding:18px 60px;border:1px solid var(--blue);color:#fff;text-decoration:none;font-family:var(--head);font-size:1rem;font-weight:700;letter-spacing:5px;text-transform:uppercase;position:relative;overflow:hidden;transition:all .3s;}
.cta-btn::before{content:'';position:absolute;inset:0;background:var(--blue);transform:translateX(-101%);transition:.3s;z-index:0;}
.cta-btn:hover::before{transform:translateX(0);}
.cta-btn:hover{color:#000;box-shadow:0 0 40px var(--glow2);}
.cta-btn-span{position:relative;z-index:1;}
.cta-sub{font-family:var(--mono);font-size:.65rem;color:var(--dim);letter-spacing:3px;margin-top:14px;}

/* ANIMATIONS */
@keyframes fadeUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:none;}}
.fade-in{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease;}
.fade-in.visible{opacity:1;transform:none;}

/* ── MOBILE ─────────────────────────────── */
@media(max-width:768px){

  /* NAV */
  nav{padding:0 16px;}
  .nav-links{display:none;position:fixed;top:54px;left:0;right:0;background:rgba(2,4,10,.98);border-bottom:1px solid #0d1a24;flex-direction:column;padding:20px 24px;gap:0;}
  .nav-links.open{display:flex;}
  .nav-links a{padding:14px 0;border-bottom:1px solid #0d1a24;font-size:.75rem;}
  .nav-links a:last-child{border-bottom:none;}
  .nav-cta{display:none;}
  .hamburger{display:flex;flex-direction:column;gap:5px;cursor:pointer;padding:8px;}
  .hamburger span{display:block;width:22px;height:1px;background:var(--blue);transition:.3s;}
  .hamburger.open span:nth-child(1){transform:rotate(45deg) translate(4px,4px);}
  .hamburger.open span:nth-child(2){opacity:0;}
  .hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px);}

  /* LAYOUT */
  .wrap{padding:80px 16px 60px;}
  h1{font-size:2rem;letter-spacing:8px;}
  .logo-img{width:140px;}
  .logo-ring{width:160px;height:160px;}

  /* FEATURES STRIP — scroll horizontally, hide scrollbar */
  .features{overflow-x:auto;flex-wrap:nowrap;-ms-overflow-style:none;scrollbar-width:none;}
  .features::-webkit-scrollbar{display:none;}
  .feat{min-width:100px;flex:0 0 auto;}

  /* STATS */
  .stats{grid-template-columns:1fr;}

  /* STEPS */
  .steps{grid-template-columns:1fr;}
  .step-arrow{display:none;}

  /* API GRID */
  .api-grid{grid-template-columns:1fr;}

  /* PRICING */
  .pricing-grid{grid-template-columns:1fr;}
  .price-val{font-size:2.5rem;}

  /* INCLUDED */
  .included-grid{grid-template-columns:1fr;}

  /* TESTIMONIALS */
  .testimonials{grid-template-columns:1fr;}

  /* DISCORD WIDGET */
  .discord-widget{flex-direction:column;gap:16px;text-align:center;}

  /* CTA */
  .cta-btn{padding:16px 30px;font-size:.85rem;letter-spacing:3px;width:100%;text-align:center;}

  /* TOAST + BTT */
  #toast{left:16px;right:16px;bottom:16px;text-align:center;}
  #btt{bottom:16px;left:auto;right:16px;}

  /* CORNERS — hide on mobile */
  .corner{display:none;}

  /* FAQ */
  .faq-q{font-size:.85rem;}
}

@media(max-width:480px){
  h1{font-size:1.6rem;letter-spacing:6px;}
  .tagline{font-size:.65rem;letter-spacing:2px;}
  .intro{font-size:.88rem;}
  .price-val{font-size:2rem;}
  nav{padding:0 12px;}
}

/* ── CUSTOM SCROLLBAR ───────────────────── */
::-webkit-scrollbar{width:4px;}
::-webkit-scrollbar-track{background:#000;}
::-webkit-scrollbar-thumb{background:var(--blue);border-radius:2px;}
::-webkit-scrollbar-thumb:hover{background:#fff;}

/* ── TEXT SELECTION ─────────────────────── */
::selection{background:rgba(0,180,255,0.3);color:#fff;}

/* ── CURSOR TRAIL ───────────────────────── */
.trail{position:fixed;pointer-events:none;border-radius:50%;z-index:9998;transform:translate(-50%,-50%);transition:opacity .5s;}

/* ── LOGO RADAR RING ────────────────────── */
.radar-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:1px solid var(--blue);opacity:0;animation:radar 3s ease-out infinite;}
.radar-ring:nth-child(2){animation-delay:1s;}
.radar-ring:nth-child(3){animation-delay:2s;}
@keyframes radar{0%{transform:scale(.6);opacity:.6;}100%{transform:scale(2.2);opacity:0;}}

/* ── GRADIENT BORDER PRICING ────────────── */
@keyframes borderGlow{0%,100%{box-shadow:0 0 20px rgba(0,180,255,.2);}50%{box-shadow:0 0 40px rgba(0,180,255,.5),0 0 80px rgba(0,100,255,.2);}}
.price-card.selected{animation:borderGlow 2s ease-in-out infinite;}

/* ── NAV LINK UNDERLINE ─────────────────── */
.nav-links a{position:relative;}
.nav-links a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--blue);transition:width .3s;}
.nav-links a:hover::after{width:100%;}

/* ── FOCUS GLOW ─────────────────────────── */
a:focus,button:focus{outline:none;box-shadow:0 0 0 2px rgba(0,180,255,.4);}

/* ── SECTION DIVIDERS ───────────────────── */
.sec-divider{width:100%;margin:10px 0 50px;display:flex;align-items:center;gap:16px;opacity:.2;}
.sec-divider::before,.sec-divider::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--blue),transparent);}
.sec-divider span{font-family:var(--mono);font-size:.55rem;color:var(--blue);letter-spacing:4px;white-space:nowrap;}

/* ── PARALLAX LOGO ──────────────────────── */
.logo-img{transition:filter .1s;}


.api-card{}

/* ── PAGE-SPECIFIC NAV (pricing vs terms) ───────────────── */
.page-pricing .nav-links a.nav-tab-active-pricing{
  color:var(--blue);
}
.page-pricing .nav-links a.nav-tab-active-pricing::after{
  width:100%;
  height:2px;
  bottom:-5px;
  background:linear-gradient(90deg,transparent,var(--blue),var(--blue2),transparent);
  box-shadow:0 0 14px var(--glow2);
}

.page-tos{
  --tos-accent:#d4a84b;
  --tos-border:rgba(212,168,75,.4);
}
.page-tos .nav-links a.nav-tab-active-tos{
  color:var(--tos-accent);
  border:1px solid var(--tos-border);
  border-radius:3px;
  padding:6px 14px;
  margin:-6px -14px;
  background:linear-gradient(165deg,rgba(212,168,75,.14),transparent 55%);
  box-shadow:0 0 22px rgba(212,168,75,.1);
  letter-spacing:3px;
}
.page-tos .nav-links a.nav-tab-active-tos::after{display:none;}

.page-privacy{
  --privacy-accent:#7eb8d4;
  --privacy-border:rgba(126,184,212,.4);
}
.page-privacy .nav-links a.nav-tab-active-privacy{
  color:var(--privacy-accent);
  border:1px solid var(--privacy-border);
  border-radius:3px;
  padding:6px 14px;
  margin:-6px -14px;
  background:linear-gradient(165deg,rgba(126,184,212,.14),transparent 55%);
  box-shadow:0 0 22px rgba(126,184,212,.1);
  letter-spacing:3px;
}
.page-privacy .nav-links a.nav-tab-active-privacy::after{display:none;}

/* ── BUY BUBBLE (checkout modal) ─────────── */
.buy-bubble-overlay{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;}
.buy-bubble-overlay[hidden]{display:none!important;}
.buy-bubble-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(6px);border:none;cursor:pointer;padding:0;}
.buy-bubble{position:relative;z-index:1;width:100%;max-width:400px;background:linear-gradient(165deg,rgba(6,16,24,.98),rgba(2,6,12,.98));border:1px solid rgba(0,180,255,.35);border-radius:16px;padding:28px 24px 24px;box-shadow:0 0 60px rgba(0,100,200,.2),0 24px 48px rgba(0,0,0,.5);animation:buyBubblePop .35s cubic-bezier(.2,.9,.2,1);}
@keyframes buyBubblePop{from{opacity:0;transform:scale(.94) translateY(12px);}to{opacity:1;transform:none;}}
.buy-bubble-close{position:absolute;top:12px;right:14px;width:36px;height:36px;border:none;background:transparent;color:var(--dim);font-size:1.4rem;line-height:1;cursor:pointer;transition:.2s;border-radius:6px;}
.buy-bubble-close:hover{color:var(--blue);}
#buy-bubble-title{font-family:var(--mono);font-size:.72rem;letter-spacing:3px;color:var(--blue);text-transform:uppercase;margin-bottom:6px;text-align:center;}
.buy-bubble-price{font-family:var(--head);font-size:1.75rem;font-weight:700;color:#fff;text-align:center;letter-spacing:2px;margin-bottom:8px;text-shadow:0 0 24px rgba(0,180,255,.25);}
#buy-bubble-sub{font-size:.82rem;color:#5a7a8a;text-align:center;line-height:1.5;margin-bottom:22px;}
.buy-bubble-options{display:flex;flex-direction:column;gap:12px;}
.buy-bubble-opt{display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:100%;padding:16px 18px;border-radius:10px;border:1px solid #1a3050;background:rgba(4,11,18,.9);cursor:pointer;transition:.22s;font-family:var(--mono);}
.buy-bubble-opt:hover{border-color:var(--blue);box-shadow:0 0 24px var(--glow);}
.buy-bubble-card{border-color:rgba(0,180,255,.25);}
.buy-bubble-card:hover{background:rgba(0,180,255,.06);}
.buy-bubble-crypto{border-color:rgba(212,168,75,.25);}
.buy-bubble-crypto:hover{border-color:rgba(212,168,75,.5);box-shadow:0 0 20px rgba(212,168,75,.12);}
.buy-bubble-opt-label{font-size:.75rem;letter-spacing:3px;color:#fff;text-transform:uppercase;margin-bottom:4px;}
.buy-bubble-opt-hint{font-size:.65rem;letter-spacing:1px;color:var(--dim);font-weight:400;}
.buy-bubble-foot{font-family:var(--mono);font-size:.58rem;letter-spacing:2px;color:var(--dim);text-align:center;margin-top:18px;opacity:.85;}

/* ── INLINE PAYMENT BUTTONS ───────────────── */
.pay-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center;margin-top:18px;}
.pay-btn{
  font-family:var(--mono);
  font-size:.62rem;
  letter-spacing:2px;
  padding:12px 22px;
  border:1px solid var(--dim);
  background:rgba(4,11,18,.85);
  color:var(--text);
  cursor:pointer;
  transition:.25s;
  text-transform:uppercase;
}
.pay-btn:hover{border-color:var(--blue);color:var(--blue);}
.pay-btn-primary{border-color:var(--blue);color:var(--blue);background:rgba(0,180,255,.07);}
.pay-btn-primary:hover{box-shadow:0 0 22px var(--glow2);}

/* ── LEGAL / TOS CONTENT ──────────────────── */
.legal-wrap{max-width:720px;margin:0 auto;padding-bottom:60px;}
.legal-wrap h2{
  font-family:var(--mono);
  font-size:.78rem;
  letter-spacing:3px;
  color:var(--tos-accent,#d4a84b);
  margin:2.2rem 0 .85rem;
  text-transform:uppercase;
}
.legal-wrap p{font-size:.88rem;line-height:1.75;color:#6a8aa0;margin-bottom:1rem;}
.legal-wrap ul{margin:0 0 1rem 1.2rem;color:#5a7a8a;font-size:.88rem;line-height:1.65;}
.legal-intro{color:var(--dim);font-size:.72rem;margin-bottom:2rem;font-family:var(--mono);letter-spacing:2px;}
.page-head{margin-bottom:36px;padding-top:8px;}
.page-head h1{font-size:clamp(1.6rem,4vw,2.4rem);letter-spacing:8px;}