body{min-height:100vh}.mode-nav{height:72px;max-width:1240px;margin:auto;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);gap:16px}.mode-nav>div{display:flex;gap:8px}.mode-app{max-width:1240px;margin:auto;padding:30px 22px 60px;display:grid;grid-template-columns:240px 1fr;gap:24px}.mode-menu{display:grid;gap:8px;position:sticky;top:22px}.mode-menu a{display:grid;grid-template-columns:28px 1fr;gap:9px;text-decoration:none;color:var(--text2);padding:11px;border:1px solid var(--border);border-radius:13px}.mode-menu a.active{color:var(--text);border-color:var(--accent2);background:var(--card)}.mode-menu b{font-size:12px}.mode-menu small{font-size:10px}.mode-view{border:1px solid var(--border);border-radius:26px;background:var(--card);padding:34px}.mode-view .kicker{font-size:11px;color:var(--accent2);font-weight:800;letter-spacing:.08em}.mode-view h1{font-size:clamp(34px,5vw,58px);line-height:1;margin:13px 0 18px}.mode-view>p{color:var(--text2);font-size:16px;max-width:760px}.mode-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0}.mode-kpis div,.mode-step{padding:16px;border:1px solid var(--border);border-radius:15px}.mode-kpis b{display:block;font-size:20px}.mode-kpis span,.mode-step p{font-size:11px;color:var(--text2)}.mode-flow{display:grid;gap:9px;margin:24px 0}.mode-step{display:grid;grid-template-columns:34px 1fr;gap:12px}.mode-step i{font-style:normal;width:30px;height:30px;border-radius:9px;border:1px solid var(--border);display:grid;place-items:center;font-size:11px}.mode-step h3{font-size:14px;margin:0}.mode-step p{margin:4px 0 0}.mode-cta{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}@media(max-width:780px){.mode-app{grid-template-columns:1fr}.mode-menu{position:static;grid-template-columns:repeat(3,1fr)}.mode-menu a{grid-template-columns:1fr;text-align:center}.mode-view{padding:22px}.mode-kpis{grid-template-columns:1fr}.mode-nav .btn-ghost{display:none}}