*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    :root{
      --gold:#d4af37;
      --gold-light:#f5d76e;
      --gold-glow:rgba(212,175,55,.12);
      --bg:#0a0a14;
      --bg-card:#0f0f1e;
      --surface:rgba(255,255,255,.04);
      --border:rgba(212,175,55,.08);
      --border-hover:rgba(212,175,55,.2);
      --text:#f0f0f0;
      --text-secondary:#8899aa;
      --text-muted:#556;
      --radius-sm:8px;
      --radius-md:14px;
      --radius-lg:20px;
      --radius-pill:9999px;
      --shadow:0 2px 8px rgba(0,0,0,.2);
      --shadow-lg:0 8px 32px rgba(0,0,0,.3);
      --shadow-gold:0 8px 32px var(--gold-glow);
      --transition:all .3s cubic-bezier(.4,0,.2,1)
    }
    body{
      font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
      background:var(--bg);
      color:var(--text);
      line-height:1.7;
      -webkit-font-smoothing:antialiased;
      overflow-x:hidden
    }
    .container{max-width:1060px;margin:0 auto;padding:0 32px}
    @media(max-width:768px){.container{padding:0 20px}}

    /* ===== NAV ===== */
    nav{
      position:fixed;top:0;left:0;right:0;z-index:100;
      padding:14px 0;
      background:rgba(10,10,20,.85);
      backdrop-filter:saturate(180%) blur(20px);
      -webkit-backdrop-filter:saturate(180%) blur(20px);
      border-bottom:1px solid rgba(255,255,255,.04)
    }
    nav .container{display:flex;align-items:center;justify-content:space-between;gap:12px}
    .logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}
    .logo-mark{
      width:28px;height:28px;
      background:linear-gradient(135deg,var(--gold),var(--gold-light));
      clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);
      display:flex;align-items:center;justify-content:center;
      font-family:Georgia,serif;font-weight:800;font-size:11px;color:var(--bg)
    }
    .logo-text{font-size:1.05rem;font-weight:700;color:var(--text);letter-spacing:.5px}
    .logo-text span{color:var(--gold)}
    nav .nav-links{display:flex;align-items:center;gap:4px;flex-shrink:1;min-width:0}
    nav .nav-links a{
      padding:6px 12px;border-radius:var(--radius-pill);
      color:var(--text-secondary);font-size:.8rem;font-weight:500;
      transition:var(--transition);text-decoration:none;white-space:nowrap
    }
    nav .nav-links a:hover{color:var(--text);background:var(--surface)}
    nav .nav-links .dropdown{display:flex;align-items:center}
    nav .nav-links .dropdown-toggle{padding:6px 12px}
    nav .nav-links .dropdown-menu{top:100%;margin-top:2px}
    nav .nav-cta{
      padding:8px 22px;border-radius:var(--radius-pill);
      background:linear-gradient(135deg,var(--gold),var(--gold-light));
      color:var(--bg);font-weight:700;font-size:.85rem;
      text-decoration:none;transition:var(--transition);
      box-shadow:0 4px 16px rgba(212,175,55,.2);
      letter-spacing:.2px
    }
    nav .nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(212,175,55,.35)}
    @media(max-width:768px){nav .nav-links{display:none}}

    /* ===== STATS BANNER ===== */
    .stats-banner{
      position:fixed;top:57px;left:0;right:0;z-index:99;
      padding:6px 0;
      background:rgba(10,10,20,.92);
      border-bottom:1px solid rgba(212,175,55,.1);
      backdrop-filter:saturate(180%) blur(10px);
      -webkit-backdrop-filter:saturate(180%) blur(10px)
    }
    .stats-banner .container{text-align:center}
    .sb-wrap{display:inline-flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center}
    .sb-item{font-size:.72rem;color:var(--text-muted);font-weight:500;letter-spacing:.3px}
    .sb-item strong{color:var(--gold);font-weight:700}
    .sb-dot{width:3px;height:3px;border-radius:50%;background:var(--gold);opacity:.3;flex-shrink:0}
    @media(max-width:640px){
      .stats-banner{top:53px;padding:4px 0}
      .sb-wrap{gap:8px}
      .sb-item{font-size:.65rem}
      .sb-dot{display:none}
    }

    /* ===== BTN ===== */
    .btn{
      display:inline-flex;align-items:center;gap:8px;
      padding:14px 28px;border-radius:var(--radius-pill);
      font-weight:600;font-size:.95rem;
      text-decoration:none;transition:var(--transition);
      cursor:pointer;border:none;font-family:inherit;
      letter-spacing:-.01em
    }
    .btn-primary{
      background:linear-gradient(135deg,var(--gold),var(--gold-light));
      color:var(--bg)
    }
    .btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px var(--gold-glow)}
    .btn-ghost{
      background:transparent;
      border:1.5px solid var(--border);
      color:var(--gold)
    }
    .btn-ghost:hover{border-color:var(--gold);background:var(--gold-glow);transform:translateY(-2px)}
    .btn-sm{padding:10px 24px;font-size:.88rem}

    /* ===== HERO ===== */
    .hero{
      display:flex;align-items:center;
      padding:120px 0 40px;position:relative;overflow:hidden
    }
    @media(max-width:640px){.hero{padding:100px 0 30px}}
    .hero::before{
      content:'';position:absolute;
      top:-50%;left:-50%;width:200%;height:200%;
      background:radial-gradient(ellipse at 30% 50%,rgba(212,175,55,.04),transparent 50%),
                 radial-gradient(ellipse at 70% 20%,rgba(100,120,255,.03),transparent 40%);
      pointer-events:none
    }
    .hero .container{position:relative;z-index:1;max-width:800px;text-align:center}
    .hero h1{
      font-size:4rem;font-weight:800;line-height:1.08;
      letter-spacing:-.03em;margin-bottom:16px
    }
    .hero h1 .gold{
      background:linear-gradient(135deg,var(--gold),var(--gold-light));
      -webkit-background-clip:text;-webkit-text-fill-color:transparent;
      background-clip:text
    }
    .hero p{
      font-size:1.15rem;color:var(--text-secondary);
      max-width:560px;margin:0 auto 32px;line-height:1.8
    }
    .hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
    .hero-trust{
      display:flex;justify-content:center;gap:16px;flex-wrap:wrap;
      margin-top:32px;font-size:.82rem;color:var(--text-muted)
    }
    .hero-trust span{display:flex;align-items:center;gap:6px}

    /* ===== HERO FORM ===== */
    .hero-form-wrap{
      margin:24px auto 0;
      max-width:500px
    }
    .hero-form{
      display:flex;flex-direction:column;gap:10px
    }
    .hero-form input[type="text"],
    .hero-form input[type="email"]{
      width:100%;
      padding:14px 20px;
      background:rgba(255,255,255,.05);
      border:1px solid var(--border);
      border-radius:var(--radius-pill);
      color:var(--text);
      font-size:.9rem;
      font-family:inherit;
      outline:none;
      transition:var(--transition)
    }
    .hero-form input:focus{
      border-color:rgba(212,175,55,.3);
      box-shadow:0 0 0 3px rgba(212,175,55,.06)
    }
    .hero-form input::placeholder{color:rgba(255,255,255,.2)}
    .hero-form .btn-submit{
      padding:14px 28px;
      background:linear-gradient(135deg,var(--gold),var(--gold-light));
      color:var(--bg);
      border:none;
      border-radius:var(--radius-pill);
      font-weight:700;
      font-size:.9rem;
      font-family:inherit;
      cursor:pointer;
      transition:var(--transition);
      letter-spacing:-.01em;
      white-space:nowrap
    }
    .hero-form .btn-submit:hover{
      transform:translateY(-2px);
      box-shadow:0 12px 32px var(--gold-glow)
    }
    .hero-form .form-note{
      width:100%;
      text-align:center;
      font-size:.72rem;
      color:var(--text-muted);
      margin-top:6px
    }
    .hero-form-success{
      display:none;
      padding:14px 20px;
      background:rgba(39,174,96,.08);
      border:1px solid rgba(39,174,96,.2);
      border-radius:var(--radius-md);
      color:#27ae60;
      font-weight:500;
      text-align:center
    }
    .hero-form-success strong{color:var(--gold);font-weight:700}

    /* ===== PREVIEW ===== */
    .preview{padding:20px 0 60px}
    .preview-card{
      background:var(--bg-card);
      border:1px solid var(--border);
      border-radius:var(--radius-lg);
      overflow:hidden;margin-top:40px;
      transition:var(--transition)
    }
    .preview-card:hover{border-color:var(--border-hover)}
    .preview-card .head{
      padding:22px 28px;
      border-bottom:1px solid rgba(255,255,255,.04);
      display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px
    }
    .preview-card .head h3{font-size:1rem;font-weight:600;color:var(--text)}
    .preview-card .head .badge{
      padding:4px 14px;border-radius:var(--radius-pill);
      background:var(--gold-glow);color:var(--gold);
      font-size:.72rem;font-weight:600
    }
    .preview-card .body{padding:28px}
    .preview-score{text-align:center;margin-bottom:24px}
    .preview-score .num{font-size:3.2rem;font-weight:800;color:var(--text);line-height:1}
    .preview-score .of{color:var(--text-muted);font-size:.85rem;margin-top:2px}
    .preview-score .bar-wrap{
      height:5px;background:var(--surface);border-radius:3px;max-width:280px;margin:10px auto 0
    }
    .preview-score .bar-wrap .fill{
      height:100%;width:35%;
      background:linear-gradient(90deg,var(--gold),var(--gold-light));
      border-radius:3px
    }
    .preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 24px}
    @media(max-width:640px){.preview-grid{grid-template-columns:1fr}}
    .preview-row{
      display:flex;align-items:center;gap:10px;
      padding:8px 0;border-bottom:1px solid rgba(255,255,255,.02);
      font-size:.84rem
    }
    .preview-row .ic{width:18px;font-size:.85rem}
    .preview-row .ic.ok{color:#27ae60}
    .preview-row .ic.ko{color:#e74c3c}
    .preview-row .lbl{color:var(--text-secondary);flex:1}
    .preview-row .val{font-weight:600;font-size:.78rem}
    .preview-row .val.ok{color:#27ae60}
    .preview-row .val.ko{color:#e74c3c}
    .preview-card .foot{
      padding:14px 28px;border-top:1px solid rgba(255,255,255,.04);
      display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;
      background:var(--surface)
    }
    .preview-card .foot .price{font-weight:700;color:var(--gold)}
    .preview-card .foot .note{color:var(--text-muted);font-size:.78rem}

    /* ===== HOW ===== */
    .how{background:var(--bg-card)}
    section{padding:80px 0}
    @media(max-width:768px){section{padding:56px 0}}
    .section-label{
      display:inline-block;
      font-size:.72rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;
      color:var(--gold);margin-bottom:12px
    }
    section .section-label{display:block;text-align:center}
    .section-title{
      font-size:2.2rem;font-weight:700;letter-spacing:-.03em;
      margin-bottom:14px;line-height:1.15
    }
    .section-sub{color:var(--text-secondary);font-size:1rem;max-width:540px;line-height:1.7}
    .section-title,.section-sub{text-align:center;margin-left:auto;margin-right:auto}
    .how-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px}
    .how-step{
      text-align:center;padding:28px 20px;
      border-radius:var(--radius-md);
      border:1px solid var(--border);
      transition:var(--transition)
    }
    .how-step:hover{border-color:var(--border-hover);background:var(--surface)}
    .how-step .n{
      width:40px;height:40px;border-radius:50%;
      background:linear-gradient(135deg,var(--gold),var(--gold-light));
      color:var(--bg);font-weight:800;font-size:.95rem;
      display:flex;align-items:center;justify-content:center;
      margin:0 auto 12px
    }
    .how-step h4{color:var(--gold);font-size:.9rem;margin-bottom:4px;font-weight:600}
    .how-step p{color:var(--text-secondary);font-size:.82rem;line-height:1.6}
    .how-step .detail{
      color:var(--text-muted);
      font-size:.75rem;
      line-height:1.5;
      margin-top:6px;
      display:block
    }
    @media(max-width:860px){.how-steps{grid-template-columns:1fr 1fr}}
    @media(max-width:480px){.how-steps{grid-template-columns:1fr}}

    /* ===== TESTIMONIALS ===== */
    .testimonials{background:var(--bg-card)}
    .test-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px}
    @media(max-width:720px){.test-grid{grid-template-columns:1fr}}
    .test-card{
      background:var(--bg);
      border:1px solid var(--border);
      border-radius:var(--radius-md);
      padding:24px;
      transition:var(--transition)
    }
    .test-card:hover{border-color:var(--border-hover)}
    .test-card .stars{color:var(--gold);font-size:.9rem;margin-bottom:8px;letter-spacing:2px}
    .test-card blockquote{
      color:var(--text-secondary);
      font-size:.84rem;
      line-height:1.7;
      font-style:italic;
      margin-bottom:14px
    }
    .test-card blockquote::before{content:"\201C";color:var(--gold);font-size:1.1rem;font-weight:700;margin-right:2px}
    .test-card blockquote::after{content:"\201D";color:var(--gold);font-size:1.1rem;font-weight:700;margin-left:2px}
    .test-card .author{display:flex;align-items:center;gap:10px}
    .test-card .author .av{
      width:36px;height:36px;border-radius:50%;
      background:var(--gold-glow);
      display:flex;align-items:center;justify-content:center;
      color:var(--gold);font-weight:700;font-size:.8rem
    }
    .test-card .author .info .na{color:var(--text);font-weight:500;font-size:.82rem}
    .test-card .author .info .ti{color:var(--text-muted);font-size:.72rem}
    .test-cta{text-align:center;margin-top:28px}
    .test-cta p{color:var(--text-muted);font-size:.82rem}
    .test-cta a{color:var(--gold)}

    /* ===== OFFERS ===== */
    .offers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
    @media(max-width:860px){.offers-grid{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto}}
    .offer{
      background:var(--bg-card);
      border:1px solid var(--border);
      border-radius:var(--radius-lg);
      padding:28px 24px;
      display:flex;flex-direction:column;
      transition:var(--transition);
      position:relative
    }
    .offer:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-lg)}
    .offer.featured{
      border-color:var(--border-hover);
      background:linear-gradient(180deg,rgba(212,175,55,.03),var(--bg-card));
      transform:scale(1.04)
    }
    .offer.featured:hover{transform:scale(1.04) translateY(-4px)}
    .offer.featured::after{
      content:'Recommandé';
      position:absolute;top:-12px;left:50%;
      transform:translateX(-50%);
      background:linear-gradient(135deg,var(--gold),var(--gold-light));
      color:var(--bg);
      padding:4px 20px;border-radius:var(--radius-pill);
      font-size:.7rem;font-weight:700;letter-spacing:.5px;
      white-space:nowrap
    }
    .offer .tag{font-size:.7rem;color:var(--text-muted);margin-bottom:2px;text-transform:uppercase;letter-spacing:1.5px}
    .offer h3{color:var(--gold);font-size:1rem;margin-bottom:2px;font-weight:600}
    .offer .desc{color:var(--text-muted);font-size:.8rem;margin-bottom:16px;line-height:1.5}
    .offer .price-row{display:flex;align-items:baseline;gap:4px;margin-bottom:16px}
    .offer .price-row .amt{font-size:2rem;font-weight:800;color:var(--text);letter-spacing:-.03em}
    .offer .price-row .prd{color:var(--text-muted);font-size:.82rem}
    .offer ul{list-style:none;padding:0;margin-bottom:20px;flex-grow:1}
    .offer ul li{
      padding:5px 0;color:var(--text-secondary);font-size:.82rem;
      display:flex;align-items:flex-start;gap:8px
    }
    .offer ul li .ck{color:#27ae60;font-weight:700;font-size:.82rem}
    .offer ul li .xx{color:#e74c3c;font-size:.72rem;opacity:.5;font-weight:700}
    .offer .btn{width:100%;justify-content:center;margin-top:auto}
    .offer .gtee{text-align:center;font-size:.68rem;color:var(--text-muted);margin-top:8px}

    /* ===== MATRIX ===== */
    .matrix-wrap{overflow-x:auto;margin-top:28px}
    .matrix{width:100%;border-collapse:collapse;font-size:.84rem}
    .matrix th{padding:14px 12px;text-align:center;border-bottom:2px solid var(--border);color:var(--text-muted);font-weight:500;font-size:.76rem}
    .matrix th:first-child{text-align:left;color:var(--text-secondary)}
    .matrix th .name{color:var(--gold);font-weight:600;font-size:.86rem;display:block}
    .matrix th .pr{color:var(--text-muted);font-size:.74rem}
    .matrix th.feat{border-color:var(--gold);background:var(--gold-glow)}
    .matrix td{padding:11px 12px;text-align:center;border-bottom:1px solid rgba(255,255,255,.03);color:var(--text-secondary)}
    .matrix td:first-child{text-align:left;color:var(--text-secondary)}
    .matrix .y{color:#27ae60;font-weight:700}
    .matrix .n{color:#e74c3c;opacity:.4;font-weight:700}

    /* ===== CTA ===== */
    .cta-section{text-align:center;background:linear-gradient(180deg,transparent,var(--bg-card));border-top:1px solid var(--border)}
    .cta-section h2{font-size:2.2rem;font-weight:700;letter-spacing:-.03em;margin-bottom:10px}
    .cta-section p{color:var(--text-secondary);margin-bottom:24px;max-width:480px;margin-left:auto;margin-right:auto}
    .cta-section .btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
    .cta-section .gtee{font-size:.76rem;color:var(--text-muted);margin-top:14px}
    .cta-form-wrap{max-width:500px;margin:0 auto 20px}
    .cta-form{
      display:flex;flex-direction:column;gap:10px
    }
    .cta-form .form-row{display:flex;gap:8px;flex-wrap:wrap}
    .cta-form .form-row input[type="text"],
    .cta-form .form-row input[type="email"]{
      flex:1;min-width:160px;
      padding:14px 20px;
      background:rgba(255,255,255,.05);
      border:1px solid var(--border);
      border-radius:var(--radius-pill);
      color:var(--text);
      font-size:.9rem;
      font-family:inherit;
      outline:none;
      transition:var(--transition)
    }
    .cta-form input:focus{
      border-color:rgba(212,175,55,.3);
      box-shadow:0 0 0 3px rgba(212,175,55,.06)
    }
    .cta-form input::placeholder{color:rgba(255,255,255,.2)}
    .cta-form .btn-submit{
      padding:14px 28px;
      background:linear-gradient(135deg,var(--gold),var(--gold-light));
      color:var(--bg);
      border:none;
      border-radius:var(--radius-pill);
      font-weight:700;
      font-size:.9rem;
      font-family:inherit;
      cursor:pointer;
      transition:var(--transition);
      letter-spacing:-.01em
    }
    .cta-form .btn-submit:hover{
      transform:translateY(-2px);
      box-shadow:0 12px 32px var(--gold-glow)
    }
    .cta-form .form-note{
      text-align:center;
      font-size:.72rem;
      color:var(--text-muted)
    }
    .cta-form-success{
      display:none;
      padding:20px 24px;
      background:rgba(39,174,96,.08);
      border:1px solid rgba(39,174,96,.2);
      border-radius:var(--radius-md);
      color:#27ae60;
      font-weight:500;
      text-align:center;
      margin-bottom:16px;
      line-height:1.7
    }
    .cta-form-success strong{color:var(--gold);font-weight:700}
    .cta-section .alt-stripe{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:16px}

    /* ===== FOOTER ===== */
    footer{padding:28px 0;border-top:1px solid rgba(255,255,255,.03);text-align:center}
    footer p{color:var(--text-muted);font-size:.76rem;margin-bottom:3px}
    footer a{color:var(--text-muted)}
    footer a:hover{color:var(--gold)}
    footer .footer-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:8px}
    footer .footer-links a{font-size:.76rem;color:var(--text-muted);text-decoration:none}
    footer .footer-links a:hover{color:var(--gold)}
    footer .siret{color:var(--text-muted);font-size:.68rem;opacity:.5;margin-top:6px}

    /* ===== EMAIL POPUP MODAL ===== */
    #email-popup-overlay{
      display:none;
      position:fixed;
      top:0;left:0;
      width:100%;height:100%;
      background:rgba(10,10,20,.85);
      z-index:9999;
      backdrop-filter:blur(4px);
      -webkit-backdrop-filter:blur(4px);
      opacity:0;
      transition:opacity .4s ease
    }
    #email-popup-overlay.show{
      display:block;
      opacity:1
    }
    #email-popup-overlay.show-flex{
      display:flex;
      align-items:center;
      justify-content:center;
      opacity:1
    }
    #email-popup-card{
      max-width:420px;
      width:90%;
      margin:15vh auto;
      padding:40px 36px;
      background:var(--bg-card, #0f0f1e);
      border-radius:20px;
      border:1px solid rgba(212,175,55,.1);
      box-shadow:0 24px 64px rgba(0,0,0,.5);
      position:relative;
      transform:translateY(20px) scale(.96);
      transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s ease;
      opacity:0
    }
    #email-popup-overlay.show-flex #email-popup-card{
      transform:translateY(0) scale(1);
      opacity:1
    }
    #email-popup-card .popup-icon{
      width:48px;height:48px;
      border-radius:50%;
      background:linear-gradient(135deg,rgba(212,175,55,.15),rgba(212,175,55,.05));
      border:1px solid rgba(212,175,55,.1);
      display:flex;align-items:center;justify-content:center;
      margin:0 auto 16px;
      font-size:1.2rem
    }
    #email-popup-card .popup-title{
      color:#d4af37;
      font-weight:700;
      font-size:1.3rem;
      text-align:center;
      margin-bottom:8px;
      line-height:1.3
    }
    #email-popup-card .popup-desc{
      color:var(--text-secondary,#8899aa);
      text-align:center;
      font-size:.9rem;
      margin-bottom:24px;
      line-height:1.6
    }
    #email-popup-card .popup-code{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      margin-bottom:20px;
      padding:10px 16px;
      background:rgba(212,175,55,.06);
      border:1px dashed rgba(212,175,55,.25);
      border-radius:10px;
      font-size:.85rem;
      color:var(--text-secondary,#8899aa)
    }
    #email-popup-card .popup-code strong{
      color:#d4af37;
      font-size:1rem;
      letter-spacing:1px
    }
    #email-popup-card .popup-input-wrap{
      margin-bottom:12px
    }
    #email-popup-card input[type="email"]{
      width:100%;
      padding:14px 20px;
      background:rgba(255,255,255,.05);
      border:1px solid rgba(212,175,55,.15);
      border-radius:50px;
      color:#fff;
      font-size:.95rem;
      font-family:inherit;
      outline:none;
      transition:var(--transition)
    }
    #email-popup-card input[type="email"]:focus{
      border-color:rgba(212,175,55,.4);
      box-shadow:0 0 0 3px rgba(212,175,55,.08)
    }
    #email-popup-card input[type="email"]::placeholder{
      color:rgba(255,255,255,.25)
    }
    #email-popup-card .popup-submit{
      width:100%;
      padding:14px 28px;
      background:linear-gradient(135deg,#d4af37,#f5d76e);
      color:#070714;
      border:none;
      border-radius:50px;
      font-weight:700;
      font-size:.95rem;
      font-family:inherit;
      cursor:pointer;
      transition:var(--transition);
      letter-spacing:-.01em
    }
    #email-popup-card .popup-submit:hover{
      transform:translateY(-2px);
      box-shadow:0 12px 32px rgba(212,175,55,.15)
    }
    #email-popup-card .popup-submit:disabled{
      opacity:.5;
      cursor:not-allowed;
      transform:none
    }
    #email-popup-card .popup-nonmerci{
      display:block;
      text-align:center;
      margin-top:14px;
      color:var(--text-muted,#556);
      font-size:.78rem;
      cursor:pointer;
      background:none;
      border:none;
      font-family:inherit;
      transition:var(--transition);
      text-decoration:underline;
      text-underline-offset:3px;
      text-decoration-color:rgba(255,255,255,.08)
    }
    #email-popup-card .popup-nonmerci:hover{
      color:var(--text-secondary,#8899aa);
      text-decoration-color:rgba(255,255,255,.2)
    }
    #email-popup-card .popup-thanks{
      display:none;
      text-align:center;
      padding:24px 0 8px
    }
    #email-popup-card .popup-thanks .tk-icon{
      width:56px;height:56px;
      border-radius:50%;
      background:linear-gradient(135deg,rgba(39,174,96,.15),rgba(39,174,96,.05));
      border:1px solid rgba(39,174,96,.15);
      display:flex;align-items:center;justify-content:center;
      margin:0 auto 16px;
      font-size:1.3rem
    }
    #email-popup-card .popup-thanks .tk-title{
      color:#d4af37;
      font-weight:700;
      font-size:1.15rem;
      margin-bottom:8px
    }
    #email-popup-card .popup-thanks .tk-desc{
      color:var(--text-secondary,#8899aa);
      font-size:.85rem;
      line-height:1.6
    }
    #email-popup-card .popup-error{
      color:#e74c3c;
      font-size:.78rem;
      margin-top:6px;
      display:none;
      text-align:center
    }

    /* ===== GDPR BANNER ===== */
    #gdpr-banner{
      display:none;
      position:fixed;
      bottom:0;left:0;right:0;
      z-index:9998;
      background:var(--bg-card);
      border-top:1px solid var(--border);
      padding:20px 32px;
      box-shadow:0 -8px 32px rgba(0,0,0,.4);
      transform:translateY(100%);
      transition:transform .5s cubic-bezier(.4,0,.2,1)
    }
    #gdpr-banner.show{
      display:block;
      transform:translateY(0)
    }
    #gdpr-banner .gdpr-inner{
      max-width:800px;
      margin:0 auto;
      display:flex;
      align-items:center;
      gap:20px;
      flex-wrap:wrap;
      justify-content:center
    }
    #gdpr-banner .gdpr-inner p{
      color:var(--text-secondary);
      font-size:.82rem;
      line-height:1.6;
      flex:1;
      min-width:220px
    }
    #gdpr-banner .gdpr-inner p a{color:var(--gold)}
    #gdpr-banner .gdpr-btns{display:flex;gap:8px;flex-shrink:0}
    #gdpr-banner .gdpr-btn{
      padding:10px 22px;
      border-radius:var(--radius-pill);
      font-size:.82rem;
      font-weight:600;
      cursor:pointer;
      border:none;
      font-family:inherit;
      transition:var(--transition)
    }
    #gdpr-banner .gdpr-btn.accept{
      background:linear-gradient(135deg,var(--gold),var(--gold-light));
      color:var(--bg)
    }
    #gdpr-banner .gdpr-btn.accept:hover{box-shadow:0 8px 24px var(--gold-glow)}
    #gdpr-banner .gdpr-btn.reject{
      background:transparent;
      border:1px solid var(--border);
      color:var(--text-muted)
    }
    #gdpr-banner .gdpr-btn.reject:hover{border-color:var(--text-muted)}

    /* ===== WHY SEO LOCAL ===== */
    /* ===== WHY SEO LOCAL ===== */
    .why-seo{padding:64px 0;background:var(--bg-card)}
    .why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:40px}
    .why-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:28px 24px;transition:var(--transition)}
    .why-card:hover{background:rgba(212,175,55,.06);border-color:var(--border-hover)}
    .why-icon{margin-bottom:12px}
    .why-card h4{font-size:.92rem;font-weight:600;margin-bottom:6px}
    .why-card p{font-size:.82rem;color:var(--text-secondary);line-height:1.6}
    @media(max-width:640px){.why-grid{grid-template-columns:1fr}}
    /* ===== DROPDOWN NAV ===== */
    .dropdown{position:relative;display:inline-block}
    .dropdown-toggle{cursor:pointer}
    .dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 0;min-width:130px;opacity:0;visibility:hidden;transition:var(--transition);z-index:200}
    .dropdown:hover .dropdown-menu{opacity:1;visibility:visible}
    .dropdown-menu a{display:block;padding:8px 20px;font-size:.82rem;color:var(--text-secondary);text-decoration:none;white-space:nowrap}
    .dropdown-menu a:hover{background:rgba(212,175,55,.08);color:var(--gold)}
    /* ===== MATRIX ===== */
      #gdpr-banner{padding:16px 20px}
      #gdpr-banner .gdpr-inner{flex-direction:column;text-align:center}
      #gdpr-banner .gdpr-btns{width:100%;justify-content:center}
    }

    /* ===== RESPONSIVE ===== */    /* ===== RESPONSIVE ===== */
    @media(max-width:768px){
      .hero h1{font-size:2.6rem}
      .section-title,.cta-section h2{font-size:1.75rem}
      .offers-grid{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}
      .offer.featured{transform:none}
      .offer.featured:hover{transform:none}
      #email-popup-card{padding:32px 24px;margin:10vh auto}
    }
    @media(max-width:480px){
      .hero h1{font-size:2.2rem}
      .hero p{font-size:1rem}
      #email-popup-card{margin:8vh auto;padding:28px 20px}
    }

    /* ===== STRIPE CHECKOUT MODAL ===== */
    #stripe-modal-overlay{
      display:none;position:fixed;top:0;left:0;width:100%;height:100%;
      background:rgba(10,10,20,.88);z-index:9998;
      backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
      align-items:center;justify-content:center
    }
    #stripe-modal-overlay.show{display:flex}
    #stripe-modal-card{
      background:var(--bg-card);border:1px solid var(--border);
      border-radius:var(--radius-lg);padding:20px;
      width:90%;max-width:520px;max-height:90vh;
      position:relative;overflow-y:auto
    }
    .stripe-modal-close{
      position:absolute;top:12px;right:14px;
      background:none;border:none;color:var(--text-muted);
      font-size:1.2rem;cursor:pointer;z-index:10;padding:4px 8px;
      border-radius:var(--radius-sm);transition:var(--transition)
    }
    .stripe-modal-close:hover{color:var(--text);background:var(--surface)}
    .stripe-loading{text-align:center;color:var(--text-muted);padding:40px 0;font-size:.9rem}
    #stripe-checkout-wrapper{min-height:300px}
    #stripe-checkout-wrapper > iframe{width:100%!important;min-height:400px}