/* ==============================
       RESET & VARIABLES
    ============================== */
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
    :root{
      --night:#0a0a0f;
      --card:#16161f;
      --card2:#1c1c28;
      --border:rgba(255,255,255,0.07);
      --border2:rgba(124,92,252,0.25);
      --muted:rgba(255,255,255,0.38);
      --soft:rgba(255,255,255,0.65);
      --white:#ffffff;
      --accent:#7c5cfc;
      --accent2:#c45cfc;
      --grad:linear-gradient(135deg,#7c5cfc 0%,#c45cfc 100%);
      --radius:18px;
      --radius-sm:12px;
    }
    html{scroll-behavior:smooth;overflow-x:hidden;}
    body{
      font-family:'DM Sans',sans-serif;
      background:var(--night);
      color:var(--white);
      min-height:100vh;
      overflow-x:hidden;
      line-height:1.75;
    }

    /* ==============================
       AMBIENT GLOW
    ============================== */
    .glow-top{position:fixed;top:-15%;left:-5%;width:700px;height:700px;background:radial-gradient(circle,rgba(124,92,252,0.15) 0%,transparent 65%);pointer-events:none;z-index:0;}
    .glow-bottom{position:fixed;bottom:-15%;right:-5%;width:550px;height:550px;background:radial-gradient(circle,rgba(196,92,252,0.1) 0%,transparent 65%);pointer-events:none;z-index:0;}

    /* ==============================
       NAV
    ============================== */
    nav{
      position:fixed;top:0;left:0;right:0;z-index:200;
      display:flex;align-items:center;justify-content:space-between;
      padding:1rem 2rem;
      background:rgba(10,10,15,0.75);
      backdrop-filter:blur(20px);
      -webkit-backdrop-filter:blur(20px);
      border-bottom:1px solid var(--border);
    }
    .logo{
      font-family:'Syne',sans-serif;font-weight:800;font-size:1.35rem;
      letter-spacing:-0.02em;color:var(--white);text-decoration:none;
      display:flex;align-items:center;gap:8px;
    }
    .logo-dot{
      width:8px;height:8px;border-radius:50%;
      background:var(--grad);display:inline-block;
      animation:pulseDot 2.5s ease infinite;
    }
    @keyframes pulseDot{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(.75);opacity:.55;}}
    .nav-cta{
      display:inline-flex;align-items:center;gap:6px;
      padding:.55rem 1.25rem;
      background:var(--grad);border-radius:50px;
      font-weight:500;font-size:.875rem;color:#fff;text-decoration:none;
      transition:opacity .2s,transform .2s;
    }
    .nav-cta:hover{opacity:.85;transform:translateY(-1px);}

    /* ==============================
       LAYOUT
    ============================== */
    .page-wrap{
      position:relative;z-index:1;
      max-width:900px;margin:0 auto;
      padding:7.5rem 2rem 5rem;
    }

    /* ==============================
       ANIMATIONS
    ============================== */
    .fade-up{
      transform:translateY(28px);
      animation:fadeUp .7s ease forwards;
    }
    .fade-up:nth-child(1){animation-delay:.05s;}
    .fade-up:nth-child(2){animation-delay:.15s;}
    .fade-up:nth-child(3){animation-delay:.25s;}
    .fade-up:nth-child(4){animation-delay:.35s;}
    @keyframes fadeUp{to{opacity:1;transform:translateY(0);}}
    .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease;}
    .reveal.visible{opacity:1;transform:translateY(0);}

    /* ==============================
       BADGE
    ============================== */
    .badge{
      display:inline-flex;align-items:center;gap:7px;
      padding:.35rem .9rem;
      border:1px solid rgba(124,92,252,.4);border-radius:50px;
      font-size:.78rem;font-weight:500;color:#c4b4fc;
      background:rgba(124,92,252,.08);margin-bottom:1.5rem;
    }
    .badge-pulse{
      width:6px;height:6px;border-radius:50%;background:#7c5cfc;
      animation:pulseDot 2s ease infinite;
    }

    /* ==============================
       HERO
    ============================== */
    .hero{margin-bottom:3rem;}
    h1{
      font-family:'Syne',sans-serif;font-weight:800;
      font-size:clamp(2.1rem,5vw,3.2rem);
      line-height:1.08;letter-spacing:-0.03em;
      margin-bottom:1.25rem;
    }
    h1 em{
      font-style:normal;
      background:var(--grad);
      -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
    }
    .hero-sub{
      font-size:1.1rem;color:var(--soft);
      max-width:620px;margin-bottom:2rem;line-height:1.8;
    }
    .hero-ctas{display:flex;flex-wrap:wrap;gap:.85rem;align-items:center;}
    .btn-primary{
      display:inline-flex;align-items:center;gap:8px;
      padding:.9rem 2rem;background:var(--grad);border-radius:50px;
      font-weight:500;font-size:1rem;color:#fff;text-decoration:none;
      transition:opacity .2s,transform .2s,box-shadow .2s;
      box-shadow:0 4px 24px rgba(124,92,252,.3);
    }
    .btn-primary:hover{opacity:.88;transform:translateY(-2px);box-shadow:0 8px 32px rgba(124,92,252,.45);}
    .btn-ghost{
      display:inline-flex;align-items:center;gap:8px;
      padding:.9rem 2rem;background:transparent;
      border:1px solid rgba(255,255,255,.18);border-radius:50px;
      font-weight:500;font-size:1rem;color:var(--soft);text-decoration:none;
      transition:border-color .2s,color .2s;
    }
    .btn-ghost:hover{border-color:rgba(255,255,255,.45);color:#fff;}

    /* ==============================
       STATS
    ============================== */
    .stats-bar{
      display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
      background:var(--border);border-radius:var(--radius);
      overflow:hidden;margin:2.5rem 0;
    }
    .stat{
      background:var(--card);padding:1.5rem 1rem;text-align:center;
    }
    .stat-num{
      font-family:'Syne',sans-serif;font-size:1.75rem;font-weight:800;
      background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
      display:block;line-height:1;margin-bottom:.3rem;
    }
    .stat-label{font-size:.78rem;color:var(--muted);}

    /* ==============================
       AVANTAGES
    ============================== */
    .avantages{
      display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
      gap:.85rem;margin:2rem 0;
    }
    .av-card{
      background:var(--card);border:1px solid var(--border);
      border-radius:var(--radius-sm);padding:1.25rem 1rem;
      text-align:center;transition:border-color .2s,transform .2s;
    }
    .av-card:hover{border-color:var(--border2);transform:translateY(-3px);}
    .av-icon{font-size:1.75rem;margin-bottom:.6rem;display:block;}
    .av-title{font-family:'Syne',sans-serif;font-weight:600;font-size:.9rem;margin-bottom:.3rem;}
    .av-desc{font-size:.78rem;color:var(--muted);line-height:1.5;}

    /* ==============================
       CONTENT
    ============================== */
    .content-block{margin:3.5rem 0;}
    h2{
      font-family:'Syne',sans-serif;font-weight:700;
      font-size:clamp(1.3rem,3vw,1.65rem);
      letter-spacing:-0.025em;line-height:1.25;
      margin-bottom:1rem;
    }
    h2 .hl{
      background:var(--grad);
      -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
    }
    h3{
      font-family:'Syne',sans-serif;font-weight:600;
      font-size:1.05rem;margin:1.75rem 0 .55rem;color:var(--white);
    }
    p{color:var(--soft);font-size:.97rem;margin-bottom:.9rem;}
    p:last-child{margin-bottom:0;}

    /* ==============================
       STEPS
    ============================== */
    .steps{
      display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
      gap:1rem;margin:1.5rem 0;
    }
    .step{
      background:var(--card);border:1px solid var(--border);
      border-radius:var(--radius-sm);padding:1.35rem;
      transition:border-color .2s;
    }
    .step:hover{border-color:var(--border2);}
    .step-num{
      font-family:'Syne',sans-serif;font-size:1.6rem;font-weight:800;
      background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
      margin-bottom:.5rem;
    }
    .step h3{margin:.3rem 0 .45rem;font-size:.93rem;}
    .step p{font-size:.83rem;color:var(--muted);margin:0;}

    /* ==============================
       INLINE CTA STRIP
    ============================== */
    .cta-strip{
      display:flex;align-items:center;justify-content:space-between;
      flex-wrap:wrap;gap:1rem;
      background:linear-gradient(135deg,rgba(124,92,252,.12),rgba(196,92,252,.08));
      border:1px solid var(--border2);border-radius:var(--radius);
      padding:1.5rem 2rem;margin:2.5rem 0;
    }
    .cta-strip-text{font-family:'Syne',sans-serif;font-weight:600;font-size:1rem;}
    .cta-strip-text span{color:var(--muted);font-family:'DM Sans',sans-serif;font-weight:400;font-size:.875rem;display:block;margin-top:.2rem;}

    /* ==============================
       VILLES
    ============================== */
    .villes h2{margin-bottom:1.25rem;}
    .villes-grid{
      display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));
      gap:.7rem;
    }
    .ville-card{
      background:var(--card);border:1px solid var(--border);
      border-radius:var(--radius-sm);padding:1rem .85rem;
      text-decoration:none;color:var(--white);
      display:flex;flex-direction:column;gap:.3rem;
      transition:border-color .2s,background .2s,transform .15s;
    }
    .ville-card:hover{border-color:var(--border2);background:var(--card2);transform:translateY(-2px);}
    .ville-name{font-family:'Syne',sans-serif;font-weight:600;font-size:.9rem;}
    .ville-hint{font-size:.72rem;color:var(--muted);}

    /* ==============================
       TESTIMONIALS
    ============================== */
    .testimonials h2{margin-bottom:1.5rem;}
    .testi-grid{
      display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
      gap:1rem;
    }
    .testi-card{
      background:var(--card);border:1px solid var(--border);
      border-radius:var(--radius);padding:1.5rem;
      transition:border-color .2s;
    }
    .testi-card:hover{border-color:var(--border2);}
    .testi-stars{color:#c45cfc;font-size:1rem;letter-spacing:2px;margin-bottom:.75rem;}
    .testi-text{color:var(--soft);font-size:.9rem;line-height:1.65;margin-bottom:1rem;font-style:italic;}
    .testi-author{display:flex;align-items:center;gap:.75rem;}
    .testi-avatar{
      width:38px;height:38px;border-radius:50%;
      background:var(--grad);display:flex;align-items:center;justify-content:center;
      font-family:'Syne',sans-serif;font-weight:700;font-size:.95rem;
      flex-shrink:0;
    }
    .testi-name{font-family:'Syne',sans-serif;font-weight:600;font-size:.88rem;}
    .testi-city{font-size:.75rem;color:var(--muted);}

    /* ==============================
       FAQ
    ============================== */
    .faq-section h2{margin-bottom:1.5rem;}
    .faq-item{
      border-bottom:1px solid var(--border);padding:1.25rem 0;
      cursor:pointer;
    }
    .faq-item:last-child{border-bottom:none;}
    .faq-q{
      font-family:'Syne',sans-serif;font-weight:600;
      font-size:.97rem;display:flex;justify-content:space-between;
      align-items:flex-start;gap:1rem;
    }
    .faq-arrow{color:var(--accent);font-size:.85rem;flex-shrink:0;margin-top:2px;transition:transform .25s;}
    .faq-item.open .faq-arrow{transform:rotate(180deg);}
    .faq-a{
      color:var(--soft);font-size:.9rem;line-height:1.7;
      overflow:hidden;max-height:0;transition:max-height .3s ease,margin-top .3s ease;
    }
    .faq-item.open .faq-a{max-height:300px;margin-top:.65rem;}

    /* ==============================
       CTA FINAL
    ============================== */
    .cta-box{
      background:linear-gradient(135deg,rgba(124,92,252,.15),rgba(196,92,252,.1));
      border:1px solid var(--border2);border-radius:var(--radius);
      padding:3rem 2rem;text-align:center;margin:3rem 0;
      position:relative;overflow:hidden;
    }
    .cta-box::before{
      content:'';position:absolute;top:-50%;left:50%;transform:translateX(-50%);
      width:400px;height:400px;
      background:radial-gradient(circle,rgba(124,92,252,.15) 0%,transparent 60%);
      pointer-events:none;
    }
    .cta-box h2{font-size:clamp(1.4rem,3vw,1.85rem);margin-bottom:.75rem;}
    .cta-box p{color:var(--soft);margin-bottom:1.75rem;font-size:.97rem;max-width:480px;margin-left:auto;margin-right:auto;}
    .cta-trust{
      display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;
      margin-top:1.25rem;
    }
    .trust-item{font-size:.78rem;color:var(--muted);display:flex;align-items:center;gap:.4rem;}

    /* ==============================
       TAGS
    ============================== */
    .tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0;}
    .tag{
      padding:.28rem .7rem;
      background:rgba(124,92,252,.1);border:1px solid rgba(124,92,252,.22);
      border-radius:50px;font-size:.75rem;color:#c4b4fc;
    }

    /* ==============================
       FOOTER
    ============================== */
    footer{
      border-top:1px solid var(--border);
      padding:2.5rem 2rem;
      text-align:center;
      color:var(--muted);font-size:.82rem;
    }
    .footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:1rem;}
    .footer-links a{color:var(--muted);text-decoration:none;transition:color .2s;}
    .footer-links a:hover{color:var(--white);}
    .footer-copy{font-size:.78rem;color:rgba(255,255,255,.22);}

    /* ==============================
       STICKY MOBILE CTA
    ============================== */
    .sticky-cta{
      display:none;
      position:fixed;bottom:0;left:0;right:0;z-index:300;
      padding:.85rem 1.2rem;
      background:rgba(10,10,15,0.9);
      backdrop-filter:blur(16px);
      -webkit-backdrop-filter:blur(16px);
      border-top:1px solid var(--border2);
    }
    .sticky-cta a{
      display:block;text-align:center;
      padding:.85rem 1.5rem;
      background:var(--grad);border-radius:50px;
      font-weight:500;font-size:.95rem;color:#fff;text-decoration:none;
      box-shadow:0 4px 20px rgba(124,92,252,.35);
    }

    /* ==============================
       DIVIDER
    ============================== */
    .section-divider{
      height:1px;background:var(--border);margin:3rem 0;
    }

    /* ==============================
       RESPONSIVE
    ============================== */
    @media(max-width:700px){
      .page-wrap{padding:6.5rem 1.25rem 6rem;}
      .stats-bar{grid-template-columns:repeat(2,1fr);}
      .hero-ctas .btn-ghost{display:none;}
      .sticky-cta{display:block;}
      .cta-strip{flex-direction:column;text-align:center;}
      h1{font-size:2rem;}
    }
    @media(max-width:480px){
      nav{padding:.9rem 1.25rem;}
      .avantages{grid-template-columns:repeat(2,1fr);}
    }