section{padding:64px 0}h1,h2,h3{line-height:1.12}.prose p{color:var(--muted);max-width:70ch}.prose p+p{margin-top:14px}.prose strong{color:var(--ink)}.hero{padding:80px 0 48px}.hero h1{font-size:clamp(32px,4.4vw,48px);font-weight:900;margin-bottom:18px}.hero h1 em{font-style:normal;color:var(--red)}.proto-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}@media(max-width:860px){.proto-grid{grid-template-columns:1fr}}.proto{background:var(--con-bg);border-radius:var(--r-sm);overflow:hidden;color:var(--con-text)}.proto svg{display:block;width:100%;height:auto;border-bottom:1px solid var(--con-line)}.proto-body{padding:20px 22px}.proto-body h3{font-size:17px;margin-bottom:8px}.proto-body p{color:var(--con-muted);font-size:14.5px;line-height:1.6}.proto-verdict{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-top:12px;display:block}.v-bad{color:#ef8a80}.v-meh{color:var(--warn)}.v-good{color:var(--up)}.cap-label{font-family:var(--display);font-size:9.5px;font-weight:600;fill:var(--con-muted)}.lnk{fill:none;stroke:var(--up);stroke-width:2;stroke-dasharray:5 7;animation:flow 1.4s linear infinite}.lnk.thick{stroke-width:3.5;animation-duration:.8s}.lnk.thin{stroke-width:1.4;stroke-opacity:.7;animation-duration:2.4s}.lnk.idle{stroke:var(--con-line);stroke-dasharray:2 6;animation:none}.lnk.warn{stroke:var(--warn)}.lnk.hot{stroke:var(--down)}@media(prefers-reduced-motion:reduce){.lnk{animation:none}}.duo{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}@media(max-width:760px){.duo{grid-template-columns:1fr}}.m-card{background:#fff;border:1px solid var(--rule);border-radius:var(--r-sm);padding:26px 28px}.m-card h3{font-size:18px;margin-bottom:10px}.m-card .m-tag{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--red);display:block;margin-bottom:10px}.m-card p{color:var(--muted);font-size:15px}.console{margin-top:44px}#ring-status{margin-left:auto;text-align:right}.ceo{background:var(--paper-2)}.ceo-card{background:var(--paper-2);border-left:4px solid var(--red);border-radius:var(--r-card);padding:30px 32px;margin-top:36px}.ceo-card h3{font-size:19px;margin-bottom:12px}.ceo-card p{color:var(--muted);font-size:15.5px;max-width:72ch}.ceo-card p+p{margin-top:12px}.ceo-card strong{color:var(--ink)}.next-link{display:inline-block;margin-top:28px;font-size:15.5px;color:var(--red);font-weight:600;text-decoration:none;border-bottom:2px solid var(--red);padding-bottom:2px}.next-link:hover{color:var(--red-dark);border-color:var(--red-dark)}.ubars{padding:12px 16px;border-bottom:1px solid var(--con-line);display:grid;gap:6px;background:#0a090666}.ubar-line{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--con-muted)}.ubar-name{min-width:44px}.ubar-track{flex:1;height:9px;background:#0d0b08;border:1px solid var(--con-line);border-radius:2px;overflow:hidden}.ubar-fill{height:100%;width:0%;background:var(--up);border-radius:2px;transition:width .9s ease,background .4s}.ubar-fill.warn{background:var(--warn)}.ubar-fill.hot{background:var(--down)}.ubar-fill.idle{background:var(--con-line)}.ubar-pct{min-width:112px;text-align:right}.ubar-pct.warn{color:var(--warn)}.ubar-pct.hot{color:var(--down)}.ubar-total{font-size:11.5px;font-weight:600;margin-top:4px}.ring-bars{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:14px 16px;border-top:1px solid var(--con-line)}@media(max-width:760px){.ring-bars{grid-template-columns:repeat(2,1fr)}}.rb{font-size:11px;color:var(--con-muted)}.rb b{display:block;font-weight:500;color:var(--con-text);letter-spacing:.06em;margin-bottom:5px}.rb .line{display:flex;align-items:center;gap:5px;margin-top:3px}.rb .ubar-track{height:8px}.rb .ubar-pct{min-width:38px;font-size:9.5px}.rb .arrow{font-size:14px;line-height:1;width:15px;text-align:center;color:var(--con-text)}.mode-toggle{display:flex;gap:6px;margin-left:14px}.mt{font-family:var(--display);font-size:12px;font-weight:600;padding:4px 12px;border-radius:14px;border:1px solid var(--con-line);background:transparent;color:var(--con-muted);cursor:pointer;transition:all .15s}.mt:hover{color:var(--con-text)}.mt.active{border-color:var(--con-text);color:var(--con-text);background:#e7ecf214}.lnk.rev{animation-name:flow-rev}@keyframes flow-rev{to{stroke-dashoffset:24}}
