
  :root{
    --green:#123f33;
    --green-deep:#0c2a22;
    --green-soft:#1f6f54;
    --ivory:#f6f3ea;
    --ivory-2:#efe9da;
    --gold:#c2a15b;
    --gold-deep:#a9873f;
    --ink:#15241e;
    --muted:#5a6b62;
    --line:rgba(18,63,51,.14);
    --radius:18px;
    --maxw:1120px;
    --shadow:0 24px 60px -28px rgba(12,42,34,.45);
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{
    font-family:'Inter',system-ui,-apple-system,sans-serif;
    color:var(--ink);
    background:var(--ivory);
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3{font-family:'Fraunces',Georgia,serif;font-weight:500;line-height:1.12;letter-spacing:-.01em}
  a{color:inherit}
  img{max-width:100%}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
  .eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
    color:var(--gold-deep);
  }
  .eyebrow::before{content:"";width:26px;height:1px;background:var(--gold)}

  /* Header */
  header.top{
    position:sticky;top:0;z-index:50;
    background:rgba(246,243,234,.82);backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line);
  }
  .top .wrap{display:flex;align-items:center;justify-content:space-between;height:68px}
  .brand{display:flex;align-items:center;gap:11px;text-decoration:none}
  .brand .mark{
    width:34px;height:34px;border-radius:9px;background:var(--green);
    color:var(--ivory);display:grid;place-items:center;font-family:'Fraunces',serif;font-weight:600;font-size:1rem;
  }
  .brand b{font-family:'Fraunces',serif;font-weight:600;font-size:1.02rem;letter-spacing:-.01em}
  .brand span{display:block;font-size:.66rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-weight:600;margin-top:1px}
  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:9px;
    font-weight:600;font-size:.95rem;text-decoration:none;cursor:pointer;border:none;
    padding:14px 24px;border-radius:999px;transition:transform .15s ease,box-shadow .2s ease,background .2s ease;
  }
  .btn-gold{background:var(--gold);color:var(--green-deep)}
  .btn-gold:hover{background:var(--gold-deep);transform:translateY(-1px);box-shadow:0 12px 26px -12px rgba(169,135,63,.7)}
  .btn-green{background:var(--green);color:var(--ivory)}
  .btn-green:hover{background:var(--green-deep);transform:translateY(-1px)}
  .btn-ghost{background:transparent;border:1px solid var(--line);color:var(--green)}
  .btn-ghost:hover{background:#fff}
  .top .btn{padding:11px 20px;font-size:.9rem}
  .top-nav-cta{display:none}
  @media(min-width:640px){.top-nav-cta{display:inline-flex}}

  /* Hero */
  .hero{position:relative;overflow:hidden;background:
    radial-gradient(1100px 520px at 85% -10%, rgba(31,111,84,.16), transparent 60%),
    radial-gradient(700px 400px at 0% 110%, rgba(194,161,91,.12), transparent 60%);
  }
  .hero .wrap{display:grid;grid-template-columns:1fr;gap:44px;padding:56px 24px 64px}
  @media(min-width:940px){.hero .wrap{grid-template-columns:1.05fr .95fr;align-items:center;padding:84px 24px 88px}}
  .hero h1{font-size:clamp(2.1rem,5vw,3.5rem);margin:18px 0 0}
  .hero .lead{font-size:clamp(1.05rem,2.2vw,1.22rem);color:var(--muted);margin-top:20px;max-width:36ch}
  .hero .lead strong{color:var(--ink);font-weight:600}
  .bullets{margin-top:26px;display:grid;gap:13px}
  .bullets li{list-style:none;display:flex;gap:12px;align-items:flex-start;font-size:1rem}
  .bullets .tick{flex:none;width:24px;height:24px;border-radius:7px;background:rgba(31,111,84,.14);color:var(--green-soft);display:grid;place-items:center;font-weight:700;font-size:.8rem;margin-top:2px}

  /* Form card */
  .card{
    background:linear-gradient(180deg,var(--green) 0%,var(--green-deep) 100%);
    color:var(--ivory);border-radius:24px;padding:34px;box-shadow:var(--shadow);
    position:relative;
  }
  .card .ribbon{
    display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
    color:var(--gold);border:1px solid rgba(194,161,91,.4);border-radius:999px;padding:6px 14px;
  }
  .card h2{font-size:1.5rem;margin:16px 0 6px;color:#fff}
  .card p.sub{color:rgba(246,243,234,.74);font-size:.95rem;margin-bottom:22px}
  .field{margin-bottom:14px}
  .field label{display:block;font-size:.8rem;font-weight:600;letter-spacing:.02em;color:rgba(246,243,234,.8);margin-bottom:6px}
  .field input{
    width:100%;padding:14px 16px;border-radius:12px;border:1px solid rgba(246,243,234,.18);
    background:rgba(246,243,234,.07);color:#fff;font-size:1rem;font-family:inherit;
  }
  .field input::placeholder{color:rgba(246,243,234,.45)}
  .field input:focus{outline:none;border-color:var(--gold);background:rgba(246,243,234,.12)}
  .card .btn-gold{width:100%;margin-top:6px;padding:16px}
  .reassure{display:flex;align-items:center;gap:8px;font-size:.82rem;color:rgba(246,243,234,.62);margin-top:14px;justify-content:center}
  .hidden-hp{position:absolute;left:-9999px}

  .trust{
    border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--ivory-2);
  }
  .trust .wrap{display:flex;flex-wrap:wrap;gap:28px 48px;justify-content:center;padding:26px 24px;text-align:center}
  .trust .stat b{font-family:'Fraunces',serif;font-size:1.5rem;color:var(--green);display:block}
  .trust .stat span{font-size:.82rem;color:var(--muted)}

  /* Section */
  section.block{padding:72px 0}
  .section-head{max-width:60ch;margin:0 auto 44px;text-align:center}
  .section-head h2{font-size:clamp(1.7rem,3.4vw,2.4rem);margin:14px 0 14px}
  .section-head p{color:var(--muted);font-size:1.05rem}

  .grid-3{display:grid;gap:22px;grid-template-columns:1fr}
  @media(min-width:760px){.grid-3{grid-template-columns:repeat(3,1fr)}}
  .lesson{
    background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;
    transition:transform .18s ease,box-shadow .2s ease;
  }
  .lesson:hover{transform:translateY(-3px);box-shadow:0 18px 40px -26px rgba(12,42,34,.4)}
  .lesson .num{font-family:'Fraunces',serif;font-size:1.05rem;color:var(--gold-deep);font-weight:600}
  .lesson h3{font-size:1.18rem;margin:10px 0 8px}
  .lesson p{color:var(--muted);font-size:.96rem}

  /* who */
  .split{display:grid;gap:18px;grid-template-columns:1fr}
  @media(min-width:760px){.split{grid-template-columns:1fr 1fr}}
  .panel{border-radius:var(--radius);padding:30px}
  .panel.yes{background:var(--green);color:var(--ivory)}
  .panel.no{background:#fff;border:1px solid var(--line)}
  .panel h3{font-size:1.2rem;margin-bottom:16px}
  .panel.yes h3{color:#fff}
  .panel ul{list-style:none;display:grid;gap:11px}
  .panel li{display:flex;gap:11px;font-size:.96rem}
  .panel.yes li{color:rgba(246,243,234,.88)}
  .panel.no li{color:var(--muted)}
  .panel .ic{flex:none;font-weight:700}
  .panel.yes .ic{color:var(--gold)}
  .panel.no .ic{color:#b24a3c}

  /* CTA band */
  .cta-band{background:linear-gradient(120deg,var(--green-deep),var(--green));color:var(--ivory)}
  .cta-band .wrap{padding:60px 24px;text-align:center}
  .cta-band h2{font-size:clamp(1.6rem,3.2vw,2.3rem);color:#fff;margin-bottom:14px}
  .cta-band p{color:rgba(246,243,234,.78);max-width:50ch;margin:0 auto 26px}

  footer{background:var(--green-deep);color:rgba(246,243,234,.7);font-size:.86rem}
  footer .wrap{padding:38px 24px;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center}
  footer a{color:var(--gold);text-decoration:none}

  .anchor-cta{text-align:center;margin-top:30px}

  .lang{display:flex;gap:2px;align-items:center}
  .lang a{font-size:.78rem;font-weight:600;color:var(--muted);text-decoration:none;padding:4px 7px;border-radius:6px}
  .lang a.on{color:var(--green);background:rgba(18,63,51,.10)}
  .lang a:hover{color:var(--green)}
