/* Refinement of the approved V2 system: product depth without a new theme. */
.official-value { max-width: 510px; }
.breadcrumb { display: inline-block; font-size: 12px; color: var(--muted); margin-bottom: 24px; }
.topic-nav { display: flex; flex-wrap: wrap; gap: 10px 30px; border-block: 1px solid var(--border); padding-block: 18px; }
.topic-nav a { min-height: 44px; display: flex; align-items: center; font-size: 14px; }
[aria-current] { text-decoration: underline; text-decoration-color: var(--accent); text-underline-offset: 7px; }
.editorial-split { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; }
.editorial-split > * { min-width: 0; }
.human-placement { margin: 0; }
.human-placement figcaption { border: 0; padding: 14px 0 0; font-size: 11px; }
.context-triptych { display: grid; grid-template-columns: repeat(3, 1fr); gap: 45px; margin-bottom: 30px; }
.context-triptych article { border-top: 1px solid #4d554e; padding-top: 28px; }
.context-triptych span { font-size: 10px; letter-spacing: .1em; color: var(--gold); }
.context-triptych h3 { font-size: 29px; margin-top: 24px; }
.context-triptych p { color: #c2c8c0; font-size: 14px; }
.light-link { color: #fff; }
.panel-heading { display: flex; justify-content: space-between; gap: 24px; align-items: start; }
.panel-heading h3 { font-size: 28px; margin-top: 12px; }
.panel-intro { font-size: 12px; color: var(--muted); }
.content-panel { max-width: 1040px; }
.view-disclaimer { font-size: 11px; color: var(--muted); padding-block: 16px; margin-bottom: 0; }
.perspective-panel, .ranking-panel, .timeline-panel, .dashboard-summary { border: 1px solid var(--border); border-radius: var(--radius); background: white; padding: 32px; }
.perspective-panel table { border-collapse: collapse; width: 100%; font-size: 13px; text-align: left; }
.perspective-panel caption { text-align: left; font-size: 12px; color: var(--muted); padding-bottom: 20px; }
.dimension-table th, .dimension-table td { border-top: 1px solid var(--border); padding: 17px 10px; }
.dimension-table th:first-child { padding-left: 0; }
.dimension-table thead th { font-size: 11px; font-weight: 500; color: var(--muted); }
.dimension-table th small { display: block; color: var(--muted); font-weight: normal; font-size: 11px; margin-top: 4px; }
.dimension-table td { font-variant-numeric: tabular-nums; }
.dimension-bar { display: inline-block; height: 5px; margin-right: 12px; vertical-align: middle; background: var(--accent); }
.bar-76 { width: 76px; } .bar-58 { width: 58px; } .bar-49 { width: 49px; } .bar-82 { width: 82px; } .bar-42 { width: 42px; }
.panel-insight { background: var(--surface); border-left: 2px solid var(--gold); padding: 20px; font-size: 15px; margin-top: 22px; }
.panel-insight strong { display: block; margin-bottom: 5px; }
.ranking-comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-block: 18px 25px; }
.ranking-comparison article { border: 1px solid var(--border); padding: 28px; border-radius: 5px; }
.ranking-comparison .ranking-priority { border-top: 3px solid var(--accent); background: var(--surface); padding-top: 26px; }
.priority-label { font-size: 10px; letter-spacing: .12em; color: var(--muted); }
.ranking-priority .priority-label { color: var(--warning); }
.ranking-comparison h4 { font-size: 22px; line-height: 1.25; margin: 18px 0 12px; font-weight: 500; }
.ranking-comparison h4 small { display: block; font-size: 12px; color: var(--muted); margin-top: 5px; }
.ranking-score { font-size: 42px; line-height: 1.2; letter-spacing: -.04em; margin-bottom: 18px; }
.ranking-score span { font-size: 15px; color: var(--muted); }
.ranking-comparison dl { font-size: 12px; padding-block: 12px; border-block: 1px solid var(--border); }
.ranking-comparison dl div { display: flex; justify-content: space-between; gap: 25px; padding-block: 7px; }
.ranking-comparison dt { color: var(--muted); }
.ranking-comparison dd { margin: 0; text-align: right; }
.ranking-comparison article > p:last-child { font-size: 14px; margin-bottom: 0; }
.ranking-panel > .quiet { margin-bottom: 0; }
.section-link { margin-top: 24px; }
.timeline-panel { margin: 0; padding: 28px; }
.timeline-panel .panel-heading { flex-wrap: wrap; gap: 0; }
.timeline-panel h3 { font-size: 27px; }
.trend-chart { width: 100%; height: auto; display: block; margin-block: 15px; overflow: visible; }
.chart-grid { stroke: var(--border); fill: none; stroke-width: 1; }
.chart-line { fill: none; stroke: var(--accent); stroke-width: 3; }
.chart-marker { stroke: var(--accent); stroke-dasharray: 3 3; }
.chart-points { fill: white; stroke: var(--accent); stroke-width: 3; }
.chart-values { fill: var(--text); font-size: 18px; text-anchor: middle; }
.chart-labels { fill: var(--muted); font-size: 16px; text-anchor: middle; }
.timeline-note { padding: 16px; background: var(--surface); font-size: 12px; }
.timeline-note strong, .timeline-note span { display: block; }
.chart-data { margin-top: 18px; font-size: 12px; }
.chart-data summary { cursor: pointer; padding-block: 12px; }
.chart-data summary:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
.chart-data table { width: 100%; border-collapse: collapse; font-size: 11px; text-align: left; }
.chart-data caption { padding-block: 10px; text-align: left; }
.chart-data th, .chart-data td { padding: 8px 3px; border-bottom: 1px solid var(--border); }
.chart-data p { margin-top: 16px; }
.check-list { list-style: none; padding: 0; margin: 0 0 26px; }
.check-list li { display: flex; gap: 13px; padding-block: 12px; border-bottom: 1px solid var(--border); font-size: 14px; }
.check-list li::before { content: '✓'; color: var(--warning); }
.level-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 35px; }
.level-grid article { padding: 32px; background: var(--surface); border-top: 2px solid var(--gold); }
.level-grid p { font-size: 15px; color: var(--muted); }
.process-flow { display: grid; grid-template-columns: repeat(5, 1fr); gap: 22px; padding: 0; list-style: none; counter-reset: process; margin-top: 42px; }
.process-flow li { border-top: 1px solid var(--border); padding-top: 20px; counter-increment: process; }
.process-flow li::before { content: '0' counter(process); color: var(--warning); display: block; font-size: 11px; margin-bottom: 15px; }
.process-flow strong { display: block; font-size: 16px; font-weight: 600; }
.process-flow span { display: block; margin-top: 12px; font-size: 14px; color: var(--muted); }
.platform-features .feature-title { font-size: 27px; }
.perspective-descriptions { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.perspective-descriptions article { border-top: 1px solid var(--border); padding-top: 25px; }
.perspective-descriptions h3 { font-size: 22px; }
.perspective-descriptions p { font-size: 14px; color: var(--muted); }
.definition-cards { margin: 0; }
.definition-cards > div { padding: 22px 0; border-top: 1px solid var(--border); }
.definition-cards dt { font-size: 18px; margin-bottom: 8px; font-weight: 600; }
.definition-cards dd { margin: 0; font-size: 15px; color: var(--muted); }
.portfolio-metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-block: 15px 35px; border-block: 1px solid var(--border); padding-block: 25px; }
.portfolio-metrics span, .portfolio-metrics small { display: block; font-size: 11px; color: var(--muted); }
.portfolio-metrics strong { display: block; font-size: 31px; font-weight: 500; letter-spacing: -.04em; margin-block: 10px; }
.portfolio-metrics small { font-size: 10px; }
.portfolio-signals { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
.portfolio-signals h3 { font-size: 20px; margin-block: 18px 12px; }
.portfolio-signals p { font-size: 14px; color: var(--muted); }
.method-section { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; }
.context-definitions { display: grid; grid-template-columns: repeat(3, 1fr); gap: 35px; margin: 0; }
.context-definitions > div { border-top: 1px solid var(--border); padding-top: 20px; }
.context-definitions dt { font-size: 20px; margin-bottom: 15px; font-weight: 500; }
.context-definitions dd { font-size: 14px; color: var(--muted); margin: 0; }
.evidence-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.evidence-grid article { padding: 26px; background: var(--surface); }
.evidence-grid h3 { font-size: 24px; }
.evidence-grid p { font-size: 14px; }
.evidence-label { font-size: 11px; color: var(--muted); }
.method-note { border-left: 2px solid var(--gold); padding: 20px 25px; margin-top: 32px; }
.method-note p { margin: 10px 0 0; color: var(--muted); font-size: 14px; }
.team-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 55px 70px; }
.team-grid article { border-top: 1px solid var(--border); padding-top: 25px; }
.team-grid h2 { font-size: 28px; }
.team-grid p { color: var(--muted); font-size: 15px; }
.pricing-questions { margin: 0; max-width: 950px; }
.pricing-questions > div { padding-block: 24px; border-top: 1px solid var(--border); }
.pricing-questions dt { font-size: 21px; font-weight: 500; margin-bottom: 12px; }
.pricing-questions dd { margin: 0; color: var(--muted); }
.spaced-cta { margin-top: 85px; }
.score-low { width: 60%; } .score-mid { width: 40%; }
@media(max-width: 1150px) {
  .editorial-split, .method-section { gap: 40px; }
  .header nav { gap: 20px; }
  .process-flow { gap: 16px; }
  .process-flow strong { font-size: 14px; }
  .dimension-bar { display: none; }
  .portfolio-metrics strong { font-size: 27px; }
}
@media(max-width: 900px) {
  .hero h1 { font-size: clamp(34px, 6.6vw, 58px); }
  .hero-product { max-width: 660px; }
  .hero .official-value { max-width: 590px; }
  .editorial-split { grid-template-columns: 1fr; gap: 35px; }
  .human-placement { max-width: 760px; }
  .context-triptych { gap: 26px; }
  .context-triptych h3 { font-size: 24px; }
  .ranking-panel, .dashboard-summary, .perspective-panel { padding: 25px; }
  .ranking-comparison article { padding: 23px; }
  .ranking-comparison .ranking-priority { padding-top: 21px; }
  .ranking-comparison dl div { flex-direction: column; gap: 0; }
  .ranking-comparison dd { text-align: left; }
  .timeline-panel { max-width: 700px; width: 100%; }
  .process-flow { grid-template-columns: repeat(3, 1fr); gap: 28px; }
  .perspective-descriptions, .context-definitions { grid-template-columns: 1fr 1fr; }
  .portfolio-metrics { grid-template-columns: 1fr 1fr; gap: 25px; }
  .portfolio-signals { grid-template-columns: 1fr; gap: 15px; }
  .portfolio-signals article { border-bottom: 1px solid var(--border); }
  .method-section { grid-template-columns: 1fr; gap: 24px; }
  .evidence-grid { grid-template-columns: 1fr; }
  .evidence-grid article { padding: 26px; }
  .level-grid { gap: 20px; }
  .level-grid article { padding: 25px; }
  .team-grid { gap: 35px; }
}
@media(max-width: 600px) {
  .hero h1 { font-size: clamp(28px, 8.6vw, 49px); }
  .hero .official-value { font-size: 19px; line-height: 1.65; }
  .header nav { gap: 8px; }
  .logic-strip .container { gap: 8px; }
  .topic-nav { gap: 4px 20px; padding-block: 10px; }
  .topic-nav a { font-size: 12px; }
  .context-triptych, .ranking-comparison, .pricing-offer, .level-grid, .team-grid, .perspective-descriptions, .context-definitions { grid-template-columns: 1fr; }
  .context-triptych h3 { font-size: 27px; }
  .context-triptych h3 br { display: none; }
  .panel-heading { flex-direction: column; gap: 0; }
  .panel-heading h3 { font-size: 26px; }
  .ranking-panel, .perspective-panel, .dashboard-summary { padding: 20px 16px; }
  .ranking-comparison { gap: 18px; margin-top: 24px; }
  .ranking-comparison dl div { flex-direction: row; gap: 12px; }
  .ranking-comparison dd { text-align: right; max-width: 50%; }
  .ranking-comparison article { padding: 22px 18px; }
  .ranking-panel .quiet { font-size: 11px; }
  .dimension-table thead th { font-size: 9px; overflow-wrap: anywhere; }
  .dimension-table th, .dimension-table td { padding: 14px 4px; }
  .dimension-table tbody th { font-size: 11px; }
  .dimension-table th small { font-size: 10px; }
  .dimension-table td { font-size: 12px; }
  .dimension-table th:first-child { width: 43%; }
  .dimension-table th:not(:first-child) { width: 19%; }
  .panel-insight { font-size: 13px; padding: 14px; }
  .perspective-panel > .quiet { font-size: 11px; }
  .timeline-panel { padding: 23px 18px; }
  .timeline-panel h3 { font-size: 25px; }
  .chart-values { font-size: 21px; }
  .chart-labels { font-size: 19px; }
  .process-flow { grid-template-columns: 1fr; margin-top: 25px; gap: 20px; }
  .process-flow li { display: grid; grid-template-columns: 30px 1fr; gap: 0 12px; padding-top: 16px; }
  .process-flow li::before { grid-row: 1 / 3; padding-top: 4px; }
  .process-flow strong { font-size: 16px; }
  .process-flow span { grid-column: 2; margin-top: 6px; }
  .portfolio-metrics { gap: 24px 18px; }
  .portfolio-metrics strong { font-size: 24px; }
  .portfolio-metrics span { font-size: 10px; }
  .team-grid h2 { font-size: 27px; }
  .spaced-cta { margin-top: 55px; }
  .page-hero h1 { font-size: 37px; overflow-wrap: break-word; }
  .action-details dd { max-width: 57%; }
}
@media(max-width: 360px) {
  .header .brand { width: 175px; }
  .header .menu-toggle { padding-inline: 10px; gap: 12px; }
  .ranking-comparison dl div { flex-direction: column; gap: 0; }
  .ranking-comparison dd { max-width: none; text-align: left; }
}

.perspective-panel .panel-heading h2 { font-size: 28px; margin-top: 12px; }

.action-steps li::before { color: var(--warning); }

/* Economic entry point: same visual identity, problem before methodology. */
.economic-hero { padding-block: 64px; }
.economic-hero h1 { font-size: clamp(40px, 4.1vw, 60px); }
.economic-hero .hook-explanation { font-size: 18px; line-height: 1.6; margin-bottom: 24px; }
.brand-promise { font-size: 22px; line-height: 1.35; letter-spacing: -.02em; font-weight: 500; border-left: 2px solid var(--gold); padding-left: 18px; margin-bottom: 18px; }
.economic-hero .hero-detail { font-size: 15px; margin-bottom: 18px; }
.hook-value { font-size: 13px; color: var(--muted); margin-bottom: 0; }
.economic-hero .button-row { margin-top: 24px; gap: 20px; }
.economic-hero .quiet { margin-bottom: 0; }
.economic-section { border-top: 1px solid var(--border); }
.economic-context { display: grid; grid-template-columns: .9fr 1.2fr 1fr; border: 1px solid var(--border); border-top: 2px solid var(--gold); border-radius: 0 0 8px 8px; overflow: hidden; }
.economic-layer { padding: 30px; min-width: 0; display: flex; flex-direction: column; }
.economic-layer h3 { font-size: 26px; }
.economic-layer > p:not(.step-number) { font-size: 14px; }
.economic-layer .step-number { font-size: 10px; margin-bottom: 22px; }
.purchase-layer { background: var(--surface); }
.purchase-reference { border-block: 1px solid var(--border); padding-block: 20px; margin-bottom: 22px; }
.purchase-reference span { display: block; font-size: 11px; color: var(--muted); margin-bottom: 12px; }
.purchase-reference strong { font-size: 25px; line-height: 1.25; font-weight: 500; }
.economic-layer ul { list-style: none; margin: 0 0 25px; padding: 0; }
.economic-layer li { font-size: 13px; padding-block: 7px; border-bottom: 1px solid var(--border); }
.cost-consequences li::before { content: '+'; color: var(--warning); margin-right: 10px; }
.economic-layer .layer-takeaway { font-size: 12px; color: var(--muted); margin-top: auto; margin-bottom: 0; padding-top: 16px; border-top: 1px solid var(--border); }
.exposure-layer { background: var(--primary); color: white; }
.exposure-layer .step-number { color: var(--gold); }
.exposure-layer > p:not(.step-number), .exposure-layer .layer-takeaway { color: #c8cdc7; }
.exposure-layer li, .exposure-layer .layer-takeaway { border-color: #4d554e; }
.economic-qualification { margin: 22px 0 0; max-width: 980px; color: var(--muted); font-size: 13px; }
@media(max-width: 1150px) {
  .economic-hero { gap: 35px; }
  .economic-hero h1 { font-size: 44px; }
  .economic-layer { padding: 24px; }
  .economic-layer h3 { font-size: 24px; }
}
@media(max-width: 900px) {
  .economic-hero { padding-block: 48px; }
  .economic-hero h1 { font-size: 56px; }
  .economic-hero .hero-copy { max-width: 700px; }
  .economic-hero .hero-detail { max-width: 620px; }
  .economic-context { grid-template-columns: 1fr; }
  .economic-layer { padding: 30px; }
  .purchase-reference strong br { display: none; }
  .economic-layer .layer-takeaway { margin-top: 8px; }
}
@media(max-width: 600px) {
  .economic-hero { padding-block: 32px 44px; gap: 32px; }
  .economic-hero h1 { font-size: clamp(32px, 9.1vw, 43px); margin-bottom: 18px; }
  .economic-hero .eyebrow { font-size: 9px; margin-bottom: 16px; }
  .economic-hero .hook-explanation { font-size: 16px; line-height: 1.55; margin-bottom: 18px; }
  .brand-promise { font-size: 20px; padding-left: 14px; margin-bottom: 16px; }
  .economic-hero .hero-detail { font-size: 14px; line-height: 1.55; margin-bottom: 14px; }
  .economic-hero .hook-value { font-size: 12px; }
  .economic-hero .button-row { gap: 6px; margin-block: 18px 10px; }
  .economic-layer { padding: 26px 22px; }
  .economic-layer h3 { font-size: 26px; }
}

/* Light signature moments. Editorial content remains independent of motion. */
.motion-figure { margin: 0; min-width: 0; }
.network-stage { position: relative; aspect-ratio: 1 / 1; width: 100%; }
.network-stage img, .network-stage canvas { position: absolute; inset: 0; width: 100%; height: 100%; }
.network-stage canvas { visibility: hidden; }
.has-frame .network-stage canvas { visibility: visible; }
.has-frame .network-fallback { visibility: hidden; }
.motion-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 52px; font-size: 11px; color: var(--muted); }
.motion-toggle { background: transparent; border: 1px solid var(--border); border-radius: 4px; color: var(--text); padding: 10px 12px; min-height: 44px; font: inherit; cursor: pointer; flex-shrink: 0; }
.motion-toggle:hover { background: #ebe8de; }
.motion-toggle:focus-visible, .comparison-scroll:focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; }
.motion-figure figcaption { font-size: 10px; padding-top: 12px; }
.flow-figure { margin: 48px 0 0; border-block: 1px solid var(--border); padding-block: 28px 12px; }
.flow-layout { display: grid; grid-template-columns: 160px minmax(0,1fr) 220px; align-items: center; gap: 12px; }
.flow-labels { display: grid; gap: 20px; font-size: 12px; color: var(--muted); }
.flow-layout svg { width: 100%; height: 240px; }
.flow-lines, .flow-signals { fill: none; stroke: #b6ac96; stroke-width: 1; }
.flow-signals { stroke: var(--accent); stroke-width: 2; stroke-dasharray: 7 150; animation: signal-flow 20s linear infinite; animation-play-state: paused; }
.motion-running .flow-signals { animation-play-state: running; }
.flow-outcome strong { display: block; font-size: 22px; font-weight: 500; letter-spacing: -.03em; }
.flow-outcome span { display: block; font-size: 13px; color: var(--muted); margin-top: 14px; }
.flow-figure figcaption { padding: 0; border: 0; font-size: 11px; }
@keyframes signal-flow { to { stroke-dashoffset: -942; } }
.pricing-section-title { font-size: 27px; margin-bottom: 28px; }
.package-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.package-card { padding: 32px 28px; border: 1px solid var(--border); border-top: 3px solid var(--border); border-radius: 0 0 8px 8px; display: flex; flex-direction: column; background: white; }
.package-card h3 { font-size: 29px; margin-bottom: 8px; }
.package-card .eyebrow { color: var(--warning); margin-bottom: 18px; }
.package-category { font-size: 11px; color: var(--muted); min-height: 36px; }
.package-price { font-size: 48px; letter-spacing: -.05em; line-height: 1.15; margin: 18px 0 30px; }
.package-price span { display: block; font-size: 12px; letter-spacing: 0; color: var(--muted); margin-top: 10px; }
.package-promise { font-size: 20px; font-weight: 500; line-height: 1.3; min-height: 52px; margin-bottom: 12px; }
.package-question { font-size: 17px; min-height: 125px; margin-bottom: 18px; }
.package-summary { font-size: 13px; color: var(--muted); min-height: 85px; }
.package-card .button { font-size: 12px; justify-content: space-between; padding-inline: 16px; margin-bottom: 26px; }
.package-card .check-list { margin-bottom: 24px; }
.package-card .check-list li { font-size: 12px; min-height: 61px; align-items: start; }
.package-boundary { margin-top: auto; font-size: 12px; color: var(--muted); border-top: 1px solid var(--border); padding-top: 20px; margin-bottom: 0; }
.pricing-intelligence { border-color: #baa166; border-top-color: var(--accent); background: #fcfbf7; }
.pricing-notes { margin-top: 25px; max-width: 980px; font-size: 12px; color: var(--muted); }
.pricing-notes p { margin-bottom: 8px; }
.comparison-scroll { overflow-x: auto; }
.package-comparison { width: 100%; border-collapse: collapse; text-align: left; font-size: 13px; }
.package-comparison caption { text-align: left; color: var(--muted); font-size: 12px; margin-bottom: 20px; }
.package-comparison th, .package-comparison td { padding: 22px 18px; border-bottom: 1px solid var(--border); width: 25%; }
.package-comparison thead { background: var(--surface); }
.package-comparison tbody th { font-weight: 500; }
.package-comparison td { color: var(--muted); }
.impact-example { margin: 0; padding: 30px; border: 1px solid var(--border); border-top: 2px solid var(--gold); background: white; }
.impact-example figcaption { border: 0; padding: 0 0 22px; font-size: 11px; }
.impact-drivers { margin: 0; font-size: 14px; }
.impact-drivers div { display: flex; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--border); padding-block: 12px; }
.impact-drivers dd { margin: 0; white-space: nowrap; }
.impact-change { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 26px; }
.impact-change p { font-size: 11px; color: var(--muted); }
.impact-change strong { display: block; font-size: clamp(22px,2.2vw,30px); color: var(--text); font-weight: 500; margin-top: 7px; }
.impact-reduction { font-size: 30px; color: var(--warning); border-top: 1px solid var(--border); padding-top: 20px; }
.impact-reduction span { display: block; font-size: 12px; margin-top: 6px; }
@media(max-width: 1050px) {
 .package-card { padding: 26px 20px; }
 .package-question { min-height: 155px; }
 .package-summary { min-height: 110px; }
 .package-card .check-list li { min-height: 80px; }
}
@media(max-width: 760px) {
 .package-grid { grid-template-columns: 1fr; gap: 24px; }
 .package-card { padding: 28px; }
 .package-category, .package-promise, .package-question, .package-summary, .package-card .check-list li { min-height: 0; }
 .package-question { max-width: 480px; }
 .package-price { margin-block: 12px 24px; }
 .package-comparison { min-width: 680px; }
 .flow-layout { grid-template-columns: 115px minmax(0,1fr); gap: 10px; }
 .flow-labels { font-size: 10px; gap: 17px; }
 .flow-outcome { grid-column: 1 / -1; border-top: 1px solid var(--border); padding-top: 18px; }
 .flow-layout svg { height: 210px; }
 .flow-figure .motion-toolbar { align-items: start; padding-top: 20px; }
 .motion-toolbar { flex-wrap: wrap; padding-block: 10px; }
 .impact-example { padding: 22px; }
}
@media(prefers-reduced-motion: reduce) {
 .flow-signals { animation: none; }
 .network-stage canvas { visibility: hidden; }
 .has-frame .network-fallback { visibility: visible; }
}

/* Independent stream timing; one shared convergence point remains stable. */
.flow-signals path { animation: stream-drift 24s ease-in-out infinite alternate; animation-play-state: paused; transform-origin: 52% 50%; }
.flow-signals path:nth-child(2) { animation-duration: 29s; animation-delay: -7s; stroke-dasharray: 5 175; }
.flow-signals path:nth-child(3) { animation-duration: 32s; animation-delay: -13s; stroke-dasharray: 8 190; }
.flow-signals path:nth-child(4) { animation-duration: 27s; animation-delay: -19s; stroke-dasharray: 6 165; }
.flow-signals path:nth-child(5) { animation-duration: 34s; animation-delay: -4s; stroke-dasharray: 5 205; }
.motion-running .flow-signals path { animation-play-state: running; }
@keyframes stream-drift { from { transform: scaleY(.985); stroke-dashoffset: 0; } to { transform: scaleY(1.015); stroke-dashoffset: -90; } }
.team-introduction { max-width: 850px; }
.contact-channel { border-top: 2px solid var(--gold); }
.contact-route-slot { margin-block: 28px 18px; padding: 20px; background: white; border: 1px solid var(--border); border-radius: var(--radius); }
.contact-preview-label { font-size: 12px; font-weight: 600; color: var(--warning); }
.contact-route-slot p:last-child { margin-bottom: 0; font-size: 14px; }
.contact-channel .text-link { font-size: 13px; }
@media(prefers-reduced-motion: reduce) { .flow-signals path { animation: none; transform: none; } }

/* Product-proof review placements: scoped away from locked network composition. */
.proof-wide { max-width: 1060px; margin-inline: auto; }
.proof-wide .product-window { transform: none; }
.proof-pending { font-size: 13px; color: var(--muted); margin-top: 18px; }
@media(max-width: 640px) { }


.saas-panel{margin:0;border:1px solid #d6d9d5;background:#fff;border-radius:8px;overflow:hidden;font-variant-numeric:tabular-nums}.saas-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 22px;background:#f1f3ef;border-bottom:1px solid #d6d9d5;font-size:12px}.saas-body{padding:26px}.saas-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.saas-title h3{font-size:23px;margin:12px 0 24px}.saas-panel figcaption{padding:14px 22px;border-top:1px solid #d6d9d5;color:#555e58;font-size:12px}.saas-state{display:inline-block;font-size:12px;font-weight:600;padding:5px 9px;border-radius:4px;line-height:1.5}.saas-state.negative{color:#92372f;background:#faeae5}.saas-state.attention{color:#775512;background:#f7efdb}.saas-state.positive{color:#2f6549;background:#e8f2eb}.saas-metrics{display:grid;grid-template-columns:1fr 1.4fr;gap:20px;margin:18px 0 26px}.saas-metrics>div{display:flex;align-items:flex-start;flex-direction:column;gap:10px}.saas-metrics strong{font-size:clamp(24px,2.6vw,38px);letter-spacing:-1px}.saas-metrics small{font-size:12px;letter-spacing:0;font-weight:400}.saas-facts{margin:0}.saas-facts>div,.saas-costs>div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-top:1px solid #e1e4df;font-size:14px}.saas-facts dd,.saas-costs dd{margin:0;text-align:right;font-weight:600}.saas-insight{border-left:3px solid #9a7733;padding:14px;background:#f5f4ee;font-size:14px;margin-top:20px}.saas-panel details{margin-top:24px;font-size:14px}.saas-panel summary{padding:10px 0;cursor:pointer}.saas-action-path{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px;background:#f5f6f2;padding:18px;font-size:12px}.saas-action-path strong{display:block;margin-top:6px;font-size:14px}.saas-journey{padding:0 0 60px}.saas-workflow{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);margin:30px 0 0;padding:0;gap:1px;background:#daddd6;border:1px solid #daddd6}.saas-workflow li{background:#f8f9f5;padding:20px;display:flex;flex-direction:column;gap:10px;transition:background .2s}.saas-workflow li>span{font-size:12px;color:#775512}.saas-workflow small{font-size:12px;color:#505b53}.saas-dark-result{border-top:1px solid #596057;padding-top:25px;font-size:20px}.saas-team-map{border:1px solid #d8ddd6;padding:32px;background:#f5f6f1}.saas-team-source h2{font-size:32px}.saas-role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0}.saas-role-grid>div{display:grid;gap:12px;background:#fff;border-top:2px solid #9c8146;padding:20px}.saas-role-grid span{font-size:14px}.saas-team-result{display:flex;gap:20px;flex-wrap:wrap;padding:20px;background:#202821;color:#fff;font-size:14px}.saas-model{display:flex;align-items:center;flex-wrap:wrap;gap:25px;padding:28px;background:#f3f4ed}.saas-model>div{display:grid;gap:8px}.saas-model>p{flex-basis:100%;margin-bottom:0}.saas-scenario{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:24px;border:1px solid #d7d9d2;background:#fff;margin:25px 0}.saas-value-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.saas-costs{padding:10px 24px;margin:0}.saas-costs .saas-total{font-size:18px;padding:22px 0}.saas-package-choice{padding-bottom:35px}.saas-fit-grid,.saas-break-even{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.saas-fit-grid a,.saas-break-even>div{display:flex;flex-direction:column;gap:14px;border:1px solid #d5d9d2;border-top:3px solid #9c8146;padding:24px;text-decoration:none;background:#f8f9f5}.saas-fit-grid a:hover{background:#efeee4}.saas-fit-grid small{font-size:14px}.saas-break-even strong{font-size:28px}.saas-break-even span{font-size:14px}.saas-commercial{padding:30px 0}.saas-commercial summary{padding:16px;cursor:pointer;border:1px solid #dadcd6}.saas-conversation-topics{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:45px}.saas-conversation-topics span{padding:12px 16px;border:1px solid #d8ddd6;background:#f5f6f1;font-size:14px}.ranking-panel .ranking-priority .priority-label{color:#92372f;background:#faeae5;padding:6px 10px}.ranking-panel .ranking-priority{border-top:3px solid #a74637}.product-window .status.critical{background:#faeae5;color:#92372f}.product-window .status.success{background:#e8f2eb;color:#2f6549}.product-window .score-low,.product-window .score-mid{background:#a44939}.product-window .score-high{background:#3e7757}.product-window .window-insight{border-left:3px solid #9b7936}.timeline-panel .chart-points circle:nth-child(3){fill:#a44939}.timeline-panel .chart-points circle:nth-child(4){fill:#3e7757}
@media(max-width:900px){.saas-value-layout{grid-template-columns:1fr;gap:30px}.saas-workflow{grid-template-columns:repeat(3,1fr)}.saas-fit-grid,.saas-break-even{gap:10px}.saas-fit-grid a{padding:18px}.saas-title{align-items:flex-start;flex-direction:column;gap:0}}
@media(max-width:600px){.saas-workflow{grid-template-columns:1fr}.saas-workflow li{display:grid;grid-template-columns:25px 1fr;padding:14px}.saas-workflow small{grid-column:2}.saas-role-grid,.saas-fit-grid,.saas-break-even{grid-template-columns:1fr}.saas-team-map{padding:20px}.saas-body{padding:20px}.saas-toolbar{padding:14px;flex-wrap:wrap}.saas-metrics{grid-template-columns:1fr;gap:22px}.saas-action-path{grid-template-columns:1fr}.saas-facts>div{flex-direction:column;gap:6px}.saas-facts dd{text-align:left}.saas-model{gap:16px}.saas-model>div{width:100%}.saas-costs .saas-total{font-size:16px}.saas-team-source h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.saas-workflow li{transition:none}}

.saas-photo-platform .human-placement{max-width:760px;margin:30px auto}.proof-section{padding-block:60px}

.human-photo{display:block;width:100%;height:auto;border-radius:5px}.cost-view{margin:0;background:#fff;border:1px solid var(--border);border-radius:8px;overflow:hidden;font-variant-numeric:tabular-nums}.cost-meta{padding:14px 20px;font-size:12px;color:var(--muted)}.cost-pair{display:grid;grid-template-columns:1fr 1fr}.cost-supplier{padding:18px 20px;border-top:1px solid var(--border)}.cost-supplier+article{border-left:1px solid var(--border)}.cost-supplier .micro{font-size:11px}.cost-base strong{display:block;font-size:29px;letter-spacing:-1px}.cost-base>span,.cost-effective>span,.cost-year>span{display:block;font-size:11px;color:var(--muted)}.cost-view meter,.saas-break-even meter{display:block;width:100%;height:10px;margin:10px 0;accent-color:#97824b}.cost-drivers{margin:16px 0;font-size:11px}.cost-drivers div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #eceee8}.cost-drivers dd{margin:0;white-space:nowrap}.cost-effective strong{font-size:24px;background:none;padding:5px 0}.cost-year b{display:block;font-size:18px}.cost-delta{display:grid;gap:5px;padding:18px 22px;background:#e8f2eb;color:#2f6549}.cost-delta strong{font-size:32px;letter-spacing:-1px}.cost-delta span{font-size:12px}.cost-view figcaption{padding:12px 20px;font-size:11px;color:var(--muted);border:0}.impact-section{padding-bottom:60px}.impact-section>h2{font-size:clamp(24px,3vw,36px)}.impact-rail{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin:24px 0}.impact-rail>div{border-top:2px solid var(--gold);padding-top:15px}.impact-rail strong,.impact-rail span{display:block;font-size:13px}.impact-rail span{color:var(--muted);margin-top:8px}.measure-grid{display:grid;grid-template-columns:repeat(4,1fr)}.measure-grid article{padding:22px;border-right:1px solid var(--border)}.measure-grid h3{font-size:19px;margin:12px 0}.measure-grid p{font-size:12px}.context-pair{display:grid;grid-template-columns:1fr 1fr}.context-pair>div{padding:25px}.context-pair h3{font-size:25px}.context-pair p{font-size:14px}.context-intro{margin-block:35px}.saas-workflow{grid-template-columns:repeat(4,1fr)}#paket-professional{border-top:3px solid #353d36}#paket-intelligence{border-top:3px solid var(--gold)}
@media(max-width:1000px){.measure-grid{grid-template-columns:1fr 1fr}.impact-rail{grid-template-columns:repeat(3,1fr)}.saas-workflow{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.cost-pair,.context-pair,.saas-workflow{grid-template-columns:1fr}.cost-supplier+article{border-left:0}.cost-drivers{font-size:13px}.cost-supplier{padding:18px}.impact-rail,.measure-grid{grid-template-columns:1fr 1fr}.measure-grid article{padding:16px}.measure-grid h3{font-size:17px}.cost-view .saas-toolbar{font-size:11px}.cost-meta{font-size:11px}.cost-base>span,.cost-effective>span,.cost-year>span{font-size:12px}}
.saas-break-even meter::-webkit-meter-optimum-value{background:#97824b}.saas-break-even meter::-moz-meter-bar{background:#97824b}

.dark-section .ranking-panel{color:var(--text)}