body{background:var(--bg);color:var(--tx);font-family:var(--font-s)}.scenario-index{max-width:1120px;margin:0 auto;padding:2.7rem clamp(1rem,4vw,2.3rem) 6rem}.index-hero{padding:1.2rem 0 1.8rem}.index-hero h1{font:800 clamp(2.2rem,6vw,4.6rem)/1 var(--font-h);letter-spacing:-.045em;color:var(--white);max-width:980px;margin:.35rem 0 1rem}.index-hero h1 em{font-style:normal;color:var(--ya)}
.index-hero p{max-width:760px;font-size:1.04rem;line-height:1.75;margin:0}.index-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.2rem}.index-btn{display:inline-flex;align-items:center;padding:.65rem .85rem;border:1px solid var(--bdr);border-radius:8px;background:var(--surf);color:var(--tx);font:650 .76rem var(--font-code);text-decoration:none}.index-btn.primary{background:var(--ya);border-color:var(--ya);color:#fff}.index-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--bdr);border:1px solid var(--bdr);border-radius:10px;overflow:hidden;margin:1.4rem 0 2.2rem}.index-flow span{background:var(--surf);padding:.68rem .45rem;text-align:center;font:600 .65rem var(--font-code);color:var(--muted)}
.index-section{margin-top:2.4rem}.index-section h2{font:760 1.35rem var(--font-h);color:var(--white);margin:0 0 .25rem}.index-section>.lead{font-size:.82rem;color:var(--muted);margin:0 0 1rem}.scenario-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.scenario-tile{--accent:var(--ya);display:block;border:1.5px solid color-mix(in srgb,var(--accent) 65%,var(--bdr));border-radius:13px;background:var(--surf);padding:1.05rem;text-decoration:none;color:inherit;transition:.15s}.scenario-tile:hover{transform:translateY(-2px);border-color:var(--accent)}.scenario-tile.diag{--accent:var(--qst)}.scenario-tile.asset{--accent:var(--plus)}.scenario-tile.sales{--accent:var(--arr)}.scenario-tile.money{--accent:var(--dot)}.scenario-tile.close{--accent:var(--at)}
.tile-top{display:flex;align-items:center;gap:.65rem}.tile-no{display:grid;place-items:center;width:1.8rem;height:1.8rem;border:1.5px solid var(--accent);border-radius:6px;color:var(--accent);font:700 .72rem var(--font-code)}.tile-kicker{font:600 .62rem var(--font-code);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.scenario-tile h3{font:740 1rem var(--font-h);color:var(--white);margin:.62rem 0 .38rem}.scenario-tile p{font-size:.79rem;line-height:1.55;margin:0;color:var(--tx)}.tile-meta{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.75rem}.tile-meta span{font:500 .62rem var(--font-code);padding:.28rem .42rem;border:1px solid var(--bdr);border-radius:5px;color:var(--muted)}
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.principle{border:1px solid var(--bdr);border-radius:10px;background:var(--surf);padding:.9rem}.principle b{display:block;color:var(--white);font:700 .82rem var(--font-h);margin-bottom:.3rem}.principle p{margin:0;font-size:.75rem;color:var(--muted);line-height:1.55}@media(max-width:800px){.scenario-catalog,.principles{grid-template-columns:1fr}.index-flow{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.index-flow{grid-template-columns:repeat(2,1fr)}.index-hero h1{font-size:2.35rem}}