:root{
      --mx:clamp(16px, 2.5vw, 22px);
      --brand:#00b389; /* tono 'emerald' */
      --dark:#0b1f1a;
      --muted:#5e706b;
      --bg:#f6faf8;
      --card:#ffffff;
      --radius:18px;
      --shadow:0 10px 30px rgba(0,0,0,.06);
    }
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
      color:#1b1b1b;background:var(--bg); line-height:1.6;
    }
    header.hero{
      background: radial-gradient(1200px 400px at 85% 20%, #dff6ee 0%, transparent 70%), linear-gradient(135deg,#e9fbf4, #f8fffc 45%, #ffffff);
      padding: clamp(32px, 5vw, 72px) 20px;
      border-bottom:1px solid #e8f2ee;
    }
    .container{max-width:1100px;margin:0 auto;padding:0 20px}
    .hero h1{font-size:clamp(28px,4.6vw,48px);margin:0;color:var(--dark);letter-spacing:.2px}
    .hero p.lead{max-width:750px;font-size:clamp(16px,2.2vw,20px);color:#31423d;margin:.9rem 0 1.2rem}
    .cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}
    .btn{
      display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
      padding:.9rem 1.2rem;border-radius:999px;border:1px solid transparent;
      font-weight:700;text-decoration:none;transition:.2s;white-space:nowrap
    }
    .btn-primary{background:var(--brand);color:#fff;box-shadow:var(--shadow)}
    .btn-primary:hover{filter:brightness(.95);transform:translateY(-1px)}
    .btn-ghost{background:#fff;border-color:#ddeadf;color:var(--dark)}
    .btn-ghost:hover{background:#f4fbf8}

    /* Layout */
    main{
      margin-top: clamp(18px, 2vw, 28px);
    }
    .grid{
      display:grid; gap:24px;
      grid-template-columns: 1.2fr .8fr;
    }
    article{
      background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(18px,2.2vw,28px)
    }
    aside{
      background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(16px,2vw,24px); position:sticky; top:16px; height:fit-content
    }

    h2{font-size:clamp(20px,2.8vw,28px);margin:.6rem 0 .4rem;color:var(--dark)}
    h3{font-size:clamp(18px,2.2vw,22px);margin:1rem 0 .4rem;color:#18352d}
    p{font-size:var(--mx);color:#2c2c2c}
    .muted{color:var(--muted)}
    .toc a{display:block;padding:.5rem .4rem;border-radius:10px;text-decoration:none;color:#294b41}
    .toc a:hover{background:#f0fbf6}
    .card{
      background:#ffffff;border:1px solid #eef5f1;border-radius:14px;padding:14px 16px;box-shadow:var(--shadow)
    }
    .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}
    .kpi{background:#fbfffd;border:1px solid #e6f3ed;border-radius:12px;padding:14px;text-align:center}
    .kpi strong{display:block;font-size:1.4rem;color:var(--dark)}
    .benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
    .benefit{border:1px solid #e9f3ef;border-radius:12px;padding:14px;background:#ffffff}
    .benefit h4{margin:.2rem 0;color:#153b31}
    .note{background:#f0fbf6;border-left:4px solid var(--brand);padding:12px 14px;border-radius:12px}

    /* FAQ accordion */
    details{
      border:1px solid #e6f1ec;border-radius:12px;padding:12px;background:#fff;margin:10px 0;
    }
    summary{cursor:pointer;font-weight:700;color:#113e34}

    /* Responsive */
    @media (max-width: 900px){
      .grid{grid-template-columns:1fr}
      aside{position:static}
      .kpis{grid-template-columns:repeat(2,1fr)}
      .benefits{grid-template-columns:1fr}
    }