/* Главная страница Листка (страница /) */
:root{color-scheme:light dark;--bg:#F6F8FA;--card:#fff;--ink:#16202A;--muted:#5A6674;--line:#D5DCE3;--accent:#2350B8;--accent-ink:#fff;--soft:#EEF3FC;--soft2:#DDE6F8;
 --ui:"Golos Text",system-ui,sans-serif;--serif:"PT Serif",Georgia,serif}
@media (prefers-color-scheme:dark){:root{--bg:#0F1318;--card:#171C23;--ink:#E4E9EF;--muted:#8F9BA9;--line:#2A323D;--accent:#7EA0F0;--accent-ink:#0F1318;--soft:#1A2232;--soft2:#1E2940}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.55 var(--ui)}
a{color:var(--accent)}img{max-width:100%;display:block}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
header{position:sticky;top:0;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:5}
header .wrap{display:flex;align-items:center;gap:22px;height:64px}
.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);font:700 24px var(--serif)}
nav{display:flex;gap:20px;margin-left:12px;flex:1}nav a{color:var(--muted);text-decoration:none;font-size:15px;font-weight:500}nav a:hover{color:var(--ink)}
.btn{display:inline-block;background:var(--accent);color:var(--accent-ink);padding:10px 18px;border-radius:10px;text-decoration:none;font-weight:600;font-size:16px;border:0}
.btn.ghost{background:transparent;color:var(--accent);border:1.5px solid var(--accent)}
.btn.big{padding:15px 26px;font-size:18px;border-radius:12px}
.link{color:var(--ink);text-decoration:none;font-weight:500;font-size:15px}
.hero{padding:56px 0 40px}.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
h1{font:700 50px/1.1 var(--serif);letter-spacing:-.02em;margin:0 0 18px}
.sub{font-size:19px;color:var(--muted);margin:0 0 26px;max-width:34em}
.cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:22px}
.ticks{list-style:none;padding:0;margin:0;display:flex;gap:8px 22px;flex-wrap:wrap;color:var(--muted);font-size:15px}
.ticks li::before{content:"✓";color:var(--accent);font-weight:700;margin-right:7px}
.shot{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 40px rgba(20,30,45,.16);overflow:hidden;position:relative}
.shot.hero-shot{height:520px;transform:rotate(1.2deg)}
.shot img{width:100%}
section{padding:54px 0}
h2{font:700 34px/1.2 var(--serif);letter-spacing:-.01em;margin:0 0 10px}
.lead{color:var(--muted);margin:0 0 30px;max-width:40em}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.step{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px}
.step b.n{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-weight:700;margin-bottom:12px}
.step h3,.feat h3{margin:0 0 6px;font-size:19px}
.step p,.feat p{margin:0;color:var(--muted);font-size:16px}
.alt{background:var(--soft)}
.feats{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.feat{flex:0 1 calc(25% - 12px);min-width:230px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;border-top:3px solid var(--accent)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}
.stat{text-align:center;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px}
.stat b{display:block;font:700 44px/1 var(--serif);color:var(--accent)}.stat span{color:var(--muted)}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span{background:var(--soft2);border-radius:20px;padding:5px 13px;font-size:15px}
.ex{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ex figure{margin:0}.ex .shot{height:340px}.ex .shot img{object-fit:cover;object-position:top}
.ex figcaption{padding:12px 4px 0}.ex figcaption b{display:block}.ex figcaption a{font-size:15px;font-weight:600;text-decoration:none}
details{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:15px 20px;margin:0 0 10px}
summary{cursor:pointer;font-weight:600;font-size:18px}details p{margin:10px 0 0;color:var(--muted)}
.final{text-align:center;background:var(--accent);color:var(--accent-ink);border-radius:20px;padding:44px 24px}
.final h2{margin:0 0 20px}.final .btn{background:var(--accent-ink);color:var(--accent)}

@media(max-width:860px){.hero .wrap{grid-template-columns:1fr}h1{font-size:36px}.steps,.stats{grid-template-columns:1fr}nav,.link{display:none}.shot.hero-shot{height:380px;transform:none}}
@media(max-width:520px){.wrap{padding:0 16px}section{padding:38px 0}.feat{flex-basis:100%}}

section.last{padding-top:20px}
.brand img{width:30px;height:30px;border-radius:8px}
.shot img{height:auto}
@media(max-width:1000px){.ex{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ex{grid-template-columns:1fr}.ex .shot{height:430px}}

/* общий подвал */
.site-foot{border-top:1px solid var(--line);padding:40px 0 34px;color:var(--muted);font-size:15px}
.sf-grid{display:grid;grid-template-columns:1.3fr 1fr 1.3fr 1.2fr;gap:28px}
.sf-brand p{margin:12px 0 10px;max-width:22em}
.sf-brand .brand{font-size:22px}
.sf-mail{display:block;color:var(--ink);margin-bottom:12px}
.soc{display:inline-flex;align-items:center;gap:9px;background:#2AABEE;color:#fff;text-decoration:none;border-radius:12px;padding:9px 14px;font-weight:600}
.soc svg{flex:none}
.site-foot .sf-col{display:block;margin:0;flex:none}
.sf-col h3{margin:0 0 10px;font-size:16px;color:var(--ink)}
.sf-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.sf-col a{color:var(--muted);text-decoration:none}.sf-col a:hover{color:var(--ink);text-decoration:underline}
.sf-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:30px;padding-top:18px;font-size:14px}
@media(max-width:900px){.sf-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.sf-grid{grid-template-columns:1fr;gap:22px}}

.plans{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;margin-top:6px}
.plan{flex:1 1 280px;max-width:380px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:8px}
.plan.main{border:2px solid var(--accent)}
.plan h3{margin:0;font-size:20px}.plan .price{font:700 34px/1.1 var(--serif)}.plan .term{color:var(--muted);font-size:15px}
.plan ul{list-style:none;padding:0;margin:8px 0 14px;display:grid;gap:6px;font-size:15.5px}
.plan li::before{content:"✓";color:var(--accent);font-weight:700;margin-right:7px}
.plan .btn{text-align:center;margin-top:auto}
.plans-note{color:var(--muted);font-size:14px;margin:18px 0 0;text-align:center}.plans-note a{color:var(--accent)}