/* Mend AI brain page (/mend-ai), served as /site-mend-ai.css. Decorative motion stops under prefers-reduced-motion. */
.brain-page{padding-bottom:40px}
.brain-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center;padding:72px 0 64px}
.brain-hero h1{font-size:clamp(38px,4.4vw,56px);line-height:1.15;letter-spacing:-2.4px;font-weight:660;margin-top:20px}
.brain-hero h1 span{color:#7961ad}
.brain-lede{font-size:16px;line-height:1.8;color:var(--muted);margin-top:20px;max-width:520px}
.brain-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 26px;margin-top:30px}
.brain-actions .inline-link{margin-top:0}
.brain-figure{margin:0;background:#fff;border:1px solid #e1dcea;border-radius:18px;padding:18px 18px 14px;box-shadow:0 20px 60px #3f2f6610}
.brain-figure figcaption{font-size:11px;line-height:1.7;color:#646672;margin-top:8px}
.brain-svg{display:block;width:100%;height:auto}
.brain-shell{fill:#f6f2fb;stroke:#cbbfe0;stroke-width:2}
.brain-fold{fill:none;stroke:#ded5ec;stroke-width:2;stroke-linecap:round}
.synapse{fill:none;stroke:#b9a7da;stroke-width:2;stroke-dasharray:6 10;animation:flow 3.2s linear infinite}
.synapse.s2{animation-delay:-.6s}.synapse.s3{animation-delay:-1.2s}.synapse.s4{animation-delay:-1.8s}.synapse.s5{animation-delay:-2.4s}
.neuron{stroke:#fff;stroke-width:3}
.n-in{fill:#8d7ac6}.n-out{fill:#5f8f63}
.n-core{fill:#6d55b0;stroke:#e9e2f6;stroke-width:8;animation:core 2.6s ease-in-out infinite;transform-origin:260px 196px}
.neurons .n1{animation:fire 3.2s ease-in-out infinite}.neurons .n2{animation:fire 3.2s ease-in-out -.6s infinite}
.neurons .n3{animation:fire 3.2s ease-in-out -1.2s infinite}.neurons .n4{animation:fire 3.2s ease-in-out -1.8s infinite}
.neurons .n5{animation:fire 3.2s ease-in-out -2.4s infinite}
.core-label{fill:#fff;font:700 13px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.brain-labels text{fill:#4a4f57;font:600 11px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
@keyframes flow{to{stroke-dashoffset:-32}}
@keyframes fire{0%,100%{opacity:.55}45%{opacity:1}}
@keyframes core{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
.brain-live{padding:8px 0 56px}
.live-card{background:#f4f0fa;border:1px solid #e1d8ef;border-radius:16px;padding:26px 30px}
.live-card .small-badge{display:flex;align-items:center;gap:8px;color:#5c4787;font-weight:650}
.live-card h2{font-size:22px;line-height:1.4;letter-spacing:-.4px;font-weight:620;margin:10px 0 10px}
.live-card p{font-size:14px;line-height:1.8;color:#4f555b;max-width:860px}
.live-rules{margin:14px 0 0;padding-left:20px;font-size:13px;line-height:1.85;color:#565c63}
.brain-loop,.brain-stats,.brain-versions,.brain-roadmap{padding:48px 0 56px;border-top:1px solid var(--line)}
.brain-loop h2,.brain-stats h2,.brain-versions h2,.brain-roadmap h2{font-size:30px;font-weight:630;line-height:1.3;letter-spacing:-1px;margin:12px 0 14px}
.loop-steps,.roadmap-steps{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.loop-steps li,.roadmap-steps li{border-top:2px solid #d8d1e2;padding-top:16px}
.loop-step{display:block;font-size:11px;font-weight:650;letter-spacing:1.5px;text-transform:uppercase;color:#64498d;margin-bottom:6px}
.loop-steps strong,.roadmap-steps strong{display:block;font-size:16px;line-height:1.5;font-weight:650;margin-bottom:8px}
.loop-steps p,.roadmap-steps p{font-size:13px;line-height:1.85;color:#565c63}
.stats-note{font-size:14px;line-height:1.8;color:var(--muted);max-width:720px}
.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:26px 0 0}
.stat-grid div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 22px}
.stat-grid dt{font-size:12px;font-weight:650;color:#5f6268}
.stat-grid dd{margin:6px 0 4px;font-size:34px;font-weight:680;letter-spacing:-1px;color:#4d3a7a}
.stat-grid p{font-size:12px;line-height:1.7;color:#60656c}
.version-list{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:14px;max-width:860px}
.version-list li{display:grid;grid-template-columns:90px 160px minmax(0,1fr);gap:14px;align-items:baseline;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:#fff}
.version-current{border-color:#cdbfe6!important;background:#faf8fd!important}
.version-tag{font:700 14px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#4d3a7a}
.version-next{color:#6b7280}
.version-date{font-size:12px;color:#646672}
.version-list p{font-size:14px;line-height:1.75;color:#4f555b}
.roadmap-badge{display:inline-block;font-size:11px;font-weight:650;letter-spacing:.4px;padding:2px 10px;border-radius:999px;background:#e7f1e3;color:#2f5428;margin-bottom:10px}
.roadmap-steps li:nth-child(2) .roadmap-badge{background:#e8eef9;color:#244a83}
.roadmap-planned{background:#f4f0fa!important;color:#5c4787!important}
.roadmap-now{border-top-color:#8d7ac6!important}
.roadmap-honest{margin-top:22px;font-size:13px;line-height:1.8;color:#5f6268;max-width:760px}
@media(max-width:900px){.brain-hero{grid-template-columns:1fr;gap:36px;padding:44px 0 46px}.brain-figure{max-width:620px}}
@media(max-width:740px){.loop-steps,.roadmap-steps,.stat-grid{grid-template-columns:1fr;gap:18px}.version-list li{grid-template-columns:1fr;gap:4px}.brain-loop h2,.brain-stats h2,.brain-versions h2,.brain-roadmap h2{font-size:26px}.live-card{padding:20px}}
@media(prefers-reduced-motion:reduce){.synapse,.neuron,.n-core{animation:none}}
