:root{--bg:#f6f5f2;--card:#fff;--fg:#1f1f1d;--mut:#66665f;--line:#d9d7d0;--acc:#3b4a3f;--tint:#e9ece6;--ph:#fff3c4;--phfg:#5a4a00}
@media(prefers-color-scheme:dark){:root{--bg:#171716;--card:#211f1e;--fg:#ecebe6;--mut:#a3a29a;--line:#3a3a36;--acc:#a9bfae;--tint:#232823;--ph:#4a4116;--phfg:#ffe9a0}}
*,*:before,*:after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.7 Georgia,"Times New Roman",serif}
h1,h2,h3,nav,button,input,select,textarea,label,.btn,footer,.logo{font-family:"Helvetica Neue",Arial,sans-serif}
h1{font-size:clamp(2.1rem,6vw,3.8rem);line-height:1.08;margin:0 0 .4em;font-weight:500;letter-spacing:-.01em}
h2{font-size:1.6rem;margin:0 0 .5em;font-weight:600}h3{font-size:1.1rem;margin:0 0 .3em}
a{color:inherit}:focus-visible{outline:3px solid var(--acc);outline-offset:2px}
.wrap{max-width:1120px;margin:0 auto;padding:0 22px}.txt{max-width:66ch}
header{border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:5}
header .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;padding-top:14px;padding-bottom:14px}
.logo{font-weight:600;font-size:1.35rem;text-decoration:none;letter-spacing:.02em;display:flex;align-items:center;gap:10px}
.logo img{width:30px;height:30px}
nav{display:flex;flex-wrap:wrap;gap:4px 20px;font-size:.95rem}
nav a{text-decoration:none;padding:4px 0;border-bottom:2px solid transparent}nav a[aria-current=page]{border-color:var(--acc)}
section{padding:64px 0}main>section:first-child{padding-top:56px}
.alt{background:var(--tint)}
.lead{font-size:1.2rem;color:var(--mut);max-width:56ch}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 0}
.btn{display:inline-block;padding:13px 26px;border:1.5px solid var(--acc);text-decoration:none;font-size:1rem;cursor:pointer;background:transparent;color:var(--fg);border-radius:4px}
.btn.p{background:var(--acc);color:var(--bg)}
.hero{display:grid;gap:40px;grid-template-columns:1fr;align-items:center}
@media(min-width:860px){.hero{grid-template-columns:1.1fr 1fr}}
.hero .art{background:var(--tint);border-radius:10px;padding:24px;box-shadow:0 18px 40px -22px rgba(0,0,0,.35)}
.hero .art img{width:100%;display:block}
.cards{display:grid;gap:22px;grid-template-columns:1fr;margin-top:32px}
@media(min-width:640px){.cards{grid-template-columns:1fr 1fr}}@media(min-width:960px){.cards.c3{grid-template-columns:repeat(3,1fr)}}
.card{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:28px;box-shadow:0 14px 30px -24px rgba(0,0,0,.4)}
.card img{width:56px;height:56px;margin-bottom:14px}.card p{margin:0;color:var(--mut)}
.split{display:grid;gap:36px;grid-template-columns:1fr;align-items:center}
@media(min-width:800px){.split{grid-template-columns:1fr 1fr}}
.pic{background:var(--tint);border-radius:10px;padding:22px}.pic img{width:100%;display:block}
.pic figcaption{font:.85rem "Helvetica Neue",Arial,sans-serif;color:var(--mut);margin-top:10px}
.steps{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:18px;grid-template-columns:1fr}
@media(min-width:800px){.steps{grid-template-columns:repeat(4,1fr)}}
.steps li{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:24px;counter-increment:s}
.steps li:before{content:counter(s);display:inline-flex;width:34px;height:34px;border-radius:50%;background:var(--acc);color:var(--bg);align-items:center;justify-content:center;font:600 1rem "Helvetica Neue",Arial,sans-serif;margin-bottom:12px}
.steps{counter-reset:s}
.band{background:var(--acc);color:var(--bg);border-radius:10px;padding:44px 32px;text-align:center}
.band .btn{background:var(--bg);color:var(--fg);border-color:var(--bg)}
.ph{background:var(--ph);color:var(--phfg);padding:0 .25em;border-radius:2px;font-family:"Helvetica Neue",Arial,sans-serif;font-size:.92em}
details{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:18px 22px;margin:0 0 12px;max-width:760px}
summary{cursor:pointer;font:600 1rem "Helvetica Neue",Arial,sans-serif}details p{margin:.7em 0 0}
form{display:grid;gap:14px}label{display:grid;gap:4px;font-size:.92rem}
input,select,textarea{font:inherit;font-size:1rem;padding:11px;border:1px solid var(--line);background:var(--bg);color:var(--fg);border-radius:4px;width:100%}
.chk{display:flex;gap:10px;align-items:flex-start}.chk input{width:auto;margin-top:5px}
#fmsg{margin:0;font:.95rem "Helvetica Neue",Arial,sans-serif}
.legal h2{margin-top:1.6em;font-size:1.25rem}
footer{border-top:1px solid var(--line);padding:40px 0;font-size:.9rem;color:var(--mut)}
footer .wrap{display:grid;gap:28px;grid-template-columns:1fr}@media(min-width:700px){footer .wrap{grid-template-columns:1.4fr 1fr 1fr}}
footer ul{list-style:none;margin:0;padding:0}footer li,footer p{margin:0 0 5px}
#ck{position:fixed;left:12px;bottom:12px;right:12px;max-width:560px;background:var(--bg);border:1.5px solid var(--acc);border-radius:8px;padding:16px;font:.92rem/1.5 "Helvetica Neue",Arial,sans-serif;z-index:9}
#ck[hidden]{display:none}#ck p{margin:0 0 10px}#ck .btn{padding:8px 14px;font-size:.9rem}