@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(polices/space-grotesk-500-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(polices/space-grotesk-500.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(polices/space-grotesk-700-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(polices/space-grotesk-700.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(polices/work-sans-400-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(polices/work-sans-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(polices/work-sans-500-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(polices/work-sans-500.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(polices/work-sans-600-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(polices/work-sans-600.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{--bg:#f4f6f2;--ink:#14231c;--soft:#5c6b63;--green:#1f6f50;--lime:#c8f25a;--white:#fff;--line:#dde4de}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 "Work Sans",system-ui,sans-serif}
h1,h2{font-family:"Space Grotesk",sans-serif;font-weight:700;letter-spacing:-.025em;margin:0}
a{color:var(--green)}
img{display:block;max-width:100%;height:auto}
svg{flex:none}
button{font:inherit;cursor:pointer}
.btn{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:14px;background:var(--ink);color:var(--lime);padding:14px 24px;font:700 16px "Space Grotesk",sans-serif;text-decoration:none}
.btn:hover{background:var(--green);color:#fff}
.ghost{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:var(--soft);font-weight:600;padding:6px 0}

.bar{background:var(--ink);color:#fff}
.bar-in{max-width:1180px;margin:0 auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:inline-flex;align-items:center;gap:10px;font:700 22px "Space Grotesk",sans-serif;color:#fff;text-decoration:none}
.brand span:not(.brand-dot){color:var(--lime)}
.brand-dot{width:34px;height:34px;border-radius:50%;background:var(--lime);color:var(--ink);display:grid;place-items:center}
.bar-menu{list-style:none;margin:0;padding:0;display:flex;gap:22px;font-size:14px}
.bar-menu a{color:#cfd9d3;text-decoration:none}
.bar-menu a:hover{color:var(--lime)}
@media(max-width:760px){.bar-menu{display:none}}

.lead{max-width:1180px;margin:0 auto;padding:46px 22px 20px;display:grid;gap:36px;align-items:center}
@media(min-width:900px){.lead{grid-template-columns:1.05fr .95fr}}
.tag{display:inline-flex;gap:6px;align-items:center;margin:0;font-weight:600;font-size:14px;color:var(--green)}
.lead h1{font-size:clamp(40px,7vw,76px);line-height:.98;margin:16px 0 18px}
.lead mark{background:linear-gradient(transparent 58%,var(--lime) 58%);color:inherit;padding:0 .1em}
.lead-copy>p{font-size:18px;color:var(--soft);margin:0 0 24px;max-width:520px}
.lead-go button{display:inline-flex;align-items:center;gap:10px;border:0;border-radius:16px;background:var(--lime);color:var(--ink);padding:17px 28px;font:700 18px "Space Grotesk",sans-serif;box-shadow:0 10px 0 -2px var(--ink)}
.lead-go button:active{transform:translateY(4px);box-shadow:0 6px 0 -2px var(--ink)}
.lead-copy .fine{font-size:13px;margin-top:22px}
.lead-pic{margin:0}
.lead-pic img{width:100%;aspect-ratio:9/7;object-fit:cover;border-radius:30px;clip-path:polygon(0 6%,100% 0,100% 94%,0 100%)}
.facts{max-width:1180px;margin:20px auto 0;padding:0 22px;display:grid;gap:12px}
@media(min-width:760px){.facts{grid-template-columns:repeat(3,1fr)}}
.facts div{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;background:var(--white);border-radius:18px;padding:18px}
.facts svg{grid-row:span 2;color:var(--green)}
.facts b{font-family:"Space Grotesk",sans-serif}
.facts span{color:var(--soft);font-size:14px}

.run{max-width:780px;margin:34px auto 0;padding:0 18px}
.run-head{display:flex;align-items:center;gap:18px;margin-bottom:18px}
.run-count{font:700 34px "Space Grotesk",sans-serif;line-height:1}
.run-count small{font-size:16px;color:var(--soft)}
.run-track{flex:1;height:10px;border-radius:10px;background:var(--line);overflow:hidden}
.run-track span{display:block;height:100%;background:var(--green);border-radius:10px}
.panel{background:var(--white);border-radius:26px;padding:clamp(22px,4vw,38px);box-shadow:0 20px 50px -30px rgba(20,35,28,.4)}
.panel h1{font-size:clamp(26px,4vw,36px);line-height:1.15}
.kicker{margin:0 0 8px;font:700 13px "Space Grotesk",sans-serif;text-transform:uppercase;letter-spacing:.12em;color:var(--green)}
.sub{color:var(--soft);margin:10px 0 0}
.answers{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:24px}
.tile{position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:16px;border:2px solid var(--line);border-radius:18px;background:var(--white);text-align:left;color:var(--ink);font:600 16px "Work Sans",sans-serif;cursor:pointer;transition:border-color .15s,transform .15s}
.tile:hover{border-color:var(--green);transform:translateY(-2px)}
.tile .ico{width:44px;height:44px;border-radius:12px;background:var(--bg);color:var(--green);display:grid;place-items:center}
.tile-on,.tile:has(input:checked){border-color:var(--green);background:#eef8f2}
.tile-on .ico,.tile:has(input:checked) .ico{background:var(--green);color:var(--lime)}
.tile input{position:absolute;top:12px;right:12px;accent-color:var(--green);width:18px;height:18px}
.answers-photo{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
.answers-photo .tile{flex-direction:column;align-items:stretch;padding:8px 8px 12px;gap:8px;text-align:center}
.answers-photo .tile img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}
.btn-wide{grid-column:1/-1;justify-content:center}
.panel-tip{display:grid;gap:24px;align-items:center}
@media(min-width:680px){.panel-tip{grid-template-columns:260px 1fr}}
.panel-tip img{border-radius:20px;aspect-ratio:64/42;object-fit:cover;width:100%}
.panel-tip form{margin-top:20px}
.run-foot{margin-top:14px}
.oops{margin:0 0 14px;padding:12px 16px;border-radius:14px;background:#fff0ee;color:#a5261b;font-weight:600}
.hint{display:flex;gap:10px;align-items:center;margin:0 0 14px;padding:12px 16px;border-radius:14px;background:var(--ink);color:#dce6df;font-size:14px}
.hint svg{color:var(--lime)}
.hint a{color:var(--lime)}
.mailer{margin-top:22px;display:grid;gap:14px}
.field{display:grid;gap:6px;font-weight:600;font-size:14px}
.field input{border:2px solid var(--line);border-radius:14px;padding:14px;font:400 16px "Work Sans",sans-serif}
.field input:focus{outline:none;border-color:var(--green)}
.consent{display:flex;gap:10px;font-size:14px;color:var(--soft)}
.consent input{accent-color:var(--green);width:18px;height:18px;margin-top:2px;flex:none}
.trap{position:absolute;left:-9999px}
.mailer .btn{justify-self:start}

.sheet{max-width:760px;margin:46px auto 0;padding:0 20px}
.sheet h1{font-size:clamp(32px,5vw,46px);margin-bottom:22px}
.facts-table{width:100%;border-collapse:separate;border-spacing:0 10px}
.facts-table th,.facts-table td{background:var(--white);padding:16px 18px;vertical-align:top;text-align:left}
.facts-table th{width:30%;border-radius:16px 0 0 16px;font:700 16px "Space Grotesk",sans-serif;color:var(--green)}
.facts-table td{border-radius:0 16px 16px 0;color:#2f3e37}
@media(max-width:600px){.facts-table,.facts-table tbody,.facts-table tr,.facts-table th,.facts-table td{display:block;width:100%}.facts-table th{border-radius:16px 16px 0 0;padding-bottom:4px}.facts-table td{border-radius:0 0 16px 16px;padding-top:4px}.facts-table tr{margin-bottom:10px}}
.stamp{font-size:13px;color:var(--soft)}
.sheet-c{text-align:center;max-width:520px;margin-top:80px}
.sheet-c p{color:var(--soft);margin:12px 0 24px}
.badge{width:88px;height:88px;margin:0 auto 18px;border-radius:50%;background:var(--lime);color:var(--ink);display:grid;place-items:center}

.base{margin-top:90px;background:var(--ink);color:#b9c8bf}
.base-in{max-width:1180px;margin:0 auto;padding:36px 22px;display:grid;gap:26px}
@media(min-width:800px){.base-in{grid-template-columns:1.3fr 1fr 1fr}}
.brand-foot{margin:0 0 6px}
.base-txt{margin:0;font-size:14px}
.base-txt svg{vertical-align:-3px;color:var(--lime)}
.base-menu{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:14px}
.base-menu a{color:#b9c8bf;text-decoration:none}
.base-menu a:hover{color:var(--lime)}
.tile:has(input[type=checkbox]){padding-right:40px}