.problem-value { position:relative; padding:clamp(5.5rem,9vw,8.5rem) 0 clamp(6rem,10vw,9rem); overflow:hidden; background:var(--color-paper); scroll-margin-top:5.2rem; }
.problem-value::before { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,transparent 48%,rgba(var(--color-signal-rgb),.035) 48.1%,transparent 48.2%),radial-gradient(circle at 85% 32%,rgba(var(--color-signal-rgb),.07),transparent 26rem); }
.problem-value__layout { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,.8fr) minmax(32rem,1.2fr); gap:clamp(3rem,8vw,9rem); align-items:start; }
.problem-value__copy { max-width:36rem; display:grid; gap:1.4rem; }.problem-value__copy h2 { max-width:11.5ch; font-size:clamp(2.5rem,4.2vw,4.15rem); line-height:1.01; letter-spacing:-.052em; }.problem-value__copy p { color:var(--color-text-muted); font-size:var(--text-body-lg); line-height:1.7; }.problem-value__copy p + p { margin-top:-.3rem; }
.problem-value__questions { display:grid; gap:0; margin:1.45rem 0 0; padding:0; list-style:none; border-top:var(--line); }.problem-value__questions li { display:grid; grid-template-columns:2.15rem 1fr; gap:.65rem; align-items:center; min-height:3.25rem; border-bottom:var(--line); }.problem-value__questions span { color:var(--color-signal-strong); font-size:.63rem; font-weight:600; letter-spacing:.07em; }.problem-value__questions strong { font:600 .88rem/1.35 var(--font-display); letter-spacing:-.02em; }
.diagnostic-board { position:relative; min-height:34rem; padding:1.25rem; border:var(--line); background:rgba(255,255,255,.54); box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 1.5rem 3.5rem rgba(var(--color-ink-rgb),.045); }.diagnostic-board__head { display:flex; justify-content:space-between; gap:1rem; align-items:baseline; }.diagnostic-board__head > p:last-child { margin:0; color:var(--color-text-muted); font-size:.68rem; text-align:right; }.diagnostic-board__status { min-height:1.6rem; margin:.8rem 0 0; color:var(--color-signal-strong); font-size:.71rem; line-height:1.5; }
.diagnostic-map { position:relative; min-height:27rem; margin-top:.25rem; }.diagnostic-map__lines { position:absolute; inset:0; width:100%; height:100%; overflow:visible; pointer-events:none; }.diagnostic-map__lines path { fill:none; stroke:rgba(var(--color-ink-rgb),.16); stroke-width:1.25; transition:stroke var(--duration-medium),stroke-width var(--duration-medium),opacity var(--duration-medium); }.diagnostic-map__lines .diagnostic-map__priority { stroke:rgba(var(--color-signal-rgb),.5); stroke-dasharray:3 7; }
.symptom-list,.friction-nodes { position:absolute; inset:0; margin:0; padding:0; list-style:none; }.symptom-list { z-index:2; }.friction-nodes { z-index:1; pointer-events:none; }.symptom-list li { position:absolute; width:min(13.4rem,32%); }.symptom-list__conversion { top:2.5%; left:0; }.symptom-list__performance { top:33%; left:0; }.symptom-list__leads { bottom:1%; left:2%; }.symptom-list__journey { top:4%; right:0; }.symptom-list__tracking { top:36%; right:0; }.symptom-list__activity { bottom:1%; right:0; }
.symptom-list button { width:100%; min-height:3.4rem; padding:.7rem .75rem; color:var(--color-text); background:var(--color-surface); border:var(--line); border-left:2px solid rgba(var(--color-signal-rgb),.45); border-radius:var(--radius-sm); font:600 .68rem/1.35 var(--font-body); letter-spacing:.025em; text-align:left; text-transform:uppercase; cursor:pointer; transition:color var(--duration-fast),border-color var(--duration-medium),background var(--duration-medium),transform var(--duration-fast) var(--ease-out); }.symptom-list button span { display:none; }.symptom-list button:hover,.symptom-list button:focus-visible,.symptom-list button.is-active { color:var(--color-ink); background:#fff; border-color:var(--color-signal); transform:translateX(3px); }
.friction-node { position:absolute; width:7.8rem; min-height:4.6rem; display:grid; align-content:center; gap:.25rem; padding:.65rem .7rem; color:var(--color-text-muted); background:rgba(247,248,245,.72); border:1px solid rgba(var(--color-ink-rgb),.13); border-radius:50%; font:600 .76rem/1.25 var(--font-display); text-align:center; transition:color var(--duration-medium),background var(--duration-medium),border-color var(--duration-medium),box-shadow var(--duration-medium); }.friction-node span { color:var(--color-text-muted); font:600 .5rem/1.2 var(--font-body); letter-spacing:.055em; text-transform:uppercase; }.friction-node--measurement { top:14%; left:43%; }.friction-node--experience { top:39%; left:46%; }.friction-node--priority { bottom:6%; left:46%; }.friction-node--strategy { bottom:10%; left:25%; }.friction-node--acquisition { bottom:10%; right:24%; }
.diagnostic-board[data-active] .diagnostic-map__lines path { opacity:.55; }.diagnostic-board[data-active] .diagnostic-map__lines path.is-active { opacity:1; stroke:var(--color-signal-strong); stroke-width:1.7; stroke-dasharray:4 7; }.diagnostic-board[data-active] .friction-node { opacity:.82; }.friction-node.is-active { color:var(--color-ink); background:var(--color-signal-soft); border-color:var(--color-signal); box-shadow:0 0 0 .18rem rgba(var(--color-signal-rgb),.07); opacity:1 !important; }.friction-node.is-active span { color:var(--color-signal-strong); }
.problem-value__exit { position:absolute; left:50%; bottom:0; width:min(100% - (var(--gutter) * 2),var(--container-main)); height:1px; pointer-events:none; transform:translateX(-50%); background:linear-gradient(90deg,transparent,rgba(var(--color-ink-rgb),.14) 28%,rgba(var(--color-signal-rgb),.4) 72%,transparent); }.problem-value__exit i { position:absolute; right:28%; top:-2px; width:5px; aspect-ratio:1; background:var(--color-signal); }
@keyframes diagnostic-trace { to { stroke-dashoffset:-42; } }
@media (max-width:1050px) { .problem-value__layout { grid-template-columns:minmax(0,.78fr) minmax(27rem,1.22fr); gap:clamp(2rem,5vw,4rem); }.diagnostic-board { min-height:32rem; }.symptom-list li { width:min(11.3rem,34%); }.friction-node { width:7rem; } }
@media (max-width:820px) { .problem-value__layout { grid-template-columns:1fr; gap:3rem; }.problem-value__copy { max-width:43rem; }.diagnostic-board { max-width:44rem; min-height:33rem; }.problem-value__questions { grid-template-columns:repeat(3,1fr); border-top:0; gap:1px; background:var(--color-line); }.problem-value__questions li { min-height:5.75rem; display:grid; align-content:start; grid-template-columns:1fr; gap:.45rem; padding:1rem; background:var(--color-paper); border:0; } }
@media (max-width:640px) { .problem-value { padding-block:4.75rem 5.5rem; }.problem-value::before { background:radial-gradient(circle at 92% 34%,rgba(var(--color-signal-rgb),.06),transparent 19rem); }.problem-value__copy { gap:1.2rem; }.problem-value__copy h2 { max-width:12ch; font-size:clamp(2.35rem,10vw,2.85rem); line-height:1.05; }.problem-value__copy p { font-size:.97rem; line-height:1.67; }.problem-value__questions { grid-template-columns:1fr; margin-top:1rem; gap:0; background:transparent; border-top:var(--line); }.problem-value__questions li { min-height:3.3rem; grid-template-columns:2rem 1fr; align-content:center; gap:.5rem; padding:0; background:transparent; border-bottom:var(--line); }.diagnostic-board { min-height:auto; padding:1rem; background:rgba(255,255,255,.6); }.diagnostic-board__head { display:grid; gap:.4rem; }.diagnostic-board__head > p:last-child { text-align:left; }.diagnostic-board__status { margin-top:.6rem; }.diagnostic-map { min-height:0; display:grid; gap:.65rem; margin-top:.7rem; }.diagnostic-map__lines { display:none; }.symptom-list,.friction-nodes { position:static; display:grid; gap:.55rem; }.symptom-list { order:1; }.friction-nodes { order:2; grid-template-columns:repeat(2,1fr); margin-top:.7rem; padding-top:.8rem; border-top:var(--line); }.symptom-list li,.friction-node { position:static; width:auto; }.symptom-list button { min-height:0; padding:.72rem .72rem .68rem; font-size:.65rem; }.symptom-list button span { display:block; margin-top:.28rem; color:var(--color-text-muted); font-size:.62rem; font-weight:500; letter-spacing:0; line-height:1.4; text-transform:none; }.friction-node { min-height:4rem; border-radius:var(--radius-sm); }.friction-node--priority { grid-column:span 2; }.diagnostic-board[data-active] .friction-node { opacity:1; }.diagnostic-board[data-active] .symptom-list button:not(.is-active) { opacity:.68; }.problem-value__exit { width:calc(100% - (var(--gutter) * 2)); } }
@media (prefers-reduced-motion:reduce) { .diagnostic-map__lines path,.friction-node,.symptom-list button { transition:none; } }

@media (min-width:641px) { .friction-node--strategy { left:22% !important; bottom:6% !important; }.friction-node--priority { left:43% !important; bottom:6% !important; }.friction-node--acquisition { top:57% !important; right:8% !important; bottom:auto !important; left:auto !important; } }