.p3-hero-grid{grid-template-columns:55fr 45fr;align-items:center;gap:48px;padding:72px 0 88px;display:grid}.p3-hero-p{color:var(--text-secondary);max-width:500px;margin:20px 0 0;font-size:18px;line-height:1.6}@media (max-width:900px){.p3-hero-grid{grid-template-columns:1fr;gap:36px;padding:44px 0 56px}}.p3-diagram{background:var(--surface-default);box-shadow:var(--shadow-2);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);padding:24px}.p3-dlabel{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;font-size:10px;font-weight:600}.p3-dlabel.brand{color:var(--brand)}.p3-diagram svg{width:100%;height:auto;display:block}.p3-node{fill:var(--surface-subtle);stroke:var(--border-default);stroke-width:1.5px}.p3-node-lbl{fill:var(--text-secondary);font-family:var(--font-sans);text-anchor:middle;dominant-baseline:middle;font-size:11px;font-weight:600}.p3-central{fill:var(--brand-subtle)}.p3-central-lbl{fill:var(--brand);font-family:var(--font-sans);text-anchor:middle;dominant-baseline:middle;font-size:12px;font-weight:600}.p3-line{stroke:var(--brand);stroke-width:2px}.p3-mid{color:var(--text-muted);justify-content:center;align-items:center;gap:8px;margin:12px 0;display:flex}.p3-mid svg{width:22px;height:22px}.p3-mid span{color:var(--brand);font-size:12px;font-weight:600}.p3-missing{border-left:3px solid var(--attention);background:var(--attention-surface);border-radius:0 var(--radius-md) var(--radius-md) 0;margin-top:14px;padding:12px}.p3-missing-k{letter-spacing:.04em;text-transform:uppercase;color:var(--attention-text);margin-bottom:4px;font-size:11px;font-weight:600}.p3-missing-t{color:var(--attention-text);font-size:13px;line-height:1.5}.p3-flows{align-items:stretch;margin-top:44px;display:flex}.p3-flow{flex:1}.p3-flow-num{font-family:var(--font-mono);color:var(--brand);font-size:13px;font-weight:500}.p3-flow-title{margin:4px 0 0;font-size:17px}.p3-flow-text{color:var(--text-secondary);margin:8px 0 0;font-size:14px;line-height:1.6}.p3-flow-arrow{color:var(--text-muted);flex:none;align-items:center;padding:0 16px;display:flex}.p3-flow-arrow svg{width:22px;height:22px}@media (max-width:900px){.p3-flows{flex-direction:column;gap:24px}.p3-flow-arrow{align-self:flex-start;padding:4px 0;transform:rotate(90deg)}}