@font-face{font-family:Golos;src:url(golos.ttf) format("truetype");font-weight:400 900;font-display:swap}
:root{
 --ink:#1b2820;--muted:#47564c;--green:#087b36;--hover:#05652b;
 --surface:#f5f7f5;--tint:#edf6ef;--line:#d6e1d8;
 --radius:16px;--button-radius:10px;--pad:clamp(18px,2.2vw,32px);
 --gap:clamp(16px,2.2vw,32px);--section:clamp(36px,5vw,72px);
 --heading:clamp(29px,3vw,43px);
 font:16px/1.55 Golos,Arial,sans-serif;color:var(--ink);background:white
}
*{box-sizing:border-box}
body,h1,h2,h3,p,ol,ul{margin:0}
.wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}
header,footer{border-block-end:1px solid var(--line)}
.bar,footer .wrap{display:flex;align-items:center;gap:18px;min-height:76px}
.identity{display:flex}
.identity img{width:124px;height:auto}
.partner{border-left:1px solid var(--line);padding-left:18px;color:var(--muted);font-size:14px}
a{color:var(--green);text-underline-offset:4px}
a:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:4px}
.cta{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;min-height:46px;border-radius:var(--button-radius);font-weight:600;text-decoration:none;background:var(--green);color:white}
.cta:hover{background:var(--hover)}
.header-cta{margin-left:auto;font-size:14px}
h1,h2,h3,summary{line-height:1.12;letter-spacing:-.04em}
h1{font-size:clamp(40px,5vw,72px);line-height:1.02;max-width:12ch}
h2{font-size:var(--heading);font-weight:650;text-wrap:balance}
h3{font-size:clamp(21px,1.9vw,26px);font-weight:620}
.hero,.guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}
.hero{align-items:center;padding-top:32px}
.photo,.shop-photo{display:block;width:100%;object-fit:cover;border-radius:var(--radius)}
.photo{aspect-ratio:1.4;height:auto}
.audience{color:var(--green);font-weight:600;margin-bottom:16px}
.lead{font-size:clamp(17px,1.55vw,21px);max-width:43ch;color:var(--muted);margin:18px 0 26px}
.hero-calc{display:inline-block;margin:10px 0 10px 14px;font-weight:550}
main>section+section,.services:first-child{padding-top:var(--section)}
.section-intro,.guide p,article p{color:var(--muted);margin-top:12px}
.section-intro{max-width:76ch}
.scroll,.grid,.shop-photo{margin-top:24px}
.scroll{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
table{width:100%;border-collapse:collapse;text-align:left}
th,td{padding:16px var(--pad);vertical-align:top}
thead,article{background:var(--surface)}
thead th:nth-child(2),tbody td:nth-child(2){background:var(--tint)}
thead th:nth-child(2){color:var(--green)}
tbody th{width:24%}
tbody td{width:38%}
tbody tr{border-top:1px solid var(--line)}
.mobile-label{display:none}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
article{border-radius:var(--radius);padding:var(--pad)}
.guide{align-items:start}
.steps,.shop ul{list-style:none;padding:0}
.steps{counter-reset:step}
.steps li{counter-increment:step;position:relative;padding-left:42px}
.steps li:before{content:counter(step);position:absolute;left:0;top:14px;background:var(--tint);color:var(--green);font-size:14px;font-weight:650;width:28px;height:28px;text-align:center;line-height:28px;border-radius:50%}
.steps li:first-child:before{top:0}
.steps li,.shop li,details{border-bottom:1px solid var(--line);padding-block:14px}
.steps li:first-child,.shop li:first-child,details:first-child{padding-top:0}
.shop-photo{height:auto;aspect-ratio:2;object-position:center}
summary{cursor:pointer;font-size:19px;line-height:1.4;font-weight:600}
.closing{margin-top:24px;display:flex;justify-content:flex-end}
main.wrap{padding-bottom:var(--section)}
footer{border-top:1px solid var(--line);border-bottom:0}
footer .wrap{justify-content:space-between;color:var(--muted);font-size:14px}
.calc-title{max-width:24ch}
@media(max-width:760px){
 .wrap{width:calc(100% - 32px)}
 .hero,.guide,.grid{grid-template-columns:1fr}
 .hero{padding-top:28px}.photo{height:clamp(180px,49vw,310px)}
 .bar{gap:10px;min-height:64px}.identity img{width:86px}.partner{padding-left:10px;font-size:12px;max-width:90px;line-height:1.25}
 .header-cta{font-size:13px;padding:10px 12px;min-height:42px}
 .grid,.scroll,.shop-photo{margin-top:16px}
 .closing{justify-content:flex-start}
}
@media(max-width:680px){
 .scroll{border:none;border-radius:0}
 table,tbody{display:block}
 thead{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
 tbody tr{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
 tbody tr+tr{margin-top:12px}
 tbody th,tbody td{width:auto;padding:12px;min-width:0}
 tbody th{background:var(--surface);grid-column:1/-1}
 tbody td{font-size:15px;line-height:1.45}
 .mobile-label{display:block;color:var(--muted);font-size:13px;font-weight:650;margin-bottom:6px}
 td:nth-child(2) .mobile-label{color:var(--green)}
}
@media(max-width:400px){.bar{gap:8px}.identity img{width:74px}.hero-calc{margin-left:0;padding-right:8px}.partner{padding-left:8px}}

footer .wrap {padding-block:24px;flex-wrap:wrap}
footer strong {color:var(--ink)}
footer nav {display:flex;flex-wrap:wrap;gap:8px 24px}
@media(max-width:680px){
 footer .wrap {align-items:flex-start;flex-direction:column}
 footer nav {gap:8px 18px}
}