:root{--ink:#10221a;--green:#18a85b;--lime:#c7ff63;--pale:#f2f8f4;--line:#d8e5dc;--muted:#5d7065}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,sans-serif;font-size:16px;line-height:1.7}header{height:76px;display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line);padding:0 5vw;position:sticky;top:0;background:#fffffff5;z-index:5}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:800;text-decoration:none;font-size:19px}.brand b{display:grid;place-items:center;width:34px;height:34px;background:var(--ink);color:var(--lime);border-radius:10px}nav{display:flex;gap:26px;margin-left:auto}nav a,aside a{color:var(--muted);text-decoration:none}nav a:hover,aside a:hover{color:var(--green)}.button{background:var(--green);color:#fff;text-decoration:none;padding:12px 20px;border-radius:999px;font-weight:700}.dark{background:var(--ink);padding:9px 16px}.outline{background:#fff;color:var(--ink);border:1px solid var(--line)}.hero{padding:85px 7vw 60px;background:radial-gradient(circle at 85% 25%,var(--lime),transparent 25%),linear-gradient(135deg,#f1fff6,#fff);border-bottom:1px solid var(--line)}.tag{text-transform:uppercase;letter-spacing:.16em;font-size:12px!important;font-weight:800;color:var(--green)!important}h1{font-size:clamp(54px,9vw,118px);line-height:.9;letter-spacing:-.07em;margin:18px 0 32px}h1 em{color:var(--green);font-style:normal}.lead{font-size:clamp(19px,2vw,27px);line-height:1.5;max-width:820px;color:#405448}.actions{display:flex;gap:12px;margin:35px 0 58px}.hero dl{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);padding-top:24px;max-width:950px}.hero dl div{border-left:2px solid var(--lime);padding-left:15px}.hero dt{font-size:12px;text-transform:uppercase;color:var(--muted)}.hero dd{margin:0;font-weight:700}.layout{display:grid;grid-template-columns:230px minmax(0,850px);gap:70px;max-width:1200px;margin:auto;padding:70px 25px}aside{position:sticky;top:105px;height:max-content;display:flex;flex-direction:column;gap:10px;border-left:1px solid var(--line);padding-left:20px;font-size:14px}article section{padding-bottom:70px;margin-bottom:65px;border-bottom:1px solid var(--line)}h2{font-size:clamp(34px,5vw,58px);line-height:1.05;letter-spacing:-.04em;margin:8px 0 24px}h3{font-size:20px;margin:8px 0}article p{font-size:18px;color:#405448}.note{background:var(--pale);border-left:4px solid var(--green);padding:18px 22px;border-radius:0 12px 12px 0;margin-top:28px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.card{border:1px solid var(--line);border-radius:18px;padding:24px}.card small{color:var(--green);font-weight:800}.card p{font-size:15px;margin:0}ol{list-style:none;padding:0;counter-reset:s}ol li{counter-increment:s;display:grid;grid-template-columns:45px 180px 1fr;gap:12px;padding:20px 0;border-top:1px solid var(--line)}ol li:before{content:counter(s);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--lime);font-weight:800}ol span{color:var(--muted)}details{border-top:1px solid var(--line);padding:18px 0}summary{font-size:19px;font-weight:700;cursor:pointer}details p{font-size:16px}footer{background:var(--ink);color:white;padding:48px 7vw;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:25px}footer .brand{color:white}footer a{color:var(--lime)}footer p{color:#bdd0c4}@media(max-width:800px){nav{display:none}.dark{margin-left:auto}.hero{padding-top:60px}.hero dl{grid-template-columns:1fr 1fr;gap:20px}.layout{display:block;padding:50px 20px}aside{display:none}.cards{grid-template-columns:1fr}ol li{grid-template-columns:40px 1fr}ol span{grid-column:2}footer{grid-template-columns:1fr}.actions{flex-wrap:wrap}}