/* ═══════════════════════════════════════════════════════════
     GALATEA — Dark Nocturnal Landing (v2)
     Single-file. Mobile-first. Anti-slop.
     ═══════════════════════════════════════════════════════════ */

  *,*::before,*::after{margin:0;padding:0;box-sizing:border-box}


  html{scroll-behavior:smooth;font-size:16px;background:var(--bg)}
  body{
    font-family:var(--font);
    background:
      radial-gradient(ellipse 80% 50% at 20% 0%, rgba(139,92,246,.12), transparent 60%),
      radial-gradient(ellipse 70% 40% at 80% 15%, rgba(236,72,153,.08), transparent 60%),
      var(--bg);
    color:var(--text);
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
    min-height:100vh;
    position:relative;
  }
  /* ── Subtle film grain overlay (tactile, breaks the flat dark) ── */
  body::after{
    content:'';
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:1;
    opacity:.045;
    mix-blend-mode:overlay;
    background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    background-size:200px 200px;
  }
  a{text-decoration:none;color:inherit}
  img{display:block;max-width:100%}
  button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}

  :focus-visible{outline:2px solid var(--violet-600);outline-offset:3px;border-radius:4px}
  a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}

  .container{max-width:1180px;margin:0 auto;padding:0 24px}

  /* ── Reveal animation ────────────────────────────────── */
  .reveal{opacity:1;transform:none;transition:opacity .7s cubic-bezier(.25,.46,.45,.94),transform .7s cubic-bezier(.25,.46,.45,.94)}
  .js-enhanced .reveal:not(.visible){opacity:0;transform:translateY(20px)}
  .reveal.visible{opacity:1;transform:none}
  .reveal-d1{transition-delay:.08s}
  .reveal-d2{transition-delay:.16s}
  .reveal-d3{transition-delay:.24s}
  .reveal-d4{transition-delay:.32s}

  @keyframes pulseLive{0%,100%{opacity:1}50%{opacity:.4}}
  @keyframes floatSlow{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
  @keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}

  /* ── Navigation ──────────────────────────────────────── */
  .nav{
    position:fixed;top:0;left:0;right:0;z-index:100;
    padding:18px 0;
    background:rgba(10,6,24,.55);
    backdrop-filter:blur(16px) saturate(180%);
    -webkit-backdrop-filter:blur(16px) saturate(180%);
    border-bottom:1px solid transparent;
    transition:padding .3s,background .3s,border-color .3s;
  }
  .nav.scrolled{padding:12px 0;background:rgba(10,6,24,.85);border-bottom-color:var(--border-subtle)}
  .nav-inner{display:flex;justify-content:space-between;align-items:center}
  .nav-logo{
    font-size:1.35rem;font-weight:800;letter-spacing:-.02em;color:#fff;
    display:flex;align-items:center;gap:2px;
  }
  .nav-logo span{
    background:linear-gradient(135deg,var(--violet-600),var(--magenta-500));
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .nav-links{display:flex;align-items:center;gap:36px}
  .nav-link{
    font-size:.85rem;font-weight:500;color:var(--text-muted);
    transition:color .2s;cursor:pointer;
  }
  .nav-link:hover{color:#fff}
  /* FIX-10: Nav CTA — ghost Sign In + primary Start Free */
  .nav-cta{
    font-size:.82rem;font-weight:600;padding:10px 22px;
    border-radius:var(--r-sm);
    transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;
    display:inline-flex;align-items:center;
  }
  .nav-cta-ghost{
    background:transparent;color:var(--text);
    border:1px solid var(--border-strong);
  }
  .nav-cta-ghost:hover{
    border-color:var(--violet-600);
    background:rgba(139,92,246,.12);
  }
  .nav-cta-primary{
    background:linear-gradient(135deg,var(--violet-600),var(--magenta-500));
    color:#fff;border:1px solid transparent;
    box-shadow:0 4px 16px var(--violet-glow);
    margin-left:10px;
  }
  .nav-cta-primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px var(--violet-glow)}
  /* Language switcher mount in nav */
  .nav-lang-mount{display:inline-flex;align-items:center;margin-right:4px}
  .nav-lang-mount .lang-btn{
    background:rgba(255,255,255,.04)!important;
    border:1px solid var(--border-strong)!important;
    border-radius:var(--r-sm)!important;
    padding:8px 12px!important;
    font-size:.78rem!important;
    color:var(--text-muted)!important;
    transition:all .2s!important;
  }
  .nav-lang-mount .lang-btn:hover{
    border-color:var(--violet-600)!important;
    color:#fff!important;
    background:rgba(139,92,246,.12)!important;
  }
  @media (max-width:767px){
    .nav-lang-mount{display:none}
  }
  .nav-mobile{display:none;flex-direction:column;gap:5px;padding:4px}
  .nav-mobile span{display:block;width:22px;height:2px;background:#fff;transition:transform .3s,opacity .3s}
  .nav-mobile.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
  .nav-mobile.open span:nth-child(2){opacity:0}
  .nav-mobile.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}

  /* ── Hero ─────────────────────────────────────────────── */
  .hero{
    position:relative;
    min-height:100vh;
    padding:140px 0 100px;
    display:flex;align-items:center;
    overflow:hidden;
  }
  .hero::before{
    content:'';position:absolute;inset:0;z-index:0;
    background:
      radial-gradient(circle 700px at 80% 20%, rgba(139,92,246,.15), transparent 60%),
      radial-gradient(circle 500px at 20% 80%, rgba(236,72,153,.1), transparent 60%);
    pointer-events:none;
  }
  .hero-inner{
    position:relative;z-index:1;
    display:grid;grid-template-columns:1.1fr 1fr;
    gap:72px;align-items:center;width:100%;
  }
  .hero-badge{
    display:inline-flex;align-items:center;gap:10px;
    font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
    color:var(--violet-100);
    background:rgba(139,92,246,.1);
    padding:8px 18px;border-radius:999px;
    border:1px solid var(--border-strong);
    margin-bottom:28px;
    backdrop-filter:blur(12px);
  }
  .hero-badge::before{
    content:'';width:7px;height:7px;border-radius:50%;
    background:var(--live-red);box-shadow:0 0 10px var(--live-glow);
    animation:pulseLive 2s ease-in-out infinite;
  }
  .hero-title{
    font-size:clamp(3rem,7.5vw,6.5rem);
    font-weight:900;line-height:.95;letter-spacing:-.045em;
    margin-bottom:28px;color:#fff;
    /* Subtle scroll-linked scale (set by JS via --hero-scale) */
    transform:scale(var(--hero-scale, 1)) translateY(var(--hero-shift, 0));
    transform-origin:left top;
    will-change:transform;
  }
  .hero-title .word-block{
    display:block;
    overflow:hidden;
    /* Initial state — JS opt-in. CSS default visible for no-JS fallback. */
  }
  body.js-enhanced .hero-title .word-block .word-inner{
    display:inline-block;
    transform:translateY(110%);
    opacity:0;
    transition:transform .9s cubic-bezier(.2,.85,.25,1), opacity .6s ease;
  }
  body.js-enhanced .hero-title.hero-typed .word-block:nth-child(1) .word-inner{transition-delay:.05s}
  body.js-enhanced .hero-title.hero-typed .word-block:nth-child(2) .word-inner{transition-delay:.22s}
  body.js-enhanced .hero-title.hero-typed .word-inner{
    transform:translateY(0);
    opacity:1;
  }
  .hero-title em{
    display:block;
    font-style:normal;
  }
  .hero-title em .word-inner{
    background:linear-gradient(135deg,var(--violet-600) 0%,var(--magenta-500) 100%);
    -webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;color:transparent;
    filter:drop-shadow(0 4px 28px rgba(139,92,246,.42));
  }
  .hero-desc{
    font-size:1.1rem;
    color:var(--text-dim);
    line-height:1.65;
    max-width:520px;
    margin-bottom:36px;
  }
  .hero-desc strong{color:#fff;font-weight:600}
  .hero-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:28px}
  .btn-primary{
    display:inline-flex;align-items:center;gap:10px;
    font-size:.95rem;font-weight:700;
    padding:16px 32px;
    background:linear-gradient(135deg,var(--violet-600) 0%,var(--magenta-500) 100%);
    color:#fff;border-radius:var(--r-sm);
    box-shadow:0 8px 32px var(--violet-glow),inset 0 1px 0 rgba(255,255,255,.2);
    transition:transform .2s,box-shadow .2s;
    position:relative;overflow:hidden;
  }
  .btn-primary::after{
    content:'→';font-size:1.1rem;transition:transform .2s;
  }
  .btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 40px var(--violet-glow),inset 0 1px 0 rgba(255,255,255,.25)}
  .btn-primary:hover::after{transform:translateX(4px)}
  .btn-secondary{
    display:inline-flex;align-items:center;gap:10px;
    font-size:.9rem;font-weight:600;
    padding:15px 30px;
    background:rgba(139,92,246,.08);
    color:var(--text-dim);
    border:1px solid var(--border);
    border-radius:var(--r-sm);
    transition:background .2s,color .2s,border-color .2s;
    backdrop-filter:blur(8px);
  }
  .btn-secondary:hover{background:rgba(139,92,246,.15);color:#fff;border-color:var(--border-strong)}
  .hero-trust{
    font-size:.78rem;color:var(--text-muted);
    display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  }
  .hero-trust::before{
    content:'';display:inline-block;width:14px;height:14px;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2310B981' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/contain no-repeat;
  }

  /* ── Hero visual: chat mockup ────────────────────────── */
  .hero-visual{position:relative;animation:floatSlow 6s ease-in-out infinite}
  .browser-frame{
    background:var(--bg-card);
    border:1px solid var(--border-strong);
    border-radius:var(--r-lg);
    overflow:hidden;
    box-shadow:var(--sh-xl),var(--sh-glow-v);
  }
  .browser-bar{
    display:flex;align-items:center;gap:8px;
    padding:12px 16px;
    background:rgba(0,0,0,.3);
    border-bottom:1px solid var(--border-subtle);
  }
  .browser-dot{width:11px;height:11px;border-radius:50%}
  .browser-dot:nth-child(1){background:#FF5F57}
  .browser-dot:nth-child(2){background:#FEBC2E}
  .browser-dot:nth-child(3){background:#28C840}
  .browser-url{
    flex:1;margin-left:12px;
    font-family:var(--font-mono);
    font-size:.68rem;color:var(--text-subtle);
    background:rgba(255,255,255,.05);
    padding:5px 14px;border-radius:6px;
  }
  .mockup-body{
    display:grid;grid-template-columns:1fr 230px;
    min-height:380px;
  }
  .mockup-stream{
    position:relative;
    background:
      radial-gradient(ellipse at 50% 50%, rgba(139,92,246,.25), transparent 70%),
      linear-gradient(135deg,#1E1B4B 0%,#312E81 60%,#4C1D95 100%);
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    padding:24px;
  }
  .live-badge{
    position:absolute;top:14px;left:14px;
    display:flex;align-items:center;gap:6px;
    font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;
    color:#fff;background:var(--live-red);
    padding:4px 10px;border-radius:4px;
    box-shadow:0 0 16px var(--live-glow);
  }
  .live-badge::before{
    content:'';width:6px;height:6px;border-radius:50%;background:#fff;
    animation:pulseLive 1.5s ease-in-out infinite;
  }
  .live-viewers{
    position:absolute;top:14px;right:14px;
    display:flex;align-items:center;gap:5px;
    font-size:.62rem;font-weight:600;color:#E2E8F0;
    background:rgba(0,0,0,.5);backdrop-filter:blur(6px);
    padding:4px 10px;border-radius:4px;
  }
  .stream-avatar{
    width:64px;height:64px;border-radius:50%;
    background:linear-gradient(135deg,var(--violet-600),var(--magenta-500));
    display:flex;align-items:center;justify-content:center;
    margin-bottom:12px;
    box-shadow:0 8px 32px rgba(236,72,153,.3);
  }
  .stream-name{font-size:.85rem;font-weight:700;color:#fff;letter-spacing:.02em}
  .stream-meta{font-size:.68rem;color:var(--violet-100);margin-top:2px}

  .mockup-chat{
    background:var(--bg);
    padding:14px 12px 14px 14px;
    display:flex;flex-direction:column;gap:8px;
    border-left:1px solid var(--border-subtle);
  }
  .chat-label{
    font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;
    color:var(--text-subtle);
    padding-bottom:10px;
    border-bottom:1px solid var(--border-subtle);
    margin-bottom:6px;
    display:flex;align-items:center;gap:6px;
  }
  .chat-label::before{
    content:'';width:6px;height:6px;border-radius:50%;background:var(--green-500);
    box-shadow:0 0 8px var(--green-500);
  }
  .chat-msg{
    font-size:.75rem;line-height:1.45;
    padding:8px 11px;border-radius:var(--r-xs);
    word-break:break-word;
  }
  .chat-msg.in{background:rgba(255,255,255,.04);color:var(--text-dim)}
  .chat-msg.in .nick{color:var(--magenta-500);font-weight:700;display:block;font-size:.68rem;margin-bottom:2px}
  .chat-msg.ai{
    background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(236,72,153,.12));
    border:1px solid rgba(139,92,246,.35);
    color:#fff;
    position:relative;
    margin-top:4px;
  }
  .chat-msg.ai::before{
    content:'AI';position:absolute;top:-8px;left:10px;
    font-size:.52rem;font-weight:800;letter-spacing:.08em;
    background:linear-gradient(135deg,var(--violet-600),var(--magenta-500));
    color:#fff;padding:2px 7px;border-radius:4px;
  }

  .variant-popup{
    position:absolute;right:-40px;top:50%;transform:translateY(-30%);
    width:220px;
    background:var(--bg-card);
    border:1px solid var(--border-strong);
    border-radius:var(--r-md);
    padding:14px;
    box-shadow:var(--sh-lg);
  }
  .variant-popup-head{
    display:flex;justify-content:space-between;align-items:center;
    padding-bottom:10px;
    border-bottom:1px solid var(--border-subtle);
    margin-bottom:10px;
  }
  .variant-popup-logo{font-size:.72rem;font-weight:800;color:#fff}
  .variant-popup-logo span{background:linear-gradient(135deg,var(--violet-600),var(--magenta-500));-webkit-background-clip:text;color:transparent}
  .variant-popup-status{font-size:.58rem;color:var(--green-500);font-weight:600}
  .variant-popup-status::before{content:'●';margin-right:4px}
  .variant-card{
    font-size:.68rem;line-height:1.4;
    padding:8px 10px;margin-bottom:6px;
    background:rgba(139,92,246,.08);
    border:1px solid transparent;
    border-radius:var(--r-xs);color:var(--text-dim);
    transition:border-color .2s;
    cursor:pointer;
  }
  .variant-card:hover{border-color:var(--border-strong)}
  .variant-card.active{border-color:var(--violet-600);background:rgba(139,92,246,.14);color:#fff}
  .variant-card-tag{
    display:block;font-size:.52rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
    color:var(--magenta-500);margin-bottom:3px;
  }

  /* ── Proof bar ───────────────────────────────────────── */
  .proof-bar{
    padding:60px 0;
    border-top:1px solid var(--border-subtle);
    border-bottom:1px solid var(--border-subtle);
    background:rgba(255,255,255,.01);
  }
  .proof-grid{
    display:grid;grid-template-columns:repeat(4,1fr);gap:32px;
  }
  .proof-item{text-align:center}
  .proof-num{
    font-size:clamp(2.2rem,4vw,3.2rem);
    font-weight:800;letter-spacing:-.03em;line-height:1;
    background:linear-gradient(135deg,var(--violet-600),var(--magenta-500));
    -webkit-background-clip:text;background-clip:text;color:transparent;
    margin-bottom:8px;
  }
  .proof-label{
    font-size:.78rem;color:var(--text-muted);
    font-weight:500;line-height:1.4;
  }

  /* ── Section shared ──────────────────────────────────── */
  section[data-section]{position:relative;padding:110px 0;overflow:hidden}
  /* PNG backdrops removed — baked English text was bleeding through under live HTML.
     Markup divs kept (aria-hidden) but never render. */
  .section-backdrop{display:none}
  .section-inner{position:relative;z-index:1}
  .section-label{
    display:inline-block;
    font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
    color:var(--violet-100);
    padding:6px 14px;
    background:rgba(139,92,246,.12);
    border:1px solid var(--border);
    border-radius:999px;
    margin-bottom:20px;
  }
  .section-title{
    font-size:clamp(1.8rem,3.5vw,2.6rem);
    font-weight:800;line-height:1.12;letter-spacing:-.025em;
    color:#fff;
    max-width:760px;
    margin-bottom:20px;
  }
  .section-title em{
    font-style:normal;
    background:linear-gradient(135deg,var(--violet-600),var(--magenta-500));
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .section-desc{
    font-size:1.05rem;color:var(--text-dim);
    line-height:1.65;max-width:680px;
    margin-bottom:52px;
  }

  /* ── Pain section ─────────────────────────────────────── */
  .pain-body{font-size:1.05rem;color:var(--text-dim);line-height:1.8;max-width:780px;margin-bottom:56px}
  .pain-body p+p{margin-top:20px}
  .alternatives-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px}
  .alt-card{
    background:
      radial-gradient(140% 90% at 0% 0%, rgba(239,68,68,.16) 0%, rgba(239,68,68,0) 60%),
      linear-gradient(155deg,rgba(38,22,68,.92) 0%,rgba(26,16,51,.75) 100%);
    border:1px solid rgba(239,68,68,.18);
    border-left:3px solid rgba(239,68,68,.55);
    border-radius:var(--r-lg);
    padding:30px 28px 24px 30px;
    transition:transform .3s,border-color .3s,box-shadow .3s,background .3s;
    position:relative;
    backdrop-filter:blur(10px);
  }
  .alt-card::after{
    content:'';
    position:absolute;
    top:0;left:0;right:0;height:2px;
    background:linear-gradient(90deg,rgba(239,68,68,.7) 0%, rgba(239,68,68,0) 80%);
    border-top-left-radius:var(--r-lg);
    border-top-right-radius:var(--r-lg);
    opacity:.85;
    transition:opacity .3s;
  }
  .alt-card::before{
    content:'✕';
    position:absolute;top:-16px;left:22px;
    width:36px;height:36px;
    display:flex;align-items:center;justify-content:center;
    font-size:1rem;font-weight:800;color:#fff;
    background:linear-gradient(135deg,#F87171 0%,#EF4444 60%,#DC2626 100%);
    border-radius:50%;
    border:2px solid rgba(10,6,24,.95);
    box-shadow:
      0 6px 18px rgba(239,68,68,.45),
      0 0 0 4px rgba(239,68,68,.10);
    transition:transform .3s,box-shadow .3s;
  }
  .alt-card:hover{
    transform:translateY(-4px);
    border-color:rgba(239,68,68,.45);
    border-left-color:rgba(248,113,113,.85);
    box-shadow:0 14px 34px rgba(239,68,68,.22), var(--sh-lg);
  }
  .alt-card:hover::after{opacity:1}
  .alt-card:hover::before{
    transform:scale(1.08) rotate(6deg);
    box-shadow:
      0 8px 22px rgba(239,68,68,.55),
      0 0 0 6px rgba(239,68,68,.15);
  }
  .alt-card h4{
    font-size:1.05rem;font-weight:700;color:#fff;
    margin:10px 0 12px;letter-spacing:-.01em;
    position:relative;
    display:inline-block;
  }
  .alt-card h4::after{
    content:'';
    position:absolute;left:0;right:0;
    top:54%;height:2px;
    background:linear-gradient(90deg,rgba(239,68,68,.85) 0%,rgba(239,68,68,.25) 100%);
    transform:scaleX(0);transform-origin:left center;
    transition:transform .35s ease;
  }
  .alt-card:hover h4::after{transform:scaleX(1)}
  .alt-card p{font-size:.9rem;color:var(--text-dim);line-height:1.65;margin:0 0 18px}
  .alt-card-result{
    margin-top:auto;
    padding-top:14px;
    border-top:1px dashed rgba(239,68,68,.22);
    font-size:.78rem;
    font-style:italic;
    color:rgba(248,113,113,.85);
    letter-spacing:.01em;
    display:flex;
    align-items:center;
    gap:6px;
  }
  .alt-card-arrow{
    color:rgba(248,113,113,1);
    font-style:normal;
    font-weight:700;
  }
  .alt-card{display:flex;flex-direction:column}

  /* ── How It Works ─────────────────────────────────────── */
  .steps-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:28px;
  }
  .step-card{
    background:linear-gradient(155deg,rgba(30,20,56,.8) 0%,rgba(26,16,51,.6) 100%);
    border:1px solid var(--border);
    border-radius:var(--r-lg);
    padding:36px 30px;
    position:relative;
    backdrop-filter:blur(10px);
    transition:transform .3s,border-color .3s,box-shadow .3s;
  }
  .step-card:hover{transform:translateY(-4px);border-color:var(--border-strong);box-shadow:var(--sh-lg)}
  .step-num{
    display:inline-block;
    font-size:.82rem;font-weight:800;letter-spacing:.08em;
    color:var(--violet-100);
    padding:6px 14px;
    background:rgba(139,92,246,.15);
    border:1px solid var(--border-strong);
    border-radius:999px;
    margin-bottom:18px;
  }
  .step-card h3{
    font-size:1.25rem;font-weight:700;color:#fff;
    margin:0 0 14px;letter-spacing:-.01em;
  }
  .step-card p{font-size:.92rem;color:var(--text-dim);line-height:1.65;margin:0}

  /* ── Mechanism / Solution ─────────────────────────────── */
  .layer-grid{
    display:grid;grid-template-columns:1fr 1fr;gap:30px;
    margin-top:48px;
  }
  .layer-card{
    background:
      linear-gradient(155deg,rgba(30,20,56,.85) 0%,rgba(42,29,77,.55) 100%);
    border:1px solid var(--border-strong);
    border-radius:var(--r-lg);
    padding:36px 32px;
    position:relative;
    overflow:hidden;
  }
  .layer-card::before{
    content:'';position:absolute;top:0;left:0;right:0;height:3px;
    background:linear-gradient(90deg,var(--violet-600),var(--magenta-500));
  }
  .layer-tag{
    display:inline-block;
    font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
    color:var(--magenta-500);
    margin-bottom:12px;
  }
  .layer-card h3{
    font-size:1.4rem;font-weight:700;color:#fff;
    margin:0 0 16px;letter-spacing:-.015em;
  }
  .layer-card p{font-size:.94rem;color:var(--text-dim);line-height:1.7;margin:0 0 14px}
  .layer-card p:last-child{margin-bottom:0}
  .layer-card strong{color:#fff;font-weight:600}
  .mechanism-bridge{
    margin:40px auto 0;
    max-width:720px;
    text-align:center;
    font-size:1.05rem;color:var(--text-dim);line-height:1.7;
    padding:24px 28px;
    background:linear-gradient(135deg,rgba(139,92,246,.08),rgba(236,72,153,.06));
    border:1px solid var(--border);
    border-radius:var(--r-md);
  }
  .mechanism-bridge strong{
    display:block;margin-bottom:6px;
    color:#fff;font-weight:700;font-size:1.1rem;letter-spacing:-.01em;
  }

  /* ── Features (bento grid 4-col, 3 wide hero cards) ───── */
  .features-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:24px;
    margin-top:48px;
  }
  .features-grid-bento{
    grid-template-columns:repeat(4,1fr);
    gap:22px;
  }
  .feature-card{
    background:
      linear-gradient(155deg,rgba(30,20,56,.8),rgba(16,9,38,.7));
    border:1px solid var(--border);
    border-radius:var(--r-lg);
    padding:32px 28px;
    transition:transform .35s cubic-bezier(.2,.85,.25,1),border-color .3s,box-shadow .3s;
    position:relative;
    overflow:hidden;
    transform-style:preserve-3d;
    will-change:transform;
  }
  .feature-card-wide{
    grid-column:span 2;
    padding:36px 32px;
    background:
      radial-gradient(120% 90% at 100% 0%, rgba(139,92,246,.18) 0%, rgba(139,92,246,0) 60%),
      linear-gradient(155deg,rgba(38,22,68,.92),rgba(20,12,46,.78));
    border-color:rgba(139,92,246,.25);
  }
  .feature-card-wide h3{font-size:1.32rem !important}
  .feature-card-wide p{font-size:.95rem !important}
  .feature-card-tag{
    display:inline-block;
    font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
    color:var(--violet-100);
    background:rgba(139,92,246,.18);
    border:1px solid rgba(139,92,246,.35);
    padding:5px 11px;border-radius:999px;
    margin-bottom:18px;
  }
  .feature-card::after{
    content:'';position:absolute;inset:0;
    background:linear-gradient(135deg,transparent 0%,rgba(139,92,246,.05) 100%);
    pointer-events:none;opacity:0;transition:opacity .3s;
  }
  .feature-card:hover{border-color:var(--border-strong);box-shadow:var(--sh-md)}
  .feature-card-wide:hover{border-color:rgba(139,92,246,.5);box-shadow:0 14px 38px rgba(139,92,246,.22),var(--sh-lg)}
  .feature-card:hover::after{opacity:1}
  .feature-icon{
    width:48px;height:48px;
    display:flex;align-items:center;justify-content:center;
    background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(236,72,153,.12));
    border:1px solid var(--border-strong);
    border-radius:var(--r-sm);
    margin-bottom:20px;
  }
  .feature-icon svg{width:22px;height:22px;stroke:var(--violet-600)}
  .feature-card h3{
    font-size:1.08rem;font-weight:700;color:#fff;
    margin:0 0 12px;letter-spacing:-.01em;
  }
  .feature-card p{font-size:.88rem;color:var(--text-dim);line-height:1.65;margin:0}

  /* ── Demo ─────────────────────────────────────────────── */
  .demo-section{padding:110px 0;position:relative;overflow:hidden}
  .demo-section::before{
    content:'';position:absolute;inset:0;
    background:
      radial-gradient(ellipse 60% 40% at 50% 50%, rgba(139,92,246,.08), transparent);
    pointer-events:none;
  }
  /* Full-bleed dramatic variant: aurora blobs drift slowly across the section */
  .demo-section-fullbleed{
    padding:130px 0 140px;
    background:
      radial-gradient(ellipse 70% 60% at 50% 100%, rgba(20,12,46,.6), transparent 70%),
      linear-gradient(180deg, var(--bg) 0%, #0E0828 50%, var(--bg) 100%);
  }
  .demo-section-fullbleed::before{display:none}
  .demo-aurora{
    content:'';position:absolute;
    width:65vw;height:65vw;
    max-width:900px;max-height:900px;
    border-radius:50%;
    filter:blur(120px);
    opacity:.42;
    pointer-events:none;
    z-index:0;
    background:radial-gradient(circle, var(--violet-600) 0%, transparent 65%);
    top:-15%;left:-15%;
    animation:auroraDrift1 22s ease-in-out infinite alternate;
    will-change:transform;
  }
  .demo-aurora-2{
    background:radial-gradient(circle, var(--magenta-500) 0%, transparent 65%);
    top:auto;bottom:-25%;left:auto;right:-15%;
    opacity:.32;
    animation:auroraDrift2 28s ease-in-out infinite alternate;
  }
  @keyframes auroraDrift1{
    0%   { transform:translate(0, 0) scale(1); }
    50%  { transform:translate(8vw, 4vw) scale(1.08); }
    100% { transform:translate(-4vw, 6vw) scale(.95); }
  }
  @keyframes auroraDrift2{
    0%   { transform:translate(0, 0) scale(1); }
    50%  { transform:translate(-6vw, -4vw) scale(1.1); }
    100% { transform:translate(5vw, -8vw) scale(.92); }
  }
  @media (prefers-reduced-motion: reduce){
    .demo-aurora,.demo-aurora-2{animation:none}
  }
  .demo-section-fullbleed .demo-container{position:relative;z-index:2}
  .demo-section-label{
    display:inline-block;margin-bottom:32px;
  }
  .demo-grid{
    display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;
    position:relative;z-index:1;
  }
  .demo-chat{
    background:var(--bg-card);
    border:1px solid var(--border-strong);
    border-radius:var(--r-lg);
    padding:24px;
    box-shadow:var(--sh-lg),var(--sh-glow-v);
  }
  .demo-chat-head{
    display:flex;align-items:center;gap:10px;
    padding-bottom:16px;border-bottom:1px solid var(--border-subtle);margin-bottom:16px;
    font-size:.76rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;
  }
  .demo-dot{width:8px;height:8px;border-radius:50%;background:var(--green-500);box-shadow:0 0 10px var(--green-500);animation:pulseLive 2s ease-in-out infinite}
  .demo-msg-in{
    background:rgba(255,255,255,.04);
    padding:12px 16px;border-radius:var(--r-sm);
    margin-bottom:18px;
    font-size:.9rem;color:var(--text-dim);
  }
  .demo-msg-in .nick{color:var(--magenta-500);font-weight:700;display:block;font-size:.76rem;margin-bottom:3px}
  .demo-replies{display:flex;flex-direction:column;gap:10px}
  .demo-reply{
    background:linear-gradient(135deg,rgba(139,92,246,.12),rgba(236,72,153,.06));
    border:1px solid var(--border);
    border-radius:var(--r-sm);
    padding:14px 16px;
    font-size:.88rem;color:var(--text);
    line-height:1.5;
    transition:border-color .2s,transform .2s;
    cursor:pointer;
  }
  .demo-reply:hover{border-color:var(--border-strong);transform:translateX(2px)}
  .demo-reply-tag{
    display:inline-block;
    font-size:.58rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
    color:var(--magenta-500);
    margin-bottom:6px;
  }
  .demo-text h3{
    font-size:2.2rem;font-weight:800;line-height:1.1;letter-spacing:-.02em;
    color:#fff;margin:0 0 20px;
    position:relative;
    display:inline-block;
    padding-bottom:10px;
  }
  .demo-text h3::after{
    content:'';
    position:absolute;left:0;bottom:0;
    width:100%;height:3px;
    background:linear-gradient(90deg,var(--violet-600) 0%,var(--magenta-500) 100%);
    border-radius:2px;
    transform:scaleX(0);transform-origin:left center;
    transition:transform 1s cubic-bezier(.2,.85,.25,1) .2s;
  }
  .demo-text.visible h3::after,
  body:not(.js-enhanced) .demo-text h3::after{transform:scaleX(1)}
  .demo-text h3 em{
    font-style:normal;
    background:linear-gradient(135deg,var(--violet-600),var(--magenta-500));
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .demo-text p{font-size:1rem;color:var(--text-dim);line-height:1.7;margin:0 0 24px}
  .demo-list{list-style:none;padding:0}
  .demo-list li{
    font-size:.92rem;color:var(--text-dim);
    padding:9px 0;
    display:flex;align-items:flex-start;gap:12px;
  }
  .demo-list li::before{
    content:'';flex-shrink:0;
    width:18px;height:18px;margin-top:3px;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%238B5CF6' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") no-repeat center;
  }

  /* ── Target filter ─────────────────────────────────────── */
  .target-grid{
    display:grid;grid-template-columns:1fr 1fr;gap:28px;
    margin-top:42px;
  }
  .target-card{
    background:var(--bg-card);
    border:1px solid var(--border);
    border-radius:var(--r-lg);
    padding:32px 30px;
  }
  .target-card.yes{border-color:rgba(16,185,129,.25)}
  .target-card.yes::before{background:var(--green-500)}
  .target-card.no{border-color:rgba(239,68,68,.2)}
  .target-head{
    display:flex;align-items:center;gap:12px;
    font-size:1.15rem;font-weight:700;color:#fff;
    margin-bottom:20px;padding-bottom:16px;
    border-bottom:1px solid var(--border-subtle);
  }
  .target-icon{
    width:36px;height:36px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    font-size:1rem;font-weight:800;
  }
  .target-card.yes .target-icon{background:rgba(16,185,129,.15);color:var(--green-500);border:1px solid rgba(16,185,129,.35)}
  .target-card.no .target-icon{background:rgba(239,68,68,.12);color:var(--live-red);border:1px solid rgba(239,68,68,.3)}
  .target-list{list-style:none;padding:0}
  .target-list li{
    font-size:.9rem;color:var(--text-dim);line-height:1.55;
    padding:10px 0;border-bottom:1px dashed var(--border-subtle);
    display:flex;align-items:flex-start;gap:12px;
  }
  .target-list li:last-child{border-bottom:none}
  .target-card.yes .target-list li::before{
    content:'';flex-shrink:0;width:16px;height:16px;margin-top:2px;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2310B981' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") no-repeat center;
  }
  .target-card.no .target-list li::before{
    content:'';flex-shrink:0;width:16px;height:16px;margin-top:2px;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23EF4444' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E") no-repeat center;
  }
  .target-cta{
    margin-top:48px;
    display:flex;flex-direction:column;align-items:center;gap:14px;
    text-align:center;
  }
  .target-cta-q{
    font-size:1.05rem;font-weight:600;color:#fff;letter-spacing:-.01em;
  }
  .target-cta-btn{
    display:inline-flex;align-items:center;gap:8px;
    padding:14px 28px;
    border:1.5px solid var(--violet-500);
    background:rgba(139,92,246,.08);
    color:#fff;font-size:.98rem;font-weight:600;
    border-radius:999px;
    transition:all .18s ease;
    text-decoration:none;
  }
  .target-cta-btn:hover{
    background:rgba(139,92,246,.18);
    border-color:var(--violet-400);
    transform:translateY(-1px);
    box-shadow:0 6px 24px rgba(139,92,246,.25);
  }
  .target-cta-note{
    font-size:.82rem;color:var(--text-mute);
  }

  /* ── Security ──────────────────────────────────────────── */
  .security-grid{
    /* FIX-4 (v3): flexbox with justify-center for 5 cards.
       v1 5-col was too narrow. v2 3-col grid left empty 3rd slot in
       row 2 (unbalanced). Flexbox naturally centers the incomplete
       row, giving balanced 3+2 with row 2 centered. */
    display:flex;
    flex-wrap:wrap;
    gap:22px;
    justify-content:center;
    max-width:1100px;
    margin:48px auto 0;
  }
  .security-card{
    /* 3 cards per row on desktop (~33% minus gap) */
    flex:0 1 calc((100% - 44px) / 3);
    min-width:260px;
  }
  @media (max-width:900px){
    .security-card{flex:0 1 calc((100% - 22px) / 2)}
  }
  @media (max-width:600px){
    .security-card{flex:0 1 100%}
  }
  .security-card{
    background:
      linear-gradient(155deg,rgba(30,20,56,.85),rgba(16,9,38,.65));
    border:1px solid var(--border);
    border-radius:var(--r-md);
    padding:26px 24px;
    display:flex;gap:18px;
    transition:border-color .25s,transform .25s;
  }
  .security-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}
  .security-icon{
    flex-shrink:0;
    width:44px;height:44px;
    display:flex;align-items:center;justify-content:center;
    background:rgba(16,185,129,.12);
    border:1px solid rgba(16,185,129,.3);
    border-radius:var(--r-sm);
    color:var(--green-500);
  }
  .security-card h4{
    font-size:1rem;font-weight:700;color:#fff;
    margin:0 0 8px;letter-spacing:-.01em;
  }
  .security-card p{font-size:.85rem;color:var(--text-dim);line-height:1.6;margin:0}

  /* ── Pricing ──────────────────────────────────────────── */
  .pricing-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:22px;
    max-width:1000px;margin:48px auto 24px;
  }
  .price-card{
    background:
      linear-gradient(155deg,rgba(30,20,56,.9),rgba(16,9,38,.75));
    border:1px solid var(--border);
    border-radius:var(--r-lg);
    padding:40px 32px;
    display:flex;flex-direction:column;
    transition:transform .3s,border-color .3s,box-shadow .3s;
    position:relative;
  }
  .price-card:hover{border-color:var(--border-strong);box-shadow:var(--sh-lg)}
  .price-card.featured{
    border-color:var(--violet-600);
    box-shadow:0 0 0 1px var(--violet-600),var(--sh-xl),var(--sh-glow-v);
    transform:scale(1.08); /* FIX-4: stronger emphasis for Pro card */
    background:
      linear-gradient(155deg,rgba(42,29,77,.95),rgba(26,16,51,.8));
    z-index:2;
    position:relative;
  }
  .price-card.featured::before{
    content:'Best Value';
    position:absolute;top:-13px;left:50%;transform:translateX(-50%);
    font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
    background:linear-gradient(135deg,var(--violet-600),var(--magenta-500));
    color:#fff;
    padding:5px 16px;border-radius:999px;
    box-shadow:0 4px 16px var(--violet-glow);
    white-space:nowrap;
  }
  .price-tier{
    font-size:.8rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
    color:var(--violet-100);margin-bottom:14px;
  }
  .price-amount{
    font-size:3.4rem;font-weight:800;letter-spacing:-.03em;line-height:1;
    color:#fff;margin-bottom:4px;
  }
  .price-amount sup{font-size:1.2rem;font-weight:600;vertical-align:super;color:var(--text-muted)}
  .price-amount-sm{
    font-size:1.8rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;
    color:#fff;margin-bottom:4px;
  }
  .price-period{font-size:.82rem;color:var(--text-muted);margin-bottom:18px}
  .price-tagline{
    font-size:.92rem;color:var(--text-dim);
    line-height:1.5;margin-bottom:22px;
    font-style:italic;
    padding-bottom:18px;
    border-bottom:1px solid var(--border-subtle);
  }
  .price-card.featured .price-tagline{color:rgba(255,255,255,.82)}
  .price-footnote{
    margin-top:14px;
    font-size:.74rem;
    color:var(--text-muted);
    line-height:1.5;
    text-align:center;
    font-style:italic;
  }
  .price-features{list-style:none;padding:0;margin-bottom:22px;flex:1}
  .price-features li{
    font-size:.88rem;color:var(--text-dim);
    padding:10px 0 10px 26px;
    border-bottom:1px solid var(--border-subtle);
    position:relative;
    line-height:1.55;
  }
  .price-features li::before{
    content:'';position:absolute;left:0;top:13px;
    width:16px;height:16px;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2310B981' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") no-repeat center;
  }
  .price-features li strong{color:#fff;font-weight:700}
  .price-features li:last-child{border-bottom:none}
  .price-btn{
    display:block;width:100%;text-align:center;
    font-size:.9rem;font-weight:700;
    padding:14px;
    background:rgba(139,92,246,.1);
    color:#fff;
    border:1px solid var(--border-strong);
    border-radius:var(--r-sm);
    transition:background .2s,border-color .2s,transform .2s;
  }
  .price-btn:hover{background:rgba(139,92,246,.2);border-color:var(--violet-600);transform:translateY(-1px)}
  .price-card.featured .price-btn{
    background:linear-gradient(135deg,var(--violet-600),var(--magenta-500));
    border-color:transparent;
    box-shadow:0 8px 24px var(--violet-glow);
  }
  .price-card.featured .price-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px var(--violet-glow)}
  .pricing-note{
    text-align:center;font-size:.82rem;color:var(--text-muted);
    max-width:720px;margin:24px auto 0;line-height:1.6;
  }
  .pricing-note a{color:var(--violet-100);border-bottom:1px solid rgba(196,181,253,.3)}

  /* ── FAQ ──────────────────────────────────────────────── */
  .faq-section{padding:110px 0}
  /* FIX (audit v2): center heading to match centered .faq-list below */
  .faq-section .section-label,
  .faq-section .section-title,
  .faq-section .section-desc{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    max-width:760px;
  }
  .faq-section .section-label{display:table}
  .faq-list{max-width:760px;margin:48px auto 0}
  .faq-item{
    border:1px solid var(--border);
    border-radius:var(--r-md);
    margin-bottom:14px;
    background:rgba(30,20,56,.4);
    backdrop-filter:blur(8px);
    transition:border-color .25s;
  }
  .faq-item:hover{border-color:var(--border-strong)}
  .faq-item.open{border-color:var(--border-strong);background:rgba(30,20,56,.6)}
  .faq-q{
    font-size:1rem;font-weight:600;color:#fff;
    padding:22px 26px;
    cursor:pointer;
    display:flex;justify-content:space-between;align-items:center;gap:20px;
    width:100%;text-align:left;
  }
  .faq-q::after{
    content:'+';
    font-size:1.5rem;font-weight:300;color:var(--violet-100);
    flex-shrink:0;transition:transform .3s;
  }
  .faq-item.open .faq-q::after{content:'\2212'}
  .faq-a{
    font-size:.92rem;color:var(--text-dim);line-height:1.7;
    max-height:0;overflow:hidden;
    padding:0 26px;
    transition:max-height .35s ease,padding .35s ease;
  }
  .faq-item.open .faq-a{max-height:400px;padding:0 26px 24px}

  /* ── Final CTA ────────────────────────────────────────── */
  .final-cta{
    position:relative;
    padding:120px 0;
    text-align:center;
    overflow:hidden;
    background:
      radial-gradient(ellipse 60% 50% at 50% 50%, rgba(139,92,246,.2), transparent 70%),
      linear-gradient(135deg,#1E1B4B 0%,#312E81 45%,#4C1D95 100%);
  }
  /* PNG backdrop removed — text bleed-through under live HTML headline */
  .final-cta::before{display:none}
  .final-cta::after{
    content:'';position:absolute;top:-150px;right:-150px;
    width:500px;height:500px;
    background:radial-gradient(circle,rgba(236,72,153,.2),transparent 70%);
    pointer-events:none;
  }
  .final-cta-inner{position:relative;z-index:1}
  .final-cta h2{
    font-size:clamp(2rem,4.5vw,3.2rem);
    font-weight:800;letter-spacing:-.025em;line-height:1.1;
    color:#fff;margin:0 0 20px;
  }
  .final-cta h2 em{
    font-style:normal;
    background:linear-gradient(135deg,#E9D5FF 0%,#F0ABFC 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .final-cta p{
    font-size:1.05rem;color:var(--violet-100);
    max-width:560px;margin:0 auto 36px;line-height:1.65;
  }
  .final-cta-buttons{
    display:flex;gap:14px;justify-content:center;flex-wrap:wrap;
    margin-bottom:28px;
  }
  .cta-btn-white{
    display:inline-flex;align-items:center;gap:10px;
    font-size:.95rem;font-weight:700;
    padding:16px 34px;
    background:#fff;color:var(--violet-700);
    border-radius:var(--r-sm);
    box-shadow:0 8px 32px rgba(255,255,255,.18);
    transition:transform .2s,box-shadow .2s;
  }
  .cta-btn-white::after{content:'→';transition:transform .2s}
  .cta-btn-white:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(255,255,255,.25)}
  .cta-btn-white:hover::after{transform:translateX(4px)}
  .cta-btn-ghost{
    display:inline-flex;align-items:center;gap:10px;
    font-size:.92rem;font-weight:600;
    padding:16px 32px;
    background:rgba(255,255,255,.06);
    color:#fff;
    border:1px solid rgba(255,255,255,.2);
    border-radius:var(--r-sm);
    transition:background .2s,border-color .2s;
    backdrop-filter:blur(8px);
  }
  .cta-btn-ghost:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.4)}
  .final-cta-trust{font-size:.78rem;color:var(--violet-100);opacity:.75}

  /* ── Footer (FIX-6: 4-column grid) ────────────────────── */
  .footer{
    padding:64px 0 32px;
    border-top:1px solid var(--border-subtle);
    background:var(--bg);
  }
  .footer-inner{
    display:grid;
    grid-template-columns:1.4fr 1fr 1fr 1fr;
    gap:48px;
    align-items:start;
  }
  .footer-col{
    display:flex;flex-direction:column;gap:10px;
  }
  .footer-col-title{
    font-size:.72rem;font-weight:700;text-transform:uppercase;
    letter-spacing:.08em;color:var(--text-muted);
    margin-bottom:8px;
  }
  .footer-brand-col .footer-logo{
    font-size:1.25rem;font-weight:800;color:#fff;
    letter-spacing:-.01em;
  }
  .footer-brand-col .footer-logo span{
    background:linear-gradient(135deg,var(--violet-600),var(--magenta-500));
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .footer-brand-col .footer-tagline{
    font-size:.82rem;color:var(--text-muted);
    margin-top:4px;
  }
  .footer-brand-col .footer-founder{
    font-size:.82rem;color:var(--text-muted);
    margin-top:16px;
  }
  .footer-brand-col .footer-founder a{
    color:var(--text-dim);text-decoration:underline;
  }
  .footer-brand-col .footer-founder a:hover{color:#fff}
  .footer-link{
    font-size:.82rem;color:var(--text-dim);
    transition:color .2s;
  }
  .footer-link:hover{color:#fff}
  .footer-link-cta{
    color:var(--violet-600);font-weight:600;
  }
  .footer-link-cta:hover{color:var(--magenta-500)}
  @media (max-width:900px){
    .footer-inner{grid-template-columns:1fr 1fr;gap:40px}
  }
  @media (max-width:600px){
    .footer-inner{grid-template-columns:1fr;gap:32px}
  }
  .footer-legal{
    margin-top:24px;padding-top:20px;
    border-top:1px solid var(--border-subtle);
    font-size:.72rem;color:var(--text-subtle);
    text-align:center;line-height:1.6;
  }

  /* ── Responsive ───────────────────────────────────────── */
  @media (max-width:1024px){
    .hero-inner{grid-template-columns:1fr;gap:48px}
    .variant-popup{display:none}
    .features-grid{grid-template-columns:repeat(2,1fr)}
    .features-grid-bento{grid-template-columns:repeat(2,1fr)}
    .features-grid-bento .feature-card-wide{grid-column:span 2}
    .alternatives-grid{grid-template-columns:1fr 1fr}
    .steps-grid{grid-template-columns:1fr}
    .demo-grid{grid-template-columns:1fr;gap:40px}
    .pricing-grid{grid-template-columns:1fr;max-width:440px}
    .price-card.featured{transform:none}
  }
  /* Burger menu threshold — raised from 768 to 1023 to prevent
     tablet-width nav text-wrap (820px was breaking "Sign In" and
     "Start Free →" into 2 lines each). */
  @media (max-width:1023px){
    .nav-links{display:none}
    .nav-mobile{display:flex}
    .nav-links.open{
      display:flex;flex-direction:column;position:absolute;
      top:100%;left:0;right:0;
      background:rgba(10,6,24,.97);backdrop-filter:blur(16px);
      padding:22px 24px;gap:18px;
      border-bottom:1px solid var(--border-subtle);
    }
  }
  @media (max-width:768px){
    section[data-section]{padding:80px 0}
    .hero{padding:120px 0 60px;min-height:auto}
    .proof-grid{grid-template-columns:repeat(2,1fr);gap:36px 24px}
    .features-grid{grid-template-columns:1fr}
    .features-grid-bento{grid-template-columns:1fr}
    .features-grid-bento .feature-card-wide{grid-column:span 1}
    .alternatives-grid{grid-template-columns:1fr}
    .layer-grid{grid-template-columns:1fr;gap:20px}
    .target-grid{grid-template-columns:1fr;gap:20px}
    /* .security-grid — handled by the FIX-4 cascade in the security-grid block above */
    .mockup-body{grid-template-columns:1fr}
    .mockup-chat{border-left:none;border-top:1px solid var(--border-subtle)}
    /* .footer-inner — handled by FIX-6 grid media queries above */
    .hero-actions{flex-direction:column;align-items:stretch}
    .btn-primary,.btn-secondary{justify-content:center}
    .final-cta-buttons{flex-direction:column;align-items:stretch;max-width:360px;margin-left:auto;margin-right:auto}
  }

  /* ── FIX-14: Chrome Web Store trust note in hero ─────── */
  .hero-store-note{
    font-size:.82rem;
    color:var(--text-muted);
    margin-top:14px;
    margin-bottom:8px;
    line-height:1.5;
    max-width:540px;
  }
  .hero-store-note a{
    color:var(--text-dim);
    text-decoration:underline;
  }
  .hero-store-note a:hover{color:var(--violet-600)}

  /* ── FIX-4: Section composition variation ────────────── */
  /* pain-section: centered block, left-aligned body text inside
     (left-align preserves scanability for long paragraphs; block
     centering avoids mixed-alignment feel) */
  .pain-section .section-label,
  .pain-section .section-title{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
  }
  .pain-section .section-title{
    font-size:clamp(2rem,4.5vw,3.2rem);
    max-width:780px;
  }
  .pain-section .section-label{
    display:table;         /* inline-flex center doesn't work here */
  }
  .pain-section .pain-body{
    max-width:700px;
    margin-left:auto;
    margin-right:auto;
  }
  .pain-section .alternatives-grid{
    max-width:1100px;
    margin-left:auto;
    margin-right:auto;
  }

  /* ── FIX-11: Mobile sticky CTA bar ────────────────────── */
  .mobile-sticky-cta{display:none}
  @media (max-width:767px){
    .mobile-sticky-cta{
      display:block;
      position:fixed;
      bottom:0;left:0;right:0;
      padding:12px 16px calc(12px + env(safe-area-inset-bottom));
      background:rgba(10,6,24,.95);
      backdrop-filter:blur(12px);
      -webkit-backdrop-filter:blur(12px);
      border-top:1px solid var(--border-strong);
      z-index:90;
      transform:translateY(100%);
      transition:transform .25s cubic-bezier(.4,0,.2,1);
      pointer-events:none;
    }
    .mobile-sticky-cta.visible{
      transform:translateY(0);
      pointer-events:auto;
    }
    .sticky-cta-btn{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      width:100%;
      padding:14px 20px;
      background:linear-gradient(135deg,var(--violet-600),var(--magenta-500));
      color:#fff;
      font-weight:700;
      font-size:.95rem;
      border-radius:var(--r-sm);
      text-decoration:none;
      box-shadow:0 4px 16px var(--violet-glow);
    }
    .sticky-cta-sub{
      font-size:.7rem;
      font-weight:500;
      opacity:.85;
    }
    /* Ensure body bottom padding doesn't hide content under sticky bar */
    body{padding-bottom:72px}
  }

  /* Telegram floating CTA removed — replaced by support widget channel choice */

  /* ── Mobile hero variant-popup override (FIX-2) ───────── */
  /* Desktop (≥1025px): variant-popup floats absolutely over the mockup.
     Tablet (768-1024px): display:none (hidden, existing rule line 898).
     Mobile (≤767px): show as static block below the mockup — preserves
     the "3 reply variants" visual proof for mobile users. */
  @media (max-width:767px){
    .variant-popup{
      display:block;
      position:static;
      transform:none;
      margin:16px 0 0;
      width:100%;
      max-width:100%;
      opacity:1;
      visibility:visible;
    }
    .hero-visual{max-width:100%}
    .hero-visual .chat-mock{max-width:100%}
  }

  @media (prefers-reduced-motion:reduce){
    .reveal{opacity:1;transform:none;transition:none}
    .hero-visual{animation:none}
    .hero-badge::before,.live-badge::before,.demo-dot{animation:none}
    html{scroll-behavior:auto}
  }