:root{
    --bg:#ffffff; --soft:#f7f7fb; --ink:#12101e; --ink2:#2a2740; --gray:#65627c; --gray2:#9a97ad;
    --line:#ececf2; --line2:#f3f2f8;
    --v1:#7c5cff; --v2:#a64bff; --pink:#ff5fa2; --teal:#2dd4bf; --amber:#ffae57;
    --dark:#0b0a14; --dark2:#13111f; --dcard:#1a1828; --dborder:#2a2740; --dtext:#f4f3fa; --dmuted:#9b98ad;
    --grad:linear-gradient(135deg,#7c5cff,#a64bff 55%,#ff5fa2);
    --shadow:0 1px 2px rgba(18,16,30,.04), 0 12px 34px rgba(18,16,30,.08);
    --glow:0 18px 50px rgba(124,92,255,.35);
    --radius:18px;
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{margin:0;font-family:'Segoe UI',system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;
       background:var(--bg);color:var(--ink);line-height:1.65;font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  a{color:inherit;text-decoration:none}
  .wrap{max-width:1160px;margin:0 auto;padding:0 24px}
  h1,h2,h3{line-height:1.12;letter-spacing:-.5px;margin:0}
  section{padding:84px 0}
  section.soft{background:var(--soft)}
  .eyebrow{font-size:12px;letter-spacing:2.6px;text-transform:uppercase;font-weight:800;margin-bottom:14px;
       background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}
  h2{font-size:clamp(28px,3.6vw,40px);font-weight:800;color:var(--ink)}
  h2 .num{-webkit-text-fill-color:transparent;background:var(--grad);-webkit-background-clip:text;background-clip:text;margin-right:10px;font-weight:800}
  .lead{color:var(--gray);max-width:760px;font-size:17.5px;margin-top:12px}
  .grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}

  /* reveal */
  .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
  .reveal.in{opacity:1;transform:none}

  /* NAV */
  nav{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
  nav .wrap{display:flex;align-items:center;gap:20px;height:74px}
  nav img.logo{height:46px;width:auto;display:block}
  nav .links{display:flex;gap:24px;margin-left:auto;align-items:center;flex-wrap:wrap}
  nav .links a{color:var(--gray);font-size:14.5px;font-weight:600}
  nav .links a:hover{color:var(--ink)}
  nav .links a.btn{color:#fff}                 /* keep CTA text white over the gradient */
  nav .links a.btn:hover{color:#fff}
  .btn{display:inline-flex;align-items:center;gap:8px;background:var(--grad);color:#fff;font-weight:700;
       padding:12px 22px;border-radius:12px;border:none;cursor:pointer;font-size:14.5px;font-family:inherit;
       box-shadow:0 8px 22px rgba(124,92,255,.32);transition:transform .15s,box-shadow .2s}
  .btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(124,92,255,.45)}
  /* primary "Join" CTA — draws the eye, arrow nudges on hover */
  .btn.join{animation:joinPulse 2.8s ease-in-out infinite;font-weight:800;padding:12px 24px}
  .btn.join:hover{animation-play-state:paused}
  .btn.join .arr{transition:transform .2s;font-weight:700}
  .btn.join:hover .arr{transform:translateX(4px)}
  @keyframes joinPulse{
    0%,100%{box-shadow:0 8px 22px rgba(124,92,255,.32), inset 0 1px 0 rgba(255,255,255,.4)}
    50%{box-shadow:0 10px 30px rgba(124,92,255,.6), 0 0 0 5px rgba(124,92,255,.15), inset 0 1px 0 rgba(255,255,255,.4)}
  }
  @media (prefers-reduced-motion: reduce){
    .btn.join{animation:none}
    .b1,.b2,.b3,.hero-art img{animation:none}
  }
  .btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line);box-shadow:none}
  .btn.ghost:hover{border-color:var(--v1);color:var(--v1)}
  .btn.ondark{box-shadow:0 8px 26px rgba(124,92,255,.5)}
  .btn.ghost.ondark{color:#fff;border-color:rgba(255,255,255,.25)}
  .btn.ghost.ondark:hover{border-color:#fff;color:#fff;background:rgba(255,255,255,.06)}

  /* HERO */
  .hero{position:relative;overflow:hidden;background:var(--dark);color:var(--dtext);padding:70px 0 84px}
  .aurora{position:absolute;inset:-10% -10% 0 -10%;z-index:0;filter:blur(80px);opacity:.55;pointer-events:none}
  .aurora i{position:absolute;display:block;border-radius:50%}
  .b1{width:420px;height:420px;background:#7c5cff;left:-60px;top:-80px;animation:float1 14s ease-in-out infinite}
  .b2{width:380px;height:380px;background:#ff5fa2;right:-40px;top:40px;animation:float2 16s ease-in-out infinite}
  .b3{width:300px;height:300px;background:#3b82f6;left:40%;top:160px;background:#7c5cff;animation:float1 18s ease-in-out infinite reverse}
  @keyframes float1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(40px,30px) scale(1.1)}}
  @keyframes float2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-50px,40px) scale(1.12)}}
  .hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.12fr .88fr;gap:46px;align-items:center}
  @media(max-width:920px){.hero .wrap{grid-template-columns:1fr;text-align:center}}
  .chip{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);
       border-radius:30px;padding:7px 15px;font-size:13px;color:#d9d7ea;margin-bottom:22px}
  .chip b{color:#fff}
  .hero h1{font-size:clamp(40px,6vw,66px);font-weight:800;color:#fff;letter-spacing:-1.5px}
  .hero p{font-size:19px;color:#bdbacf;max-width:560px;margin:20px 0 0}
  @media(max-width:920px){.hero p{margin-left:auto;margin-right:auto}}
  .hero .cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
  @media(max-width:920px){.hero .cta{justify-content:center}}
  .stats{display:flex;gap:34px;flex-wrap:wrap;margin-top:40px}
  @media(max-width:920px){.stats{justify-content:center}}
  .stat .n{font-size:30px;font-weight:800;color:#fff}
  .stat .n .grad{font-weight:800}
  .stat .l{font-size:12.5px;color:#8e8ba6;letter-spacing:.4px}
  .hero-art{position:relative;display:flex;justify-content:center}
  .hero-art .ring{position:absolute;inset:0;margin:auto;width:330px;height:330px;border-radius:50%;
       background:radial-gradient(circle,rgba(124,92,255,.45),transparent 65%);z-index:0}
  .hero-art img{position:relative;z-index:1;width:252px;height:auto;border-radius:30px;
       filter:drop-shadow(0 30px 60px rgba(0,0,0,.55)) drop-shadow(0 0 1px rgba(255,255,255,.45));animation:floaty 6s ease-in-out infinite}
  @keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}

  /* CARDS */
  .grid{display:grid;gap:18px}
  .g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
  @media(max-width:920px){.g2,.g3,.g4{grid-template-columns:1fr}}
  .card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);
       transition:transform .2s,box-shadow .2s}
  .card:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(18,16,30,.12)}
  .card h3{font-size:18px;margin-bottom:8px}
  .card p{margin:0;color:var(--gray);font-size:14.6px}
  .ico{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:22px;
       background:linear-gradient(135deg,rgba(124,92,255,.14),rgba(255,95,162,.14));margin-bottom:14px}

  /* CONCEPT */
  .concept{display:grid;grid-template-columns:1fr 1fr;gap:18px}
  @media(max-width:920px){.concept{grid-template-columns:1fr}}
  .pilltag{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;
       padding:5px 12px;border-radius:20px;color:#fff;background:var(--grad)}
  .concept .card.b .pilltag{background:linear-gradient(135deg,#ff5fa2,#a64bff)}
  .compose{margin-top:18px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--v1);
       border-radius:14px;padding:18px 22px;color:var(--ink2);box-shadow:var(--shadow)}
  .ok{color:#16a34a;font-weight:700}.bad{color:#e11d63;font-weight:700}

  /* DIAGRAM */
  .diagram{margin:34px auto 0;max-width:720px}
  .pulse{stroke-dasharray:5 9;animation:dash 2.6s linear infinite}
  @keyframes dash{to{stroke-dashoffset:-140}}
  .core{animation:breathe 3.4s ease-in-out infinite}
  @keyframes breathe{0%,100%{opacity:1}50%{opacity:.85}}

  /* WARN */
  .warn{background:linear-gradient(180deg,#fff,#fff5f8);border:1px solid #ffd9e6;border-left:5px solid #e11d63;
       border-radius:16px;padding:24px 26px;box-shadow:var(--shadow)}
  .warn h3{color:#c01551;font-size:19px;margin-bottom:8px}

  /* TABLE */
  .tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}
  table{border-collapse:collapse;width:100%;font-size:14.6px;min-width:680px}
  thead th{background:var(--soft);color:var(--gray);font-size:12px;text-transform:uppercase;letter-spacing:.7px;
       font-weight:800;text-align:left;padding:15px 20px;border-bottom:1px solid var(--line)}
  tbody td{padding:16px 20px;border-bottom:1px solid var(--line2);vertical-align:top;color:var(--ink2)}
  tbody tr:last-child td{border-bottom:none}
  tbody tr:hover td{background:#faf9ff}
  td .feat{font-weight:800;color:var(--ink)}
  .stage{display:inline-block;font-size:11.5px;font-weight:800;padding:4px 11px;border-radius:20px}
  .s-mvp{background:rgba(124,92,255,.12);color:#6b41e6}.s-v1{background:rgba(45,212,191,.16);color:#0f9b8a}.s-later{background:#f0f0f4;color:#777}

  /* SOLUTIONS */
  .sol{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}
  .sol:hover{transform:translateY(-5px);box-shadow:0 20px 48px rgba(18,16,30,.13)}
  .sol .tier{font-size:11px;letter-spacing:.8px;text-transform:uppercase;font-weight:800;padding:5px 12px;border-radius:20px;background:var(--soft);color:var(--gray)}
  .sol .tier.gold{background:var(--grad);color:#fff}
  .sol .price{font-size:38px;font-weight:800;margin-top:16px;color:var(--ink);letter-spacing:-1px}
  .sol .price span{font-size:14px;color:var(--gray);font-weight:500}
  .sol .sub{font-size:12.5px;color:var(--gray2);margin-bottom:4px}
  .sol ul{margin:16px 0 0;padding:0;list-style:none;font-size:13.8px}
  .sol li{margin:7px 0;padding-left:24px;position:relative;color:var(--gray)}
  .sol li.pro::before{content:"✓";position:absolute;left:0;color:#16a34a;font-weight:800}
  .sol li.con::before{content:"✕";position:absolute;left:1px;color:#e11d63;font-weight:700;font-size:12px}
  .sol .best{margin-top:16px;font-size:13px;color:var(--ink2)}
  .recommended{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--grad) border-box;box-shadow:var(--glow)}
  .ribbon{position:absolute;top:16px;right:-32px;background:var(--grad);color:#fff;font-weight:800;font-size:10.5px;
       padding:6px 38px;transform:rotate(45deg);letter-spacing:1px}

  /* CHARTS */
  .chartbox{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}
  .chartbox h3{font-size:15.5px;margin-bottom:2px}
  .chartbox .cap{font-size:12.5px;color:var(--gray2);margin:0 0 10px}

  /* GALLERY */
  .tabs{display:inline-flex;gap:6px;background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:6px;margin:8px 0 30px}
  .tabs button{border:none;background:transparent;color:var(--gray);font-weight:700;font-size:14px;padding:10px 22px;border-radius:10px;cursor:pointer;font-family:inherit}
  .tabs button.on{background:var(--grad);color:#fff;box-shadow:0 8px 20px rgba(124,92,255,.3)}
  .gallery{display:flex;gap:18px;align-items:flex-start;overflow-x:auto;overflow-y:hidden;
       scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px 14px;scrollbar-width:none;-ms-overflow-style:none}
  .gallery::-webkit-scrollbar{display:none}
  .gallery .shot{flex:0 0 auto;scroll-snap-align:start}
  .gallery.mobiles .shot{flex-basis:calc((100% - 54px)/4)}   /* 4 phones per view */
  .gallery.webs .shot{flex-basis:calc((100% - 18px)/2)}      /* 2 desktops per view */
  @media(max-width:920px){.gallery.mobiles .shot{flex-basis:calc((100% - 18px)/2)} .gallery.webs .shot{flex-basis:100%}}
  @media(max-width:560px){.gallery.mobiles .shot{flex-basis:calc((100% - 18px)/2)} .gallery.webs .shot{flex-basis:100%}}
  /* slider arrows flanking the carousel (left/right, vertically centered) */
  .gallery-wrap{position:relative}
  .gal-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:48px;height:48px;border-radius:50%;
       border:1px solid var(--line);background:#fff;color:var(--ink);font-size:24px;line-height:0;cursor:pointer;
       display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(18,16,30,.22);transition:transform .15s,background .2s,color .2s}
  .gal-nav:hover{background:var(--grad);color:#fff;border-color:transparent;transform:translateY(-50%) scale(1.08)}
  .gal-prev{left:-10px}
  .gal-next{right:-10px}
  @media(max-width:560px){.gal-nav{width:40px;height:40px;font-size:20px}.gal-prev{left:0}.gal-next{right:0}}
  .shot{text-align:center}
  .shot img{width:100%;height:auto;border-radius:18px;filter:drop-shadow(0 18px 40px rgba(18,16,30,.22));transition:transform .25s}
  .shot:hover img{transform:translateY(-6px)}
  .shot .cap{margin-top:14px;font-size:13.5px;color:var(--gray)}
  .shot .cap b{display:block;color:var(--ink);font-size:14.5px}
  .hidden{display:none}

  /* VOTE + COMMENTS */
  .vote-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px}
  .vote-card{flex:1 1 200px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;text-align:center;box-shadow:var(--shadow);transition:transform .2s}
  .vote-card:hover{transform:translateY(-3px)}
  .vote-card .lbl{font-weight:700;font-size:14px}
  .vote-card .count{font-size:34px;font-weight:800;margin:6px 0;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;transition:transform .2s}
  .vote-card button{margin-top:6px;width:100%}
  /* eye-catching vote cards + buttons */
  .vote-card{position:relative;overflow:hidden}
  .vote-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--grad)}
  .vote-card:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(124,92,255,.20);border-color:#e0d9f7}
  .vote-card:hover .count{transform:scale(1.07)}
  .vote-btn{font-weight:800;letter-spacing:.2px}
  .vote-btn:hover{transform:translateY(-2px) scale(1.04)}
  /* rating + comment band (premium) with app image */
  .rate-band{margin-top:40px;background:linear-gradient(135deg,rgba(124,92,255,.09),rgba(255,95,162,.06));
       border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow)}
  .rate-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:center}
  @media(max-width:900px){.rate-grid{grid-template-columns:1fr}}
  .rate-form{margin:0;max-width:none;border:2px solid transparent;
       background:linear-gradient(#fff,#fff) padding-box, var(--grad) border-box;box-shadow:0 16px 40px rgba(124,92,255,.14)}
  .rate-form h3{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
  .rate-art{position:relative;display:flex;justify-content:center}
  .rate-glow{position:absolute;inset:0;margin:auto;width:300px;height:300px;border-radius:50%;
       background:radial-gradient(circle,rgba(124,92,255,.28),transparent 65%);z-index:0}
  .rate-art img{position:relative;z-index:1;width:240px;height:auto;filter:drop-shadow(0 26px 54px rgba(18,16,30,.30));animation:floaty 6s ease-in-out infinite}
  @media (prefers-reduced-motion: reduce){.rate-art img{animation:none}}
  .slider-wrap{margin-top:18px}
  .slider{display:flex;gap:18px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px 12px;scrollbar-width:none;-ms-overflow-style:none}
  .slider::-webkit-scrollbar{display:none}
  .comment{min-width:100%;background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px 26px;box-shadow:var(--shadow)}
  .comment .stars{font-size:17px;letter-spacing:2px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
  .comment p{font-size:16.5px;color:var(--ink2);margin:10px 0 0}
  .comment .who{color:var(--gray2);font-size:13.5px;margin-top:10px}
  .slider-nav{display:flex;gap:8px;justify-content:center;margin-top:14px}
  .slider-nav button{background:#fff;border:1px solid var(--line);color:var(--ink);width:42px;height:42px;border-radius:50%;cursor:pointer;font-size:18px}
  .slider-nav button:hover{border-color:var(--v1);color:var(--v1)}
  .dots{display:flex;gap:6px;justify-content:center;margin-top:12px}
  .dots i{width:8px;height:8px;border-radius:50%;background:var(--line);cursor:pointer}
  .dots i.on{background:var(--v1)}
  /* richer testimonials */
  .tsummary{display:flex;align-items:center;gap:18px;margin:6px 0 20px;flex-wrap:wrap}
  .tsummary .big{font-size:44px;font-weight:800;line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
  .tsummary .ts-sub{font-size:13.5px;color:var(--gray);margin-top:2px}
  .cm-stars{font-size:16px;letter-spacing:2px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
  .cm-stars-empty{font-size:16px;letter-spacing:2px;color:#dcd9ec}
  .comment{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#faf9ff);
       border:1.5px solid #e4e0f2;border-radius:18px;padding:26px 28px;box-shadow:0 10px 30px rgba(124,92,255,.08);
       flex:0 0 calc((100% - 36px)/3);min-width:0;scroll-snap-align:start}
  .comment::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--grad)}
  .cm-quote{position:absolute;top:0;right:20px;font-size:80px;line-height:1;font-family:Georgia,serif;color:rgba(124,92,255,.12);pointer-events:none}
  .cm-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}
  .cm-avatar{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:17px;flex:0 0 auto;box-shadow:0 6px 16px rgba(124,92,255,.32)}
  .cm-name{font-weight:700;color:var(--ink);font-size:15.5px}
  .cm-meta{display:flex;align-items:center;gap:10px;margin-top:4px;flex-wrap:wrap}
  .cm-pill{font-size:11.5px;font-weight:700;color:#6b41e6;background:rgba(124,92,255,.12);padding:3px 11px;border-radius:20px}
  .cm-text{font-size:16.5px;line-height:1.55;color:var(--ink2);margin:0;position:relative;font-weight:500}
  @media(max-width:900px){.comment{flex-basis:calc((100% - 18px)/2)}}
  @media(max-width:560px){.comment{flex-basis:100%}}

  /* FORMS */
  .formcard{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:var(--shadow);max-width:680px}
  .field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
  label{font-size:13.5px;color:var(--gray);font-weight:600}
  input,select,textarea{background:#fff;border:1.5px solid var(--line);color:var(--ink);padding:13px 15px;border-radius:11px;font-size:15px;font-family:inherit;width:100%}
  input:focus,select:focus,textarea:focus{outline:none;border-color:var(--v1);box-shadow:0 0 0 4px rgba(124,92,255,.14)}
  .starpick{display:flex;gap:9px;font-size:36px;line-height:1;cursor:pointer;user-select:none}
  .starpick span{color:#e3e1ee;transition:transform .12s,color .12s}
  .starpick span.on{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
  .starpick span:hover{transform:scale(1.18)}
  .note{font-size:12.5px;color:var(--gray2)}
  /* required-field asterisk + inline validation errors */
  .req{color:#ff5c79;font-weight:700;margin-left:2px}
  .field.error input,.field.error textarea,.field.error select{border-color:#ff5c79;box-shadow:0 0 0 3px rgba(255,92,121,.18)}
  .field-err{color:#ff5c79;font-size:12.5px;margin-top:2px;font-weight:600}
  .waitband .field-err{color:#ff8aa0}
  /* voted button + form success card */
  .btn.voted{background:#10261b;color:#4ade80;box-shadow:none;cursor:default}
  .btn.voted:hover{transform:none}
  .success-card{text-align:center;padding:8px 4px}
  .success-card .success-ic{width:64px;height:64px;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;
       font-size:30px;color:#fff;background:var(--grad);box-shadow:0 10px 28px rgba(124,92,255,.4)}
  .success-card h3{font-size:22px;margin-bottom:8px}
  .waitband .success-card h3{color:#fff}
  .success-card p{color:var(--gray);margin:0 0 18px}
  .waitband .success-card p{color:#bdbacf}

  /* WAITLIST (dark band) */
  .waitsec{background:var(--dark);position:relative;overflow:hidden}
  .waitsec .aurora{opacity:.4}
  .waitband{position:relative;z-index:1;text-align:center;color:#fff}
  .waitband .eyebrow{margin-bottom:10px}
  .waitband h2{color:#fff}
  .waitband .lead{color:#bdbacf;margin:12px auto 0}
  .counter{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);
       border-radius:30px;padding:8px 18px;font-size:13.5px;color:#d9d7ea;margin-bottom:20px}
  .counter b{color:#fff}
  .waitband .formcard{margin:26px auto 0;text-align:left;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12);backdrop-filter:blur(8px)}
  .waitband label{color:#bdbacf}
  .waitband input,.waitband select{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.15);color:#fff}
  .waitband input::placeholder{color:#8e8ba6}
  /* fix native <select> dropdown list rendering white on the dark form */
  .waitband select{background-color:#1a1825}
  .waitband select option{background:#1a1825;color:#f4f3fa}
  /* custom searchable dropdown (dark, used for Country) */
  .dd{position:relative}
  .dd-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;
       background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.15);color:#fff;
       padding:13px 15px;border-radius:11px;font-size:15px;font-family:inherit;cursor:pointer;text-align:left}
  .dd-toggle:focus{outline:none;border-color:var(--v1);box-shadow:0 0 0 4px rgba(124,92,255,.14)}
  .dd-label.placeholder{color:#8e8ba6}
  .dd-caret{color:#9b98ad;transition:transform .2s}
  .dd.open .dd-caret{transform:rotate(180deg)}
  .dd-panel{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:40;display:none;
       background:#1a1825;border:1px solid #2c2940;border-radius:12px;box-shadow:0 18px 44px rgba(0,0,0,.5);overflow:hidden}
  .dd.open .dd-panel{display:block}
  .dd-search{width:100%;border:none;border-bottom:1px solid #2c2940;background:#16151f;color:#fff;padding:11px 14px;font-size:14px;border-radius:0}
  .dd-search::placeholder{color:#7c788f}
  .dd-search:focus{outline:none}
  .dd-list{max-height:240px;overflow-y:auto}
  .dd-list::-webkit-scrollbar{width:8px}
  .dd-list::-webkit-scrollbar-thumb{background:#3a3750;border-radius:4px}
  .dd-opt{padding:10px 14px;font-size:14px;color:#f4f3fa;cursor:pointer}
  .dd-opt:hover{background:rgba(124,92,255,.18)}
  .dd-opt.sel{color:#b794ff;font-weight:600}
  .dd-empty{padding:12px 14px;color:#8e8ba6;font-size:13px}
  .waitband .note{color:#8e8ba6}

  .toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(120px);background:var(--ink);color:#fff;
       font-weight:600;padding:13px 22px;border-radius:12px;transition:.4s;z-index:99;box-shadow:0 12px 34px rgba(0,0,0,.3)}
  .toast.show{transform:translateX(-50%) translateY(0)}
  .toast.err{background:#e11d63}
  footer{padding:48px 0;background:var(--dark);color:var(--dmuted);font-size:13.5px}
  footer .wrap{display:flex;flex-direction:column;gap:10px}
  footer .brand{display:flex;align-items:center;gap:12px}
  footer .brand img{height:40px}
  footer .brand b{color:#fff;font-size:18px;font-weight:800}
  footer .brand b .grad{font-weight:800}
  code{background:rgba(124,92,255,.12);padding:1px 7px;border-radius:6px;font-size:13px;color:#8a6bff}
  footer code{background:rgba(255,255,255,.08);color:#c9bfff}