/* ── Spoke pages — дополнение к style.css v3 ── */
.crumbs{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted);padding:0 0 0;font-weight:500}
.crumbs a{color:var(--muted);transition:color .3s}.crumbs a:hover{color:var(--brand)}
.crumbs span{color:var(--faint)}
.crumbs b{color:var(--ink-2);font-weight:600}

.shero{position:relative;overflow:hidden;padding:clamp(110px,14vw,150px) 0 clamp(48px,6vw,84px)}
.shero__in{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,64px);align-items:center}
.shero__h{font-family:'Unbounded',sans-serif;font-weight:700;font-size:clamp(27px,4.6vw,54px);line-height:1.06;letter-spacing:-.03em;margin:22px 0 0;overflow-wrap:break-word}
@media(max-width:520px){.shero__h{font-size:25px;line-height:1.1}}
.shero__sub{font-size:clamp(16px,1.4vw,18.5px);color:var(--ink-2);margin:22px 0 0;line-height:1.6;max-width:540px;font-weight:450}
.shero__btns{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}
.shero__metrics{display:flex;flex-wrap:wrap;gap:11px;margin-top:30px}
.metric{background:var(--paper);border:1px solid var(--hair);border-radius:var(--r-sm);padding:13px 17px;box-shadow:var(--sh-1)}
.metric b{font-family:'Unbounded',sans-serif;font-size:18px;display:block;letter-spacing:-.01em}
.metric span{font-size:12px;color:var(--muted);margin-top:3px;display:block}
.shero__shot{position:relative;z-index:2}
@media(max-width:880px){.shero__in{grid-template-columns:1fr}.shero{padding-top:118px}}

/* FEATURE grid — double-bezel + unified mock */
.feats{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:56px}
.feat{background:var(--bg-2);border:1px solid var(--hair);border-radius:var(--r-xl);padding:7px;box-shadow:var(--sh-1);transition:transform .55s var(--spring),box-shadow .55s var(--spring)}
.feat:hover{transform:translateY(-6px);box-shadow:var(--sh-3)}
.feat__core{background:var(--paper);border-radius:calc(var(--r-xl) - 7px);box-shadow:var(--hi);overflow:hidden}
.feat__mock{padding:18px 18px 0}
.feat .mock{box-shadow:var(--sh-1)}
.feat__body{padding:22px 26px 28px}
.feat__ic{width:46px;height:46px;border-radius:13px;background:linear-gradient(150deg,var(--brand-50),#fff);border:1px solid var(--brand-100);color:var(--brand);display:grid;place-items:center;margin-bottom:15px;box-shadow:var(--sh-1)}
.feat__body h3{font-family:'Unbounded',sans-serif;font-weight:600;font-size:18px;margin:0;letter-spacing:-.015em}
.feat__body p{color:var(--ink-2);font-size:14.5px;margin:10px 0 0;line-height:1.56;font-weight:450}
@media(max-width:880px){.feats{grid-template-columns:1fr}}

/* intro card (что такое X) */
.define{background:var(--bg-2);border:1px solid var(--hair);border-radius:var(--r-xl);padding:8px;box-shadow:var(--sh-2);max-width:880px;margin:0 auto}
.define__core{background:var(--paper);border-radius:calc(var(--r-xl) - 8px);box-shadow:var(--hi);padding:clamp(28px,4vw,46px);text-align:center}

/* checklist */
.checks{display:grid;grid-template-columns:1fr 1fr;gap:14px 32px;margin-top:32px;max-width:780px}
.checkrow{display:flex;align-items:flex-start;gap:12px;font-size:15px;color:var(--ink-2);font-weight:450}
.checkrow .ic{color:var(--mint);margin-top:3px;stroke-width:2.1;flex:none}
@media(max-width:620px){.checks{grid-template-columns:1fr}}

/* bonus → back to club */
.bonus{position:relative;overflow:hidden;border-radius:var(--r-xl);background:linear-gradient(140deg,#312e81,#100d2e);padding:clamp(40px,5.5vw,68px);text-align:center;box-shadow:var(--sh-3)}
.bonus__bg{position:absolute;inset:0;pointer-events:none}
.bonus__in{position:relative;z-index:1;max-width:620px;margin:0 auto}
.bonus__h{font-family:'Unbounded',sans-serif;font-weight:600;font-size:clamp(24px,3.4vw,38px);color:#fff;line-height:1.1;margin:20px 0 0;letter-spacing:-.025em}
.bonus__tx{color:#c7d2fe;font-size:17px;margin:16px auto 0;max-width:500px;font-weight:450}
.bonus__btns{display:flex;flex-wrap:wrap;gap:13px;justify-content:center;margin-top:30px}

/* related */
.related{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:46px}
.relcard{display:flex;align-items:center;gap:16px;background:var(--bg-2);border:1px solid var(--hair);border-radius:var(--r-lg);padding:7px 7px 7px 7px;box-shadow:var(--sh-1);transition:transform .5s var(--spring),box-shadow .5s var(--spring)}
.relcard:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}
.relcard__core{display:flex;align-items:center;gap:16px;background:var(--paper);border-radius:calc(var(--r-lg) - 7px);box-shadow:var(--hi);padding:18px 22px;width:100%}
.relcard__ic{width:48px;height:48px;border-radius:13px;background:linear-gradient(150deg,var(--brand-50),#fff);border:1px solid var(--brand-100);color:var(--brand);display:grid;place-items:center;flex:none}
.relcard__tx b{font-size:16px;display:block}
.relcard__tx span{font-size:13px;color:var(--muted)}
.relcard__arr{margin-left:auto;color:var(--brand);transition:transform .45s var(--spring)}
.relcard:hover .relcard__arr{transform:translateX(5px)}
@media(max-width:620px){.related{grid-template-columns:1fr}}