.home-heading { margin-bottom:28px; }
.home-heading h1 { font-size:34px; max-width:650px; }
.home-heading .page-subtitle { max-width:670px; font-size:16px; line-height:1.7; }
.intelligence-flow { padding:22px 24px; background:#fff; border:1px solid var(--line); border-radius:var(--radius); }
.flow-heading { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:8px; margin-bottom:22px; }
.flow-heading h2 { font-size:14px; letter-spacing:0; }
.flow-heading > span { font-size:12px; color:var(--muted); }
.flow-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); list-style:none; gap:24px; margin:0; padding:0; }
.flow-steps li { position:relative; min-width:0; }
.flow-steps .model-icon,.flow-icon { margin-bottom:12px; }
.flow-icon { display:grid; place-items:center; width:38px; height:38px; background:#f2f2f0; border-radius:9px; }
.decision-icon { background:#111; color:white; }
.flow-steps strong { display:block; font-size:13px; font-weight:650; line-height:1.4; }
.flow-steps div > span { display:block; margin-top:5px; font-size:11px; color:var(--muted); line-height:1.5; }
.flow-arrow { position:absolute; top:6px; right:0; color:#8a8a8a; font-size:21px; }
.hub-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin-top:24px; }
.hub-card { display:flex; flex-direction:column; align-items:flex-start; text-decoration:none; min-height:280px; border-top-width:3px; transition:border-color .15s,box-shadow .15s; }
.hub-card:hover { border-color:#888; box-shadow:0 6px 20px #00000008; }
.claude-hub { border-top-color:#c16f53; }
.gpt-hub { border-top-color:#111; }
.hub-top { display:flex; width:100%; align-items:center; gap:16px; margin-bottom:20px; }
.hub-top .model-icon { width:52px; height:52px; }
.layer-label { font-size:11px; letter-spacing:1px; font-weight:600; color:var(--muted); }
.hub-card h2 { font-size:24px; margin-bottom:7px; }
.hub-card p { color:var(--muted); font-size:14px; margin-bottom:22px; max-width:440px; }
.hub-card .hub-lead { color:#222; font-size:15px; font-weight:550; margin-bottom:12px; }
.hub-action { display:flex; justify-content:space-between; align-items:center; margin-top:auto; padding-top:18px; border-top:1px solid var(--line); width:100%; font-size:14px; font-weight:650; }
.hub-action span { font-size:20px; }
.decision-principles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; padding:4px 2px 30px; }
.decision-principles strong { font-size:13px; font-weight:650; }
.decision-principles p { color:var(--muted); font-size:12px; margin-top:3px; }
@media (max-width:600px) {
  .home-heading h1 { font-size:29px; }
  .home-heading .page-subtitle { font-size:15px; }
  .desktop-break { display:none; }
  .intelligence-flow { padding:20px; }
  .flow-heading { margin-bottom:20px; }
  .flow-steps { grid-template-columns:1fr; gap:22px; }
  .flow-steps li { display:flex; gap:14px; align-items:center; }
  .flow-steps .model-icon,.flow-icon { margin-bottom:0; }
  .flow-steps div > span { margin-top:2px; font-size:12px; }
  .flow-steps strong { font-size:14px; }
  .flow-arrow { top:auto; bottom:-24px; left:13px; right:auto; font-size:17px; transform:rotate(90deg); }
  .hub-grid { grid-template-columns:1fr; gap:0; }
  .hub-card { min-height:0; }
  .hub-card h2 { font-size:22px; }
  .decision-principles { grid-template-columns:1fr; gap:16px; }
}