/* The header owns navigation; reading chapters do not add a second toolbar. */
.landing-page .feature-chapter { scroll-margin-top: 96px; }
.landing-page .hero-scroll { bottom: 24px; }
.landing-page .hero-scroll > a { max-width: none; }
.landing-page .map-coordinate { display: none; }

/* A clear handoff from the final chapter to the operating models. Native links
   align the section label, matching the scroll controller, without adding its padding twice. */
.landing-page .journey { padding-bottom: 0; }
.landing-page .solutions {
 --solutions-top-space: clamp(48px,5vw,72px);
 padding-top: var(--solutions-top-space);
 scroll-margin-top: calc(0px - var(--solutions-top-space));
}
@media (max-width:700px) {
 .landing-page .solutions { --solutions-top-space: 40px; }
}

/* Compact maps explain a relationship, with a central brand and directed branches. */
.network-guide { display: none; }
.network-world[data-layout="compact"] .network-guide { display: block; position: absolute; left: max(20px,calc((100% - 560px)/2)); right: max(20px,calc((100% - 560px)/2)); z-index: 5; pointer-events: none; }
.network-guide strong { display: block; padding-left: 23px; color: #4f526b; font-size: 14px; font-weight: 650; line-height: 1.55; letter-spacing: -.02em; word-break: keep-all; overflow-wrap: anywhere; }
.network-guide strong::before { content: "↗"; position: absolute; left: 0; color: var(--scene); font-size: 17px; line-height: 1.3; }
.network-guide p { min-height: 36px; margin-top: 4px; padding-left: 23px; color: #797c91; font-size: 12px; line-height: 18px; word-break: keep-all; overflow-wrap: anywhere; }
.network-world[data-layout="compact"] .world-node.main { width: 94px; min-width: 0; min-height: 48px; padding: 8px 5px; justify-content: center; border-radius: 11px; }
.network-world[data-layout="compact"] .world-node.main strong { display: block; font-size: 13px; line-height: 1.35; white-space: normal; word-break: normal; overflow-wrap: anywhere; text-align: center; }
.network-world[data-layout="compact"] .world-node.main :is(small,.world-node-icon,.node-beacon) { display: none; }
.network-world[data-layout="compact"] .world-node.main .world-node-icon { display: grid; flex: none; width: 22px; height: 22px; border-radius: 6px; }
.network-world[data-layout="compact"] .world-node.main .world-node-icon svg { width: 15px; height: 15px; }
.network-world[data-layout="compact"][data-scene="hero"] .world-node.main { min-height: 60px; flex-direction: column; gap: 5px; padding: 8px 5px; background: #ffffffed; box-shadow: 0 4px 6px #40327205,0 10px 24px #40327209; }
.network-world[data-layout="compact"] .world-node.main.focused { width: 124px; gap: 8px; min-height: 54px; padding: 10px; border-radius: 14px; }
.network-world[data-layout="compact"] .world-node.main:not(.focused) .world-node-icon { display: none; }
.network-world[data-layout="compact"][data-scene="hero"] .world-node.main .world-node-icon { display: grid; }
.network-world[data-layout="compact"] .world-node.core { gap: 5px; padding: 0; }
.network-world[data-layout="compact"] .world-core { width: 58px; height: 58px; padding: 0; border-radius: 17px; box-shadow: 0 0 0 5px #ffffffb3,0 0 0 6px #d9d3ee99; }
.network-world[data-layout="compact"] .world-node.core > strong { display: block; font-size: 14px; line-height: 1; letter-spacing: -.5px; color: #6858b4; }
.network-world[data-layout="compact"] .world-node.minor { max-width: 112px; min-height: 44px; padding: 8px 10px; color: #626780; background: #fff; border: 1px solid #e4dfef; border-radius: 10px; font-size: 12px; line-height: 1.4; white-space: normal; text-align: center; cursor: pointer; box-shadow: 0 4px 12px #34235b05; }
.network-world[data-layout="compact"] .world-node.minor span { white-space: normal; }
.network-world[data-layout="compact"] .world-node.flow-active { border-color: rgba(var(--scene-rgb),.65); box-shadow: 0 0 0 4px rgba(var(--scene-rgb),.075),0 8px 24px rgba(var(--scene-rgb),.12); color: var(--scene); }
.network-world[data-layout="compact"] .world-node.core.flow-active { box-shadow: none; }
.network-world[data-layout="compact"] .world-node.core.flow-active .world-core { box-shadow: 0 0 0 6px #fff9,0 0 0 9px rgba(var(--scene-rgb),.14),0 10px 28px rgba(var(--scene-rgb),.17); }
.network-world[data-layout="compact"] .world-node { cursor: pointer; -webkit-tap-highlight-color: transparent; }
.network-world[data-layout="compact"] .world-edges path { opacity: .42; }
.network-world[data-layout="compact"] .world-edges path.active { opacity: .66; }
.network-world[data-layout="compact"] .world-node.quiet { opacity: 1; }
.world-orbit { fill: rgba(var(--scene-rgb),.018); stroke: rgba(var(--scene-rgb),.14); stroke-width: 1; stroke-dasharray: 3 6; }
.network-world[data-layout="compact"] .world-flow path { stroke: var(--scene); stroke-width: 1.3; opacity: .32; transition: opacity .18s,stroke-width .18s; }
.network-world[data-layout="compact"] .world-flow .flow-arrow { opacity: .62; stroke-linecap: round; stroke-linejoin: round; }
.network-world[data-layout="compact"] .world-flow .is-traced { opacity: .9; stroke-width: 2; }
.world-flow-dot { fill: var(--scene); stroke: #fff; stroke-width: 1.5; }
.world-flow-aura { fill: var(--scene); opacity: .12; }
.network-world[data-layout="compact"] .world-flow .world-flow-traveler { fill:none;stroke:var(--scene);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;opacity:1; }
/* On desktop the trace overlays the existing topology without adding another route. */
.network-world[data-layout="full"] .world-flow .flow-route { stroke: var(--scene); stroke-width: 1.8; opacity: 0; transition: opacity .18s; }
.network-world[data-layout="full"] .world-flow .flow-route.is-traced { opacity: .75; }
.network-world[data-layout="full"] .world-flow .world-flow-traveler { fill: none; stroke: var(--scene); stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; opacity: 1; }
.network-world[data-layout="full"] .world-node.main.flow-active { border-color: rgba(var(--scene-rgb),.55); box-shadow: 0 0 0 4px rgba(var(--scene-rgb),.055),0 8px 24px rgba(var(--scene-rgb),.10); }
.network-world[data-layout="full"] .world-node.core.flow-active .world-core { box-shadow: 0 0 0 8px #ffffff85,0 0 0 10px rgba(var(--scene-rgb),.18),0 16px 42px #5d4bea1c; }
@media (max-width:1050px) {
 .landing-page .hero-scroll { display: none; }
 .landing-page .hero { display: block; padding-top: 0; }
 .landing-page .hero-copy { max-width: 660px; }
 .landing-page .hero-explore { min-height: 400px; }
 .landing-page .feature-chapter { display: block; min-height: max(760px,calc(100svh - 72px)); padding-bottom: 350px; }
 .landing-page .feature-chapter .story-copy { max-width: 660px; padding-right: 0; }
 .landing-page .chapter-space { display: none; }
 .landing-page .chapter-heading { max-width: none; }
 body[data-view="hero"] .network-world, body[data-view="story"] .network-world { clip-path: inset(var(--mobile-graph-top,0px) 0 0); }
}
@media (max-width:360px) {
 .network-world[data-layout="compact"] .world-node.main { width: 82px; font-size: 12px; }
 .network-world[data-layout="compact"] .world-node.minor { max-width: 100px; padding-inline: 7px; }
 .network-world[data-layout="compact"] .world-core { width: 52px; height: 52px; }
}

/* One lead insight and three supporting topics: the same hierarchy on every screen. */
.landing-page .editorial-visual.visual-3 { background: #e9eef9; }
.landing-page .visual-3 .editorial-diagram { transform: none; }
.landing-page .visual-3 .editorial-diagram i { background: #7f98c5; }
.landing-page .insights .insight-grid { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(0,1fr); gap: 16px 28px; }
.landing-page .insights .insight-card { display: grid; grid-template-columns: minmax(0,1fr) 92px; grid-template-areas: "meta visual" "title visual" "read visual"; align-content: center; gap: 10px 20px; padding: 22px; border-radius: 16px; }
.landing-page .insights .insight-card > :not(.article-visual) { margin: 0; }
.landing-page .insights .insight-card .article-visual { grid-area: visual; width: 92px; height: 100px; margin: 0; align-self: center; border-radius: 11px; }
.landing-page .insights .insight-card .article-meta { grid-area: meta; display: flex; justify-content: space-between; gap: 6px 14px; font-size: 12px; line-height: 1.5; }
.landing-page .insights .insight-card h3 { grid-area: title; font-size: 19px; line-height: 1.55; }
.landing-page .insights .insight-card > p { display: none; }
.landing-page .insights .insight-card .article-read { grid-area: read; display: flex; justify-content: flex-start; gap: 10px; margin-top: 2px; padding: 0; border: 0; font-size: 12px; }
.landing-page .insights .insight-card .article-read::after { content: "↗"; font-size: 14px; }
.landing-page .insights .insight-card :is(.art-label,.art-index) { display: none; }
.landing-page .insights .insight-card .editorial-diagram { transform: scale(.45); }
.landing-page .insights .insight-featured { grid-row: span 3; display: flex; flex-direction: column; align-content: initial; gap: 20px; padding: 16px 26px 26px; }
.landing-page .insights .insight-featured > :not(.article-visual) { width: 100%; }
.landing-page .insights .insight-featured .article-visual { width: calc(100% + 20px); height: 190px; margin-inline: -10px; align-self: stretch; flex-shrink: 0; }
.landing-page .insights .insight-featured .art-label { display: block; left: 22px; top: 20px; font-size: 12px; letter-spacing: .05em; }
.landing-page .insights .insight-featured .editorial-diagram { transform: none; }
.landing-page .insights .insight-featured h3 { font-size: clamp(22px,2vw,28px); line-height: 1.5; }
.landing-page .insights .insight-featured > p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 16px; line-height: 1.85; }
.landing-page .insights .insight-featured .article-read { margin-top: auto; padding-top: 16px; border-top: 1px solid var(--line); justify-content: space-between; font-size: 13px; }
@media (max-width:1000px) {
 .landing-page .insights .insight-grid { gap: 14px 20px; grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
 .landing-page .insights .insight-card:not(.insight-featured) { grid-template-columns: minmax(0,1fr); grid-template-areas: "meta" "title" "read"; padding: 20px; }
 .landing-page .insights .insight-card:not(.insight-featured) .article-visual { display: none; }
 .landing-page .insights .insight-featured { padding-inline: 22px; }
 .landing-page .insights .insight-card h3 { font-size: 18px; }
 .landing-page .insights .insight-featured h3 { font-size: 24px; }
}
@media (max-width:700px) {
 .landing-page .insights .insight-grid { grid-template-columns: minmax(0,1fr); gap: 14px; }
 .landing-page .insights .insight-featured { grid-row: auto; gap: 16px; padding: 12px 20px 22px; margin-bottom: 4px; }
 .landing-page .insights .insight-featured .article-visual { height: 132px; }
 .landing-page .insights .insight-featured .editorial-diagram { transform: scale(1.4); }
 .landing-page .insights .insight-featured h3 { font-size: 22px; }
 .landing-page .insights .insight-featured > p { font-size: 15px; }
 .landing-page .insights .insight-card:not(.insight-featured) { grid-template-columns: minmax(0,1fr) 58px; grid-template-areas: "meta meta" "title visual" "read visual"; gap: 10px 14px; padding: 20px; }
 .landing-page .insights .insight-card:not(.insight-featured) .article-visual { display: grid; width: 58px; height: 64px; }
 .landing-page .insights .insight-card:not(.insight-featured) .editorial-diagram { transform: none; }
}
@media (max-width:360px) {
 .landing-page .insights .insight-featured h3 { font-size: 21px; }
 .landing-page .insights .insight-card:not(.insight-featured) { grid-template-columns: minmax(0,1fr); grid-template-areas: "meta" "title" "read"; }
 .landing-page .insights .insight-card:not(.insight-featured) .article-visual { display: none; }
}