/* ============================================================
       GLOSS NEON — dark, glassmorphism, neon-lit
       CYAN = AI/tech · VIOLET = glow · MAGENTA = spark · AMBER = taxi
    ============================================================ */
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    :root{
      --bg:#06060f; --bg2:#0a0a18;
      --glass:rgba(255,255,255,.045); --glass2:rgba(255,255,255,.07);
      --brd:rgba(255,255,255,.10); --brd2:rgba(255,255,255,.16);
      --cyan:#22e3ff; --cyan-d:#0bb6da; --violet:#9d5cff; --violet-d:#7c3aed;
      --pink:#ff49c3; --amber:#ffe44b; --mint:#3ef0b0;
      --text:#e9edff; --muted:#9aa3c8; --muted2:#6d7499;
      --head:'Sora',-apple-system,sans-serif;
      --body:'Manrope',-apple-system,sans-serif;
      --shell:1580px; --radius:20px; --radius-sm:12px;
      --t:240ms cubic-bezier(.22,1,.36,1);
      --neon:linear-gradient(135deg,var(--cyan),var(--violet));
      --neon3:linear-gradient(120deg,var(--cyan),var(--violet) 55%,var(--pink));
      --gl-hi:inset 0 1px 0 rgba(255,255,255,.14);
      --glow-c:0 0 28px rgba(34,227,255,.45);
      --glow-v:0 0 28px rgba(157,92,255,.45);
      --sh:0 18px 50px rgba(0,0,0,.55);
      --sh-lg:0 30px 70px rgba(0,0,0,.6);
    }
    html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}
    body{font-family:var(--body);color:var(--text);background:var(--bg);line-height:1.6;overflow-x:hidden;font-size:16px;-webkit-font-smoothing:antialiased;position:relative}
    /* neon mesh background (fixed) */
    body::before{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;
      background:
        radial-gradient(38% 34% at 84% 6%, rgba(34,227,255,.20), transparent 62%),
        radial-gradient(42% 38% at 10% 14%, rgba(157,92,255,.22), transparent 62%),
        radial-gradient(46% 42% at 50% 104%, rgba(255,73,195,.16), transparent 60%),
        radial-gradient(40% 40% at 92% 80%, rgba(34,227,255,.12), transparent 60%);}
    body::after{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.5;
      background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
      background-size:54px 54px;
      -webkit-mask:radial-gradient(ellipse 100% 70% at 50% 0%,#000,transparent 80%);mask:radial-gradient(ellipse 100% 70% at 50% 0%,#000,transparent 80%);}
    img{max-width:100%;display:block}
    a{text-decoration:none;color:inherit}
    ul{list-style:none}
    button{cursor:pointer;border:none;outline:none;font-family:inherit}
    ::selection{background:var(--cyan);color:#04040c}
    :focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:4px}
    ::-webkit-scrollbar{width:10px}
    ::-webkit-scrollbar-track{background:#0a0a16}
    ::-webkit-scrollbar-thumb{background:linear-gradient(var(--cyan),var(--violet));border-radius:10px}

    .shell{width:100%;min-width:0;max-width:var(--shell);margin:0 auto;padding:0 28px; }
    .section{padding:100px 0;position:relative}
    h1,h2,h3,h4{font-family:var(--head);font-weight:800;line-height:1.06;letter-spacing:-.02em;color:#fff}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);background:rgba(34,227,255,.08);border:1px solid rgba(34,227,255,.28);padding:6px 14px;border-radius:100px;box-shadow:0 0 18px rgba(34,227,255,.18) inset}
    .eyebrow.amber{color:var(--amber);background:rgba(255,194,75,.08);border-color:rgba(255,194,75,.3);box-shadow:0 0 18px rgba(255,194,75,.16) inset}
    .section-head{max-width:740px;margin:0 auto 64px;text-align:center}
    .section-head h2{font-size:clamp(2.05rem,4.4vw,3.25rem);margin:18px 0 16px}
    .section-head p{color:var(--muted);font-size:1rem;max-width:600px;margin:0 auto}
    .mark-blue{background:var(--neon);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 26px rgba(34,227,255,.35)}
    .mark-amber{position:relative;color:var(--amber);white-space:nowrap;text-shadow:0 0 24px rgba(255,194,75,.4)}
    .grad-text{background:var(--neon);-webkit-background-clip:text;background-clip:text;color:transparent}

    /* buttons (glossy neon) */
    .btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--head);font-weight:700;font-size:1rem;letter-spacing:-.01em;padding:15px 26px;border-radius:var(--radius-sm);transition:transform var(--t),box-shadow var(--t),background var(--t),color var(--t),border-color var(--t);overflow:hidden;isolation:isolate;cursor:pointer}
    .btn .arr{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;font-weight:800;overflow:hidden;position:relative}
    .arr{position:relative;overflow:hidden}
    .arr .ar{display:block;font-style:normal;line-height:1;transition:transform .42s cubic-bezier(.65,.05,.36,1);will-change:transform}
    .arr::after{content:"→";position:absolute;inset:0;display:grid;place-items:center;color:inherit;font-weight:inherit;line-height:1;transform:translateX(-170%);transition:transform .42s cubic-bezier(.65,.05,.36,1)}
    .btn:hover .arr .ar,.btn-nav:hover .arr .ar,.btn-mobile-cta:hover .arr .ar{transform:translateX(170%)}
    .btn:hover .arr::after,.btn-nav:hover .arr::after,.btn-mobile-cta:hover .arr::after{transform:translateX(0)}
    .btn-brand{background:var(--cyan);color:#05060f;box-shadow:0 10px 30px rgba(34,227,255,.35)}
    .btn-brand .arr{background:rgba(5,6,15,.2);color:#05060f}
    .btn-brand:hover{transform:translateY(-2px);box-shadow:0 16px 46px rgba(120,160,255,.6),var(--gl-hi)}
    .btn-brand::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.5) 50%,transparent 75%);transform:translateX(-130%);transition:transform .6s ease}
    .btn-brand:hover::before{transform:translateX(130%)}
    .btn-amber{background:var(--amber);color:#3a2700;box-shadow:0 10px 30px rgba(255,194,75,.32)}
    .btn-amber .arr{background:rgba(58,39,0,.2);color:#3a2700}
    .btn-amber:hover{transform:translateY(-2px);box-shadow:0 16px 44px rgba(255,194,75,.5),var(--gl-hi)}
    .btn-ghost{background:var(--glass);color:var(--text);border:1px solid var(--brd2);backdrop-filter:blur(10px);box-shadow:var(--gl-hi)}
    .btn-ghost .arr{background:rgba(34,227,255,.16);color:var(--cyan)}
    .btn-ghost:hover{border-color:var(--cyan);color:var(--cyan);transform:translateY(-2px);box-shadow:var(--glow-c)}
    .btn-white{background:#fff;color:#06060f;box-shadow:0 12px 34px rgba(255,255,255,.22),var(--gl-hi)}
    .btn-white .arr{background:rgba(6,6,15,.1);color:#06060f}
    .btn-white:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(255,255,255,.34)}
    .btn-outline-w{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(8px)}
    .btn-outline-w .arr{background:rgba(255,255,255,.16);color:#fff}
    .btn-outline-w:hover{border-color:#fff;background:rgba(255,255,255,.12);transform:translateY(-2px)}

    /* ============================================================ HEADER */
    .site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(8,8,18,.55);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid transparent;transition:transform .4s ease,background .3s ease,border-color .3s ease}
    .site-header.scrolled{background:rgba(8,8,18,.78);border-bottom-color:var(--brd)}
    .site-header.hide{transform:translateY(-100%)}
    .nav{display:flex;align-items:center;justify-content:space-between;max-width:var(--shell);margin:0 auto;padding:0 28px;height:72px}
    .logo.ai-brand{display:inline-flex;align-items:center;gap:10px;line-height:1}
    .ai-brand-mark{display:inline-flex;width:36px;height:31px;flex-shrink:0;filter:drop-shadow(0 0 8px rgba(34,227,255,.5))}
    .ai-brand-mark svg{width:100%;height:100%;display:block;transition:transform var(--t)}
    .logo.ai-brand:hover .ai-brand-mark svg{transform:rotate(-8deg) scale(1.05)}
    .ai-brand-text{font-family:var(--head);font-size:1.35rem;font-weight:800;color:#fff;letter-spacing:-.03em}
    .ai-brand-text span{color:var(--cyan)}
    .nav-links{display:flex;align-items:center;gap:32px;margin-left:auto}
    .nav-links a{position:relative;font-size:0.875rem;font-weight:600;color:var(--muted);transition:color var(--t)}
    .nav-links a::after{content:'';position:absolute;left:0;right:100%;bottom:-6px;height:2px;background:var(--neon);border-radius:2px;transition:right var(--t);box-shadow:0 0 10px rgba(34,227,255,.6)}
    .nav-links a:hover{color:#fff}
    .nav-links a:hover::after{right:0}
    .nav-right{display:flex;align-items:center;gap:10px;margin-left:36px}
    .btn-nav{display:inline-flex;align-items:center;gap:8px;background:var(--cyan);color:#05060f;font-family:var(--head);font-weight:700;font-size:.9rem;padding:10px 18px;border-radius:10px;box-shadow:0 8px 20px rgba(34,227,255,.32);transition:transform var(--t),box-shadow var(--t)}
    .btn-nav .arr{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:6px;background:rgba(5,6,15,.2);font-weight:800}
    .btn-nav:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(120,160,255,.55)}
    .hamburger{display:none;flex-direction:column;gap:5px;padding:6px;background:none}
    .hamburger span{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:transform var(--t),opacity var(--t)}
    .hamburger.is-active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
    .hamburger.is-active span:nth-child(2){opacity:0}
    .hamburger.is-active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
    .mobile-menu{display:none;flex-direction:column;background:rgba(10,10,22,.92);backdrop-filter:blur(18px);border-top:1px solid var(--brd);padding:16px 28px 24px}
    .mobile-menu.open{display:flex}
    .mobile-menu a{font-size:1rem;font-weight:600;color:var(--muted);padding:14px 0;border-bottom:1px solid var(--brd)}
    .mobile-menu a:not(.btn-mobile-cta):hover{color:var(--cyan)}
    .mobile-menu .btn-mobile-cta:hover{color:#05060f;transform:translateY(-1px);box-shadow:0 12px 28px rgba(34,227,255,.45)}
    .mobile-menu .btn-mobile-cta{margin-top:16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--cyan);color:#05060f;font-family:var(--head);font-weight:700;font-size:1rem;padding:15px;border-radius:12px;border-bottom:none;box-shadow:0 8px 20px rgba(34,227,255,.32)}
    .mobile-menu .btn-mobile-cta .arr{display:inline-grid;place-items:center;width:18px;height:18px;line-height:1}
    /* Mobile menu: staggered item reveal when opened */
    .mobile-menu.open>a{opacity:0;transform:translateY(10px);animation:menuItemIn .38s cubic-bezier(.22,1,.36,1) forwards}
    .mobile-menu.open>a:nth-child(1){animation-delay:.04s}
    .mobile-menu.open>a:nth-child(2){animation-delay:.09s}
    .mobile-menu.open>a:nth-child(3){animation-delay:.14s}
    .mobile-menu.open>a:nth-child(4){animation-delay:.19s}
    .mobile-menu.open>a:nth-child(5){animation-delay:.24s}
    @keyframes menuItemIn{to{opacity:1;transform:translateY(0)}}

    /* ============================================================ HERO */
    .hero{position:relative;padding:96px 0 48px;overflow:hidden}
    .hero-mesh{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
    .blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6}
    .blob.b1{width:520px;height:520px;background:radial-gradient(circle,var(--cyan),transparent 70%);top:-160px;right:-60px;opacity:.4;animation:drift 16s ease-in-out infinite alternate}
    .blob.b2{width:460px;height:460px;background:radial-gradient(circle,var(--violet),transparent 70%);bottom:-180px;left:-120px;opacity:.45;animation:drift 20s ease-in-out infinite alternate-reverse}
    .hero-mesh::after{content:'';position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,var(--pink),transparent 70%);top:30%;left:46%;filter:blur(90px);opacity:.22;animation:drift 24s ease-in-out infinite alternate}
    .hero-grid-bg{position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(34,227,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(157,92,255,.06) 1px,transparent 1px);background-size:48px 48px;-webkit-mask:radial-gradient(ellipse 70% 60% at 50% 30%,#000 0%,transparent 78%);mask:radial-gradient(ellipse 70% 60% at 50% 30%,#000 0%,transparent 78%);opacity:.85;animation:gridPan 22s linear infinite}
    .hero-aurora{position:absolute;inset:-25%;z-index:0;pointer-events:none;background:linear-gradient(115deg,transparent 16%,rgba(34,227,255,.18) 35%,rgba(157,92,255,.22) 50%,rgba(255,73,195,.16) 65%,transparent 84%);background-size:300% 300%;filter:blur(38px);mix-blend-mode:screen;animation:aurora 15s ease-in-out infinite}
    .hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:start;min-width:0}
    .hero-copy{min-width:0}
    .hero-badge{display:inline-flex;align-items:center;gap:9px;font-size:.74rem;font-weight:700;letter-spacing:.04em;color:var(--text);background:var(--glass);border:1px solid var(--brd2);backdrop-filter:blur(10px);box-shadow:var(--gl-hi);padding:7px 7px 7px 14px;border-radius:100px;margin-bottom:24px}
    .hero-badge .pulse{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 0 rgba(62,240,176,.6),0 0 10px var(--mint);animation:ping 1.6s ease-out infinite}
    .hero-badge .pill{font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#05060f;background:var(--cyan);padding:3px 9px;border-radius:100px;box-shadow:0 0 14px rgba(34,227,255,.5)}
    .hero h1{font-size:clamp(2.5rem,5.2vw,4rem);margin-bottom:22px;letter-spacing:-.03em}
    .hero-lede{font-size:1rem;color:var(--muted);max-width:540px;margin-bottom:28px}
    .hero-cta-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:30px}
    .hero-proof{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
    .avatars{display:flex}
    .avatars span{width:38px;height:38px;border-radius:50%;border:2px solid #0c0c1a;margin-left:-10px;display:grid;place-items:center;font-family:var(--head);font-weight:700;font-size:.82rem;color:#05060f}
    .avatars span:first-child{margin-left:0}
    .avatars .a1{background:linear-gradient(135deg,var(--cyan),var(--cyan-d))}
    .avatars .a2{background:linear-gradient(135deg,#ffd36b,var(--amber));color:#3a2700}
    .avatars .a3{background:linear-gradient(135deg,var(--mint),#16c98a)}
    .avatars .a4{background:linear-gradient(135deg,var(--violet),var(--violet-d));color:#fff}
    .proof-text{font-size:.86rem;color:var(--muted)}
    .proof-text b{color:#fff;font-weight:700}
    .proof-stars{color:var(--amber);letter-spacing:1px;text-shadow:0 0 12px rgba(255,194,75,.5)}

    /* hero signup card (glass) */
    /* form-col is NOT positioned, so .chip-float anchors to .hero-inner (the hero
       parent) instead of the form column — lets the chips float in the hero space. */
    .form-col{min-width:0}
    .signup{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);border:1px solid var(--brd2);border-radius:24px;box-shadow:var(--sh-lg),var(--gl-hi),0 0 70px rgba(34,227,255,.14),0 0 50px rgba(157,92,255,.1);overflow:hidden;z-index:2}
    .signup::before{content:'';position:absolute;inset:0;border-radius:24px;padding:1px;background:linear-gradient(140deg,rgba(34,227,255,.7),rgba(157,92,255,.45) 45%,transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:4}
    .signup-head{position:relative;background:linear-gradient(135deg,rgba(34,227,255,.24),rgba(157,92,255,.20) 58%,rgba(255,73,195,.14));padding:15px 16px 14px;color:#fff;overflow:hidden;border-bottom:1px solid var(--brd)}
    .signup-head::after{content:'';position:absolute;top:-50px;right:-30px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(34,227,255,.4),transparent 70%);filter:blur(10px)}
    .signup-head .sh-row{display:flex;align-items:center;justify-content:space-between;gap:14px;position:relative}
    .sh-left{min-width:0}
    .sh-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:.64rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#7df3ff;text-shadow:0 0 10px rgba(34,227,255,.5)}
    .sh-dot{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px var(--mint);animation:ping 1.6s ease-out infinite}
    .sh-title{font-family:var(--head);font-weight:800;font-size:1.12rem;line-height:1.15;margin-top:5px;color:#fff}
    .sh-pricetag{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;background:rgba(5,7,18,.42);border:1px solid rgba(34,227,255,.42);border-radius:13px;padding:6px 15px;box-shadow:inset 0 0 22px rgba(34,227,255,.22),var(--gl-hi)}
    .sh-pricetag .old{font-size:.875rem;color:var(--cyan);text-decoration:line-through;text-decoration-color:#ffffff;line-height:1}
    .sh-pricetag .now{font-family:var(--head);font-weight:800;font-size:1rem;line-height:1;color:#fff;text-shadow:0 0 22px rgba(34,227,255,.7)}
    .sh-meta{display:flex;align-items:center;gap:7px;margin-top:4px;font-size:.76rem;font-weight:500;color:rgba(255,255,255,.82)}
    .sh-meta b{color:#fff;font-weight:800}
    .sh-meta svg{width:14px;height:14px;flex-shrink:0;stroke:var(--mint)}
    .signup-body{padding:16px 16px 16px}
    .countbar{display:block;background:linear-gradient(135deg,rgba(34,227,255,.10),rgba(157,92,255,.11));border:1px solid var(--brd2);border-radius:14px;padding:8px 14px;margin-bottom:11px;box-shadow:var(--gl-hi),0 0 26px rgba(34,227,255,.1)}
    .countbar .cl{display:flex;align-items:center;justify-content:center;gap:7px;font-size:.58rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin-bottom:8px;text-shadow:0 0 10px rgba(34,227,255,.45)}
    .countbar .cl::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:ping 1.6s ease-out infinite}
    .cc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
    .cc{position:relative;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(0,0,0,.26));border:1px solid var(--brd2);border-radius:11px;padding:7px 2px 6px;min-width:0;overflow:hidden;box-shadow:var(--gl-hi)}
    .cc::before{content:'';position:absolute;top:0;left:14%;right:14%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.9}
    .cc b{display:block;font-family:var(--head);font-weight:800;font-size:1.32rem;color:#fff;line-height:1;letter-spacing:.01em;text-shadow:0 0 16px rgba(34,227,255,.85);font-variant-numeric:tabular-nums}
    .cc em{display:block;margin-top:3px;font-style:normal;font-size:.5rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
    .cs{display:none}
    .form-body{display:flex;flex-direction:column;gap:10px}
    .name-row{display:flex;gap:12px}
    .name-row>div{flex:1;min-width:0}
    .fl{font-size:.66rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:2px}
    .fin{width:100%;min-width:0;background:rgba(255,255,255,.05);border:1px solid var(--brd2);border-radius:12px;padding:11px 16px;font-family:var(--body);font-size:.875rem;color:var(--text);transition:border-color var(--t),box-shadow var(--t),background var(--t)}
    .fin::placeholder{color:rgba(233,237,255,.55)}
    .fin:hover{border-color:rgba(255,255,255,.30);background:rgba(255,255,255,.07)}
    textarea.fin{min-height:58px;resize:vertical;line-height:1.45; resize: none;}
    /* Word-count hint comes from shared common-lead.js with inline red text on load,
       which reads as an error before the user types. Soften it to a neutral hint here. */
    .signup-body .word-count-info{color:var(--muted2)!important;font-size:.7rem!important;font-weight:600;margin-top:5px!important}
    .fin:focus{border-color:var(--cyan);background:rgba(34,227,255,.06);box-shadow:0 0 0 3px rgba(34,227,255,.18),0 0 18px rgba(34,227,255,.2)}
    /* Browser autofill paints the field light on this dark page, which hid the +91 dial code
       (a separate element autofill can't recolor) and washed out the text. Keep it dark. */
    .fin:-webkit-autofill,.fin:-webkit-autofill:hover,.fin:-webkit-autofill:focus,.fin:-webkit-autofill:active{-webkit-text-fill-color:var(--text)!important;-webkit-box-shadow:0 0 0 1000px #181a2e inset!important;caret-color:var(--text);transition:background-color 9999s ease 0s}
    /* Country-code phone field (intl-tel-input) — matched to the dark theme */
    .signup .iti{width:100%;display:block}
    .signup .iti--separate-dial-code .iti__selected-flag{background:transparent;border-radius:11px 0 0 11px}
    .signup .iti--separate-dial-code .iti__selected-flag:hover,
    .signup .iti--separate-dial-code .iti__selected-flag[aria-expanded="true"]{background:rgba(255,255,255,.07)}
    .signup .iti__selected-dial-code{color:var(--text);font-size:.95rem}
    .signup .iti__arrow{border-top-color:var(--muted)}
    .signup .iti__arrow--up{border-top-color:transparent;border-bottom-color:var(--muted)}
    /* Country dropdown: keep ONE scrollbar (the wrapper). The shared common-lead.js
       also makes .iti__country-list scroll -> nested double scrollbar. Disable the
       inner scroll; body-prefix beats common-lead's !important rule. */
    body .iti--container .iti__dropdown-content{max-height:240px!important;overflow-y:auto!important;overflow-x:hidden!important}
    body .iti--container .iti__country-list{max-height:none!important;overflow:visible!important}
    .btn-cta{width:100%;margin-top:3px;background:linear-gradient(135deg,#3df0ff,var(--cyan) 55%,var(--cyan-d));color:#05060f;font-family:var(--head);font-weight:800;font-size:1.02rem;padding:13px;border-radius:13px;line-height:1.2;letter-spacing:-.01em;white-space:normal;box-shadow:0 12px 34px rgba(34,227,255,.42),var(--gl-hi);transition:transform var(--t),box-shadow var(--t);position:relative;overflow:hidden}
    .btn-cta::before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translateX(-130%);transition:transform .6s ease}
    .btn-cta:hover{transform:translateY(-2px);box-shadow:0 18px 50px rgba(157,92,255,.55)}
    .btn-cta:hover::before{transform:translateX(130%)}
    .form-note{display:flex;align-items:center;justify-content:center;gap:7px;text-align:center;font-size:.7rem;color:var(--muted);margin-top:7px}
    .chip-float{position:absolute;z-index:3;pointer-events:none;background:linear-gradient(180deg,rgba(16,18,38,.78),rgba(10,12,26,.7));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--brd2);box-shadow:var(--sh),var(--gl-hi);border-radius:12px;padding:8px 12px;display:flex;align-items:center;gap:8px}
    .chip-float .ic{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;flex-shrink:0}
    .chip-float .ic svg{width:16px;height:16px}
    .chip-float b{font-family:var(--head);font-weight:800;font-size:1rem;color:#fff;display:block;line-height:1;}
    .chip-float span{font-size:0.750rem;font-weight:600;color:rgba(233,237,255,.82);line-height:1}
    /* Anchored to .hero-inner — pinned to opposite corners of the hero wrapper:
       chip-1 = TOP-LEFT (top row, just right of the "Limited offer" badge, above the H1),
       chip-2 = BOTTOM-RIGHT (off the form's lower-right edge). Both clear of text/inputs. */
    .chip-1{top:-4px;left:252px;right:auto;bottom:auto;animation:bob 5s ease-in-out infinite}
    .chip-1 .ic{background:rgba(34,227,255,.16);color:var(--cyan);box-shadow:0 0 16px rgba(34,227,255,.3)}
    .chip-2{bottom:34px;right:-18px;left:auto;top:auto;animation:bob 6s ease-in-out infinite reverse}
    .chip-2 .ic{background:rgba(255,194,75,.16);color:var(--amber);box-shadow:0 0 16px rgba(255,194,75,.3)}

    /* ============================================================ MARQUEE */
    .trusted{padding:30px 0;border-top:1px solid var(--brd);border-bottom:1px solid var(--brd);background:rgba(255,255,255,.015)}
    .trusted-inner{display:flex;align-items:center;gap:24px}
    .trusted-label{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted2);white-space:nowrap;flex-shrink:0}
    .marquee{flex:1;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
    .marquee-track{display:flex;gap:42px;width:max-content;animation:scroll 28s linear infinite}
    .trusted:hover .marquee-track{animation-play-state:paused}
    .mlogo{font-family:var(--head);font-weight:700;font-size:1rem;color:var(--muted2);white-space:nowrap;transition:color var(--t),text-shadow var(--t)}
    .mlogo:hover{color:var(--cyan);text-shadow:0 0 14px rgba(34,227,255,.5)}

    /* ============================================================ STATS */
    .stats{background:rgba(255,255,255,.02);border-top:1px solid var(--brd);border-bottom:1px solid var(--brd)}
    .stats-inner{display:grid;grid-template-columns:repeat(4,1fr);max-width:var(--shell);margin:0 auto;padding:54px 28px}
    .stat{text-align:center;padding:0 22px;border-right:1px solid var(--brd)}
    .stat:last-child{border-right:none}
    .stat-num{font-family:var(--head);font-weight:800;font-size:2.7rem;line-height:1;letter-spacing:-.03em;background:var(--neon);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 28px rgba(34,227,255,.3)}
    /*.stat:nth-child(2) .stat-num{background:linear-gradient(135deg,#ffd36b,var(--amber));-webkit-background-clip:text;background-clip:text}*/
    .stat-num .u{font-size:1.5rem}
    .stat-label{font-size:.86rem;color:var(--muted);margin-top:9px;font-weight:500}

    /* ============================================================ FEATURES */
    .features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
    .fcard{position:relative;background:var(--glass);backdrop-filter:blur(16px);border:1px solid var(--brd);border-radius:var(--radius);padding:30px 28px;box-shadow:var(--gl-hi);transition:transform var(--t),box-shadow var(--t),border-color var(--t);overflow:hidden}
    .fcard::after{content:'';position:absolute;inset:0;border-radius:var(--radius);padding:1px;background:var(--neon);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--t)}
    .fcard:hover{transform:translateY(-6px);box-shadow:var(--sh-lg),0 0 40px rgba(34,227,255,.16);border-color:transparent}
    .fcard:hover::after{opacity:.8}
    .ficon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;margin-bottom:18px;background:rgba(34,227,255,.12);border:1px solid rgba(34,227,255,.25);box-shadow:0 0 20px rgba(34,227,255,.18) inset;transition:transform var(--t)}
    .ficon svg{width:25px;height:25px;stroke:var(--cyan)}
    .ficon.amber{background:rgba(255,194,75,.12);border-color:rgba(255,194,75,.28)}
    .ficon.amber svg{stroke:var(--amber)}
    .ficon.mint{background:rgba(62,240,176,.12);border-color:rgba(62,240,176,.28)}
    .ficon.mint svg{stroke:var(--mint)}
    .fcard:hover .ficon{transform:scale(1.08) rotate(-4deg)}
    .ftags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:13px}
    .tag{font-size:.64rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:4px 10px;border-radius:6px}
    .tag-b{background:rgba(34,227,255,.12);color:var(--cyan);border:1px solid rgba(34,227,255,.25)}
    .tag-a{background:rgba(255,194,75,.12);color:var(--amber);border:1px solid rgba(255,194,75,.25)}
    .tag-g{background:rgba(255,255,255,.05);color:var(--muted);border:1px solid var(--brd)}
    .fcard h3{font-size:1rem;margin-bottom:10px}
    .fcard p{font-size:0.875rem;color:var(--muted);line-height:1.62}
    .fstat{display:flex;align-items:center;gap:7px;margin-top:16px;font-size:.78rem;font-weight:700;color:var(--cyan);padding-top:14px;border-top:1px solid var(--brd)}
    .fstat.amber{color:var(--amber)}

    /* ============================================================ DEEP DIVE */
    .deep{position:relative}
    .deep-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
    .deep h2{font-size:clamp(2rem,3.8vw,2.8rem);margin:18px 0 18px}
    .deep .deep-copy>p{color:var(--muted);font-size:1rem;margin-bottom:24px;max-width:500px}
    .benefit{display:flex;gap:15px;padding:16px 0;border-bottom:1px solid var(--brd)}
    .benefit:first-of-type{border-top:1px solid var(--brd)}
    .benefit .bi{flex-shrink:0;width:42px;height:42px;border-radius:11px;background:rgba(157,92,255,.14);border:1px solid rgba(157,92,255,.3);display:grid;place-items:center;transition:transform var(--t),box-shadow var(--t)}
    .benefit:hover .bi{transform:scale(1.08);box-shadow:0 0 18px rgba(157,92,255,.4)}
    .benefit .bi svg{width:20px;height:20px;stroke:var(--violet)}
    .benefit b{display:block;font-family:var(--head);font-weight:700;font-size:1rem;color:#fff;margin-bottom:3px}
    .benefit span{font-size:.875rem;color:var(--muted)}
    .deep-copy .btn{margin-top:30px}
    .deep-visual{position:relative}
    .deep-visual .glow{position:absolute;inset:-12% -8%;background:radial-gradient(circle at 60% 40%,rgba(34,227,255,.22),transparent 60%),radial-gradient(circle at 25% 85%,rgba(157,92,255,.22),transparent 55%);filter:blur(20px);z-index:0}
    .mock-stack{position:relative;z-index:1;display:flex;flex-direction:column;gap:18px}
    .mock{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));backdrop-filter:blur(18px);border:1px solid var(--brd2);border-radius:18px;overflow:hidden;box-shadow:var(--sh-lg),var(--gl-hi);will-change:transform}
    .mock-top{display:flex;align-items:center;gap:8px;padding:13px 16px;border-bottom:1px solid var(--brd);background:rgba(255,255,255,.03)}
    .mock-top .dots{display:flex;gap:6px}
    .mock-top .dots i{width:9px;height:9px;border-radius:50%;background:var(--muted2)}
    .mock-top .dots i:first-child{background:#ff6b8a}.mock-top .dots i:nth-child(2){background:var(--amber)}.mock-top .dots i:nth-child(3){background:var(--mint)}
    .mock-top .mt-title{font-size:.72rem;font-weight:600;color:var(--muted)}
    .mock-top .mt-tag{margin-left:auto;font-size:.6rem;font-weight:800;letter-spacing:.04em;color:#05060f;background:var(--cyan);padding:3px 9px;border-radius:6px;box-shadow:0 0 12px rgba(34,227,255,.45)}
    .mock-top .mt-tag.amber{background:var(--amber);color:#3a2700;box-shadow:0 0 12px rgba(255,194,75,.45)}
    .mock-body{padding:18px}
    .post-head{display:flex;align-items:center;gap:11px;margin-bottom:13px}
    .post-av{width:42px;height:42px;border-radius:50%;background:var(--neon);display:grid;place-items:center;font-family:var(--head);font-weight:800;color:#05060f}
    .post-name{font-family:var(--head);font-weight:700;font-size:.92rem;color:#fff}
    .post-handle{font-size:.74rem;color:var(--muted)}
    .post-media{height:auto;border-radius:12px;background:#0c0c1c;margin-bottom:13px;position:relative;overflow:hidden;border:1px solid var(--brd)}
    .post-media img{width:100%;height:auto;object-fit:cover;display:block}
    .post-stats{display:flex;gap:20px;font-size:.78rem;color:var(--muted)}
    .post-stats b{color:#fff;font-family:var(--head);font-weight:700}
    .ride-map{height:134px;border-radius:12px;position:relative;overflow:hidden;background:linear-gradient(135deg,#0d1226,#101a33);border:1px solid var(--brd);margin-bottom:14px}
    .ride-map svg{position:absolute;inset:0;width:100%;height:100%}
    .ride-map .rm{animation:flow 5s linear infinite;filter:drop-shadow(0 0 6px rgba(34,227,255,.7))}
    .ride-card{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.04);border:1px solid var(--brd);border-radius:12px;padding:12px 14px}
    .ride-pin{width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,#ffd36b,var(--amber));display:grid;place-items:center;flex-shrink:0;box-shadow:0 0 16px rgba(255,194,75,.35)}
    .ride-pin svg{width:19px;height:19px;stroke:#3a2700}
    .ride-info b{display:block;font-family:var(--head);font-weight:700;font-size:.92rem;color:#fff}
    .ride-info span{font-size:.74rem;color:var(--muted)}
    .ride-eta{margin-left:auto;text-align:right}
    .ride-eta b{font-family:var(--head);font-weight:800;color:var(--cyan);font-size:1.1rem;text-shadow:0 0 10px rgba(34,227,255,.5)}
    .ride-eta span{font-size:.6rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
    .metric-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
    .mchip{font-size:.7rem;font-weight:700;color:var(--cyan);background:rgba(34,227,255,.1);border:1px solid rgba(34,227,255,.22);border-radius:100px;padding:5px 12px}

    /* ============================================================ HOW IT WORKS */
    .how{background:rgba(255,255,255,.02)}
    .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}
    .steps .road-line{position:absolute;top:32px;left:11%;right:11%;height:2px;background:repeating-linear-gradient(90deg,var(--violet) 0 10px,transparent 10px 20px);background-size:20px 2px;animation:roadMove 1.2s linear infinite;opacity:.6;box-shadow:0 0 8px rgba(157,92,255,.4)}
    .step{position:relative;text-align:center;z-index:1}
    .step-node{width:64px;height:64px;border-radius:18px;background:var(--glass2);backdrop-filter:blur(12px);border:1px solid var(--brd2);box-shadow:var(--gl-hi),0 0 24px rgba(34,227,255,.12);display:grid;place-items:center;margin:0 auto 20px;position:relative;transition:transform var(--t),box-shadow var(--t)}
    .step-node svg{width:26px;height:26px;stroke:var(--cyan)}
    .step-node .sn{position:absolute;top:-10px;right:-10px;width:26px;height:26px;border-radius:50%;background:var(--neon);color:#05060f;font-family:var(--head);font-weight:800;font-size:.78rem;display:grid;place-items:center;box-shadow:0 0 14px rgba(34,227,255,.5)}
    .step:hover .step-node{transform:translateY(-4px);box-shadow:var(--sh-lg),0 0 30px rgba(34,227,255,.3)}
    .step h3{font-size:1.1rem;margin-bottom:9px}
    .step p{font-size:.9rem;color:var(--muted);line-height:1.6}
    .step .timing{display:inline-block;margin-top:13px;font-size:.7rem;font-weight:700;color:var(--cyan);background:rgba(34,227,255,.1);border:1px solid rgba(34,227,255,.2);border-radius:100px;padding:5px 12px}

    /* ============================================================ WHY */
    .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
    .why{position:relative;background:var(--glass);backdrop-filter:blur(16px);border:1px solid var(--brd);border-radius:var(--radius);padding:30px 28px;box-shadow:var(--gl-hi);transition:transform var(--t),box-shadow var(--t)}
    .why:hover{transform:translateY(-5px);box-shadow:var(--sh-lg),0 0 36px rgba(157,92,255,.14)}
    .why-ic{width:46px;height:46px;border-radius:12px;background:rgba(34,227,255,.12);border:1px solid rgba(34,227,255,.25);display:grid;place-items:center;margin-bottom:16px}
    .why-ic svg{width:23px;height:23px;stroke:var(--cyan)}
    .why:nth-child(3n+2) .why-ic{background:rgba(255,194,75,.12);border-color:rgba(255,194,75,.25)}
    .why:nth-child(3n+2) .why-ic svg{stroke:var(--amber)}
    .why:nth-child(3n) .why-ic{background:rgba(157,92,255,.14);border-color:rgba(157,92,255,.28)}
    .why:nth-child(3n) .why-ic svg{stroke:var(--violet)}
    .why h3{font-size:1.14rem;margin-bottom:10px}
    .why p{font-size:.92rem;color:var(--muted);line-height:1.62;margin-bottom:15px}
    .why-tag{display:inline-block;font-size:.72rem;font-weight:700;color:var(--text);background:rgba(255,255,255,.05);border:1px solid var(--brd);border-radius:100px;padding:5px 12px}

    /* ============================================================ PRICING */
    .pricing{background:rgba(255,255,255,.02)}
    .pgrid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:900px;margin:0 auto}
    .pcard{position:relative;background:var(--glass);backdrop-filter:blur(18px);border:1px solid var(--brd);border-radius:var(--radius);padding:38px 34px;box-shadow:var(--gl-hi);transition:transform var(--t),box-shadow var(--t)}
    .pcard:hover{transform:translateY(-5px);box-shadow:var(--sh-lg)}
    .pcard.feat{border:1px solid rgba(34,227,255,.5);box-shadow:0 0 0 1px rgba(34,227,255,.3),0 24px 60px rgba(0,0,0,.5),0 0 50px rgba(34,227,255,.15)}
    .pbadge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#05060f;background:var(--neon);padding:6px 16px;border-radius:100px;box-shadow:0 8px 24px rgba(34,227,255,.5)}
    .picon{width:50px;height:50px;border-radius:13px;display:grid;place-items:center;margin-bottom:20px;background:rgba(34,227,255,.12);border:1px solid rgba(34,227,255,.25)}
    .picon svg{width:25px;height:25px;stroke:var(--cyan)}
    .picon.amber{background:rgba(255,194,75,.12);border-color:rgba(255,194,75,.25)}.picon.amber svg{stroke:var(--amber)}
    .pcard h3{font-size:1.3rem;margin-bottom:7px}
    .ptag{font-size:.86rem;color:var(--muted);margin-bottom:22px}
    .pprice{display:flex;align-items:flex-end;gap:8px;margin-bottom:7px}
    .pprice .amt{font-family:var(--head);font-weight:800;font-size:3.2rem;color:#fff;line-height:.9;letter-spacing:-.03em}
    .pprice .per{font-size:.86rem;color:var(--muted);margin-bottom:8px}
    .pnote{font-size:.8rem;color:var(--muted2);margin-bottom:24px}
    .pdiv{height:1px;background:var(--brd);margin-bottom:22px}
    .pfeats{display:flex;flex-direction:column;gap:13px;margin-bottom:26px}
    .pfeat{display:flex;gap:11px;font-size:.92rem;color:var(--text)}
    .pfeat .ck{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:rgba(34,227,255,.14);border:1px solid rgba(34,227,255,.3);display:grid;place-items:center;margin-top:1px}
    .pfeat .ck svg{width:12px;height:12px;stroke:var(--cyan)}
    .pcard.amber .pfeat .ck{background:rgba(255,194,75,.14);border-color:rgba(255,194,75,.3)}.pcard.amber .pfeat .ck svg{stroke:var(--amber)}
    .pfeat strong{color:#fff;font-weight:700}
    .pcard .btn{width:100%}
    .pmicro{text-align:center;font-size:.74rem;color:var(--muted2);margin-top:13px}
    .outcomes{max-width:900px;margin:24px auto 0;background:linear-gradient(135deg,rgba(34,227,255,.1),rgba(157,92,255,.12));backdrop-filter:blur(18px);border:1px solid var(--brd2);border-radius:var(--radius);padding:36px 38px;position:relative;overflow:hidden;box-shadow:var(--sh-lg),var(--gl-hi)}
    .outcomes::before{content:'';position:absolute;top:-50%;right:-10%;width:50%;height:200%;background:radial-gradient(circle,rgba(34,227,255,.28),transparent 60%)}
    .outcomes-grid{position:relative;display:flex;gap:40px;align-items:center;flex-wrap:wrap}
    .outcomes-l{flex:1;min-width:260px}
    .outcomes-l .kx{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);background:rgba(34,227,255,.14);padding:5px 12px;border-radius:100px;margin-bottom:12px}
    .outcomes-l h3{font-size:1.5rem;color:#fff;margin-bottom:9px}
    .outcomes-l p{color:var(--muted);font-size:.92rem;line-height:1.65}
    .outcomes-r{flex:1;min-width:260px}
    .outcomes-r .oamt{display:flex;align-items:flex-end;gap:8px;margin-bottom:3px}
    .outcomes-r .oamt b{font-family:var(--head);font-weight:800;font-size:2.6rem;color:#fff;line-height:.9}
    .outcomes-r .oamt span{font-size:.82rem;color:var(--muted);margin-bottom:6px}
    .outcomes-r .opct{font-family:var(--head);font-weight:800;font-size:1.4rem;color:var(--amber);margin-bottom:16px;text-shadow:0 0 14px rgba(255,194,75,.4)}
    .outcomes-r ul{display:flex;flex-direction:column;gap:9px;margin-bottom:22px}
    .outcomes-r li{display:flex;gap:9px;align-items:center;font-size:.88rem;color:var(--text)}
    .outcomes-r li svg{flex-shrink:0;width:16px;height:16px;stroke:var(--mint)}
    .outcomes-r .btn{width:100%}

    /* ============================================================ TESTIMONIALS */
    .tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
    .tcard{background:var(--glass);backdrop-filter:blur(16px);border:1px solid var(--brd);border-radius:var(--radius);padding:30px 28px;box-shadow:var(--gl-hi);transition:transform var(--t),box-shadow var(--t)}
    .tcard:hover{transform:translateY(-5px);box-shadow:var(--sh-lg),0 0 30px rgba(34,227,255,.12)}
    .tstars{color:var(--amber);letter-spacing:2px;margin-bottom:14px;font-size:.95rem;text-shadow:0 0 12px rgba(255,194,75,.4)}
    .tquote{font-size:.96rem;color:var(--text);line-height:1.7;margin-bottom:22px}
    .tauthor{display:flex;align-items:center;gap:12px;border-top:1px solid var(--brd);padding-top:18px}
    .tav{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-family:var(--head);font-weight:800;color:#05060f;flex-shrink:0}
    .tcard:nth-child(1) .tav{background:linear-gradient(135deg,var(--cyan),var(--cyan-d))}
    .tcard:nth-child(2) .tav{background:linear-gradient(135deg,#ffd36b,var(--amber));color:#3a2700}
    .tcard:nth-child(3) .tav{background:linear-gradient(135deg,var(--violet),var(--violet-d));color:#fff}
    .tname{font-family:var(--head);font-weight:700;font-size:.94rem;color:#fff}
    .trole{font-size:.78rem;color:var(--muted)}

    /* ============================================================ FINAL CTA */
    .final{position:relative;overflow:hidden;border-top:1px solid var(--brd)}
    .final::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 50% 80% at 20% 20%,rgba(34,227,255,.22),transparent 55%),radial-gradient(ellipse 50% 80% at 82% 80%,rgba(157,92,255,.26),transparent 55%),radial-gradient(ellipse 40% 60% at 60% 30%,rgba(255,73,195,.16),transparent 55%)}
    .final::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:46px 46px;-webkit-mask:radial-gradient(ellipse 60% 70% at 50% 50%,#000,transparent 75%);mask:radial-gradient(ellipse 60% 70% at 50% 50%,#000,transparent 75%)}
    .final-in{position:relative;z-index:2;text-align:center;padding:72px 0; max-width:1024px;margin:0 auto}
    .final h2{color:#fff;font-size:clamp(2.3rem,5vw,3.6rem);margin-bottom:22px;text-shadow:0 0 40px rgba(34,227,255,.25)}
    .final p{font-size:1rem;color:var(--muted);max-width:560px;margin:0 auto 24px}
    .final-btns{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
    .final .btn{font-size:1.06rem;padding:17px 32px}
    .final .final-micro{margin-top:22px;font-size:.82rem;color:var(--muted)}

    /* ============================================================ FOOTER */
    .footer-min{background:rgba(6,6,14,.7);backdrop-filter:blur(10px);border-top:1px solid var(--brd);padding:18px 0;color:var(--muted);font-size:.88rem}
    .footer-min .footer-row{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
    .footer-copy{color:var(--muted);letter-spacing:.2px}
    .footer-copy span{color:var(--cyan);font-weight:700}
    .footer-links{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
    .footer-links a{color:var(--muted);transition:color var(--t)}
    .footer-links a:hover{color:var(--cyan)}
    .footer-links .sep{color:var(--muted2);user-select:none}

    .progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--neon3);z-index:1001;box-shadow:0 0 12px rgba(34,227,255,.7)}

    /* ============================================================ KEYFRAMES */
    @keyframes ping{0%{box-shadow:0 0 0 0 rgba(62,240,176,.5),0 0 10px var(--mint)}100%{box-shadow:0 0 0 9px rgba(62,240,176,0),0 0 10px var(--mint)}}
    @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.4)}100%{box-shadow:0 0 0 16px rgba(255,255,255,0)}}
    @keyframes scroll{to{transform:translateX(-50%)}}
    @keyframes flow{to{stroke-dashoffset:-260}}
    @keyframes drift{0%{transform:translate(0,0)}100%{transform:translate(34px,26px)}}
    @keyframes gridPan{to{background-position:48px 48px,48px 48px}}
    @keyframes aurora{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
    @keyframes roadMove{to{background-position:20px 0}}
    @keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}

    /* anim gate */
    .anim .reveal,
    .anim .hero-badge,.anim .hero h1,.anim .hero-lede,.anim .hero-cta-row,.anim .hero-proof,
    .anim .signup,.anim .chip-float,.anim .deep .benefit,.anim .mock-stack .mock{opacity:0}
    @media (prefers-reduced-motion:reduce){
      *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
      .anim .reveal,.anim .hero *,.anim .signup,.anim .chip-float,.anim .deep .benefit,.anim .mock-stack .mock{opacity:1!important}
    }

    /* ============================================================ RESPONSIVE */
    @media (max-width:1024px){
      .hero-inner{gap:40px}
      .features-grid,.why-grid,.tgrid{grid-template-columns:repeat(2,1fr)}
      .deep-inner{gap:44px}
      .steps{grid-template-columns:repeat(2,1fr);row-gap:44px}
      .steps .road-line{display:none}
    }
    /* Tablet: collapse nav to hamburger + stack the two-column hero so nothing is crammed */
    @media (max-width:980px){
      .nav-links,.nav-right{display:none}
      .hamburger{display:flex}
      .mobile-menu{max-height:calc(100vh - 72px);max-height:calc(100dvh - 72px);overflow-y:auto;-webkit-overflow-scrolling:touch}
      .hero-inner{grid-template-columns:1fr;gap:40px}
      .form-col{order:-1;width:100%;max-width:100%;margin-inline:auto}
      .chip-float{display:none}
      .deep-inner{grid-template-columns:1fr;gap:40px}
    }
    @media (max-width:768px){
      .section{padding:24px 0}
      .section-head{margin-bottom:42px}
      .hero{padding:108px 0 64px}
      .hero-inner{grid-template-columns:1fr;gap:38px}
      .form-col{order:-1}
      .chip-float{display:none}
      .deep-inner{grid-template-columns:1fr;gap:38px}
      .features-grid,.why-grid,.tgrid{grid-template-columns:1fr}
      .pgrid{grid-template-columns:1fr;gap:30px}
      .steps{grid-template-columns:1fr;row-gap:30px}
      .stats-inner{grid-template-columns:repeat(2,1fr);gap:34px 0;padding:40px 28px}
      .stat:nth-child(2){border-right:none}
      .outcomes-grid{flex-direction:column;align-items:stretch;gap:24px}
      .footer-min .footer-row{flex-direction:column;gap:12px;text-align:center}
      .final-in{padding:32px 24px}
    }
    /* Stack the two final-CTA buttons + force equal width as soon as they'd wrap, so they
       never sit at mismatched content-widths when stacked (e.g. ~500px phones). */
    @media (max-width:600px){
      .final-btns{flex-direction:column;align-items:center;gap:12px}
      .final-btns .btn{width:100%;max-width:320px;justify-content:center}
    }
    @media (max-width:480px){
      .shell{padding:0 18px}
      .nav{padding:0 18px}
      .stats-inner{padding:38px 18px}
      .hero h1{font-size:2.15rem}
      .section-head h2{font-size:1.85rem}
      .stat{padding:0 12px}
      .stat-num{font-size:2.15rem}
      .signup-head{padding:16px 18px 14px}
      .signup-body{padding:16px 18px 18px}
      .form-body{gap:11px}
      textarea.fin{min-height:56px}
      .sh-title{font-size:1.04rem}
      .sh-pricetag{padding:6px 13px}
      .sh-pricetag .now{font-size:1.55rem}
      .cc{padding:8px 2px 6px}
      .cc b{font-size:1.28rem}
      .pcard{padding:32px 22px}
      .outcomes{padding:28px 22px}
      .countbar{flex-wrap:wrap;gap:6px}
      .final-in{padding:60px 0}
      .final p{font-size:1rem;margin-bottom:30px}
      .final-btns{flex-direction:column;align-items:center;gap:12px}
      .final-btns .btn{width:100%;max-width:320px;justify-content:center}
      .hero-cta-row{flex-direction:column;align-items:stretch}
      .hero-cta-row .btn{width:100%}
      .deep-copy .btn{width:100%}

      .btn-cta{
        font-size:0.875rem;
      }


    }
    @media (max-width:380px){
      .name-row{flex-direction:column;gap:13px}
      .hero h1{font-size:1.95rem}
    }