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

    :root{
      --green:      #84B300;
      --green-dark: #1D5E20;
      --orange:     #F39B1B;
      --dark:       #08252C;
      --text:       #1A1A1A;
      --border:     #E5E7EB;
    }

    body{ font-family:'Inter',sans-serif; color:var(--text); background:#fff; line-height:1.6; }
    a{ text-decoration:none; color:inherit; }
    .container{ width:90%; max-width:1240px; margin:auto; }

    /* ─── HEADER ─── */
    header{
      background:linear-gradient(90deg,#001d12,#03331f,#08252c);
      padding:16px 0; position:sticky; top:0; z-index:999;
    }
    .navbar{ display:flex; align-items:center; justify-content:space-between; }
    .logo img{ height:38px; display:block; }
    .nav-links{
      display:flex; gap:36px; color:#fff; font-weight:500; font-size:15px; list-style:none;
    }
    .nav-links a{ color:#fff; transition:opacity .2s; }
    .nav-links a:hover{ opacity:.75; }
    .nav-btn{
      background:var(--orange); color:#fff;
      padding:12px 24px; border-radius:8px; font-weight:700; font-size:15px;
      transition:background .2s;
    }
    .nav-btn:hover{ background:#d88a10; }

    /* ─── HERO ─── */
    .hero{
      padding:80px 0 60px;
      background:linear-gradient(135deg,#ffffff 55%,#f3f9e2 78%,#eaf5c0 100%);
      overflow:hidden;
    }
    .hero-grid{
      display:grid; grid-template-columns:1fr 1fr;
      align-items:center; gap:56px;
    }
    .badge{
      display:inline-flex; align-items:center; gap:10px;
      padding:8px 16px; border-radius:50px;
      font-size:14px; font-weight:700; color:#3f5d0a;
      letter-spacing:.06em; text-transform:uppercase;
      margin-bottom:22px;
    }
    .badge-dot{ width:8px; height:8px; border-radius:50%; background:var(--green); flex-shrink:0; }
    .hero h1{
      font-size:46px; line-height:1.1; font-weight:800;
      color:#0a0a0a; margin-bottom:20px;
    }
    .hero h1 .or{ color:var(--orange); }
    .hero-sub{ font-size:17px; color:#444; margin-bottom:26px; line-height:1.7; max-width:460px; }
    .hero-list{ list-style:none; margin-bottom:32px; }
    .hero-list li{
      display:flex; align-items:center; gap:12px;
      margin-bottom:13px; font-size:16px; color:#333;
    }
    .hero-list li svg{ flex-shrink:0; }
    .hero-btns{ display:flex; gap:16px; margin-bottom:12px; flex-wrap:wrap; }
    .btn-primary{
      background:var(--green-dark); color:#fff;
      padding:14px 26px; border-radius:10px; font-weight:700; font-size:15px;
      transition:background .2s;
    }
    .btn-primary:hover{ background:#286025; }
    .btn-outline{
      border:2px solid var(--green-dark); color:var(--green-dark);
      padding:14px 26px; border-radius:10px; font-weight:700; font-size:15px;
      transition:all .2s; background:transparent;
    }
    .btn-outline:hover{ background:var(--green-dark); color:#fff; }
    .hero small{ color:#888; font-size:13.5px; }
    .hero-image img{
      width:100%; display:block; border-radius:20px;
      box-shadow:0 30px 70px rgba(0,0,0,.16);
    }

    /* ─── FEATURES ─── */
    .features{ padding:80px 0; background:#fff; }
    .section-title{
      text-align:center; font-size:27px; font-weight:800;
      margin-bottom:52px; color:var(--dark); line-height:1.3;
    }
    .features-grid{
      display:grid; grid-template-columns:repeat(6,1fr); gap:16px;
    }
    .feature-card{ text-align:center; padding:20px 12px; }
    .feature-icon{
      width:68px; height:68px; margin:0 auto 18px;
      background:#eff7d7; border-radius:50%;
      display:flex; align-items:center; justify-content:center;
    }
    .feature-icon svg,
    .feature-icon img{ width:30px; height:30px; object-fit:contain; }
    .feature-card h3{ font-size:16px; font-weight:700; margin-bottom:8px; color:#072d24; }
    .feature-card p{ color:#666; font-size:13.5px; line-height:1.55; }

    /* ─── PRICING ─── */
    .pricing{ background:#fafafa; padding:80px 0; }
    .pricing-header{
      display:flex; align-items:baseline;
      justify-content:space-between; margin-bottom:36px;
      flex-wrap:wrap; gap:10px;
    }
    .pricing-header .section-title{ margin-bottom:0; text-align:left; }
    .pricing-note{ font-size:14px; color:#888; }
    .pricing-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; align-items:start; }
    .price-card{
      background:#fff; border-radius:16px; padding:30px 22px;
      border:1.5px solid var(--border); position:relative; transition:.25s;
    }
    .price-card:hover{ transform:translateY(-5px); box-shadow:0 18px 40px rgba(0,0,0,.09); }
.badge-launch{
      position:absolute; top:12px; right:12px;
      background:var(--orange); color:#fff;
      font-size:10.5px; font-weight:700; letter-spacing:.03em;
      padding:4px 9px; border-radius:20px;
      display:inline-flex; align-items:center; gap:4px;
      white-space:nowrap; pointer-events:none;
    }

    .plan-lbl{
      color:var(--green-dark); font-weight:700;
      letter-spacing:.07em; font-size:11.5px; text-transform:uppercase;
      margin-bottom:14px;
    }
    .plan-lbl.or-lbl{ color:var(--orange); }
    .price-big{ font-size:46px; font-weight:800; color:var(--dark); margin-bottom:4px; line-height:1; }
    .price-big.free{ font-size:34px; color:var(--green-dark); margin-bottom:0; }
    .price-unit{ font-size:15px; font-weight:500; color:#666; }
    .billing{ color:#888; font-size:13.5px; margin-bottom:22px; margin-top:4px; }
    .price-list{ list-style:none; margin-bottom:26px; min-height:155px; }
    .price-list li{
      display:flex; align-items:flex-start; gap:9px;
      margin-bottom:11px; font-size:13.5px; color:#333; line-height:1.45;
    }
    .price-list li svg{ flex-shrink:0; margin-top:2px; }
    .price-btn{
      display:block; width:100%; padding:14px; border:none; border-radius:10px;
      background:var(--green-dark); color:#fff;
      font-size:14.5px; font-weight:700; cursor:pointer; text-align:center;
      transition:background .2s;
    }
    .price-btn:hover{ background:#286025; }
    .price-btn.outline-btn{
      background:transparent; border:2px solid var(--green-dark); color:var(--green-dark);
    }
    .price-btn.outline-btn:hover{ background:var(--green-dark); color:#fff; }
    .price-btn.orange-btn{ background:var(--orange); }
    .price-btn.orange-btn:hover{ background:#d88a10; }
    .custom-card{ background:#f7f7f7; }
    .custom-ico{ display:flex; justify-content:center; margin:6px 0 14px; }
    .custom-tagline{ font-size:17px; font-weight:700; color:#333; margin-bottom:20px; line-height:1.4; }

    /* ─── CLUB ─── */
    .club{
      padding:80px 0;
      background:linear-gradient(90deg,#022817,#063a22,#08252c);
      color:#fff;
    }
    .club-grid{
      display:grid;
      grid-template-columns:300px 1fr 270px;
      align-items:center; gap:44px;
    }
    .club-illo img{ width:100%; display:block; }
    .club h2{
      font-size:34px; line-height:1.22; margin-bottom:18px; font-weight:800;
    }
    .club h2 .gr{ color:var(--green); }
    .club-desc{ margin-bottom:26px; color:rgba(255,255,255,.78); font-size:16px; line-height:1.7; }
    .club-btn{
      display:inline-flex; align-items:center; gap:9px;
      background:var(--green); padding:14px 26px; border-radius:10px;
      color:#fff; font-weight:700; font-size:15.5px; transition:background .2s;
    }
    .club-btn:hover{ background:#6f9b00; }
    .club-list{ list-style:none; }
    .club-list li{
      display:flex; align-items:center; gap:11px;
      margin-bottom:13px; font-size:15px; color:rgba(255,255,255,.9);
    }
    .club-list li svg{ flex-shrink:0; }

    /* ─── TRUST BAR ─── */
    .trust{ background:#fff; border-top:1px solid var(--border); padding:38px 0; }
    .trust-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:28px; }
    .trust-item{ display:flex; align-items:flex-start; gap:16px; }
    .trust-ico{
      width:46px; height:46px; background:#eff7d7; border-radius:10px;
      display:flex; align-items:center; justify-content:center; flex-shrink:0;
    }
    .trust-ico svg{ width:22px; height:22px; }
    .trust-item h4{ font-size:15px; font-weight:700; color:var(--dark); margin-bottom:3px; }
    .trust-item p{ font-size:13px; color:#666; line-height:1.45; }

    /* ─── FOOTER ─── */
    footer{
      background:linear-gradient(90deg,#001d12,#03331f,#08252c);
      padding:22px 0; border-top:1px solid rgba(255,255,255,.08);
    }
    .footer-grid{
      display:flex; justify-content:space-between; align-items:center;
      flex-wrap:wrap; gap:16px;
    }
    .footer-logo img{ height:32px; display:block; }
    .footer-links{ display:flex; gap:26px; list-style:none; flex-wrap:wrap; }
    .footer-links a{ color:rgba(255,255,255,.62); font-size:13.5px; transition:color .2s; }
    .footer-links a:hover{ color:#fff; }
    .footer-socials{ display:flex; gap:10px; }
    .footer-socials a{
      width:32px; height:32px; background:rgba(255,255,255,.12); border-radius:6px;
      display:flex; align-items:center; justify-content:center; transition:background .2s;
    }
    .footer-socials a:hover{ background:rgba(255,255,255,.22); }
    .footer-socials svg{ width:16px; height:16px; fill:#fff; }

    /* ─── RESPONSIVE ─── */
    @media(max-width:1100px){
      .hero-grid{ grid-template-columns:1fr; }
      .hero-image{ display:none; }
      .features-grid{ grid-template-columns:repeat(3,1fr); }
      .pricing-grid{ grid-template-columns:repeat(2,1fr); }
      .pricing-header{ flex-direction:column; }
      .pricing-header .section-title{ text-align:center; }
      .club-grid{ grid-template-columns:1fr; text-align:center; }
      .club-illo{ max-width:400px; margin:auto; }
      .club-list{ display:inline-flex; flex-direction:column; align-items:flex-start; }
      .trust-grid{ grid-template-columns:repeat(2,1fr); }
      .nav-links{ display:none; }
    }
    @media(max-width:680px){
      .features-grid{ grid-template-columns:repeat(2,1fr); }
      .pricing-grid{ grid-template-columns:1fr; }
      .trust-grid{ grid-template-columns:1fr; }
      .footer-grid{ flex-direction:column; align-items:center; text-align:center; }
      .hero h1{ font-size:34px; }
    }


    /* ─── MODAL LÉGAL ─── */
    .legal-modal-overlay{
      display:none; position:fixed; inset:0; z-index:9999;
      background:rgba(0,0,0,.55); backdrop-filter:blur(3px);
      align-items:center; justify-content:center;
    }
    .legal-modal-overlay.open{ display:flex; }
    .legal-modal{
      background:#fff; border-radius:12px;
      width:min(860px,92vw); height:min(82vh,900px);
      display:flex; flex-direction:column;
      box-shadow:0 24px 64px rgba(0,0,0,.25);
      overflow:hidden; animation:modalIn .22s ease;
    }
    @keyframes modalIn{
      from{ opacity:0; transform:translateY(18px) scale(.97); }
      to  { opacity:1; transform:none; }
    }
    .legal-modal iframe{
      flex:1; width:100%; border:none;
    }