/* Главная zidos.dev по рассказу (25.10): шапка с кнопкой, герой с маскотом в строке, сетка механик без пустот, цена беты, подвал. */
.nav-cta{margin-left:12px;height:44px;padding:0 20px;white-space:nowrap}
@media(max-width:1099px){.nav-cta{display:none}}
.hero-copy h1{display:inline-flex;align-items:center;justify-content:center;gap:.12em;max-width:none}
.hero-copy h1 .hero-mascot{width:.82em;height:.82em;flex:none}
.hero-copy .ctas{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px}

/* Механики (ob-home-7): крупная карточка и узкая, пара равных, широкая горизонтальная внизу; цветная одна (права). Колонки по высоте строки, копия внизу как на эталоне. */
#plan{grid-column:span 7}#document{grid-column:span 5}#rights,#yours{grid-column:span 6}#queue{grid-column:span 12}
#plan .plan-list{gap:22px}
#queue{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px}
@media(max-width:1100px) and (min-width:769px){#plan,#document{grid-column:span 6}}
@media(max-width:768px){#queue{display:flex}}
#rights{background:var(--action);color:var(--action-ink)}
#rights .mini-meta,#rights .mini-ui,#rights .mechanic-copy h3,#rights .mechanic-copy p,#rights .mini-agent span,#rights .permission-explanation{color:var(--action-ink)}
#rights .mini-meta,#rights .mini-agent span,#rights .mechanic-copy p{opacity:.78}
#rights .mascot{--m-color:#5C9A00;--m-detail:#3F6B00}
#rights .mini-ui button:focus-visible{outline-color:var(--action-ink)}

/* Права: один сегмент в одну строку из трёх кнопок, выбранное инверсией. */
.permission-options{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:4px}
.permission-options button{padding:10px 12px;white-space:nowrap;min-width:0}
#rights .permission-options button{background:#92CC2E;color:var(--action-ink)}
#rights .permission-options button[aria-pressed=true]{background:var(--action-ink);color:var(--action)}
@media(max-width:480px){.mechanic-card{padding:20px}.permission-options button{padding:10px 8px}}
@media(max-width:380px){.mechanic-card{padding:16px}.permission-options{gap:2px}.permission-options button{padding:10px 5px}}

/* Цена беты: один крупный объект. */
.price-box{display:grid;justify-items:center;gap:20px;padding:80px 24px;background:var(--frame);border-radius:28px;text-align:center}
.price-box h2{font-size:clamp(28px,3.4vw,40px)}
.price-object{font-size:clamp(48px,14vw,200px);font-weight:500;letter-spacing:-.06em;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}
.price-note{color:var(--muted);font-size:18px;line-height:1.5;max-width:46ch}
@media(max-width:759px){.price-box{padding:56px 16px}.price-note{font-size:16px}}

/* Финал (ob-home-12): соты из тональных ячеек, шесть агентов в ячейках, текст поверх. */
.final{--hx:112px;--hy:calc(var(--hx)*1.1547)}
.cta{grid-template-columns:minmax(0,1fr);display:grid;align-items:center;justify-items:center;position:relative;overflow:hidden;border-radius:28px;padding:48px 0}
.hex-field{min-width:0;overflow:hidden;grid-area:1/1;align-self:stretch;justify-self:stretch;display:grid;align-content:center;justify-items:center}
.hex-row{display:flex;justify-content:center;margin-top:calc(var(--hy)*-.25 + 4px)}.hex-row:first-child{margin-top:0}.hex-row:nth-child(even){transform:translateX(calc(var(--hx)/2))}
.hex{width:var(--hx);height:var(--hy);margin:0 2px;flex:none;display:grid;place-items:center;background:var(--frame);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.hex-m{background:var(--panel)}.hex figure{margin:0}.hex figcaption{display:none}
.cta-body{grid-area:1/1;z-index:1;display:grid;justify-items:center;gap:24px;padding:0 24px;max-width:640px}.cta-body h2{text-wrap:balance}
@media(max-width:759px){.final{--hx:84px}.cta{padding:32px 0 0;gap:32px}.cta-body{grid-area:1/1}.hex-field{grid-area:2/1}}
.footer-sites{padding-top:16px;padding-bottom:8px}.footer-sites p{font-size:16px;line-height:1.5;color:var(--muted)}.footer-sites a{color:var(--ink);text-underline-offset:3px;text-decoration:underline}