:root{--ink:#18383e;--muted:#607478;--paper:#f8f9f5;--line:#dce5dd;--accent:#c3e9ab}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,-apple-system,Segoe UI,Arial,sansserif}
a{color:inherit}a:focus-visible{outline:3px solid #668d58;outline-offset:4px}
.wrap{width:min(1120px,calc(100% - 40px));margin-inline:auto}
.header{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px
solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:18px;letter-spacing:-.04em;white
-space:nowrap}.mark{display:grid;place-items:center;width:35px;height:35px;margin-right:5px;border-radius:9px;background:var(--ink)
;color:var(--accent);font-weight:800}
.header nav{display:flex;gap:26px}.header nav a{text-decoration:none;font-size:14px;font-weight:600;color:var(--muted
)}.header nav a:hover{color:var(--ink)}
.eyebrow,.number{font-size:11px;font-weight:800;letter-spacing:.14em;color:#5d856e}
.hero{padding:100px 0 115px}.hero h1{font-size:clamp(48px,7vw,90px);line-height:1.06;letter-spacing:-.07em;margin:16
px 0 27px}
.hero h1 em{color:#557963;font-family:Georgia,serif;font-weight:400}.lead{max-width:680px;color:var(--muted);fontsize:20px}
.button{display:inline-flex;gap:22px;padding:13px 20px;margin-top:20px;border-radius:7px;background:var(--ink);color:
white;text-decoration:none;font-size:14px;font-weight:700}.button:hover{background:#315e56}
.section{padding-bottom:100px;scroll-margin-top:25px}.section-title h2,.guide h2,.about h2{font-size:clamp(30px,4vw
,42px);line-height:1.2;letter-spacing:-.05em;margin:7px 0 26px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{min-height:260px;padding:28px;border:1px solid
var(--line);border-radius:9px;background:white}
.card h3{font-size:23px;letter-spacing:-.04em;margin:35px 0 9px}.card p,.guide p,.about p{color:var(--muted)}.card p{
font-size:14px;margin:0}
.guide{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:45px;background:#eaf1e7;border-radius:11px;scrollmargin-top:30px}.guide ol{margin:0;padding-left:22px}.guide li{padding:7px 0}
.about{max-width:850px;padding:100px 0;scroll-margin-top:30px}.about p:last-child{font-size:18px;max-width:680px}
.footer{border-top:1px solid var(--line);padding:30px 0;display:flex;justify-content:space-between;color:var(--muted)
;font-size:13px}.footer a{text-decoration:none}
@media(max-width:750px){.cards{grid-template-columns:1fr}.card{min-height:205px}.card h3{margin-top:20px}.guide{gridtemplate-columns:1fr;gap:14px}.hero{padding:70px 0 85px}}
@media(max-width:430px){.header{padding:18px 0;align-items:flex-start;flex-direction:column;gap:13px}.header nav{
width:100%;justify-content:space-between;gap:12px}.header nav a{font-size:12px}.lead{font-size:17px}}