/* Phase 3: product positioning and solution architecture. Route-scoped; no global JS. */
.ce3-product-home,.ce3-start,.ce3-how-it-works,.ce3-individuals,.ce3-organizations,.ce3-employers{--ce3-gap:clamp(1rem,2vw,1.5rem)}
.ce3-problem-section,.ce3-eight-stage,.ce3-start-help{margin-block:clamp(2rem,5vw,4.5rem)}
.ce3-problem-grid,.ce3-start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ce3-gap)}
.ce3-problem-card,.ce3-start-card{display:flex;flex-direction:column;gap:.7rem;min-height:100%;padding:clamp(1rem,2vw,1.45rem);border:1px solid var(--ce-border,#293449);border-radius:18px;background:var(--ce-surface,#111927)}
.ce3-problem-card h3,.ce3-start-card h3{margin:0;font-size:clamp(1.05rem,2vw,1.3rem)}
.ce3-problem-card p,.ce3-start-card p,.ce3-limit-note{margin:0;color:var(--ce-muted,#b7c2d3)}
.ce3-problem-card .ce-button,.ce3-start-card .ce-button{margin-top:auto;align-self:flex-start}
.ce3-process-list{counter-reset:ce3-stage;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ce3-gap);list-style:none;padding:0;margin:1.2rem 0 0}
.ce3-process-list li{counter-increment:ce3-stage;position:relative;padding:1.05rem 1rem 1rem 3rem;border:1px solid var(--ce-border,#293449);border-radius:16px;background:var(--ce-surface,#111927);font-weight:700}
.ce3-process-list li:before{content:counter(ce3-stage);position:absolute;left:1rem;top:1rem;width:1.35rem;height:1.35rem;display:grid;place-items:center;border-radius:999px;background:var(--ce-accent,#18c985);color:#06110d;font-size:.75rem;font-weight:800}
.ce3-limit-note{padding:1rem 1.15rem;border-left:3px solid var(--ce-accent,#18c985);background:color-mix(in srgb,var(--ce-surface,#111927) 88%,transparent);border-radius:0 12px 12px 0}
@media (max-width:900px){.ce3-problem-grid,.ce3-start-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ce3-process-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.ce3-problem-grid,.ce3-start-grid,.ce3-process-list{grid-template-columns:1fr}}
