:root{--brand:#ef4a23;--brand-soft:#fff1ec}
.brand .mark{width:20px;height:20px}
.brand .word{letter-spacing:.08em}
.factor-note{margin-top:18px;font:11px var(--mono);color:var(--faint)}
.factor-note b{color:var(--ink);font-weight:600}
.brain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}
.brain-card{display:flex;flex-direction:column;min-height:198px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff}
.brain-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.brain-name{display:flex;align-items:center;gap:11px;font-size:14px;font-weight:650}
.brain-name img{width:30px;height:30px;object-fit:contain;border:1px solid #eceef1;border-radius:7px;background:#fff}
.brain-rank{font:10px var(--mono);color:var(--faint)}
.brain-fit{margin-top:20px;font-size:13px;font-weight:650}
.brain-card p{margin:7px 0 18px;color:var(--muted);font-size:12px;line-height:1.55;flex:1}
.brain-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid var(--line);font:9.5px var(--mono);color:var(--faint);text-transform:uppercase}
.brain-state{display:inline-flex;align-items:center;gap:6px}
.brain-state::before{content:"";width:6px;height:6px;border-radius:50%;background:#9aa1aa}
.brain-state.serving::before{background:#0f8a4d}.brain-state.connect::before{background:#d08a00}.brain-state.queued::before{background:#8b92a0}
.shift-board{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:28px}
.shift-board>div{padding:22px 20px 8px 0;border-right:1px solid var(--line)}
.shift-board>div+div{padding-left:20px}.shift-board>div:last-child{border-right:0}
.shift-board span{font:9px var(--mono);color:var(--brand)}
.shift-board b{display:block;margin-top:9px;font-size:13px}.shift-board p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.55}
.boundary{margin-top:20px;padding:14px 16px;border:1px solid var(--line);border-radius:9px;background:#f7f8f9;font:600 12px var(--mono);color:#3d4652}
.pricing-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}
.price-box{padding:22px;border:1px solid var(--line);border-radius:12px}.price-box.featured{border-color:#15181c;background:#0b0c0e;color:#fff}
.price-box small{font:9.5px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--faint)}
.price-box h3{font-size:25px;margin:18px 0 5px}.price-box h3 span{font-size:12px;color:var(--faint);font-weight:500}
.price-box p{font-size:12px;line-height:1.55;color:var(--muted)}.price-box.featured p{color:#afb5bd}
.doc-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:52px;padding-top:58px;padding-bottom:90px}
.doc-side{position:sticky;top:28px;align-self:start;display:grid;gap:8px;font-size:12px}.doc-side a{color:var(--muted)}.doc-side a:hover{color:var(--ink)}
.doc-main{max-width:720px}.doc-main h1{font-size:40px;margin:8px 0 12px}.doc-main h2{font-size:24px;margin:48px 0 12px}.doc-main h3{font-size:15px;margin:28px 0 8px}
.doc-main p,.doc-main li{font-size:14px;line-height:1.7;color:var(--muted)}.doc-main strong{color:var(--ink)}
.doc-main pre{overflow:auto;padding:18px;border:1px solid var(--line);border-radius:10px;background:#f7f8fa;font:11px/1.65 var(--mono);color:#26303c}
.doc-main code{font-family:var(--mono)}
.simple-hero{padding-top:64px;padding-bottom:26px}.simple-hero h1{font-size:clamp(34px,5vw,54px);margin:10px 0 12px}.simple-hero p{max-width:58ch}
@media(max-width:760px){.brain-grid,.pricing-strip{grid-template-columns:1fr}.shift-board{grid-template-columns:1fr}.shift-board>div,.shift-board>div+div{padding:16px 0;border-right:0;border-bottom:1px solid var(--line)}.doc-layout{grid-template-columns:1fr}.doc-side{position:static;grid-template-columns:repeat(2,1fr)}}