:root{--cream:#f5f1e4;--sand:#e0dbce;--ink:#2c2e2a;--stone:#80827f;--mist:#d5d5d4;--green:#8ed462;--sky:#2ba0ff;--coral:#ff705d;--sun:#f5e211;--white:#fff}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--ink);font:500 18px/1.5 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.wrap{max-width:1080px;margin:auto;padding:0 24px}
header{position:sticky;top:16px;z-index:5;padding:16px 24px 0}
nav{max-width:1080px;margin:auto;display:flex;align-items:center;gap:6px;background:var(--white);border:2px solid var(--green);border-radius:64px;padding:8px 10px 8px 22px}
nav .brand{font-weight:500;font-size:20px;margin-right:auto;color:var(--ink);text-decoration:none}
nav a{color:var(--ink);text-decoration:none;padding:8px 16px;border-radius:50px}
nav a:hover{background:var(--cream)}
a{color:var(--ink);text-decoration-color:var(--green);text-decoration-thickness:2px;text-underline-offset:3px}
h1,h2,h3{font-weight:500;letter-spacing:-.03em;margin:0 0 .4em}
h1{font-size:clamp(56px,11vw,144px);line-height:.95;font-weight:400;letter-spacing:-.05em}
h2{font-size:clamp(34px,5vw,53px);line-height:1.1}
h3{font-size:22px;line-height:1.25;letter-spacing:-.01em}
p,li{color:var(--ink)}.muted{color:var(--stone)}
section{margin:88px 0}
.hero{margin-top:72px}.hero .lede{font-size:clamp(20px,2.2vw,24px);max-width:760px}
.btn,button{display:inline-block;font:500 18px/1 Inter,sans-serif;background:var(--ink);color:var(--white);border:0;border-radius:50px;padding:18px 30px;cursor:pointer;text-decoration:none;transition:transform .15s}
.btn:hover,button:hover{transform:translateY(-2px)}
.btn.green{background:var(--green);color:var(--ink)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;padding:0;list-style:none}
.card{background:var(--white);border:2px solid var(--green);border-radius:50px;padding:34px}
.card:nth-child(2){border-color:var(--sky)}.card:nth-child(3){border-color:var(--coral)}
.m{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}
.m div{background:var(--white);border-radius:50px;padding:30px 34px;color:var(--stone)}
.m b{display:block;font-size:clamp(56px,7vw,81px);line-height:.95;font-weight:500;color:var(--ink);letter-spacing:-.04em}
.m div:nth-child(1) b{color:var(--sky)}.m div:nth-child(3){background:var(--green)}.m div:nth-child(3),.m div:nth-child(3) b{color:var(--ink)}
.panel{background:var(--sand);border-radius:63.75px;padding:clamp(28px,5vw,64px)}
form{display:grid;gap:10px;max-width:640px}
input,textarea{font:500 17px Inter,sans-serif;width:100%;padding:16px 22px;border:2px solid transparent;border-radius:28px;background:var(--white);color:var(--ink)}
input:focus,textarea:focus{outline:0;border-color:var(--coral)}
label{display:flex;gap:10px;align-items:center;color:var(--ink)}label input{width:auto}
form button{justify-self:start;margin-top:6px}
.faq{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
.faq div{background:var(--white);border-radius:50px;padding:30px 34px}.faq p{margin:0;color:var(--stone)}
footer{background:var(--sun);border-radius:63.75px 63.75px 0 0;margin-top:100px;padding:48px 24px;text-align:center}
article{background:var(--white);border-radius:50px;padding:clamp(28px,5vw,56px);margin:24px 0}
time{display:inline-block;color:var(--stone);border:2px solid var(--coral);border-radius:50px;padding:4px 14px;font-size:15px;margin-bottom:12px}
@media(max-width:600px){nav{padding-left:16px;overflow-x:auto;scrollbar-width:none}nav a{white-space:nowrap}nav a{padding:8px 10px}.card,.m div,.faq div{border-radius:36px}}