.detail-page{padding-block:60px 100px}.detail-hero{margin-inline:auto;max-width:none;margin-bottom:64px}.detail-meta-strip{font-family:var(--font-mono,"JetBrains Mono", monospace);color:var(--info);flex-wrap:wrap;align-items:center;gap:12px 24px;margin-bottom:24px;font-size:11px;display:flex}.detail-meta-item{background:color-mix(in srgb, var(--info) 8%, transparent);border:1px solid color-mix(in srgb, var(--info) 20%, transparent);letter-spacing:.04em;border-radius:6px;align-items:center;gap:8px;padding:4px 10px;display:inline-flex}.detail-hero h1{letter-spacing:-.01em;color:var(--ink);margin-bottom:22px;font-size:clamp(38px,5.5vw,62px);font-weight:400;line-height:1.08}.detail-hero h1 span{color:var(--accent)}.detail-lead{color:var(--ink-soft);max-width:820px;margin-bottom:18px;font-size:19px;font-weight:450;line-height:1.65}.detail-sublead{color:var(--muted);max-width:760px;font-size:14px;line-height:1.8}.detail-container{flex-direction:column;gap:60px;max-width:none;margin-inline:auto;display:flex}.detail-section{background:var(--sunken);border:1px solid var(--line);border-radius:var(--radius-panel);padding:40px 44px;position:relative;overflow:hidden}.section-tag{font-family:var(--font-mono,"JetBrains Mono", monospace);letter-spacing:.14em;color:var(--accent);text-transform:uppercase;align-items:center;gap:8px;margin-bottom:12px;font-size:10px;font-weight:700;display:flex}.detail-section h2{letter-spacing:-.01em;color:var(--ink);margin-bottom:18px;font-size:26px;font-weight:400;line-height:1.3}.detail-section>p{max-width:78ch;color:var(--ink-soft);margin-bottom:20px;font-size:14px;line-height:1.85}.detail-cards-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:28px;display:grid}.detail-card{background:var(--sunken);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:12px;padding:24px;transition:border-color .15s,transform .15s;display:flex}.detail-card:hover{border-color:color-mix(in srgb, var(--cta) 35%, transparent);transform:translateY(-2px)}.card-icon-wrap{background:color-mix(in srgb, var(--cta) 16%, transparent);border:1px solid color-mix(in srgb, var(--cta) 30%, transparent);width:40px;height:40px;color:var(--accent);border-radius:10px;place-items:center;margin-bottom:4px;display:grid}.card-icon-wrap.cyan{background:color-mix(in srgb, var(--info) 14%, transparent);border-color:color-mix(in srgb, var(--info) 30%, transparent);color:var(--info)}.card-icon-wrap.emerald{background:color-mix(in srgb, var(--good) 14%, transparent);border-color:color-mix(in srgb, var(--good) 30%, transparent);color:var(--good)}.detail-card h3{color:var(--ink);letter-spacing:-.01em;margin:0;font-size:16px;font-weight:400}.detail-card p{color:var(--muted);margin:0;font-size:12.5px;line-height:1.75}.pipeline-track{flex-direction:column;gap:24px;margin-top:32px;display:flex;position:relative}.pipeline-step{background:var(--sunken);border:1px solid var(--line);border-radius:14px;grid-template-columns:80px 1fr;gap:24px;padding:24px;display:grid;position:relative}.pipeline-step-badge{background:var(--surface);border:1px solid color-mix(in srgb, var(--cta) 30%, transparent);height:64px;color:var(--info);font-family:var(--font-mono,"JetBrains Mono", monospace);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;display:flex}.step-num{font-size:18px;font-weight:800;line-height:1}.step-label{letter-spacing:.1em;color:var(--accent);margin-top:4px;font-size:8px}.pipeline-step-content h3{color:var(--ink);letter-spacing:-.01em;margin:0 0 8px;font-size:17px;font-weight:400}.pipeline-step-content p{color:var(--ink-soft);margin:0 0 12px;font-size:13px;line-height:1.8}.pipeline-specs{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.spec-tag{font-family:var(--font-mono,"JetBrains Mono", monospace);color:var(--muted);background:var(--sunken);border:1px solid var(--tint);border-radius:5px;padding:3px 8px;font-size:10px}.matrix-wrap{scroll-snap-type:x proximity;border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--sunken);margin-top:24px;overflow-x:auto}.matrix-scroll-hint{display:none}.matrix-table{border-collapse:collapse;text-align:left;width:100%;font-size:12.5px}.matrix-table th{background:var(--surface);font-family:var(--font-mono,"JetBrains Mono", monospace);letter-spacing:.1em;color:var(--accent);text-transform:uppercase;border-bottom:1px solid var(--line);padding:16px 20px;font-size:10px;font-weight:700}.matrix-table td{border-bottom:1px solid var(--tint);color:var(--ink-soft);padding:16px 20px;line-height:1.6}.matrix-table tr:last-child td{border-bottom:none}.tier-badge{font-family:var(--font-mono,"JetBrains Mono", monospace);border-radius:var(--radius-chip);white-space:nowrap;padding:4px 8px;font-size:10px;font-weight:700;display:inline-block}.tier-4{background:color-mix(in srgb, var(--cta) 16%, transparent);color:var(--cta);border:1px solid color-mix(in srgb, var(--cta) 30%, transparent)}.tier-3{background:color-mix(in srgb, var(--info) 16%, transparent);color:var(--info);border:1px solid color-mix(in srgb, var(--info) 30%, transparent)}.tier-2{background:var(--track-candidate);color:var(--highlight-ink);border:1px solid var(--track-candidate)}.tier-1{background:color-mix(in srgb, var(--bad) 14%, transparent);color:var(--bad);border:1px solid color-mix(in srgb, var(--bad) 28%, transparent)}.detail-callout{background:color-mix(in srgb, var(--cta) 8%, transparent);border:1px solid color-mix(in srgb, var(--cta) 25%, transparent);border-radius:12px;align-items:flex-start;gap:16px;margin-top:24px;padding:20px 24px;display:flex}.detail-callout svg{color:var(--accent);flex-shrink:0;margin-top:2px}.callout-text h4{color:var(--ink);margin:0 0 6px;font-size:14px;font-weight:700}.callout-text p{color:var(--ink-soft);margin:0;font-size:12px;line-height:1.75}.detail-cta{background:var(--surface);border:var(--outline-w) solid var(--ink);border-radius:var(--radius-panel);text-align:center;flex-direction:column;align-items:center;gap:16px;padding:48px;display:flex}.detail-cta h2{letter-spacing:-.01em;color:var(--ink);margin:0;font-size:30px;font-weight:400}.detail-cta p{color:var(--muted);max-width:580px;margin:0;font-size:14px;line-height:1.8}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:12px;display:flex}@media (width<=768px){.detail-section{padding:28px 20px}.matrix-scroll-hint{font:600 var(--text-xs)/1 var(--font-mono);letter-spacing:.12em;color:var(--faint);margin-top:8px;display:block}.pipeline-step{grid-template-columns:1fr;gap:16px}.pipeline-step-badge{flex-direction:row;gap:8px;height:48px}.step-label{margin-top:0}.detail-cta{padding:32px 20px}}