/* Лендинг «Карман». Подключать после tokens.css и components.css. Брейкпоинт: 900px */
body.landing{background:var(--c-bg);color:var(--c-text)}
.wrap{max-width:1200px;margin:0 auto;padding:0 40px}
.landing .btn{width:auto;text-decoration:none;cursor:pointer}
.btn-light{background:var(--c-bg);color:var(--c-text-heading)}
.nav{display:flex;align-items:center;gap:32px;height:88px}
.nav .lg svg{height:44px;width:auto;display:block}
.nav nav{flex:1;display:flex;gap:28px;justify-content:center}
.nav nav a{font:700 16px/1 var(--font-body);color:var(--c-text);text-decoration:none}
.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center;min-height:700px;padding-bottom:24px}
.hero h1{font:600 52px/60px var(--font-display);letter-spacing:var(--t-display-xl-tracking);color:var(--c-text-heading)}
.lead{font:500 20px/30px var(--font-body);color:var(--c-text-muted);margin-top:22px;max-width:560px}
.ctas{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}
.free{display:flex;gap:8px;align-items:center;margin-top:16px;font:700 15px/1 var(--font-body);color:var(--c-secondary)}
.hv{position:relative;height:640px;display:flex;justify-content:center;align-items:center}
.blob{position:absolute;width:520px;height:520px;border-radius:50%;background:var(--c-primary-soft)}
.phone{position:relative;width:300px;height:620px;border-radius:46px;background:#1B1B1B;padding:9px;box-shadow:var(--sh-raised)}
.phone img{width:282px;height:602px;border-radius:38px;display:block;object-fit:cover;object-position:top}
.mas{position:absolute;left:10px;bottom:30px}
.sec-l{padding-top:96px}
.sec-l h2,.final h2{font:var(--t-display-l);letter-spacing:var(--t-display-l-tracking);color:var(--c-text-heading)}
.sell{display:grid;grid-template-columns:1fr 1fr;gap:32px;background:var(--c-surface);border-radius:32px;padding:36px;margin-top:36px;box-shadow:var(--sh-card)}
.sell h3,.fc h3,.prol h3{font:var(--t-h2);color:var(--c-text-heading);margin-top:18px}
.sell p,.fc p{font:500 17px/26px var(--font-body);color:var(--c-text-muted);margin-top:10px}
.ex{background:var(--c-bg);border-radius:24px;padding:20px}
.exc{background:var(--c-surface);border-radius:18px;padding:18px}
.exl{font:800 12px/1 var(--font-body);letter-spacing:.6px;text-transform:uppercase;color:var(--c-text-subtle)}
.exc b{display:block;font:var(--t-title);font-size:18px;line-height:24px;margin-top:10px}
.exc p{font:500 15px/22px var(--font-body);color:var(--c-text);margin-top:6px}
.exp{font:600 20px/26px var(--font-display);color:var(--c-text-heading);margin-top:12px}.exp span{display:block;font:600 13px/18px var(--font-body);color:var(--c-text-muted)}
.exb{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.exb span{display:flex;align-items:center;justify-content:center;gap:6px;height:44px;border-radius:999px;background:var(--c-surface);font:800 14px/1 var(--font-body);color:var(--c-text-heading);box-shadow:var(--sh-card)}
.fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}
.last{display:flex;gap:8px;align-items:center;margin-top:14px;font:700 15px/22px var(--font-body);color:var(--c-secondary)}
.last svg{flex:none}
.soonl{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font:600 14px/20px var(--font-body);opacity:.9;margin-bottom:12px}.soonl .soon{margin:0}
.tl{margin-top:10px;font:700 14px/1 var(--font-body)}.tl a{color:var(--c-text-muted);text-decoration:underline;text-underline-offset:3px}
.slot-empty{height:0}
.offer-line.now{margin:18px 0 0;max-width:720px;font-size:16px}
.offer-line.now.big{margin:0 auto;font-size:18px;line-height:26px;padding:18px 22px;justify-content:center}
.foot .sup{margin-top:6px}.foot .sup b{color:var(--c-text);font-weight:700}
.fc{background:var(--c-surface);border-radius:24px;padding:24px;box-shadow:var(--sh-card)}
.fc h3{font-size:18px;line-height:24px}
.fc p{font-size:15px;line-height:23px}
.fc.is-soon{background:var(--c-surface-2);box-shadow:none}
.soon{display:inline-flex;align-items:center;margin-left:8px;vertical-align:3px;background:var(--c-accent-sand);color:#7A4A12;font:800 12px/1 var(--font-body);padding:5px 9px;border-radius:999px;letter-spacing:.2px}
.how{background:var(--c-surface-2);margin-top:96px;padding-bottom:80px}
.how .sec-l{padding-top:80px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}
.step{position:relative;background:var(--c-surface);border-radius:24px;padding:28px 24px}
.num{position:absolute;right:22px;top:18px;font:600 44px/1 var(--font-display);color:var(--c-primary-soft)}
.sic{width:56px;height:56px;border-radius:16px;background:var(--c-primary-soft);display:flex;align-items:center;justify-content:center}
.step p{font:700 17px/25px var(--font-body);margin-top:18px}
.note{display:flex;gap:10px;align-items:center;margin-top:20px;font:700 16px/22px var(--font-body);color:var(--c-secondary)}
.prow{display:grid;grid-template-columns:1fr 2fr;gap:16px;margin-top:36px}
.freec,.prol,.pcard{background:var(--c-surface);border-radius:28px;padding:28px;box-shadow:var(--sh-card);display:flex;flex-direction:column}
.pl{font:800 15px/1 var(--font-body);color:var(--c-text-muted)}
.pp{font:600 40px/48px var(--font-display);color:var(--c-text-heading);margin-top:10px}
.freec ul,.prol ul,.pcard ul{list-style:none;display:flex;flex-direction:column;gap:12px;margin:18px 0 22px;flex:1}
.landing li{display:flex;gap:10px;font:500 16px/24px var(--font-body)}.landing li svg{margin-top:2px}
.prol{background:var(--c-secondary);color:var(--c-text-on-primary)}
.prol h3{color:var(--c-text-on-primary);margin-top:0}
.prol ul{gap:12px;margin-bottom:16px}
.prol li small{display:block;font:500 14px/21px var(--font-body);opacity:.8;margin-top:2px}
.prol li svg{stroke:var(--c-accent-sand)}
.prol .cap{font:600 14px/20px var(--font-body);opacity:.8}
.pcards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.pcard .offer-line{margin:-6px 0 18px;font-size:13px}
.terms{font:500 15px/23px var(--font-body);color:var(--c-text-muted);margin-top:18px;max-width:900px}
.acc{margin-top:28px;display:flex;flex-direction:column;gap:10px;max-width:900px}
details{background:var(--c-surface);border-radius:20px;box-shadow:var(--sh-card)}
summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font:800 18px/24px var(--font-body);color:var(--c-text-heading);cursor:pointer}
summary::-webkit-details-marker{display:none}
details[open] .pm{transform:rotate(45deg)}
.pm{width:36px;height:36px;flex:none;border-radius:50%;background:var(--c-primary-soft);display:flex;align-items:center;justify-content:center}
.ans{padding:0 24px 22px;font:500 16px/25px var(--font-body);color:var(--c-text-muted);max-width:760px}
.ans a{color:var(--c-primary)}
.final{background:var(--c-secondary);margin-top:110px;color:var(--c-text-on-primary)}
.fin{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:72px;padding-bottom:72px}
.final h2{color:var(--c-text-on-primary)}
.ft p{font:500 19px/29px var(--font-body);opacity:.85;margin-top:16px;max-width:620px}
.foot{display:flex;gap:40px;align-items:flex-start;padding-top:40px;padding-bottom:48px;font:500 14px/22px var(--font-body);color:var(--c-text-subtle)}
.foot .lg svg{height:36px;width:auto}
.foot a{color:var(--c-text-muted);text-decoration:underline}
@media (max-width:900px){
 .wrap{padding:0 20px}
 .nav{height:64px;gap:12px}.nav nav{display:none}.nav .lg{flex:1}.nav .lg svg{height:34px}.nav .btn-s{height:40px;font-size:14px;padding:0 14px}
 .hero{grid-template-columns:1fr;min-height:0;gap:8px;padding-top:8px}
 .hero h1{font:600 31px/37px var(--font-display);letter-spacing:-.5px}
 .lead{font-size:16px;line-height:24px;margin-top:14px}
 .ctas{flex-direction:column;margin-top:20px}.ctas .btn{width:100%}
 .hv{height:420px}.blob{width:340px;height:340px}.phone{width:200px;height:414px;border-radius:32px;padding:6px}.phone img{width:188px;height:402px;border-radius:27px}
 .mas{left:-6px;bottom:6px}.mas svg{width:110px;height:110px}
 .sec-l{padding-top:64px}.sec-l h2,.final h2{font:600 28px/34px var(--font-display);letter-spacing:-.4px}
 .sell{grid-template-columns:1fr;padding:20px;gap:20px;border-radius:26px;margin-top:22px}
 .fc p{font-size:15px;line-height:23px}
  .ex{padding:12px}.exb span{font-size:13px;height:42px}
 .fgrid,.steps,.pcards,.prow{grid-template-columns:1fr}
 .prol ul{grid-template-columns:1fr}
 .how{margin-top:64px;padding-bottom:56px}.how .sec-l{padding-top:56px}
 .freec,.prol,.pcard{padding:22px;border-radius:24px}.pp{font-size:34px;line-height:40px}
 summary{font-size:16px;line-height:22px;padding:16px 18px}.ans{padding:0 18px 18px;font-size:15px;line-height:23px}
 .final{margin-top:72px}.fin{flex-direction:column;align-items:flex-start;padding-top:48px;padding-bottom:40px}.fm svg{width:151px;height:151px}
 .foot{flex-direction:column;gap:16px}
}