.cm-hero{padding:96px 32px 72px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,oklch(60% .18 280 / .05) 0%,transparent 70%),var(--bg-2)}.cm-hero .container{padding:0}.cm-hero .ent-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;padding:4px 10px;background:oklch(from var(--info) l c h / .12);color:var(--info);border-radius:999px;letter-spacing:.06em;margin-bottom:22px}.cm-hero h1{font-size:60px;letter-spacing:-.035em;line-height:1.04;margin:0 0 18px;max-width:920px;text-wrap:pretty}.cm-hero h1 em{color:var(--fg-3)}.cm-hero .lede{font-size:17px;color:var(--fg-2);max-width:720px;margin:0 0 24px;line-height:1.55}.cm-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:36px;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.cm-pillar{padding:28px 24px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.cm-pillar:last-child{border-right:0}.cm-pillar .ph{font-family:var(--font-mono);font-size:10.5px;color:#6f6de8;letter-spacing:.08em;margin-bottom:4px}.cm-pillar h3{font-size:16px;font-weight:600;letter-spacing:-.014em;margin:0 0 4px}.cm-pillar p{font-size:12.5px;color:var(--fg-2);line-height:1.55;margin:0}.cm-pillar .stat{margin-top:auto;padding-top:14px;font-family:var(--font-mono);font-size:11px;color:var(--fg-3)}.cm-pillar .stat .v{display:block;font-family:var(--font-sans);font-size:26px;font-weight:600;color:var(--fg);letter-spacing:-.02em;margin-bottom:2px}@media(max-width:1100px){.cm-pillars{grid-template-columns:1fr 1fr}.cm-pillar:nth-child(2){border-right:0}.cm-pillar:nth-child(1),.cm-pillar:nth-child(2){border-bottom:1px solid var(--line)}}@media(max-width:700px){.cm-pillars{grid-template-columns:1fr}.cm-pillar{border-right:0;border-bottom:1px solid var(--line)}.cm-pillar:last-child{border-bottom:0}}.cm-phase{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;padding:80px 32px;border-bottom:1px solid var(--line);max-width:1440px;margin:0 auto}.cm-phase.flip{grid-template-columns:1fr 1.2fr}.cm-phase.flip .cm-phase-side{order:2}.cm-phase.flip .cm-phase-mock{order:1}.cm-phase.alt{background:var(--bg-2)}.cm-phase-side .ph{font-family:var(--font-mono);font-size:11px;color:#6f6de8;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}.cm-phase-side h2{font-size:32px;letter-spacing:-.025em;line-height:1.1;margin:0 0 14px}.cm-phase-side .desc{font-size:14.5px;color:var(--fg-2);line-height:1.6;margin:0 0 18px}.cm-phase-side ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--fg-2)}.cm-phase-side ul li{display:flex;gap:10px;align-items:flex-start}.cm-phase-side ul li:before{content:"·";color:#6f6de8;font-weight:700;flex-shrink:0;font-family:var(--font-mono)}.cm-phase-side ul li strong{color:var(--fg);font-weight:500}.cm-mock{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}.cm-mock .head{padding:12px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.08em}.cm-mock .head .pill{margin-left:auto;font-family:var(--font-mono);font-size:10px;text-transform:none;letter-spacing:0;padding:2px 8px;border-radius:4px}.cm-mock .head .pill.high{color:#f9ad26;background:#f9ad261f}.cm-mock .head .pill.crit{color:var(--crit);background:oklch(from var(--crit) l c h / .1)}.cm-mock .head .pill.ok{color:var(--ok);background:oklch(from var(--ok) l c h / .1)}.cm-mock .body{padding:14px 18px}.cm-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line-2);font-size:13px}.cm-row:last-child{border-bottom:0}.cm-row .lab{font-family:var(--font-mono);color:var(--fg)}.cm-row .lab .meta{color:var(--fg-3);font-size:11px;margin-left:8px}.cm-row .v{font-family:var(--font-mono);font-size:12px;color:var(--fg-2)}.cm-row .v.crit{color:var(--crit)}.cm-row .v.warn{color:#f9ad26}.cm-row .v.ok{color:var(--ok)}.cm-row .badge-r{font-family:var(--font-mono);font-size:9.5px;padding:2px 7px;border-radius:4px;text-transform:uppercase;letter-spacing:.06em;font-weight:500}.cm-row .badge-r.unaccept{color:var(--crit);background:oklch(from var(--crit) l c h / .1)}.cm-row .badge-r.high{color:oklch(75% .16 75);background:oklch(75% .16 75 / .12)}.cm-row .badge-r.limited{color:var(--info);background:oklch(from var(--info) l c h / .12)}.cm-row .badge-r.minimal{color:var(--ok);background:oklch(from var(--ok) l c h / .12)}@media(max-width:1000px){.cm-phase,.cm-phase.flip{grid-template-columns:1fr;gap:24px;padding:56px 32px}.cm-phase.flip .cm-phase-side{order:1}.cm-phase.flip .cm-phase-mock{order:2}.cm-hero h1{font-size:36px}}.cm-spend-bar{height:28px;border-radius:4px;background:var(--bg-3);display:flex;overflow:hidden;margin-bottom:8px}.cm-spend-bar .seg{height:100%;font-family:var(--font-mono);font-size:10px;color:#f8f8f8;display:grid;place-items:center}.cm-spend-legend{display:flex;flex-wrap:wrap;gap:14px;font-family:var(--font-mono);font-size:11px;color:var(--fg-2)}.cm-spend-legend span{display:inline-flex;align-items:center;gap:6px}.cm-spend-legend i{width:9px;height:9px;border-radius:2px;display:inline-block}.cm-mcp-row{display:grid;grid-template-columns:14px 1fr auto auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line-2);font-size:12.5px}.cm-mcp-row:last-child{border-bottom:0}.cm-mcp-row .dot{width:8px;height:8px;border-radius:50%}.cm-mcp-row .dot.ok{background:var(--ok)}.cm-mcp-row .dot.warn{background:#f9ad26}.cm-mcp-row .dot.crit{background:var(--crit)}.cm-mcp-row .name{font-family:var(--font-mono);color:var(--fg)}.cm-mcp-row .tools{color:var(--fg-3);font-family:var(--font-mono);font-size:11px}.cm-mcp-row .lat{font-family:var(--font-mono);font-size:11px;color:var(--fg-3)}@media(max-width:360px){.cm-phase{overflow-wrap:break-word}.cm-phase>*{min-width:0}}
