:root{--gruen:#2D6A4F;--gruenD:#1B4332;--mint:#95D5B2;--sand:#F4F1EB;--bg:#FAFAF8;--amber:#B45309;--text:#141414;--mid:#4A5568;--light:#9CA3AF;--border:#E9E4DA;--white:#fff;--sans:'Inter',system-ui,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--gruen);text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:760px;margin:0 auto;padding:0 20px}
/* Header */
header{position:sticky;top:0;z-index:50;background:rgba(250,250,248,.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.nav{max-width:1000px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:60px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px;color:var(--text)}
.brand img{width:30px;height:30px;border-radius:8px}
.nav-cta{background:var(--gruen);color:#fff;font-weight:700;font-size:13.5px;padding:8px 15px;border-radius:999px;white-space:nowrap}
/* Content */
main{padding:clamp(34px,6vw,60px) 0 8px}
.eyebrow{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gruen);background:#EFF8F2;border:1px solid #D1F0DE;border-radius:999px;padding:5px 12px;margin-bottom:16px}
h1{font-size:clamp(30px,5.2vw,46px);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-bottom:16px}
.lead{font-size:clamp(16px,2vw,19px);color:var(--mid);margin-bottom:24px;max-width:60ch}
.cta{display:inline-flex;transition:transform .15s}.cta:hover{transform:translateY(-2px)}.cta svg{height:52px;width:auto;border-radius:11px}
.free{font-size:13px;color:var(--light);margin-top:10px}
h2{font-size:clamp(21px,3vw,29px);font-weight:800;letter-spacing:-.01em;margin:38px 0 12px;line-height:1.2}
main p{color:var(--mid);margin-bottom:14px;font-size:16px}
main b{color:var(--text);font-weight:700}
ul.checks{list-style:none;margin:14px 0 4px}
ul.checks li{position:relative;padding-left:30px;margin-bottom:11px;color:var(--mid);font-size:15.5px}
ul.checks li::before{content:'';position:absolute;left:0;top:3px;width:19px;height:19px;border-radius:50%;background:var(--gruen);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}
ul.checks li b{color:var(--text)}
/* FAQ */
.faq{margin-top:34px}
.faq details{border-top:1px solid var(--border);padding:15px 2px}
.faq details:last-child{border-bottom:1px solid var(--border)}
.faq summary{font-weight:700;color:var(--text);cursor:pointer;font-size:16px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';color:var(--gruen);font-size:22px;font-weight:400;line-height:1}
.faq details[open] summary::after{content:'–'}
.faq details p{margin:12px 0 2px;font-size:15px}
/* CTA-Band */
.ctaband{background:var(--gruenD);color:#fff;border-radius:22px;padding:clamp(28px,5vw,44px);text-align:center;margin:44px 0 8px}
.ctaband h2{color:#fff;margin:0 0 10px}
.ctaband p{color:rgba(255,255,255,.75);margin-bottom:20px}
.ctaband .cta svg{height:54px}
/* related links */
.related{margin:36px 0 0}
.related-label{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--light);margin-bottom:10px}
.related-links{display:flex;flex-wrap:wrap;gap:9px}
.related-links a{font-size:13.5px;background:var(--white);border:1px solid var(--border);border-radius:999px;padding:7px 13px;color:var(--mid);font-weight:600}
.related-links a:hover{border-color:var(--gruen);color:var(--gruen)}
/* Footer */
footer{border-top:1px solid var(--border);background:#fff;margin-top:40px}
.foot{max-width:1000px;margin:0 auto;padding:26px 20px;display:flex;flex-wrap:wrap;gap:14px 22px;justify-content:space-between;align-items:center;font-size:13px;color:var(--mid)}
.foot nav{display:flex;gap:18px;flex-wrap:wrap}
.foot a{color:var(--mid)}.foot a:hover{color:var(--gruen)}
@media(max-width:560px){.foot{justify-content:center;text-align:center}}