@font-face{font-family:Inter;src:url(/assets/inter-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url(/assets/inter-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Inter;src:url(/assets/inter-latin-800-normal.woff2) format("woff2");font-weight:800;font-display:swap}
:root{--paper:#FAF7F0;--ink:#1B1F2A;--soft:#5B6272;--green:#1F8A5B;--hl:#F2C94C;--red:#D64545;--grid:#E6E0D2}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Inter,system-ui,sans-serif;background:var(--paper);color:var(--ink);line-height:1.5;font-variant-numeric:tabular-nums;
  background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 39px,var(--grid) 39px,var(--grid) 40px)}
.wrap{max-width:1040px;margin:0 auto;padding:28px 20px 64px}
header{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.02em;font-size:15px}
header .g{color:var(--green)}
.mark{background:linear-gradient(to top,var(--hl) 0,var(--hl) 38%,transparent 38%);padding:0 .08em}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;margin-top:48px}
h1{font-size:clamp(34px,5vw,54px);line-height:1.08;font-weight:800;letter-spacing:-.02em}
.lead{font-size:19px;color:var(--soft);margin-top:16px;max-width:34em}
ul.pts{list-style:none;margin-top:22px}
ul.pts li{padding-left:28px;position:relative;margin:8px 0;font-weight:500}
ul.pts li:before{content:"";position:absolute;left:0;top:.45em;width:14px;height:14px;border-radius:3px;background:var(--green)}
.card{background:#fff;border:3px solid var(--ink);border-radius:12px;padding:24px}
.card h2{font-size:21px;font-weight:800;margin-bottom:14px}
label{display:block;font-size:14px;font-weight:700;margin:12px 0 6px}
input[type=text],input[type=email]{width:100%;font:inherit;font-size:16px;padding:12px 14px;border:2px solid var(--grid);border-radius:8px;background:var(--paper)}
input:focus{outline:3px solid var(--hl);border-color:var(--ink)}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--soft);margin-top:14px;font-weight:500}
.consent input{margin-top:3px;width:18px;height:18px;flex:none}
button{margin-top:18px;width:100%;font:inherit;font-weight:800;font-size:17px;padding:14px;border:0;border-radius:10px;background:var(--ink);color:#fff;cursor:pointer}
button:hover{background:#000}button[disabled]{opacity:.6;cursor:wait}
.msg{margin-top:12px;font-size:14px;font-weight:700;color:var(--red);min-height:1.2em}
.hp{position:absolute;left:-9999px}
.sheet{border:3px solid var(--ink);border-radius:10px;overflow:hidden;background:#fff;font-size:15px;margin-top:28px;max-width:420px}
.sheet div{display:flex;justify-content:space-between;padding:9px 16px;border-top:2px solid var(--grid)}
.sheet .h{background:var(--ink);color:#fff;font-weight:700;border:0}.sheet b{font-weight:700}
.sheet .z{background:#EAF6EF;color:var(--green);font-weight:800}
footer{margin-top:56px;font-size:13px;color:var(--soft);border-top:2px solid var(--grid);padding-top:18px}
footer a{color:var(--soft)}
.btn{display:inline-block;margin-top:22px;background:var(--green);color:#fff;text-decoration:none;font-weight:800;padding:14px 22px;border-radius:10px}
.prose{max-width:720px;margin-top:40px}.prose h1{font-size:34px}.prose h2{font-size:20px;margin-top:26px}.prose p,.prose li{margin-top:10px}.prose ul{padding-left:20px}
@media (max-width:820px){.hero{grid-template-columns:1fr;gap:28px;margin-top:28px}.sheet{display:none}}