/* 16.10: вид кнопок, карточек и ссылок - из system.css (body.solo.pub), здесь раскладка и крупный шрифт лендинга */
html{scroll-behavior:smooth}
body.pub{font-size:var(--fs-m);line-height:1.65;-webkit-font-smoothing:antialiased}
.top{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(10px);border-bottom:var(--bw) solid var(--line)}
.top .in{max-width:1040px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:600;font-size:var(--fs-xl);letter-spacing:-.01em}
.brand:hover{text-decoration:none}
.brand .logo{width:38px;height:38px;border-radius:var(--r-round);object-fit:cover}
.me{width:42px;height:42px;border-radius:var(--r-round);display:grid;place-items:center;border:var(--bw) solid var(--line2);background:var(--card);color:var(--ink)}
.me:hover{background:var(--n2);border-color:var(--n5);text-decoration:none}
.me svg{width:22px;height:22px}
svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wrap{max-width:1040px;margin:0 auto;padding:0 16px}
.hero{padding:72px 0 56px;text-align:center}
.badge{display:inline-block;font-size:var(--fs-s);color:var(--gold-ink);background:var(--gold-bg);border:var(--bw) solid var(--gold-line);padding:4px 12px;border-radius:var(--r);margin-bottom:18px}
.hero h1{font-size:clamp(30px,5.2vw,50px);line-height:1.12;letter-spacing:-.025em;margin:0 auto 18px;max-width:780px}
.hero h1 em{font-style:normal;color:var(--link)}
.hero p{font-size:clamp(17px,2.2vw,20px);color:var(--dim);max-width:640px;margin:0 auto}
.cta{display:inline-flex;align-items:center;gap:8px;margin-top:28px}
.cta svg{width:18px;height:18px}

section{padding:44px 0}
.kick{text-transform:uppercase;letter-spacing:.08em;font-size:var(--fs-s);font-weight:600;color:var(--link);margin:0 0 6px}
h2{font-size:clamp(24px,3.4vw,32px);letter-spacing:-.02em;line-height:1.2;margin:0 0 14px}
.why{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
.why p{margin:0 0 12px;color:var(--dim)}
.quote{background:var(--yellow-1);border:var(--bw) solid var(--yellow-3);border-radius:var(--r);padding:26px 28px;font-size:var(--fs-xl);line-height:1.5}
.grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:22px}
.feat,.who{padding:22px}
.feat h3,.who h3{font-size:var(--fs-xl);margin:12px 0 6px}.feat p,.who p{margin:0;color:var(--dim);font-size:var(--fs-m)}
.ico{width:44px;height:44px;border-radius:var(--r);display:grid;place-items:center;background:var(--gold-bg);color:var(--gold-ink)}
.ico svg{width:23px;height:23px}
.note{color:var(--dim);font-size:var(--fs-m);margin-top:18px}
.who.pro{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.3fr;gap:24px}
ol.ch{margin:0;padding:0;list-style:none;counter-reset:c}
ol.ch li{counter-increment:c;position:relative;padding:8px 0 8px 40px;border-bottom:var(--bw) solid var(--line);font-size:var(--fs-m)}
ol.ch li:last-child{border:0}
ol.ch li::before{content:counter(c);position:absolute;left:0;top:7px;width:27px;height:27px;border-radius:var(--r-round);background:var(--gold-bg);border:var(--bw) solid var(--gold-line);color:var(--gold-ink);font-weight:600;font-size:var(--fs-m);display:grid;place-items:center}
.band{padding:36px 32px;display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:start}
.band .ico{width:56px;height:56px;background:var(--card)}.band p{margin:0 0 10px;color:var(--dim)}
.contact{text-align:center}.contact p{color:var(--dim)}
.foot{border-top:var(--bw) solid var(--line);margin-top:30px;padding:22px 0 34px;font-size:var(--fs-m);color:var(--dim);text-align:center}
.foot a{color:inherit}
.legal{max-width:760px;padding-top:48px}.legal h1{font-size:var(--fs-xl);letter-spacing:-.02em;margin:0 0 20px}
.legal .blk{padding:20px 24px;margin:0 0 14px}
.legal h3{margin:0 0 6px;font-size:var(--fs-xl)}.legal p{margin:0;color:var(--dim)}
@media (max-width:820px){.why,.who.pro,.band{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.hero{padding:48px 0 36px}}
@media (max-width:560px){.grid{grid-template-columns:1fr}.band{padding:26px 20px}}.dimnote{color:var(--dim);font-size:var(--fs-m)}