:root {
  color-scheme: dark;
  --navy-950: #03112a;
  --navy-900: #071a3d;
  --navy-800: #0c2853;
  --ink: #071632;
  --muted: #9db0ce;
  --line: rgba(148, 185, 235, 0.18);
  --cyan: #21d5df;
  --blue: #2388ff;
  --violet: #8267ff;
  --teal: #1dc6a2;
  --paper: #f4f7fb;
  --white: #ffffff;
  --radius: 24px;
  --shadow: 0 24px 70px rgba(0, 8, 27, 0.28);
  --max: 1440px;
}

* { box-sizing: border-box; }
html { overflow-x: hidden; scroll-behavior: smooth; }
body {
  margin: 0;
  overflow-x: hidden;
  background: var(--navy-950);
  color: var(--white);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.5;
}
button, input, select, textarea { font: inherit; }
a { color: inherit; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; left: 18px; top: -100px; z-index: 100; background: white; color: var(--ink); padding: 12px 18px; border-radius: 10px; }
.skip-link:focus { top: 18px; }
.section-shell { width: min(100% - 64px, var(--max)); margin-inline: auto; }

.site-header {
  min-height: 88px;
  display: grid;
  grid-template-columns: minmax(210px, 1fr) auto minmax(310px, 1fr);
  align-items: center;
  gap: 32px;
  padding: 14px max(32px, calc((100vw - var(--max)) / 2));
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(3, 17, 42, 0.9);
  border-bottom: 1px solid var(--line);
  backdrop-filter: blur(18px);
}
.brand { position: relative; display: block; justify-self: start; width: 232px; height: 54px; overflow: hidden; }
.brand img { position: absolute; left: 0; top: 50%; display: block; width: 232px; max-width: none; height: auto; transform: translateY(-50%); }
.site-nav { display: flex; gap: clamp(14px, 1.35vw, 22px); }
.site-nav a, .site-footer a { text-decoration: none; color: #c9d4e7; font-size: .92rem; }
.site-nav a{white-space:nowrap}
.site-nav a:hover, .site-nav a:focus-visible, .site-footer a:hover, .site-footer a:focus-visible { color: white; }
.language-switcher { justify-self: end; display: flex; gap: 4px; padding: 4px; border: 1px solid var(--line); border-radius: 999px; }
.language-switcher button { color: #aebed6; background: transparent; border: 0; border-radius: 999px; padding: 7px 10px; cursor: pointer; font-size: .76rem; }
.language-switcher button[aria-pressed="true"] { background: #eef6ff; color: #092550; }
.menu-toggle { display: none; }

.hero {
  min-height: 760px;
  display: grid;
  grid-template-columns: minmax(340px, .86fr) minmax(610px, 1.24fr);
  gap: clamp(42px, 6vw, 96px);
  align-items: center;
  padding-block: 72px 90px;
}
.hero::before { content: ""; position: absolute; inset: 90px 0 auto 0; height: 700px; pointer-events: none; background: radial-gradient(circle at 72% 38%, rgba(32,126,255,.17), transparent 30%), radial-gradient(circle at 30% 28%, rgba(20,207,224,.08), transparent 28%); }
.hero-copy, .network-stage { position: relative; z-index: 1; }
.eyebrow { margin: 0 0 22px; color: #62dce6; font-size: .76rem; font-weight: 800; letter-spacing: .22em; }
.eyebrow.dark { color: #2075b9; }
h1, h2, h3, p { margin-top: 0; }
h1 { max-width: 780px; margin-bottom: 24px; font-size: clamp(3rem, 4.75vw, 5.45rem); line-height: .92; letter-spacing: -.065em; }
h1 span { color: var(--cyan); background: linear-gradient(92deg, #31e4dd, #2d8cff 62%, #8a6cff); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hero-lede { max-width: 680px; color: #bdc9db; font-size: clamp(1.1rem, 1.55vw, 1.43rem); }
.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }
.button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; border: 1px solid transparent; border-radius: 12px; padding: 0 22px; text-decoration: none; font-weight: 750; cursor: pointer; }
.button-primary { color: #03112a; background: linear-gradient(100deg, #29dedc, #3da0ff); box-shadow: 0 10px 35px rgba(35,136,255,.25); }
.button-secondary { color: white; border-color: rgba(187,211,244,.5); background: rgba(255,255,255,.035); }
.button:hover { transform: translateY(-1px); }
.hero-note { margin-top: 24px; color: #728aab; font-size: .86rem; }

.ecosystem { height: 650px; min-width: 0; transition: filter .35s ease; }
.connections { position: absolute; inset: 28px 0 0; width: 100%; height: 560px; overflow: visible; }
.connections path { fill: none; stroke: url(#line-gradient); stroke-width: 2.25; opacity: .55; transition: opacity .35s ease, stroke-width .35s ease, filter .35s ease; }
.pulse { fill: #c6ffff; filter: drop-shadow(0 0 8px #39ddea); }
.hub, .node { position: absolute; color: white; border: 1px solid rgba(92,170,255,.32); background: linear-gradient(145deg, rgba(9,35,79,.98), rgba(5,18,45,.96)); box-shadow: var(--shadow); cursor: pointer; transition: transform .25s ease, border-color .25s ease, background .25s ease; }
.hub:focus-visible, .node:focus-visible, .button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, .language-switcher button:focus-visible { outline: 3px solid #ffe778; outline-offset: 4px; }
.hub { left: 50%; top: 49%; width: 228px; height: 228px; transform: translate(-50%, -50%); border-radius: 50%; display: grid; place-items: center; align-content: center; border-color: rgba(49,213,241,.72); box-shadow: 0 0 0 12px rgba(38,139,255,.07), 0 0 0 28px rgba(38,139,255,.025), 0 30px 70px rgba(0,5,25,.55); animation: breathe 6s ease-in-out infinite; z-index: 4; }
.hub::before { content: ""; position: absolute; inset: -18px; border: 1px solid rgba(61,161,255,.12); border-radius: 50%; }
.hub:hover { transform: translate(-50%, -50%) scale(1.025); }
.hub strong { font-size: 1.25rem; }
.hub small { max-width: 140px; margin-top: 7px; color: #63dfe8; font-size: .55rem; letter-spacing: .13em; }
.hub-logo-crop { position: relative; display: block; width: 80px; height: 80px; margin-bottom: 8px; overflow: hidden; border-radius: 24px; }
.hub-logo-crop img { position: absolute; left: -5px; top: -1px; width: 347px; max-width: none; height: auto; }
.node { width: 220px; min-height: 140px; padding: 18px; border-radius: 20px; text-align: left; display: grid; grid-template-columns: 42px 1fr; align-content: center; column-gap: 12px; opacity: 1; transform: translate3d(0,0,0); transition: transform .35s ease, border-color .35s ease, background .35s ease, opacity .35s ease, filter .35s ease, min-height .35s ease; }
.node:hover, .node.active { min-height: 184px; transform: translateY(-5px); border-color: rgba(63,221,231,.75); background: linear-gradient(145deg, rgba(11,52,104,.98), rgba(8,25,57,.98)); animation-play-state: paused; z-index: 8; }
.node-icon { grid-row: span 2; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: rgba(47,202,220,.12); color: var(--cyan); font-size: 1.7rem; }
.node strong { font-size: .9rem; line-height: 1.2; }
.node small { color: #8498b8; margin-top: 7px; font-size: .72rem; line-height: 1.3; }
.branch-reveal { grid-column: 1 / -1; display: grid; gap: 3px; max-height: 0; margin-top: 0; padding-top: 0; overflow: hidden; opacity: 0; border-top: 1px solid transparent; transition: max-height .35s ease, opacity .3s ease, margin .35s ease, padding .35s ease, border-color .35s ease; }
.branch-reveal b { color: #eef8ff; font-size: .72rem; }
.branch-reveal em { color: #67dce4; font-size: .62rem; font-style: normal; letter-spacing: .04em; text-transform: uppercase; }
.node:hover .branch-reveal, .node.active .branch-reveal { max-height: 64px; margin-top: 14px; padding-top: 10px; opacity: 1; border-color: rgba(103,190,232,.18); }
.node-company { left: 0; top: 44px; animation: drift-a 8s ease-in-out infinite; }
.node-products { left: 1%; bottom: 42px; animation: drift-b 9s ease-in-out infinite; }
.node-services { right: 0; top: 42px; animation: drift-c 8.5s ease-in-out infinite; }
.node-internal { right: 0; bottom: 42px; animation: drift-d 9.5s ease-in-out infinite; }
.ecosystem.has-focus .node:not(.active) { opacity: .3; filter: saturate(.45); }
.ecosystem.has-focus .branch-path { opacity: .12; }
.ecosystem[data-focus="company"] [data-path="company"], .ecosystem[data-focus="products"] [data-path="products"], .ecosystem[data-focus="services"] [data-path="services"], .ecosystem[data-focus="internal"] [data-path="internal"] { opacity: 1; stroke-width: 3.5; filter: drop-shadow(0 0 5px rgba(57,221,234,.65)); }
.ecosystem-detail { position: absolute; left: 50%; bottom: -72px; width: min(480px, 82%); transform: translateX(-50%); padding: 16px 20px; border: 1px solid var(--line); border-radius: 16px; background: rgba(3,17,42,.8); backdrop-filter: blur(12px); text-align: center; }
.detail-label { margin: 0 0 2px; color: #5fc9d7; font-size: .6rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.ecosystem-detail h3 { margin: 0 0 3px; font-size: 1rem; }
.ecosystem-detail p:not(.detail-label) { margin: 0 auto; max-width: 430px; color: #9eafc9; font-size: .76rem; }
.detail-tags { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px; margin-top: 9px; }
.detail-tags span, .status { display: inline-flex; border-radius: 999px; padding: 4px 8px; border: 1px solid rgba(112,173,255,.28); color: #b8c9e1; font-size: .6rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }

/* Approved Living Ecosystem composition — motion may evolve; geometry is frozen. */
.network-stage { position: relative; width: 100%; height: auto; aspect-ratio: 1000/680; min-height: 620px; max-height: 850px; min-width: 0; overflow: hidden; border: 1px solid rgba(83,156,221,.22); border-radius: 34px; background: radial-gradient(circle at 50% 50%,rgba(39,131,230,.13),transparent 24%),radial-gradient(circle at 19% 18%,rgba(52,223,218,.055),transparent 20%),linear-gradient(145deg,rgba(6,23,51,.96),rgba(2,12,30,.99)); box-shadow: 0 50px 120px rgba(0,3,15,.55); isolation: isolate; transition: min-height .38s ease; }
.network-stage::before { content:""; position:absolute; inset:0; z-index:-1; background-image:linear-gradient(rgba(83,143,200,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(83,143,200,.025) 1px,transparent 1px); background-size:72px 72px; mask-image:radial-gradient(circle,black,transparent 76%); }
.network-svg { position:absolute; inset:0; width:100%; height:100%; overflow:visible; pointer-events:none; }
.background-paths path { fill:none; stroke:rgba(87,148,198,.14); stroke-width:1; transition:stroke .45s ease,opacity .45s ease,filter .45s ease; }
.background-paths path.is-awake { stroke:rgba(91,211,224,.42); opacity:.92; filter:drop-shadow(0 0 3px rgba(79,207,219,.24)); }
.background-points circle { fill:#65bfe0; opacity:.18; animation:bg-breathe var(--bg-duration,7s) ease-in-out infinite; animation-delay:var(--bg-delay,0s); transition:opacity .35s ease,fill .35s ease,filter .35s ease,r .35s ease; }
.background-points circle.is-awake { fill:#8dfffa; opacity:.78; filter:drop-shadow(0 0 5px rgba(100,238,232,.7)); }
.secondary-paths path { fill:none; stroke:rgba(75,163,201,.2); stroke-width:1.25; stroke-linecap:round; opacity:.48; transition:opacity .5s ease,stroke .5s ease,stroke-width .5s ease,filter .5s ease; }
.secondary-paths path.path-active { stroke:rgba(94,210,218,.55); stroke-width:1.8; opacity:.75; filter:drop-shadow(0 0 3px rgba(80,201,213,.28)); }
.secondary-paths path.path-memory { stroke:rgba(82,176,207,.36); opacity:.64; }
.main-paths path { fill:none; stroke:url(#path-gradient); stroke-width:2; stroke-linecap:round; opacity:.27; transition:opacity .7s ease,stroke-width .55s ease,filter .7s ease; }
.main-paths path.path-active { opacity:.88; stroke-width:3.4; filter:drop-shadow(0 0 4px rgba(89,226,238,.55)); stroke-dasharray:5 10; animation:path-flow 1.1s linear infinite; }
.main-paths path.path-memory { opacity:.54; stroke-width:2.55; filter:drop-shadow(0 0 3px rgba(72,181,226,.25)); }
.signal { fill:url(#signal-fill); filter:url(#signal-glow); }.signal-halo { fill:none; stroke:#86ffff; stroke-width:1.2; opacity:.45; }
.secondary-signal { fill:#7de7e5; opacity:.76; filter:drop-shadow(0 0 3px rgba(90,226,224,.55)); }.secondary-signal-halo { fill:none; stroke:#64cfd7; stroke-width:.8; opacity:.3; }
.ambient-field i { position:absolute; width:4px; height:4px; border-radius:50%; background:#70d6e8; opacity:.13; animation:ambient 8s ease-in-out infinite; }.ambient-field i:nth-child(1){left:11%;top:43%;animation-delay:-2s}.ambient-field i:nth-child(2){right:14%;top:37%;animation-delay:-5s}.ambient-field i:nth-child(3){left:33%;bottom:15%;animation-delay:-3.5s}.ambient-field i:nth-child(4){right:32%;top:12%;animation-delay:-6.2s}
.central-hub { position:absolute; left:50%; top:50%; z-index:5; width:216px; height:216px; translate:-50% -50%; display:grid; place-content:center; justify-items:center; border:0; border-radius:50%; color:white; background:radial-gradient(circle at 50% 44%,rgba(21,78,137,.98),rgba(4,17,40,.98) 68%); cursor:pointer; animation:hub-breathe 6.8s ease-in-out infinite; transition:filter .3s ease; }
.central-hub:focus-visible,.network-node:focus-visible,.panel-close:focus-visible { outline:3px solid #ffe46c; outline-offset:5px; }.central-hub strong{font-size:1.12rem}.central-hub small{margin-top:7px;color:#63d9e4;font-size:.49rem;letter-spacing:.16em}
.hub-logo{position:relative;width:74px;height:74px;margin-bottom:5px}.hub-logo img{display:block;width:100%;height:100%;object-fit:contain}
.hub-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(84,202,237,.34);pointer-events:none}.ring-middle{inset:-16px;border-color:rgba(68,151,241,.22);animation:ring-soft 6.8s ease-in-out infinite}.ring-outer{inset:-36px;border-color:rgba(75,118,215,.12);animation:ring-soft 8.4s ease-in-out infinite reverse}.ring-inner{inset:18px;border-color:rgba(97,237,236,.13)}
.hub-energy{position:absolute;inset:8px;border-radius:50%;opacity:.24;background:radial-gradient(circle,rgba(91,237,235,.18),transparent 65%);transition:opacity .25s ease,transform .25s ease}.central-hub.receiving .hub-energy,.central-hub.sending .hub-energy,.central-hub.processing .hub-energy,.central-hub.distributing .hub-energy{opacity:.86;transform:scale(1.08)}
.central-hub.receiving .ring-inner{animation:hub-impact .75s ease-out}.central-hub.sending .ring-middle{animation:hub-release .9s ease-out}.central-hub.processing{filter:brightness(1.11)}.central-hub.processing .ring-inner{animation:process-inner .8s ease-in-out}.central-hub.processing .ring-middle{animation:process-middle 1s ease-in-out .08s}.central-hub.processing .ring-outer{animation:process-outer 1.15s ease-out .16s}.central-hub.distributing .ring-middle,.central-hub.distributing .ring-outer{animation:hub-release 1.05s ease-out}
.network-node{position:absolute;z-index:6;width:208px;min-height:86px;translate:-50% -50%;display:grid;grid-template-columns:52px 1fr;align-items:center;gap:12px;padding:12px 16px;border:1px solid rgba(98,169,224,.2);border-radius:44px;color:white;background:radial-gradient(circle at 20% 50%,rgba(26,116,181,.18),transparent 46%),rgba(4,18,41,.54);backdrop-filter:blur(8px);cursor:pointer;transition:opacity .35s ease,transform .35s ease,border-color .35s ease,background .35s ease,filter .35s ease;will-change:transform,opacity}
.node-companies{left:18%;top:25%;animation:node-drift-a 9s ease-in-out infinite}.node-platforms{left:18%;top:75%;animation:node-drift-b 10.5s ease-in-out infinite}.node-services{left:82%;top:25%;animation:node-drift-c 9.7s ease-in-out infinite}.node-internal{left:82%;top:75%;animation:node-drift-d 11s ease-in-out infinite}
.node-core{position:relative;display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(86,221,229,.24);border-radius:50%;color:#69e5e6;background:rgba(19,104,154,.16);font-size:1.45rem;transition:.3s ease}.node-core::after{content:"";position:absolute;inset:-7px;border:1px solid rgba(75,160,223,.11);border-radius:50%;opacity:.5}.node-copy{display:grid;text-align:left}.node-copy strong{font-size:.81rem;line-height:1.15}.node-copy small{margin-top:5px;color:#8096b5;font-size:.66rem;line-height:1.25}.node-orbit{position:absolute;inset:-5px;border:1px solid transparent;border-radius:48px;pointer-events:none}
.network-node.is-near,.network-node.is-focused{border-color:rgba(88,229,235,.62);background:radial-gradient(circle at 20% 50%,rgba(40,198,213,.22),transparent 54%),rgba(5,27,56,.86);transform:scale(1.025);filter:drop-shadow(0 14px 26px rgba(0,7,25,.36))}.network-node.is-reacting{border-color:rgba(99,239,235,.72);background:radial-gradient(circle at 20% 50%,rgba(54,213,217,.28),transparent 56%),rgba(5,27,56,.88);transform:scale(1.018);filter:drop-shadow(0 0 24px rgba(66,211,221,.18))}.network-node.is-reacting .node-core{color:white;background:rgba(44,191,205,.42);box-shadow:0 0 26px rgba(85,234,235,.38);animation:node-response 1.1s ease-out}.network-node.is-reacting .node-orbit{border-color:rgba(89,228,238,.5);animation:node-wave 1.15s ease-out}.network-stage.has-focus .network-node:not(.is-focused){opacity:.27;filter:saturate(.45)}.network-stage.has-focus .central-hub{filter:brightness(1.08)}
.branch-cluster{position:absolute;z-index:4;display:flex;flex-wrap:wrap;gap:7px;max-width:280px;opacity:0;pointer-events:none;transform:scale(.92);transition:opacity .3s ease,transform .35s ease}.branch-cluster::before{content:"";position:absolute;height:1px;width:54px;background:linear-gradient(90deg,transparent,rgba(88,219,232,.55))}.branch-cluster span{position:relative;padding:7px 10px;border:1px solid rgba(91,172,225,.22);border-radius:999px;color:#c8d6e9;background:rgba(4,18,41,.84);font-size:.62rem;white-space:nowrap}.branch-cluster span::before{content:"";position:absolute;left:-3px;top:50%;width:5px;height:5px;translate:0 -50%;border-radius:50%;background:#5ee6e7}.branch-companies{left:5%;top:8%}.branch-companies::before{right:-44px;bottom:-24px;rotate:42deg}.branch-platforms{left:4%;bottom:7%}.branch-platforms::before{right:-45px;top:-20px;rotate:-38deg}.branch-services{right:4%;top:8%;justify-content:flex-end}.branch-services::before{left:-45px;bottom:-22px;rotate:-42deg}.branch-internal{right:4%;bottom:7%;justify-content:flex-end}.branch-internal::before{left:-45px;top:-20px;rotate:38deg}.network-stage[data-focus="companies"] .branch-companies,.network-stage[data-focus="platforms"] .branch-platforms,.network-stage[data-focus="services"] .branch-services,.network-stage[data-focus="internal"] .branch-internal{opacity:1;transform:scale(1)}
.selected-area{position:absolute;left:50%;bottom:24px;z-index:10;width:min(680px,calc(100% - 48px));translate:-50% 18px;display:grid;grid-template-columns:.55fr 1fr auto;gap:20px;align-items:center;padding:16px 18px;border:1px solid rgba(91,177,228,.23);border-radius:18px;background:rgba(3,15,35,.9);box-shadow:0 20px 50px rgba(0,5,20,.4);backdrop-filter:blur(16px);opacity:0;pointer-events:none;transition:opacity .3s ease,translate .35s ease}.selected-area.is-visible{opacity:1;translate:-50% 0;pointer-events:auto}.selected-area>div{display:grid}.selected-area>div span{color:#5fdce3;font-size:.58rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.selected-area>div strong{margin-top:3px;font-size:.9rem}.selected-area p{margin:0;color:#9db0ca;font-size:.75rem;line-height:1.35}.panel-close{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:50%;color:#91a5bf;background:transparent;cursor:pointer}
.activity-status{position:absolute;left:20px;bottom:18px;z-index:3;display:flex;align-items:center;gap:8px;color:#66809f;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;transition:opacity .2s ease}.status-light{width:6px;height:6px;border-radius:50%;background:#57e5e3;box-shadow:0 0 10px rgba(87,229,227,.65);animation:status 3s ease-in-out infinite}

.light-section { color: var(--ink); background: var(--paper); }
.intro { width: 100%; max-width: none; padding: 90px max(32px, calc((100vw - var(--max)) / 2)) 42px; display: grid; grid-template-columns: 1fr .75fr; gap: 90px; }
.intro h2, .method h2, .contact h2 { margin-bottom: 0; font-size: clamp(2.4rem, 4vw, 4.6rem); line-height: 1; letter-spacing: -.05em; }
.intro > p { align-self: end; color: #536581; font-size: 1.18rem; }
.ecosystem-ledger { width: 100%; max-width: none; padding: 16px max(32px, calc((100vw - var(--max)) / 2)) 110px; }
.category-line { position: relative; display: grid; grid-template-columns: 70px minmax(250px,.8fr) minmax(280px,1.2fr); gap: 34px; align-items: center; min-height: 190px; padding: 28px 12px; border-top: 1px solid #d6e1ed; transition: background .3s ease, transform .3s ease; }
.category-line:last-child { border-bottom: 1px solid #d6e1ed; }
.category-line::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; transform: scaleY(0); transform-origin: top; background: var(--blue); transition: transform .35s ease; }
.category-line:hover { background: rgba(255,255,255,.62); transform: translateX(4px); }
.category-line:hover::before { transform: scaleY(1); }
.category-line.accent-green::before { background: var(--teal); }
.category-line.accent-violet::before { background: var(--violet); }
.category-line.accent-slate::before { background: #64799c; }
.category-index { color: #a9b8ca; font-size: .72rem; font-weight: 800; letter-spacing: .14em; }
.category-copy h3 { margin: 20px 0 8px; font-size: 1.42rem; }
.category-copy > p { max-width: 500px; margin: 0; color: #60718a; font-size: .92rem; }
.category-entities { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.card-top { display: flex; justify-content: space-between; align-items: center; }
.card-icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: #edf4ff; color: #2779df; font-size: 1.8rem; }
.status { color: #42617f; border-color: #d4deea; }
.status.operating { color: #087c64; border-color: #a4e0d0; background: #e5f8f2; }
.status.internal { color: #655728; border-color: #e8d783; background: #fff8d8; }
.entity { display: grid; gap: 3px; margin-top: 11px; padding: 14px; border: 0; border-radius: 14px; color: var(--ink); background: #f5f8fc; text-align: left; }
.entity strong { font-size: .88rem; }
.entity span { color: #6c7d94; font-size: .75rem; }
.entity-link { position: relative; width: 100%; padding-right: 42px; cursor: pointer; transition: transform .25s ease, background .25s ease, box-shadow .25s ease; }
.entity-link::after { content:"→"; position:absolute; right:15px; top:50%; translate:0 -50%; color:#2783d8; font-size:1rem; transition:translate .25s ease; }
.entity-link:hover,.entity-link:focus-visible { transform:translateX(3px); background:#edf5fd; box-shadow:0 10px 24px rgba(31,87,139,.08); }
.entity-link:hover::after,.entity-link:focus-visible::after { translate:3px -50%; }
.entity-link:focus-visible { outline:3px solid #176fbd; outline-offset:3px; }
.capability-note { display: grid; gap: 8px; padding: 22px; border-left: 1px solid #d9e3ee; }
.capability-note strong { font-size: .95rem; }
.capability-note span { color: #667891; font-size: .82rem; }
.real-operations { padding-block: 120px; display: grid; grid-template-columns: .72fr 1.28fr; gap: 90px; align-items: center; }
.operations-heading h2 { margin-bottom: 24px; font-size: clamp(2.5rem,4.5vw,4.8rem); line-height: 1; letter-spacing: -.055em; }
.operations-heading > p:last-child { color: #a8b7cd; max-width: 570px; }
.operations-gallery { display: grid; grid-template-columns: 1.25fr .75fr; grid-template-rows: 1fr 1fr; gap: 14px; min-height: 520px; }
.photo-slot { position: relative; margin: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 22px; background: #071a3d; }
.photo-main { grid-row: 1 / 3; }
.photo-surface { position: absolute; inset: 0; overflow:hidden; display: grid; place-items: center; isolation:isolate; background: radial-gradient(circle at 30% 20%,rgba(43,218,219,.2),transparent 28%), linear-gradient(145deg,#0c2f59,#06152f 65%); }
.photo-surface::before { content: ""; position: absolute; inset: 0; z-index:-1; opacity:.55; background-image:linear-gradient(rgba(106,197,226,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(106,197,226,.055) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(145deg,#000,transparent 80%); }
.photo-surface::after { content:""; position:absolute; inset:18px; z-index:-1; border:1px solid rgba(122,214,235,.14); border-radius:16px; box-shadow:inset 0 0 40px rgba(20,110,164,.08); }
.photo-surface.secondary { background:radial-gradient(circle at 74% 28%,rgba(88,113,238,.15),transparent 34%),linear-gradient(145deg,#102c58,#10183b); }
.photo-surface.tertiary { background:radial-gradient(circle at 28% 72%,rgba(44,205,197,.13),transparent 36%),linear-gradient(145deg,#182650,#0a2038); }
.photo-placeholder-label{position:absolute;left:38px;top:34px;color:#76dce1;font-size:.61rem;font-weight:800;letter-spacing:.16em}.photo-sequence{position:absolute;right:36px;top:26px;color:rgba(255,255,255,.18);font-size:2.35rem;font-weight:800;letter-spacing:-.06em}.photo-graphic{position:relative;display:block;width:min(56%,240px);height:140px;color:rgba(126,234,233,.66)}
.photo-slot:not(.photo-main) .photo-placeholder-label{left:20px;top:22px;max-width:175px;font-size:.52rem}.photo-slot:not(.photo-main) .photo-sequence{right:20px;top:48px;font-size:1.85rem}
.production-graphic{display:flex;align-items:flex-end;justify-content:center;gap:12px}.production-graphic i{position:relative;width:27%;height:72%;border:1px solid rgba(120,223,234,.38);border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,rgba(47,177,202,.17),rgba(19,73,121,.09));box-shadow:0 18px 35px rgba(0,0,0,.18)}.production-graphic i:nth-child(2){height:92%}.production-graphic i::before{content:"";position:absolute;left:18%;right:18%;top:15%;height:38%;border:1px solid rgba(137,233,237,.28);background:repeating-linear-gradient(0deg,transparent 0 7px,rgba(106,222,231,.15) 8px 9px)}.production-graphic i::after{content:"";position:absolute;left:25%;right:25%;bottom:13%;height:4px;border-radius:99px;background:rgba(104,230,230,.35);box-shadow:0 0 12px rgba(86,218,221,.25)}
.workflow-graphic{width:min(64%,220px);height:64px}.workflow-graphic::before{content:"";position:absolute;left:8%;right:8%;top:50%;height:1px;background:linear-gradient(90deg,rgba(79,214,219,.18),rgba(91,220,222,.7),rgba(107,128,239,.34))}.workflow-graphic i{position:absolute;top:50%;width:14px;height:14px;translate:-50% -50%;border:2px solid rgba(119,229,233,.7);border-radius:50%;background:#10294f;box-shadow:0 0 0 7px rgba(70,205,213,.06)}.workflow-graphic i:nth-child(1){left:8%}.workflow-graphic i:nth-child(2){left:36%}.workflow-graphic i:nth-child(3){left:64%}.workflow-graphic i:nth-child(4){left:92%}
.improvement-graphic{width:124px;height:124px;border:1px solid rgba(109,221,224,.34);border-radius:50%;box-shadow:0 0 0 18px rgba(71,173,210,.055),0 0 0 38px rgba(87,119,221,.035)}.improvement-graphic::before,.improvement-graphic::after{content:"";position:absolute;border-radius:50%}.improvement-graphic::before{inset:29px;border:1px solid rgba(121,226,229,.42)}.improvement-graphic::after{inset:52px;background:#74dfe1;box-shadow:0 0 24px rgba(88,222,224,.34)}.improvement-graphic i{position:absolute;width:8px;height:8px;border-radius:50%;background:#79e3e3;box-shadow:0 0 12px rgba(104,228,227,.45)}.improvement-graphic i:nth-child(1){left:12px;top:30px}.improvement-graphic i:nth-child(2){right:10px;top:46px}.improvement-graphic i:nth-child(3){left:55px;bottom:-4px}
.photo-surface.has-photo{background-position:center;background-size:cover}.photo-surface.has-photo .photo-placeholder-label,.photo-surface.has-photo .photo-graphic,.photo-surface.has-photo .photo-sequence{display:none}
.photo-slot figcaption { position: absolute; left: 20px; right: 20px; bottom: 18px; display: grid; gap: 3px; padding-top: 28px; background: linear-gradient(transparent,rgba(3,12,30,.88)); }
.photo-slot figcaption strong { font-size: .9rem; }
.photo-slot figcaption span { color: #a4b6d0; font-size: .72rem; }
.method { padding-block: 112px; display: grid; grid-template-columns: .72fr 1.28fr; gap: 70px; align-items: center; }
.method-copy p:last-child { color: #a8b7cd; max-width: 620px; font-size: 1.05rem; }
.cycle-loop { position: relative; min-height: 500px; }
.cycle-loop > svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.cycle-loop > svg path { fill: none; stroke: rgba(67,169,255,.32); stroke-width: 2; stroke-dasharray: 4 8; transition: stroke .7s ease, opacity .7s ease, filter .7s ease; }
.cycle-loop > svg path.cycle-active { stroke: rgba(91,226,235,.9); filter: drop-shadow(0 0 5px rgba(47,224,228,.45)); animation: path-flow 1.15s linear infinite; }
.cycle-loop > svg path.cycle-memory { stroke: rgba(82,174,222,.52); filter: drop-shadow(0 0 3px rgba(47,170,220,.2)); }
.cycle-signal { fill: #77eff3; filter: drop-shadow(0 0 8px #2fe0e4); }.cycle-signal-halo { fill:none; stroke:#84f8f4; stroke-width:1; opacity:.42; }
.cycle-center { position: absolute; left: 50%; top: 50%; width: 180px; height: 180px; transform: translate(-50%,-50%); display: grid; place-content: center; text-align: center; border: 1px solid rgba(76,156,245,.25); border-radius: 50%; background: radial-gradient(circle,rgba(35,136,255,.12),rgba(7,26,61,.7)); transition:border-color .5s ease,filter .5s ease,transform .5s ease; }
.cycle-center.is-processing { border-color:rgba(89,226,235,.65); filter:drop-shadow(0 0 22px rgba(50,187,223,.2)); transform:translate(-50%,-50%) scale(1.018); }
.cycle-center span { color: #65dce5; font-size: .68rem; letter-spacing: .15em; text-transform: uppercase; }
.cycle-center strong { max-width: 130px; margin: 7px auto 0; font-size: 1.08rem; }
.cycle { list-style: none; padding: 0; margin: 0; }
.cycle li { position: absolute; width: 132px; min-height: 78px; padding: 15px 17px; border: 1px solid var(--line); border-radius: 16px; background: rgba(6,23,53,.93); opacity: .38; transform: translateY(10px); transition: opacity .5s ease, transform .5s ease, border-color .5s ease, background .5s ease, filter .5s ease; }
.cycle li:nth-child(1) { left: 12%; top: 10%; }
.cycle li:nth-child(2) { right: 21%; top: 2%; }
.cycle li:nth-child(3) { right: 1%; top: 39%; }
.cycle li:nth-child(4) { right: 12%; bottom: 7%; }
.cycle li:nth-child(5) { left: 29%; bottom: 0; }
.cycle li:nth-child(6) { left: 0; top: 49%; }
.cycle span { display: block; color: #5b789e; font-size: .62rem; }
.cycle strong { display: block; margin-top: 12px; font-size: .9rem; }
.method.in-view .cycle li { opacity: 1; transform: translateY(0); border-color: rgba(66,173,238,.32); }
.method.in-view .cycle li.is-reacting { border-color:rgba(91,228,234,.72); background:radial-gradient(circle at 20% 30%,rgba(45,196,210,.2),transparent 60%),rgba(7,31,67,.97); transform:translateY(0) scale(1.018); filter:drop-shadow(0 0 18px rgba(54,203,220,.16)); }
.method.in-view .cycle li:nth-child(2) { transition-delay: .12s; }.method.in-view .cycle li:nth-child(3) { transition-delay: .24s; }.method.in-view .cycle li:nth-child(4) { transition-delay: .36s; }.method.in-view .cycle li:nth-child(5) { transition-delay: .48s; }.method.in-view .cycle li:nth-child(6) { transition-delay: .6s; }

.now-next { width: 100%; max-width: none; padding: 110px max(32px, calc((100vw - var(--max)) / 2)); display: grid; grid-template-columns: .72fr 1.28fr; gap: 90px; align-items: start; }
.now-next-heading h2 { margin-bottom: 20px; font-size: clamp(2.7rem,4.7vw,5rem); line-height: .98; letter-spacing: -.055em; }
.now-next-heading > p:last-child { color: #5d6e86; }
.now-next-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.now-column,.next-column { padding: 28px; border: 1px solid #d5e0ec; border-radius: 22px; background: white; }
.now-column { box-shadow: 0 20px 50px rgba(20,52,89,.08); }
.now-next-columns ul { display: grid; gap: 0; margin: 22px 0 0; padding: 0; list-style: none; }
.now-next-columns li { display: grid; gap: 2px; padding: 12px 0; border-top: 1px solid #e4eaf1; color: #263b58; font-size: .86rem; }
.now-next-columns small { color: #72839a; }
.status.development { color: #5d4ea5; border-color: #cfc6f8; background: #f0edff; }

.contact { width: 100%; max-width: none; padding: 82px max(32px, calc((100vw - var(--max)) / 2)); display: grid; grid-template-columns: .9fr 1.1fr; gap: 70px; align-items: center; background: linear-gradient(135deg,#eef5fb,#f8fbfe 62%); }
.contact-copy > p:not(.eyebrow) { color: #5b6c85; font-size: 1.05rem; }
.prototype-notice { margin-top: 28px; padding: 14px 16px; border-left: 3px solid #d09b24; color: #654a0c; background: #fff7dc; font-size: .86rem; }
.contact-form { max-width: 720px; padding: 28px; border-radius: 20px; background: white; box-shadow: 0 20px 54px rgba(17,42,79,.1); }
.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.contact-form label { display: grid; gap: 7px; margin-bottom: 16px; color: #253a59; font-size: .84rem; font-weight: 700; }
.contact-form label em { color: #71839a; font-weight: 500; }
.contact-form input, .contact-form textarea, .contact-form select { width: 100%; border: 1px solid #cfd9e6; border-radius: 10px; padding: 12px 13px; color: var(--ink); background: #fbfdff; }
.contact-form textarea { resize: vertical; }
.consent { grid-template-columns: 20px 1fr !important; align-items: start; font-weight: 500 !important; }
.consent input { margin-top: 3px; }
.captcha-placeholder { display: flex; align-items: center; gap: 12px; width: fit-content; margin: 20px 0; padding: 12px 16px; border: 1px dashed #9fb0c5; border-radius: 10px; color: #3b526f; background: #f4f7fa; }
.captcha-placeholder > span { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; color: white; background: #7b8ca2; }
.captcha-placeholder div { display: grid; }
.captcha-placeholder small { color: #71839a; }
.contact-form .button { border: 0; }
.form-status { min-height: 24px; margin: 12px 0 0; color: #8a6110; font-size: .84rem; }
.home-contact{width:100%;max-width:none;padding:86px max(32px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr auto;gap:60px;align-items:center;background:linear-gradient(135deg,#eef5fb,#f8fbfe 62%)}.home-contact h2{margin-bottom:18px;font-size:clamp(2.5rem,4vw,4.6rem);line-height:1;letter-spacing:-.05em}.home-contact p:not(.eyebrow){max-width:720px;margin:0;color:#5b6c85;font-size:1.02rem;line-height:1.7}.home-contact .button{min-width:190px}

.site-footer { min-height: 150px; display: flex; align-items: center; justify-content: space-between; gap: 40px; color: #7e91ad; }
.site-footer p { margin: 0; }
.site-footer nav { display: flex; flex-wrap: wrap; gap: 24px; }
.footer-navigation { display:grid; gap:13px; justify-items:end; }.footer-planned { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:20px; color:#667b9a; font-size:.78rem; }.footer-planned span { cursor:default; }.footer-planned a{color:#7084a1;font-size:.78rem}

@keyframes breathe { 0%, 100% { transform: translate(-50%, -50%) scale(1); } 50% { transform: translate(-50%, -50%) scale(1.022); } }
@keyframes drift-a { 0%,100% { translate: 0 0; } 50% { translate: 4px -6px; } }
@keyframes drift-b { 0%,100% { translate: 0 0; } 50% { translate: -5px 4px; } }
@keyframes drift-c { 0%,100% { translate: 0 0; } 50% { translate: -4px -5px; } }
@keyframes drift-d { 0%,100% { translate: 0 0; } 50% { translate: 5px 5px; } }
@keyframes hub-breathe{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.018);filter:brightness(1.045)}}
@keyframes ring-soft{0%,100%{transform:scale(.99);opacity:.5}50%{transform:scale(1.025);opacity:.9}}
@keyframes hub-impact{0%{transform:scale(.92);opacity:.15}45%{opacity:.9}100%{transform:scale(1.2);opacity:.08}}
@keyframes hub-release{0%{transform:scale(.94);opacity:.8}100%{transform:scale(1.15);opacity:.06}}
@keyframes process-inner{0%,100%{transform:scale(1);opacity:.25}42%{transform:scale(1.09);opacity:.92}}
@keyframes process-middle{0%,100%{transform:scale(1);opacity:.3}48%{transform:scale(1.075);opacity:.8}}
@keyframes process-outer{0%{transform:scale(.98);opacity:.3}58%{transform:scale(1.06);opacity:.72}100%{transform:scale(1.09);opacity:.12}}
@keyframes node-response{0%{transform:scale(.9)}45%{transform:scale(1.12)}100%{transform:scale(1)}}
@keyframes node-wave{0%{transform:scale(.88);opacity:.9}100%{transform:scale(1.18);opacity:0}}
@keyframes path-flow{to{stroke-dashoffset:-30}}
@keyframes bg-breathe{0%,100%{opacity:.1}50%{opacity:.28}}
@keyframes ambient{0%,100%{opacity:.05;transform:scale(.8)}45%{opacity:.25;transform:scale(1.3)}}
@keyframes status{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes node-drift-a{0%,100%{translate:-50% -50%}50%{translate:calc(-50% + 5px) calc(-50% - 7px)}}
@keyframes node-drift-b{0%,100%{translate:-50% -50%}50%{translate:calc(-50% - 6px) calc(-50% + 5px)}}
@keyframes node-drift-c{0%,100%{translate:-50% -50%}50%{translate:calc(-50% - 5px) calc(-50% - 6px)}}
@keyframes node-drift-d{0%,100%{translate:-50% -50%}50%{translate:calc(-50% + 6px) calc(-50% + 6px)}}

@media (max-width: 1180px) {
  .site-header { grid-template-columns: auto 1fr auto; }
  .site-nav { display: none; }
  .hero { grid-template-columns: 1fr; }
  .hero-copy { max-width: 850px; padding-top: 20px; }
  .network-stage { width: min(780px, 100%); margin: 0 auto; }
  .category-line { grid-template-columns: 55px 1fr 1fr; }
  .real-operations, .method, .now-next { grid-template-columns: 1fr; }
  .operations-heading, .method-copy, .now-next-heading { max-width: 820px; }
}

@media (max-width: 900px) {
  .network-stage{aspect-ratio:10/13;min-height:760px;max-height:none;border-radius:25px}
  .central-hub{top:46%;width:184px;height:184px}.hub-ring.ring-outer{inset:-24px}.hub-ring.ring-middle{inset:-11px}
  .network-node{width:170px;min-height:76px;grid-template-columns:42px 1fr;padding:10px 12px}.node-core{width:40px;height:40px;font-size:1.15rem}.node-copy strong{font-size:.7rem}.node-copy small{font-size:.58rem}
  .node-companies{left:27%;top:16%}.node-services{left:73%;top:16%}.node-platforms{left:27%;top:75%}.node-internal{left:73%;top:75%}
  .branch-cluster{max-width:210px}.branch-cluster span{padding:5px 7px;font-size:.54rem}.branch-companies{left:3%;top:2%}.branch-services{right:3%;top:2%}.branch-platforms{left:3%;bottom:2%}.branch-internal{right:3%;bottom:2%}
  .network-stage[data-selected] .branch-platforms,.network-stage[data-selected] .branch-internal{bottom:32%}.network-stage[data-selected] .activity-status{opacity:0}
  .selected-area{position:absolute;bottom:86px;grid-template-columns:1fr auto;gap:8px 12px;width:calc(100% - 28px);padding:14px}.selected-area p{grid-column:1/-1;grid-row:2}.panel-close{grid-column:2;grid-row:1}.activity-status{bottom:20px}
}

@media (max-width: 760px) {
  .section-shell { width: min(100% - 32px, var(--max)); }
  .site-header { min-height: 74px; grid-template-columns: 1fr auto; gap: 12px; padding: 10px 16px; }
  .brand { width: 190px; height: 44px; }
  .brand img { width: 190px; }
  .menu-toggle { display: grid; gap: 6px; width: 42px; height: 42px; place-content: center; border: 1px solid var(--line); border-radius: 10px; background: transparent; }
  .menu-toggle span:not(.sr-only) { display: block; width: 18px; height: 2px; background: white; }
  .site-nav { position: absolute; left: 16px; right: 16px; top: 122px; display: none; padding: 18px; flex-direction: column; border: 1px solid var(--line); border-radius: 16px; background: #071a3d; box-shadow: var(--shadow); }
  .site-nav.open { display: flex; }
  .language-switcher { grid-column: 1 / -1; width: 100%; justify-self: stretch; justify-content: center; }
  .hero { min-height: auto; padding-block: 70px 40px; }
  h1 { font-size: clamp(2.85rem, 13.5vw, 4.6rem); }
  .hero-actions { display: grid; }
  .ecosystem { height: auto; display: grid; gap: 12px; padding-top: 20px; }
  .connections { display: none; }
  .hub, .node { position: relative; inset: auto; width: 100%; transform: none; }
  .hub { height: auto; min-height: 170px; border-radius: 22px; animation: none; }
  .hub:hover { transform: none; }
  .node { min-height: 100px; }
  .ecosystem-detail { position: relative; left: auto; bottom: auto; width: 100%; transform: none; }
  .intro, .method, .contact { grid-template-columns: 1fr; gap: 38px; padding: 72px 16px 38px; }
  .ecosystem-ledger { padding: 18px 16px 72px; }
  .category-line { grid-template-columns: 38px 1fr; gap: 18px; padding: 26px 0; }
  .category-entities { grid-column: 2; grid-template-columns: 1fr; }
  .real-operations { width: min(100% - 32px,var(--max)); padding-block: 80px; gap: 42px; }
  .operations-gallery { min-height: 620px; grid-template-columns: 1fr 1fr; grid-template-rows: 1.3fr .7fr; }
  .photo-main { grid-column: 1 / 3; grid-row: 1; }
  .photo-placeholder-label{left:22px;top:22px;max-width:165px;font-size:.52rem}.photo-sequence{right:20px;top:48px;font-size:1.85rem}
  .method { width: min(100% - 32px, var(--max)); padding: 72px 0; }
  .cycle-loop { min-height: auto; }
  .cycle-loop > svg,.cycle-center { display: none; }
  .cycle { position: relative; display: grid; gap: 10px; padding-left: 24px; }
  .cycle::before { content: ""; position: absolute; left: 6px; top: 10px; bottom: 10px; width: 1px; background: linear-gradient(var(--cyan),var(--blue),var(--violet)); }
  .cycle li { position: relative; inset: auto !important; width: 100%; min-height: 74px; opacity: 1; transform: none; }
  .cycle li.is-reacting { transform:scale(1.01); }.cycle li.is-reacting::before { content:""; position:absolute; left:-23px; top:50%; width:7px; height:7px; translate:0 -50%; border-radius:50%; background:#79efed; box-shadow:0 0 10px rgba(68,224,226,.7); }
  .now-next { padding: 80px 16px; }
  .now-next-columns { grid-template-columns: 1fr; }
  .contact { padding-bottom: 72px; }
  .contact-form { padding: 22px; }
  .field-row { grid-template-columns: 1fr; gap: 0; }
  .site-footer { padding-block: 32px; align-items: flex-start; flex-direction: column; }
  .site-footer nav { display: grid; gap: 12px; }.footer-navigation{justify-items:start}.footer-planned{justify-content:flex-start;gap:10px 18px}
}

@media (max-width: 520px) {
  .network-stage{min-height:720px}.central-hub{top:44%;width:168px;height:168px}.hub-logo{width:62px;height:62px}.central-hub strong{font-size:.95rem}.central-hub small{font-size:.42rem}
  .network-node{width:148px;min-height:72px;grid-template-columns:34px 1fr;gap:8px;padding:9px}.node-core{width:34px;height:34px}.node-copy strong{font-size:.63rem}.node-copy small{display:none}
  .node-companies{left:25%;top:15%}.node-services{left:75%;top:15%}.node-platforms{left:25%;top:70%}.node-internal{left:75%;top:70%}
  .branch-cluster{max-width:172px}.branch-cluster span{font-size:.49rem}.branch-companies,.branch-services{top:3%}.branch-platforms,.branch-internal{bottom:10%}
  .network-stage[data-selected]{min-height:830px}.network-stage[data-selected] .branch-platforms,.network-stage[data-selected] .branch-internal{bottom:145px}.network-stage[data-selected] .activity-status{opacity:0}
  .selected-area{bottom:24px}.network-stage:not([data-selected]) .selected-area{bottom:72px}
}

@media (max-width: 360px) {
  h1 { font-size: 2.25rem; letter-spacing: -.055em; }
  .network-stage[data-selected]{min-height:900px}.network-stage[data-selected] .branch-platforms,.network-stage[data-selected] .branch-internal{bottom:164px}
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .pulse,.signal-layer,.secondary-signal-layer,#cycle-signal-layer { display: none; }
  .main-paths path.path-active,.cycle-loop > svg path.cycle-active { stroke-dasharray:none; }
  .background-points circle { opacity:.18; }
}

/* V2.1 integrated living experience */
#about,#companies,#products,#services,#real-operations,#how-it-works,#ecosystem-design,#future,#partnerships,#contact{scroll-margin-top:118px}
.anchor-target{display:block;scroll-margin-top:118px}
.section-handoff{position:relative;z-index:4;height:170px;display:grid;place-items:center;overflow:hidden}.section-handoff>span{position:absolute;top:0;bottom:0;left:50%;width:1px;background:linear-gradient(transparent,rgba(75,209,218,.52),transparent)}.section-handoff>i{position:absolute;top:12px;left:calc(50% - 4px);width:8px;height:8px;border-radius:50%;background:#89fbf4;box-shadow:0 0 18px rgba(92,235,230,.82);opacity:0}.section-handoff small{position:relative;padding:8px 13px;border:1px solid rgba(87,190,206,.2);border-radius:999px;color:#6f88a8;background:#06162f;font-size:.56rem;letter-spacing:.12em;text-transform:uppercase}.section-handoff.is-visible>i{animation:section-handoff 2.4s ease-in-out .2s 1}.handoff-to-light{background:linear-gradient(var(--navy),var(--paper))}.handoff-to-dark{background:linear-gradient(var(--paper),var(--navy))}.handoff-to-cycle{height:210px}
.ecosystem-ledger .category-line{position:relative;overflow:hidden;opacity:.62;transform:translateX(-7px);transition:opacity .45s ease,transform .45s ease,background .35s ease}.ecosystem-ledger .category-line::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;scale:0 1;transform-origin:left;background:linear-gradient(90deg,#1aa8b8,#357fdd,#7565e7);transition:scale .75s ease}.ecosystem-ledger .category-line.is-awake,.ecosystem-ledger .category-line:hover,.ecosystem-ledger .category-line:focus-within{opacity:1;transform:none;background:linear-gradient(90deg,rgba(62,194,200,.06),transparent 72%)}.ecosystem-ledger .category-line.is-awake::after,.ecosystem-ledger .category-line:hover::after,.ecosystem-ledger .category-line:focus-within::after{scale:1}
.real-operations-living{display:block;padding-block:110px 0}.real-operations-living .operations-heading{max-width:none;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.68fr);column-gap:110px;align-items:end;margin-bottom:56px}.real-operations-living .operations-heading .eyebrow{grid-column:1/-1}.real-operations-living .operations-heading h2{max-width:820px;margin:0;font-size:clamp(3.1rem,5.4vw,5.8rem);line-height:.95;letter-spacing:-.06em}.real-operations-living .operations-heading>p:last-child{max-width:510px;margin:0 0 10px;justify-self:end;color:#a8b7cd;font-size:1.02rem;line-height:1.7}.operation-visuals{display:grid;grid-template-columns:1.18fr .82fr;grid-template-rows:430px 430px;gap:18px}.operation-card{position:relative;overflow:hidden;border:1px solid rgba(102,174,225,.22);border-radius:28px;background:#071a38;box-shadow:0 28px 70px rgba(0,3,16,.24);isolation:isolate}.production-card{grid-row:1/3}.operation-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.7,.2,1),filter .7s ease}.operation-card:hover img,.operation-card:focus-within img{transform:scale(1.018);filter:brightness(1.07)}.production-card img{object-position:48% center}.image-treatment{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,12,29,.03) 40%,rgba(3,12,29,.95) 97%),linear-gradient(90deg,rgba(1,9,24,.16),transparent 45%);pointer-events:none}.operation-caption{position:absolute;left:28px;right:28px;bottom:25px;z-index:4}.operation-caption>span{color:#70e3e5;font-size:.61rem;font-weight:800;letter-spacing:.15em}.operation-caption h3{margin:8px 0 6px;font-size:1.45rem}.operation-caption p{max-width:610px;margin:0;color:#adc0d7;font-size:.78rem;line-height:1.5}.production-overlay,.feedback-overlay{position:absolute;inset:0;z-index:3;pointer-events:none}.machine-light{position:absolute;width:9px;height:9px;border-radius:50%;background:#7ff8f1;box-shadow:0 0 16px rgba(102,239,235,.85);opacity:.22}.light-a{left:28%;top:37%}.light-b{left:49%;top:31%}.light-c{left:70%;top:38%}.operation-card.is-live .machine-light{animation:machine-response 1.4s ease-out 1}.operation-card.is-live .light-b{animation-delay:.45s}.operation-card.is-live .light-c{animation-delay:.9s}.operation-packet{position:absolute;left:25%;top:46%;width:8px;height:8px;border-radius:50%;background:white;box-shadow:0 0 18px #68e8e5;opacity:0}.operation-card.is-live .operation-packet{animation:production-pass 3.6s ease-in-out 1}.fulfillment-overlay{position:absolute;z-index:3;left:22px;right:22px;top:24px;display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:8px;padding:10px 12px;border:1px solid rgba(112,214,225,.2);border-radius:999px;background:rgba(2,13,34,.65);backdrop-filter:blur(8px)}.fulfillment-overlay span{color:#b8cce2;font-size:.49rem;font-weight:800;letter-spacing:.08em}.fulfillment-overlay i{height:1px;background:rgba(82,202,218,.22)}.fulfillment-overlay b{position:absolute;left:16px;top:50%;width:6px;height:6px;border-radius:50%;background:#87f9f2;box-shadow:0 0 12px #6ce7e2;opacity:0}.operation-card.is-live .fulfillment-overlay b{animation:fulfillment-pass 4.2s ease-in-out 1}.feedback-ring{position:absolute;left:50%;top:44%;width:110px;height:110px;translate:-50% -50%;border:1px solid rgba(113,235,231,.28);border-radius:50%;opacity:.3}.ring-b{width:160px;height:160px;border-color:rgba(111,131,238,.2)}.feedback-node{position:absolute;width:8px;height:8px;border-radius:50%;background:#72e6e4;box-shadow:0 0 15px rgba(104,232,228,.7);opacity:.25}.feedback-node.node-a{left:22%;top:43%}.feedback-node.node-b{left:50%;top:29%}.feedback-node.node-c{right:20%;top:42%}.operation-card.is-live .feedback-ring{animation:feedback-wave 1.6s ease-out 1}.operation-card.is-live .ring-b{animation-delay:.35s}.operation-card.is-live .feedback-node{animation:machine-response 1.2s ease-out 1}.operation-card.is-live .node-b{animation-delay:.4s}.operation-card.is-live .node-c{animation-delay:.8s}
.method-living{display:block;padding:0 0 120px}.method-living .method-copy{max-width:none;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.68fr);column-gap:110px;align-items:end;margin-bottom:42px}.method-living .method-copy .eyebrow{grid-column:1/-1}.method-living .method-copy h2{max-width:820px;margin:0;font-size:clamp(3rem,5.3vw,5.8rem);line-height:.95;letter-spacing:-.06em}.method-living .method-copy>p:last-child{max-width:510px;margin:0 0 10px;justify-self:end;color:#a8b7cd}.method-living .cycle-loop{min-height:620px}.method-living .cycle-center{width:220px;height:220px}.method-living .cycle li{width:156px;border-radius:40px;text-align:center}.now-next li{position:relative;opacity:.58;transform:translateY(6px);transition:opacity .45s ease,transform .45s ease,background .35s ease}.now-next li::before{content:"";position:absolute;right:4px;top:50%;width:7px;height:7px;translate:0 -50%;border-radius:50%;background:#32b7a7;box-shadow:0 0 10px rgba(50,183,167,.28)}.now-next .next-column li::before{background:transparent;border:1px solid #8f78de;box-shadow:none}.now-next li.is-awake{opacity:1;transform:none}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{outline:3px solid rgba(47,167,205,.2);border-color:#278ec3;box-shadow:0 0 0 1px rgba(47,167,205,.16),0 0 22px rgba(47,167,205,.08)}
.ecosystem-design{width:100%;max-width:none;padding:112px max(32px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:minmax(340px,.78fr) minmax(560px,1.22fr);gap:80px;align-items:center;background:linear-gradient(135deg,#eef5fb 0%,#f8fbfe 58%,#eef2fb 100%)}.ecosystem-design-copy h2{margin:0 0 24px;max-width:650px;font-size:clamp(3rem,5vw,5.5rem);line-height:.94;letter-spacing:-.06em}.design-lede{max-width:650px;color:#526681;font-size:1.08rem;line-height:1.72}.design-status{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:26px 0}.design-status span,.design-status strong{padding:7px 11px;border-radius:999px;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}.design-status span{color:#0a715e;border:1px solid #a5ddcf;background:#e4f8f2}.design-status strong{color:#5d4c97;border:1px solid #d0c7ef;background:#f0edfb}.ecosystem-design-system{position:relative;overflow:hidden;padding:38px;border:1px solid #d5e1ee;border-radius:28px;background:rgba(255,255,255,.88);box-shadow:0 30px 70px rgba(18,56,96,.1);isolation:isolate}.ecosystem-design-system::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 12% 20%,rgba(35,196,196,.12),transparent 28%),radial-gradient(circle at 92% 78%,rgba(91,99,230,.1),transparent 30%)}.ecosystem-design-system::after{content:"";position:absolute;left:50%;top:29%;width:2px;height:56%;translate:-50% 0;background:linear-gradient(transparent,#36b8c4,#4e83df,transparent);opacity:.28}.ecosystem-design.is-visible .ecosystem-design-system::after{animation:design-signal 4.8s ease-in-out infinite}.design-core{position:relative;z-index:2;width:210px;height:210px;margin:0 auto 34px;display:grid;place-content:center;text-align:center;border:1px solid rgba(44,146,196,.35);border-radius:50%;background:radial-gradient(circle,rgba(40,177,194,.14),rgba(240,247,253,.92) 66%);box-shadow:0 0 0 12px rgba(51,146,205,.045),0 20px 48px rgba(27,73,114,.11)}.design-core span{color:#247d91;font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.design-core strong{max-width:150px;margin:8px auto 0;color:#102847;font-size:1.05rem}.design-capabilities{position:relative;z-index:2;margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 26px}.design-capabilities li{position:relative;display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;min-height:68px;padding:10px 0;border-top:1px solid #dce5ef;opacity:.55;transform:translateY(6px);transition:opacity .45s ease,transform .45s ease,color .35s ease}.design-capabilities li.is-awake{opacity:1;transform:none}.design-capabilities li span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #abdce2;border-radius:50%;color:#147b89;background:#ebfafa;font-size:.59rem}.design-capabilities li strong{color:#243b58;font-size:.83rem}.implementation-note,.advisory-note{position:relative;z-index:2;margin:22px 0 0;padding:14px 16px;border-left:3px solid #3298bb;color:#526681;background:#f4f8fc;font-size:.78rem;line-height:1.55}.advisory-note{margin-top:10px;border-left-color:#9c87c9;color:#6b6282;background:#f7f5fc}
@keyframes section-handoff{0%{top:10px;opacity:0}18%{opacity:1}72%{opacity:1}100%{top:calc(100% - 18px);opacity:0}}@keyframes machine-response{0%,100%{opacity:.22;transform:scale(1)}45%{opacity:1;transform:scale(1.6)}}@keyframes production-pass{0%{left:22%;top:50%;opacity:0}15%{opacity:1}46%{left:49%;top:43%}78%{opacity:1}100%{left:72%;top:51%;opacity:0}}@keyframes fulfillment-pass{0%{left:16px;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:calc(100% - 22px);opacity:0}}@keyframes feedback-wave{0%{opacity:.15;transform:scale(.82)}55%{opacity:.72}100%{opacity:0;transform:scale(1.35)}}
@keyframes design-signal{0%,18%,100%{opacity:.16;filter:none}42%{opacity:.6;filter:drop-shadow(0 0 7px rgba(47,181,199,.45))}68%{opacity:.28}}

@media(max-width:1400px){.site-header{grid-template-columns:auto 1fr auto}.menu-toggle{display:grid;gap:6px;width:42px;height:42px;place-content:center;justify-self:end;border:1px solid var(--line);border-radius:10px;background:transparent}.menu-toggle span:not(.sr-only){display:block;width:18px;height:2px;background:white}.site-nav{position:absolute;left:max(24px,calc((100vw - var(--max))/2));right:max(24px,calc((100vw - var(--max))/2));top:78px;z-index:30;display:none;padding:18px;flex-direction:column;align-items:flex-start;border:1px solid var(--line);border-radius:16px;background:#071a3d;box-shadow:var(--shadow)}.site-nav.open{display:flex}}
@media(max-width:1180px){.real-operations-living .operations-heading,.method-living .method-copy{grid-template-columns:1fr;gap:22px}.real-operations-living .operations-heading .eyebrow,.method-living .method-copy .eyebrow{grid-column:auto}.real-operations-living .operations-heading>p:last-child,.method-living .method-copy>p:last-child{justify-self:start;margin:0}.operation-visuals{grid-template-columns:1fr;grid-template-rows:620px 390px 390px}.production-card{grid-row:auto}.ecosystem-design{grid-template-columns:1fr;gap:48px}.ecosystem-design-copy{max-width:800px}.ecosystem-design-system{max-width:900px;width:100%}}
@media(max-width:760px){h1{font-size:clamp(2.65rem,11.6vw,3.8rem);line-height:.94}.node-companies,.node-platforms,.node-services,.node-internal{right:auto;bottom:auto}.section-handoff{height:135px}.real-operations-living{padding-block:72px 0}.operation-visuals{grid-template-rows:500px 420px 420px}.operation-caption{left:20px;right:20px;bottom:20px}.fulfillment-overlay{left:12px;right:12px;gap:4px;padding:9px}.fulfillment-overlay span{font-size:.4rem}.method-living{padding:0 0 80px}.method-living .cycle-loop{min-height:auto}.method-living .cycle li{width:100%;text-align:left}.ecosystem-design{padding:78px 16px;gap:36px}.ecosystem-design-copy h2{font-size:clamp(2.65rem,12vw,4rem)}.ecosystem-design-system{padding:24px 20px;border-radius:22px}.design-core{width:170px;height:170px}.design-capabilities{grid-template-columns:1fr}.ecosystem-design-system::after{display:none}.now-next li{opacity:1;transform:none}}
@media(max-width:760px){.home-contact{padding:68px 16px;grid-template-columns:1fr;gap:28px}.home-contact .button{justify-self:start}}
@media(prefers-reduced-motion:reduce){.section-handoff>i,.machine-light,.operation-packet,.fulfillment-overlay b,.feedback-ring,.feedback-node{display:none!important}.ecosystem-ledger .category-line,.now-next li,.design-capabilities li{opacity:1;transform:none}.ecosystem-design-system::after{animation:none!important}.operation-card img{transition:none}}
@media(max-width:360px){h1{font-size:2.25rem;letter-spacing:-.055em}}

/* Positioning refinement: clear advisory model */
#activity-model,#ecosystem-design{scroll-margin-top:118px}
.section-heading-simple{max-width:760px}.section-heading-simple h2{margin:0 0 20px;font-size:clamp(2.8rem,4.8vw,5.2rem);line-height:.95;letter-spacing:-.055em}.section-heading-simple>p:last-child{max-width:680px;color:inherit;opacity:.7;font-size:1.05rem;line-height:1.7}
.activity-model{width:100%;max-width:none;padding:112px max(32px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:minmax(300px,.72fr) minmax(600px,1.28fr);gap:90px;align-items:start;background:#03112a}.activity-intro{position:sticky;top:130px}.activity-intro h2{margin:0 0 24px;font-size:clamp(3rem,5vw,5.6rem);line-height:.94;letter-spacing:-.06em}.activity-intro>p:not(.eyebrow){max-width:590px;color:#aabbd2;font-size:1.03rem;line-height:1.7}.activity-intro blockquote{margin:30px 0 0;padding:16px 18px;border-left:3px solid #50d9df;color:#e7fbff;background:rgba(45,180,198,.08);font-size:1.02rem;font-weight:750}.activity-flow{position:relative;padding:24px 30px 22px 70px;border:1px solid rgba(96,166,223,.2);border-radius:28px;background:linear-gradient(145deg,rgba(8,33,69,.9),rgba(3,18,43,.96));box-shadow:0 28px 70px rgba(0,3,16,.25)}.activity-spine{position:absolute;left:38px;top:58px;bottom:58px;width:1px;background:rgba(73,150,208,.24)}.activity-spine i{position:absolute;left:-4px;top:var(--signal-position,0%);width:9px;height:9px;border-radius:50%;background:#89fbf4;box-shadow:0 0 16px rgba(103,235,230,.85);transition:top .8s cubic-bezier(.22,.75,.2,1)}.activity-stage{position:relative;border-bottom:1px solid rgba(105,163,213,.16);opacity:.48;transition:opacity .4s ease,background .35s ease}.activity-stage:last-child{border-bottom:0}.activity-stage::before{content:"";position:absolute;left:-38px;top:30px;width:9px;height:9px;border:1px solid rgba(91,212,221,.42);border-radius:50%;background:#071c3b;transition:.35s ease}.activity-stage.is-active,.activity-stage[open],.activity-stage.is-memory{opacity:1}.activity-stage.is-active::before{background:#75f0eb;box-shadow:0 0 16px rgba(92,232,228,.78);transform:scale(1.18)}.activity-stage summary{display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:center;min-height:86px;padding:14px 34px 14px 0;cursor:pointer;list-style:none}.activity-stage summary::-webkit-details-marker{display:none}.activity-stage summary::after{content:"+";position:absolute;right:4px;top:30px;color:#6dcdd5;font-size:1.1rem}.activity-stage[open] summary::after{content:"−"}.activity-stage summary>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(86,214,220,.28);border-radius:50%;color:#6dd7df;font-size:.62rem}.activity-stage summary div{display:grid}.activity-stage summary strong{font-size:1.05rem}.activity-stage summary small{margin-top:4px;color:#8da3bf;font-size:.78rem}.activity-stage>p{margin:-4px 0 18px 55px;color:#aec0d5;font-size:.8rem;line-height:1.55}.activity-hint{margin:16px 0 0;color:#6d85a5;font-size:.68rem;text-align:right}
.central-example{width:100%;max-width:none;padding:108px max(32px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:center}.central-diagram{position:relative;padding:34px;border:1px solid #d6e1ed;border-radius:28px;background:white;box-shadow:0 25px 60px rgba(26,68,108,.08)}.client-hub{width:230px;height:150px;margin:0 auto 52px;display:grid;place-content:center;text-align:center;border:1px solid #9fd7df;border-radius:50%;background:radial-gradient(circle,#e7faf9,#f8fbfe 70%)}.client-hub span{color:#167b8b;font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.client-hub strong{max-width:170px;margin:8px auto 0;color:#17314f}.business-row{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.business-row::before{content:"";position:absolute;left:16%;right:16%;top:-26px;height:1px;background:linear-gradient(90deg,#38b9c4,#4c83de,#735dd5)}.business-row>div{position:relative;padding:18px;border:1px solid #dde6f0;border-radius:16px;background:#f7fafc;text-align:center}.business-row>div::before{content:"";position:absolute;left:50%;top:-26px;width:1px;height:26px;background:#77b8d1}.business-row strong{display:block;color:#193451}.business-row small{display:block;margin-top:5px;color:#77899f;font-size:.68rem}.central-capabilities{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:24px}.central-capabilities span{padding:6px 9px;border:1px solid #d6e2ed;border-radius:999px;color:#526b87;background:#f5f8fb;font-size:.66rem}.central-diagram>p{margin:22px 0 0;padding-top:18px;border-top:1px solid #e2e8ef;color:#65768b;font-size:.78rem;text-align:center}
.decision-model{width:100%;max-width:none;padding:108px max(32px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:.72fr 1.28fr;gap:90px;align-items:center;background:#04142f}.decision-model .section-heading-simple>p:last-child{color:#a8b9d0;opacity:1}.decision-path{margin:0;padding:0;list-style:none;display:grid}.decision-path li{position:relative;display:grid;grid-template-columns:54px 1fr;gap:18px;align-items:center;min-height:108px;padding:18px 0;border-bottom:1px solid rgba(101,164,216,.17);opacity:.5;transition:opacity .45s ease,transform .45s ease}.decision-path li::after{content:"↓";position:absolute;left:21px;bottom:-12px;color:#51cbd3;background:#04142f;padding:0 3px}.decision-path li:last-child::after{display:none}.decision-path li.is-awake{opacity:1;transform:translateX(5px)}.decision-path li>span{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(74,211,216,.32);border-radius:50%;color:#6ee1df;background:rgba(40,167,190,.08);font-size:.7rem}.decision-path div{display:grid}.decision-path strong{font-size:1.08rem}.decision-path small{margin-top:5px;color:#91a7c2;font-size:.8rem}
.role-relationship{width:100%;max-width:none;padding:108px max(32px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:.68fr 1.32fr;gap:80px;align-items:center}.role-route{display:grid;gap:20px}.role-route article{padding:24px;border:1px solid #d7e2ed;border-radius:20px;background:white;box-shadow:0 16px 38px rgba(24,65,107,.07)}.role-route article>span{color:#157b8c;font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.role-route article strong{display:block;margin-top:8px;color:#17304e;font-size:1.15rem}.role-route article p{margin:8px 0 0;color:#66798f;font-size:.78rem}.role-seeworkhub{border-color:#9edce0!important;background:linear-gradient(135deg,#f2ffff,#fff)!important}.route-decision{position:relative;display:grid;place-items:center}.route-decision::before,.route-decision::after{content:"";position:absolute;left:50%;width:1px;height:20px;background:#5ebec9}.route-decision::before{bottom:100%}.route-decision::after{top:100%}.route-decision span{position:relative;z-index:1;padding:8px 13px;border:1px solid #9fd3dc;border-radius:999px;color:#31677b;background:#eef9fb;font-size:.68rem;font-weight:800;text-transform:uppercase}.route-options{display:grid;grid-template-columns:1fr 1fr;gap:16px}.route-options article:last-child{border-style:dashed;background:#f8fafc}

@media(max-width:1180px){.activity-model,.central-example,.decision-model,.role-relationship{grid-template-columns:1fr;gap:46px}.activity-intro{position:static}.activity-flow,.central-diagram,.decision-path,.role-route{max-width:900px;width:100%}}
@media(max-width:760px){.section-heading-simple h2,.activity-intro h2{font-size:clamp(2.55rem,11.5vw,4rem)}.activity-model,.central-example,.decision-model,.role-relationship{padding:76px 16px;gap:34px}.activity-flow{padding:12px 16px 14px 54px;border-radius:22px}.activity-spine{left:28px}.activity-stage::before{left:-31px}.activity-stage summary{grid-template-columns:36px 1fr;min-height:82px;padding-right:24px}.activity-stage summary>span{width:34px;height:34px}.activity-stage summary small{font-size:.72rem}.activity-stage>p{margin-left:49px}.central-diagram{padding:24px 16px}.client-hub{width:190px;height:132px;margin-bottom:42px}.business-row{grid-template-columns:1fr;gap:10px}.business-row::before{display:none}.business-row>div::before{display:none}.route-options{grid-template-columns:1fr}.decision-path li{min-height:96px}}
@media(prefers-reduced-motion:reduce){.activity-spine i{display:none}.activity-stage,.decision-path li{opacity:1;transform:none}}