@import url('futureforged-tokens.css');

:root { --ink:#0a0e15; --ink-raised:#121824; --ink-border:#303c4d; --fog:#e0e4eb; --fog-muted:#aeb8c9; --signal:#4db1ff; --signal-deep:#297fc4; --nav-glass:linear-gradient(180deg,rgba(54,67,91,.3),rgba(22,29,42,.2)); --nav-glass-border:rgba(224,230,244,.15); --mono:"IBM Plex Mono", monospace; --ui:"Manrope", sans-serif; --display:"Space Grotesk", sans-serif; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--ink); color:var(--fog); font-family:var(--ui); } a { color:inherit; text-decoration:none; }
.site-header { position:relative; z-index:5; display:flex; align-items:center; gap:32px; max-width:1420px; height:88px; margin:16px auto 0; padding:0 22px; border:1px solid var(--nav-glass-border); border-radius:10px; background:var(--nav-glass); box-shadow:inset 0 1px rgba(255,255,255,.09),inset 0 -1px rgba(0,0,0,.16),0 12px 34px rgba(0,0,0,.18); backdrop-filter:blur(30px) saturate(140%); -webkit-backdrop-filter:blur(30px) saturate(140%); }
.brand { display:inline-flex; align-items:center; gap:10px; flex:0 0 auto; font:600 20px/1 var(--display); letter-spacing:-.055em; }
/* Canonical logo: the approved, thick slanted double-F. Legacy inline SVGs
   stay hidden so every page renders this single asset. */
.brand-mark { display:none; }
.brand:has(.brand-mark)::before { content:""; flex:0 0 36px; width:36px; height:29px; background:url("forgedfuture-logo-gradient-transparent.png") center/contain no-repeat; }
.site-nav { position:relative; z-index:1; display:flex; flex:0 0 auto; align-items:center; gap:30px; margin-left:auto; visibility:visible; opacity:1; }.site-nav a, .button, .text-link { font-size:14px; font-weight:600; }.site-nav a { display:inline-flex; align-items:center; min-height:48px; color:var(--fog-muted); }.site-nav a:hover, .text-link:hover { color:var(--signal); }.button { display:inline-flex; align-items:center; justify-content:center; gap:18px; min-height:48px; padding:0 19px; border:1px solid transparent; border-radius:4px; transition:.2s ease; }.button span,.text-link span { font-family:var(--mono); }.button--primary { background:var(--fog); color:var(--ink); }.button--primary:hover { background:var(--signal-light, #a7edbb); transform:translateY(-1px); }.button--outline { border-color:var(--signal-deep); color:var(--fog); }.button--outline:hover { border-color:var(--signal); color:var(--signal); }.menu-toggle { display:none; }
.client-portal-link { gap:9px; margin-left:-16px; padding-inline:16px; color:#e5edff; border-color:rgba(98,148,254,.68); background:#111b2d; box-shadow:inset 0 1px rgba(203,226,255,.08),0 8px 18px rgba(0,0,0,.16); transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease; }.client-portal-link i { color:#8eb2eb; font-size:17px; }.client-portal-link:hover,.client-portal-link:focus-visible { border-color:#6294fe; color:#fff; background:#17294b; box-shadow:0 0 0 1px rgba(98,148,254,.5),0 8px 22px rgba(77,177,255,.2),0 14px 32px rgba(120,118,253,.16); transform:translateY(-1px); outline:0; }.client-portal-link:hover i,.client-portal-link:focus-visible i { color:#c4d9ff; }
.client-portal-nav { display:none; gap:9px; }.client-portal-nav i { color:#78aefe; font-size:17px; }
@media (min-width:901px) { .site-header .site-nav > .client-portal-nav { display:none !important; } }
.hero { position:relative; display:grid; grid-template-columns:minmax(420px, .84fr) minmax(500px, 1.16fr); gap:clamp(48px,8vw,150px); max-width:1420px; min-height:800px; margin:0 auto; padding:180px 22px 104px; overflow:hidden; }.hero-copy { position:relative; z-index:2; align-self:center; max-width:670px; }.eyebrow,.section-label { margin:0 0 24px; color:var(--signal); font:500 16px/1.3 var(--mono); letter-spacing:-.02em; }.eyebrow span { display:inline-block; width:7px; height:7px; margin-right:9px; border-radius:50%; background:var(--signal); box-shadow:0 0 12px var(--signal); }.hero h1,.statement h2,.section-heading h2,.engagement h2,.contact h2 { margin:0; font-family:var(--display); font-weight:400; letter-spacing:-.065em; }.hero h1 { color:var(--signal); font-size:clamp(56px,5.2vw,82px); line-height:.96; }.hero-description { max-width:560px; margin:44px 0 36px; color:var(--fog); font-size:19px; line-height:1.58; letter-spacing:-.025em; }.hero-actions { display:flex; align-items:center; gap:24px; }.text-link { display:inline-flex; gap:9px; padding:10px 0; color:var(--fog-muted); }
.system-frame { position:relative; align-self:start; min-width:620px; height:670px; margin:0 -160px 0 0; border:1px solid #35564b; border-radius:28px 0 0 28px; background:radial-gradient(circle at 74% 11%,rgba(92,196,137,.14),transparent 25%),linear-gradient(rgba(48,60,59,.62) 1px,transparent 1px),linear-gradient(90deg,rgba(48,60,59,.62) 1px,transparent 1px),var(--ink-raised); background-size:auto,42px 42px,42px 42px; box-shadow:inset 0 0 100px rgba(19,64,48,.17); overflow:hidden; }.frame-topline,.frame-footer { position:absolute; display:flex; justify-content:space-between; left:42px; right:42px; color:var(--fog-muted); font:500 11px/1 var(--mono); letter-spacing:.07em; }.frame-topline { top:38px; }.frame-footer { bottom:38px; }.live { color:var(--signal); }.live i { display:inline-block; width:6px; height:6px; margin-right:6px; border-radius:50%; background:var(--signal); box-shadow:0 0 10px var(--signal); }.map-node { position:absolute; z-index:2; display:grid; gap:7px; width:168px; padding:17px 18px; border:1px solid #5aab81; border-radius:5px; background:linear-gradient(140deg,rgba(34,54,47,.96),rgba(27,71,55,.96)); box-shadow:inset 0 1px rgba(190,239,232,.1),0 12px 30px rgba(0,0,0,.16); }.map-node small { color:var(--fog-muted); font:500 9px/1 var(--mono); letter-spacing:.09em; }.map-node strong { font-size:14px; font-weight:500; }.map-node em { position:absolute; right:16px; top:16px; color:var(--signal); font-style:normal; filter:drop-shadow(0 0 5px var(--signal)); }.map-node--company { left:15%; top:26%; }.map-node--lead { left:45%; top:49%; }.map-node--software { right:12%; top:25%; }.map-node--automation { right:20%; bottom:21%; }.map-node--ai { left:18%; bottom:18%; }.connection { position:absolute; z-index:1; height:1px; transform-origin:left center; background:linear-gradient(90deg,var(--signal),rgba(112,216,144,.15)); }.connection--one { top:35%; left:35%; width:200px; transform:rotate(34deg); }.connection--two { top:54%; left:57%; width:160px; transform:rotate(-38deg); }.connection--three { top:56%; left:56%; width:190px; transform:rotate(38deg); }.connection--four { top:56%; left:36%; width:180px; transform:rotate(132deg); }
.statement,.capabilities,.engagement,.contact { max-width:1420px; margin:0 auto; padding:150px 22px; }.statement { display:grid; grid-template-columns:1fr 2fr; gap:clamp(40px,9vw,170px); border-top:1px solid var(--ink-border); }.statement h2,.section-heading h2,.engagement h2,.contact h2 { font-size:clamp(40px,3.7vw,60px); line-height:1; }.statement p:not(.section-label),.engagement-copy>p:not(.section-label),.contact>p:not(.section-label) { max-width:620px; margin:32px 0 0; color:var(--fog-muted); font-size:19px; line-height:1.58; letter-spacing:-.025em; }
.capabilities { border-top:1px solid var(--ink-border); }.section-heading { margin-bottom:72px; }.capability-list { border-top:1px solid var(--ink-border); }.capability { display:grid; grid-template-columns:80px 1fr 120px; gap:24px; align-items:start; padding:32px 0; border-bottom:1px solid var(--ink-border); }.capability>span,.capability b { color:var(--signal); font:500 12px/1.5 var(--mono); }.capability b { justify-self:end; color:var(--fog-muted); font-weight:400; }.capability h3,.steps h3 { margin:0; font:500 26px/1.1 var(--display); letter-spacing:-.045em; }.capability p { max-width:570px; margin:12px 0 0; color:var(--fog-muted); font-size:16px; line-height:1.55; }
.engagement { display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(60px,11vw,190px); border-top:1px solid var(--ink-border); }.engagement-copy .text-link { margin-top:36px; }.steps { display:grid; gap:36px; margin:0; padding:0; list-style:none; }.steps li { display:grid; grid-template-columns:58px 1fr; gap:18px; }.steps li>span { color:var(--signal); font:500 12px/1.5 var(--mono); }.steps p { margin:10px 0 0; color:var(--fog-muted); line-height:1.5; }
.contact { position:relative; overflow:hidden; max-width:none; padding:150px max(22px,calc((100vw - 1376px)/2 + 22px)); background:linear-gradient(105deg,#173a2e,#0f1916 58%,#0a0e15); }.contact:after { content:""; position:absolute; right:-120px; bottom:-210px; width:600px; height:600px; border:1px solid rgba(112,216,144,.17); border-radius:50%; box-shadow:0 0 0 58px rgba(112,216,144,.025),0 0 0 116px rgba(112,216,144,.018); }.contact h2 { position:relative; z-index:1; max-width:850px; color:var(--signal); }.contact .button { position:relative; z-index:1; margin-top:38px; } footer { display:flex; align-items:center; justify-content:space-between; gap:24px; max-width:1420px; margin:0 auto; padding:32px 22px; color:var(--fog-muted); font:500 11px/1.4 var(--mono); letter-spacing:.04em; } footer .brand { color:var(--fog); font-size:18px; }
@media (max-width:900px) { .site-header { margin:8px 10px 0; }.site-nav,.header-cta,.client-portal-link { display:none; }.menu-toggle { display:block; margin-left:auto; padding:0; border:0; color:var(--fog); background:none; font:500 12px var(--mono); }.site-header.is-open { height:auto; min-height:88px; align-items:flex-start; padding-top:29px; flex-wrap:wrap; }.site-header.is-open .site-nav { display:grid; order:4; width:100%; gap:20px; padding:22px 0 10px; }.site-header.is-open .site-nav .client-portal-nav { display:inline-flex; align-items:center; min-height:48px; padding:0 10px; border:1px solid rgba(98,148,254,.46); border-radius:5px; }.hero { grid-template-columns:1fr; min-height:0; padding-top:112px; }.system-frame { min-width:0; width:calc(100% + 80px); height:530px; margin:10px -80px 0 0; }.hero h1 { font-size:clamp(56px,11vw,78px); }.statement,.engagement { grid-template-columns:1fr; }.statement,.capabilities,.engagement,.contact { padding-top:96px; padding-bottom:96px; }.capability { grid-template-columns:48px 1fr; }.capability b { display:none; } }
@media (max-width:560px) { .site-header { height:70px; min-height:70px; padding:0 16px; }.brand { font-size:18px; }.brand-mark { width:25px; height:25px; }.hero { padding:92px 20px 72px; }.hero-description { font-size:17px; margin-top:32px; }.hero-actions { align-items:flex-start; flex-direction:column; gap:16px; }.system-frame { width:calc(100% + 40px); height:465px; margin-right:-40px; border-radius:18px 0 0 18px; background-size:auto,32px 32px,32px 32px; }.frame-topline,.frame-footer { left:20px; right:20px; font-size:9px; }.map-node { width:134px; padding:13px; }.map-node strong { font-size:11px; }.map-node small { font-size:7px; }.map-node--company { left:5%; top:25%; }.map-node--lead { left:39%; top:49%; }.map-node--software { right:4%; top:23%; }.map-node--automation { right:8%; bottom:18%; }.map-node--ai { left:7%; bottom:17%; }.connection--one { top:33%; left:28%; width:145px; }.connection--two { top:53%; left:51%; width:120px; }.connection--three { top:55%; left:49%; width:130px; }.connection--four { top:55%; left:31%; width:125px; }.statement,.capabilities,.engagement { padding:78px 20px; }.section-heading { margin-bottom:48px; }.capability { gap:12px; padding:26px 0; }.capability h3,.steps h3 { font-size:22px; } .contact { padding:78px 20px; } .contact h2 { font-size:46px; } footer { align-items:flex-start; flex-direction:column; padding:28px 20px; } }

/* Homepage mode: a centered cinematic stage followed by editorial light/dark panels. */
.home-page { background:#070b11; }
.home-shell { display:flow-root; min-height:100vh; overflow:clip; }
.home-header {
  position:sticky;
  top:16px;
  z-index:50;
  width:calc(100% - 48px);
  height:72px;
  background:var(--nav-glass);
  border-color:var(--nav-glass-border);
  box-shadow:inset 0 1px rgba(255,255,255,.09),inset 0 -1px rgba(0,0,0,.16),0 14px 38px rgba(0,0,0,.2);
  backdrop-filter:blur(30px) saturate(140%);
  -webkit-backdrop-filter:blur(30px) saturate(140%);
}
.home-page .button--ghost { color:#d8e0e4; border-color:#43504e; background:rgba(7,11,17,.48); }
.home-page .button--ghost:hover { color:var(--signal); border-color:var(--signal-deep); }

.home-hero {
  --hero-scroll:0;
  position:relative;
  display:grid;
  place-items:center;
  max-width:1420px;
  min-height:760px;
  margin:-88px auto 0;
  padding:164px 24px 92px;
  overflow:hidden;
  border-bottom:1px solid #28322f;
  isolation:isolate;
}
.home-hero:before { content:""; position:absolute; z-index:-1; pointer-events:none; }
.home-hero:before { inset:0; opacity:calc(1 - (var(--hero-scroll) * .32)); background:radial-gradient(ellipse 56% 52% at 50% 47%,rgba(48,107,79,.3),transparent 70%),linear-gradient(180deg,rgba(7,11,17,.04),#070b11 94%); }
.hero-scene { position:absolute; inset:0; z-index:-2; opacity:calc(.98 - (var(--hero-scroll) * .55)); transform:translate3d(0,calc(var(--hero-scroll) * -24px),0) scale(calc(1 + (var(--hero-scroll) * .075))); transform-origin:50% 48%; filter:blur(calc(var(--hero-scroll) * 1.1px)); overflow:hidden; will-change:transform,opacity,filter; }
.scene-grid { position:absolute; inset:-4%; opacity:calc(.74 - (var(--hero-scroll) * .36)); transform:rotate(calc(var(--hero-scroll) * -3deg)) scale(calc(1 + (var(--hero-scroll) * .06))); transform-origin:50% 48%; background-image:linear-gradient(rgba(76,95,89,.21) 1px,transparent 1px),linear-gradient(90deg,rgba(76,95,89,.21) 1px,transparent 1px); background-size:48px 48px; -webkit-mask-image:radial-gradient(ellipse 88% 84% at 50% 48%,#000 0 54%,rgba(0,0,0,.78) 72%,transparent 96%); mask-image:radial-gradient(ellipse 88% 84% at 50% 48%,#000 0 54%,rgba(0,0,0,.78) 72%,transparent 96%); will-change:transform,opacity; }
.scene-grid:after { content:""; position:absolute; inset:0; opacity:.68; background:repeating-linear-gradient(165deg,transparent 0 88px,rgba(112,216,144,.035) 89px 90px); }
.scene-orbit { position:absolute; left:50%; top:47%; transform:translate(-50%,-50%); border:1px solid rgba(128,218,161,.17); border-radius:50%; }
.scene-orbit--outer { width:min(72vw,1020px); aspect-ratio:1.72; transform:translate(-50%,-50%) rotate(-8deg); }
.scene-orbit--inner { width:min(51vw,720px); aspect-ratio:1.72; transform:translate(-50%,-50%) rotate(12deg); border-style:dashed; }
.scene-axis { position:absolute; left:50%; top:47%; background:linear-gradient(90deg,transparent,rgba(112,216,144,.35),transparent); }
.scene-axis--x { width:80%; height:1px; transform:translate(-50%,-50%); }
.scene-axis--y { width:1px; height:72%; transform:translate(-50%,-50%); background:linear-gradient(transparent,rgba(112,216,144,.28),transparent); }
.scene-core { position:absolute; left:50%; top:47%; width:180px; height:180px; transform:translate(-50%,-50%) rotate(45deg); border:1px solid rgba(112,216,144,.38); background:linear-gradient(145deg,rgba(42,75,61,.2),rgba(7,11,17,.12)); box-shadow:0 0 90px rgba(112,216,144,.08),inset 0 0 45px rgba(112,216,144,.05); }
.scene-core span,.scene-core i { position:absolute; inset:28px; border:1px solid rgba(112,216,144,.2); }.scene-core i { inset:61px; background:var(--signal); border:0; box-shadow:0 0 28px rgba(112,216,144,.75); }
.scene-beam { position:absolute; width:46%; height:1px; background:linear-gradient(90deg,transparent,rgba(112,216,144,.22),transparent); }.scene-beam--one { left:-4%; top:68%; transform:rotate(-17deg); }.scene-beam--two { right:-4%; top:31%; transform:rotate(-17deg); }
.home-hero-content { position:relative; z-index:2; max-width:1200px; opacity:calc(1 - (var(--hero-scroll) * .9)); transform:translate3d(0,calc(var(--hero-scroll) * -30px),0) scale(calc(1 - (var(--hero-scroll) * .018))); text-align:center; will-change:transform,opacity; }
.home-hero-content .eyebrow { margin-bottom:28px; }
.home-hero-content h1 { margin:0; color:#e5ebee; font:400 clamp(56px,5.3vw,82px)/.96 var(--display); letter-spacing:-.068em; }
.home-hero-content h1 em { color:var(--signal); font-style:normal; }
.home-hero-content>p:not(.eyebrow) { max-width:720px; margin:34px auto 0; color:#b8c2c3; font-size:18px; line-height:1.55; letter-spacing:-.022em; }
.home-hero-actions { display:flex; justify-content:center; gap:14px; margin-top:34px; }

.home-section { margin:0; padding:142px max(24px,calc((100vw - 1200px)/2)); }
.home-section--light { color:#111820; background:#f0f2f2; }
.home-section--paper { color:#111820; background:#dde3e2; }
.home-section--dark { color:#e0e4eb; background:#0a0e15; }
.home-section-intro { display:grid; grid-template-columns:220px 1fr; gap:80px; align-items:start; }
.home-section .section-label,.partnership-heading .section-label { margin-top:0; }
.home-section--light .section-label,.home-section--paper .section-label { color:#286a4e; }
.home-section h2,.partnership-heading h2,.home-contact h2 { max-width:900px; margin:0; font:400 clamp(42px,4.2vw,64px)/.99 var(--display); letter-spacing:-.06em; }
.home-section-intro>div>p { max-width:680px; margin:30px 0 0; color:#53605e; font-size:19px; line-height:1.55; letter-spacing:-.025em; }
.home-section--dark .home-section-intro>div>p { color:#9eaaa9; }
.problem-intro { display:grid; grid-template-columns:minmax(0,1.42fr) minmax(330px,.58fr); gap:clamp(70px,8vw,130px); align-items:end; }
.problem-kicker { margin:0 0 24px; color:#286a4e; font:500 16px/1.3 var(--mono); letter-spacing:-.02em; }
.problem-intro h2 { max-width:760px; font-size:clamp(40px,3.6vw,56px); line-height:1.01; }.problem-intro h2 em { color:#286a4e; font-style:normal; }
.problem-lede { display:grid; gap:18px; padding-bottom:5px; }.problem-lede p { margin:0; color:#4f5d5a; font-size:18px; line-height:1.54; letter-spacing:-.022em; }
.problem-pressure { display:grid; grid-template-columns:repeat(3,1fr); margin-top:86px; border-top:1px solid #aeb8b6; border-bottom:1px solid #aeb8b6; }
.problem-pressure article { min-height:250px; padding:34px 38px 36px 0; }.problem-pressure article+article { padding-left:38px; border-left:1px solid #aeb8b6; }
.problem-card-heading { display:grid; grid-template-columns:max-content minmax(0,1fr); gap:15px; align-items:center; }.problem-index { color:#39785d; font:400 32px/1 var(--display); letter-spacing:-.05em; }
.problem-pressure h3 { max-width:310px; margin:0; font:500 28px/1.08 var(--display); letter-spacing:-.05em; }.problem-pressure p { max-width:340px; margin:36px 0 0; color:#596663; font-size:16px; line-height:1.58; }
.problem-answer { display:grid; grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr); gap:clamp(48px,8vw,110px); align-items:start; margin-top:72px; padding-top:38px; border-top:1px solid #aeb8b6; }.problem-answer h3 { max-width:430px; margin:0; color:#286a4e; font:400 clamp(34px,3vw,46px)/1.04 var(--display); letter-spacing:-.055em; }.problem-answer p { max-width:680px; margin:2px 0 0; color:#263330; font-size:22px; line-height:1.44; letter-spacing:-.032em; }.problem-answer-emphasis { font-weight:600; text-decoration:underline; text-decoration-color:#4d9b72; text-decoration-thickness:1.5px; text-underline-offset:6px; text-decoration-skip-ink:auto; }
.partnership-columns h3 { margin:0; font:500 24px/1.15 var(--display); letter-spacing:-.045em; }
.operating-path { display:grid; grid-template-columns:1fr 34px 1fr 34px 1fr 34px 1fr; gap:12px; align-items:center; margin-top:100px; }.operating-path article { min-height:190px; padding:24px; border:1px solid #34413e; background:#111816; }.operating-path article>span { color:var(--signal); font:500 10px/1 var(--mono); }.operating-path strong { display:block; margin-top:38px; font:500 25px/1 var(--display); letter-spacing:-.04em; }.operating-path p { margin:12px 0 0; color:#9ba6a5; font-size:14px; line-height:1.5; }.operating-path>i { height:1px; background:linear-gradient(90deg,#34413e,var(--signal)); }
.partnership-heading { display:grid; grid-template-columns:220px 1fr; gap:80px; }.partnership-columns { display:grid; grid-template-columns:1fr 1fr; gap:0; margin-top:76px; border-top:1px solid #9eaaa8; border-bottom:1px solid #9eaaa8; }.partnership-columns article { min-height:260px; padding:48px 54px 52px 0; }.partnership-columns article+article { padding-left:54px; border-left:1px solid #9eaaa8; }.partnership-columns .partnership-label { margin:0 0 22px; color:#286a4e; font:500 16px/1.3 var(--mono); letter-spacing:-.02em; }.partnership-columns h3 { max-width:480px; font-size:36px; }.partnership-columns p:not(.partnership-label) { max-width:520px; margin:24px 0 0; color:#596563; font-size:17px; line-height:1.58; }
.home-contact { position:relative; display:grid; align-items:center; min-height:620px; padding:132px max(24px,calc((100vw - 1200px)/2)); overflow:hidden; isolation:isolate; background:radial-gradient(ellipse 56% 74% at 79% 54%,rgba(42,95,70,.18),transparent 72%),#080d12; }
.home-contact:before { content:""; position:absolute; z-index:0; inset:0; pointer-events:none; background:radial-gradient(ellipse 70% 76% at 17% 46%,#080d12 0%,rgba(8,13,18,.96) 48%,rgba(8,13,18,.54) 70%,transparent 100%),linear-gradient(90deg,#080d12 0 31%,rgba(8,13,18,.92) 43%,rgba(8,13,18,.22) 72%,#080d12 100%); }
.home-contact:after { content:""; position:absolute; z-index:2; left:max(24px,calc((100vw - 1200px)/2)); right:max(24px,calc((100vw - 1200px)/2)); bottom:0; height:1px; background:linear-gradient(90deg,rgba(112,216,144,.1),rgba(112,216,144,.46) 54%,rgba(112,216,144,.08)); }
.home-contact-copy { position:relative; z-index:3; width:min(610px,52%); }
.home-contact h2 { color:var(--signal); }
.home-contact-copy>p { max-width:560px; margin:30px 0 38px; color:#a9b5b4; font-size:18px; line-height:1.55; }
.home-contact .button { position:relative; z-index:1; }
.contact-cta { display:inline-flex; flex-direction:column; align-items:flex-start; }
.contact-cta-hint { margin-top:10px; padding-left:2px; color:rgba(205,218,239,.52); font:500 12px/1 var(--ui); letter-spacing:-.01em; transition:color .2s ease; }
@media (hover:hover) { .contact-cta:hover .contact-cta-hint,.contact-cta:focus-within .contact-cta-hint { color:#dce9ff; } }
.footer-field { position:absolute; z-index:1; inset:4% -5% 0 34%; pointer-events:none; -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 17%,#000 84%,transparent 100%); mask-image:linear-gradient(90deg,transparent 0,#000 17%,#000 84%,transparent 100%); }
.footer-field:after { content:""; position:absolute; inset:0; background:radial-gradient(ellipse 52% 45% at 62% 55%,rgba(112,216,144,.08),transparent 72%); mix-blend-mode:screen; }
.footer-field canvas { display:block; width:100%; height:100%; opacity:.88; transition:opacity .35s ease; }
.home-contact.is-field-engaged .footer-field canvas { opacity:1; }
.home-footer { position:relative; max-width:none; padding:30px max(24px,calc((100vw - 1200px)/2)); background:#080d12; }

@media (max-width:900px) {
  .home-header { top:8px; width:calc(100% - 20px); }
  .home-hero { min-height:720px; margin:-86px 0 0; padding-top:150px; }
  .home-hero-content h1 { font-size:clamp(50px,9vw,70px); }
  .hero-capability-rail span:nth-child(even) { display:none; }
  .home-section-intro,.partnership-heading { grid-template-columns:1fr; gap:24px; }
  .problem-intro { grid-template-columns:1fr; gap:28px; }.problem-lede { max-width:680px; }
  .problem-pressure { grid-template-columns:1fr; margin-top:78px; }.problem-pressure article { min-height:0; padding:34px 0; }.problem-pressure article+article { padding-left:0; border-top:1px solid #aeb8b6; border-left:0; }.problem-pressure p { margin-top:26px; padding-top:0; }
  .problem-answer { grid-template-columns:1fr; gap:24px; margin-top:72px; }
  .operating-path { grid-template-columns:1fr 1fr; gap:14px; }.operating-path>i { display:none; }
  .partnership-columns { grid-template-columns:1fr; }.partnership-columns article,.partnership-columns article+article { padding:44px 0; border-left:0; }.partnership-columns article+article { border-top:1px solid #9eaaa8; }
  .home-contact { min-height:580px; }.home-contact-copy { width:min(590px,68%); }.footer-field { inset:9% -18% 0 28%; opacity:.8; }
}
@media (max-width:560px) {
  .home-hero { min-height:700px; padding:126px 18px 86px; }.home-hero-content h1 { font-size:50px; }.home-hero-content>p:not(.eyebrow) { font-size:16px; }.home-hero-actions { align-items:stretch; flex-direction:column; max-width:260px; margin:30px auto 0; }.scene-core { width:128px; height:128px; }.scene-core span { inset:22px; }.scene-core i { inset:46px; }.scene-coordinate { display:none; }.hero-capability-rail { left:18px; right:18px; }.hero-capability-rail span:nth-child(3) { display:none; }
  .home-section,.home-contact { padding:86px 20px; }.home-section h2,.partnership-heading h2,.home-contact h2 { font-size:42px; }.home-section-intro>div>p { font-size:17px; }.problem-intro { gap:24px; }.problem-lede p { font-size:17px; }.problem-pressure { margin-top:64px; }.problem-card-heading { gap:12px; }.problem-index { font-size:28px; }.problem-pressure h3 { font-size:26px; }.problem-answer h3 { font-size:34px; }.problem-answer p { font-size:19px; }.operating-path { grid-template-columns:1fr; margin-top:64px; }.partnership-columns { margin-top:64px; }.partnership-columns h3 { font-size:30px; }.home-contact { align-items:start; min-height:660px; padding-top:84px; }.home-contact:before { background:linear-gradient(180deg,#080d12 0 40%,rgba(8,13,18,.56) 67%,#080d12 100%); }.home-contact-copy { width:100%; }.footer-field { inset:37% -38% -4% -28%; opacity:.62; }.home-footer { padding:28px 20px; }
}

/* Capability navigation: the icon and name are the same identity used by subpage heroes. */
.nav-dropdown { position:relative; }
.nav-drop-trigger { display:flex; align-items:center; min-height:48px; gap:8px; padding:0; border:0; color:var(--fog-muted); background:none; font:600 14px/1 var(--ui); cursor:pointer; }
.nav-drop-trigger:hover,.nav-dropdown:focus-within .nav-drop-trigger { color:var(--signal); }
.nav-drop-trigger .nav-drop-caret { display:inline-flex; align-items:center; justify-content:center; width:14px; height:14px; color:currentColor; font-size:0; line-height:1; transform-origin:center; transition:transform .2s ease; }
.nav-drop-trigger .nav-drop-caret::before { content:""; width:6px; height:6px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg) translate(-1px,-1px); }
.nav-dropdown:hover .nav-drop-trigger .nav-drop-caret,.nav-dropdown:focus-within .nav-drop-trigger .nav-drop-caret,.nav-dropdown.is-open .nav-drop-trigger .nav-drop-caret { transform:rotate(180deg); }
.nav-drop-panel { position:absolute; top:calc(100% + 17px); left:50%; width:520px; padding:24px; visibility:hidden; opacity:0; transform:translate(-50%,-8px); border:1px solid #2b343e; border-radius:8px; background:#090d14; box-shadow:0 24px 60px rgba(0,0,0,.36); transition:opacity .18s ease,transform .18s ease,visibility .18s; }
.nav-dropdown:hover .nav-drop-panel,.nav-dropdown:focus-within .nav-drop-panel,.nav-dropdown.is-open .nav-drop-panel { visibility:visible; opacity:1; transform:translate(-50%,0); }
.nav-drop-panel>p { margin:0 0 14px; padding-bottom:15px; border-bottom:1px solid #25302f; color:#93a09e; font:500 11px/1 var(--mono); letter-spacing:.025em; }
.nav-drop-panel>a { display:grid; grid-template-columns:48px 1fr; gap:14px; align-items:center; padding:11px 8px; border-radius:5px; color:#dce4e7; }
.nav-drop-panel>a:hover { color:var(--signal); background:#101a17; }
.nav-drop-panel>a>span:last-child { display:grid; gap:5px; }
.nav-drop-panel strong { font-size:14px; font-weight:600; }
.nav-drop-panel small { color:#8f9b9a; font-size:12px; font-weight:400; }
.nav-dropdown--links .nav-drop-panel { width:520px; padding:24px; }
.nav-dropdown--links .nav-drop-panel>a { display:grid; grid-template-columns:48px 1fr; gap:14px; align-items:center; padding:11px 8px; font-size:14px; font-weight:600; }
.nav-dropdown--links .nav-drop-panel>a:not(:has(.nav-cap-icon)) { display:block; }

/* The navigation module owns every header shell, not just its dropdown links. */
.universal-nav { position:relative; width:min(calc(100% - 48px),1420px); margin:12px auto 0; }
@media (max-width:560px) { .universal-nav { width:calc(100% - 40px); margin-top:12px; } }

/* Carry the homepage atmosphere through the header and hero as one field. */
.home-page .home-shell { background:radial-gradient(ellipse 82% 56% at 38% 16%,rgba(77,177,255,.13),transparent 72%),radial-gradient(ellipse 74% 56% at 78% 26%,rgba(120,118,253,.1),transparent 74%),linear-gradient(180deg,#07111c 0%,#0a1427 42%,#070b11 100%); }
.home-page { background:#07111c; }
.home-page .home-hero { background:transparent; }
.nav-cap-icon,.subpage-label-icon { display:grid; place-items:center; flex:0 0 auto; border:0; border-radius:5px; color:var(--signal); background:#12221b; }
.nav-cap-icon { width:44px; height:44px; }.nav-cap-icon svg { width:25px; height:25px; }.nav-cap-icon i { font-size:25px; }
.nav-cap-icon i,.subpage-label-icon i { -webkit-text-stroke:.15px currentColor; }
.nav-cap-icon svg,.subpage-label-icon svg { fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }

/* Homepage copy is editorial; operational eyebrow labels belong to subpages only. */
.home-page .home-section-intro,.home-page .partnership-heading { display:block; max-width:980px; }
.home-page .home-section-intro>div>p { margin-top:30px; }

/* Subpage mode retains the explanatory asymmetric layout. */
.subpage { min-height:100vh; background:#080c13; }
.subpage-header { position:sticky; top:16px; z-index:50; width:calc(100% - 48px); height:72px; background:var(--nav-glass); backdrop-filter:blur(30px) saturate(140%); -webkit-backdrop-filter:blur(30px) saturate(140%); }
.subpage-hero { display:grid; grid-template-columns:minmax(480px,.92fr) minmax(520px,1.08fr); gap:clamp(56px,8vw,130px); align-items:center; max-width:1420px; min-height:810px; margin:-88px auto 0; padding:160px 24px 92px; overflow:hidden; }
.subpage-copy { position:relative; z-index:2; max-width:700px; }
.subpage-label { display:flex; align-items:center; gap:18px; margin-bottom:28px; color:var(--signal); font:500 16px/1.3 var(--mono); letter-spacing:-.02em; }
.subpage-label-icon { width:48px; height:48px; border-radius:6px; color:#111b2c; background:var(--spectrum); box-shadow:0 8px 20px rgba(77,177,255,.14); }.subpage-label-icon svg { width:27px; height:27px; stroke-width:1.7; }.subpage-label-icon i { font-size:27px; }
.subpage-copy h1 { margin:0; color:var(--signal); font:400 clamp(54px,4.6vw,72px)/.98 var(--display); letter-spacing:-.062em; }
.subpage-copy>p { max-width:650px; margin:42px 0 0; color:#b4c0c1; font-size:19px; line-height:1.58; letter-spacing:-.025em; }
.subpage-copy .hero-actions { margin-top:40px; }
.subpage .button--ghost { border-color:#344a43; color:#dce4e7; background:transparent; }
.subpage-system { position:relative; min-width:650px; height:610px; margin-right:-180px; overflow:hidden; border:1px solid #315e4a; border-radius:28px 0 0 28px; background:radial-gradient(circle at 72% 16%,rgba(112,216,144,.13),transparent 30%),linear-gradient(rgba(47,66,60,.42) 1px,transparent 1px),linear-gradient(90deg,rgba(47,66,60,.42) 1px,transparent 1px),#101713; background-size:auto,40px 40px,40px 40px; }
.subpage-system-top { position:absolute; top:32px; left:36px; right:36px; display:flex; justify-content:space-between; color:#9daaa8; font:500 10px/1 var(--mono); letter-spacing:.08em; }.subpage-system-top span:last-child { color:var(--signal); }
.system-stack { position:absolute; inset:100px 72px 62px; display:grid; align-content:center; gap:20px; }.system-stack div { display:grid; grid-template-columns:44px 1fr; align-items:center; min-height:76px; padding:0 22px; border:1px solid #3a5149; border-radius:5px; background:rgba(18,31,26,.92); }.system-stack div:nth-of-type(2) { border-color:var(--signal); background:#163326; box-shadow:0 0 36px rgba(112,216,144,.08); }.system-stack span { color:var(--signal); font:500 10px/1 var(--mono); }.system-stack strong { font-size:15px; font-weight:500; }.system-stack i { width:1px; height:26px; margin:-10px 0 -10px 43px; background:linear-gradient(var(--signal),#33483f); }
.subpage-detail { padding:140px max(24px,calc((100vw - 1200px)/2)); color:#111820; background:#f0f2f2; }.subpage-detail-copy { max-width:1000px; }.subpage-detail p { margin:0 0 24px; color:#286a4e; font:500 16px/1.3 var(--mono); letter-spacing:-.02em; }.subpage-detail h2 { max-width:900px; margin:0; font:400 clamp(42px,4vw,64px)/1 var(--display); letter-spacing:-.06em; }

@media (max-width:900px) {
  .nav-drop-panel { position:static; width:100%; margin-top:10px; display:none; visibility:visible; opacity:1; transform:none; box-shadow:none; }.nav-dropdown.is-open .nav-drop-panel { display:block; transform:none; }
  .site-header.is-open .site-nav { align-items:stretch; }
  .subpage-header { top:8px; width:calc(100% - 20px); }
  .subpage-hero { grid-template-columns:1fr; min-height:0; margin:-80px 0 0; padding-top:150px; }.subpage-system { min-width:0; width:calc(100% + 80px); height:520px; margin:20px -80px 0 0; }
}
@media (max-width:560px) {
  .nav-drop-panel { padding:16px 10px; }.nav-drop-panel>a { grid-template-columns:42px 1fr; }.nav-cap-icon { width:38px; height:38px; }
  .subpage-hero { padding:126px 20px 72px; }.subpage-label { gap:13px; font-size:16px; }.subpage-label-icon { width:40px; height:40px; }.subpage-label-icon svg { width:23px; height:23px; }.subpage-label-icon i { font-size:23px; }.subpage-copy h1 { font-size:48px; }.subpage-copy>p { margin-top:30px; font-size:17px; }.subpage-copy .hero-actions { align-items:stretch; flex-direction:column; }.subpage-system { width:calc(100% + 40px); height:430px; margin-right:-40px; border-radius:18px 0 0 18px; }.system-stack { inset:82px 36px 44px; }.subpage-detail { padding:84px 20px; }.subpage-detail p { margin-bottom:20px; font-size:16px; }
}

/* Core visual system: leadership is the apex; solutions form the triangular base. */
.home-pyramid { position:absolute; left:50%; top:56%; width:min(88vw,1120px); height:auto; opacity:calc(1 - (var(--hero-scroll) * .08)); transform:translate(-50%,calc(-50% + (var(--hero-scroll) * 24px))) scale(calc(1 + (var(--hero-scroll) * .08))); transform-origin:50% 50%; overflow:visible; will-change:transform,opacity; }
.home-pyramid .pyramid-face { opacity:.7; }
.home-pyramid .pyramid-base { fill:rgba(54,113,85,.045); stroke:rgba(112,216,144,.13); }
.home-pyramid .pyramid-edge { fill:none; stroke:rgba(125,220,160,.25); stroke-width:1.2; vector-effect:non-scaling-stroke; }
.home-pyramid .pyramid-edge--rear { stroke:url(#home-rear-edge); stroke-width:1; }
.home-pyramid .company-link { fill:none; stroke:rgba(125,220,160,.34); stroke-width:1; stroke-dasharray:5 8; }
.home-pyramid .pyramid-node { fill:url(#home-node); filter:drop-shadow(0 0 18px rgba(112,216,144,.5)); }
.home-pyramid .pyramid-node--quiet { opacity:.62; }

/* Scroll narrative: a pinned tetrahedron advances through the four ForgedFuture capabilities. */
.model-scroll { position:relative; height:440vh; min-height:2800px; color:#e0e4eb; background:#0a0e15; }
.model-scroll-sticky { position:sticky; top:0; display:grid; grid-template-columns:minmax(0,1.12fr) minmax(360px,.72fr); gap:clamp(48px,7vw,112px); align-items:center; height:100svh; min-height:680px; padding:180px max(24px,calc((100vw - 1320px)/2)) 64px; overflow:hidden; }
.model-section-title { position:absolute; z-index:4; top:clamp(156px,10vw,188px); left:50%; display:flex; align-items:center; justify-content:center; gap:18px; width:min(1000px,calc(100vw - 48px)); margin:0; transform:translateX(-50%); color:#e5ebee; text-align:center; }
.model-section-brand { display:inline-flex; align-items:center; gap:11px; white-space:nowrap; font:600 clamp(34px,2.7vw,42px)/1 var(--display); letter-spacing:-.07em; }
.model-section-brand-mark { display:none; }
.model-section-brand::before { content:""; width:43px; height:33px; flex:0 0 auto; background:url("forgedfuture-logo-gradient-transparent.png") center/contain no-repeat; }
.model-section-brand-name { position:relative; font-weight:600; letter-spacing:-.07em; }
.model-section-brand-name:after { content:""; position:absolute; right:0; bottom:-5px; left:1px; height:2px; background:var(--spectrum); }
.model-section-title-copy { color:#e5ebee; font:400 clamp(42px,3.3vw,52px)/.98 var(--display); letter-spacing:-.06em; white-space:nowrap; }
.model-scroll-visual { position:relative; justify-self:center; width:min(100%,78vh,820px); aspect-ratio:1; transform:translate(-5.5%,9%); }
.model-scroll-grid { position:absolute; inset:-8%; opacity:.58; background-image:linear-gradient(rgba(70,95,83,.21) 1px,transparent 1px),linear-gradient(90deg,rgba(70,95,83,.21) 1px,transparent 1px); background-size:42px 42px; background-position:0 var(--model-grid-y,0),var(--model-grid-x,0) 0; mask-image:radial-gradient(circle at 50% 50%,#000 20%,transparent 72%); }
.model-interface-line { position:absolute; z-index:2; left:-4%; width:108%; height:1px; background:repeating-linear-gradient(90deg,rgba(112,216,144,.6) 0 8px,transparent 8px 15px); opacity:.74; pointer-events:none; }
.model-interface-line span { position:absolute; left:50%; top:50%; padding:2px 10px; transform:translate(-50%,-50%); color:var(--signal); background:#0a0e15; box-shadow:0 0 18px 12px #0a0e15; font:500 11px/1 var(--mono); letter-spacing:-.01em; white-space:nowrap; }
.model-scroll-geometry { position:absolute; inset:0; width:100%; height:100%; overflow:visible; cursor:grab; touch-action:none; user-select:none; filter:drop-shadow(0 22px 42px rgba(0,0,0,.24)); }
.model-scroll-geometry.is-dragging { cursor:grabbing; }
.model-scroll-geometry:focus-visible { outline:2px solid #6294fe; outline-offset:8px; }
.scroll-face { stroke:none; transition:fill .5s ease; }.scroll-face--left { fill:rgba(112,216,144,.055); }.scroll-face--right { fill:rgba(101,198,173,.035); }.scroll-face--base { fill:rgba(112,216,144,.022); }.scroll-face.is-hovered { fill:rgba(112,216,144,.06); }.scroll-face.is-active { fill:rgba(112,216,144,.075); }
.scroll-edge { stroke:rgba(112,216,144,.29); stroke-width:1.15; vector-effect:non-scaling-stroke; transition:stroke .35s ease,stroke-width .35s ease; }.scroll-edge.is-hovered { stroke:rgba(112,216,144,.57); stroke-width:1.4; }.scroll-edge.is-active { stroke:rgba(112,216,144,.82); stroke-width:1.65; }.scroll-edge--company { stroke-dasharray:5 7; }
.scroll-point { fill:#536d61; stroke:#0a0e15; stroke-width:5; vector-effect:non-scaling-stroke; transition:fill .35s ease,r .35s ease; }.scroll-point.is-hovered { fill:#9be7b0; }.scroll-point.is-active { fill:var(--signal); filter:drop-shadow(0 0 10px rgba(112,216,144,.7)); }
.scroll-node { position:absolute; z-index:3; display:grid; min-width:154px; padding:11px 14px; transform:translate(-50%,-50%) scale(var(--depth-scale,.94)); opacity:var(--depth-opacity,1); filter:brightness(var(--depth-brightness,1)); border:1px solid #344c42; border-radius:5px; color:#aeb9b7; background:rgba(15,24,20,.9); box-shadow:0 12px 28px rgba(0,0,0,.2); font:inherit; text-align:left; appearance:none; transition:color .35s ease,background .35s ease,border-color .35s ease,box-shadow .35s ease,transform .35s ease,opacity .35s ease,filter .35s ease; }
.scroll-node-text { display:grid; gap:5px; }.scroll-node-text>small { margin-left:24px; }.scroll-node-title { display:flex; align-items:center; gap:7px; }.scroll-node-icon { display:grid; place-items:center; flex:0 0 auto; width:17px; height:17px; border:0; color:var(--signal); background:transparent; }.scroll-node-icon i { font-size:17px; -webkit-text-stroke:.12px currentColor; }
.scroll-node small { color:#73817d; font:500 8px/1 var(--mono); letter-spacing:.02em; }.scroll-node strong { font-size:13px; font-weight:500; white-space:nowrap; }
.scroll-node:not(.scroll-node--company) { cursor:pointer; }.scroll-node.is-hovered,.scroll-node:not(.scroll-node--company):hover { transform:translate(-50%,-50%) scale(calc(var(--depth-scale,.94) + .04)); border-color:#5fac7a; color:var(--signal); background:#15271f; box-shadow:0 15px 32px rgba(0,0,0,.25),0 0 24px rgba(112,216,144,.08); }.scroll-node:focus-visible { outline:2px solid var(--signal); outline-offset:4px; }
.scroll-node.is-active { transform:translate(-50%,-50%) scale(calc(var(--depth-scale,.94) + .08)); border-color:var(--signal); color:#07100b; background:var(--signal); box-shadow:0 16px 34px rgba(0,0,0,.28),0 0 30px rgba(112,216,144,.12); }.scroll-node.is-active small { color:#164b30; }.scroll-node.is-active .scroll-node-icon { color:#0b4226; }
.scroll-node--company { display:grid; gap:5px; border-color:#4c5c57; color:#d6dddc; background:rgba(17,25,22,.94); }
.model-scroll-copy { position:relative; display:grid; grid-template-rows:minmax(0,1fr) max-content minmax(0,1fr); width:100%; height:min(78vh,820px); min-height:580px; align-self:center; }
.model-scroll-meta { grid-area:1/1; display:grid; align-self:end; gap:14px; margin-bottom:24px; }
.model-scroll-position { display:flex; gap:8px; align-items:center; color:#697773; font:500 11px/1 var(--mono); }.model-scroll-position span:first-child { color:var(--signal); }.model-scroll-position i { font-style:normal; }
.model-scroll-progress { display:flex; gap:8px; }.model-scroll-progress i { width:30px; height:2px; background:#28332f; transition:width .35s ease,background .35s ease; }.model-scroll-progress i.is-active { width:52px; background:var(--signal); }
.model-scroll-kicker { display:flex; align-items:center; gap:10px; margin:0; color:var(--signal); font:500 16px/1.3 var(--mono); letter-spacing:-.02em; }
.model-copy-panel { position:relative; grid-area:2/1; width:100%; opacity:0; visibility:hidden; transform:translateY(26px); transition:opacity .2s ease,transform .48s cubic-bezier(.2,.7,.2,1),visibility .2s; }
.model-copy-panel.is-active { opacity:1; visibility:visible; transform:translateY(0); }
.model-copy-icon { display:grid; place-items:center; width:24px; height:24px; border:0; color:var(--signal); background:transparent; }.model-copy-icon i { font-size:22px; -webkit-text-stroke:.15px currentColor; }
.model-copy-panel h2 { max-width:540px; margin:0; font:400 clamp(38px,3.5vw,56px)/.99 var(--display); letter-spacing:-.06em; }
.model-copy-panel>span { display:block; max-width:530px; margin-top:28px; color:#9fa9a8; font-size:18px; line-height:1.55; letter-spacing:-.02em; }
.model-scroll-footer { position:relative; grid-area:3/1; display:flex; align-self:start; align-items:flex-start; margin-top:30px; }
.model-scroll-link { display:flex; align-items:center; justify-content:space-between; gap:28px; width:fit-content; max-width:100%; min-width:250px; padding:14px 16px; border:1px solid #365249; border-radius:4px; color:#dce5e4; background:rgba(12,20,17,.55); font:500 12px/1.2 var(--mono); transition:color .25s ease,border-color .25s ease,background .25s ease,transform .25s ease; }.model-scroll-link-copy { display:flex; align-items:center; gap:10px; }.model-scroll-link-icon { display:grid; place-items:center; flex:0 0 auto; width:20px; height:20px; color:var(--signal); }.model-scroll-link-icon i { font-size:19px; -webkit-text-stroke:.15px currentColor; }.model-scroll-link b { color:var(--signal); font-size:15px; font-weight:500; }.model-scroll-link:hover,.model-scroll-link:focus-visible { border-color:var(--signal); color:#07100b; background:var(--signal); transform:translateY(-2px); }.model-scroll-link:hover b,.model-scroll-link:focus-visible b,.model-scroll-link:hover .model-scroll-link-icon,.model-scroll-link:focus-visible .model-scroll-link-icon { color:#07100b; }

.pyramid-model { position:relative; width:min(100%,1000px); height:650px; margin:70px auto -30px; }
.pyramid-model>svg { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.model-face { stroke:none; }.model-face--left { fill:rgba(112,216,144,.055); }.model-face--right { fill:rgba(102,204,190,.038); }
.model-edge { fill:none; stroke:rgba(112,216,144,.42); stroke-width:1.15; vector-effect:non-scaling-stroke; }
.model-node { position:absolute; z-index:2; display:grid; gap:6px; min-width:150px; padding:15px 17px; transform:translate(-50%,-50%); border:1px solid #365249; border-radius:5px; background:#111a17; box-shadow:0 12px 30px rgba(0,0,0,.22); }
.model-node small { color:#768581; font:500 8px/1 var(--mono); letter-spacing:.025em; }.model-node strong { color:#dce5e4; font-size:13px; font-weight:500; white-space:nowrap; }
.model-node--company { left:50%; top:10.8%; border-color:#56615e; }.model-node--leadership { left:50%; top:27%; border-color:var(--signal); background:#173326; }.model-node--leadership small,.model-node--leadership strong { color:var(--signal); }.model-node--automation { left:15%; top:74%; }.model-node--software { left:85%; top:74%; }.model-node--ai { left:50%; top:89%; }

.subpage-system-caption { position:absolute; z-index:3; top:30px; left:36px; margin:0; color:#9aa7a4; font:500 10px/1 var(--mono); letter-spacing:.07em; }
.customer-world { position:relative; min-width:520px; height:610px; margin-right:-120px; overflow:visible; }
.world-grid { display:none; }
.world-globe { position:absolute; top:50%; left:45%; width:min(92%,540px); aspect-ratio:1; transform:translate(-50%,-50%); border:0; border-radius:50%; overflow:hidden; }
.world-globe__canvas { display:block; width:100%; height:100%; cursor:grab; touch-action:none; filter:drop-shadow(0 0 7px rgba(77,177,255,.18)); }.world-globe__canvas:active { cursor:grabbing; }
.world-globe__hint { display:none; }
.world-globe__city-label { position:absolute; z-index:4; padding:5px 8px; transform:translate(-50%,-150%); border:1px solid rgba(155,215,255,.52); border-radius:3px; color:#e8f5ff; background:rgba(8,15,27,.9); box-shadow:0 5px 16px rgba(0,0,0,.25); font:600 11px/1.2 var(--ui); pointer-events:none; white-space:nowrap; }.world-globe__city-label::before { content:""; position:absolute; left:50%; bottom:-5px; width:7px; height:7px; transform:translateX(-50%) rotate(45deg); border-right:1px solid rgba(155,215,255,.52); border-bottom:1px solid rgba(155,215,255,.52); background:rgba(8,15,27,.9); }

/* Our customers: a globe-led opening with an editorial account of the working relationship. */
.customers-page { background:#070b11; }
.customers-page .subpage-header { position:sticky; }
.customers-hero { display:grid; grid-template-columns:minmax(0,.94fr) minmax(520px,1.06fr); gap:clamp(48px,8vw,128px); align-items:center; max-width:1420px; min-height:800px; margin:-88px auto 0; padding:160px var(--ff-gutter) 96px; overflow:hidden; }
.customers-hero__copy { position:relative; z-index:2; max-width:650px; }.customers-hero__copy h1 { margin:0; color:#e5ebee; font:400 var(--ff-type-page)/.98 var(--display); letter-spacing:-.062em; }.customers-hero__copy h1 em { color:transparent; background:var(--ff-spectrum); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; font-style:normal; }.customers-hero__copy>p { max-width:570px; margin:40px 0 0; color:#b8c6dc; font-size:18px; line-height:1.6; }.customers-hero .hero-actions { margin-top:40px; }.customers-hero .button--ghost { border-color:#354966; color:#dce8fb; }
.customers-hero .customer-world { justify-self:end; width:min(100%,660px); min-width:0; height:620px; margin-right:-72px; }.customers-hero .world-globe { left:48%; width:min(96%,570px); }
.customers-context { display:grid; grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr); gap:clamp(56px,12vw,190px); padding:var(--ff-section-space) max(var(--ff-gutter),calc((100vw - var(--ff-container))/2)); color:var(--ff-text-dark); background:var(--ff-paper); }.customers-context h2,.customers-practice h2,.customers-invitation h2 { margin:0; font:400 var(--ff-type-section)/1.02 var(--display); letter-spacing:-.06em; }.customers-context__copy { display:grid; gap:24px; max-width:610px; }.customers-context__copy p { margin:0; color:#465875; font-size:18px; line-height:1.6; }.customers-context .partnership-label,.customers-practice .partnership-label,.customers-invitation .partnership-label { margin:0 0 24px; color:#397bc3; font:500 var(--ff-label-display)/1.3 var(--mono); letter-spacing:-.02em; }
.customers-backgrounds { padding:var(--ff-section-space) max(var(--ff-gutter),calc((100vw - var(--ff-container))/2)); color:#111820; background:#fff; }.customers-backgrounds__intro { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.7fr); column-gap:clamp(48px,10vw,160px); align-items:end; }.customers-backgrounds .partnership-label { grid-column:1; margin:0 0 24px; color:#6294fe; font:500 var(--ff-label-display)/1.3 var(--mono); letter-spacing:-.02em; }.customers-backgrounds h2 { grid-column:1; max-width:760px; margin:0; font:400 var(--ff-type-section)/1.02 var(--display); letter-spacing:-.06em; }.customers-backgrounds__intro>p:last-child { grid-column:2; grid-row:2; max-width:420px; margin:0; color:#4f6180; font-size:17px; line-height:1.58; }.customers-backgrounds__frame { position:relative; margin-top:80px; padding:12px; border-radius:20px; background:var(--ff-frame-spectrum); box-shadow:var(--ff-frame-shadow); }.customers-backgrounds__frame::before { content:""; position:absolute; inset:1px; border-radius:19px; background:linear-gradient(135deg,rgba(236,248,255,.36),rgba(124,156,255,.08) 48%,rgba(202,186,255,.26)); pointer-events:none; }.customers-backgrounds__grid { position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); overflow:hidden; border:1px solid #aebbd0; border-radius:10px; background:#f0f3f8; }.customers-backgrounds__grid article { display:flex; align-items:center; gap:26px; min-height:148px; padding:28px 32px; border-right:1px solid #aebbd0; border-bottom:1px solid #aebbd0; }.customers-backgrounds__grid article:nth-child(3n) { border-right:0; }.customers-backgrounds__grid article:nth-last-child(-n+3) { border-bottom:0; }.customers-backgrounds__grid i { flex:0 0 auto; color:transparent; background:var(--ff-spectrum); -webkit-background-clip:text; background-clip:text; font-size:30px; }.customers-backgrounds__grid h3 { margin:0; font:500 16px/1.35 var(--mono); letter-spacing:-.02em; }.customers-backgrounds__grid p { display:none; }
.customers-practice { padding:var(--ff-section-space) max(var(--ff-gutter),calc((100vw - var(--ff-container))/2)); color:var(--ff-text-light); background:radial-gradient(ellipse 50% 68% at 88% 45%,rgba(120,118,253,.12),transparent 72%),#080d12; }.customers-practice__heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.72fr); column-gap:clamp(48px,10vw,160px); align-items:end; }.customers-practice__heading h2 { max-width:700px; grid-column:1; }.customers-practice__heading>p:last-child { max-width:430px; grid-column:2; grid-row:2; margin:0; color:#a9b9d0; font-size:17px; line-height:1.58; }.customers-practice__list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:80px; border-top:1px solid rgba(159,190,231,.3); border-bottom:1px solid rgba(159,190,231,.3); }.customers-practice__list article { min-height:265px; padding:36px 34px 42px 0; }.customers-practice__list article+article { padding-left:34px; border-left:1px solid rgba(159,190,231,.3); }.customers-practice__list i { color:#84c5ff; font-size:28px; }.customers-practice__list h3 { max-width:280px; margin:48px 0 0; font:500 var(--ff-type-card)/1.12 var(--display); letter-spacing:-.05em; }.customers-practice__list p { max-width:330px; margin:18px 0 0; color:#a9b9d0; font-size:16px; line-height:1.58; }
.customers-invitation { padding:var(--ff-section-space) max(var(--ff-gutter),calc((100vw - var(--ff-container))/2)); color:#111820; background:#dde5f0; }.customers-invitation h2 { max-width:830px; }.customers-invitation>p:not(.partnership-label) { max-width:580px; margin:30px 0 38px; color:#4f6180; font-size:18px; line-height:1.58; }.customers-invitation .button--primary { color:#f4f8ff; background:#111b2d; }.customers-invitation .button--primary:hover { color:#fff; background:#1a2e54; }
@media (max-width:900px) { .customers-hero { grid-template-columns:1fr; min-height:0; margin:-80px 0 0; padding-top:150px; }.customers-hero .customer-world { justify-self:center; width:100%; max-width:620px; height:480px; margin:0; }.customers-hero .world-globe { left:50%; width:min(92%,440px); }.customers-context,.customers-practice__heading { grid-template-columns:1fr; gap:28px; }.customers-practice__heading>p:last-child { grid-column:1; grid-row:auto; }.customers-practice__list { grid-template-columns:1fr; margin-top:64px; }.customers-practice__list article,.customers-practice__list article+article { min-height:0; padding:34px 0; border-left:0; }.customers-practice__list article+article { border-top:1px solid rgba(159,190,231,.3); }.customers-practice__list h3 { margin-top:24px; } }
@media (max-width:560px) { .customers-hero { padding:126px 20px 72px; }.customers-hero__copy h1 { font-size:48px; }.customers-hero__copy>p,.customers-context__copy p,.customers-invitation>p:not(.partnership-label) { font-size:16px; }.customers-hero .hero-actions { align-items:stretch; flex-direction:column; }.customers-hero .customer-world { height:360px; }.customers-hero .world-globe { width:min(95%,330px); }.customers-context,.customers-practice,.customers-invitation { padding:80px 20px; }.customers-context h2,.customers-practice h2,.customers-invitation h2 { font-size:40px; }.customers-practice__list { margin-top:56px; }.customers-practice__list h3 { font-size:26px; } }
.customers-backgrounds__frame { --frame-light-x:50%; --frame-light-y:50%; --frame-light-radius:260px; --frame-light-opacity:0; --frame-edge-opacity:0; overflow:visible; isolation:isolate; border:1px solid rgba(173,215,255,.5); border-radius:28px; background:linear-gradient(135deg,rgba(41,69,110,.34),rgba(18,30,54,.25) 52%,rgba(61,55,137,.3)) padding-box,linear-gradient(135deg,rgba(188,229,255,.78),rgba(102,160,243,.46) 48%,rgba(174,169,255,.72)) border-box; box-shadow:inset 0 1px rgba(237,248,255,.26),inset 0 -1px rgba(32,52,102,.28),0 24px 64px rgba(1,5,15,.26),0 0 50px rgba(77,177,255,.2); backdrop-filter:blur(22px) saturate(145%); -webkit-backdrop-filter:blur(22px) saturate(145%); }.customers-backgrounds__frame::before { z-index:0; inset:1px; border-radius:inherit; opacity:var(--frame-light-opacity); background:radial-gradient(circle calc(var(--frame-light-radius) + 56px) at var(--frame-light-x) var(--frame-light-y),rgba(112,198,255,.28),rgba(90,145,255,.13) 38%,rgba(89,116,255,.05) 57%,transparent 72%); transition:opacity .2s ease,background .16s ease; }.customers-backgrounds__frame::after { content:""; position:absolute; z-index:3; inset:0; padding:1.5px; border-radius:inherit; pointer-events:none; opacity:var(--frame-edge-opacity); background:radial-gradient(circle var(--frame-light-radius) at var(--frame-light-x) var(--frame-light-y),rgba(243,252,255,1) 0%,rgba(174,229,255,.98) 18%,rgba(82,185,255,.88) 42%,rgba(120,118,253,.3) 61%,transparent 80%); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; filter:drop-shadow(0 0 6px rgba(202,239,255,.95)) drop-shadow(0 0 18px rgba(77,177,255,.68)); transition:opacity .22s ease; }.customers-backgrounds__grid { z-index:2; }
.customers-context .partnership-label,.customers-practice .partnership-label,.customers-invitation .partnership-label { color:transparent; background:var(--ff-spectrum); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }.customers-practice__list i { color:transparent; background:var(--ff-spectrum); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
@media (max-width:900px) { .customers-backgrounds__intro { grid-template-columns:1fr; gap:28px; }.customers-backgrounds__intro>p:last-child { grid-column:1; grid-row:auto; }.customers-backgrounds__frame { margin-top:64px; }.customers-backgrounds__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.customers-backgrounds__grid article:nth-child(3n) { border-right:1px solid #aebbd0; }.customers-backgrounds__grid article:nth-child(2n) { border-right:0; }.customers-backgrounds__grid article:nth-last-child(-n+3) { border-bottom:1px solid #aebbd0; }.customers-backgrounds__grid article:nth-last-child(-n+1) { border-bottom:0; } }
@media (max-width:560px) { .customers-backgrounds { padding:80px 20px; }.customers-backgrounds h2 { font-size:40px; }.customers-backgrounds__frame { margin-top:56px; padding:8px; border-radius:16px; }.customers-backgrounds__grid { grid-template-columns:1fr; border-radius:9px; }.customers-backgrounds__grid article,.customers-backgrounds__grid article:nth-child(3n),.customers-backgrounds__grid article:nth-child(2n) { min-height:0; padding:24px; border-right:0; border-bottom:1px solid #aebbd0; }.customers-backgrounds__grid article:last-child { border-bottom:0; }.customers-backgrounds__grid h3 { margin:0; font-size:15px; } }
/* Reuse the homepage diagnosis frame for the customer-context grid. */
.customers-backgrounds__frame {
  padding:24px;
  border:1px solid transparent;
  border-radius:28px;
  background:
    linear-gradient(135deg,rgba(246,251,255,.8),rgba(222,239,255,.58) 42%,rgba(228,225,255,.52)) padding-box,
    linear-gradient(135deg,rgba(77,177,255,.82),rgba(98,148,254,.44) 48%,rgba(120,118,253,.8)) border-box;
  box-shadow:inset 0 1px rgba(255,255,255,.85),inset 0 -1px rgba(113,151,208,.2),0 18px 42px rgba(52,86,132,.1),0 0 32px rgba(77,148,255,.08);
}
.customers-backgrounds__grid {
  border-radius:18px;
  background:#f8fbff;
  box-shadow:inset 0 1px rgba(255,255,255,.9);
}
@media (max-width:900px) {
  .customers-backgrounds__frame { padding:16px; border-radius:20px; }
  .customers-backgrounds__grid { border-radius:12px; }
}
@media (max-width:560px) {
  .customers-backgrounds__frame { padding:14px; border-radius:20px; }
  .customers-backgrounds__grid { border-radius:10px; }
}
.world-caption { display:none; }
.subpage-pyramid { position:absolute; inset:34px 6px 0; }
.subpage-pyramid>svg { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.subpage-pyramid .model-face { stroke:none; }.subpage-pyramid .model-edge { fill:none; stroke:rgba(112,216,144,.42); stroke-width:1.15; vector-effect:non-scaling-stroke; }
.diagram-node { position:absolute; z-index:2; transform:translate(-50%,-50%); color:#929e9c; font:500 10px/1.2 var(--mono); }
.diagram-node span { display:block; padding:10px 12px; border:1px solid #384942; border-radius:4px; background:rgba(15,24,20,.94); white-space:nowrap; }
.diagram-node--company { left:50%; top:12%; color:#c7d0cf; }.diagram-node--leadership { left:50%; top:27%; }.diagram-node--automation { left:14%; top:74%; }.diagram-node--software { left:86%; top:74%; }.diagram-node--ai { left:50%; top:89%; }
.subpage-system.is-highlight-leadership .diagram-node--leadership,.subpage-system.is-highlight-automation .diagram-node--automation,.subpage-system.is-highlight-software .diagram-node--software,.subpage-system.is-highlight-ai .diagram-node--ai { color:#09110d; }
.subpage-system.is-highlight-leadership .diagram-node--leadership span,.subpage-system.is-highlight-automation .diagram-node--automation span,.subpage-system.is-highlight-software .diagram-node--software span,.subpage-system.is-highlight-ai .diagram-node--ai span { border-color:var(--signal); background:var(--signal); box-shadow:0 0 26px rgba(112,216,144,.18); }

/* Dedicated team page: a glassy roster built from the same system language as the rest of the site. */
.team-page { background:#080d16; }.team-page .subpage-header { position:relative; margin-top:16px; }.team-hero,.team-roster,.team-principles,.team-faq,.team-closing { max-width:1200px; margin:0 auto; padding-inline:24px; }.team-kicker { display:flex; align-items:center; gap:10px; margin:0; color:#78bfff; font:500 12px/1.2 var(--mono); letter-spacing:.02em; }.team-kicker>span { width:8px; height:8px; background:var(--signal); box-shadow:0 0 15px rgba(77,177,255,.8); }.team-hero { position:relative; padding-top:142px; padding-bottom:132px; text-align:center; overflow:hidden; }.team-hero:before { content:""; position:absolute; z-index:0; top:8px; left:50%; width:750px; height:490px; transform:translateX(-50%); background:radial-gradient(ellipse,rgba(77,177,255,.12),rgba(120,118,253,.055) 40%,transparent 70%); pointer-events:none; }.team-hero>* { position:relative; z-index:1; }.team-hero .team-kicker { justify-content:center; }.team-hero h1,.team-roster h2,.team-principles h2,.team-faq h2,.team-closing h2 { margin:28px 0 0; color:#edf3fb; font:400 clamp(50px,6.4vw,88px)/.93 var(--display); letter-spacing:-.07em; }.team-hero h1 em { color:var(--signal); font-style:normal; }.team-hero>p:not(.team-kicker) { max-width:630px; margin:34px auto 0; color:#aebacb; font-size:18px; line-height:1.65; letter-spacing:-.02em; }.team-scroll-link { display:inline-flex; gap:14px; align-items:center; margin-top:38px; padding-bottom:10px; border-bottom:1px solid rgba(120,178,255,.52); color:#dbe9fd; font:500 12px/1 var(--mono); }.team-scroll-link span { color:var(--signal); font-size:18px; }
.team-roster { padding-bottom:136px; }.team-roster-heading { display:grid; grid-template-columns:1.35fr .65fr; gap:56px; align-items:end; padding:0 0 56px; border-bottom:1px solid rgba(174,193,222,.17); }.team-roster-heading h2,.team-principles h2,.team-faq h2,.team-closing h2 { font-size:clamp(39px,4.8vw,62px); }.team-roster-heading>p { max-width:360px; margin:0; color:#aebacb; font-size:16px; line-height:1.65; }.team-filter { display:flex; flex-wrap:wrap; gap:8px; margin:32px 0; }.team-filter button { padding:10px 13px; border:1px solid rgba(174,193,222,.24); border-radius:4px; color:#94a3b8; background:rgba(21,31,47,.48); font:500 11px/1 var(--mono); cursor:pointer; transition:.2s ease; }.team-filter button:hover,.team-filter button.is-active { border-color:#6eb4ff; color:#e8f2ff; background:rgba(55,107,171,.26); box-shadow:0 0 0 1px rgba(98,148,254,.26),0 8px 18px rgba(77,177,255,.11),0 14px 28px rgba(120,118,253,.09); }.team-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }.team-card { min-height:374px; padding:12px 16px 18px; border:1px solid rgba(174,193,222,.18); border-radius:12px; background:linear-gradient(135deg,rgba(39,54,77,.62),rgba(14,21,34,.7)); box-shadow:inset 0 1px rgba(255,255,255,.08),0 18px 42px rgba(0,0,0,.16); overflow:hidden; transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease; }.team-card:hover { border-color:rgba(117,181,255,.62); box-shadow:inset 0 1px rgba(255,255,255,.12),0 0 0 1px rgba(98,148,254,.2),0 18px 38px rgba(0,0,0,.28),0 0 30px rgba(77,177,255,.1); transform:translateY(-5px); }.team-card[hidden] { display:none; }.team-portrait { position:relative; height:176px; margin:-12px -16px 17px; overflow:hidden; background:radial-gradient(circle at calc(28% + (var(--member) * 8%)) 22%,rgba(139,210,255,.36),transparent 29%),linear-gradient(145deg,#202f4b,#111825 58%,#18243a); }.team-card:nth-child(3n+2) .team-portrait { background:radial-gradient(circle at 72% 24%,rgba(157,139,255,.4),transparent 32%),linear-gradient(145deg,#2a2850,#15152a 61%,#202342); }.team-card:nth-child(3n) .team-portrait { background:radial-gradient(circle at 33% 22%,rgba(91,221,198,.3),transparent 33%),linear-gradient(145deg,#183d43,#0e2027 62%,#17293a); }.portrait-grid { position:absolute; inset:0; opacity:.45; background-image:linear-gradient(rgba(188,218,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(188,218,255,.13) 1px,transparent 1px); background-size:22px 22px; mask-image:linear-gradient(to bottom,#000,transparent); }.portrait-head { position:absolute; z-index:1; left:50%; bottom:69px; width:72px; height:82px; transform:translateX(-50%); border:1px solid rgba(211,238,255,.48); border-radius:48% 52% 43% 46%; background:linear-gradient(130deg,#c1d1e2,#6887aa 58%,#3c506d); box-shadow:inset 12px 2px 24px rgba(255,255,255,.22),0 0 32px rgba(102,170,255,.18); }.team-card:nth-child(3n+2) .portrait-head { background:linear-gradient(130deg,#d2c8f2,#8777c9 58%,#54477c); }.team-card:nth-child(3n) .portrait-head { background:linear-gradient(130deg,#b9dfd7,#62a899 58%,#356a6d); }.portrait-body { position:absolute; z-index:1; bottom:-22px; left:50%; width:160px; height:105px; transform:translateX(-50%); border:1px solid rgba(209,234,255,.27); border-radius:58% 58% 0 0; background:linear-gradient(90deg,#31516f,#6384ab 48%,#283e59); }.portrait-orbit { position:absolute; z-index:2; top:51px; left:50%; width:140px; height:70px; transform:translateX(-50%) rotate(-18deg); border:1px solid rgba(155,209,255,.45); border-radius:50%; }.team-portrait i { position:absolute; z-index:3; right:16px; top:16px; color:#dcecff; font-size:22px; }.team-card-meta { display:flex; justify-content:space-between; color:#7ebfff; font:500 10px/1 var(--mono); text-transform:uppercase; }.team-card-meta b { color:#7487a2; font-weight:500; }.team-card h3 { margin:14px 0 0; color:#e7effb; font:500 21px/1.08 var(--display); letter-spacing:-.055em; }.team-card p { margin:11px 0 0; color:#9daabe; font-size:13px; line-height:1.55; }
.team-principles { display:grid; grid-template-columns:.9fr 1.1fr; gap:88px; padding-top:112px; padding-bottom:112px; border-top:1px solid rgba(174,193,222,.17); }.team-principle-list { border-top:1px solid rgba(174,193,222,.17); }.team-principle-list article { display:grid; grid-template-columns:56px 1fr; gap:16px; padding:25px 0; border-bottom:1px solid rgba(174,193,222,.17); }.team-principle-list b { color:#75baff; font:500 11px/1.2 var(--mono); }.team-principle-list h3 { margin:0; color:#e4edf9; font:500 22px/1.1 var(--display); letter-spacing:-.05em; }.team-principle-list p { margin:9px 0 0; color:#9daabe; font-size:14px; line-height:1.58; }.team-faq { padding-top:112px; padding-bottom:112px; background:linear-gradient(120deg,rgba(31,54,82,.32),rgba(11,17,27,0)); }.team-faq>h2 { margin-bottom:48px; }.team-questions { max-width:780px; }.team-questions details { border-top:1px solid rgba(174,193,222,.2); }.team-questions details:last-child { border-bottom:1px solid rgba(174,193,222,.2); }.team-questions summary { display:flex; align-items:center; justify-content:space-between; gap:32px; padding:25px 0; color:#e5eef9; font-size:16px; font-weight:600; cursor:pointer; list-style:none; }.team-questions summary::-webkit-details-marker { display:none; }.team-questions summary span { color:#77bcff; font:400 24px/1 var(--display); }.team-questions p { max-width:650px; margin:0 0 25px; color:#aab7ca; font-size:14px; line-height:1.62; }.team-closing { padding-top:120px; padding-bottom:128px; text-align:center; }.team-closing .team-kicker { justify-content:center; }.team-closing h2 { font-size:clamp(54px,6.5vw,84px); }.team-closing>p:not(.team-kicker) { margin:22px 0 32px; color:#aebacc; font-size:18px; }

@media (min-width:901px) and (max-width:1400px) {
  .subpage-hero { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:40px; }
  .subpage-system { min-width:0; width:100%; height:570px; margin-right:0; border-radius:28px; }
  .subpage-copy h1 { font-size:clamp(52px,4.6vw,66px); }
}
@media (max-width:900px) {
  .pyramid-model { height:590px; }
  .model-scroll { height:400svh; min-height:2400px; }
  .model-scroll-sticky { grid-template-columns:1fr; grid-template-rows:minmax(310px,48svh) minmax(250px,1fr); gap:4px; min-height:0; height:100svh; padding:92px 20px 24px; }
  .model-scroll-visual { width:min(100%,47svh,540px); transform:none; }
  .model-scroll-copy { grid-template-rows:max-content max-content max-content; width:min(100%,620px); height:auto; min-height:250px; margin:0 auto; align-content:start; }
  .model-scroll-meta { align-self:auto; margin-bottom:24px; }
  .model-copy-panel { top:42px; }.model-copy-panel h2 { font-size:clamp(36px,6vw,48px); }.model-copy-panel>span { margin-top:18px; font-size:16px; }
  .model-scroll-progress { bottom:4px; }
}
@media (max-width:560px) {
  .customer-world { min-width:0; width:100%; height:390px; margin:18px 0 0; }.customer-world .world-globe { left:50%; width:min(92%,340px); transform:translate(-50%,-50%); }
  .pyramid-model { height:470px; margin-top:40px; }.model-node { min-width:0; padding:9px 10px; }.model-node small { display:none; }.model-node strong { font-size:10px; }.model-node--automation { left:13%; }.model-node--software { left:87%; }.home-pyramid { width:1160px; opacity:.78; }
  .diagram-node { font-size:8px; }.diagram-node span { padding:7px 8px; }.subpage-pyramid { inset:42px -10px 0; }
  .model-scroll-sticky { grid-template-rows:minmax(360px,52svh) minmax(250px,1fr); padding:82px 16px 18px; }.model-section-title { top:96px; flex-wrap:wrap; gap:4px 10px; }.model-section-brand { gap:8px; font-size:30px; }.model-section-brand::before { width:38px; height:28px; }.model-section-title-copy { font-size:34px; white-space:normal; }.model-scroll-visual { width:min(100%,30svh,250px); transform:translateY(100px); }.model-scroll-grid { background-size:30px 30px; }.scroll-node { min-width:94px; padding:8px 9px; }.scroll-node small { display:none; }.scroll-node strong { font-size:9px; }.model-scroll-copy { min-height:0; }.model-scroll-kicker { font-size:16px; }.model-copy-panel h2 { font-size:36px; }.model-copy-panel>span { font-size:15px; }.model-scroll-progress i { width:22px; }.model-scroll-progress i.is-active { width:38px; }
}

@media (prefers-reduced-motion:reduce) {
  .model-copy-panel,.scroll-node,.scroll-edge,.scroll-point { transition:none; }
}

/* Archived palette experiments - retained for reference but disabled. */
/* Selected blue palette. */
.button--primary:hover { background:#8eb2eb; }
.system-frame { border-color:#3c5270; background:radial-gradient(circle at 74% 11%,rgba(92,139,214,.14),transparent 25%),linear-gradient(rgba(48,60,82,.62) 1px,transparent 1px),linear-gradient(90deg,rgba(48,60,82,.62) 1px,transparent 1px),var(--ink-raised); box-shadow:inset 0 0 100px rgba(25,51,91,.17); }
.map-node { border-color:#6e98dd; background:linear-gradient(140deg,rgba(30,45,70,.96),rgba(27,55,96,.96)); box-shadow:inset 0 1px rgba(210,224,250,.1),0 12px 30px rgba(0,0,0,.16); }
.connection { background:linear-gradient(90deg,var(--signal),rgba(92,139,214,.15)); }
.contact { background:linear-gradient(105deg,#1b315b,#101a2d 58%,#0a0e15); }.contact:after { border-color:rgba(92,139,214,.17); box-shadow:0 0 0 58px rgba(92,139,214,.025),0 0 0 116px rgba(92,139,214,.018); }

.home-page .button--ghost { color:#d8e0ec; border-color:#46536a; }
.home-hero { border-bottom-color:#2b374a; }.home-hero:before { background:radial-gradient(ellipse 56% 52% at 50% 47%,rgba(55,92,150,.3),transparent 70%),linear-gradient(180deg,rgba(7,11,17,.04),#070b11 94%); }
.scene-grid { background-image:linear-gradient(rgba(76,91,117,.21) 1px,transparent 1px),linear-gradient(90deg,rgba(76,91,117,.21) 1px,transparent 1px); }.scene-grid:after { background:repeating-linear-gradient(165deg,transparent 0 88px,rgba(92,139,214,.035) 89px 90px); }
.scene-orbit { border-color:rgba(120,161,226,.17); }.scene-axis { background:linear-gradient(90deg,transparent,rgba(92,139,214,.35),transparent); }.scene-axis--y { background:linear-gradient(transparent,rgba(92,139,214,.28),transparent); }
.scene-core { border-color:rgba(92,139,214,.38); background:linear-gradient(145deg,rgba(42,65,105,.2),rgba(7,11,17,.12)); box-shadow:0 0 90px rgba(92,139,214,.08),inset 0 0 45px rgba(92,139,214,.05); }.scene-core span,.scene-core i { border-color:rgba(92,139,214,.2); }.scene-core i { background:var(--signal); border:0; box-shadow:0 0 28px rgba(92,139,214,.75); }.scene-beam { background:linear-gradient(90deg,transparent,rgba(92,139,214,.22),transparent); }

.home-section--light { background:#f0f3f8; }.home-section--paper { background:#dde5f0; }.home-section--light .section-label,.home-section--paper .section-label,.problem-kicker,.problem-intro h2 em,.problem-index,.problem-answer-emphasis,.subpage-detail p { color:#315d9e; }
.home-section-intro>div>p { color:#53617a; }.home-section--dark .home-section-intro>div>p { color:#a1adc2; }.problem-lede p { color:#4f5d75; }.problem-pressure,.problem-pressure article+article { border-color:#afbbcf; }.problem-pressure p,.problem-answer p { color:#596780; }.problem-answer { border-color:#afbbcf; background:#e7edf5; }.problem-answer h3 { color:#315d9e; }.problem-answer-emphasis { text-decoration-color:#6e98dd; }.partnership-columns,.partnership-columns article+article { border-color:#aebbd0; }.partnership-columns .partnership-label { color:#315d9e; }.partnership-columns p:not(.partnership-label) { color:#61708a; }.subpage-detail { background:#f0f3f8; }.home-contact { background:radial-gradient(ellipse 56% 74% at 79% 54%,rgba(55,92,150,.18),transparent 72%),#080d12; }.home-contact:after { background:linear-gradient(90deg,rgba(92,139,214,.1),rgba(92,139,214,.46) 54%,rgba(92,139,214,.08)); }.footer-field:after { background:radial-gradient(ellipse 52% 45% at 62% 55%,rgba(92,139,214,.08),transparent 72%); }

.nav-drop-panel>p { border-bottom-color:#28364b; color:#98a8c3; }.nav-drop-panel>a:hover { background:#101a2c; }.nav-cap-icon,.subpage-label-icon { color:var(--signal); background:#14223a; }
.subpage .button--ghost { border-color:#3b4c6b; }.subpage-system { border-color:#3c5b91; background:radial-gradient(circle at 72% 16%,rgba(92,139,214,.13),transparent 30%),linear-gradient(rgba(47,62,90,.42) 1px,transparent 1px),linear-gradient(90deg,rgba(47,62,90,.42) 1px,transparent 1px),#101725; }.system-stack div { border-color:#40526f; background:rgba(18,31,51,.92); }.system-stack div:nth-of-type(2) { background:#193560; box-shadow:0 0 36px rgba(92,139,214,.08); }.system-stack i { background:linear-gradient(var(--signal),#384b6c); }

.home-pyramid .pyramid-base { fill:rgba(54,82,130,.045); stroke:rgba(92,139,214,.13); }.home-pyramid .pyramid-edge { stroke:rgba(120,161,226,.25); }.home-pyramid .company-link { stroke:rgba(120,161,226,.34); }.home-pyramid .pyramid-node { filter:drop-shadow(0 0 18px rgba(92,139,214,.5)); }
.model-scroll-grid { background-image:linear-gradient(rgba(70,86,115,.21) 1px,transparent 1px),linear-gradient(90deg,rgba(70,86,115,.21) 1px,transparent 1px); }.model-interface-line { background:repeating-linear-gradient(90deg,rgba(92,139,214,.6) 0 8px,transparent 8px 15px); }
.scroll-face--left,.model-face--left { fill:rgba(92,139,214,.055); }.scroll-face--right { fill:rgba(120,161,226,.035); }.model-face--right { fill:rgba(110,152,221,.038); }.scroll-face--base { fill:rgba(92,139,214,.022); }.scroll-face.is-hovered { fill:rgba(92,139,214,.06); }.scroll-face.is-active { fill:rgba(92,139,214,.075); }.scroll-edge,.model-edge,.subpage-pyramid .model-edge { stroke:rgba(92,139,214,.42); }.scroll-edge.is-hovered { stroke:rgba(120,161,226,.57); }.scroll-edge.is-active { stroke:rgba(142,178,235,.82); }
.scroll-point { fill:#536786; }.scroll-point.is-hovered { fill:#8eb2eb; }.scroll-point.is-active { filter:drop-shadow(0 0 10px rgba(92,139,214,.7)); }.scroll-node { border-color:#3c5173; color:#b2bfd3; background:rgba(15,24,42,.9); }.scroll-node small { color:#7d8da8; }.scroll-node.is-hovered,.scroll-node:not(.scroll-node--company):hover { border-color:#78a1e2; background:#17294b; box-shadow:0 15px 32px rgba(0,0,0,.25),0 0 24px rgba(92,139,214,.08); }.scroll-node.is-active { color:#08111f; box-shadow:0 16px 34px rgba(0,0,0,.28),0 0 30px rgba(92,139,214,.12); }.scroll-node.is-active small { color:#24497f; }.scroll-node.is-active .scroll-node-icon { color:#1d447d; }.scroll-node--company { border-color:#586982; color:#d6deea; background:rgba(17,25,42,.94); }.model-scroll-position { color:#74829b; }.model-scroll-progress i { background:#2c3850; }.model-copy-panel>span { color:#a8b4c8; }.model-scroll-link { border-color:#405579; color:#dce5f3; background:rgba(12,20,37,.55); }.model-scroll-link:hover,.model-scroll-link:focus-visible { color:#08111f; }
.model-node { border-color:#405579; background:#111b2d; }.model-node small { color:#8190aa; }.model-node strong { color:#dce5f3; }.model-node--company { border-color:#627087; }.model-node--leadership { background:#193560; }.diagram-node { color:#9caac2; }.diagram-node span { border-color:#435573; background:rgba(15,24,42,.94); }.diagram-node--company { color:#cbd5e4; }.subpage-system.is-highlight-leadership .diagram-node--leadership,.subpage-system.is-highlight-automation .diagram-node--automation,.subpage-system.is-highlight-software .diagram-node--software,.subpage-system.is-highlight-ai .diagram-node--ai { color:#08111f; }.subpage-system.is-highlight-leadership .diagram-node--leadership span,.subpage-system.is-highlight-automation .diagram-node--automation span,.subpage-system.is-highlight-software .diagram-node--software span,.subpage-system.is-highlight-ai .diagram-node--ai span { box-shadow:0 0 26px rgba(92,139,214,.18); }

/* Blue + purple spectrum: graphics carry the gradient; controls stay solid. */
:root { --spectrum:linear-gradient(115deg,#4db1ff 0%,#6294fe 52%,#7876fd 100%); --accent-purple:#7876fd; }
.site-header .brand-mark { fill:url(#brand-spectrum); }.home-footer .brand-mark { fill:url(#brand-spectrum-footer); }.subpage-header .brand-mark { fill:url(#brand-spectrum-service); }
.home-hero:before { background:radial-gradient(ellipse 42% 52% at 38% 42%,rgba(92,139,214,.3),transparent 70%),radial-gradient(ellipse 38% 48% at 68% 50%,rgba(120,118,253,.17),transparent 72%),linear-gradient(180deg,rgba(7,11,17,.04),#070b11 94%); }
.home-contact { background:radial-gradient(ellipse 48% 62% at 25% 42%,rgba(92,139,214,.16),transparent 72%),radial-gradient(ellipse 44% 58% at 74% 58%,rgba(120,118,253,.17),transparent 72%),#080d12; }.footer-field:after { background:radial-gradient(ellipse 48% 46% at 35% 52%,rgba(92,139,214,.1),transparent 66%),radial-gradient(ellipse 44% 46% at 76% 56%,rgba(120,118,253,.1),transparent 68%); }
.home-hero-content h1 em { color:transparent; background:var(--spectrum); -webkit-background-clip:text; background-clip:text; }
.home-contact h2 { color:transparent; background:linear-gradient(115deg,#4db1ff 0%,#6294fe 52%,#7876fd 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; text-shadow:none; }
.header-cta { border-color:transparent; background:linear-gradient(var(--ink-raised),var(--ink-raised)) padding-box,var(--spectrum) border-box; }.header-cta:hover { border-color:transparent; color:var(--fog); background:linear-gradient(#172443,#172443) padding-box,var(--spectrum) border-box; }
.button--primary { border:0; color:#08111f; background:var(--spectrum); }.button--primary:hover { color:#08111f; background:var(--spectrum); filter:brightness(1.08); transform:translateY(-1px); }
@media (hover:hover) {
  .button:hover,.button:focus-visible,.model-scroll-link:hover,.model-scroll-link:focus-visible { box-shadow:0 0 0 1px rgba(98,148,254,.5),0 8px 22px rgba(77,177,255,.2),0 14px 32px rgba(120,118,253,.16); }
}
.button:focus-visible,.model-scroll-link:focus-visible { outline:0; }

/* One consistent conversation CTA across every existing and generated header. */
.header-cta { font-size:0; }
.header-cta:before { content:"Let’s chat"; font-size:14px; }
.header-cta span { font-size:12px; }

/* Editorial pages: company, resources, and the project intake use the same
   quiet technical system as the home page, with a simpler reading rhythm. */
.editorial-page { min-height:100vh; background:#070b11; }
/* One navigation shell on every route: the menu is normalized by the shared
   scripts, so its viewport position and footprint must be normalized here too. */
.page-header {
  position:sticky;
  top:16px;
  z-index:50;
  width:calc(100% - 48px);
  max-width:1420px;
  height:72px;
  margin:16px auto 0;
}
.page-header .brand-mark { fill:url(#company-spectrum); }
.editorial-page .page-header .brand-mark { fill:#6294fe; }
.editorial-page .page-header .site-nav a { color:#c0cad8; }
.page-hero { max-width:1200px; margin:0 auto; padding:clamp(116px,14vw,188px) var(--page-gutter) clamp(80px,10vw,136px); }
.page-kicker { margin:0 0 24px; color:#4db1ff; font:500 13px/1.3 var(--mono); letter-spacing:.02em; }
.page-hero h1,.contact-page h1 { max-width:980px; margin:0; color:#e5ebee; font:400 var(--type-page)/.98 var(--display); letter-spacing:-.064em; }
.page-hero h1 { max-width:850px; }
.page-lede { max-width:620px; margin:30px 0 0; color:#b3bfd0; font-size:18px; line-height:1.6; letter-spacing:-.02em; }
.editorial-section { display:grid; grid-template-columns:minmax(160px,.32fr) minmax(0,1fr); gap:clamp(40px,9vw,140px); padding:var(--section-space) var(--layout-inline); }
.editorial-section--light { color:#111820; background:#f0f3f8; }
.editorial-section--dark { color:#e5ebee; background:#101725; }
.section-aside { color:#4d75b4; font:500 13px/1.3 var(--mono); }
.editorial-section h2 { max-width:780px; margin:0; font:400 var(--type-section)/1 var(--display); letter-spacing:-.06em; }
.editorial-section p { max-width:670px; margin:30px 0 0; color:#52627d; font-size:18px; line-height:1.58; letter-spacing:-.02em; }
.editorial-section--dark p { color:#aebbd0; }
.principle-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin-top:72px; border-top:1px solid #b8c5d9; border-bottom:1px solid #b8c5d9; }
.principle-grid article { min-height:210px; padding:30px 28px 30px 0; }.principle-grid article+article { padding-left:28px; border-left:1px solid #b8c5d9; }
.principle-grid span { color:#4d75b4; font:500 12px var(--mono); }.principle-grid h3 { margin:42px 0 0; font:500 var(--type-card)/1.1 var(--display); letter-spacing:-.045em; }.principle-grid p { margin:12px 0 0; font-size:15px; }
.team-band { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:64px; }.team-band div { display:grid; gap:14px; min-height:190px; padding:24px; border:1px solid #435573; background:#111b2d; }.team-band i { color:#6294fe; font-size:24px; }.team-band strong { font:500 var(--type-card)/1.1 var(--display); letter-spacing:-.04em; }.team-band span { color:#95a4bc; font-size:14px; }
.editorial-section .button { margin-top:38px; }
.resource-section { padding:var(--section-space) var(--layout-inline); color:#111820; background:#dde5f0; }.section-heading-row { display:grid; grid-template-columns:160px 1fr; gap:32px; align-items:baseline; }.section-heading-row p { margin:0; color:#4d75b4; font:500 13px var(--mono); }.section-heading-row h2 { margin:0; font:400 var(--type-section)/1 var(--display); letter-spacing:-.06em; }.resource-list { margin-top:64px; border-top:1px solid #aebbd0; }.resource-list article { display:grid; grid-template-columns:minmax(140px,.35fr) minmax(250px,1fr) minmax(250px,1fr) auto; gap:26px; align-items:start; padding:35px 0; border-bottom:1px solid #aebbd0; }.resource-list span { color:#4d75b4; font:500 12px/1.4 var(--mono); }.resource-list h3 { margin:0; font:500 26px/1.08 var(--display); letter-spacing:-.05em; }.resource-list p { margin:0; color:#596983; font-size:15px; line-height:1.55; }.resource-list a { white-space:nowrap; color:#294e88; font-size:14px; font-weight:700; }.resource-list b,.contact-direct b { font-family:var(--mono); }
.contact-page { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.8fr); gap:clamp(48px,10vw,150px); max-width:1200px; margin:0 auto; padding:clamp(110px,13vw,176px) var(--page-gutter) var(--section-space); }.contact-page h1 { max-width:620px; }.contact-direct { display:grid; gap:8px; margin-top:54px; color:#8f9eb7; font-size:14px; }.contact-direct a { color:#e5ebee; font:500 22px/1.2 var(--display); letter-spacing:-.04em; }.project-form { display:grid; gap:22px; padding:32px; border:1px solid #405579; background:#111b2d; }.project-form label { display:grid; gap:9px; color:#c7d0df; font-size:13px; font-weight:700; }.project-form input,.project-form textarea { width:100%; border:1px solid #455a7b; border-radius:4px; padding:13px; color:#e5ebee; font:400 16px/1.4 var(--ui); background:#0c1422; outline:0; }.project-form input:focus,.project-form textarea:focus { border-color:#7876fd; box-shadow:0 0 0 3px rgba(98,148,254,.15); }.project-form textarea { resize:vertical; }.project-form .button { justify-self:start; margin-top:6px; }
.page-footer { max-width:none; padding:30px var(--layout-inline); border-top:1px solid #202c40; background:#070b11; }
@media (max-width:900px) { .editorial-section,.contact-page { grid-template-columns:1fr; gap:28px; }.page-header { margin-inline:10px; }.principle-grid,.team-band { grid-template-columns:1fr; }.principle-grid article,.principle-grid article+article { min-height:0; padding:25px 0; border-left:0; }.principle-grid article+article { border-top:1px solid #b8c5d9; }.resource-list article { grid-template-columns:1fr 1fr; }.resource-list article a { grid-column:2; }.contact-page { padding-top:112px; } }
@media (max-width:560px) { .page-hero { padding-top:106px; }.page-hero h1,.contact-page h1 { font-size:46px; }.page-lede,.editorial-section p { font-size:16px; }.editorial-section,.resource-section { padding-block:80px; }.resource-list article { grid-template-columns:1fr; gap:14px; }.resource-list article a { grid-column:auto; }.project-form { padding:22px; }.page-footer { align-items:flex-start; flex-direction:column; } }

/* Narrative subpages: independent destinations for every Company and Resources
   navigation item, with editorial chapters and product-like panels. */
.narrative-page { margin:0; background:#070b11; color:#e5ebee; font-family:var(--ui); }
.narrative-page * { box-sizing:border-box; }.narrative-page a { color:inherit; text-decoration:none; }
.narrative-header { position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:28px; width:min(1200px,calc(100% - (var(--page-gutter) * 2))); min-height:80px; margin:16px auto 0; padding:0 20px; border:1px solid rgba(133,157,198,.24); border-radius:8px; background:rgba(16,23,37,.68); backdrop-filter:blur(20px); }
.narrative-brand { display:flex; align-items:center; gap:9px; font:600 20px/1 var(--display); letter-spacing:-.055em; }.narrative-brand svg { width:30px; height:30px; fill:url(#narrative-spectrum); }
.narrative-header nav { display:flex; gap:28px; margin-left:auto; }.narrative-header nav a { color:#b6c1d1; font-size:14px; font-weight:700; }.narrative-header nav a:hover { color:#fff; }
.narrative-cta { display:inline-flex; align-items:center; justify-content:center; gap:13px; min-height:46px; padding:0 17px; border:1px solid #53698d; border-radius:4px; color:#e5ebee; font-size:14px; font-weight:700; transition:.2s ease; }.narrative-cta:hover { border-color:#7876fd; box-shadow:0 0 0 1px rgba(98,148,254,.4),0 10px 28px rgba(120,118,253,.16); }.narrative-cta b,.narrative-actions b { font-family:var(--mono); }.narrative-cta--solid { border-color:transparent; color:#08111f; background:linear-gradient(115deg,#4db1ff,#6294fe 52%,#7876fd); }
.narrative-hero { position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(350px,.7fr); gap:64px; align-items:center; min-height:680px; max-width:1200px; margin:0 auto; padding:110px var(--page-gutter) 92px; overflow:hidden; }.narrative-hero:before { content:""; position:absolute; inset:0 -20%; pointer-events:none; background:radial-gradient(ellipse 42% 58% at 75% 50%,rgba(98,148,254,.17),transparent 70%),linear-gradient(135deg,transparent 60%,rgba(120,118,253,.06)); }.narrative-hero>div:first-child { position:relative; z-index:1; }.narrative-hero p,.narrative-intro>p,.narrative-panels-heading>p,.narrative-proof>p { margin:0 0 24px; color:#4db1ff; font:500 13px/1.3 var(--mono); letter-spacing:.02em; }.narrative-hero h1 { max-width:760px; margin:0; font:400 var(--type-page)/.98 var(--display); letter-spacing:-.066em; }.narrative-actions { display:flex; align-items:center; gap:24px; margin-top:38px; }.narrative-actions>a:last-child { color:#b6c1d1; font-size:14px; font-weight:700; }
.narrative-orbit { position:relative; z-index:1; justify-self:center; width:min(31vw,380px); aspect-ratio:1; border:1px solid rgba(98,148,254,.52); transform:rotate(-17deg); }.narrative-orbit:before,.narrative-orbit:after { content:""; position:absolute; inset:16%; border:1px solid rgba(77,177,255,.34); transform:rotate(45deg); }.narrative-orbit:after { inset:34%; border-color:rgba(120,118,253,.65); box-shadow:0 0 45px rgba(98,148,254,.15); }.narrative-orbit i { position:absolute; width:10px; height:10px; border-radius:50%; background:#6294fe; box-shadow:0 0 20px #6294fe; }.narrative-orbit i:nth-child(1){left:-5px;top:25%;}.narrative-orbit i:nth-child(2){right:-5px;bottom:22%;background:#7876fd;}.narrative-orbit i:nth-child(3){left:45%;bottom:-5px;background:#4db1ff;}.narrative-orbit span { position:absolute; inset:0; display:grid; place-items:center; color:#dce5ff; font:500 68px/.8 var(--display); letter-spacing:-.13em; transform:rotate(17deg); }
.narrative-intro { display:grid; grid-template-columns:minmax(150px,.32fr) minmax(0,1fr); gap:clamp(40px,9vw,150px); padding:var(--section-space) var(--layout-inline); color:#111820; background:#f0f3f8; }.narrative-intro>p { color:#4d75b4; }.narrative-intro h2,.narrative-panels h2,.narrative-proof h2 { max-width:790px; margin:0; font:400 var(--type-section)/1 var(--display); letter-spacing:-.06em; }.narrative-intro div>p { max-width:650px; margin:30px 0 0; color:#53637e; font-size:18px; line-height:1.58; }
.narrative-panels { padding:var(--section-space) var(--layout-inline); background:#101725; }.narrative-panels-heading { display:flex; justify-content:space-between; gap:48px; align-items:end; }.narrative-panels-heading h2 { max-width:610px; }.narrative-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:64px; }.narrative-card { position:relative; min-height:330px; padding:27px; border:1px solid #405579; background:linear-gradient(160deg,rgba(28,43,71,.92),#111b2d); overflow:hidden; }.narrative-card:after { content:""; position:absolute; right:-15%; bottom:-35%; width:65%; aspect-ratio:1; border:1px solid rgba(98,148,254,.22); transform:rotate(45deg); }.narrative-card span { color:#6294fe; font:500 12px var(--mono); }.narrative-card h3 { position:relative; z-index:1; max-width:260px; margin:74px 0 0; font:500 var(--type-card)/1.08 var(--display); letter-spacing:-.048em; }.narrative-card p { position:relative; z-index:1; max-width:260px; margin:16px 0 0; color:#aab9d0; font-size:15px; line-height:1.56; }.narrative-card i { position:absolute; z-index:1; right:26px; bottom:24px; color:#8ba8de; font:18px var(--mono); }
.narrative-proof { display:grid; place-items:center; min-height:500px; padding:96px var(--page-gutter); text-align:center; background:radial-gradient(ellipse 38% 58% at 50% 50%,rgba(98,148,254,.16),transparent 72%),#070b11; }.narrative-proof h2 { max-width:820px; }.narrative-proof .narrative-cta { margin-top:40px; }.narrative-footer { display:flex; justify-content:space-between; gap:20px; padding:30px var(--layout-inline); border-top:1px solid #202c40; color:#94a4bc; font:500 11px/1.4 var(--mono); }
@media (max-width:900px) { .narrative-header nav { display:none; }.narrative-header { min-height:70px; }.narrative-hero { grid-template-columns:1fr; min-height:0; padding-top:110px; }.narrative-orbit { width:min(60vw,380px); margin:10px auto 0; }.narrative-intro { grid-template-columns:1fr; gap:24px; }.narrative-card-grid { grid-template-columns:1fr; }.narrative-card { min-height:240px; }.narrative-card h3 { margin-top:48px; }.narrative-panels-heading { display:grid; }.narrative-footer { flex-wrap:wrap; } }
@media (max-width:560px) { .narrative-header { width:calc(100% - 40px); padding-inline:14px; }.narrative-brand { font-size:18px; }.narrative-header>.narrative-cta { display:none; }.narrative-hero { padding:90px 20px 72px; }.narrative-hero h1 { font-size:46px; }.narrative-actions { align-items:flex-start; flex-direction:column; gap:16px; }.narrative-orbit { width:76vw; }.narrative-intro,.narrative-panels { padding:80px 20px; }.narrative-intro h2,.narrative-panels h2,.narrative-proof h2 { font-size:40px; }.narrative-intro div>p { font-size:16px; }.narrative-proof { min-height:430px; padding-inline:20px; }.narrative-footer { align-items:flex-start; flex-direction:column; padding:28px 20px; } }

/* The navigation destinations deliberately reuse the established service shell,
   media frame, system stack, editorial detail, panels, and contact close. */
.narrative-subpage .subpage-header .brand-mark,.narrative-subpage .home-footer .brand-mark { fill:url(#brand-spectrum-narrative); }
.narrative-subpage .subpage-hero { min-height:760px; }.narrative-subpage .narrative-system { min-width:0; width:100%; max-width:650px; margin-right:0; }.narrative-subpage .subpage-detail-copy>span { display:block; max-width:650px; margin-top:28px; color:#596983; font-size:18px; line-height:1.58; }.narrative-existing-panels { padding:var(--section-space) var(--layout-inline); color:#111820; background:#dde5f0; }.narrative-existing-panels .partnership-heading { grid-template-columns:220px 1fr; }.narrative-existing-panels .partnership-heading .section-label { margin:0; color:#4d75b4; font:500 13px/1.3 var(--mono); }.narrative-existing-panels .partnership-columns { border-color:#aebbd0; }.narrative-existing-panels .partnership-columns article+article { border-color:#aebbd0; }.narrative-existing-panels .partnership-columns h3 { color:#111820; }.narrative-existing-panels .partnership-columns p:not(.partnership-label) { color:#596983; }.narrative-existing-panels .partnership-columns .partnership-label { color:#4d75b4; }
@media (max-width:900px) { .narrative-subpage .subpage-hero { min-height:0; }.narrative-subpage .narrative-system { max-width:none; }.narrative-existing-panels .partnership-heading { grid-template-columns:1fr; gap:24px; } }
@media (max-width:560px) { .narrative-subpage .subpage-detail-copy>span { font-size:16px; }.narrative-existing-panels { padding:80px 20px; } }

/* Contact: a purposeful conversation form with direct routes for people who
   would rather email or arrange a call. */
.contact-subpage .subpage-header .brand-mark { fill:url(#brand-spectrum-contact); }
.contact-exchange { display:grid; grid-template-columns:minmax(0,.88fr) minmax(460px,1.12fr); gap:clamp(54px,9vw,136px); align-items:center; max-width:1200px; min-height:calc(100vh - 88px); margin:-88px auto 0; padding:164px var(--page-gutter) 96px; }
.contact-exchange__intro { max-width:500px; }.contact-exchange h1 { margin:0; color:#e5ebee; font:400 var(--type-page)/.98 var(--display); letter-spacing:-.064em; }.contact-exchange__intro>p:not(.page-kicker) { max-width:480px; margin:30px 0 0; color:#afbbce; font-size:18px; line-height:1.58; }
.contact-options { display:grid; gap:0; margin-top:58px; border-top:1px solid #334965; }.contact-options a { display:grid; grid-template-columns:34px minmax(0,1fr) auto; gap:14px; align-items:center; min-height:76px; padding:13px 0; border-bottom:1px solid #334965; color:#e5ebee; }.contact-options a:hover { color:#8cc5ff; }.contact-options i { color:#6294fe; font-size:22px; }.contact-options span { display:grid; gap:4px; }.contact-options strong { font-size:15px; }.contact-options small { color:#94a4bc; font-size:13px; }.contact-options b { color:#85a5dc; font:16px var(--mono); }
.contact-frame.media-frame { --media-frame-radius:18px; --media-frame-inset:12px; --media-frame-content-radius:10px; min-width:0; height:auto; padding:var(--media-frame-inset); border:1px solid transparent; border-radius:var(--media-frame-radius); background:linear-gradient(135deg,rgba(8,15,28,.96),rgba(20,42,76,.88) 52%,rgba(76,70,157,.78)) padding-box,linear-gradient(135deg,rgba(77,177,255,.86),rgba(98,148,254,.54) 48%,rgba(120,118,253,.86)) border-box; box-shadow:inset 0 1px rgba(224,239,255,.12),0 24px 60px rgba(0,0,0,.3),0 0 44px rgba(77,177,255,.08); }.contact-frame .media-frame__content { border-radius:var(--media-frame-content-radius); background:#0b1320; }
.contact-form { display:grid; gap:21px; padding:34px; }.contact-form__topline { display:flex; justify-content:space-between; padding-bottom:12px; border-bottom:1px solid #2d405d; color:#90a4c1; font:500 10px/1 var(--mono); letter-spacing:.08em; }.contact-form label { display:grid; gap:9px; color:#d5deec; font-size:14px; font-weight:600; }.contact-form__names { display:grid; grid-template-columns:1fr 1fr; gap:16px; }.contact-form input,.contact-form select,.contact-form textarea { width:100%; min-height:50px; border:1px solid #2d405d; border-radius:4px; padding:12px 13px; color:#e5ebee; font:400 16px/1.4 var(--ui); background:#080f1a; outline:0; }.contact-form textarea { min-height:128px; resize:vertical; }.contact-form select { appearance:auto; }.contact-form input::placeholder,.contact-form textarea::placeholder { color:#697b95; }.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus { border-color:#7876fd; box-shadow:0 0 0 3px rgba(98,148,254,.16); }.contact-form .button { justify-self:start; margin-top:4px; }
@media (max-width:900px) { .contact-exchange { grid-template-columns:1fr; gap:48px; min-height:0; margin-top:-88px; padding-top:148px; }.contact-exchange__intro { max-width:650px; }.contact-frame.media-frame { width:100%; }.contact-options { max-width:620px; } }
@media (max-width:560px) { .contact-exchange { gap:38px; margin-top:-70px; padding:118px 20px 72px; }.contact-exchange h1 { font-size:46px; }.contact-exchange__intro>p:not(.page-kicker) { font-size:16px; }.contact-options { margin-top:42px; }.contact-options a { min-height:72px; }.contact-form { gap:18px; padding:22px; }.contact-form__names { grid-template-columns:1fr; gap:18px; }.contact-form .button { width:100%; } }
.partnership-columns article:nth-child(1) .partnership-label { color:#4db1ff; }.partnership-columns article:nth-child(2) .partnership-label { color:#7876fd; }
.problem-pressure article:nth-child(1) .problem-index { color:#4db1ff; }.problem-pressure article:nth-child(2) .problem-index { color:#6294fe; }.problem-pressure article:nth-child(3) .problem-index { color:#7876fd; }
.problem-answer { background:linear-gradient(115deg,#f2f8ff 0%,#f4f6ff 52%,#f6f3ff 100%); }
.home-section--light .section-label,.home-section--paper .section-label,.problem-kicker,.subpage-detail p { color:#4db1ff; }
.problem-intro h2 em { color:#4db1ff; background:none; }
.problem-intro h2 .problem-outcome { color:var(--accent-purple); }
.problem-answer h3,.problem-answer-emphasis { color:transparent; background:var(--spectrum); -webkit-background-clip:text; background-clip:text; }
.problem-answer-emphasis { text-decoration-color:#6294fe; }
.subpage-system { background:radial-gradient(circle at 16% 15%,rgba(92,139,214,.16),transparent 30%),radial-gradient(circle at 76% 78%,rgba(120,118,253,.16),transparent 34%),linear-gradient(rgba(47,62,90,.42) 1px,transparent 1px),linear-gradient(90deg,rgba(47,62,90,.42) 1px,transparent 1px),#101725; }
.scroll-face--right,.model-face--right { fill:rgba(120,118,253,.042); }.scroll-node.is-active { border-color:rgba(190,202,255,.82); color:#fff; background:linear-gradient(115deg,rgba(77,177,255,.76) 0%,rgba(98,148,254,.76) 52%,rgba(120,118,253,.76) 100%); box-shadow:inset 0 1px rgba(255,255,255,.42),inset 0 -1px rgba(37,55,124,.2),0 16px 34px rgba(0,0,0,.28),0 0 30px rgba(120,118,253,.18); backdrop-filter:blur(18px) saturate(130%); -webkit-backdrop-filter:blur(18px) saturate(130%); }.scroll-node.is-active small,.scroll-node.is-active .scroll-node-icon { color:#fff; }.scroll-edge.is-active { stroke:#7876fd; }.scroll-point.is-active { fill:#7876fd; filter:drop-shadow(0 0 10px rgba(120,118,253,.7)); }.model-scroll-progress i.is-active { background:var(--spectrum); }.model-scroll-position span:first-child { color:#4db1ff; }.model-scroll-kicker { color:#4db1ff; }.model-scroll-kicker .model-copy-icon i { color:#4db1ff; }.model-scroll-kicker [data-model-kicker-label] { display:inline-block; color:transparent; background:linear-gradient(90deg,#4db1ff 0%,#7876fd 100%); -webkit-background-clip:text; background-clip:text; }.model-scroll-link:hover,.model-scroll-link:focus-visible { border-color:#7876fd; background:#7876fd; }

/* Adaptive home navigation: invert the glass and foreground while it sits over editorial light panels. */
.home-header { transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease; }
.home-header.is-on-light { border-color:rgba(160,183,216,.34); background:linear-gradient(180deg,rgba(255,255,255,.48),rgba(255,255,255,.3)); box-shadow:inset 0 1px rgba(255,255,255,.6),0 12px 34px rgba(52,86,132,.07); }
.home-header.is-on-light .brand { color:#111b2c; }
.home-header.is-on-light .site-nav a,.home-header.is-on-light .nav-drop-trigger,.home-header.is-on-light .menu-toggle { color:#3a4d69; }
.home-header.is-on-light .site-nav a:hover,.home-header.is-on-light .nav-drop-trigger:hover,.home-header.is-on-light .nav-dropdown:focus-within .nav-drop-trigger { color:var(--signal-deep); }
.home-header.is-on-light .header-cta { color:#111b2c; background:linear-gradient(#f7fbff,#f7fbff) padding-box,var(--spectrum) border-box; }
.home-header.is-on-light .header-cta:hover { color:#111b2c; background:linear-gradient(#edf5ff,#edf5ff) padding-box,var(--spectrum) border-box; }
.home-header.is-on-light .nav-drop-panel { border-color:#b9c9df; background:#f8fbff; box-shadow:0 24px 60px rgba(40,72,116,.18); }
.home-header.is-on-light .nav-drop-panel>p { border-bottom-color:#d8e2f0; color:#64758f; }
.home-header.is-on-light .nav-drop-panel>a { color:#17243a; }
.home-header.is-on-light .nav-drop-panel>a:hover { color:var(--signal-deep); background:#eaf3ff; }
.home-header.is-on-light .nav-drop-panel small { color:#64758f; }
.home-header.is-on-light .nav-cap-icon { background:#e3efff; }

/* Shared media treatment: use .media-frame > .media-frame__content around screenshots,
   product imagery, and visual demonstrations. The outer frame carries the spectrum;
   the media itself always remains quietly rounded inside it. */
.media-frame {
  --media-frame-radius:28px;
  --media-frame-inset:10px;
  --media-frame-content-radius:18px;
  --media-frame-surface:#0d1525;
  position:relative;
  isolation:isolate;
  padding:var(--media-frame-inset);
  overflow:hidden;
  border:1px solid transparent;
  border-radius:var(--media-frame-radius);
  background:linear-gradient(135deg,rgba(77,177,255,.82),rgba(98,148,254,.34) 48%,rgba(120,118,253,.76)) border-box,linear-gradient(135deg,rgba(17,34,58,.96),rgba(10,18,34,.98)) padding-box;
  box-shadow:inset 0 1px rgba(221,239,255,.13),0 22px 56px rgba(2,7,18,.32),0 0 36px rgba(98,148,254,.12);
}
.media-frame:before { content:""; position:absolute; z-index:-1; inset:1px; border-radius:inherit; background:radial-gradient(circle at 16% 12%,rgba(77,177,255,.2),transparent 32%),radial-gradient(circle at 86% 88%,rgba(120,118,253,.2),transparent 35%); pointer-events:none; }
.media-frame__content { position:relative; width:100%; height:100%; overflow:hidden; border:1px solid rgba(166,200,255,.16); border-radius:var(--media-frame-content-radius); background:var(--media-frame-surface); box-shadow:inset 0 1px rgba(255,255,255,.04); }
.media-frame__content > img,.media-frame__content > picture,.media-frame__content > video,.media-frame__content > iframe { display:block; width:100%; height:100%; border:0; border-radius:inherit; object-fit:cover; }
.subpage-system.media-frame { --media-frame-radius:28px 0 0 28px; --media-frame-surface:#101725; border:0; background:linear-gradient(135deg,rgba(77,177,255,.78),rgba(98,148,254,.3) 48%,rgba(120,118,253,.68)); box-shadow:0 24px 60px rgba(2,7,18,.32),0 0 42px rgba(98,148,254,.14); }
.subpage-system.media-frame .media-frame__content { border-radius:calc(28px - var(--media-frame-inset)) 0 0 calc(28px - var(--media-frame-inset)); background:radial-gradient(circle at 16% 15%,rgba(92,139,214,.16),transparent 30%),radial-gradient(circle at 76% 78%,rgba(120,118,253,.16),transparent 34%),linear-gradient(rgba(47,62,90,.42) 1px,transparent 1px),linear-gradient(90deg,rgba(47,62,90,.42) 1px,transparent 1px),var(--media-frame-surface); background-size:auto,auto,40px 40px,40px 40px,auto; }
@media (max-width:560px) { .media-frame { --media-frame-radius:20px; --media-frame-inset:7px; }.subpage-system.media-frame { --media-frame-radius:20px 0 0 20px; }.subpage-system.media-frame .media-frame__content { border-radius:13px 0 0 13px; background-size:auto,auto,32px 32px,32px 32px,auto; } }

/* Let the atmosphere run behind the glass header; never begin as a hard band below it. */
.home-hero .hero-scene { top:0; }

/* One continuous spectrum field: background atmosphere, diagram, and copy use distinct but compatible layers. */
.home-hero { width:100%; max-width:none; background:linear-gradient(115deg,#07111c 0%,#0a1427 50%,#100f25 100%); }
.home-hero:before { background:radial-gradient(ellipse 70% 92% at 22% 48%,rgba(77,177,255,.13),transparent 76%),radial-gradient(ellipse 70% 92% at 80% 48%,rgba(120,118,253,.12),transparent 76%); }
.home-hero { --hero-tint-x:50%; --hero-tint-y:48%; --hero-tint-opacity:0; }
.home-hero:after { content:""; position:absolute; z-index:1; inset:0; pointer-events:none; background:radial-gradient(circle 68px at var(--hero-tint-x) var(--hero-tint-y),rgba(2,6,16,var(--hero-tint-opacity)) 0%,rgba(5,10,27,var(--hero-tint-opacity)) 18%,transparent 100%),radial-gradient(ellipse 68% 76% at 50% 48%,transparent 28%,rgba(5,9,17,.16) 60%,rgba(3,7,13,.72) 100%); }
.home-hero-content:before { display:none; }
.home-hero-content h1 { text-shadow:0 3px 28px rgba(3,8,18,.34); }
.home-hero-content>p:not(.eyebrow) { text-shadow:0 2px 18px rgba(3,8,18,.42); }
.hero-scene { opacity:calc(.78 - (var(--hero-scroll) * .42)); }
.scene-grid { opacity:calc(.56 - (var(--hero-scroll) * .22)); background-image:linear-gradient(rgba(77,177,255,.26) 1px,transparent 1px),linear-gradient(90deg,rgba(98,148,254,.24) 1px,transparent 1px); -webkit-mask-image:radial-gradient(ellipse 66% 64% at 50% 50%,#000 0 32%,rgba(0,0,0,.74) 50%,rgba(0,0,0,.22) 68%,transparent 100%); mask-image:radial-gradient(ellipse 66% 64% at 50% 50%,#000 0 32%,rgba(0,0,0,.74) 50%,rgba(0,0,0,.22) 68%,transparent 100%); }
.hero-particle-field { position:absolute; z-index:1; inset:0; width:100%; height:100%; pointer-events:none; opacity:1; mix-blend-mode:screen; -webkit-mask-image:radial-gradient(ellipse 68% 66% at 50% 50%,#000 0 34%,rgba(0,0,0,.76) 52%,rgba(0,0,0,.24) 70%,transparent 100%); mask-image:radial-gradient(ellipse 68% 66% at 50% 50%,#000 0 34%,rgba(0,0,0,.76) 52%,rgba(0,0,0,.24) 70%,transparent 100%); }
.home-pyramid .pyramid-face { opacity:.56; }
.home-pyramid .pyramid-edge { stroke:rgba(77,177,255,.44); stroke-width:1.35px; opacity:.78; }
.home-pyramid .pyramid-edge--rear { stroke:url(#home-rear-edge); }
.home-pyramid .company-link { stroke:rgba(98,148,254,.58); opacity:.78; }
.home-pyramid .pyramid-node { filter:drop-shadow(0 0 22px rgba(98,148,254,.78)); }
.home-pyramid [data-hero-point="company"],.home-pyramid [data-hero-point="automation"] { filter:drop-shadow(0 0 24px rgba(77,177,255,.86)); }
.home-pyramid [data-hero-point="software"],.home-pyramid [data-hero-point="ai"] { filter:drop-shadow(0 0 24px rgba(120,118,253,.86)); }

/* Capability navigation carries the same spectrum as the hero and active states. */
.nav-cap-icon,.subpage-label-icon { color:#111b2c; background:var(--spectrum); box-shadow:0 8px 20px rgba(77,177,255,.14); }
.nav-drop-panel>a:hover .nav-cap-icon { filter:brightness(1.08); }
.nav-dropdown.is-open .nav-drop-label,.nav-dropdown:focus-within .nav-drop-label { display:inline-block; color:transparent; background:var(--spectrum); -webkit-background-clip:text; background-clip:text; }
.nav-dropdown.is-open .nav-drop-caret,.nav-dropdown:focus-within .nav-drop-caret { color:#7876fd; }

/* Keep the compact mobile bar stable; the expanded links live in their own panel. */
@media (max-width:900px) {
  .home-hero .hero-scene { top:0; }
  .home-pyramid { top:54%; width:min(94vw,1120px); }
  .site-header.is-open { height:88px; min-height:88px; align-items:center; padding-top:0; flex-wrap:nowrap; overflow:visible; }
  .site-header.is-open .site-nav { position:absolute; top:calc(100% + 10px); left:0; right:0; display:grid; order:initial; gap:6px; width:auto; padding:12px; border:1px solid var(--nav-glass-border); border-radius:10px; background:var(--nav-glass); box-shadow:inset 0 1px rgba(255,255,255,.08),0 16px 34px rgba(0,0,0,.2); backdrop-filter:blur(30px) saturate(140%); -webkit-backdrop-filter:blur(30px) saturate(140%); }
  .home-header.is-on-light.is-open .site-nav { border-color:rgba(160,183,216,.34); background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(255,255,255,.42)); box-shadow:inset 0 1px rgba(255,255,255,.68),0 16px 34px rgba(52,86,132,.08); }
  .site-header.is-open .site-nav a { padding:0 10px; border-radius:5px; }
  .site-header.is-open .site-nav a:hover { background:rgba(77,177,255,.1); }
}
@media (max-width:560px) {
  .site-header.is-open { height:70px; min-height:70px; }
  .home-hero .hero-scene { top:0; }
  .home-pyramid { top:52%; width:1160px; }
}

/* The company is the diagram's origin, not another capability card. */
.scroll-node--company { display:flex; align-items:center; gap:10px; width:max-content; min-width:0; padding:10px 15px 10px 12px; border-color:rgba(98,148,254,.52); border-radius:999px; color:#e6edfa; background:linear-gradient(110deg,rgba(77,177,255,.1),rgba(120,118,253,.07)); box-shadow:inset 0 1px rgba(255,255,255,.08),0 10px 26px rgba(3,8,18,.22); }
.scroll-node--company:before { content:""; flex:0 0 auto; width:8px; height:8px; border-radius:50%; background:var(--spectrum); box-shadow:0 0 12px rgba(98,148,254,.7); }
.scroll-node--company strong { color:inherit; font:600 10px/1 var(--mono); letter-spacing:.02em; white-space:nowrap; }

/* Keep the capability spectrum visible on both dark and light glass. */
.home-header .nav-dropdown:hover .nav-drop-label,
.home-header .nav-dropdown.is-open .nav-drop-label,
.home-header .nav-dropdown:focus-within .nav-drop-label { display:inline-block; color:transparent; background:linear-gradient(90deg,#4db1ff 0%,#7876fd 100%); background-size:100% 100%; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.home-header .nav-dropdown:hover .nav-drop-caret,
.home-header .nav-dropdown.is-open .nav-drop-caret,
.home-header .nav-dropdown:focus-within .nav-drop-caret { color:#7876fd; }
.home-header.is-on-light .nav-cap-icon { color:#f8fbff; background:var(--spectrum); }

/* Desktop header uses three clear zones: brand left, nav centered, actions right. */
@media (min-width:901px) {
  .site-header { gap:14px; }
  .site-header .site-nav {
    position:absolute !important;
    left:50%;
    z-index:2;
    margin:0;
    transform:translateX(-50%);
  }
  .site-header .nav-drop-trigger {
    color:#c4d0e0;
    font:500 14px/1 var(--mono);
    letter-spacing:.01em;
  }
  .site-header .client-portal-link { margin-left:auto; }
  .site-header .header-cta { margin-left:0; }
  .site-header .client-portal-link { color:#e5edff; border-color:rgba(98,148,254,.68); background:#111b2d; box-shadow:inset 0 1px rgba(203,226,255,.08),0 8px 18px rgba(0,0,0,.16); backdrop-filter:none; -webkit-backdrop-filter:none; }
  .site-header .client-portal-link i { color:#8eb2eb; }
  .site-header .client-portal-link:hover,.site-header .client-portal-link:focus-visible { color:#fff; border-color:#6294fe; background:#17294b; box-shadow:0 0 0 1px rgba(98,148,254,.5),0 8px 22px rgba(77,177,255,.2),0 14px 32px rgba(120,118,253,.16); }
  .site-header.home-header.is-on-light .client-portal-link { color:#e5edff; border-color:rgba(98,148,254,.68); background:#111b2d; box-shadow:inset 0 1px rgba(203,226,255,.08),0 8px 18px rgba(0,0,0,.16); }
  .site-header.home-header.is-on-light .client-portal-link i { color:#c6d8ee; }
  .site-header.home-header.is-on-light .client-portal-link:hover,.site-header.home-header.is-on-light .client-portal-link:focus-visible { color:#fff; border-color:#6294fe; background:#17294b; box-shadow:0 0 0 1px rgba(98,148,254,.5),0 8px 22px rgba(77,177,255,.2),0 14px 32px rgba(120,118,253,.16); }
}

/* A fine luminous stroke traces the hero letterforms without changing their fill. */
.home-hero-content h1 { -webkit-text-stroke:1px rgba(178,207,255,.5); paint-order:stroke fill; text-shadow:0 0 6px rgba(126,169,255,.52),0 0 20px rgba(120,118,253,.28),0 0 42px rgba(98,148,254,.1); }
.home-hero-content h1 em { -webkit-text-stroke:1px rgba(173,181,255,.72); }

/* Problem section: read as one argument-context, compounding pressure, then resolution. */
.problem-section { padding-top:128px; padding-bottom:132px; }
.problem-intro { display:block; }
.problem-heading { max-width:1040px; }
.problem-kicker { margin-bottom:18px; }
.problem-intro h2 { max-width:1040px; font-size:clamp(46px,4.6vw,70px); line-height:.98; }
.problem-pressure { grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:68px; border-top:0; }
.problem-pressure-header { grid-column:1/-1; display:flex; align-items:baseline; justify-content:space-between; gap:24px; padding:0 0 18px; border-bottom:1px solid #afbbcf; }
.problem-pressure-header p { margin:0; color:#14213a; font:600 14px/1.3 var(--mono); letter-spacing:-.02em; }
.problem-pressure-header span { color:#61708a; font:500 11px/1 var(--mono); letter-spacing:.02em; }
.problem-pressure article { display:grid; align-content:start; min-height:0; padding:30px 34px 34px 0; }
.problem-pressure article+article { padding-left:34px; }
.problem-card-heading { grid-template-columns:1fr; gap:12px; align-items:start; }
.problem-index { font:500 13px/1 var(--mono); letter-spacing:-.02em; }
.problem-pressure h3 { max-width:290px; font-size:28px; line-height:1.06; }
.problem-pressure p { max-width:310px; margin-top:22px; font-size:16px; line-height:1.54; }
.problem-answer { grid-template-columns:150px minmax(0,1fr); gap:34px; align-items:start; margin-top:38px; padding:38px 46px 42px; border:1px solid #afbbcf; background:linear-gradient(115deg,#f2f8ff 0%,#f4f6ff 52%,#f6f3ff 100%); }
.problem-answer-label { margin:4px 0 0; color:#315d9e; font:600 12px/1.3 var(--mono); letter-spacing:.02em; }
.problem-answer h3 { max-width:660px; font-size:clamp(34px,3vw,46px); }
.problem-answer p:not(.problem-answer-label) { max-width:660px; margin:20px 0 0; font-size:20px; }

@media (max-width:900px) {
  .problem-section { padding-top:94px; padding-bottom:96px; }
  .problem-intro h2 { font-size:clamp(42px,7vw,58px); }
  .problem-pressure { grid-template-columns:1fr; margin-top:62px; }
  .problem-pressure-header { padding-bottom:16px; }
  .problem-pressure article { padding:30px 0; }
  .problem-pressure article+article { padding-left:0; }
  .problem-answer { grid-template-columns:1fr; gap:16px; margin-top:30px; padding:34px; }
}

@media (max-width:560px) {
  .problem-intro h2 { font-size:42px; }
  .problem-pressure-header { align-items:start; flex-direction:column; gap:8px; }
  .problem-pressure h3 { font-size:25px; }
  .problem-answer { padding:30px 24px; }
}

/* Give each stage of the argument its own clear visual territory. */
.problem-diagnosis { padding:18px; border:1px solid #b9c7dc; background:linear-gradient(112deg,rgba(255,255,255,.5),rgba(247,249,255,.26)); box-shadow:inset 0 1px rgba(255,255,255,.7); }
.problem-intro { position:relative; padding:24px 26px 18px; border:0; background:transparent; box-shadow:none; }
.problem-heading { max-width:850px; padding-left:24px; border-left:3px solid #6294fe; }
.problem-kicker { color:#4db1ff; }
.problem-intro h2 { max-width:850px; font-size:clamp(40px,3.25vw,54px); line-height:1.02; }
.problem-lede { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px; max-width:880px; margin:34px 0 0 30px; padding:24px 0 0; border-top:1px solid #bdcae0; }
.problem-lede p { max-width:390px; margin:0; color:#53617a; font-size:16px; line-height:1.55; }
.problem-pressure { gap:12px; margin:0 0 0 26px; }
.problem-pressure-header { align-items:center; padding:14px 6px 12px; border-bottom:0; }
.problem-pressure-header p { color:#315d9e; }
.problem-pressure-header span { padding:7px 10px; border:1px solid #bdcae0; border-radius:999px; background:rgba(255,255,255,.48); }
.problem-pressure article { position:relative; min-height:236px; padding:32px; overflow:hidden; border:1px solid #bdcae0; background:rgba(255,255,255,.38); box-shadow:inset 0 1px rgba(255,255,255,.7); }
.problem-pressure article+article { padding-left:32px; border-left:1px solid #bdcae0; }
.problem-pressure article:before { content:""; position:absolute; top:0; left:0; right:0; height:3px; background:#4db1ff; }
.problem-pressure article:nth-of-type(2):before { background:#6294fe; }
.problem-pressure article:nth-of-type(3):before { background:#7876fd; }
.problem-index { display:inline-flex; align-items:center; width:max-content; padding:6px 8px; border-radius:3px; color:#315d9e; background:rgba(77,177,255,.1); }
.problem-pressure article:nth-of-type(2) .problem-index { color:#405fc0; background:rgba(98,148,254,.1); }
.problem-pressure article:nth-of-type(3) .problem-index { color:#5d55bd; background:rgba(120,118,253,.1); }
.problem-pressure p { color:#53617a; }
.problem-answer { position:relative; display:block; width:100%; max-width:none; margin:72px 0 0; padding:76px 64px; overflow:hidden; border:1px solid rgba(123,157,222,.5); background:radial-gradient(ellipse 56% 120% at 100% 0,rgba(120,118,253,.18),transparent 68%),radial-gradient(ellipse 50% 100% at 0 100%,rgba(77,177,255,.12),transparent 68%),#0d1422; box-shadow:inset 0 1px rgba(224,235,255,.1),0 18px 36px rgba(58,82,127,.11); }
.problem-answer:before { content:""; position:absolute; top:0; left:0; width:100%; height:3px; background:var(--spectrum); }
.problem-answer > div { width:100%; max-width:760px; margin:0 auto; text-align:center; }
.problem-answer-label { color:#aebeff; }
.problem-answer h3 { max-width:none; margin:0; }
.problem-answer p:not(.problem-answer-label) { max-width:720px; margin:28px auto 0; color:#c1cee3; }
.problem-answer-emphasis { text-decoration-color:#7876fd; }

@media (max-width:900px) {
  .problem-diagnosis { padding:10px; }
  .problem-intro { padding:30px 26px 24px; }
  .problem-intro h2 { font-size:clamp(40px,6vw,50px); }
  .problem-lede { gap:28px; margin-left:30px; }
  .problem-pressure { gap:0; margin:24px 0 0; }
  .problem-pressure-header { padding:18px 2px 14px; }
  .problem-pressure article,.problem-pressure article+article { min-height:0; padding:28px 30px 30px; border-left:1px solid #bdcae0; }
  .problem-pressure article+article { margin-top:10px; border-top:1px solid #bdcae0; }
  .problem-answer { grid-template-columns:1fr; gap:18px; margin-top:76px; padding:42px; }
}

@media (max-width:560px) {
  .problem-diagnosis { padding:8px; }
  .problem-intro { padding:26px 20px 22px; }
  .problem-heading { padding-left:20px; }
  .problem-lede { grid-template-columns:1fr; gap:16px; margin-left:20px; }
  .problem-pressure article,.problem-pressure article+article { padding:26px 24px 28px; }
  .problem-answer { margin-top:62px; padding:34px 24px 36px; }
}

/* Shared heading scale: use these tiers instead of inventing a new display size. */
:root {
  --type-hero:clamp(50px,5.3vw,82px);
  --type-page:clamp(46px,4.4vw,68px);
  --type-section:clamp(40px,3.2vw,54px);
  --type-feature:clamp(32px,2.65vw,46px);
  --type-card:clamp(24px,1.75vw,28px);
  --page-gutter:clamp(20px,3vw,48px);
  --content-max:1200px;
  --content-wide:1420px;
  --layout-inline:max(var(--page-gutter),calc((100vw - var(--content-max))/2));
  --section-space:clamp(80px,10vw,142px);
  --section-space-compact:clamp(56px,7vw,96px);
}
.type-hero,.type-page,.type-section,.type-feature,.type-card { font-family:var(--display); font-weight:400; letter-spacing:-.06em; }
.type-hero { font-size:var(--type-hero); line-height:.96; }
.type-page { font-size:var(--type-page); line-height:.98; }
.type-section { font-size:var(--type-section); line-height:1; }
.type-feature { font-size:var(--type-feature); line-height:1.04; }
.type-card { font-size:var(--type-card); line-height:1.08; }

.home-hero-content h1 { font-size:var(--type-hero); }
.subpage-copy h1 { font-size:var(--type-page); }
.home-section h2,.partnership-heading h2,.home-contact h2,.subpage-detail h2 { font-size:var(--type-section); }
.problem-intro h2,.model-copy-panel h2,.problem-answer h3 { font-size:var(--type-feature); }
.problem-pressure h3,.partnership-columns h3 { font-size:var(--type-card); }
.home-section { padding:var(--section-space) var(--layout-inline); }
.home-contact { padding:var(--section-space) var(--layout-inline); }
.subpage-detail { padding:var(--section-space) var(--layout-inline); }
.home-footer { padding-inline:var(--layout-inline); }

@media (max-width:560px) {
  :root {
    --type-hero:50px;
    --type-page:46px;
    --type-section:40px;
    --type-feature:32px;
    --type-card:24px;
  }
}

/* Desktop navigation must remain a first-class header item above the hero layers. */
@media (min-width:901px) {
  .home-header .site-nav {
    position:relative;
    z-index:2;
    display:flex !important;
    flex:0 0 auto;
    align-items:center;
    gap:30px;
    visibility:visible !important;
    opacity:1 !important;
  }
  .home-header .site-nav > a,
  .home-header .nav-drop-trigger { color:#d8e0ec; }
}

/* The embedded-team model has a dedicated title band; the diagram never competes with it. */
@media (min-width:901px) {
  .model-scroll-sticky {
    grid-template-columns:minmax(0,1.08fr) minmax(340px,.72fr);
    gap:clamp(36px,5vw,84px);
    padding-top:clamp(178px,15vw,200px);
  }
  .model-section-title {
    top:clamp(96px,8vw,112px);
    width:min(1240px,calc(100vw - (var(--page-gutter) * 2)));
    font-size:var(--type-section);
  }
  .model-scroll-visual {
    width:min(100%,64vh,660px);
    transform:translate(-3%,3%);
  }
  .model-scroll-copy {
    height:min(64vh,660px);
    min-height:460px;
  }
}

@media (min-width:901px) and (max-width:1180px) {
  .model-scroll-sticky { gap:32px; padding-inline:var(--page-gutter); }
  .model-scroll-visual { width:min(100%,58vh,560px); }
  .model-scroll-copy { min-height:430px; }
}

@media (max-width:900px) {
  .model-scroll { height:420svh; min-height:2500px; }
  .model-scroll-sticky {
    grid-template-rows:minmax(390px,52svh) minmax(270px,1fr);
    padding:128px 20px 24px;
  }
  .model-section-title {
    top:76px;
    width:calc(100vw - 40px);
    font-size:clamp(28px,4.8vw,38px);
  }
  .model-scroll-visual {
    width:min(100%,42svh,460px);
    transform:translateY(20px);
  }
}

@media (max-width:560px) {
  .model-scroll { height:440svh; min-height:2640px; }
  .model-scroll-sticky {
    grid-template-rows:minmax(410px,55svh) minmax(280px,1fr);
    padding:108px 16px 18px;
  }
  .model-section-title {
    top:70px;
    width:calc(100vw - 32px);
    font-size:30px;
  }
  .model-scroll-visual {
    width:min(100%,32svh,270px);
    transform:translateY(42px);
  }
}

/* Responsive guardrails: copy always owns a real column and never escapes it. */
html,body { max-width:100%; overflow-x:clip; }
img,svg,canvas { max-width:100%; }
h1,h2,h3,p,a,button { overflow-wrap:break-word; }
.home-section > *, .subpage-hero > *, .model-scroll-sticky > *, .home-contact > * { min-width:0; }
.problem-lede > *, .problem-pressure > *, .problem-answer > *, .partnership-columns > *, .model-scroll-copy > * { min-width:0; }
.model-scroll-link-copy { min-width:0; }
.model-scroll-link-copy > span:last-child { overflow-wrap:anywhere; }

/* Medium screens are neither desktop nor phone: use a vertical narrative before either column gets cramped. */
@media (max-width:1180px) {
  .model-scroll { height:420svh; min-height:2500px; }
  .model-scroll-sticky {
    grid-template-columns:1fr;
    grid-template-rows:minmax(400px,53svh) minmax(270px,1fr);
    gap:0;
    min-height:0;
    height:100svh;
    padding:126px var(--page-gutter) 24px;
  }
  .model-section-title {
    top:102px;
    width:min(760px,calc(100vw - (var(--page-gutter) * 2)));
    font-size:clamp(28px,4vw,38px);
  }
  .model-scroll-visual {
    width:min(100%,43svh,470px);
    transform:translateY(18px);
  }
  .model-scroll-copy {
    width:min(100%,640px);
    height:auto;
    min-height:250px;
    margin:0 auto;
    align-content:start;
  }
  .model-copy-panel { top:34px; }
  .model-scroll-link { min-width:0; width:100%; max-width:360px; }
  .subpage-hero {
    grid-template-columns:1fr;
    gap:48px;
    min-height:0;
    padding:148px var(--page-gutter) 80px;
  }
  .subpage-system {
    min-width:0;
    width:100%;
    height:500px;
    margin:0;
    border-radius:24px;
  }
  .operating-path { grid-template-columns:1fr 1fr; gap:14px; }
  .operating-path > i { display:none; }
}

@media (max-width:760px) {
  .subpage-hero { gap:36px; padding-top:132px; }
  .subpage-copy h1 { font-size:clamp(42px,9vw,56px); }
  .subpage-system { height:440px; }
  .operating-path { grid-template-columns:1fr; }
}

@media (max-width:560px) {
  .model-scroll-sticky {
    grid-template-rows:minmax(410px,55svh) minmax(280px,1fr);
    padding:108px 16px 18px;
  }
  .model-section-title { top:86px; width:calc(100vw - 32px); font-size:30px; }
  .model-scroll-visual { width:min(100%,32svh,270px); transform:translateY(42px); }
  .model-scroll-link { max-width:100%; }
  .subpage-hero { padding:126px 20px 72px; }
  .subpage-system { height:410px; border-radius:18px; }
}

/* Archived yellow palette experiment.
:root { --ink-raised:#1d1a0d; --ink-border:#4c452a; --fog-muted:#c9c1a8; --signal:#e5c443; --signal-deep:#846817; --nav-glass:linear-gradient(180deg,rgba(52,48,34,.62),rgba(23,20,12,.5)); --nav-glass-border:rgba(245,236,207,.19); }
.button--primary:hover { background:#f8e48a; }.system-frame { border-color:#70643a; background:radial-gradient(circle at 74% 11%,rgba(229,196,67,.14),transparent 25%),linear-gradient(rgba(82,75,48,.62) 1px,transparent 1px),linear-gradient(90deg,rgba(82,75,48,.62) 1px,transparent 1px),var(--ink-raised); box-shadow:inset 0 0 100px rgba(91,74,20,.17); }.map-node { border-color:#dfbd38; background:linear-gradient(140deg,rgba(65,57,30,.96),rgba(91,74,20,.96)); box-shadow:inset 0 1px rgba(255,247,205,.1),0 12px 30px rgba(0,0,0,.16); }.connection { background:linear-gradient(90deg,var(--signal),rgba(229,196,67,.15)); }.contact { background:linear-gradient(105deg,#574817,#25200f 58%,#0a0e15); }.contact:after { border-color:rgba(229,196,67,.17); box-shadow:0 0 0 58px rgba(229,196,67,.025),0 0 0 116px rgba(229,196,67,.018); }
.home-page .button--ghost { color:#ede7d7; border-color:#6a6041; }.home-hero { border-bottom-color:#4a432b; }.home-hero:before { background:radial-gradient(ellipse 56% 52% at 50% 47%,rgba(153,127,35,.3),transparent 70%),linear-gradient(180deg,rgba(7,11,17,.04),#070b11 94%); }.scene-grid { background-image:linear-gradient(rgba(117,108,76,.21) 1px,transparent 1px),linear-gradient(90deg,rgba(117,108,76,.21) 1px,transparent 1px); }.scene-grid:after { background:repeating-linear-gradient(165deg,transparent 0 88px,rgba(229,196,67,.035) 89px 90px); }.scene-orbit { border-color:rgba(238,210,99,.17); }.scene-axis { background:linear-gradient(90deg,transparent,rgba(229,196,67,.35),transparent); }.scene-axis--y { background:linear-gradient(transparent,rgba(229,196,67,.28),transparent); }.scene-core { border-color:rgba(229,196,67,.38); background:linear-gradient(145deg,rgba(105,88,35,.2),rgba(7,11,17,.12)); box-shadow:0 0 90px rgba(229,196,67,.08),inset 0 0 45px rgba(229,196,67,.05); }.scene-core span,.scene-core i { border-color:rgba(229,196,67,.2); }.scene-core i { background:var(--signal); box-shadow:0 0 28px rgba(229,196,67,.75); }.scene-beam { background:linear-gradient(90deg,transparent,rgba(229,196,67,.22),transparent); }
.home-section--light { background:#f5f1e6; }.home-section--paper { background:#e9e2cc; }.home-section--light .section-label,.home-section--paper .section-label,.problem-kicker,.problem-intro h2 em,.problem-index,.problem-answer-emphasis,.subpage-detail p,.problem-answer h3,.partnership-columns .partnership-label { color:#846817; }.home-section-intro>div>p { color:#756c56; }.home-section--dark .home-section-intro>div>p { color:#c1b9a2; }.problem-lede p { color:#716950; }.problem-pressure,.problem-pressure article+article,.partnership-columns,.partnership-columns article+article { border-color:#cbc2a6; }.problem-pressure p,.problem-answer p,.partnership-columns p:not(.partnership-label) { color:#766d55; }.problem-answer { border-color:#cbc2a6; background:#eee8d8; }.problem-answer-emphasis { text-decoration-color:#dfbd38; }.subpage-detail { background:#f5f1e6; }.home-contact { background:radial-gradient(ellipse 56% 74% at 79% 54%,rgba(153,127,35,.18),transparent 72%),#080d12; }.home-contact:after { background:linear-gradient(90deg,rgba(229,196,67,.1),rgba(229,196,67,.46) 54%,rgba(229,196,67,.08)); }.footer-field:after { background:radial-gradient(ellipse 52% 45% at 62% 55%,rgba(229,196,67,.08),transparent 72%); }
.nav-drop-panel>p { border-bottom-color:#4b442d; color:#c3b995; }.nav-drop-panel>a:hover { background:#292310; }.nav-cap-icon,.subpage-label-icon { color:var(--signal); background:#393014; }.subpage .button--ghost { border-color:#6b5c2e; }.subpage-system { border-color:#8b7224; background:radial-gradient(circle at 72% 16%,rgba(229,196,67,.13),transparent 30%),linear-gradient(rgba(86,75,42,.42) 1px,transparent 1px),linear-gradient(90deg,rgba(86,75,42,.42) 1px,transparent 1px),#211c0c; }.system-stack div { border-color:#705f31; background:rgba(49,42,20,.92); }.system-stack div:nth-of-type(2) { background:#5b4a14; box-shadow:0 0 36px rgba(229,196,67,.08); }.system-stack i { background:linear-gradient(var(--signal),#6a5d38); }
.home-pyramid .pyramid-base { fill:rgba(130,108,30,.045); stroke:rgba(229,196,67,.13); }.home-pyramid .pyramid-edge { stroke:rgba(238,210,99,.25); }.home-pyramid .company-link { stroke:rgba(238,210,99,.34); }.home-pyramid .pyramid-node { filter:drop-shadow(0 0 18px rgba(229,196,67,.5)); }.model-scroll-grid { background-image:linear-gradient(rgba(115,102,61,.21) 1px,transparent 1px),linear-gradient(90deg,rgba(115,102,61,.21) 1px,transparent 1px); }.model-interface-line { background:repeating-linear-gradient(90deg,rgba(229,196,67,.6) 0 8px,transparent 8px 15px); }.scroll-face--left,.model-face--left { fill:rgba(229,196,67,.055); }.scroll-face--right { fill:rgba(238,210,99,.035); }.model-face--right { fill:rgba(223,189,56,.038); }.scroll-face--base { fill:rgba(229,196,67,.022); }.scroll-face.is-hovered { fill:rgba(229,196,67,.06); }.scroll-face.is-active { fill:rgba(229,196,67,.075); }.scroll-edge,.model-edge,.subpage-pyramid .model-edge { stroke:rgba(229,196,67,.42); }.scroll-edge.is-hovered { stroke:rgba(238,210,99,.57); }.scroll-edge.is-active { stroke:rgba(248,228,138,.82); }.scroll-point { fill:#83784e; }.scroll-point.is-hovered { fill:#f8e48a; }.scroll-point.is-active { filter:drop-shadow(0 0 10px rgba(229,196,67,.7)); }.scroll-node { border-color:#706238; color:#d4cdb5; background:rgba(39,33,14,.9); }.scroll-node small { color:#a79c78; }.scroll-node.is-hovered,.scroll-node:not(.scroll-node--company):hover { border-color:#eed263; background:#4b3f17; box-shadow:0 15px 32px rgba(0,0,0,.25),0 0 24px rgba(229,196,67,.08); }.scroll-node.is-active { color:#1b1607; box-shadow:0 16px 34px rgba(0,0,0,.28),0 0 30px rgba(229,196,67,.12); }.scroll-node.is-active small { color:#6d5410; }.scroll-node.is-active .scroll-node-icon { color:#644c0c; }.scroll-node--company { border-color:#817757; color:#e6e0cf; background:rgba(39,33,14,.94); }.model-scroll-position { color:#9d9272; }.model-scroll-progress i { background:#514a30; }.model-copy-panel>span { color:#c5bda4; }.model-scroll-link { border-color:#77683c; color:#eee8d8; background:rgba(35,29,12,.55); }.model-scroll-link:hover,.model-scroll-link:focus-visible { color:#1b1607; }.model-node { border-color:#77683c; background:#29230f; }.model-node small { color:#a89d7c; }.model-node strong { color:#eee8d8; }.model-node--company { border-color:#877d5e; }.model-node--leadership { background:#5b4a14; }.diagram-node { color:#bbb18f; }.diagram-node span { border-color:#75663b; background:rgba(39,33,14,.94); }.diagram-node--company { color:#e1dac7; }.subpage-system.is-highlight-leadership .diagram-node--leadership,.subpage-system.is-highlight-automation .diagram-node--automation,.subpage-system.is-highlight-software .subpage-system.is-highlight-ai .diagram-node--ai { color:#1b1607; }.subpage-system.is-highlight-leadership .diagram-node--leadership span,.subpage-system.is-highlight-automation .diagram-node--automation span,.subpage-system.is-highlight-software .diagram-node--software span,.subpage-system.is-highlight-ai .diagram-node--ai span { box-shadow:0 0 26px rgba(229,196,67,.18); }
*/

/* Service hero correction: the visual is a contained media object, never a cropped side panel. */
.subpage-hero {
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:clamp(48px,5vw,80px);
  max-width:1320px;
  min-height:720px;
}
.subpage-copy { max-width:570px; }
.subpage-copy h1 { font-size:clamp(50px,4vw,66px); }
.subpage-system.media-frame {
  --media-frame-radius:28px;
  --media-frame-inset:28px;
  --media-frame-content-radius:18px;
  min-width:0;
  width:100%;
  height:520px;
  margin:0;
  border:1px solid rgba(103,162,239,.58);
  border-radius:var(--media-frame-radius);
  background:linear-gradient(118deg,rgba(12,29,52,.98),rgba(24,47,84,.82) 52%,rgba(26,31,68,.9));
  box-shadow:inset 0 1px rgba(207,230,255,.12),0 24px 64px rgba(1,5,15,.42),0 0 52px rgba(77,177,255,.08);
}
.subpage-system.media-frame:before { inset:0; border-radius:inherit; background:radial-gradient(ellipse 70% 75% at 6% 8%,rgba(77,177,255,.11),transparent 60%),radial-gradient(ellipse 56% 60% at 95% 100%,rgba(120,118,253,.13),transparent 68%); }
.subpage-system.media-frame .media-frame__content {
  border:1px solid rgba(139,183,246,.18);
  border-radius:var(--media-frame-content-radius);
  background:radial-gradient(circle at 16% 15%,rgba(92,139,214,.13),transparent 30%),radial-gradient(circle at 76% 78%,rgba(120,118,253,.14),transparent 34%),linear-gradient(rgba(47,62,90,.36) 1px,transparent 1px),linear-gradient(90deg,rgba(47,62,90,.36) 1px,transparent 1px),#0b1322;
  background-size:auto,auto,40px 40px,40px 40px,auto;
}
.subpage-system.media-frame .subpage-system-caption { top:28px; left:30px; }
.subpage-system.media-frame .subpage-pyramid { inset:32px 14px 0; }
@media (max-width:1180px) {
  .subpage-hero { grid-template-columns:1fr; gap:46px; max-width:920px; }
  .subpage-copy { max-width:680px; }
  .subpage-system.media-frame { height:540px; }
}
@media (max-width:560px) {
  .subpage-system.media-frame { --media-frame-radius:20px; --media-frame-inset:14px; --media-frame-content-radius:9px; height:410px; border-radius:20px; }
  .subpage-system.media-frame .media-frame__content { border-radius:6px; background-size:auto,auto,30px 30px,30px 30px,auto; }
  .subpage-system.media-frame .subpage-system-caption { top:20px; left:20px; }
  .subpage-system.media-frame .subpage-pyramid { inset:26px 5px 0; }
}

/* Spectrum variant: darkness resolves into brand color at the frame edge, while a
   low-contrast diagonal sweep adds depth without competing with the image. */
.media-frame--spectrum,
.subpage-system.media-frame {
  border-color:transparent;
  background:
    linear-gradient(128deg,rgba(77,177,255,.02) 12%,rgba(77,177,255,.18) 42%,rgba(120,118,253,.13) 60%,rgba(120,118,253,.02) 84%) padding-box,
    linear-gradient(135deg,rgba(7,13,25,.98) 0%,rgba(24,47,84,.86) 53%,rgba(120,118,253,.65) 100%) border-box;
  box-shadow:inset 0 1px rgba(222,239,255,.12),0 24px 64px rgba(1,5,15,.42),0 0 52px rgba(77,177,255,.07);
}
.media-frame--spectrum:before,
.subpage-system.media-frame:before {
  z-index:0;
  inset:1px;
  border-radius:inherit;
  background:linear-gradient(132deg,transparent 19%,rgba(104,178,255,.16) 46%,rgba(135,126,255,.08) 56%,transparent 76%);
  opacity:.75;
}
.media-frame--spectrum .media-frame__content,
.subpage-system.media-frame .media-frame__content { z-index:1; }

/* Interactive capability map: the active service is prominent, the other nodes
   remain available as direct routes to their own capability pages. */
.subpage-system.media-frame .subpage-pyramid { inset:58px 18px 12px; }
.subpage-pyramid .model-face { fill:rgba(77,177,255,.025); }
.subpage-pyramid .model-face--right { fill:rgba(120,118,253,.022); }
.subpage-pyramid .model-edge { stroke:rgba(115,132,255,.56); stroke-width:1.35; }
.subpage-pyramid .diagram-node {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  min-width:170px;
  padding:17px 20px;
  border:1px solid rgba(111,151,211,.5);
  border-radius:9px;
  color:#b6c2d8;
  background:rgba(10,19,35,.88);
  box-shadow:inset 0 1px rgba(203,226,255,.05),0 12px 26px rgba(1,5,15,.18);
  font:500 15px/1.15 var(--ui);
  text-align:left;
  transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease;
}
.subpage-pyramid .diagram-node span { display:grid; flex:0 0 auto; padding:0; border:0; border-radius:0; background:none; }
.subpage-pyramid .diagram-node-icon i { color:#4db1ff; font-size:25px; -webkit-text-stroke:.2px currentColor; }
.subpage-pyramid .diagram-node strong { font-weight:500; white-space:nowrap; }
.subpage-pyramid .diagram-node:hover,.subpage-pyramid .diagram-node:focus-visible { border-color:#7faeff; color:#e5edff; background:rgba(19,38,70,.95); transform:translate(-50%,-50%) translateY(-3px); box-shadow:inset 0 1px rgba(203,226,255,.1),0 16px 34px rgba(1,5,15,.28),0 0 24px rgba(77,177,255,.12); outline:0; }
.subpage-pyramid .diagram-node.is-active { border-color:#aaa9ff; color:#091224; background:var(--spectrum); box-shadow:inset 0 1px rgba(255,255,255,.34),0 16px 34px rgba(1,5,15,.3),0 0 30px rgba(120,118,253,.2); pointer-events:none; }
.subpage-pyramid .diagram-node.is-active .diagram-node-icon i { color:#183c76; }
.subpage-pyramid .diagram-node--leadership { left:50%; top:13%; min-width:280px; }
.subpage-pyramid .diagram-node--automation { left:17%; top:75%; }
.subpage-pyramid .diagram-node--software { left:83%; top:75%; min-width:204px; }
.subpage-pyramid .diagram-node--ai { left:50%; top:51%; min-width:170px; }
@media (max-width:560px) {
  .subpage-system.media-frame .subpage-pyramid { inset:46px -24px 0; }
  .subpage-pyramid .diagram-node { gap:7px; min-width:0; padding:10px; border-radius:6px; font-size:10px; }
  .subpage-pyramid .diagram-node-icon i { font-size:17px; }
  .subpage-pyramid .diagram-node--leadership { min-width:180px; }
  .subpage-pyramid .diagram-node--automation { left:18%; }
  .subpage-pyramid .diagram-node--software { left:82%; min-width:132px; }
  .subpage-pyramid .diagram-node--ai { min-width:122px; }
}

/* A capability map is a system diagram, not media. Keep it dark, contained, and
   legible; reserve the spectrum frame for real screenshots and product visuals. */
.subpage-system { position:relative; min-width:0; width:100%; height:540px; margin:0; overflow:hidden; border:1px solid rgba(72,111,166,.58); border-radius:22px; background:linear-gradient(rgba(45,66,98,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(45,66,98,.28) 1px,transparent 1px),radial-gradient(ellipse at 50% 105%,rgba(76,93,186,.12),transparent 55%),#090f19; background-size:40px 40px,40px 40px,auto; box-shadow:inset 0 1px rgba(208,229,255,.05),0 22px 52px rgba(0,0,0,.25); }
.subpage-pyramid { inset:0; }
.subpage-pyramid .model-face { fill:rgba(77,177,255,.018); }.subpage-pyramid .model-face--right { fill:rgba(120,118,253,.018); }.subpage-pyramid .model-edge { stroke:rgba(106,119,245,.6); stroke-width:1.45; }
.subpage-pyramid .diagram-node { min-width:184px; padding:14px 17px; border-color:rgba(92,135,198,.58); border-radius:8px; background:rgba(9,17,31,.92); font-size:14px; }
.subpage-pyramid .diagram-node:hover,.subpage-pyramid .diagram-node:focus-visible { border-color:#75a9fa; background:rgba(17,35,64,.98); }
.subpage-pyramid .diagram-node.is-active { border-color:#aaa9ff; background:var(--spectrum); }
.subpage-pyramid .diagram-node--leadership { top:18%; min-width:310px; }.subpage-pyramid .diagram-node--automation { left:17%; top:77%; }.subpage-pyramid .diagram-node--software { left:83%; top:77%; min-width:204px; }.subpage-pyramid .diagram-node--ai { top:51%; min-width:160px; }
@media (max-width:1180px) { .subpage-system { height:520px; } }
@media (max-width:560px) { .subpage-system { height:390px; border-radius:16px; background-size:28px 28px,28px 28px,auto; }.subpage-pyramid { inset:0 -20px; }.subpage-pyramid .diagram-node--leadership { min-width:190px; top:18%; }.subpage-pyramid .diagram-node--automation { left:18%; top:77%; }.subpage-pyramid .diagram-node--software { left:82%; top:77%; min-width:138px; }.subpage-pyramid .diagram-node--ai { min-width:118px; top:51%; } }

/* The active capability owns the map. Secondary capabilities are deliberately
   compact and quiet until a visitor chooses one. */
.subpage-pyramid .model-face { display:none; }
.subpage-pyramid .model-edge { stroke:rgba(112,121,255,.7); stroke-width:1.55; }
.subpage-pyramid .diagram-node { min-width:142px; padding:10px 12px; border-color:rgba(75,111,164,.46); border-radius:7px; color:rgba(188,203,227,.65); background:rgba(9,17,31,.7); box-shadow:none; font-size:12px; opacity:.72; }
.subpage-pyramid .diagram-node-icon i { color:rgba(77,177,255,.7); font-size:20px; }
.subpage-pyramid .diagram-node:hover,.subpage-pyramid .diagram-node:focus-visible { opacity:1; color:#e5edff; transform:translate(-50%,-50%) translateY(-2px); }
.subpage-pyramid .diagram-node.is-active { min-width:296px; padding:17px 20px; border-color:#aaa9ff; color:#091224; background:var(--spectrum); box-shadow:inset 0 1px rgba(255,255,255,.34),0 14px 28px rgba(1,5,15,.25),0 0 26px rgba(120,118,253,.18); font-size:16px; opacity:1; }
.subpage-pyramid .diagram-node.is-active .diagram-node-icon i { color:#183c76; font-size:26px; }
.subpage-pyramid .diagram-node--leadership { top:18%; }.subpage-pyramid .diagram-node--automation { left:17%; top:77%; }.subpage-pyramid .diagram-node--software { left:83%; top:77%; min-width:160px; }.subpage-pyramid .diagram-node--ai { top:51%; min-width:124px; }
@media (max-width:560px) { .subpage-pyramid .diagram-node { min-width:102px; padding:8px; font-size:9px; }.subpage-pyramid .diagram-node-icon i { font-size:15px; }.subpage-pyramid .diagram-node.is-active { min-width:190px; padding:12px; font-size:12px; }.subpage-pyramid .diagram-node.is-active .diagram-node-icon i { font-size:20px; }.subpage-pyramid .diagram-node--software { min-width:112px; }.subpage-pyramid .diagram-node--ai { min-width:96px; } }

/* The map sits inside the same restrained shell as product imagery, but keeps its
   own quiet grid surface. Active states are sized to their actual map position. */
.subpage-system.media-frame { --media-frame-radius:28px; --media-frame-inset:16px; --media-frame-content-radius:18px; height:540px; padding:var(--media-frame-inset); border:1px solid transparent; border-radius:var(--media-frame-radius); background:linear-gradient(130deg,rgba(8,15,28,.96),rgba(20,42,76,.88) 52%,rgba(76,70,157,.78)) padding-box,linear-gradient(135deg,rgba(53,111,177,.82),rgba(80,129,220,.52) 48%,rgba(120,118,253,.82)) border-box; box-shadow:inset 0 1px rgba(224,239,255,.12),0 24px 60px rgba(0,0,0,.3),0 0 44px rgba(77,177,255,.08); }
.subpage-system.media-frame:before { z-index:0; inset:1px; border-radius:inherit; opacity:.72; background:linear-gradient(133deg,transparent 20%,rgba(94,173,255,.14) 46%,rgba(132,120,255,.08) 58%,transparent 78%); }
.subpage-system.media-frame .media-frame__content { z-index:1; border:1px solid rgba(139,183,246,.18); border-radius:var(--media-frame-content-radius); background:linear-gradient(rgba(45,66,98,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(45,66,98,.28) 1px,transparent 1px),radial-gradient(ellipse at 50% 105%,rgba(76,93,186,.12),transparent 55%),#090f19; background-size:40px 40px,40px 40px,auto; }
.subpage-system.media-frame .subpage-pyramid { inset:0; }
.subpage-pyramid .diagram-node--automation.is-active { min-width:190px; padding:14px 16px; font-size:14px; }
.subpage-pyramid .diagram-node--software.is-active { min-width:210px; padding:14px 16px; font-size:14px; }
.subpage-pyramid .diagram-node--ai.is-active { min-width:168px; padding:13px 15px; font-size:13px; }
@media (max-width:560px) { .subpage-system.media-frame { --media-frame-radius:20px; --media-frame-inset:10px; --media-frame-content-radius:12px; height:390px; }.subpage-system.media-frame .media-frame__content { background-size:28px 28px,28px 28px,auto; }.subpage-pyramid .diagram-node--automation.is-active { min-width:132px; }.subpage-pyramid .diagram-node--software.is-active { min-width:142px; }.subpage-pyramid .diagram-node--ai.is-active { min-width:112px; } }

/* Compact map proportions: nodes frame the triangle instead of spanning the panel. */
.subpage-pyramid .diagram-node { min-width:126px; padding:9px 11px; font-size:11px; }
.subpage-pyramid .diagram-node-icon i { font-size:18px; }
.subpage-pyramid .diagram-node.is-active { min-width:258px; padding:14px 17px; font-size:15px; box-shadow:inset 0 1px rgba(255,255,255,.28),0 10px 22px rgba(1,5,15,.2),0 0 20px rgba(120,118,253,.14); }
.subpage-pyramid .diagram-node.is-active .diagram-node-icon i { font-size:23px; }
.subpage-pyramid .diagram-node--leadership { top:19%; }.subpage-pyramid .diagram-node--automation { left:27%; top:77%; }.subpage-pyramid .diagram-node--software { left:73%; top:77%; min-width:142px; }.subpage-pyramid .diagram-node--ai { top:51%; min-width:116px; }
.subpage-pyramid .diagram-node--automation.is-active { min-width:166px; padding:12px 14px; font-size:13px; }.subpage-pyramid .diagram-node--software.is-active { min-width:180px; padding:12px 14px; font-size:13px; }.subpage-pyramid .diagram-node--ai.is-active { min-width:148px; padding:11px 13px; font-size:12px; }
@media (max-width:560px) { .subpage-pyramid .diagram-node { min-width:94px; padding:7px; font-size:8px; }.subpage-pyramid .diagram-node.is-active { min-width:180px; padding:10px; font-size:11px; }.subpage-pyramid .diagram-node--automation { left:28%; }.subpage-pyramid .diagram-node--software { left:72%; min-width:104px; }.subpage-pyramid .diagram-node--ai { min-width:88px; }.subpage-pyramid .diagram-node--automation.is-active { min-width:126px; }.subpage-pyramid .diagram-node--software.is-active { min-width:134px; }.subpage-pyramid .diagram-node--ai.is-active { min-width:106px; } }

/* Reuse the home model's centered, square proportions rather than stretching
   its geometry across the service panel. */
.subpage-system.media-frame .subpage-pyramid { inset:0 auto 0 50%; width:min(100%,520px); height:100%; transform:translateX(-50%); }
.subpage-pyramid .model-edge { stroke:rgba(157,168,255,.96); stroke-width:2.15; }
.subpage-pyramid .diagram-node { min-width:132px; padding:10px 12px; font-size:11px; opacity:.62; }
.subpage-pyramid .diagram-node.is-active { min-width:210px; padding:14px 16px; font-size:14px; opacity:1; }
.subpage-pyramid .diagram-node--leadership { left:50%; top:27%; }.subpage-pyramid .diagram-node--automation { left:15%; top:74%; }.subpage-pyramid .diagram-node--software { left:85%; top:74%; min-width:144px; }.subpage-pyramid .diagram-node--ai { left:50%; top:89%; min-width:122px; }
.subpage-pyramid .diagram-node--automation.is-active { min-width:158px; padding:12px 14px; font-size:12px; }.subpage-pyramid .diagram-node--software.is-active { min-width:168px; padding:12px 14px; font-size:12px; }.subpage-pyramid .diagram-node--ai.is-active { min-width:140px; padding:11px 13px; font-size:12px; }
@media (max-width:560px) { .subpage-system.media-frame .subpage-pyramid { width:min(100%,380px); }.subpage-pyramid .diagram-node { min-width:94px; padding:8px; font-size:8px; }.subpage-pyramid .diagram-node.is-active { min-width:164px; padding:10px; font-size:11px; }.subpage-pyramid .diagram-node--software { min-width:104px; }.subpage-pyramid .diagram-node--ai { min-width:88px; }.subpage-pyramid .diagram-node--automation.is-active { min-width:120px; }.subpage-pyramid .diagram-node--software.is-active { min-width:128px; }.subpage-pyramid .diagram-node--ai.is-active { min-width:106px; } }

/* Service-page model matches the interactive glass treatment on the homepage. */
.subpage-pyramid-geometry { position:absolute; inset:0; width:100%; height:100%; cursor:grab; touch-action:none; user-select:none; }
.subpage-pyramid-geometry.is-dragging { cursor:grabbing; }
.subpage-pyramid-geometry:focus-visible { outline:2px solid #6294fe; outline-offset:8px; }
.subpage-pyramid .diagram-node.is-active { border-color:rgba(190,202,255,.82); color:#fff; background:linear-gradient(115deg,rgba(77,177,255,.76) 0%,rgba(98,148,254,.76) 52%,rgba(120,118,253,.76) 100%); box-shadow:inset 0 1px rgba(255,255,255,.42),inset 0 -1px rgba(37,55,124,.2),0 14px 28px rgba(1,5,15,.25),0 0 26px rgba(120,118,253,.18); backdrop-filter:blur(18px) saturate(130%); -webkit-backdrop-filter:blur(18px) saturate(130%); }
.subpage-pyramid .diagram-node.is-active .diagram-node-icon i { color:#fff; }

/* The service diagram has a low-key responsive field without competing with its controls. */
.subpage-system.media-frame .media-frame__content { position:relative; overflow:hidden; background:radial-gradient(ellipse at 50% 105%,rgba(76,93,186,.12),transparent 55%),#090f19; }
.service-atmosphere-grid,.service-particle-field { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
/* The capability is chosen in the document head, so its full page can paint
   immediately instead of waiting for the page script to reveal it. */
html[data-service-key="leadership"] #software-threshold,
html[data-service-key="leadership"] #software-customer,
html[data-service-key="leadership"] #software-apps,
html[data-service-key="leadership"] #software-path,
html[data-service-key="leadership"] #automation-line,
html[data-service-key="leadership"] #automation-control,
html[data-service-key="leadership"] #automation-path,
html[data-service-key="leadership"] #ai-request,
html[data-service-key="leadership"] #ai-agents,
html[data-service-key="leadership"] #ai-connections,
html[data-service-key="leadership"] #ai-control,
html[data-service-key="leadership"] #ai-path,
html[data-service-key="software"] #leadership-brief,
html[data-service-key="software"] #leadership-routing,
html[data-service-key="software"] #leadership-team,
html[data-service-key="software"] #leadership-path,
html[data-service-key="software"] #automation-line,
html[data-service-key="software"] #automation-control,
html[data-service-key="software"] #automation-path,
html[data-service-key="software"] #ai-request,
html[data-service-key="software"] #ai-agents,
html[data-service-key="software"] #ai-connections,
html[data-service-key="software"] #ai-control,
html[data-service-key="software"] #ai-path,
html[data-service-key="automation"] #leadership-brief,
html[data-service-key="automation"] #leadership-routing,
html[data-service-key="automation"] #leadership-team,
html[data-service-key="automation"] #leadership-path,
html[data-service-key="automation"] #software-threshold,
html[data-service-key="automation"] #software-customer,
html[data-service-key="automation"] #software-apps,
html[data-service-key="automation"] #software-path,
html[data-service-key="automation"] #ai-request,
html[data-service-key="automation"] #ai-agents,
html[data-service-key="automation"] #ai-connections,
html[data-service-key="automation"] #ai-control,
html[data-service-key="automation"] #ai-path,
html[data-service-key="ai"] #leadership-brief,
html[data-service-key="ai"] #leadership-routing,
html[data-service-key="ai"] #leadership-team,
html[data-service-key="ai"] #leadership-path,
html[data-service-key="ai"] #software-threshold,
html[data-service-key="ai"] #software-customer,
html[data-service-key="ai"] #software-apps,
html[data-service-key="ai"] #software-path,
html[data-service-key="ai"] #automation-line,
html[data-service-key="ai"] #automation-control,
html[data-service-key="ai"] #automation-path { display:none; }
.service-atmosphere-grid { z-index:0; opacity:.72; background-image:linear-gradient(rgba(72,105,159,.24) 1px,transparent 1px),linear-gradient(90deg,rgba(72,105,159,.24) 1px,transparent 1px); background-size:36px 36px; -webkit-mask-image:radial-gradient(ellipse 72% 76% at 50% 50%,#000 0 42%,rgba(0,0,0,.52) 67%,transparent 100%); mask-image:radial-gradient(ellipse 72% 76% at 50% 50%,#000 0 42%,rgba(0,0,0,.52) 67%,transparent 100%); }
.service-particle-field { z-index:1; }
.subpage-system.media-frame .subpage-pyramid { z-index:2; }
.subpage-system.media-frame .subpage-pyramid .diagram-node span { border:0; background:transparent; box-shadow:none; }
.subpage-system.media-frame .subpage-pyramid .diagram-node.is-active strong { font-weight:700; }
.service-model-vertex { fill:#b9d7ff; stroke:#0b1426; stroke-width:3.5; vector-effect:non-scaling-stroke; filter:drop-shadow(0 0 7px rgba(98,148,254,.9)); }
.service-model-vertex.is-active { fill:#fff; stroke:#e4e8ff; filter:drop-shadow(0 0 9px rgba(77,177,255,1)) drop-shadow(0 0 18px rgba(120,118,253,.9)); }
@media (max-width:560px) { .service-atmosphere-grid { background-size:28px 28px; } }

/* A pointer-following specular pass gives service media the same tactile glass
   response as the reference without dimming the interactive capability map. */
.subpage-system.media-frame {
  --frame-light-x:50%;
  --frame-light-y:50%;
  --frame-light-radius:260px;
  --frame-light-opacity:0;
  --frame-edge-opacity:0;
  overflow:visible;
  padding:24px;
  border:1px solid rgba(173,215,255,.18);
  background:linear-gradient(135deg,rgba(41,69,110,.28),rgba(18,30,54,.25) 52%,rgba(61,55,137,.22)) padding-box,linear-gradient(135deg,rgba(188,229,255,.32),rgba(102,160,243,.14) 48%,rgba(174,169,255,.28)) border-box;
  box-shadow:inset 0 1px rgba(237,248,255,.13),inset 0 -1px rgba(32,52,102,.2),0 24px 64px rgba(1,5,15,.36),0 0 50px rgba(77,177,255,.07);
  backdrop-filter:blur(22px) saturate(145%);
  -webkit-backdrop-filter:blur(22px) saturate(145%);
  isolation:isolate;
}
.subpage-system.media-frame::before {
  z-index:0;
  inset:1px;
  border-radius:inherit;
  opacity:var(--frame-light-opacity);
  background:radial-gradient(circle calc(var(--frame-light-radius) + 56px) at var(--frame-light-x) var(--frame-light-y),rgba(112,198,255,.24),rgba(90,145,255,.11) 38%,rgba(89,116,255,.035) 57%,transparent 72%);
  transition:opacity .2s ease,background .16s ease;
}
.subpage-system.media-frame::after {
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  padding:1.5px;
  border-radius:inherit;
  pointer-events:none;
  opacity:var(--frame-edge-opacity);
  background:radial-gradient(circle var(--frame-light-radius) at var(--frame-light-x) var(--frame-light-y),rgba(243,252,255,1) 0%,rgba(174,229,255,.98) 18%,rgba(82,185,255,.88) 42%,rgba(89,116,255,.3) 61%,transparent 80%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  filter:drop-shadow(0 0 6px rgba(202,239,255,.95)) drop-shadow(0 0 18px rgba(77,177,255,.68)) drop-shadow(0 0 42px rgba(77,177,255,.3));
  transition:opacity .22s ease;
}
.subpage-system.media-frame .media-frame__content {
  z-index:2;
  background:radial-gradient(ellipse at 50% 105%,rgba(76,93,186,.12),transparent 55%),#090f19;
  background-size:auto;
  box-shadow:0 0 28px rgba(4,9,18,.78);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.subpage-system.media-frame .media-frame__content::after {
  display:none;
}
@media (prefers-reduced-motion:reduce) {
  .subpage-system.media-frame,.subpage-system.media-frame::after,.subpage-system.media-frame .media-frame__content::after { transition:none; }
}
@media (max-width:560px) {
  .subpage-system.media-frame { padding:14px; }
}

/* Capability heroes share the same spectrum headline treatment. */
.subpage-copy h1 { color:transparent; background:var(--spectrum); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }

/* Capability pages continue the homepage's system-panel language: a single
   dark workbench with asymmetric panels, followed by a deliberate outcome. */
.subpage-detail { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr); gap:clamp(48px,9vw,140px); align-items:center; padding-top:var(--section-space-compact); padding-bottom:var(--section-space-compact); }
.service-detail-body { max-width:680px; margin:28px 0 0; color:#53617a; font-size:18px; line-height:1.6; }
.service-detail-panel { position:relative; max-width:440px; padding:32px; overflow:hidden; border:1px solid #b4c5de; border-radius:10px; background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(228,235,247,.7)); box-shadow:inset 0 1px rgba(255,255,255,.85),0 20px 42px rgba(40,70,120,.08); }
.service-detail-panel:before { content:""; position:absolute; top:0; left:0; width:100%; height:3px; background:var(--spectrum); }
.service-detail-panel>p { margin:0 0 20px; color:#243f7a; font:600 15px/1.35 var(--ui); }
.service-detail-panel ul { display:grid; gap:13px; margin:0; padding:0; list-style:none; }
.service-detail-panel li { position:relative; padding-left:20px; color:#53617a; font-size:15px; line-height:1.42; }
.service-detail-panel li:before { content:""; position:absolute; top:.48em; left:0; width:8px; height:8px; border-radius:50%; background:linear-gradient(135deg,#4db1ff,#7876fd); }
.subpage.is-service-leadership .subpage-detail { grid-template-columns:minmax(0,1.28fr) minmax(320px,.72fr); gap:clamp(48px,9vw,132px); background:#edf3fb; }.subpage.is-service-leadership .subpage-detail h2 { max-width:680px; font-size:clamp(46px,4.3vw,64px); line-height:1.01; }.subpage.is-service-leadership .service-detail-body { max-width:650px; margin-top:18px; color:#429bff; font:500 16px/1.42 var(--mono); letter-spacing:-.02em; }.subpage.is-service-leadership .service-detail-panel { max-width:425px; padding:34px 32px; border-color:#a8bee0; border-radius:8px; background:#f8fbff; box-shadow:none; }.subpage.is-service-leadership .service-detail-panel:before { height:2px; }.subpage.is-service-leadership .service-detail-panel>p { color:#243f7a; font-size:15px; }.subpage.is-service-leadership .service-detail-panel li { color:#526482; font-size:15px; line-height:1.45; }
.service-workbench { padding:var(--section-space) var(--layout-inline); overflow:hidden; color:#e5ebee; background:radial-gradient(ellipse 42% 82% at 92% 20%,rgba(120,118,253,.16),transparent 72%),radial-gradient(ellipse 38% 76% at 7% 92%,rgba(77,177,255,.14),transparent 70%),#080e18; }
#leadership-brief[hidden],#leadership-routing[hidden],#leadership-team[hidden],#leadership-path[hidden],#software-threshold[hidden],#software-customer[hidden],#software-apps[hidden],#software-path[hidden],#automation-line[hidden],#automation-control[hidden],#automation-path[hidden],.service-workbench[hidden] { display:none !important; }
.service-workbench__heading { display:grid; grid-template-columns:minmax(190px,.55fr) minmax(0,1.45fr); gap:48px; max-width:1100px; margin:0 0 64px; }
.service-workbench__heading>p { margin:7px 0 0; color:#94b8f6; font:500 14px/1.35 var(--mono); }
.service-workbench h2 { margin:0; font:400 var(--type-section)/1 var(--display); letter-spacing:-.06em; }
.bento-grid { display:grid; gap:16px; max-width:1200px; }
.bento-grid--two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.bento-grid--three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.bento-grid--feature-left { grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr); grid-template-rows:minmax(190px,auto) minmax(270px,auto); }
.bento-card { --frame-light-x:50%; --frame-light-y:50%; --frame-light-radius:190px; --frame-light-opacity:0; --frame-edge-opacity:0; position:relative; display:flex; min-height:0; padding:8px; overflow:hidden; isolation:isolate; border:1px solid rgba(159,200,249,.3); border-radius:10px; background:linear-gradient(135deg,rgba(35,66,108,.54),rgba(18,29,55,.6) 52%,rgba(54,47,112,.48)); box-shadow:inset 0 1px rgba(232,244,255,.16),inset 0 -1px rgba(22,35,78,.18),0 18px 42px rgba(0,0,0,.19); backdrop-filter:blur(22px) saturate(130%); -webkit-backdrop-filter:blur(22px) saturate(130%); }
.bento-card:before { content:""; position:absolute; z-index:0; pointer-events:none; inset:1px; border-radius:inherit; opacity:var(--frame-light-opacity); background:radial-gradient(circle calc(var(--frame-light-radius) + 40px) at var(--frame-light-x) var(--frame-light-y),rgba(112,198,255,.18),rgba(90,145,255,.07) 42%,transparent 72%); transition:opacity .2s ease,background .16s ease; }
.bento-card:after { content:""; position:absolute; z-index:1; pointer-events:none; inset:0; padding:1px; border-radius:inherit; opacity:var(--frame-edge-opacity); background:radial-gradient(circle var(--frame-light-radius) at var(--frame-light-x) var(--frame-light-y),rgba(243,252,255,.96),rgba(174,229,255,.88) 23%,rgba(82,185,255,.64) 45%,transparent 76%); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; filter:drop-shadow(0 0 5px rgba(202,239,255,.78)) drop-shadow(0 0 14px rgba(77,177,255,.32)); transition:opacity .2s ease; }
.bento-card__content { position:relative; z-index:2; display:flex; width:100%; min-height:0; overflow:hidden; border:1px solid rgba(145,184,237,.17); border-radius:4px; background:linear-gradient(145deg,#111d31,#0b1424); box-shadow:inset 0 1px rgba(255,255,255,.045); }
.bento-card__copy { position:relative; z-index:1; max-width:590px; padding:26px 30px 30px; }
.bento-card__mark { position:absolute; right:-18px; bottom:-34px; width:170px; height:170px; border:1px solid rgba(112,149,220,.22); border-radius:50%; box-shadow:0 0 0 28px rgba(112,149,220,.035),0 0 0 58px rgba(112,149,220,.02); }
.bento-card h3 { margin:0 0 14px; font:500 var(--type-card)/1.08 var(--display); letter-spacing:-.05em; }
.bento-card p { max-width:510px; margin:0; color:#b4c0d6; font-size:16px; line-height:1.58; }
.bento-card--featured { grid-row:1 / span 2; align-items:stretch; min-height:450px; border-color:rgba(140,197,255,.5); background:radial-gradient(circle at 82% 17%,rgba(77,177,255,.22),transparent 36%),linear-gradient(145deg,rgba(28,65,112,.58),rgba(12,25,48,.66)); }
.bento-card--featured .bento-card__content { align-items:flex-end; background:radial-gradient(circle at 82% 17%,rgba(77,177,255,.1),transparent 36%),linear-gradient(145deg,#142b4b,#0b1424); }.bento-card--featured .bento-card__copy { padding:38px; }.bento-card--featured h3 { font-size:clamp(30px,2.8vw,44px); }
.bento-card--featured .bento-card__mark { right:7%; bottom:43%; width:216px; height:216px; border-color:rgba(77,177,255,.4); box-shadow:0 0 0 34px rgba(77,177,255,.055),0 0 0 72px rgba(77,177,255,.025); }
.bento-card--standard:nth-child(2) { background:radial-gradient(circle at 90% 100%,rgba(120,118,253,.22),transparent 42%),linear-gradient(145deg,rgba(48,45,104,.58),rgba(18,22,55,.64)); }
.bento-card--standard:nth-child(3) { background:linear-gradient(145deg,rgba(31,56,94,.56),rgba(13,22,43,.66)); }
.bento-card--standard:nth-child(3) .bento-card__mark { width:124px; height:124px; border-radius:10px; transform:rotate(45deg); }
.leadership-brief { display:grid; grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr); gap:clamp(48px,9vw,132px); align-items:center; padding:var(--section-space) var(--layout-inline); color:#e5ebee; background:#080e18; }.leadership-brief__copy { max-width:510px; }.leadership-brief__copy>p:first-child { margin:0 0 18px; color:#94b8f6; font:500 14px/1.35 var(--mono); }.leadership-brief__copy h2 { margin:0; font:400 var(--type-feature)/1.02 var(--display); letter-spacing:-.06em; }.leadership-brief__copy>p:last-child { max-width:480px; margin:28px 0 0; color:#b8c6dc; font-size:17px; line-height:1.6; }
.leadership-brief__frame.media-frame { min-height:480px; }.leadership-brief__field.media-frame__content { position:relative; display:grid; place-items:center; min-height:432px; overflow:hidden; background:radial-gradient(ellipse at 50% 45%,rgba(57,102,178,.15),transparent 52%),#091321; }.leadership-brief__field:before { content:""; position:absolute; inset:0; opacity:.65; background-image:linear-gradient(rgba(72,105,159,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(72,105,159,.22) 1px,transparent 1px); background-size:36px 36px; -webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 0 55%,transparent 100%); mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 0 55%,transparent 100%); }.leadership-brief__parties { position:absolute; z-index:2; top:13%; display:flex; gap:clamp(12px,3vw,32px); }.leadership-brief__parties span,.leadership-brief__logic,.leadership-brief__leader { display:grid; place-items:center; min-height:48px; padding:0 15px; border:1px solid rgba(186,220,255,.48); border-radius:5px; box-shadow:inset 0 1px rgba(255,255,255,.3),0 0 20px rgba(77,177,255,.16); font:500 13px/1 var(--mono); }.leadership-brief__parties span { min-width:96px; color:#dff1ff; background:linear-gradient(135deg,rgba(41,79,133,.84),rgba(24,43,87,.88)); }.leadership-brief__logic { position:absolute; z-index:2; top:44%; min-width:164px; color:#0b1830; background:#c6e5ff; animation:brief-settle 4.8s ease-in-out infinite; }.leadership-brief__leader { position:absolute; z-index:2; bottom:13%; min-width:176px; color:#eaf6ff; background:linear-gradient(135deg,rgba(101,176,242,.88),rgba(78,120,219,.86)); }.leadership-brief__line { position:absolute; z-index:1; top:56%; width:1px; height:18%; background:linear-gradient(#87c9ff,rgba(98,148,254,.3)); }.leadership-brief__routes { position:absolute; z-index:1; top:25%; width:64%; height:19%; border-bottom:1px solid rgba(116,188,255,.6); border-right:1px solid rgba(120,118,253,.42); border-left:1px solid rgba(77,177,255,.42); border-radius:0 0 24px 24px; }.leadership-brief__routes:before { content:""; position:absolute; bottom:-45px; left:50%; width:1px; height:45px; background:linear-gradient(#87c9ff,rgba(98,148,254,.2)); }.leadership-brief__routes i { position:absolute; top:-3px; width:6px; height:6px; border-radius:50%; background:#dff4ff; box-shadow:0 0 14px #70c8ff; animation:brief-route 3.6s linear infinite; }.leadership-brief__routes i:nth-child(1) { left:18%; }.leadership-brief__routes i:nth-child(2) { left:50%; animation-delay:1.2s; }.leadership-brief__routes i:nth-child(3) { right:18%; animation-delay:2.4s; }@keyframes brief-route { 0%,18% { transform:translateY(0); opacity:0; } 28% { opacity:1; } 76% { transform:translateY(82px); opacity:1; } 100% { transform:translateY(108px); opacity:0; } }@keyframes brief-settle { 0%,20%,100% { transform:translateY(0); } 30%,68% { transform:translateY(4px); } }
.leadership-brief__frame.media-frame { min-height:480px; }.leadership-brief__field.media-frame__content { position:relative; display:grid; place-items:center; min-height:432px; overflow:hidden; background:radial-gradient(ellipse at 50% 45%,rgba(57,102,178,.15),transparent 52%),#091321; }.leadership-brief__field:before { content:""; position:absolute; inset:0; opacity:.65; background-image:linear-gradient(rgba(72,105,159,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(72,105,159,.22) 1px,transparent 1px); background-size:36px 36px; -webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 0 55%,transparent 100%); mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 0 55%,transparent 100%); }.leadership-brief__parties { position:absolute; z-index:2; top:13%; display:flex; gap:clamp(12px,3vw,32px); }.leadership-brief__parties span,.leadership-brief__logic,.leadership-brief__leader { display:grid; place-items:center; min-height:48px; padding:0 15px; border:1px solid rgba(186,220,255,.48); border-radius:5px; box-shadow:inset 0 1px rgba(255,255,255,.3),0 0 20px rgba(77,177,255,.16); font:500 13px/1 var(--mono); }.leadership-brief__parties span { min-width:96px; color:#dff1ff; background:linear-gradient(135deg,rgba(41,79,133,.84),rgba(24,43,87,.88)); }.leadership-brief__logic { position:absolute; z-index:2; top:44%; min-width:164px; color:#0b1830; background:#c6e5ff; animation:brief-settle 4.8s ease-in-out infinite; }.leadership-brief__leader { position:absolute; z-index:2; bottom:13%; min-width:176px; color:#eaf6ff; background:linear-gradient(135deg,rgba(101,176,242,.88),rgba(78,120,219,.86)); }.leadership-brief__line { position:absolute; z-index:1; top:56%; width:1px; height:18%; background:linear-gradient(#87c9ff,rgba(98,148,254,.3)); }.leadership-brief__routes { position:absolute; z-index:1; top:25%; width:64%; height:19%; overflow:visible; }.leadership-brief__routes line { stroke:rgba(122,190,255,.62); stroke-width:1.5; vector-effect:non-scaling-stroke; }.leadership-brief__routes line:nth-child(2) { stroke:rgba(177,219,255,.76); }@keyframes brief-settle { 0%,20%,100% { transform:translateY(0); } 30%,68% { transform:translateY(4px); } }
.leadership-brief__routes { border:0; border-radius:0; }.leadership-brief__routes::before { display:none; }.leadership-brief__routes line { stroke-dasharray:4 8; animation:brief-line-flow 1.35s linear infinite; }.leadership-brief__line { background:repeating-linear-gradient(to bottom,rgba(221,244,255,.92) 0 4px,rgba(102,174,255,.66) 4px 8px,transparent 8px 14px); background-size:1px 14px; animation:brief-stem-flow 1.05s linear infinite; }@keyframes brief-line-flow { to { stroke-dashoffset:-24; } }@keyframes brief-stem-flow { to { background-position-y:14px; } }
.leadership-brief__visual { width:100%; min-height:432px; }.leadership-brief__field { position:relative; display:grid; place-items:center; min-height:432px; overflow:hidden; background:radial-gradient(ellipse at 50% 45%,rgba(57,102,178,.15),transparent 52%),transparent; }
.leadership-routing__visual { position:relative; isolation:isolate; }.leadership-routing__visual::before,.leadership-relationship::before { content:""; position:absolute; z-index:0; inset:0; pointer-events:none; opacity:.6; background-image:linear-gradient(rgba(72,105,159,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(72,105,159,.22) 1px,transparent 1px); background-size:36px 36px; -webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 0 55%,transparent 100%); mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 0 55%,transparent 100%); }.leadership-routing__visual .open-service-map { z-index:1; }
.leadership-routing { display:grid; grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr); gap:clamp(48px,9vw,132px); align-items:center; padding:var(--section-space) var(--layout-inline); color:#e5ebee; background:radial-gradient(ellipse 46% 78% at 88% 48%,rgba(120,118,253,.13),transparent 70%),radial-gradient(ellipse 38% 70% at 12% 35%,rgba(77,177,255,.1),transparent 72%),#0a111d; }
.leadership-routing__intro { max-width:510px; }.leadership-routing__intro>p:first-child { margin:0 0 18px; color:#94b8f6; font:500 14px/1.35 var(--mono); }.leadership-routing__intro h2 { margin:0; font:400 var(--type-feature)/1.02 var(--display); letter-spacing:-.06em; }.leadership-routing__intro>p:last-child { max-width:480px; margin:28px 0 0; color:#b8c6dc; font-size:17px; line-height:1.6; }
.leadership-routing__frame.media-frame { min-height:520px; }.leadership-routing__field.media-frame__content { position:relative; height:100%; min-height:472px; background:radial-gradient(ellipse at 50% 100%,rgba(79,93,189,.11),transparent 55%),#0a1322; }.leadership-routing__canvas { display:block; width:100%; height:100%; }
.leadership-team { display:grid; grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr); gap:clamp(48px,10vw,144px); align-items:center; padding:var(--section-space) var(--layout-inline); color:#e5ebee; background:#08101b; }.leadership-team__copy>p:first-child,.leadership-path__heading>p { margin:0 0 18px; color:#94b8f6; font:500 14px/1.35 var(--mono); }.leadership-team h2,.leadership-path h2 { max-width:590px; margin:0; font:400 var(--type-feature)/1.02 var(--display); letter-spacing:-.06em; }.leadership-team__copy>p:last-child { max-width:500px; margin:28px 0 0; color:#b8c6dc; font-size:17px; line-height:1.6; }.open-service-map { position:relative; min-height:430px; }.open-service-map__business,.open-service-map__leader { position:absolute; z-index:2; display:grid; place-items:center; min-height:64px; padding:0 16px; border:1px solid rgba(137,183,245,.42); border-radius:5px; text-align:center; box-shadow:inset 0 1px rgba(255,255,255,.12),0 0 24px rgba(77,177,255,.09); }.open-service-map__business { top:calc(50% - 32px); left:0; color:#c7d8ef; background:rgba(18,33,56,.66); font:500 13px/1.25 var(--mono); }.open-service-map__leader { top:calc(50% - 40px); left:38%; min-width:126px; min-height:80px; color:#0b1830; background:var(--spectrum); font:500 14px/1.15 var(--ui); box-shadow:inset 0 1px rgba(255,255,255,.44),0 0 28px rgba(98,148,254,.22); }.open-service-map__lines { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }.open-service-map__lines path { fill:none; stroke:rgba(125,187,255,.58); stroke-width:1.5; stroke-dasharray:3 7; animation:service-route 8s linear infinite; }.open-service-map__services { position:absolute; top:8%; right:0; bottom:8%; display:grid; align-content:space-between; width:30%; }.open-service-map__services a { display:grid; grid-template-columns:24px minmax(0,1fr) auto; gap:9px; align-items:center; min-height:54px; padding:10px 12px; border:1px solid rgba(132,177,239,.34); border-radius:5px; color:#dcecff; background:rgba(17,31,53,.62); box-shadow:inset 0 1px rgba(255,255,255,.08); font-size:14px; }.open-service-map__services a:hover,.open-service-map__services a:focus-visible { border-color:#8fc7ff; color:#fff; background:rgba(30,54,91,.82); outline:0; }.open-service-map__services i,.open-service-map__services b { color:#87c6ff; font-size:18px; }.open-service-map__services b { font:15px/1 var(--mono); }@keyframes service-route { to { stroke-dashoffset:-80; } }
.leadership-path { padding:var(--section-space) var(--layout-inline); color:#e5ebee; background:radial-gradient(ellipse 44% 72% at 10% 88%,rgba(77,177,255,.11),transparent 70%),#0b1320; }.leadership-path__heading { display:grid; grid-template-columns:minmax(190px,.55fr) minmax(0,1.45fr); gap:48px; max-width:1100px; margin:0 0 64px; }.leadership-path__heading>p { margin-top:7px; color:#94b8f6; }.leadership-path__steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; max-width:1200px; margin:0; padding:0; list-style:none; border-top:1px solid rgba(139,173,219,.38); border-bottom:1px solid rgba(139,173,219,.38); }.leadership-path__steps li { display:grid; grid-template-columns:42px minmax(0,1fr); gap:16px; min-height:268px; padding:30px 30px 34px 0; }.leadership-path__steps li+li { padding-left:30px; border-left:1px solid rgba(139,173,219,.38); }.leadership-path__steps span { color:#83bdfb; font:500 13px/1.3 var(--mono); }.leadership-path__steps h3 { margin:0; font:500 var(--type-card)/1.08 var(--display); letter-spacing:-.05em; }.leadership-path__steps p { margin:16px 0 0; color:#b6c4d9; font-size:16px; line-height:1.56; }.leadership-path__steps strong { display:block; margin-top:28px; color:#edf5ff; font-size:14px; }
.leadership-relationship { position:relative; width:100%; max-width:650px; min-height:300px; }.leadership-relationship__business,.leadership-relationship__leader,.leadership-relationship__forged { position:absolute; z-index:2; display:flex; align-items:center; justify-content:center; box-sizing:border-box; border:1px solid rgba(137,183,245,.42); border-radius:5px; box-shadow:inset 0 1px rgba(255,255,255,.12),0 0 24px rgba(77,177,255,.09); }.leadership-relationship__business { top:120px; left:0; width:160px; min-height:60px; color:#c7d8ef; background:rgba(18,33,56,.66); font:500 13px/1.25 var(--mono); }.leadership-relationship__leader { top:105px; left:calc(50% - 55px); width:110px; min-height:90px; color:#0b1830; text-align:center; background:var(--spectrum); font:500 14px/1.15 var(--ui); box-shadow:inset 0 1px rgba(255,255,255,.44),0 0 28px rgba(98,148,254,.22); }.leadership-relationship__forged { top:120px; right:0; gap:8px; width:160px; min-height:60px; color:#e6effe; background:rgba(18,33,56,.66); font:600 14px/1 var(--ui); }.leadership-relationship__forged svg { width:30px; height:28px; }.leadership-relationship__lines { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }.leadership-relationship__lines path { fill:none; stroke:rgba(144,204,255,.72); stroke-width:1.5; stroke-dasharray:4 8; animation:relationship-flow 1.4s linear infinite; }.leadership-relationship__lines path:nth-of-type(2),.leadership-relationship__lines path:nth-of-type(4) { animation-direction:reverse; }@keyframes relationship-flow { to { stroke-dashoffset:-24; } }
.leadership-routing__visual { width:100%; max-width:650px; }
.open-service-map__business,.open-service-map__services a { background:transparent; box-shadow:none; }.open-service-map__services a:hover,.open-service-map__services a:focus-visible { background:transparent; }
.leadership-relationship { min-height:430px; isolation:isolate; }.leadership-relationship__parties,.leadership-relationship__services { position:absolute; z-index:2; top:8%; bottom:8%; display:grid; align-content:space-between; width:160px; }.leadership-relationship__parties { left:0; }.leadership-relationship__services { right:0; }.leadership-relationship__parties span,.leadership-relationship__services a { display:flex; align-items:center; box-sizing:border-box; min-height:54px; padding:10px 12px; border:1px solid rgba(132,177,239,.42); border-radius:5px; color:#dcecff; background:#08101b; box-shadow:none; font:500 13px/1.25 var(--mono); }.leadership-relationship__parties span { justify-content:center; }.leadership-relationship__services a { gap:9px; font:400 14px/1.25 var(--ui); }.leadership-relationship__services i { color:#87c6ff; font-size:18px; }.leadership-relationship__leader { top:calc(50% - 50px); left:calc(50% - 65px); width:130px; min-height:100px; }.leadership-relationship__lines { z-index:0; }.leadership-relationship__lines path:nth-of-type(even) { animation-direction:reverse; }
.leadership-relationship__parties span,.leadership-relationship__services a { background:#08101b !important; box-shadow:none !important; backdrop-filter:none; }.leadership-relationship__lines path { animation:relationship-flow-forward 1.4s linear infinite; }.leadership-relationship__lines path:nth-of-type(even) { animation:relationship-flow-forward 1.4s linear infinite; }@keyframes relationship-flow-forward { to { stroke-dashoffset:-24; } }
.software-threshold { display:grid; grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr); gap:clamp(48px,9vw,132px); align-items:center; padding:var(--section-space) var(--layout-inline); color:#e5ebee; background:radial-gradient(ellipse 42% 76% at 92% 24%,rgba(120,118,253,.12),transparent 72%),#09111d; }.software-threshold__copy { max-width:510px; }.software-threshold__copy>p:first-child,.software-outcomes__heading>p,.software-path__heading>p { margin:0 0 18px; color:#94b8f6; font:500 14px/1.35 var(--mono); }.software-threshold h2,.software-outcomes h2,.software-path h2 { margin:0; font:400 var(--type-feature)/1.02 var(--display); letter-spacing:-.06em; }.software-threshold__copy>p:last-child { max-width:480px; margin:28px 0 0; color:#b8c6dc; font-size:17px; line-height:1.6; }.software-system-map { position:relative; width:100%; max-width:650px; min-height:430px; isolation:isolate; }.software-system-map__inputs,.software-system-map__outputs { position:absolute; z-index:2; display:grid; align-content:space-between; width:160px; }.software-system-map__inputs { top:8%; bottom:8%; left:0; }.software-system-map__outputs { top:22%; right:0; bottom:22%; }.software-system-map__inputs span,.software-system-map__outputs span { display:flex; align-items:center; justify-content:center; box-sizing:border-box; min-height:54px; padding:10px 12px; border:1px solid rgba(132,177,239,.42); border-radius:5px; color:#dcecff; background:#09111d; font:500 13px/1.25 var(--mono); text-align:center; }.software-system-map__product { position:absolute; z-index:2; top:calc(50% - 50px); left:calc(50% - 65px); display:grid; place-items:center; width:130px; min-height:100px; border:1px solid rgba(205,228,255,.6); border-radius:5px; color:#0b1830; text-align:center; background:var(--spectrum); box-shadow:inset 0 1px rgba(255,255,255,.44),0 0 28px rgba(98,148,254,.22); font:500 14px/1.15 var(--ui); }.software-system-map__lines { position:absolute; z-index:0; inset:0; width:100%; height:100%; overflow:visible; }.software-system-map__lines path { fill:none; stroke:rgba(144,204,255,.72); stroke-width:1.5; stroke-dasharray:4 8; animation:software-system-flow 1.4s linear infinite; }@keyframes software-system-flow { to { stroke-dashoffset:-24; } }
.software-dashboard.media-frame { width:100%; min-height:430px; }.software-dashboard__surface.media-frame__content { display:block; box-sizing:border-box; min-height:410px; padding:clamp(18px,3vw,32px); color:#dfeeff; background:radial-gradient(ellipse 50% 90% at 78% 20%,rgba(75,125,216,.1),transparent 72%),#0c1424; }.software-dashboard__topbar,.software-dashboard__nav,.software-dashboard__metrics,.software-dashboard__workspace { position:relative; z-index:1; }.software-dashboard__topbar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-bottom:16px; color:#e9f4ff; font:500 14px/1.3 var(--ui); }.software-dashboard__topbar span { display:flex; align-items:center; gap:8px; }.software-dashboard__topbar i { color:#8bcaff; font-size:17px; }.software-dashboard__topbar small,.software-dashboard__nav { color:#8092b1; font:500 11px/1.3 var(--mono); }.software-dashboard__nav { display:flex; gap:20px; padding:0 0 18px; border-bottom:1px solid rgba(130,172,225,.18); }.software-dashboard__nav span { padding-bottom:7px; }.software-dashboard__nav .is-active { color:#cceaff; border-bottom:1px solid #76bdff; }.software-dashboard__metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:18px; }.software-dashboard__metrics article,.software-dashboard__chart,.software-dashboard__queue { border:1px solid rgba(130,172,225,.18); border-radius:5px; background:rgba(14,27,48,.72); }.software-dashboard__metrics article { min-height:82px; padding:14px; }.software-dashboard__metrics small,.software-dashboard__chart small,.software-dashboard__queue small { display:block; color:#7f91af; font:500 10px/1.3 var(--mono); }.software-dashboard__metrics strong { display:block; margin:6px 0 3px; color:#e9f4ff; font:500 23px/1 var(--display); letter-spacing:-.04em; }.software-dashboard__metrics span { color:#94c8ff; font:500 10px/1.3 var(--mono); }.software-dashboard__workspace { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(180px,.8fr); gap:10px; margin-top:10px; }.software-dashboard__chart,.software-dashboard__queue { min-height:190px; padding:16px; }.software-dashboard__chart>div,.software-dashboard__queue>div { display:flex; align-items:baseline; justify-content:space-between; gap:12px; color:#dfeeff; font:500 12px/1.3 var(--ui); }.software-dashboard__chart svg { display:block; width:100%; height:138px; margin-top:12px; overflow:visible; }.software-dashboard__grid { fill:none; stroke:rgba(126,165,217,.16); stroke-width:1; }.software-dashboard__line { fill:none; stroke:#8fcaff; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 0 5px rgba(77,177,255,.45)); }.software-dashboard__queue p { display:grid; grid-template-columns:8px minmax(0,1fr) auto; gap:7px; align-items:center; margin:15px 0 0; color:#cfe0f6; font-size:11px; }.software-dashboard__queue b { width:7px; height:7px; border-radius:50%; background:#83c1ff; box-shadow:0 0 10px rgba(77,177,255,.62); }.software-dashboard__queue p:nth-of-type(2) b { background:#8f9cff; }.software-dashboard__queue p:nth-of-type(3) b { background:#b7c8ef; }.software-dashboard__queue p small { color:#8294b1; }
.software-dashboard.media-frame { --frame-light-x:50%; --frame-light-y:50%; --frame-light-radius:260px; --frame-light-opacity:0; --frame-edge-opacity:0; overflow:visible; }.software-dashboard.media-frame::before { z-index:0; opacity:var(--frame-light-opacity); background:radial-gradient(circle calc(var(--frame-light-radius) + 56px) at var(--frame-light-x) var(--frame-light-y),rgba(112,198,255,.24),rgba(90,145,255,.11) 38%,rgba(89,116,255,.035) 57%,transparent 72%); transition:opacity .2s ease,background .16s ease; }.software-dashboard.media-frame::after { content:""; position:absolute; z-index:3; inset:0; padding:1.5px; border-radius:inherit; pointer-events:none; opacity:var(--frame-edge-opacity); background:radial-gradient(circle var(--frame-light-radius) at var(--frame-light-x) var(--frame-light-y),rgba(243,252,255,1) 0%,rgba(174,229,255,.98) 18%,rgba(82,185,255,.88) 42%,rgba(89,116,255,.3) 61%,transparent 80%); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; filter:drop-shadow(0 0 6px rgba(202,239,255,.95)) drop-shadow(0 0 18px rgba(77,177,255,.68)); transition:opacity .22s ease; }.software-dashboard.media-frame .software-dashboard__surface { z-index:2; }
.software-customer-ui.media-frame,.software-apps-ui.media-frame { --frame-light-x:50%; --frame-light-y:50%; --frame-light-radius:260px; --frame-light-opacity:0; --frame-edge-opacity:0; overflow:visible; }.software-customer-ui.media-frame::before,.software-apps-ui.media-frame::before { z-index:0; opacity:var(--frame-light-opacity); background:radial-gradient(circle calc(var(--frame-light-radius) + 56px) at var(--frame-light-x) var(--frame-light-y),rgba(112,198,255,.24),rgba(90,145,255,.11) 38%,rgba(89,116,255,.035) 57%,transparent 72%); transition:opacity .2s ease,background .16s ease; }.software-customer-ui.media-frame::after,.software-apps-ui.media-frame::after { content:""; position:absolute; z-index:3; inset:0; padding:1.5px; border-radius:inherit; pointer-events:none; opacity:var(--frame-edge-opacity); background:radial-gradient(circle var(--frame-light-radius) at var(--frame-light-x) var(--frame-light-y),rgba(243,252,255,1) 0%,rgba(174,229,255,.98) 18%,rgba(82,185,255,.88) 42%,rgba(89,116,255,.3) 61%,transparent 80%); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; filter:drop-shadow(0 0 6px rgba(202,239,255,.95)) drop-shadow(0 0 18px rgba(77,177,255,.68)); transition:opacity .22s ease; }.software-customer-ui.media-frame .software-customer-ui__surface,.software-apps-ui.media-frame .software-apps-ui__surface { z-index:2; }
.software-customer { display:grid; grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr); gap:clamp(48px,9vw,132px); align-items:center; padding:var(--section-space) var(--layout-inline); color:#e5ebee; background:radial-gradient(ellipse 42% 76% at 8% 78%,rgba(77,177,255,.1),transparent 72%),#080e18; }.software-customer__copy { max-width:510px; }.software-customer__copy>p:first-child { margin:0 0 18px; color:#94b8f6; font:500 14px/1.35 var(--mono); }.software-customer h2 { margin:0; font:400 var(--type-feature)/1.02 var(--display); letter-spacing:-.06em; }.software-customer__copy>p:last-child { max-width:480px; margin:28px 0 0; color:#b8c6dc; font-size:17px; line-height:1.6; }.software-customer-ui.media-frame { width:100%; min-height:430px; }.software-customer-ui__surface.media-frame__content { display:block; box-sizing:border-box; min-height:410px; padding:clamp(20px,3vw,34px); color:#e7f2ff; background:radial-gradient(ellipse 42% 70% at 68% 85%,rgba(98,148,254,.12),transparent 72%),#0c1424; }.software-customer-ui__topbar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-bottom:18px; border-bottom:1px solid rgba(130,172,225,.18); color:#e7f2ff; font:500 14px/1.3 var(--ui); }.software-customer-ui__topbar span { display:flex; align-items:center; gap:8px; }.software-customer-ui__topbar i { color:#8bcaff; font-size:17px; }.software-customer-ui__topbar small { color:#8da0be; font:500 11px/1.3 var(--mono); }.software-customer-ui__content { display:grid; place-items:center; min-height:330px; padding:30px 0 6px; text-align:center; }.software-customer-ui__intro { max-width:430px; }.software-customer-ui__intro>span { color:#92caff; font:500 11px/1.3 var(--mono); }.software-customer-ui__intro h3 { margin:12px 0 0; color:#edf5ff; font:400 clamp(28px,3.2vw,42px)/1.02 var(--display); letter-spacing:-.055em; }.software-customer-ui__intro p { margin:16px auto 0; color:#9aaac1; font-size:14px; line-height:1.5; }.software-customer-ui__composer { position:relative; width:min(100%,460px); margin-top:30px; padding:12px; border:1px solid rgba(143,195,255,.38); border-radius:7px; background:#111f35; box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 28px rgba(77,177,255,.08); text-align:left; }.software-customer-ui__composer>p { margin:0 0 7px; color:#9eb2d1; font:500 10px/1.3 var(--mono); }.software-customer-ui__composer>div { display:flex; align-items:center; gap:12px; min-height:52px; padding:0 8px 0 14px; border-radius:5px; background:#dceeff; color:#12203a; font-size:14px; }.software-customer-ui__composer button { display:grid; flex:0 0 auto; place-items:center; width:34px; height:34px; margin-left:auto; border:0; border-radius:50%; color:#eff8ff; background:linear-gradient(135deg,#4db1ff,#7876fd); box-shadow:0 0 18px rgba(77,177,255,.35); animation:customer-send 3.8s ease-in-out infinite; }.software-customer-ui__composer button i { font-size:17px; }.software-customer-ui__composer small { display:flex; align-items:center; gap:6px; margin:11px 2px 1px; color:#9bcaff; font:500 10px/1.3 var(--mono); animation:customer-status 3.8s ease-in-out infinite; }.software-customer-ui__composer small i { font-size:14px; }.software-customer-ui__cursor { position:absolute; right:31px; top:42px; width:14px; height:18px; border:2px solid #f1fbff; border-radius:2px 8px 8px 8px; filter:drop-shadow(0 0 5px rgba(77,177,255,.72)); transform:rotate(-28deg); animation:customer-cursor 3.8s ease-in-out infinite; }@keyframes customer-cursor { 0%,25% { transform:translate(-108px,34px) rotate(-28deg); opacity:0; } 35%,62% { transform:translate(0,0) rotate(-28deg); opacity:1; } 72%,100% { transform:translate(0,0) rotate(-28deg); opacity:0; } }@keyframes customer-send { 0%,45%,100% { transform:scale(1); } 56% { transform:scale(.82); } 67% { transform:scale(1.06); } }@keyframes customer-status { 0%,55% { opacity:.25; } 68%,100% { opacity:1; } }
.software-apps { display:grid; grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr); gap:clamp(48px,9vw,132px); align-items:center; padding:var(--section-space) var(--layout-inline); color:#e5ebee; background:radial-gradient(ellipse 38% 72% at 88% 44%,rgba(120,118,253,.12),transparent 72%),#09111d; }.software-apps__copy { max-width:510px; }.software-apps__copy>p:first-child { margin:0 0 18px; color:#94b8f6; font:500 14px/1.35 var(--mono); }.software-apps h2 { margin:0; font:400 var(--type-feature)/1.02 var(--display); letter-spacing:-.06em; }.software-apps__copy>p:last-child { max-width:480px; margin:28px 0 0; color:#b8c6dc; font-size:17px; line-height:1.6; }.software-apps-ui.media-frame { width:100%; min-height:430px; }.software-apps-ui__surface.media-frame__content { position:relative; display:grid; place-items:center; min-height:410px; overflow:hidden; background:radial-gradient(ellipse 45% 70% at 50% 56%,rgba(77,177,255,.13),transparent 70%),#0c1424; }.software-apps-ui__glow { position:absolute; width:300px; height:300px; border:1px solid rgba(118,180,255,.18); border-radius:50%; box-shadow:0 0 0 28px rgba(77,177,255,.025),0 0 0 56px rgba(120,118,253,.018); }.software-apps-ui__phone { position:relative; z-index:1; width:210px; min-height:354px; padding:12px; border:1px solid rgba(181,218,255,.42); border-radius:27px; background:linear-gradient(145deg,#1b2b4b,#0f192b); box-shadow:inset 0 1px rgba(255,255,255,.15),0 18px 46px rgba(0,0,0,.36),0 0 32px rgba(77,177,255,.12); color:#edf5ff; }.software-apps-ui__phonebar { display:flex; align-items:center; justify-content:space-between; padding:0 7px 10px; font:500 9px/1 var(--mono); }.software-apps-ui__phonebar i { width:44px; height:8px; border-radius:8px; background:#07101e; }.software-apps-ui__apphead { display:flex; align-items:center; justify-content:space-between; padding:4px 7px 16px; font:600 13px/1 var(--ui); }.software-apps-ui__apphead i { color:#91caff; font-size:17px; }.software-apps-ui__welcome { padding:0 7px 15px; }.software-apps-ui__welcome small,.software-apps-ui__appointment span { display:block; color:#95a8c7; font:500 9px/1.3 var(--mono); }.software-apps-ui__welcome strong { display:block; margin-top:6px; font:500 19px/1.03 var(--display); letter-spacing:-.045em; }.software-apps-ui__appointment { padding:13px; border:1px solid rgba(135,188,255,.28); border-radius:10px; background:linear-gradient(135deg,rgba(77,177,255,.22),rgba(120,118,253,.2)); }.software-apps-ui__appointment strong { display:block; margin:7px 0 4px; font:500 14px/1.1 var(--ui); }.software-apps-ui__appointment small { color:#cce4ff; font-size:10px; }.software-apps-ui__actions { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin-top:14px; }.software-apps-ui__actions span { display:grid; gap:5px; place-items:center; min-height:54px; border:1px solid rgba(132,177,239,.2); border-radius:8px; color:#cde7ff; background:#13223b; font:500 8px/1.2 var(--mono); }.software-apps-ui__actions i { color:#90caff; font-size:16px; }.software-apps-ui__nav { display:flex; justify-content:space-around; margin-top:15px; padding-top:11px; border-top:1px solid rgba(132,177,239,.16); color:#9ccaff; font-size:17px; }.software-apps-ui__nav i:nth-child(2),.software-apps-ui__nav i:nth-child(3) { color:#7084a4; }.software-apps-ui__chips { position:absolute; z-index:1; right:12%; bottom:20%; display:grid; gap:8px; }.software-apps-ui__chips span { padding:8px 11px; border:1px solid rgba(142,192,255,.3); border-radius:4px; color:#cfe7ff; background:#111e34; font:500 10px/1 var(--mono); box-shadow:0 10px 24px rgba(0,0,0,.18); }.software-apps-ui__chips span:nth-child(2) { transform:translateX(18px); }.software-apps-ui__chips span:nth-child(3) { transform:translateX(-8px); }
.automation-line,.automation-control { display:grid; grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr); gap:clamp(48px,9vw,132px); align-items:center; padding:var(--section-space) var(--layout-inline); color:#e5ebee; background:#080e18; }.automation-line__copy,.automation-control__copy { max-width:510px; }.automation-line__copy>p:first-child,.automation-control__copy>p:first-child,.automation-path__heading>p { margin:0 0 18px; color:#94b8f6; font:500 14px/1.35 var(--mono); }.automation-line h2,.automation-control h2,.automation-path h2 { margin:0; font:400 var(--type-feature)/1.02 var(--display); letter-spacing:-.06em; }.automation-line__copy>p:last-child,.automation-control__copy>p:last-child { max-width:480px; margin:28px 0 0; color:#b8c6dc; font-size:17px; line-height:1.6; }.automation-flow { position:relative; width:100%; max-width:650px; min-height:390px; }.automation-flow__node,.automation-control__node { position:absolute; z-index:2; display:grid; place-items:center; min-height:46px; padding:0 16px; border:1px solid rgba(139,199,255,.65); border-radius:6px; color:#dff2ff; background:#10213a; box-shadow:0 0 22px rgba(77,177,255,.16),inset 0 1px rgba(255,255,255,.1); font:500 13px/1 var(--mono); white-space:nowrap; }.automation-flow__node--trigger { top:5%; left:calc(50% - 64px); }.automation-flow__node--route { top:calc(50% - 23px); left:calc(50% - 64px); color:#0b1830; background:#c7e6ff; box-shadow:0 0 30px rgba(120,190,255,.32); }.automation-flow__node--task { bottom:5%; left:calc(23% - 58px); }.automation-flow__node--record { bottom:5%; left:calc(50% - 62px); }.automation-flow__node--notify { right:calc(23% - 60px); bottom:5%; }.automation-flow__lines,.automation-control__lines { position:absolute; z-index:0; inset:0; width:100%; height:100%; overflow:visible; }.automation-flow__lines path,.automation-control__lines path { fill:none; stroke:rgba(121,190,255,.76); stroke-width:1.5; stroke-linecap:round; filter:drop-shadow(0 0 5px rgba(77,177,255,.32)); }.automation-flow__lines path { stroke-dasharray:4 9; animation:automation-flow 1.35s linear infinite; }@keyframes automation-flow { to { stroke-dashoffset:-26; } }.automation-control { background:radial-gradient(ellipse 42% 78% at 88% 48%,rgba(120,118,253,.1),transparent 72%),#09111d; }.automation-control__diagram { position:relative; width:100%; max-width:650px; min-height:260px; }.automation-control__node { top:calc(50% - 23px); width:120px; padding:0; text-align:center; }.automation-control__node--trigger { left:0; }.automation-control__node--check { left:177px; }.automation-control__node--approval { left:354px; color:#0b1830; background:#c7e6ff; box-shadow:0 0 30px rgba(120,190,255,.32); }.automation-control__node--complete { right:0; }.automation-control__lines path { stroke-dasharray:4 8; animation:automation-flow 1.2s linear infinite; }.automation-control__pulse { position:absolute; z-index:1; top:calc(50% - 4px); width:8px; height:8px; border-radius:50%; background:#e6f7ff; box-shadow:0 0 14px #76c3ff; animation:automation-pulse 3.6s linear infinite; }.automation-control__pulse--one { left:145px; }.automation-control__pulse--two { left:322px; animation-delay:1.2s; }.automation-control__pulse--three { left:499px; animation-delay:2.4s; }@keyframes automation-pulse { 0%,20% { opacity:0; transform:translateX(-14px); } 30%,70% { opacity:1; } 85%,100% { opacity:0; transform:translateX(14px); } }.automation-path { padding:var(--section-space) var(--layout-inline); color:#e5ebee; background:#0b1320; }.automation-path__heading { display:grid; grid-template-columns:minmax(190px,.55fr) minmax(0,1.45fr); gap:48px; max-width:1100px; margin:0 0 64px; }.automation-path__heading>p { margin-top:7px; }.automation-path__steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; max-width:1200px; margin:0; padding:0; list-style:none; border-top:1px solid rgba(139,173,219,.38); border-bottom:1px solid rgba(139,173,219,.38); }.automation-path__steps li { display:grid; grid-template-columns:42px minmax(0,1fr); gap:16px; min-height:268px; padding:30px 30px 34px 0; }.automation-path__steps li+li { padding-left:30px; border-left:1px solid rgba(139,173,219,.38); }.automation-path__steps span { color:#83bdfb; font:500 13px/1.3 var(--mono); }.automation-path__steps h3 { margin:0; font:500 var(--type-card)/1.08 var(--display); letter-spacing:-.05em; }.automation-path__steps p { margin:16px 0 0; color:#b6c4d9; font-size:16px; line-height:1.56; }.automation-path__steps strong { display:block; margin-top:28px; color:#edf5ff; font-size:14px; }
.automation-control__node { white-space:normal; font-size:11px; line-height:1.15; }
.automation-flow { min-height:430px; }.automation-flow__group,.automation-flow__exception,.automation-control__run,.automation-control__outputs,.automation-control__approval { position:absolute; z-index:2; box-sizing:border-box; border:1px solid rgba(118,183,247,.46); border-radius:14px; box-shadow:0 0 28px rgba(77,177,255,.08),inset 0 1px rgba(255,255,255,.05); }.automation-flow__group>span,.automation-flow__exception>span,.automation-control__run>span,.automation-control__outputs>span,.automation-control__approval>span { display:block; color:#93c9ff; font:500 11px/1.3 var(--mono); }.automation-flow__group b,.automation-flow__exception b,.automation-control__run b,.automation-control__outputs b,.automation-control__approval b { display:grid; place-items:center; min-height:38px; padding:0 10px; border:1px solid rgba(142,199,255,.5); border-radius:5px; color:#dff2ff; background:#10213a; box-shadow:0 0 16px rgba(77,177,255,.11); font:500 11px/1.15 var(--mono); text-align:center; }.automation-flow__group--context { top:50px; left:0; display:grid; gap:14px; align-content:start; width:180px; height:270px; padding:18px; }.automation-flow__group--logic { top:30px; left:245px; display:grid; gap:19px; align-content:start; width:153px; height:300px; padding:18px; }.automation-flow__group--logic strong { display:grid; place-items:center; min-height:45px; margin:0 4px; border:1px solid rgba(171,218,255,.72); border-radius:5px; color:#10213a; background:#c7e6ff; box-shadow:0 0 24px rgba(120,190,255,.28); font:500 10px/1.1 var(--mono); text-align:center; }.automation-flow__group--logic i,.automation-control__yes,.automation-control__no { position:absolute; color:#9ed1ff; font:500 10px/1 var(--mono); font-style:normal; }.automation-flow__yes { right:-41px; top:212px; }.automation-flow__no { left:56px; bottom:29px; color:#b8c6dc !important; }.automation-flow__group--actions { top:50px; right:0; display:grid; gap:14px; align-content:start; width:180px; height:270px; padding:18px; }.automation-flow__exception { bottom:14px; left:245px; display:grid; gap:8px; width:145px; padding:11px; border-style:dashed; }.automation-flow__exception b { min-height:34px; font-size:10px; }.automation-flow__lines path { stroke-width:1.3; }.automation-control__diagram { min-height:340px; }.automation-control__run { top:20px; left:0; width:390px; height:270px; padding:18px; }.automation-control__run>span { margin-bottom:20px; }.automation-control__run b { position:absolute; width:108px; padding:0 6px; }.automation-control__run b:nth-of-type(1) { top:70px; left:20px; }.automation-control__run b:nth-of-type(2) { top:70px; left:165px; }.automation-control__run b:nth-of-type(3) { top:70px; right:20px; color:#10213a; background:#c7e6ff; }.automation-control__run b:nth-of-type(4) { bottom:26px; left:165px; }.automation-control__run i { position:absolute; bottom:27px; left:20px; padding:9px 10px; border:1px solid rgba(112,178,241,.34); border-radius:4px; color:#8fcaff; font:500 10px/1 var(--mono); font-style:normal; }.automation-control__outputs { top:50px; right:0; display:grid; gap:13px; width:180px; padding:18px; }.automation-control__outputs b { min-height:34px; }.automation-control__approval { bottom:4px; left:245px; display:grid; gap:7px; width:145px; padding:12px; border-style:dashed; }.automation-control__approval b { min-height:34px; color:#10213a; background:#c7e6ff; }.automation-control__approval i { color:#9db3d1; font:500 9px/1.3 var(--mono); font-style:normal; }.automation-control__yes { left:412px; top:102px; }.automation-control__no { left:300px; bottom:50px; color:#b8c6dc; }
.automation-control__run b { box-sizing:border-box; width:100px; }.automation-control__run b:nth-of-type(1) { left:20px; }.automation-control__run b:nth-of-type(2) { left:145px; }.automation-flow__group--logic i { z-index:3; padding:4px 6px; border-radius:3px; background:#080e18; }.automation-flow__yes { top:112px; right:-42px; }.automation-flow__no { bottom:58px; }.automation-control__diagram { min-height:430px; }.automation-control__approval { top:330px; bottom:auto; }.automation-control__yes { left:412px; top:102px; }.automation-control__no { left:330px; top:298px; bottom:auto; }
.automation-flow__group,.automation-flow__exception,.automation-control__run,.automation-control__outputs,.automation-control__approval { border-color:rgba(98,148,254,.55); }.automation-flow__group b,.automation-flow__exception b,.automation-control__run b,.automation-control__outputs b,.automation-control__approval b { border-color:rgba(77,177,255,.62); background:#101725; }.automation-flow__group--logic strong,.automation-control__run b:nth-of-type(3),.automation-control__approval b { color:#0b1830; background:var(--spectrum); border-color:rgba(218,238,255,.68); box-shadow:0 0 26px rgba(98,148,254,.28); }.automation-flow__lines path,.automation-control__lines path { stroke:#6294fe; filter:drop-shadow(0 0 5px rgba(98,148,254,.45)); }.automation-control__no { left:412px; top:102px; bottom:auto; }.automation-control__yes { left:330px; top:298px; }
.leadership-brief__logic { background:var(--spectrum); }.leadership-brief__leader { color:#0b1830; background:var(--spectrum); }.leadership-brief__routes line { stroke:#6294fe; }.leadership-brief__routes line:nth-child(2) { stroke:#4db1ff; }.leadership-brief__line { background:repeating-linear-gradient(to bottom,#4db1ff 0 4px,#6294fe 4px 8px,transparent 8px 14px); }.open-service-map__lines path,.leadership-relationship__lines path { stroke:#6294fe; }.open-service-map__services i,.open-service-map__services b,.leadership-relationship__services i { color:#4db1ff; }.software-dashboard__line { stroke:#4db1ff; filter:drop-shadow(0 0 5px rgba(98,148,254,.5)); }.software-dashboard__metrics span,.software-dashboard__queue b { color:#4db1ff; background-color:#4db1ff; }.software-dashboard__queue p:nth-of-type(2) b { background:#6294fe; }.software-dashboard__queue p:nth-of-type(3) b { background:#7876fd; }.software-customer-ui__composer button { background:var(--spectrum); }.software-apps-ui__appointment { background:var(--spectrum); }
.subpage[data-service-page] .subpage-label>span:last-child,
.subpage[data-service-page] .service-workbench__heading>p,
.subpage[data-service-page] .service-detail-copy>p,
.subpage[data-service-page] .service-detail-panel>p,
.subpage[data-service-page] .software-threshold__copy>p:first-child,
.subpage[data-service-page] .software-customer__copy>p:first-child,
.subpage[data-service-page] .software-apps__copy>p:first-child,
.subpage[data-service-page] .software-path__heading>p,
.subpage[data-service-page] .automation-line__copy>p:first-child,
.subpage[data-service-page] .automation-control__copy>p:first-child,
.subpage[data-service-page] .automation-path__heading>p,
.subpage[data-service-page] .service-outcome__content>p:first-child {
  color:#6294fe;
}
.subpage[data-service-page] .software-outcomes__heading>p,
.subpage[data-service-page] .software-outcomes__columns p,
.subpage[data-service-page] .software-path__steps>li>span,
.subpage[data-service-page] .automation-path__steps>li>span {
  color:#6294fe;
}
.subpage[data-service-page] .subpage-label-icon,
.subpage[data-service-page] .software-dashboard__topbar i,
.subpage[data-service-page] .software-customer-ui__topbar i,
.subpage[data-service-page] .software-customer-ui__intro>span,
.subpage[data-service-page] .software-customer-ui__composer small,
.subpage[data-service-page] .software-apps-ui__apphead i,
.subpage[data-service-page] .software-apps-ui__actions i,
.subpage[data-service-page] .software-apps-ui__nav i:first-child,
.subpage[data-service-page] .automation-flow__group>span,
.subpage[data-service-page] .automation-flow__exception>span,
.subpage[data-service-page] .automation-control__run>span,
.subpage[data-service-page] .automation-control__outputs>span,
.subpage[data-service-page] .automation-control__approval>span,
.subpage[data-service-page] .automation-flow__group--logic i,
.subpage[data-service-page] .automation-control__yes,
.subpage[data-service-page] .automation-control__no,
.subpage[data-service-page] .automation-control__run i {
  color:#4db1ff;
}
.subpage[data-service-page] .software-dashboard__nav .is-active,
.subpage[data-service-page] .software-dashboard__metrics span,
.subpage[data-service-page] .software-dashboard__queue b,
.subpage[data-service-page] .software-apps-ui__appointment,
.subpage[data-service-page] .software-customer-ui__composer button,
.subpage[data-service-page] .automation-flow__group--logic strong,
.subpage[data-service-page] .automation-control__run b:nth-of-type(3),
.subpage[data-service-page] .automation-control__approval b {
  background:var(--spectrum);
}
.subpage[data-service-page] .subpage-label>span:last-child,
.subpage[data-service-page] .service-workbench__heading>p,
.subpage[data-service-page] .service-detail-copy>p,
.subpage[data-service-page] .service-detail-panel>p,
.subpage[data-service-page] .software-threshold__copy>p:first-child,
.subpage[data-service-page] .software-customer__copy>p:first-child,
.subpage[data-service-page] .software-apps__copy>p:first-child,
.subpage[data-service-page] .software-path__heading>p,
.subpage[data-service-page] .automation-line__copy>p:first-child,
.subpage[data-service-page] .automation-control__copy>p:first-child,
.subpage[data-service-page] .automation-path__heading>p,
.subpage[data-service-page] .service-outcome__content>p:first-child,
.subpage[data-service-page] .software-outcomes__heading>p,
.subpage[data-service-page] .software-outcomes__columns p,
.subpage[data-service-page] .software-path__steps>li>span,
.subpage[data-service-page] .automation-path__steps>li>span {
  display:inline-block;
  color:transparent;
  background:var(--spectrum);
  -webkit-background-clip:text;
  background-clip:text;
}
.software-outcomes { padding:var(--section-space) var(--layout-inline); color:#111820; background:#edf3fb; }.software-outcomes__heading { max-width:820px; margin-bottom:64px; }.software-outcomes__heading>p { color:#4d9ffa; }.software-outcomes__columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); max-width:1200px; border-top:1px solid #afc1dc; border-bottom:1px solid #afc1dc; }.software-outcomes__columns article { min-height:250px; padding:32px 40px 36px 0; }.software-outcomes__columns article+article { padding-right:0; padding-left:40px; border-left:1px solid #afc1dc; }.software-outcomes__columns p { margin:0 0 22px; color:#4d9ffa; font:500 14px/1.35 var(--mono); }.software-outcomes__columns h3 { max-width:420px; margin:0; font:500 var(--type-card)/1.08 var(--display); letter-spacing:-.05em; }.software-outcomes__columns span { display:block; max-width:460px; margin-top:20px; color:#566785; font-size:16px; line-height:1.56; }.software-path { padding:var(--section-space) var(--layout-inline); color:#e5ebee; background:radial-gradient(ellipse 44% 72% at 10% 88%,rgba(77,177,255,.11),transparent 70%),#0b1320; }.software-path__heading { display:grid; grid-template-columns:minmax(190px,.55fr) minmax(0,1.45fr); gap:48px; max-width:1100px; margin:0 0 64px; }.software-path__heading>p { margin-top:7px; color:#94b8f6; }.software-path__steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; max-width:1200px; margin:0; padding:0; list-style:none; border-top:1px solid rgba(139,173,219,.38); border-bottom:1px solid rgba(139,173,219,.38); }.software-path__steps li { display:grid; grid-template-columns:42px minmax(0,1fr); gap:16px; min-height:268px; padding:30px 30px 34px 0; }.software-path__steps li+li { padding-left:30px; border-left:1px solid rgba(139,173,219,.38); }.software-path__steps span { color:#83bdfb; font:500 13px/1.3 var(--mono); }.software-path__steps h3 { margin:0; font:500 var(--type-card)/1.08 var(--display); letter-spacing:-.05em; }.software-path__steps p { margin:16px 0 0; color:#b6c4d9; font-size:16px; line-height:1.56; }.software-path__steps strong { display:block; margin-top:28px; color:#edf5ff; font-size:14px; }
.service-outcome { padding:clamp(56px,7vw,96px) var(--layout-inline); color:#e5ebee; background:#080e18; }.service-outcome__panel.media-frame { min-height:590px; max-width:1200px; margin:0 auto; }.service-outcome__inner.media-frame__content { display:grid; place-items:center; min-height:542px; padding:clamp(32px,6vw,82px); text-align:center; background:radial-gradient(ellipse 48% 72% at 50% 20%,rgba(92,159,239,.1),transparent 66%),radial-gradient(ellipse 48% 72% at 50% 100%,rgba(120,118,253,.12),transparent 70%),#080d12; }.service-outcome__brand { display:flex; align-items:center; justify-content:center; gap:11px; color:#e7edf8; font:600 18px/1 var(--ui); }.service-outcome__brand img { display:block; width:42px; height:36px; object-fit:contain; }.service-outcome__content { max-width:760px; margin-top:42px; }.service-outcome__content>p:first-child { margin:0 0 20px; color:#9cc7ff; font:500 14px/1.35 var(--mono); }.service-outcome h2 { max-width:700px; margin:0; font:400 clamp(38px,4vw,58px)/1.01 var(--display); letter-spacing:-.06em; }.service-outcome__content>p:last-of-type { max-width:590px; margin:26px auto 32px; color:#c0cde0; font-size:18px; line-height:1.58; }.service-outcome .button--primary { position:relative; }
@media (max-width:900px) { .subpage-detail,.service-workbench__heading,.leadership-brief,.leadership-routing,.leadership-team,.leadership-path__heading { grid-template-columns:1fr; gap:28px; }.service-detail-panel { max-width:620px; }.service-workbench__heading>p { margin:0; }.bento-grid--two,.bento-grid--three,.bento-grid--feature-left { grid-template-columns:1fr; grid-template-rows:auto; }.bento-card--featured { grid-row:auto; min-height:360px; }.leadership-brief__copy,.leadership-routing__intro { max-width:650px; }.leadership-brief__frame,.leadership-routing__frame { max-width:760px; }.leadership-path__heading>p { margin:0; }.leadership-path__steps { grid-template-columns:1fr; }.leadership-path__steps li,.leadership-path__steps li+li { min-height:0; padding:28px 0; border-left:0; }.leadership-path__steps li+li { border-top:1px solid rgba(139,173,219,.38); }.service-outcome__panel.media-frame { min-height:520px; }.service-outcome__inner.media-frame__content { min-height:472px; } }
@media (max-width:560px) { .service-detail-body,.service-outcome__panel p { font-size:16px; }.service-detail-panel { padding:26px; }.service-workbench__heading { margin-bottom:40px; }.bento-grid { gap:12px; }.bento-card__copy,.bento-card--featured .bento-card__copy { padding:22px; }.bento-card--featured { min-height:330px; }.bento-card--featured .bento-card__mark { width:150px; height:150px; }.leadership-brief__copy>p:last-child,.leadership-routing__intro>p:last-child,.leadership-team__copy>p:last-child { font-size:16px; }.leadership-brief__frame.media-frame,.leadership-routing__frame.media-frame { min-height:390px; }.leadership-brief__field.media-frame__content,.leadership-routing__field.media-frame__content { min-height:342px; }.open-service-map { min-height:500px; }.open-service-map__business { top:5%; left:calc(50% - 68px); }.open-service-map__leader { top:28%; left:calc(50% - 63px); }.open-service-map__lines { display:none; }.open-service-map__services { top:55%; right:0; left:0; bottom:auto; gap:10px; width:auto; }.leadership-path__heading { margin-bottom:40px; }.leadership-path__steps li { grid-template-columns:36px minmax(0,1fr); }.service-outcome__panel { padding:28px; } }
@media (max-width:560px) { .leadership-relationship { min-height:510px; }.leadership-relationship__parties,.leadership-relationship__services { top:auto; right:0; bottom:auto; left:0; display:flex; flex-wrap:wrap; justify-content:center; gap:8px; width:auto; }.leadership-relationship__parties { top:0; }.leadership-relationship__services { top:230px; }.leadership-relationship__parties span,.leadership-relationship__services a { min-height:46px; }.leadership-relationship__leader { top:105px; }.leadership-relationship__lines { display:none; } }
@media (max-width:560px) { .leadership-brief__visual,.leadership-brief__field { min-height:342px; } }
@media (max-width:560px) { .automation-line__copy>p:last-child,.automation-control__copy>p:last-child { font-size:16px; }.automation-flow { min-height:500px; }.automation-flow__lines,.automation-control__lines,.automation-control__pulse { display:none; }.automation-flow__node--trigger { top:0; }.automation-flow__node--route { top:90px; }.automation-flow__node--task,.automation-flow__node--record,.automation-flow__node--notify { right:auto; left:calc(50% - 68px); }.automation-flow__node--task { top:205px; bottom:auto; }.automation-flow__node--record { top:280px; bottom:auto; }.automation-flow__node--notify { top:355px; bottom:auto; }.automation-control__diagram { min-height:285px; }.automation-control__node { right:auto; left:calc(50% - 60px); }.automation-control__node--trigger { top:0; }.automation-control__node--check { top:70px; }.automation-control__node--approval { top:140px; }.automation-control__node--complete { top:210px; }.automation-path__heading { margin-bottom:40px; }.automation-path__steps li { grid-template-columns:36px minmax(0,1fr); } }
@media (max-width:560px) { .automation-flow { min-height:840px; }.automation-flow__group--context { top:0; right:0; left:0; grid-template-columns:1fr; width:auto; height:auto; }.automation-flow__group--logic { top:300px; left:calc(50% - 77px); height:270px; }.automation-flow__group--actions { top:590px; right:0; left:0; grid-template-columns:repeat(3,minmax(0,1fr)); width:auto; height:auto; }.automation-flow__exception { top:735px; bottom:auto; left:calc(50% - 73px); }.automation-control__diagram { min-height:680px; }.automation-control__run { top:0; right:0; left:0; width:auto; }.automation-control__outputs { top:310px; right:0; left:0; grid-template-columns:repeat(3,minmax(0,1fr)); width:auto; }.automation-control__approval { top:500px; bottom:auto; left:calc(50% - 73px); } }
@media (max-width:900px) { .software-threshold,.software-customer,.software-apps,.software-path__heading,.automation-line,.automation-control,.automation-path__heading { grid-template-columns:1fr; gap:28px; }.software-threshold__copy,.software-customer__copy,.software-apps__copy,.automation-line__copy,.automation-control__copy { max-width:650px; }.software-system-map { max-width:760px; }.software-outcomes__columns article { min-height:0; }.software-path__heading>p,.automation-path__heading>p { margin:0; }.software-path__steps,.automation-path__steps { grid-template-columns:1fr; }.software-path__steps li,.software-path__steps li+li,.automation-path__steps li,.automation-path__steps li+li { min-height:0; padding:28px 0; border-left:0; }.software-path__steps li+li,.automation-path__steps li+li { border-top:1px solid rgba(139,173,219,.38); } }
@media (max-width:560px) { .software-threshold__copy>p:last-child,.software-customer__copy>p:last-child,.software-apps__copy>p:last-child { font-size:16px; }.software-system-map { min-height:500px; }.software-system-map__inputs,.software-system-map__outputs { top:auto; right:0; bottom:auto; left:0; display:flex; flex-wrap:wrap; justify-content:center; gap:8px; width:auto; }.software-system-map__inputs { top:0; }.software-system-map__outputs { top:260px; }.software-system-map__inputs span,.software-system-map__outputs span { min-height:46px; }.software-system-map__product { top:125px; }.software-system-map__lines { display:none; }.software-dashboard.media-frame,.software-customer-ui.media-frame,.software-apps-ui.media-frame { min-height:0; }.software-dashboard__surface.media-frame__content,.software-customer-ui__surface.media-frame__content,.software-apps-ui__surface.media-frame__content { min-height:0; padding:18px; }.software-dashboard__nav { gap:12px; overflow-x:auto; }.software-dashboard__metrics article { padding:10px; }.software-dashboard__workspace { grid-template-columns:1fr; }.software-dashboard__chart,.software-dashboard__queue { min-height:0; }.software-customer-ui__content { min-height:300px; padding-top:20px; }.software-customer-ui__intro h3 { font-size:30px; }.software-apps-ui__chips { right:4%; }.software-outcomes__heading { margin-bottom:40px; }.software-outcomes__columns { grid-template-columns:1fr; }.software-outcomes__columns article,.software-outcomes__columns article+article { min-height:0; padding:28px 0; border-left:0; }.software-outcomes__columns article+article { border-top:1px solid #afc1dc; }.software-path__heading { margin-bottom:40px; }.software-path__steps li { grid-template-columns:36px minmax(0,1fr); } }
@media (prefers-reduced-motion:reduce) { .bento-card,.bento-card:before,.bento-card:after { transition:none; }.leadership-brief__leader,.leadership-brief__routes i,.open-service-map__lines path,.leadership-relationship__lines path,.software-system-map__lines path,.software-customer-ui__composer button,.software-customer-ui__composer small,.software-customer-ui__cursor,.automation-flow__lines path,.automation-control__lines path,.automation-control__pulse { animation:none; } }

@media (max-width:900px) {
  .team-hero { padding-top:112px; padding-bottom:92px; }.team-roster-heading,.team-principles { grid-template-columns:1fr; gap:30px; }.team-grid { grid-template-columns:repeat(2,1fr); }.team-principles { padding-top:84px; padding-bottom:84px; }.team-faq,.team-closing { padding-top:84px; padding-bottom:84px; }
}
@media (max-width:560px) {
  .team-page .subpage-header { margin-top:8px; }.team-hero,.team-roster,.team-principles,.team-faq,.team-closing { padding-inline:20px; }.team-hero { padding-top:94px; text-align:left; }.team-hero:before { left:70%; width:510px; height:380px; }.team-hero .team-kicker,.team-closing .team-kicker { justify-content:flex-start; }.team-hero h1 { font-size:clamp(46px,13vw,62px); }.team-hero>p:not(.team-kicker) { margin-left:0; font-size:16px; }.team-roster { padding-bottom:80px; }.team-roster-heading { padding-bottom:36px; }.team-filter { flex-wrap:nowrap; margin:24px -20px; padding:0 20px 8px; overflow-x:auto; }.team-filter button { flex:0 0 auto; }.team-grid { grid-template-columns:1fr; gap:12px; }.team-card { min-height:0; }.team-card p { max-width:36ch; }.team-principle-list article { grid-template-columns:42px 1fr; }.team-faq>h2 { margin-bottom:32px; }.team-questions summary { font-size:15px; }.team-closing { text-align:left; }.team-closing h2 { font-size:clamp(48px,13vw,64px); }
}

.team-card--elijah { min-height:420px; border-color:rgba(119,189,255,.58); }
.team-card--elijah .team-portrait { height:218px; background:radial-gradient(circle at 50% 17%,rgba(103,184,255,.27),transparent 44%),linear-gradient(180deg,rgba(10,18,31,.02),rgba(10,17,28,.86)); }
.team-card--elijah .team-portrait img { position:absolute; z-index:1; top:-2px; left:50%; width:82%; max-width:none; height:auto; transform:translateX(-50%); filter:drop-shadow(0 14px 18px rgba(0,0,0,.32)); }
.team-card--elijah .team-portrait:after { content:""; position:absolute; z-index:2; right:0; bottom:0; left:0; height:48%; background:linear-gradient(transparent,rgba(10,17,28,.66)); pointer-events:none; }
.team-card--elijah .team-portrait i { z-index:3; padding:7px; border:1px solid rgba(181,222,255,.3); border-radius:4px; background:rgba(10,20,35,.55); }
.team-card--max { border-color:rgba(151,138,255,.5); }
.team-card--max .team-portrait { background:radial-gradient(circle at 52% 15%,rgba(150,132,255,.28),transparent 46%),linear-gradient(180deg,rgba(22,16,43,.02),rgba(17,14,34,.88)); }
.team-card--max .team-portrait img { position:absolute; z-index:1; top:-4px; left:50%; width:84%; max-width:none; height:auto; transform:translateX(-50%); filter:drop-shadow(0 14px 18px rgba(0,0,0,.32)); }
.team-card--max .team-portrait:after { content:""; position:absolute; z-index:2; right:0; bottom:0; left:0; height:48%; background:linear-gradient(transparent,rgba(17,14,34,.7)); pointer-events:none; }
.team-card--max .team-portrait i { z-index:3; padding:7px; border:1px solid rgba(218,208,255,.3); border-radius:4px; background:rgba(20,16,43,.55); }

/* Keep every roster card on the founder card's portrait rhythm. */
.team-card { min-height:420px; }
.team-portrait { height:218px; }

.team-card-alignments { display:flex; flex-wrap:wrap; gap:6px; margin-top:13px; }
.team-card-alignments span { padding:5px 7px; border:1px solid rgba(143,190,243,.28); border-radius:3px; color:#a9d6ff; background:rgba(74,139,215,.11); font:500 9px/1.15 var(--mono); letter-spacing:.01em; }
.team-card-alignments+p { margin-top:15px; }
.team-card .team-card-meta { display:none; }
.team-card h3 { margin-top:18px; }
.team-card--name-only h3 { margin-top:18px; }
.team-roster>.team-filter:first-child { margin-top:0; }
.team-founder-pill { position:absolute; z-index:4; top:12px; left:12px; display:inline-flex; align-items:center; min-height:24px; padding:0 9px; border:1px solid rgba(196,227,255,.44); border-radius:999px; color:#e9f5ff; background:linear-gradient(135deg,rgba(73,125,177,.66),rgba(26,44,71,.76)); box-shadow:inset 0 1px rgba(255,255,255,.22),0 7px 14px rgba(0,0,0,.2); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); font:500 9px/1 var(--mono); letter-spacing:.01em; }
.team-portrait>i { display:none; }
.team-hero .team-hero-label { justify-content:center; margin-bottom:0; text-transform:none; }.team-hero .team-hero-label .subpage-label-icon { box-shadow:0 8px 20px rgba(77,177,255,.14); }
.team-hero { padding-top:108px; padding-bottom:100px; }.team-hero .team-hero-label { gap:12px; margin-bottom:0; font-size:15px; }.team-hero .team-hero-label .subpage-label-icon { width:38px; height:38px; border-radius:5px; }.team-hero .team-hero-label .subpage-label-icon i { font-size:22px; }.team-hero h1 { margin-top:20px; }.team-hero>p:not(.team-kicker):not(.team-hero-label) { margin-top:25px; }.team-hero .team-scroll-link { margin-top:28px; }

.team-card--group .team-portrait { display:grid; place-items:center; background:radial-gradient(circle at 50% 18%,rgba(93,180,255,.22),transparent 38%),linear-gradient(145deg,#162841,#0d1728 70%); }.team-card--group:nth-child(even) .team-portrait { background:radial-gradient(circle at 50% 18%,rgba(143,125,255,.25),transparent 38%),linear-gradient(145deg,#29234a,#15152b 70%); }.team-card--group:nth-child(3n) .team-portrait { background:radial-gradient(circle at 50% 18%,rgba(82,213,193,.2),transparent 38%),linear-gradient(145deg,#153b40,#0d2027 70%); }
.team-group-placeholder { position:relative; width:178px; height:118px; }.team-group-placeholder i { position:absolute; top:10px; width:46px; height:46px; border:1px solid rgba(205,231,255,.5); border-radius:50%; background:linear-gradient(145deg,rgba(185,220,255,.66),rgba(79,132,186,.76)); box-shadow:inset 0 8px 14px rgba(255,255,255,.16); }.team-group-placeholder i:nth-child(1) { left:14px; top:29px; transform:scale(.8); }.team-group-placeholder i:nth-child(2) { left:66px; }.team-group-placeholder i:nth-child(3) { right:14px; top:29px; transform:scale(.8); }.team-group-placeholder b { position:absolute; bottom:2px; width:68px; height:52px; border:1px solid rgba(205,231,255,.28); border-radius:42px 42px 8px 8px; background:linear-gradient(90deg,rgba(65,113,163,.84),rgba(126,172,220,.66),rgba(57,95,142,.84)); }.team-group-placeholder b:nth-of-type(1) { left:1px; transform:scale(.82); transform-origin:bottom left; }.team-group-placeholder b:nth-of-type(2) { left:55px; height:60px; }.team-group-placeholder b:nth-of-type(3) { right:1px; transform:scale(.82); transform-origin:bottom right; }
.team-hero h1 em { color:transparent; background:var(--spectrum); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }

/* Team roster: editorial profiles in a quiet technical field. */
.team-page .team-roster {
  max-width:var(--ff-container);
  padding-bottom:var(--ff-section-space);
}
.team-page .team-filter {
  position:relative;
  gap:0;
  margin:0 0 48px;
  padding:0 0 16px;
  border-bottom:1px solid rgba(174,210,255,.2);
}
.team-page .team-filter::before {
  content:"Find the right capability";
  display:flex;
  align-items:center;
  width:100%;
  margin:0 0 16px;
  color:#91a2bb;
  font:500 12px/1.2 var(--ff-font-mono, var(--mono));
}
.team-page .team-filter button {
  position:relative;
  min-height:44px;
  padding:0 16px;
  border:0;
  border-right:1px solid rgba(174,210,255,.16);
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:#899ab2;
  font:500 11px/1 var(--ff-font-mono, var(--mono));
}
.team-page .team-filter button:first-of-type { padding-left:0; }
.team-page .team-filter button:last-child { border-right:0; }
.team-page .team-filter button::after {
  content:"";
  position:absolute;
  right:16px;
  bottom:-17px;
  left:16px;
  height:2px;
  opacity:0;
  background:var(--ff-spectrum, var(--spectrum));
  transition:opacity var(--ff-transition-fast, .18s ease);
}
.team-page .team-filter button:first-of-type::after { left:0; }
.team-page .team-filter button:hover,
.team-page .team-filter button.is-active {
  border-color:rgba(174,210,255,.16);
  background:transparent;
  box-shadow:none;
  color:#edf5ff;
}
.team-page .team-filter button:hover::after,
.team-page .team-filter button.is-active::after { opacity:1; }
.team-page .team-grid {
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:16px;
}
.team-page .team-card {
  display:flex;
  flex-direction:column;
  min-height:0;
  padding:0 0 24px;
  border:1px solid rgba(174,210,255,.22);
  border-radius:8px;
  background:#101725;
  box-shadow:inset 0 1px rgba(255,255,255,.04);
}
.team-page .team-card:hover {
  border-color:rgba(132,191,255,.68);
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 14px 34px rgba(0,0,0,.2);
  transform:translateY(-3px);
}
.team-page .team-card--elijah,
.team-page .team-card--max { grid-column:span 6; }
.team-page .team-card--group { grid-column:span 4; }
.team-page .team-card--group:nth-child(6),
.team-page .team-card--group:nth-child(7) { grid-column:span 6; }
.team-page .team-portrait {
  height:252px;
  margin:0 0 22px;
  border-bottom:1px solid rgba(174,210,255,.15);
  background:#0b1320;
}
.team-page .team-card--elijah .team-portrait,
.team-page .team-card--max .team-portrait { height:292px; }
.team-page .team-card--elijah .team-portrait {
  background:radial-gradient(ellipse 42% 68% at 62% 18%,rgba(77,177,255,.22),transparent 72%),#0b1320;
}
.team-page .team-card--max .team-portrait {
  background:radial-gradient(ellipse 42% 68% at 62% 18%,rgba(120,118,253,.24),transparent 72%),#0b1320;
}
.team-page .team-card--elijah .team-portrait img,
.team-page .team-card--max .team-portrait img { width:59%; }
.team-page .team-card--elijah .team-portrait::after,
.team-page .team-card--max .team-portrait::after { height:58%; }
.team-page .team-founder-pill {
  top:16px;
  left:16px;
  min-height:28px;
  padding:0 10px;
  border-radius:4px;
  border-color:rgba(178,216,255,.32);
  background:rgba(11,19,32,.74);
  box-shadow:none;
  color:#dbeafe;
}
.team-page .team-card h3,
.team-page .team-card-alignments,
.team-page .team-card p { margin-right:24px; margin-left:24px; }
.team-page .team-card h3 {
  margin-top:0;
  color:#edf3fb;
  font:500 var(--ff-type-card, clamp(24px,1.75vw,28px))/1.04 var(--ff-font-display, var(--display));
}
.team-page .team-card-alignments { gap:6px; margin-top:16px; }
.team-page .team-card-alignments span {
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#94bdec;
  font:500 10px/1.3 var(--ff-font-mono, var(--mono));
}
.team-page .team-card-alignments span:not(:last-child)::after { content:" /"; color:#5a6d89; }
.team-page .team-card-alignments + p {
  max-width:48ch;
  margin-top:16px;
  color:#aebcd0;
  font-size:14px;
  line-height:1.62;
}
.team-page .team-card--group .team-portrait {
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#101f35,#0b1320 66%);
}
.team-page .team-card--group:nth-child(even) .team-portrait { background:linear-gradient(135deg,#1b1c3c,#0b1320 66%); }
.team-page .team-card--group:nth-child(3n) .team-portrait { background:linear-gradient(135deg,#13233d,#0b1320 66%); }
.team-page .team-group-signal {
  position:relative;
  display:grid;
  place-items:center;
  width:136px;
  height:136px;
  border:1px solid rgba(142,197,255,.35);
  border-radius:50%;
  background:radial-gradient(circle,rgba(91,163,246,.2),transparent 66%);
  box-shadow:inset 0 0 28px rgba(77,177,255,.12),0 0 34px rgba(77,177,255,.08);
}
.team-page .team-card--group:nth-child(even) .team-group-signal {
  border-color:rgba(175,163,255,.35);
  background:radial-gradient(circle,rgba(120,118,253,.22),transparent 66%);
}
.team-page .team-group-signal > i {
  position:relative;
  z-index:2;
  color:#dbeeff;
  font-size:38px;
}
.team-page .team-group-signal > b {
  position:absolute;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#89c9ff;
  box-shadow:0 0 13px rgba(77,177,255,.8);
}
.team-page .team-group-signal > b:nth-of-type(1) { top:19px; left:25px; }
.team-page .team-group-signal > b:nth-of-type(2) { right:17px; bottom:37px; }
.team-page .team-group-signal > b:nth-of-type(3) { bottom:21px; left:42px; }
@media (max-width:900px) {
  .team-page .team-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .team-page .team-card--elijah,
  .team-page .team-card--max,
  .team-page .team-card--group,
  .team-page .team-card--group:nth-child(6),
  .team-page .team-card--group:nth-child(7) { grid-column:auto; }
  .team-page .team-card--elijah .team-portrait,
  .team-page .team-card--max .team-portrait { height:252px; }
}
@media (max-width:560px) {
  .team-page .team-filter { gap:0; margin-right:-20px; margin-left:-20px; padding:0 20px 16px; }
  .team-page .team-filter::before { margin-bottom:12px; }
  .team-page .team-filter button { padding-right:14px; padding-left:14px; }
  .team-page .team-filter button::after { right:14px; left:14px; }
  .team-page .team-grid { grid-template-columns:1fr; gap:12px; }
  .team-page .team-card--elijah .team-portrait,
  .team-page .team-card--max .team-portrait,
  .team-page .team-portrait { height:230px; }
  .team-page .team-card--elijah .team-portrait img,
  .team-page .team-card--max .team-portrait img { width:72%; }
  .team-page .team-card h3,
  .team-page .team-card-alignments,
  .team-page .team-card p { margin-right:20px; margin-left:20px; }
}

/* Founder profiles borrow the canonical spectrum frame: responsive glass only
   on the outer shell, with one quiet ink field protecting the portrait and copy. */
.team-page .team-card--elijah,
.team-page .team-card--max {
  --frame-light-x:50%;
  --frame-light-y:50%;
  --frame-light-radius:260px;
  --frame-light-opacity:0;
  --frame-edge-opacity:0;
  position:relative;
  isolation:isolate;
  overflow:visible;
  padding:10px;
  border:1px solid transparent;
  border-radius:18px;
  background:
    linear-gradient(135deg,rgba(41,69,110,.3),rgba(18,30,54,.23) 52%,rgba(61,55,137,.28)) padding-box,
    var(--ff-frame-spectrum, var(--spectrum)) border-box;
  box-shadow:inset 0 1px rgba(237,248,255,.2),inset 0 -1px rgba(32,52,102,.25),0 24px 54px rgba(1,5,15,.24),0 0 38px rgba(77,177,255,.1);
  backdrop-filter:blur(22px) saturate(145%);
  -webkit-backdrop-filter:blur(22px) saturate(145%);
}
.team-page .team-card--elijah::before,
.team-page .team-card--max::before {
  content:"";
  position:absolute;
  z-index:0;
  inset:1px;
  border-radius:inherit;
  pointer-events:none;
  opacity:var(--frame-light-opacity);
  background:radial-gradient(circle calc(var(--frame-light-radius) + 56px) at var(--frame-light-x) var(--frame-light-y),rgba(112,198,255,.26),rgba(90,145,255,.12) 38%,rgba(89,116,255,.04) 57%,transparent 72%);
  transition:opacity .2s ease,background .16s ease;
}
.team-page .team-card--elijah::after,
.team-page .team-card--max::after {
  content:"";
  position:absolute;
  z-index:3;
  inset:0;
  padding:1.5px;
  border-radius:inherit;
  pointer-events:none;
  opacity:var(--frame-edge-opacity);
  background:radial-gradient(circle var(--frame-light-radius) at var(--frame-light-x) var(--frame-light-y),rgba(243,252,255,1) 0%,rgba(174,229,255,.98) 18%,rgba(82,185,255,.88) 42%,rgba(120,118,253,.3) 61%,transparent 80%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  filter:drop-shadow(0 0 6px rgba(202,239,255,.95)) drop-shadow(0 0 18px rgba(77,177,255,.62));
  transition:opacity .22s ease;
}
.team-page .team-card__inner {
  position:relative;
  z-index:1;
  display:flex;
  flex:1;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(139,183,246,.18);
  border-radius:10px;
  background:#080d12;
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 0 28px rgba(4,9,18,.72);
}
.team-page .team-card--elijah .team-portrait,
.team-page .team-card--max .team-portrait { border-radius:9px 9px 0 0; }
.team-page .team-card--elijah:hover,
.team-page .team-card--max:hover {
  border-color:transparent;
  box-shadow:inset 0 1px rgba(237,248,255,.25),inset 0 -1px rgba(32,52,102,.25),0 24px 54px rgba(1,5,15,.3),0 0 46px rgba(77,177,255,.16);
}
@media (max-width:900px) {
  .team-page .team-card--elijah,
  .team-page .team-card--max { padding:8px; border-radius:16px; }
  .team-page .team-card__inner { border-radius:9px; }
}
@media (max-width:560px) {
  .team-page .team-card--elijah,
  .team-page .team-card--max { padding:6px; border-radius:12px; }
  .team-page .team-card__inner { border-radius:7px; }
}
@media (prefers-reduced-motion:reduce) {
  .team-page .team-card--elijah::before,
  .team-page .team-card--elijah::after,
  .team-page .team-card--max::before,
  .team-page .team-card--max::after { transition:none; }
}

/* One roster component, repeated four-across. Every profile uses the same
   ForgedFuture frame instead of receiving a per-card color or size variant. */
.team-page .team-grid {
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-auto-rows:400px;
}
.team-page .team-card,
.team-page .team-card--elijah,
.team-page .team-card--max,
.team-page .team-card--group,
.team-page .team-card--group:nth-child(6),
.team-page .team-card--group:nth-child(7) {
  --frame-light-x:50%;
  --frame-light-y:50%;
  --frame-light-radius:220px;
  --frame-light-opacity:0;
  --frame-edge-opacity:0;
  grid-column:auto;
  box-sizing:border-box;
  height:100%;
  min-height:0;
  padding:8px;
  overflow:visible;
  border:1px solid transparent;
  border-radius:16px;
  background:
    linear-gradient(135deg,rgba(41,69,110,.3),rgba(18,30,54,.23) 52%,rgba(61,55,137,.28)) padding-box,
    var(--ff-frame-spectrum, var(--spectrum)) border-box;
  box-shadow:inset 0 1px rgba(237,248,255,.2),inset 0 -1px rgba(32,52,102,.25),0 20px 46px rgba(1,5,15,.22),0 0 30px rgba(77,177,255,.08);
  backdrop-filter:blur(22px) saturate(145%);
  -webkit-backdrop-filter:blur(22px) saturate(145%);
}
.team-page .team-card::before,
.team-page .team-card--elijah::before,
.team-page .team-card--max::before {
  content:"";
  position:absolute;
  z-index:0;
  inset:1px;
  border-radius:inherit;
  pointer-events:none;
  opacity:var(--frame-light-opacity);
  background:radial-gradient(circle calc(var(--frame-light-radius) + 56px) at var(--frame-light-x) var(--frame-light-y),rgba(112,198,255,.24),rgba(90,145,255,.11) 38%,rgba(89,116,255,.035) 57%,transparent 72%);
  transition:opacity .2s ease,background .16s ease;
}
.team-page .team-card::after,
.team-page .team-card--elijah::after,
.team-page .team-card--max::after {
  content:"";
  position:absolute;
  z-index:3;
  inset:0;
  padding:1.5px;
  border-radius:inherit;
  pointer-events:none;
  opacity:var(--frame-edge-opacity);
  background:radial-gradient(circle var(--frame-light-radius) at var(--frame-light-x) var(--frame-light-y),rgba(243,252,255,1) 0%,rgba(174,229,255,.98) 18%,rgba(82,185,255,.88) 42%,rgba(120,118,253,.3) 61%,transparent 80%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  filter:drop-shadow(0 0 6px rgba(202,239,255,.9)) drop-shadow(0 0 16px rgba(77,177,255,.56));
  transition:opacity .22s ease;
}
.team-page .team-card__inner {
  position:relative;
  z-index:1;
  display:flex;
  flex:1;
  min-height:0;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(139,183,246,.18);
  border-radius:9px;
  background:#080d12;
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 0 28px rgba(4,9,18,.72);
}
.team-page .team-card .team-portrait,
.team-page .team-card--elijah .team-portrait,
.team-page .team-card--max .team-portrait,
.team-page .team-card--group .team-portrait {
  height:230px;
  margin:0 0 12px;
  border-radius:8px 8px 0 0;
  border-bottom:1px solid rgba(174,210,255,.15);
  background:radial-gradient(ellipse 42% 68% at 62% 18%,rgba(77,177,255,.2),transparent 72%),#0b1320;
}
.team-page .team-card--elijah .team-portrait img,
.team-page .team-card--max .team-portrait img {
  width:auto;
  max-width:none;
  height:112%;
  object-fit:contain;
  object-position:center bottom;
  transform:translateX(-50%);
}
.team-page .team-card--elijah .team-portrait img { top:-7%; }
.team-page .team-card--max .team-portrait img { top:-3%; }
.team-page .team-card--elijah .team-portrait::after,
.team-page .team-card--max .team-portrait::after { height:56%; }
.team-page .team-card--group:nth-child(even) .team-portrait,
.team-page .team-card--group:nth-child(3n) .team-portrait { background:radial-gradient(ellipse 42% 68% at 62% 18%,rgba(77,177,255,.2),transparent 72%),#0b1320; }
.team-page .team-card--group .team-group-signal,
.team-page .team-card--group:nth-child(even) .team-group-signal {
  border-color:rgba(142,197,255,.35);
  background:radial-gradient(circle,rgba(91,163,246,.2),transparent 66%);
}
.team-page .team-card h3 { margin-top:0; font-size:22px; }
.team-page .team-card h3,
.team-page .team-card-alignments,
.team-page .team-card p { margin-right:18px; margin-left:18px; }
.team-page .team-card-title {
  margin-top:7px !important;
  margin-bottom:0 !important;
  color:#9db5d3;
  font:500 14px/1.35 var(--ff-font-ui, var(--ui));
}
.team-page .team-card-alignments { margin-top:13px; }
.team-page .team-card-alignments + p { margin-top:14px; font-size:13px; line-height:1.58; }
.team-page .team-card:hover,
.team-page .team-card--elijah:hover,
.team-page .team-card--max:hover {
  border-color:transparent;
  box-shadow:inset 0 1px rgba(237,248,255,.25),inset 0 -1px rgba(32,52,102,.25),0 20px 46px rgba(1,5,15,.3),0 0 38px rgba(77,177,255,.14);
  transform:translateY(-3px);
}
@media (max-width:900px) {
  .team-page .team-grid { grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:400px; }
}
@media (max-width:560px) {
  .team-page .team-grid { grid-template-columns:1fr; grid-auto-rows:auto; }
  .team-page .team-card,
  .team-page .team-card--elijah,
  .team-page .team-card--max,
  .team-page .team-card--group,
  .team-page .team-card--group:nth-child(6),
  .team-page .team-card--group:nth-child(7) { height:400px; min-height:0; padding:6px; border-radius:12px; }
  .team-page .team-card__inner { border-radius:7px; }
  .team-page .team-card .team-portrait,
  .team-page .team-card--elijah .team-portrait,
  .team-page .team-card--max .team-portrait,
  .team-page .team-card--group .team-portrait { height:230px; }
}

/* A Bio control trades the always-visible paragraph for a contained reveal in
   the portrait field, preserving the regular four-card rhythm. */
.team-page .team-card-bio {
  position:absolute;
  z-index:4;
  top:0;
  right:0;
  left:0;
  box-sizing:border-box;
  height:230px;
  margin:0 !important;
  padding:20px 18px;
  overflow:auto;
  color:#d8e5f4;
  background:linear-gradient(145deg,rgba(12,23,41,.99),rgba(8,13,18,.995));
  font-size:14px !important;
  line-height:1.62 !important;
  opacity:0;
  pointer-events:none;
  transform:translateY(-8px);
  transition:opacity var(--ff-transition-frame),transform var(--ff-transition-frame);
}
.team-page .team-card-bio::after {
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  height:34px;
  pointer-events:none;
  background:linear-gradient(transparent,#080d12);
}
.team-page .team-card.is-bio-open .team-card-bio {
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}
.team-page .team-card-bio-toggle {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:40px;
  margin:0;
  padding:0;
  border:0;
  border-radius:4px;
  color:#a9d6ff;
  background:transparent;
  font:500 11px/1 var(--ff-font-mono, var(--mono));
  cursor:pointer;
  transition:color var(--ff-transition-fast),background var(--ff-transition-fast);
}
.team-page .team-card-actions .team-card-bio-toggle { margin-left:auto; }
.team-page .team-card-bio-toggle i { color:#7ec7ff; font-size:18px; }
.team-page .team-card-bio-toggle:hover,
.team-page .team-card-bio-toggle:focus-visible { color:#eef7ff; background:rgba(77,177,255,.08); outline:0; }
.team-page .team-card.is-bio-open .team-card-bio-toggle { color:#eef7ff; }
.team-page .team-card-actions {
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:40px;
  margin:12px 18px 14px;
}
.team-page .team-card-social {
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  border-radius:4px;
  color:#080d12;
  background:var(--ff-spectrum, var(--spectrum));
  box-shadow:0 6px 16px rgba(77,177,255,.2);
}
.team-page .team-card-socials { display:flex; align-items:center; gap:8px; }
.team-page .team-card-social-icon { display:block; width:20px; height:20px; }
@media (prefers-reduced-motion:reduce) {
  .team-page .team-card-bio { transition:none; }
}

/* The challenge reads as a single, light-glass surface-akin to the header on
   pale sections-while its three decisions remain independently scannable. */
.problem-diagnosis {
  --challenge-light-x:50%;
  --challenge-light-y:50%;
  --challenge-light-opacity:0;
  --challenge-edge-opacity:0;
  --challenge-light-radius:230px;
  position:relative;
  padding:20px;
  overflow:hidden;
  border-color:rgba(141,181,236,.72);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(247,250,255,.36));
  box-shadow:inset 0 1px rgba(255,255,255,.82),inset 0 -1px rgba(113,151,208,.16),0 18px 42px rgba(52,86,132,.1),0 0 32px rgba(77,148,255,.08);
  backdrop-filter:blur(24px) saturate(132%);
  -webkit-backdrop-filter:blur(24px) saturate(132%);
  isolation:isolate;
}
.problem-diagnosis::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:var(--challenge-light-opacity);
  background:linear-gradient(118deg,rgba(255,255,255,.32) 0%,rgba(217,239,255,.18) 42%,rgba(164,188,255,.08) 68%,transparent 100%);
  transition:opacity .2s ease;
}
.problem-diagnosis::after {
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  padding:1.5px;
  border-radius:inherit;
  pointer-events:none;
  opacity:var(--challenge-edge-opacity);
  background:radial-gradient(circle var(--challenge-light-radius) at var(--challenge-light-x) var(--challenge-light-y),rgba(255,255,255,1) 0%,rgba(183,229,255,.96) 20%,rgba(90,176,255,.76) 44%,rgba(111,116,255,.18) 65%,transparent 82%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  filter:drop-shadow(0 0 5px rgba(141,215,255,.72)) drop-shadow(0 0 16px rgba(77,150,255,.28));
  transition:opacity .2s ease;
}
.problem-diagnosis > * { position:relative; z-index:1; }
.problem-pressure article { background:#f8fbff; }
@media (prefers-reduced-motion:reduce) { .problem-diagnosis::before,.problem-diagnosis::after { transition:none; } }
@media (max-width:900px) { .problem-diagnosis { padding:12px; border-radius:12px; } }
@media (max-width:560px) { .problem-diagnosis { padding:8px; border-radius:10px; } }

/* The resolution panel inherits the diagram's tactile frame: a cool, rounded
   outer shell around a quiet technical field.  The copy remains the focus. */
.problem-answer.media-frame--spectrum {
  --vendor-light-x:50%;
  --vendor-light-y:50%;
  --vendor-light-opacity:0;
  --vendor-edge-opacity:0;
  --vendor-light-radius:250px;
  position:relative;
  display:block;
  margin-top:72px;
  padding:24px;
  overflow:hidden;
  border:1px solid transparent;
  border-radius:18px;
  background:
    linear-gradient(132deg,rgba(11,24,43,.97),rgba(24,46,81,.9) 52%,rgba(45,40,96,.9)) padding-box,
    linear-gradient(135deg,rgba(153,207,255,.86),rgba(93,157,249,.58) 46%,rgba(157,144,255,.82)) border-box;
  box-shadow:inset 0 1px rgba(232,244,255,.18),inset 0 -1px rgba(28,49,105,.56),0 24px 58px rgba(13,27,54,.22),0 0 58px rgba(93,142,255,.2);
  isolation:isolate;
}
.problem-answer.media-frame--spectrum::before {
  content:"";
  position:absolute;
  z-index:0;
  inset:1px;
  width:auto;
  height:auto;
  border-radius:inherit;
  background:radial-gradient(circle calc(var(--vendor-light-radius) + 56px) at var(--vendor-light-x) var(--vendor-light-y),rgba(112,198,255,.22),rgba(90,145,255,.1) 38%,rgba(89,116,255,.03) 57%,transparent 72%);
  opacity:var(--vendor-light-opacity);
  transition:opacity .2s ease,background .14s ease;
}
.problem-answer.media-frame--spectrum::after {
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  padding:1.5px;
  border-radius:inherit;
  pointer-events:none;
  opacity:var(--vendor-edge-opacity);
  background:radial-gradient(circle var(--vendor-light-radius) at var(--vendor-light-x) var(--vendor-light-y),rgba(243,252,255,1) 0%,rgba(174,229,255,.98) 18%,rgba(82,185,255,.88) 42%,rgba(89,116,255,.3) 61%,transparent 80%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  filter:drop-shadow(0 0 8px rgba(202,239,255,1)) drop-shadow(0 0 25px rgba(77,177,255,.84)) drop-shadow(0 0 46px rgba(120,118,253,.34));
  transition:opacity .22s ease;
}
.problem-answer.media-frame--spectrum .problem-answer__inner {
  position:relative;
  z-index:1;
  width:100%;
  max-width:none;
  margin:0;
  padding:66px 52px 70px;
  overflow:hidden;
  border:1px solid rgba(174,210,255,.3);
  border-radius:18px;
  background:
    radial-gradient(ellipse 58% 96% at 100% 0,rgba(120,118,253,.16),transparent 68%),
    radial-gradient(ellipse 52% 86% at 0 100%,rgba(77,177,255,.11),transparent 68%),
    #080d12;
  background-size:auto,auto,auto;
  box-shadow:inset 0 1px rgba(255,255,255,.04);
  text-align:center;
}
.problem-answer.media-frame--spectrum .problem-answer__inner::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(ellipse 80% 84% at 50% 45%,transparent 40%,rgba(7,12,23,.3) 100%);
}
.problem-answer.media-frame--spectrum h3,
.problem-answer.media-frame--spectrum p { position:relative; z-index:1; }
.problem-answer.media-frame--spectrum h3 { max-width:760px; margin:0 auto; }
.problem-answer.media-frame--spectrum p:not(.problem-answer-label) { max-width:720px; margin:28px auto 0; }
@media (prefers-reduced-motion:reduce) { .problem-answer.media-frame--spectrum::before,.problem-answer.media-frame--spectrum::after { transition:none; } }
@media (max-width:900px) {
  .problem-answer.media-frame--spectrum { margin-top:76px; padding:16px; border-radius:16px; }
  .problem-answer.media-frame--spectrum .problem-answer__inner { padding:52px 34px 56px; border-radius:14px; }
}
@media (max-width:560px) {
  .problem-answer.media-frame--spectrum { margin-top:62px; padding:10px; border-radius:12px; }
  .problem-answer.media-frame--spectrum .problem-answer__inner { padding:42px 22px 46px; border-radius:10px; background-size:auto,auto,30px 30px,30px 30px,auto; }
  .problem-answer.media-frame--spectrum p:not(.problem-answer-label) { margin-top:22px; }
}

/* Shared editorial label: readable, sentence-case mono copy. */
.partnership-columns .partnership-label {
  display:block;
  margin:0 0 22px;
  color:#4db1ff;
  font:500 16px/1.2 var(--mono);
  letter-spacing:.02em;
}
.partnership-columns article .partnership-label { color:#4db1ff; }
.partnership-columns .partnership-label > span,.team-kicker > span { display:none; }
.partnership-emphasis--today { color:var(--ff-accent-blue); }
.partnership-emphasis--tomorrow { color:var(--ff-accent-purple); }
.team-kicker {
  display:block;
  margin:0;
  color:#4db1ff;
  font:500 16px/1.2 var(--mono);
  letter-spacing:.02em;
  text-transform:none;
}
.team-hero .team-kicker,.team-closing .team-kicker { text-align:center; }
.team-card-meta { text-transform:none; }

/* Native disclosure keeps its semantics while the answer eases in and out. */
.team-questions details { overflow:hidden; }
@supports selector(details::details-content) {
  .team-questions details::details-content {
    block-size:0;
    opacity:0;
    transition:block-size .32s cubic-bezier(.22,1,.36,1),content-visibility .32s allow-discrete,opacity .18s ease;
  }
  .team-questions details[open]::details-content {
    block-size:auto;
    opacity:1;
  }
}
@media (prefers-reduced-motion:reduce) {
  .team-questions details::details-content { transition:none; }
}

/* FAQs are a contained answer surface: spectrum frame outside, solid ink
   inside.  This keeps the accordion calm while carrying the shared frame. */
.team-faq {
  --faq-frame-light-x:50%;
  --faq-frame-light-y:0%;
  --faq-frame-edge-opacity:.46;
  position:relative;
  max-width:1200px;
  margin:0 auto;
  padding:24px;
  overflow:hidden;
  border:1px solid transparent;
  border-radius:18px;
  background:
    radial-gradient(circle 185px at var(--faq-frame-light-x) var(--faq-frame-light-y),rgba(202,237,255,.38),rgba(100,183,255,.2) 30%,rgba(108,112,255,.08) 48%,transparent 68%) padding-box,
    linear-gradient(132deg,rgba(11,24,43,.97),rgba(24,46,81,.9) 52%,rgba(45,40,96,.9)) padding-box,
    var(--ff-frame-spectrum) border-box;
  box-shadow:var(--ff-frame-shadow);
  isolation:isolate;
}
.team-faq::before {
  content:"";
  position:absolute;
  z-index:0;
  inset:24px;
  border:1px solid var(--ff-border-dark);
  border-radius:12px;
  background:#080d12;
  box-shadow:inset 0 1px rgba(255,255,255,.05),inset 0 -1px rgba(47,71,142,.16);
}
.team-faq::after {
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  padding:1.5px;
  border-radius:inherit;
  pointer-events:none;
  opacity:var(--faq-frame-edge-opacity);
  background:radial-gradient(circle 380px at var(--faq-frame-light-x) var(--faq-frame-light-y),rgba(242,252,255,.98),rgba(155,215,255,.9) 24%,rgba(82,165,255,.68) 48%,rgba(120,118,253,.2) 68%,transparent 82%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  filter:drop-shadow(0 0 7px rgba(182,230,255,.88)) drop-shadow(0 0 22px rgba(77,177,255,.6));
  transition:opacity var(--ff-transition-frame),filter var(--ff-transition-frame);
}
.team-faq:focus-within::after {
  opacity:1;
  filter:drop-shadow(0 0 9px rgba(205,239,255,1)) drop-shadow(0 0 30px rgba(77,177,255,.88)) drop-shadow(0 0 52px rgba(120,118,253,.32));
}
.team-faq > * { position:relative; z-index:1; }
.team-faq > .team-kicker { margin:62px 52px 0; }
.team-faq > h2 { margin:28px 52px 48px; }
.team-faq > .team-questions { max-width:780px; margin:0 52px 64px; }
.team-faq:focus-within::after {
  opacity:var(--frame-edge-opacity);
  filter:drop-shadow(0 0 6px rgba(202,239,255,.95)) drop-shadow(0 0 18px rgba(77,177,255,.68)) drop-shadow(0 0 42px rgba(77,177,255,.3));
}
@media (max-width:900px) {
  .team-faq { padding:16px; border-radius:16px; }
  .team-faq::before { inset:16px; border-radius:10px; }
  .team-faq > .team-kicker { margin:52px 34px 0; }
  .team-faq > h2 { margin-right:34px; margin-left:34px; }
  .team-faq > .team-questions { margin-right:34px; margin-bottom:54px; margin-left:34px; }
}
@media (max-width:560px) {
  .team-faq { padding:10px; border-radius:12px; }
  .team-faq::before { inset:10px; border-radius:8px; }
  .team-faq > .team-kicker { margin:42px 24px 0; }
  .team-faq > h2 { margin:24px 24px 32px; }
  .team-faq > .team-questions { margin:0 24px 46px; }
  .team-hero .team-kicker,.team-closing .team-kicker { text-align:left; }
}
@media (prefers-reduced-motion:reduce) { .team-faq::before,.team-faq::after { transition:none; } }

/* Canonical spectrum frame -------------------------------------------------
   The capability model is the reference implementation. Reuse this shell for
   every substantial framed surface; only the inset content may vary. */
.problem-answer.media-frame--spectrum,
.contact-frame.media-frame,
.team-faq,
.media-frame--paper,
.leadership-routing__frame.media-frame,
.leadership-brief__frame.media-frame,
.service-outcome__panel.media-frame {
  --frame-light-x:50%;
  --frame-light-y:50%;
  --frame-light-radius:260px;
  --frame-light-opacity:0;
  --frame-edge-opacity:0;
  position:relative;
  overflow:visible;
  padding:24px;
  border:1px solid rgba(173,215,255,.18);
  border-radius:28px;
  background:linear-gradient(135deg,rgba(41,69,110,.28),rgba(18,30,54,.25) 52%,rgba(61,55,137,.22)) padding-box,linear-gradient(135deg,rgba(188,229,255,.32),rgba(102,160,243,.14) 48%,rgba(174,169,255,.28)) border-box;
  box-shadow:inset 0 1px rgba(237,248,255,.13),inset 0 -1px rgba(32,52,102,.2),0 24px 64px rgba(1,5,15,.36),0 0 50px rgba(77,177,255,.07);
  backdrop-filter:blur(22px) saturate(145%);
  -webkit-backdrop-filter:blur(22px) saturate(145%);
  isolation:isolate;
}
.problem-answer.media-frame--spectrum::before,
.contact-frame.media-frame::before,
.media-frame--paper::before,
.leadership-routing__frame.media-frame::before,
.leadership-brief__frame.media-frame::before,
.service-outcome__panel.media-frame::before {
  content:"";
  position:absolute;
  z-index:0;
  inset:1px;
  width:auto;
  height:auto;
  border-radius:inherit;
  opacity:var(--frame-light-opacity);
  background:radial-gradient(circle calc(var(--frame-light-radius) + 56px) at var(--frame-light-x) var(--frame-light-y),rgba(112,198,255,.24),rgba(90,145,255,.11) 38%,rgba(89,116,255,.035) 57%,transparent 72%);
  transition:opacity .2s ease,background .16s ease;
}
.problem-answer.media-frame--spectrum::after,
.contact-frame.media-frame::after,
.team-faq::after,
.media-frame--paper::after,
.leadership-routing__frame.media-frame::after,
.leadership-brief__frame.media-frame::after,
.service-outcome__panel.media-frame::after {
  content:"";
  position:absolute;
  z-index:3;
  inset:0;
  padding:1.5px;
  border-radius:inherit;
  pointer-events:none;
  opacity:var(--frame-edge-opacity);
  background:radial-gradient(circle var(--frame-light-radius) at var(--frame-light-x) var(--frame-light-y),rgba(243,252,255,1) 0%,rgba(174,229,255,.98) 18%,rgba(82,185,255,.88) 42%,rgba(89,116,255,.3) 61%,transparent 80%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  filter:drop-shadow(0 0 6px rgba(202,239,255,.95)) drop-shadow(0 0 18px rgba(77,177,255,.68)) drop-shadow(0 0 42px rgba(77,177,255,.3));
  transition:opacity .22s ease;
}
.problem-answer.media-frame--spectrum .problem-answer__inner,
.contact-frame.media-frame .media-frame__content,
.media-frame--paper .media-frame__content,
.leadership-routing__frame.media-frame .media-frame__content,
.leadership-brief__frame.media-frame .media-frame__content,
.service-outcome__panel.media-frame .media-frame__content {
  position:relative;
  z-index:2;
  border:1px solid rgba(139,183,246,.18);
  border-radius:18px;
  background:#080d12;
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 0 28px rgba(4,9,18,.78);
}
.problem-answer.media-frame--spectrum .problem-answer__inner {
  background:#080d12;
}
.contact-frame.media-frame .media-frame__content {
  overflow:hidden;
}
.team-faq {
  background:linear-gradient(135deg,rgba(41,69,110,.28),rgba(18,30,54,.25) 52%,rgba(61,55,137,.22)) padding-box,linear-gradient(135deg,rgba(188,229,255,.32),rgba(102,160,243,.14) 48%,rgba(174,169,255,.28)) border-box;
}
.team-faq > .frame-specular {
  position:absolute;
  z-index:0;
  inset:1px;
  border-radius:inherit;
  pointer-events:none;
  opacity:var(--frame-light-opacity);
  background:radial-gradient(circle calc(var(--frame-light-radius) + 56px) at var(--frame-light-x) var(--frame-light-y),rgba(112,198,255,.24),rgba(90,145,255,.11) 38%,rgba(89,116,255,.035) 57%,transparent 72%);
  transition:opacity .2s ease,background .16s ease;
}
.team-faq::before {
  z-index:1;
  inset:24px;
  border:1px solid rgba(139,183,246,.18);
  border-radius:18px;
  background:#080d12;
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 0 28px rgba(4,9,18,.78);
}
.team-faq > :not(.frame-specular) { position:relative; z-index:2; }
.team-faq > .team-kicker { margin:62px 52px 0; }
.team-faq > h2 { margin:28px 52px 48px; }
.team-faq > .team-questions { max-width:780px; margin:0 52px 64px; }
@media (max-width:900px) {
  .problem-answer.media-frame--spectrum,.contact-frame.media-frame,.team-faq,.media-frame--paper,.leadership-routing__frame.media-frame,.leadership-brief__frame.media-frame,.service-outcome__panel.media-frame { padding:16px; border-radius:20px; }
  .problem-answer.media-frame--spectrum .problem-answer__inner,.contact-frame.media-frame .media-frame__content,.media-frame--paper .media-frame__content,.leadership-routing__frame.media-frame .media-frame__content,.leadership-brief__frame.media-frame .media-frame__content,.service-outcome__panel.media-frame .media-frame__content,.team-faq::before { border-radius:12px; }
  .team-faq::before { inset:16px; }
}
@media (max-width:560px) {
  .problem-answer.media-frame--spectrum,.contact-frame.media-frame,.team-faq,.media-frame--paper,.leadership-routing__frame.media-frame,.leadership-brief__frame.media-frame,.service-outcome__panel.media-frame { padding:14px; border-radius:20px; }
  .problem-answer.media-frame--spectrum .problem-answer__inner,.contact-frame.media-frame .media-frame__content,.media-frame--paper .media-frame__content,.leadership-routing__frame.media-frame .media-frame__content,.leadership-brief__frame.media-frame .media-frame__content,.service-outcome__panel.media-frame .media-frame__content,.team-faq::before { border-radius:10px; }
  .team-faq::before { inset:14px; }
}
@media (prefers-reduced-motion:reduce) {
  .problem-answer.media-frame--spectrum::before,.problem-answer.media-frame--spectrum::after,.contact-frame.media-frame::before,.contact-frame.media-frame::after,.media-frame--paper::before,.media-frame--paper::after,.leadership-routing__frame.media-frame::before,.leadership-routing__frame.media-frame::after,.leadership-brief__frame.media-frame::before,.leadership-brief__frame.media-frame::after,.service-outcome__panel.media-frame::before,.service-outcome__panel.media-frame::after,.team-faq::after,.team-faq > .frame-specular { transition:none; }
}

/* Navigation is one persistent glass object across every route. It stays in
   place while the existing is-on-light state lets the current page surface
   show through the glass. The hero offsets compensate for removing it from
   document flow. */
.site-header,
.home-header,
.subpage-header,
.page-header,
.universal-nav {
  position:fixed;
  top:16px;
  left:50%;
  z-index:50;
  width:calc(100% - 48px);
  max-width:1420px;
  height:72px;
  margin:0;
  transform:translateX(-50%);
}
.home-hero { margin-top:0; }
.subpage-hero { margin-top:0; }
.contact-exchange { margin-top:0; }

@media (max-width:900px) {
  .site-header,
  .home-header,
  .subpage-header,
  .page-header,
  .universal-nav {
    top:8px;
    width:calc(100% - 20px);
  }
  .contact-exchange { margin-top:0; }
}

@media (max-width:560px) {
  .home-hero,
  .subpage-hero,
  .contact-exchange { margin-top:0; }
}

/* Paper frame: a light-surface variant of the shared media-frame shell. */
.problem-diagnosis.media-frame--paper {
  --media-frame-radius:28px;
  --media-frame-inset:24px;
  --media-frame-content-radius:18px;
  max-width:var(--ff-container);
  margin:0 auto;
  padding:var(--media-frame-inset);
  overflow:visible;
  border:1px solid transparent;
  border-radius:var(--media-frame-radius);
  background:
    linear-gradient(135deg,rgba(246,251,255,.8),rgba(222,239,255,.58) 42%,rgba(228,225,255,.52)) padding-box,
    linear-gradient(135deg,rgba(77,177,255,.82),rgba(98,148,254,.44) 48%,rgba(120,118,253,.8)) border-box;
  box-shadow:inset 0 1px rgba(255,255,255,.85),inset 0 -1px rgba(113,151,208,.2),0 18px 42px rgba(52,86,132,.1),0 0 32px rgba(77,148,255,.08);
}
/* The resolution panel continues the diagnosis frame's light glass shell;
   its dark inset remains the visual handoff into the next chapter. */
.problem-answer.media-frame--spectrum {
  border-color:transparent;
  background:
    linear-gradient(135deg,rgba(246,251,255,.8),rgba(222,239,255,.58) 42%,rgba(228,225,255,.52)) padding-box,
    linear-gradient(135deg,rgba(77,177,255,.82),rgba(98,148,254,.44) 48%,rgba(120,118,253,.8)) border-box;
  box-shadow:inset 0 1px rgba(255,255,255,.85),inset 0 -1px rgba(113,151,208,.2),0 18px 42px rgba(52,86,132,.1),0 0 32px rgba(77,148,255,.08);
}
.problem-diagnosis.media-frame--paper .problem-argument.media-frame__content {
  position:relative;
  z-index:1;
  max-width:none;
  margin:0;
  padding:52px;
  border:1px solid rgba(175,187,207,.72);
  border-radius:var(--media-frame-content-radius);
  background:#f8fbff;
  box-shadow:inset 0 1px rgba(255,255,255,.9);
}
.problem-diagnosis .problem-argument .problem-intro {
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}
.problem-diagnosis .problem-argument .problem-heading {
  max-width:850px;
  padding-left:0;
  border-left:0;
}
.problem-diagnosis .problem-argument .problem-pressure {
  --numbered-index-column:28px;
  --numbered-index-gap:16px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin:68px 0 0;
  border-top:1px solid #afbbcf;
  border-bottom:1px solid #afbbcf;
}
.problem-diagnosis .problem-argument .problem-pressure article,
.problem-diagnosis .problem-argument .problem-pressure article + article {
  position:static;
  min-height:250px;
  padding:34px 38px 36px 0;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.problem-diagnosis .problem-argument .problem-pressure article + article {
  padding-left:38px;
  border-left:1px solid #afbbcf;
}
.problem-diagnosis .problem-argument .problem-pressure article::before { content:none; }
.problem-diagnosis .problem-argument .problem-card-heading {
  display:grid;
  grid-template-columns:var(--numbered-index-column) minmax(0,1fr);
  gap:var(--numbered-index-gap);
  align-items:center;
}
.problem-diagnosis .problem-argument .problem-index,
.problem-diagnosis .problem-argument .problem-pressure article:nth-of-type(2) .problem-index,
.problem-diagnosis .problem-argument .problem-pressure article:nth-of-type(3) .problem-index {
  display:block;
  width:auto;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  font:500 clamp(18px,1.8vw,24px)/1 var(--mono);
  letter-spacing:-.02em;
}
.problem-diagnosis .problem-argument .problem-pressure h3 {
  max-width:310px;
  font-size:28px;
  line-height:1.08;
}
.problem-diagnosis .problem-argument .problem-pressure p {
  max-width:340px;
  margin-top:36px;
  margin-left:calc(var(--numbered-index-column) + var(--numbered-index-gap));
  color:#596780;
  font-size:16px;
  line-height:1.58;
}

/* Shared numbered-item structure: the number owns a fixed gutter, while every
   title and supporting paragraph shares the same content edge. */
.numbered-item {
  --numbered-index-column:28px;
  --numbered-index-gap:16px;
}
.numbered-item__header {
  display:grid;
  grid-template-columns:var(--numbered-index-column) minmax(0,1fr);
  gap:var(--numbered-index-gap);
  align-items:center;
}
.numbered-item__body {
  margin-left:calc(var(--numbered-index-column) + var(--numbered-index-gap));
}
.team-principle-list .numbered-item {
  display:block;
  --numbered-index-column:28px;
  --numbered-index-gap:16px;
}
.team-principle-list .numbered-item__index {
  color:#75baff;
  font:500 clamp(18px,1.8vw,24px)/1 var(--mono);
}
.team-principle-list .numbered-item__body {
  margin:9px 0 0 calc(var(--numbered-index-column) + var(--numbered-index-gap));
}

@media (max-width:900px) {
  .problem-diagnosis.media-frame--paper { --media-frame-radius:20px; --media-frame-inset:16px; --media-frame-content-radius:12px; }
  .problem-diagnosis.media-frame--paper .problem-argument.media-frame__content { padding:42px 34px; }
  .problem-diagnosis .problem-argument .problem-pressure {
    grid-template-columns:1fr;
    margin-top:62px;
  }
  .problem-diagnosis .problem-argument .problem-pressure article,
  .problem-diagnosis .problem-argument .problem-pressure article + article {
    min-height:0;
    padding:30px 0;
    border-left:0;
  }
  .problem-diagnosis .problem-argument .problem-pressure article + article { border-top:1px solid #afbbcf; }
}

@media (max-width:560px) {
  .problem-diagnosis.media-frame--paper { --media-frame-radius:20px; --media-frame-inset:14px; --media-frame-content-radius:10px; }
  .problem-diagnosis.media-frame--paper .problem-argument.media-frame__content { padding:34px 24px; }
  .problem-diagnosis .problem-argument .problem-pressure { margin-top:56px; }
  .problem-diagnosis .problem-argument .problem-card-heading { gap:12px; }
  .problem-diagnosis .problem-argument .problem-pressure h3 { font-size:25px; }
  .problem-diagnosis .problem-argument .problem-pressure p { margin-top:26px; }
}

/* Capability detail follows the homepage's open editorial-panel pattern. */
.subpage-detail,
.subpage.is-service-leadership .subpage-detail {
  grid-template-columns:minmax(0, 1.12fr) minmax(300px, .88fr);
  gap:clamp(48px, 7vw, 96px);
  background:var(--ff-paper);
}
.subpage-detail-copy > #service-detail-label {
  margin:0 0 20px;
  color:var(--ff-signal);
  font:500 var(--ff-label-display)/1.3 var(--ff-font-mono);
  letter-spacing:-.02em;
}
.subpage-detail h2,
.subpage.is-service-leadership .subpage-detail h2 {
  max-width:650px;
  color:var(--ff-text-dark);
  font:400 var(--ff-type-section)/1.02 var(--ff-font-display);
  letter-spacing:-.06em;
}
.service-detail-body,
.subpage.is-service-leadership .service-detail-body {
  max-width:48ch;
  margin-top:28px;
  color:var(--ff-text-muted-light);
  font:400 18px/1.6 var(--ff-font-ui);
  letter-spacing:normal;
}
.service-detail-panel,
.subpage.is-service-leadership .service-detail-panel {
  align-self:stretch;
  max-width:none;
  padding:4px 0 4px clamp(32px, 4vw, 56px);
  border:0;
  border-left:1px solid var(--ff-border-light);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.service-detail-panel:before,
.subpage.is-service-leadership .service-detail-panel:before { display:none; }
.service-detail-panel > p,
.subpage.is-service-leadership .service-detail-panel > p {
  margin:0 0 24px;
  color:var(--ff-text-dark);
  font:500 var(--ff-type-card)/1.1 var(--ff-font-display);
  letter-spacing:-.05em;
}
.service-detail-panel ul { gap:0; }
.service-detail-panel li,
.subpage.is-service-leadership .service-detail-panel li {
  padding:16px 0;
  border-top:1px solid var(--ff-border-light);
  color:var(--ff-text-muted-light);
  font:400 16px/1.5 var(--ff-font-ui);
}
.service-detail-panel li:before { display:none; }

@media (max-width:900px) {
  .subpage-detail { grid-template-columns:1fr; gap:32px; }
  .service-detail-panel,
  .subpage.is-service-leadership .service-detail-panel {
    max-width:none;
    padding:32px 0 0;
    border-top:1px solid var(--ff-border-light);
    border-left:0;
  }
}

@media (max-width:560px) {
  .subpage-detail-copy > #service-detail-label { font-size:15px; }
  .service-detail-body,
  .subpage.is-service-leadership .service-detail-body { font-size:16px; }
  .service-detail-panel,
  .subpage.is-service-leadership .service-detail-panel { padding-top:24px; }
  .service-detail-panel > p,
  .subpage.is-service-leadership .service-detail-panel > p,
  .service-detail-panel li,
  .subpage.is-service-leadership .service-detail-panel li { font-size:16px; }
}

/* Keep dashboard metadata and service marks quiet: no filled accent blocks. */
.subpage[data-service-page] .subpage-label-icon {
  border:0;
  color:#111b2c;
  background:var(--spectrum);
  box-shadow:0 8px 20px rgba(77,177,255,.14);
}
.subpage[data-service-page] .software-dashboard__nav .is-active {
  color:#e5ebee;
  border-bottom-color:#6294fe;
  background:transparent;
}
.subpage[data-service-page] .software-dashboard__metrics span {
  color:#aebbd0;
  background:transparent;
}
.subpage[data-service-page] .software-dashboard__queue b { background:#4db1ff; }
.subpage[data-service-page] .software-dashboard__queue p:nth-of-type(2) b { background:#6294fe; }
.subpage[data-service-page] .software-dashboard__queue p:nth-of-type(3) b { background:#7876fd; }
.ai-agents__pulse,.ai-connections__pulse { display:none; }
.ai-connections__lines defs path { fill:#4db1ff; stroke:none; stroke-dasharray:none; filter:none; animation:none; }

/* About: a mission-led editorial page, deliberately distinct from service pages. */
.about-page .narrative-subpage { background:#070b11; }.about-hero { max-width:1280px; margin:0 auto; padding:132px 24px 80px; }.about-hero__panel { position:relative; display:grid; place-items:center; min-height:650px; padding:clamp(36px,6vw,80px); overflow:hidden; border:1px solid rgba(130,184,255,.34); border-radius:10px; background:#101725; box-shadow:inset 0 1px rgba(255,255,255,.05),0 28px 70px rgba(0,0,0,.2); }.about-hero__panel:before { content:""; position:absolute; inset:0; opacity:.54; background:linear-gradient(rgba(103,160,224,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(103,160,224,.09) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.7) 44%,transparent 86%); }.about-hero__copy { position:relative; z-index:2; width:min(780px,72%); text-align:center; }.about-hero__copy>p,.about-mission__copy>p:first-child,.about-belief__intro>p:first-child,.about-principles__heading>p,.about-team p:first-child,.about-close>p:first-child { margin:0 0 24px; color:#8fcaff; font:500 15px/1.35 var(--ui); }.about-hero h1 { max-width:780px; margin:0; color:#e5ebee; font:400 clamp(56px,6.1vw,80px)/.98 var(--display); letter-spacing:-.065em; }.about-hero__copy>div { display:flex; flex-direction:column; align-items:center; gap:28px; margin-top:36px; }.about-hero__copy>div p { max-width:530px; margin:0; color:#b8c7dc; font-size:18px; line-height:1.58; }.about-hero__signal { position:absolute; z-index:1; right:-4%; bottom:-1%; width:min(62%,800px); height:66%; }.about-hero__signal svg { width:100%; height:100%; overflow:visible; }.about-hero__signal path { fill:none; stroke:#6294fe; stroke-width:1.4; stroke-dasharray:5 10; filter:drop-shadow(0 0 7px rgba(77,177,255,.38)); animation:about-route 3.8s linear infinite; }.about-hero__signal path:nth-child(even) { stroke:#4db1ff; opacity:.65; }.about-hero__vertex { fill:#d9f2ff; opacity:.58; filter:drop-shadow(0 0 8px rgba(77,177,255,.8)); }.about-mission { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); align-items:center; gap:clamp(56px,9vw,128px); padding:clamp(96px,12vw,152px) max(24px,calc((100vw - 1200px)/2)); color:#111820; background:#f0f3f8; }.about-mission h2,.about-belief h2,.about-principles h2,.about-team h2,.about-close h2 { margin:0; font:400 clamp(42px,4.6vw,62px)/1 var(--display); letter-spacing:-.06em; }.about-mission__copy p:not(:first-child) { margin:24px 0 0; color:#53617a; font-size:18px; line-height:1.62; }.about-mission__image { min-height:480px; margin:0; overflow:hidden; border:1px solid #aebbd0; border-radius:8px; background:#111b2d; }.about-mission__image img { display:block; width:100%; height:100%; min-height:480px; object-fit:cover; object-position:70% center; }.about-belief { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:clamp(56px,9vw,130px); padding:clamp(96px,12vw,152px) max(24px,calc((100vw - 1200px)/2)); background:#070b11; }.about-belief__intro h2,.about-team h2,.about-close h2 { color:#e5ebee; }.about-belief__intro>p:last-child { max-width:500px; margin:30px 0 0; color:#b4c2d6; font-size:18px; line-height:1.6; }.about-belief__steps { margin:0; padding:0; list-style:none; border-top:1px solid rgba(144,204,255,.34); }.about-belief__steps li { display:grid; grid-template-columns:minmax(156px,.7fr) 1.3fr; gap:32px; padding:31px 0; border-bottom:1px solid rgba(144,204,255,.28); }.about-belief__steps span { color:#9bd5ff; font:500 15px/1.4 var(--ui); }.about-belief__steps p { margin:0; color:#c3cfde; font-size:16px; line-height:1.58; }.about-principles { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(56px,9vw,144px); padding:clamp(96px,12vw,152px) max(24px,calc((100vw - 1200px)/2)); color:#111820; background:#dde5f0; }.about-principles__list { border-top:1px solid #aebbd0; }.about-principles__list article { padding:29px 0 31px; border-bottom:1px solid #aebbd0; }.about-principles__list h3 { margin:0; font:500 clamp(25px,2.4vw,32px)/1.15 var(--display); letter-spacing:-.04em; }.about-principles__list p { max-width:500px; margin:12px 0 0; color:#596983; font-size:16px; line-height:1.58; }.about-team { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr); gap:clamp(56px,10vw,150px); padding:clamp(96px,12vw,152px) max(24px,calc((100vw - 1200px)/2)); background:#101725; }.about-team>div:last-child { align-self:end; }.about-team>div:last-child p { margin:0 0 32px; color:#b8c7dc; font-size:18px; line-height:1.6; }.about-close { padding:clamp(104px,13vw,176px) max(24px,calc((100vw - 1200px)/2)); text-align:center; background:#070b11; }.about-close h2 { color:transparent; background:linear-gradient(115deg,#4db1ff 0%,#6294fe 52%,#7876fd 100%); -webkit-background-clip:text; background-clip:text; }.about-close>p:nth-of-type(2) { max-width:510px; margin:28px auto 36px; color:#b8c7dc; font-size:18px; line-height:1.58; } @keyframes about-route { to { stroke-dashoffset:-48; } }
/* Keep the route structure present but subordinate to the hero copy. */
.about-hero__signal path { stroke-width:1.2; opacity:.62; filter:drop-shadow(0 0 5px rgba(77,177,255,.28)); }
.about-hero__signal path:nth-child(even) { opacity:.48; }
.about-hero__vertex { fill:#f3f8ff; stroke:#9fd2ff; stroke-width:.75; opacity:1; filter:drop-shadow(0 0 6px rgba(77,177,255,.8)); }
.about-hero__signal { z-index:0; right:-5%; bottom:0; width:44%; height:58%; pointer-events:none; -webkit-mask-image:linear-gradient(90deg,transparent 0 20%,rgba(0,0,0,.78) 38%,#000 56%); mask-image:linear-gradient(90deg,transparent 0 20%,rgba(0,0,0,.78) 38%,#000 56%); }
.about-hero__copy { z-index:2; }
.about-hero__panel:before { opacity:.64; background-image:linear-gradient(rgba(103,160,224,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(103,160,224,.12) 1px,transparent 1px); }
.about-mission__image.media-frame--paper { overflow:visible; padding:24px; border:1px solid transparent; border-radius:28px; background:linear-gradient(135deg,rgba(246,251,255,.82),rgba(222,239,255,.62) 42%,rgba(228,225,255,.56)) padding-box,linear-gradient(135deg,rgba(77,177,255,.84),rgba(98,148,254,.46) 48%,rgba(120,118,253,.82)) border-box; box-shadow:inset 0 1px rgba(255,255,255,.86),inset 0 -1px rgba(113,151,208,.2),0 18px 42px rgba(52,86,132,.1),0 0 32px rgba(77,148,255,.08); isolation:isolate; }
.about-mission__image.media-frame--paper .media-frame__content { height:100%; overflow:hidden; }
.about-mission__image.media-frame--paper img { display:block; width:100%; height:100%; min-height:480px; border:0; border-radius:inherit; object-fit:cover; object-position:70% center; }
.about-belief__future-map { position:relative; min-height:430px; overflow:hidden; border-top:1px solid rgba(144,204,255,.34); border-bottom:1px solid rgba(144,204,255,.28); background:radial-gradient(ellipse 46% 44% at 82% 16%,rgba(98,148,254,.11),transparent 74%),linear-gradient(rgba(75,106,153,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(75,106,153,.13) 1px,transparent 1px); background-size:auto,40px 40px,40px 40px; }
.about-belief__future-map svg { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.future-map__route { fill:none; vector-effect:non-scaling-stroke; stroke-width:1.5; }
.future-map__route--forward { stroke:url(#future-path); filter:drop-shadow(0 0 5px rgba(98,148,254,.42)); }
.future-map__route--unknown { stroke:rgba(139,159,194,.42); stroke-dasharray:5 9; }
circle.future-map__origin { fill:#e7f3ff; stroke:#4db1ff; stroke-width:3; filter:drop-shadow(0 0 8px rgba(77,177,255,.78)); }
circle.future-map__destination--forward { fill:#f4f8ff; stroke:#7876fd; stroke-width:3; filter:drop-shadow(0 0 10px rgba(120,118,253,.86)); }
circle.future-map__destination--unknown { fill:#3b465a; stroke:#7888a4; stroke-width:2; }
.future-map__label { position:absolute; display:grid; gap:8px; max-width:180px; }
.future-map__label strong { color:#e8effb; font:500 18px/1.1 var(--display); letter-spacing:-.035em; }
.future-map__label span { color:#aebed3; font-size:13px; line-height:1.45; }
.future-map__label--origin { top:156px; left:24px; max-width:150px; }
.future-map__label--forward { top:36px; right:18px; }
.future-map__label--forward strong { color:#dce8ff; }.future-map__label--forward span { color:#b8c9eb; }
.future-map__label--unknown { right:18px; bottom:22px; }.future-map__label--unknown strong { color:#b9c4d7; }.future-map__label--unknown span { color:#8796ae; }

@media (max-width:900px) { .about-hero { padding-top:116px; }.about-hero__panel { min-height:620px; }.about-hero__signal { right:-16%; width:76%; opacity:.7; }.about-mission,.about-belief,.about-principles,.about-team { grid-template-columns:1fr; gap:48px; }.about-mission__copy { padding:0; }.about-team>div:last-child { align-self:start; } }
@media (max-width:560px) { .about-hero { padding:104px 20px 56px; }.about-hero__panel { min-height:640px; padding:32px 24px; align-items:start; }.about-hero h1 { font-size:48px; }.about-hero__copy>div { display:block; margin-top:28px; }.about-hero__copy>div .button { margin-top:28px; }.about-hero__signal { right:-42%; bottom:0; width:122%; height:45%; opacity:.55; }.about-mission,.about-belief,.about-principles,.about-team { gap:38px; padding:80px 20px; }.about-mission h2,.about-belief h2,.about-principles h2,.about-team h2,.about-close h2 { font-size:42px; }.about-mission__copy p,.about-belief__intro>p:last-child,.about-team>div:last-child p,.about-close>p:nth-of-type(2) { font-size:16px; }.about-belief__steps li { grid-template-columns:1fr; gap:10px; padding:25px 0; }.about-close { padding:96px 20px; } }
@media (max-width:900px) { .about-hero__signal { right:-5%; bottom:0; width:52%; height:50%; opacity:1; } }
@media (max-width:560px) { .about-hero__signal { right:-4%; bottom:0; width:56%; height:40%; opacity:1; } }
@media (max-width:560px) { .about-belief__future-map { min-height:460px; background-size:auto,28px 28px,28px 28px; }.future-map__label { max-width:132px; }.future-map__label strong { font-size:16px; }.future-map__label span { font-size:12px; }.future-map__label--origin { left:14px; top:180px; }.future-map__label--forward { top:24px; right:12px; }.future-map__label--unknown { right:12px; bottom:18px; } }
@media (prefers-reduced-motion:reduce) { .about-hero__signal path { animation:none; }.about-hero__vertex { display:none; } }

/* Light editorial surfaces need a deeper blue than dark-surface labels. */
.about-mission__copy>p:first-child,.about-principles__heading>p { color:#24679f; }

/* AI systems: restrained, live work surfaces inspired by the supplied motion studies. */
#ai-request[hidden],#ai-agents[hidden],#ai-connections[hidden],#ai-control[hidden],#ai-path[hidden] { display:none !important; }
.ai-request,.ai-agents,.ai-connections,.ai-control { display:grid; grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr); gap:clamp(48px,9vw,132px); align-items:center; padding:var(--section-space) var(--layout-inline); color:#e5ebee; }
.ai-request { background:#080e18; }.ai-agents { background:radial-gradient(ellipse 42% 78% at 88% 48%,rgba(120,118,253,.1),transparent 72%),#09111d; }.ai-connections { background:radial-gradient(ellipse 38% 76% at 9% 80%,rgba(77,177,255,.09),transparent 72%),#080e18; }.ai-control { background:#0b1320; }
.ai-request__copy,.ai-agents__copy,.ai-connections__copy,.ai-control__copy { max-width:510px; }.ai-request__copy>p:first-child,.ai-agents__copy>p:first-child,.ai-connections__copy>p:first-child,.ai-control__copy>p:first-child,.ai-path__heading>p { margin:0 0 18px; color:transparent; background:var(--spectrum); -webkit-background-clip:text; background-clip:text; font:500 14px/1.35 var(--mono); }.ai-request h2,.ai-agents h2,.ai-connections h2,.ai-control h2,.ai-path h2 { margin:0; font:400 var(--type-feature)/1.02 var(--display); letter-spacing:-.06em; }.ai-request__copy>p:last-child,.ai-agents__copy>p:last-child,.ai-connections__copy>p:last-child,.ai-control__copy>p:last-child { max-width:480px; margin:28px 0 0; color:#b8c6dc; font-size:17px; line-height:1.6; }
.ai-request__console,.ai-control__surface { position:relative; box-sizing:border-box; width:100%; max-width:650px; min-height:382px; padding:clamp(32px,5vw,62px); overflow:hidden; border:1px solid rgba(98,148,254,.42); border-radius:24px; background:radial-gradient(ellipse 54% 78% at 50% 100%,rgba(98,148,254,.11),transparent 72%),#0b1421; box-shadow:inset 0 1px rgba(255,255,255,.06),0 18px 46px rgba(0,0,0,.22); }.ai-request__console:before,.ai-control__surface:before { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(130deg,rgba(77,177,255,.045),transparent 46%,rgba(120,118,253,.045)); }
.ai-request__prompt,.ai-request__status,.ai-request__result { position:relative; z-index:1; box-sizing:border-box; border:1px solid rgba(105,174,244,.48); border-radius:6px; font:500 14px/1.45 var(--mono); }.ai-request__prompt { display:flex; align-items:center; min-height:64px; padding:14px 18px; color:#10203a; background:#dbeeff; box-shadow:0 0 28px rgba(77,177,255,.16); }.ai-request__prompt span { display:block; width:0; overflow:hidden; white-space:nowrap; animation:ai-type-request 8s steps(42,end) infinite; }.ai-request__prompt i { width:2px; height:19px; margin-left:2px; background:#6294fe; animation:ai-caret .65s step-end infinite; }.ai-request__status { display:flex; align-items:center; gap:10px; min-height:52px; margin-top:16px; padding:0 16px; color:#a9c5ed; background:#111b2d; opacity:0; animation:ai-status 8s ease-in-out infinite; }.ai-request__status i { color:#6294fe; font-size:18px; }.ai-request__status b { width:28px; height:3px; margin-left:auto; background:repeating-linear-gradient(90deg,#4db1ff 0 4px,transparent 4px 9px); animation:ai-dots .85s linear infinite; }.ai-request__result { min-height:124px; margin-top:16px; padding:16px 18px; color:#dce7f7; background:#101725; opacity:0; transform:translateY(8px); animation:ai-result 8s ease-in-out infinite; }.ai-request__result>span { color:#6294fe; font-size:11px; }.ai-request__result p { max-width:400px; margin:10px 0 0; }.ai-request__result small { display:flex; align-items:center; gap:7px; margin-top:15px; color:#b9c8df; font:500 10px/1.3 var(--mono); }.ai-request__result small i { color:#4db1ff; font-size:14px; }
@keyframes ai-type-request { 0%,8% { width:0; } 35%,100% { width:100%; } } @keyframes ai-caret { 50% { opacity:0; } } @keyframes ai-status { 0%,33% { opacity:0; transform:translateY(-5px); } 40%,66% { opacity:1; transform:translateY(0); } 76%,100% { opacity:0; } } @keyframes ai-result { 0%,57% { opacity:0; transform:translateY(8px); } 68%,94% { opacity:1; transform:translateY(0); } 100% { opacity:0; } } @keyframes ai-dots { to { background-position:28px 0; } }
.ai-agents__map,.ai-connections__map { position:relative; width:100%; max-width:650px; min-height:370px; }.ai-agents__supervisor,.ai-agents__workers>div,.ai-connections__system,.ai-connections__tools span { position:absolute; z-index:2; box-sizing:border-box; border:1px solid rgba(98,148,254,.5); border-radius:6px; background:#101725; box-shadow:inset 0 1px rgba(255,255,255,.05),0 0 20px rgba(77,177,255,.06); }.ai-agents__supervisor { top:20px; left:calc(50% - 84px); display:grid; grid-template-columns:26px 1fr; column-gap:9px; align-items:center; width:168px; min-height:84px; padding:14px; }.ai-agents__supervisor i { grid-row:span 2; color:#6294fe; font-size:23px; }.ai-agents__supervisor span,.ai-connections__system span { color:#e8effb; font:500 14px/1.2 var(--ui); }.ai-agents__supervisor small { margin-top:3px; color:#9eb3d2; font:500 10px/1.3 var(--mono); }.ai-agents__workers { position:absolute; right:0; bottom:15px; left:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }.ai-agents__workers>div { position:relative; display:grid; place-items:center; gap:8px; min-height:94px; padding:14px 8px; text-align:center; }.ai-agents__workers i,.ai-connections__tools i { color:#4db1ff; font-size:19px; }.ai-agents__workers span,.ai-connections__tools span { color:#d9e6f7; font:500 11px/1.3 var(--mono); }.ai-agents__lines,.ai-connections__lines { position:absolute; z-index:0; inset:0; width:100%; height:100%; overflow:visible; }.ai-agents__lines path,.ai-connections__lines path { fill:none; stroke:#6294fe; stroke-width:1.35; stroke-dasharray:4 8; filter:drop-shadow(0 0 5px rgba(98,148,254,.4)); animation:ai-flow 2.2s linear infinite; }.ai-connections__lines .ai-connections__return { stroke:#4db1ff; opacity:.8; }.ai-agents__signal { fill:#eff9ff; filter:drop-shadow(0 0 5px #4db1ff) drop-shadow(0 0 10px rgba(98,148,254,.65)); }.ai-agents__pulse,.ai-connections__pulse { position:absolute; z-index:1; width:7px; height:7px; border-radius:50%; background:#e8f7ff; box-shadow:0 0 12px #4db1ff; animation:ai-pulse 2.8s ease-in-out infinite; }.ai-agents__pulse--one { left:13%; top:45%; }.ai-agents__pulse--two { left:37%; top:55%; animation-delay:.7s; }.ai-agents__pulse--three { left:62%; top:55%; animation-delay:1.4s; }.ai-agents__pulse--four { left:86%; top:45%; animation-delay:2.1s; } @keyframes ai-flow { to { stroke-dashoffset:-36; } } @keyframes ai-flow-reverse { to { stroke-dashoffset:36; } } @keyframes ai-pulse { 0%,100% { opacity:.05; transform:scale(.5); } 45% { opacity:1; transform:scale(1); } }
.ai-connections__system { top:calc(50% - 45px); left:calc(50% - 70px); display:grid; place-items:center; gap:6px; width:140px; min-height:90px; color:#0b1830; background:var(--spectrum); border-color:rgba(225,241,255,.6); box-shadow:0 0 28px rgba(98,148,254,.24); }.ai-connections__system i { font-size:24px; }.ai-connections__system span { color:#0b1830; }.ai-connections__tools span { display:flex; align-items:center; gap:9px; width:150px; min-height:50px; padding:0 13px; }.ai-connections__tools span:nth-child(1) { position:absolute; top:48px; left:35px; }.ai-connections__tools span:nth-child(2) { position:absolute; bottom:48px; left:35px; }.ai-connections__tools span:nth-child(3) { position:absolute; top:48px; right:35px; }.ai-connections__tools span:nth-child(4) { position:absolute; right:35px; bottom:48px; }.ai-connections__pulse--one { top:72px; left:28%; }.ai-connections__pulse--two { bottom:72px; left:28%; animation-delay:.7s; }.ai-connections__pulse--three { top:72px; right:28%; animation-delay:1.4s; }.ai-connections__pulse--four { right:28%; bottom:72px; animation-delay:2.1s; }
.ai-control__surface { display:grid; align-content:center; gap:16px; min-height:330px; }.ai-control__message,.ai-control__action,.ai-control__status { position:relative; z-index:1; box-sizing:border-box; border:1px solid rgba(105,174,244,.52); border-radius:6px; }.ai-control__message { display:flex; align-items:center; gap:13px; padding:17px; color:#dbe9fb; background:#15233a; font:500 14px/1.45 var(--mono); }.ai-control__message i { color:#4db1ff; font-size:20px; }.ai-control__action { display:flex; align-items:center; justify-content:center; gap:10px; min-height:58px; color:#0b1830; background:var(--spectrum); font:600 14px/1 var(--ui); box-shadow:0 0 22px rgba(98,148,254,.18); animation:ai-approve 4.5s ease-in-out infinite; }.ai-control__status { display:flex; align-items:center; justify-content:center; gap:8px; min-height:46px; border-style:dashed; color:#aabbd3; background:#101725; font:500 11px/1.3 var(--mono); }.ai-control__status i { color:#6294fe; font-size:15px; } @keyframes ai-approve { 0%,55%,100% { filter:brightness(1); } 67% { filter:brightness(1.12); } }
.ai-path { padding:var(--section-space) var(--layout-inline); color:#e5ebee; background:#080e18; }.ai-path__heading { display:grid; grid-template-columns:minmax(190px,.55fr) minmax(0,1.45fr); gap:48px; max-width:1100px; margin:0 0 64px; }.ai-path__heading>p { margin-top:7px; }.ai-path__steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; max-width:1200px; margin:0; padding:0; list-style:none; border-top:1px solid rgba(98,148,254,.35); border-bottom:1px solid rgba(98,148,254,.35); }.ai-path__steps li { display:grid; grid-template-columns:42px minmax(0,1fr); gap:16px; min-height:250px; padding:30px 30px 34px 0; }.ai-path__steps li+li { padding-left:30px; border-left:1px solid rgba(98,148,254,.35); }.ai-path__steps>li>span { color:#6294fe; font:500 13px/1.3 var(--mono); }.ai-path__steps h3 { margin:0; font:500 var(--type-card)/1.08 var(--display); letter-spacing:-.05em; }.ai-path__steps p { margin:16px 0 0; color:#b6c4d9; font-size:16px; line-height:1.56; }.ai-path__steps strong { display:block; margin-top:28px; color:#edf5ff; font-size:14px; }
@media (max-width:900px) { .ai-request,.ai-agents,.ai-connections,.ai-control,.ai-path__heading { grid-template-columns:1fr; gap:28px; }.ai-request__copy,.ai-agents__copy,.ai-connections__copy,.ai-control__copy { max-width:650px; }.ai-request__console,.ai-agents__map,.ai-connections__map,.ai-control__surface { max-width:760px; }.ai-path__heading>p { margin:0; }.ai-path__steps { grid-template-columns:1fr; }.ai-path__steps li,.ai-path__steps li+li { min-height:0; padding:28px 0; border-left:0; }.ai-path__steps li+li { border-top:1px solid rgba(98,148,254,.35); } }
@media (max-width:560px) { .ai-request__copy>p:last-child,.ai-agents__copy>p:last-child,.ai-connections__copy>p:last-child,.ai-control__copy>p:last-child { font-size:16px; }.ai-request__console,.ai-control__surface { min-height:0; padding:24px 20px; border-radius:14px; }.ai-request__prompt,.ai-request__status,.ai-request__result { font-size:12px; }.ai-request__prompt span { white-space:normal; }.ai-agents__map { min-height:400px; }.ai-agents__supervisor { top:0; }.ai-agents__workers { grid-template-columns:repeat(2,minmax(0,1fr)); bottom:0; }.ai-agents__workers>div { min-height:82px; }.ai-agents__lines,.ai-agents__pulse,.ai-connections__lines,.ai-connections__pulse { display:none; }.ai-connections__map { min-height:430px; }.ai-connections__system { top:calc(50% - 45px); }.ai-connections__tools span { width:calc(50% - 20px); font-size:10px; }.ai-connections__tools span:nth-child(1) { top:25px; left:0; }.ai-connections__tools span:nth-child(2) { bottom:25px; left:0; }.ai-connections__tools span:nth-child(3) { top:25px; right:0; }.ai-connections__tools span:nth-child(4) { right:0; bottom:25px; }.ai-control__message { font-size:12px; }.ai-path__heading { margin-bottom:40px; }.ai-path__steps li { grid-template-columns:36px minmax(0,1fr); } }
@media (prefers-reduced-motion:reduce) { .ai-request__prompt span,.ai-request__prompt i,.ai-request__status,.ai-request__result,.ai-request__status b,.ai-agents__lines path,.ai-connections__lines path,.ai-agents__pulse,.ai-connections__pulse,.ai-control__action { animation:none; }.ai-agents__signal { display:none; }.ai-request__prompt span { width:auto; }.ai-request__status,.ai-request__result { opacity:1; transform:none; } }

/* Homepage hero: deepen the field and let its technical atmosphere recede at the perimeter. */
.home-page .home-hero:before {
  background:
    radial-gradient(ellipse 44% 50% at 50% 44%, rgba(49,88,153,.19), transparent 68%),
    radial-gradient(ellipse 72% 86% at 50% 48%, transparent 30%, rgba(7,11,17,.66) 72%, #070b11 100%);
}
.home-page .scene-grid {
  opacity:.56;
  -webkit-mask-image:radial-gradient(ellipse 66% 72% at 50% 47%, #000 0 34%, rgba(0,0,0,.62) 58%, transparent 91%);
  mask-image:radial-gradient(ellipse 66% 72% at 50% 47%, #000 0 34%, rgba(0,0,0,.62) 58%, transparent 91%);
}
.home-page .hero-scene:after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg, rgba(7,11,17,.52), transparent 27%, transparent 73%, rgba(7,11,17,.52));
}

/* Mobile audit: every route uses the same real 20px content edge. Hero copy
   must own the viewport, while the navigation always retains a clear control. */
@media (max-width:560px) {
  :root { --page-gutter:20px; --layout-inline:20px; }

  .site-header,
  .home-header,
  .subpage-header,
  .page-header,
  .narrative-header,
  .universal-nav {
    width:calc(100% - 20px);
    min-height:64px;
    height:64px;
    margin-top:8px;
    padding-inline:14px;
  }
  .site-header .brand,
  .narrative-brand { min-width:0; font-size:18px; }
  .site-header .brand span,
  .narrative-brand span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .menu-toggle {
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    min-width:44px;
    min-height:44px;
    margin-left:auto;
    color:#e5ebee;
    font-size:12px;
  }
  .site-header.is-open { height:auto; min-height:64px; padding-top:14px; }
  .site-header.is-open .site-nav { padding:16px 0 10px; }

  .home-hero,
  .subpage-hero,
  .page-hero,
  .narrative-hero,
  .about-hero,
  .contact-exchange,
  .customers-hero { width:100%; min-width:0; padding-inline:20px; }
  .home-hero-content,
  .subpage-copy,
  .page-hero > *,
  .narrative-hero > *,
  .about-hero__copy,
  .contact-exchange__intro,
  .customers-hero__copy { width:100%; min-width:0; max-width:100%; }
  .home-hero-content h1 { max-width:11ch; margin-inline:auto; font-size:clamp(40px,12vw,48px); }
  .subpage-copy h1,
  .page-hero h1,
  .narrative-hero h1,
  .about-hero h1,
  .contact-exchange h1,
  .customers-hero__copy h1 { max-width:100%; font-size:clamp(40px,11.5vw,46px); }
  .home-hero-content > p:not(.eyebrow),
  .subpage-copy > p,
  .page-lede,
  .narrative-hero p,
  .about-hero__copy > div p,
  .contact-exchange__intro > p:not(.page-kicker),
  .customers-hero__copy > p { max-width:34ch; }

  .home-hero { min-height:650px; padding-top:112px; padding-bottom:64px; }
  .home-hero-actions { width:min(100%,300px); }
  .home-hero-actions .button { width:100%; }
  .narrative-hero { min-height:0; padding-top:104px; padding-bottom:64px; }
  .narrative-orbit { width:min(68vw,280px); }
  .about-hero { padding-top:88px; padding-bottom:40px; }
  .about-hero__panel { min-height:540px; padding:36px 24px 42px; }
  .about-hero__signal { right:-4%; width:56%; height:36%; }
  .contact-exchange { padding-top:104px; }

  .subpage-hero { padding-top:108px; padding-bottom:56px; gap:32px; }
  .subpage-system,
  .subpage-system.media-frame { width:100%; height:360px; margin:0; border-radius:16px; }
  .subpage-system.media-frame .media-frame__content { border-radius:9px; }
  .subpage-pyramid { inset:18px 0 0 !important; }
  .subpage-pyramid .diagram-node { min-width:0; padding:7px; font-size:0; }
  .subpage-pyramid .diagram-node strong { display:none; }
  .subpage-pyramid .diagram-node.is-active { min-width:154px; padding:10px; font-size:11px; }
  .subpage-pyramid .diagram-node.is-active strong { display:block; }
  .subpage-pyramid .diagram-node--automation { left:24%; }
  .subpage-pyramid .diagram-node--software { left:76%; }
  .subpage-pyramid .diagram-node--ai { top:53%; }
  .automation-control__yes,
  .automation-control__no { display:none; }

  .editorial-section,
  .resource-section,
  .narrative-intro,
  .narrative-panels,
  .about-mission,
  .about-belief,
  .about-principles,
  .about-team,
  .customers-context,
  .customers-practice,
  .customers-invitation { padding-inline:20px; }
  .team-hero,.team-roster,.team-principles,.team-faq,.team-closing { padding-inline:20px; }
}

/* Shared ForgedFuture footer. */
.site-footer { padding:clamp(56px,7vw,96px) clamp(20px,3vw,48px) 24px; color:#dfe8f5; background:#070b11; }
.site-footer__main { display:grid; grid-template-columns:minmax(0,1.35fr) repeat(4,minmax(130px,.65fr)); gap:40px; max-width:1200px; margin:0 auto 56px; }
.site-footer__brand { max-width:280px; }
.site-footer__logo { display:inline-flex; align-items:center; gap:10px; color:#edf4ff; font:500 20px/1 var(--display); letter-spacing:-.06em; }
.site-footer__logo img { display:block; width:31px; height:31px; object-fit:contain; }
.site-footer__brand p { margin:20px 0 0; color:#94a5bd; font-size:14px; line-height:1.55; }
.site-footer__column { display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
.site-footer__column>p { margin:0 0 7px; color:#8ca1bc; font:500 11px/1.3 var(--mono); }
.site-footer__column>a { color:#c8d4e5; font-size:14px; line-height:1.45; transition:color .18s ease; }
.site-footer__column>a:hover,.site-footer__column>a:focus-visible { color:#7ec7ff; outline:0; }
.site-footer__connect>a { color:#e4eefb; }
.site-footer__socials { display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; }
.site-footer__socials a { display:inline-flex; align-items:center; gap:6px; min-height:32px; padding:0 9px; border:1px solid rgba(174,210,255,.24); border-radius:4px; color:#cfe3fb; font:500 11px/1 var(--mono); transition:border-color .18s ease,background .18s ease,color .18s ease; }
.site-footer__socials a:hover,.site-footer__socials a:focus-visible { border-color:#75bbff; color:#edf7ff; background:rgba(77,177,255,.1); outline:0; }
.site-footer__socials svg { width:15px; height:15px; }
.site-footer__bottom { display:flex; justify-content:space-between; gap:24px; max-width:1200px; margin:0 auto; padding:22px 0 0; border-top:1px solid rgba(174,210,255,.18); color:#8292aa; font:500 11px/1.4 var(--mono); }
@media (max-width:900px) { .site-footer__main { grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px 24px; } }
@media (max-width:560px) { .site-footer__main { grid-template-columns:1fr; margin-bottom:40px; }.site-footer__bottom { flex-direction:column; gap:8px; }.site-footer__column { gap:10px; } }

/* Guides library and long-form decision guides. */
.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; }
.guides-library,.guide-article-page { background:#070b11; }
.guides-library main,.guide-article-page main { margin-top:-88px; }
.guides-kicker,.guides-section-label,.guide-chapter { color:#69b9ff; font:500 13px/1.4 var(--mono); }
.guides-kicker { display:flex; align-items:center; gap:10px; margin:0 0 28px; }
.guides-kicker span { width:7px; height:7px; border-radius:50%; background:#69b9ff; box-shadow:0 0 14px rgba(105,185,255,.75); }
.guides-section-label { margin:0 0 24px; }

.guides-hero { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr); gap:90px; align-items:end; max-width:1420px; min-height:680px; margin:0 auto; padding:210px 24px 96px; background:radial-gradient(ellipse 54% 60% at 28% 44%,rgba(34,85,116,.2),transparent 72%); }
.guides-hero__copy h1 { max-width:900px; margin:0; color:#e8eef7; font:400 clamp(54px,6vw,88px)/.96 var(--display); letter-spacing:-.07em; }
.guides-hero__copy>p:last-child { max-width:700px; margin:36px 0 0; color:#aeb9c9; font-size:19px; line-height:1.6; letter-spacing:-.025em; }
.guides-hero__index { display:grid; border-top:1px solid #303b49; }
.guides-hero__index span { padding:18px 0; border-bottom:1px solid #303b49; color:#95a5ba; font:500 12px/1.3 var(--mono); }

.guides-feature { padding:110px max(24px,calc((100vw - 1200px)/2)); color:#111820; background:#e7ebeb; }
.guides-feature .guides-section-label,.guides-explore .guides-section-label { color:#286a4e; }
.guides-feature__card { display:grid; grid-template-columns:1.04fr .96fr; min-height:500px; color:#e5ebee; background:#0c121b; transition:transform .25s ease,box-shadow .25s ease; }
.guides-feature__card:hover,.guides-feature__card:focus-visible { transform:translateY(-3px); box-shadow:0 22px 60px rgba(22,35,45,.2); outline:0; }
.guides-feature__copy { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:clamp(42px,6vw,76px); border-right:1px solid #2e3a49; }
.guide-meta { display:flex; justify-content:space-between; gap:18px; width:100%; color:#72baf6; font:500 11px/1.4 var(--mono); }
.guide-meta span:last-child { color:#8e9db2; }
.guides-feature h2 { max-width:670px; margin:72px 0 0; font:400 clamp(40px,4vw,60px)/.98 var(--display); letter-spacing:-.06em; }
.guides-feature__copy>p { max-width:620px; margin:26px 0 0; color:#aeb9c9; font-size:17px; line-height:1.58; }
.guides-read-link { display:inline-flex; align-items:center; gap:14px; margin-top:44px; color:#dcecff; font-size:14px; font-weight:600; }
.guides-read-link i { color:#69b9ff; font:normal 15px/1 var(--mono); }
.guides-feature__diagram { position:relative; min-height:500px; overflow:hidden; background:radial-gradient(circle at 50% 50%,rgba(68,153,211,.15),transparent 46%),#0a1018; }
.guide-signal-grid { position:absolute; inset:0; opacity:.55; background-image:linear-gradient(rgba(105,185,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(105,185,255,.08) 1px,transparent 1px); background-size:36px 36px; mask-image:radial-gradient(circle at center,#000,transparent 78%); }
.guide-diagram-node { position:absolute; z-index:2; display:grid; gap:7px; width:220px; padding:18px; border:1px solid #315778; border-radius:5px; background:linear-gradient(145deg,rgba(17,32,49,.97),rgba(10,18,28,.97)); box-shadow:0 16px 34px rgba(0,0,0,.28); }
.guide-diagram-node small { color:#70baf8; font:500 9px/1 var(--mono); }
.guide-diagram-node strong { font:500 17px/1.2 var(--display); letter-spacing:-.035em; }
.guide-diagram-node span { color:#8393a8; font-size:11px; line-height:1.4; }
.guide-diagram-node--business { left:50%; top:12%; transform:translateX(-50%); }
.guide-diagram-node--leader { left:50%; top:42%; transform:translateX(-50%); border-color:#657cf1; box-shadow:0 0 38px rgba(98,126,241,.14); }
.guide-diagram-node--system { left:50%; bottom:10%; transform:translateX(-50%); }
.guide-diagram-line { position:absolute; left:50%; width:1px; transform:translateX(-50%); background:linear-gradient(#69b9ff,#747df3); }
.guide-diagram-line:after { content:""; position:absolute; left:50%; bottom:-3px; width:7px; height:7px; transform:translateX(-50%); border-radius:50%; background:#7284f4; box-shadow:0 0 13px #69b9ff; }
.guide-diagram-line--one { top:31%; height:11%; }.guide-diagram-line--two { top:61%; height:12%; }

.guides-explore { padding:120px max(24px,calc((100vw - 1200px)/2)); color:#111820; background:#f5f6f4; }
.guides-explore__heading { display:grid; grid-template-columns:1fr 360px; gap:60px; align-items:end; }
.guides-explore h2 { max-width:760px; margin:0; font:400 clamp(42px,4.4vw,64px)/.99 var(--display); letter-spacing:-.06em; }
.guides-search { display:flex; align-items:center; gap:12px; height:52px; padding:0 16px; border-bottom:1px solid #697672; color:#3d6256; }
.guides-search input { min-width:0; width:100%; border:0; outline:0; color:#17221f; background:transparent; font:500 14px/1 var(--ui); }
.guides-search input::placeholder { color:#6d7a76; }
.guides-filters { display:flex; flex-wrap:wrap; gap:8px; margin:66px 0 36px; }
.guides-filters button { min-height:40px; padding:0 15px; border:1px solid #bac4c0; border-radius:3px; color:#4f5c58; background:transparent; font:600 12px/1 var(--ui); cursor:pointer; }
.guides-filters button:hover,.guides-filters button:focus-visible,.guides-filters button.is-active { border-color:#286a4e; color:#f2f7f4; background:#286a4e; outline:0; }
.guides-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid #aeb8b6; border-left:1px solid #aeb8b6; }
.guide-card { min-width:0; border-right:1px solid #aeb8b6; border-bottom:1px solid #aeb8b6; }
.guide-card[hidden] { display:none; }
.guide-card>a { display:block; height:100%; }
.guide-card__visual { position:relative; height:220px; overflow:hidden; border-bottom:1px solid #aeb8b6; background:#dce2df; }
.guide-card__body { min-height:325px; padding:29px 28px 32px; }
.guide-card h3 { margin:54px 0 0; font:500 27px/1.08 var(--display); letter-spacing:-.05em; }
.guide-card p { margin:18px 0 0; color:#56635f; font-size:15px; line-height:1.57; }
.guide-card .guide-meta { color:#286a4e; }.guide-card .guide-meta span:last-child { color:#6a7773; }
.guide-card .guides-read-link { margin-top:32px; color:#235a45; }
.guide-card--published { background:#eef2ef; }.guide-card--published:hover { background:#fff; }
.guide-card__visual span { position:absolute; display:block; border:1px solid #507766; background:rgba(255,255,255,.24); }
.guide-card__visual--context span { width:82px; height:82px; top:69px; transform:rotate(45deg); }.guide-card__visual--context span:nth-child(1){left:16%;}.guide-card__visual--context span:nth-child(2){left:50%;transform:translateX(-50%) rotate(45deg);border-color:#428db9;}.guide-card__visual--context span:nth-child(3){right:16%;}
.guide-card__visual--compare span { top:48px; bottom:48px; width:25%; }.guide-card__visual--compare span:nth-child(1){left:8%;}.guide-card__visual--compare span:nth-child(2){left:37.5%;border-color:#428db9;}.guide-card__visual--compare span:nth-child(3){right:8%;}
.guide-card__visual--flow span { top:94px; width:34px; height:34px; border-radius:50%; }.guide-card__visual--flow span:nth-child(1){left:10%;}.guide-card__visual--flow span:nth-child(2){left:35%;}.guide-card__visual--flow span:nth-child(3){left:60%;}.guide-card__visual--flow span:nth-child(4){left:84%;border-color:#428db9;}
.guide-card__visual--build span { top:48px; width:116px; height:124px; }.guide-card__visual--build span:nth-child(1){left:18%;}.guide-card__visual--build span:nth-child(2){right:18%;transform:translate(18px,18px);border-color:#428db9;}
.guide-card__visual--roadmap span { left:12%; right:12%; height:1px; border:0; background:#6d8e7f; }.guide-card__visual--roadmap span:nth-child(1){top:63px}.guide-card__visual--roadmap span:nth-child(2){top:109px;width:60%;background:#428db9}.guide-card__visual--roadmap span:nth-child(3){top:155px;width:38%}
.guide-card__visual--agent span { width:92px; height:92px; top:64px; border-radius:50%; }.guide-card__visual--agent span:nth-child(1){left:13%;}.guide-card__visual--agent span:nth-child(2){left:50%;transform:translateX(-50%);border-color:#428db9;}.guide-card__visual--agent span:nth-child(3){right:13%;}
.guides-empty { padding:36px; border:1px solid #aeb8b6; color:#56635f; }
.guides-cta { min-height:540px; padding:112px max(24px,calc((100vw - 1200px)/2)); background:radial-gradient(circle at 80% 44%,rgba(55,119,159,.22),transparent 30%),#091018; }
.guides-cta h2 { max-width:900px; margin:0; font:400 clamp(46px,5vw,72px)/.98 var(--display); letter-spacing:-.065em; }
.guides-cta>p:not(.guides-section-label) { max-width:620px; margin:28px 0 0; color:#9cabbf; font-size:18px; line-height:1.55; }
.guides-cta .button { margin-top:36px; }

/* Long-form guide article. */
.guide-article-hero { position:relative; min-height:820px; padding:210px max(24px,calc((100vw - 1200px)/2)) 100px; overflow:hidden; background:radial-gradient(ellipse 42% 55% at 82% 51%,rgba(42,116,165,.2),transparent 72%),#070b11; }
.guide-breadcrumb { display:flex; gap:11px; color:#8494aa; font:500 11px/1.4 var(--mono); }.guide-breadcrumb a:hover { color:#69b9ff; }
.guide-article-hero__copy { position:relative; z-index:2; max-width:880px; margin-top:84px; }
.guide-article-hero h1 { margin:0; color:#e8eef7; font:400 clamp(58px,6.3vw,92px)/.94 var(--display); letter-spacing:-.072em; }
.guide-article-deck { max-width:790px; margin:36px 0 0; color:#aeb9c9; font-size:20px; line-height:1.56; letter-spacing:-.026em; }
.guide-byline { display:flex; align-items:center; gap:14px; margin-top:44px; }.guide-byline img { width:48px; height:48px; border:1px solid #34485d; border-radius:50%; object-fit:cover; object-position:center 18%; background:#111a24; }.guide-byline div { display:grid; gap:5px; }.guide-byline strong { font-size:14px; }.guide-byline span { color:#8190a5; font:500 10px/1.3 var(--mono); }
.guide-article-hero__system { position:absolute; right:-8%; bottom:4%; width:510px; height:510px; opacity:.84; }.guide-article-orbit { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border:1px solid rgba(105,185,255,.22); border-radius:50%; }.guide-article-orbit--one { width:78%; height:78%; }.guide-article-orbit--two { width:48%; height:48%; border-style:dashed; transform:translate(-50%,-50%) rotate(18deg); }.guide-article-core { position:absolute; left:50%; top:50%; width:76px; height:76px; transform:translate(-50%,-50%) rotate(45deg); border:1px solid #697cf0; background:rgba(105,124,240,.09); box-shadow:0 0 55px rgba(81,154,226,.22); }.guide-article-hero__system small { position:absolute; left:50%; bottom:4%; transform:translateX(-50%); color:#78bdf7; font:500 10px/1 var(--mono); white-space:nowrap; }
.guide-article-shell { display:grid; grid-template-columns:220px minmax(0,760px); gap:100px; align-items:start; justify-content:center; padding:110px 24px 130px; color:#14201d; background:#f4f5f2; }
.guide-toc { position:sticky; top:120px; display:grid; gap:13px; padding-top:20px; border-top:1px solid #9eaaa6; }.guide-toc p { margin:0 0 7px; color:#286a4e; font:500 11px/1.4 var(--mono); }.guide-toc a { color:#69746f; font-size:12px; line-height:1.4; }.guide-toc a:hover { color:#286a4e; }
.guide-article-body>section { scroll-margin-top:110px; margin-top:100px; }.guide-article-body>section:first-child { margin-top:0; }
.guide-article-body h2 { margin:0; font:400 clamp(37px,4vw,52px)/1.02 var(--display); letter-spacing:-.058em; }.guide-article-body h3 { font-family:var(--display); letter-spacing:-.04em; }
.guide-article-body p,.guide-article-body li { color:#485651; font-size:18px; line-height:1.75; letter-spacing:-.018em; }.guide-article-body section>p { margin:26px 0 0; }
.guide-chapter { margin:0 0 20px !important; color:#286a4e !important; font-size:11px !important; line-height:1.4 !important; }
.guide-key-takeaways { padding:42px; border:1px solid #8fa39b; background:#e6ece8; }.guide-key-takeaways h2 { max-width:620px; font-size:38px; }.guide-key-takeaways ul { display:grid; gap:17px; margin:30px 0 0; padding:0; list-style:none; }.guide-key-takeaways li { position:relative; padding-left:25px; font-size:16px; line-height:1.55; }.guide-key-takeaways li:before { content:""; position:absolute; left:0; top:.62em; width:7px; height:7px; border:1px solid #286a4e; transform:rotate(45deg); }
.guide-article-body blockquote { margin:42px 0; padding:9px 0 9px 28px; border-left:2px solid #3b8fbf; color:#173b4f; font:400 27px/1.42 var(--display); letter-spacing:-.04em; }
.guide-source-link { color:#1f668d; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px; }.guide-source-link:hover { color:#164862; }
.guide-framework { display:grid; grid-template-columns:repeat(2,1fr); margin-top:44px; border-top:1px solid #aab5b1; border-left:1px solid #aab5b1; }.guide-framework article { min-height:240px; padding:28px; border-right:1px solid #aab5b1; border-bottom:1px solid #aab5b1; }.guide-framework span { color:#2f7758; font:500 11px/1 var(--mono); }.guide-framework h3 { margin:62px 0 0; font-size:24px; }.guide-framework p { margin:13px 0 0; font-size:15px; line-height:1.55; }
.guide-layers { margin:50px 0 0; padding:0; list-style:none; border-top:1px solid #9fa9a5; }.guide-layers li { display:grid; grid-template-columns:140px 1fr; gap:34px; padding:35px 0; border-bottom:1px solid #9fa9a5; }.guide-layers li>span { color:#286a4e; font:500 11px/1.4 var(--mono); }.guide-layers h3 { margin:0; color:#1b2924; font-size:24px; }.guide-layers p { margin:13px 0 0; font-size:16px; line-height:1.58; }
.guide-example { margin-inline:-50px; padding:54px 50px; color:#e4ebf5; background:#0d1720; }.guide-example h2 { color:#e7eef7; }.guide-example p,.guide-example li { color:#a9b7c6; }.guide-example li+li { margin-top:8px; }.guide-example .guide-chapter { color:#69b9ff !important; }.guide-example .guide-source-link { color:#79c4ff; }
.guide-comparison { margin-top:44px; border-top:1px solid #94a29d; }.guide-comparison>div { display:grid; grid-template-columns:1fr 1fr; }.guide-comparison span { padding:18px 22px; border-right:1px solid #b2bbb7; border-bottom:1px solid #b2bbb7; color:#485651; font-size:14px; line-height:1.45; }.guide-comparison span:last-child { border-right:0; color:#1e4d3a; }.guide-comparison__head span { color:#f0f5f2 !important; background:#286a4e; font:500 11px/1.4 var(--mono); }
.guide-checklist { margin:42px 0 0; padding:0; list-style:none; border-top:1px solid #9fa9a5; }.guide-checklist li { display:grid; grid-template-columns:50px 1fr; gap:20px; align-items:start; padding:22px 0; border-bottom:1px solid #9fa9a5; }.guide-checklist li span { color:#286a4e; font:500 11px/1.4 var(--mono); }.guide-checklist li p { margin:0; color:#24332d; font-size:17px; line-height:1.5; }
.guide-conclusion { padding-top:55px; border-top:1px solid #7f9089; }
.guide-sources ul { margin:42px 0 0; padding:0; list-style:none; border-top:1px solid #9fa9a5; }.guide-sources li { border-bottom:1px solid #9fa9a5; }.guide-sources a { display:grid; grid-template-columns:230px 1fr 20px; gap:25px; align-items:start; padding:25px 0; }.guide-sources strong { color:#1d2d27; font:500 17px/1.35 var(--display); }.guide-sources span { color:#5a6762; font-size:14px; line-height:1.5; }.guide-sources i { color:#286a4e; font:normal 13px/1 var(--mono); }.guide-sources a:hover strong { color:#286a4e; }
.guide-author { display:grid; grid-template-columns:150px 1fr; gap:34px; align-items:end; max-width:none; margin:110px 0 0; padding:38px 0 0; border-top:1px solid #95a19c; color:#1a2823; font-family:var(--ui); letter-spacing:normal; }.guide-author img { width:150px; height:170px; object-fit:cover; object-position:center 18%; background:#dbe2de; }.guide-author div>p:first-child { margin:0 0 10px; color:#286a4e; font:500 10px/1.3 var(--mono); }.guide-author h2 { font-size:32px; }.guide-author div>p:not(:first-child) { max-width:470px; margin:12px 0 0; font-size:15px; line-height:1.55; }.guide-author a { display:inline-flex; gap:8px; margin-top:18px; color:#286a4e; font-size:13px; font-weight:600; }
.guide-next { display:grid; grid-template-columns:1fr 1fr; gap:100px; padding:110px max(24px,calc((100vw - 1200px)/2)); background:#0b121b; }.guide-next h2 { max-width:630px; margin:0; font:400 clamp(42px,4vw,60px)/.99 var(--display); letter-spacing:-.06em; }.guide-next>div:last-child>p { max-width:560px; margin:42px 0 0; color:#9eacbe; font-size:17px; line-height:1.6; }.guide-next__links { display:flex; align-items:center; gap:25px; margin-top:35px; }

@media (max-width:1000px) {
  .guides-feature__card { grid-template-columns:1fr; }.guides-feature__copy { border-right:0; border-bottom:1px solid #2e3a49; }.guides-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .guide-article-shell { grid-template-columns:minmax(0,760px); }.guide-toc { display:none; }.guide-article-hero__system { opacity:.35; }
  .site-footer__main { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .guides-library main,.guide-article-page main { margin-top:-72px; }
  .guides-hero { grid-template-columns:1fr; min-height:650px; padding-top:155px; gap:60px; }.guides-hero__copy h1 { font-size:52px; }.guides-hero__copy>p:last-child { font-size:17px; }
  .guides-feature,.guides-explore,.guides-cta { padding:82px 20px; }.guides-feature__copy { padding:36px 28px; }.guides-feature h2 { margin-top:56px; font-size:42px; }.guides-feature__diagram { min-height:460px; }
  .guides-explore__heading { grid-template-columns:1fr; gap:36px; }.guides-explore h2 { font-size:42px; }.guides-grid { grid-template-columns:1fr; }.guide-card__body { min-height:0; }.guide-card__visual { height:190px; }
  .guide-article-hero { min-height:780px; padding:155px 20px 80px; }.guide-article-hero__copy { margin-top:58px; }.guide-article-hero h1 { font-size:54px; }.guide-article-deck { font-size:18px; }.guide-article-hero__system { right:-46%; bottom:-2%; }
  .guide-article-shell { padding:76px 20px 90px; }.guide-article-body>section { margin-top:74px; }.guide-key-takeaways { padding:30px 24px; }.guide-article-body h2 { font-size:38px; }.guide-article-body p,.guide-article-body li { font-size:17px; line-height:1.7; }.guide-framework { grid-template-columns:1fr; }.guide-layers li { grid-template-columns:1fr; gap:12px; }.guide-example { margin-inline:-20px; padding:44px 20px; }.guide-comparison span { padding:14px 12px; font-size:12px; }.guide-sources a { grid-template-columns:1fr 18px; gap:10px; }.guide-sources a span { grid-column:1; }.guide-author { grid-template-columns:100px 1fr; gap:20px; }.guide-author img { width:100px; height:125px; }
  .guide-next { grid-template-columns:1fr; gap:10px; padding:82px 20px; }.guide-next h2 { font-size:42px; }.guide-next__links { align-items:flex-start; flex-direction:column; }
  .site-footer__main { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:560px) { .site-footer__main { grid-template-columns:1fr; } }

/* Guides index refinement: compact editorial header, latest-story spotlight,
   and the same framed-card language used by the Team page. */
.guides-library main { margin-top:0; }
.guides-library .guides-feature {
  padding:clamp(136px,11vw,160px) max(24px,calc((100vw - 1200px)/2)) 72px;
  color:#e5ebee;
  background:#070b11;
}
.guides-feature__heading {
  display:grid;
  grid-template-columns:minmax(80px,1fr) max-content minmax(80px,1fr);
  gap:40px;
  align-items:center;
  margin-bottom:48px;
}
.guides-feature__heading h1 {
  margin:0;
  color:#edf3fb;
  font:400 clamp(36px,3.5vw,46px)/1 var(--display);
  letter-spacing:-.06em;
}
.guides-feature__heading>span { position:relative; height:1px; background:rgba(105,185,255,.58); }
.guides-feature__heading>span i { position:absolute; top:50%; width:9px; height:9px; transform:translate(-50%,-50%); border-radius:50%; background:#69b9ff; box-shadow:0 0 14px rgba(77,177,255,.45); }
.guides-feature__heading>span i:first-child { left:38%; }.guides-feature__heading>span i:last-child { left:100%; }
.guides-feature__heading>span:last-child i:first-child { left:0; }.guides-feature__heading>span:last-child i:last-child { left:62%; }
.guides-library .guides-feature__card {
  grid-template-columns:minmax(0,1fr) 760px;
  height:428px;
  min-height:428px;
  align-items:stretch;
  overflow:hidden;
  border:1px solid rgba(174,210,255,.26);
  border-radius:8px;
  background:#101725;
  box-shadow:inset 0 1px rgba(255,255,255,.04);
}
.guides-library .guides-feature__card:hover,
.guides-library .guides-feature__card:focus-visible {
  border-color:rgba(132,191,255,.68);
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 14px 34px rgba(0,0,0,.2);
  transform:translateY(-3px);
}
.guides-library .guides-feature__copy { min-height:0; padding:32px; background:#111b2d; }
.guides-library .guides-feature h2 { margin-top:28px; color:#7dc4ff; font-size:clamp(30px,2.7vw,38px); }
.guides-library .guides-feature__copy>p { margin-top:16px; color:#b2bfd1; font-size:14px; line-height:1.5; }
.guides-feature__footer { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; width:100%; margin-top:auto; padding-top:20px; }
.guides-feature__author { display:flex; align-items:center; gap:12px; }
.guides-feature__author>img { width:44px; height:44px; border:1px solid rgba(174,210,255,.3); border-radius:50%; object-fit:cover; object-position:center 18%; background:#0b1320; }
.guides-feature__author>span { display:grid; gap:4px; }.guides-feature__author strong { color:#dce7f6; font-size:13px; }.guides-feature__author small { color:#8ea0b9; font:500 10px/1.3 var(--mono); }
.guides-feature__read-time { display:inline-flex; align-items:center; gap:6px; padding:7px 9px; border-radius:4px; color:#99abc1; background:#0b1320; font:500 10px/1 var(--mono); }
.guides-library .guides-feature__diagram { width:100%; min-height:0; aspect-ratio:1200/675; border-left:0; background:radial-gradient(circle at 50% 50%,rgba(77,177,255,.12),transparent 46%),#090f18; }
.guides-library .guides-feature__banner { background:#173967; }
.guides-library .guides-feature__banner img { display:block; width:100%; height:100%; min-height:0; object-fit:cover; }
.guides-library .guide-diagram-node { width:190px; padding:15px; }
.guides-library .guide-diagram-node strong { font-size:15px; }
.guides-library .guide-diagram-node span { font-size:10px; }
.guides-library .guide-diagram-node { border-color:#345d86; background:linear-gradient(145deg,rgba(17,32,49,.98),rgba(10,18,28,.98)); }
.guides-library .guide-diagram-node--leader { border-color:#7876fd; box-shadow:0 0 38px rgba(120,118,253,.16); }

.guides-library .guides-explore {
  padding:56px max(24px,calc((100vw - 1200px)/2)) 96px;
  color:#e5ebee;
  background:#070b11;
}
.guides-library .guides-explore__heading { grid-template-columns:1fr 340px; }
.guides-library .guides-explore .guides-section-label { margin-bottom:14px; color:#69b9ff; }
.guides-library .guides-explore h2 { color:#edf3fb; font-size:clamp(34px,3.4vw,44px); }
.guides-library .guides-search { border:1px solid rgba(174,210,255,.23); border-radius:4px; color:#78bfff; background:#0b1320; }
.guides-library .guides-search input { color:#e5ebee; }.guides-library .guides-search input::placeholder { color:#718198; }
.guides-library .guides-filters { margin:32px 0 28px; padding-bottom:14px; border-bottom:1px solid rgba(174,210,255,.16); }
.guides-library .guides-filters button { min-height:44px; border-color:rgba(174,210,255,.22); color:#9cabc0; background:#101725; }
.guides-library .guides-filters button:hover,
.guides-library .guides-filters button:focus-visible,
.guides-library .guides-filters button.is-active { border-color:#69b9ff; color:#eef6ff; background:#17263b; }
.guides-library .guides-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; border:0; }
.guides-library .guide-card {
  display:flex;
  flex-direction:column;
  min-height:0;
  overflow:hidden;
  border:1px solid rgba(174,210,255,.22);
  border-radius:8px;
  background:#101725;
  box-shadow:inset 0 1px rgba(255,255,255,.04);
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.guides-library .guide-card:hover {
  border-color:rgba(132,191,255,.68);
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 14px 34px rgba(0,0,0,.2);
  transform:translateY(-3px);
}
.guides-library .guide-card__visual { height:190px; border-bottom:1px solid rgba(174,210,255,.15); background:#0b1320; transform-origin:top center; }
.guides-library .guide-card__visual img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .35s ease,filter .35s ease; }
.guides-library .guide-card:hover .guide-card__visual img { transform:scale(1.025); filter:brightness(1.08); }
.guides-library .guide-card:nth-child(3n+2) .guide-card__visual { background:#111329; }
.guides-library .guide-card:nth-child(3n) .guide-card__visual { background:#0d1728; }
.guides-library .guide-card__body { display:flex; flex-direction:column; min-height:260px; padding:22px; }
.guides-library .guide-card .guide-meta { color:#7ebfff; }.guides-library .guide-card .guide-meta span:last-child { color:#7487a2; }
.guides-library .guide-card h3 { margin-top:34px; color:#edf3fb; font-size:clamp(21px,1.5vw,25px); }
.guides-library .guide-card p { margin-top:14px; color:#aebcd0; font-size:13px; line-height:1.58; }
.guides-library .guide-card__visual span { border-color:#547eac; background:rgba(77,177,255,.055); }
.guides-library .guide-card__visual--compare span:nth-child(2),
.guides-library .guide-card__visual--flow span:nth-child(4),
.guides-library .guide-card__visual--build span:nth-child(2),
.guides-library .guide-card__visual--agent span:nth-child(2) { border-color:#7876fd; }
.guides-library .guide-card__visual--roadmap span { background:#527dac; }.guides-library .guide-card__visual--roadmap span:nth-child(2) { background:#7876fd; }
.guides-library .guides-empty { border-color:rgba(174,210,255,.22); color:#aebcd0; }

@media (max-width:1160px) {
  .guides-library .guides-feature__card { grid-template-columns:1fr; height:auto; min-height:0; }
  .guides-library .guides-feature__copy { min-height:0; }
  .guides-library .guides-feature__diagram { min-height:0; border-top:1px solid rgba(174,210,255,.15); }
  .guides-library .guides-feature__banner img { min-height:0; }
  .guides-library .guides-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .guides-library main { margin-top:0; }
  .guides-library .guides-feature { padding:56px 20px; }
  .guides-feature__heading { gap:20px; margin-bottom:40px; }.guides-feature__heading h1 { font-size:40px; }.guides-feature__heading>span i:first-child { left:50%; }.guides-feature__heading>span i:last-child { display:none; }
  .guides-library .guides-feature__copy { padding:28px 22px; }.guides-library .guides-feature h2 { margin-top:40px; font-size:36px; }.guides-library .guides-feature__diagram { min-height:0; }
  .guides-library .guides-feature__banner img { min-height:0; }
  .guides-library .guides-explore { padding:52px 20px 80px; }.guides-library .guides-explore__heading { grid-template-columns:1fr; gap:24px; }.guides-library .guides-grid { grid-template-columns:1fr; gap:12px; }
  .guides-library .guide-card__visual { height:200px; }.guides-library .guide-card__body { min-height:0; }
}

/* Generated evidence-first guide library. */
.guides-library .guide-card>a { display:flex; flex:1; flex-direction:column; color:inherit; }
.guides-library .guide-card__link { display:flex; justify-content:space-between; gap:16px; margin-top:auto; padding-top:24px; color:#7dc4ff; font:500 11px/1.2 var(--mono); }
.guides-library .guide-card__link i { color:#8c88ff; font:normal 14px/1 var(--mono); }

.generated-guide-page main { margin-top:0; }
.generated-guide-page .guide-article-hero { min-height:680px; padding-top:128px; padding-bottom:82px; background:radial-gradient(ellipse 44% 58% at 82% 54%,rgba(68,95,214,.2),transparent 72%),radial-gradient(ellipse 38% 44% at 20% 42%,rgba(35,121,178,.13),transparent 70%),#070b11; }
.generated-guide-page .guide-article-hero__copy { max-width:750px; margin-top:58px; }
.generated-guide-page .guide-article-hero h1 { font-size:clamp(50px,5.4vw,76px); line-height:.98; }
.generated-guide-page .guide-article-deck { max-width:720px; margin-top:28px; font-size:18px; }
.generated-guide-page .guide-byline { margin-top:34px; }
.generated-guide-page .guide-article-shell { color:#17212d; background:#f5f6f4; }
.generated-guide-page .guide-toc p,
.generated-guide-page .guide-chapter,
.generated-guide-page .guide-framework span,
.generated-guide-page .guide-checklist li span,
.generated-guide-page .guide-author div>p:first-child { color:#355fb3 !important; }
.generated-guide-page .guide-toc a:hover,
.generated-guide-page .guide-source-link,
.generated-guide-page .guide-author a,
.generated-guide-page .guide-sources i,
.generated-guide-page .guide-sources a:hover strong { color:#2f6f9e; }
.generated-guide-page .guide-key-takeaways { border-color:#9cacc0; background:#e7edf3; }
.generated-guide-page .guide-key-takeaways>p:last-child { margin-bottom:0; color:#263a50; }
.generated-guide-page .guide-framework article { min-height:225px; }
.generated-guide-page .guide-framework h3 { margin-top:52px; }
.generated-guide-hero-visual { position:absolute; z-index:1; right:max(24px,calc((100vw - 1200px)/2)); top:226px; width:440px; aspect-ratio:5/3; margin:0; overflow:hidden; border:1px solid rgba(174,210,255,.24); border-radius:8px; background:#090f18; box-shadow:0 20px 54px rgba(0,0,0,.25); }
.generated-guide-hero-visual img { display:block; width:100%; height:100%; object-fit:contain; }
.guide-evidence-thread { padding:22px 24px; border-left:2px solid #6294fe; background:#e7edf3; color:#34475a !important; font-size:16px !important; line-height:1.65 !important; }
.guide-perspectives>div { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:38px; }
.guide-perspectives a { position:relative; display:flex; flex-direction:column; min-height:260px; padding:26px; border:1px solid #9eacb9; background:#e8edf2; transition:border-color .2s ease,background .2s ease,transform .2s ease; }
.guide-perspectives a:hover { border-color:#6294fe; background:#f1f4f7; transform:translateY(-2px); }
.guide-perspectives a>span { color:#355fb3; font:500 10px/1.4 var(--mono); }
.guide-perspectives a strong { margin-top:40px; color:#1e2d3a; font:500 21px/1.2 var(--display); letter-spacing:-.04em; }
.guide-perspectives a p { margin:15px 0 0; color:#586875; font-size:14px; line-height:1.55; }
.guide-perspectives a i { position:absolute; right:24px; top:24px; color:#7876fd; font:normal 14px/1 var(--mono); }
.generated-guide-signal { position:absolute; right:max(24px,calc((100vw - 1200px)/2)); bottom:92px; width:280px; height:280px; opacity:.76; }
.generated-guide-signal span { position:absolute; left:50%; width:82px; height:82px; transform:translateX(-50%) rotate(45deg); border:1px solid #506f9e; background:rgba(77,177,255,.045); }
.generated-guide-signal span:nth-child(1) { top:4px; }.generated-guide-signal span:nth-child(2) { top:98px; border-color:#7876fd; box-shadow:0 0 42px rgba(120,118,253,.13); }.generated-guide-signal span:nth-child(3) { top:192px; }
.generated-guide-signal i { position:absolute; left:50%; width:1px; height:28px; transform:translateX(-50%); background:linear-gradient(#69b9ff,#7876fd); }
.generated-guide-signal i:nth-of-type(1) { top:76px; }.generated-guide-signal i:nth-of-type(2) { top:170px; }
.guide-failure-list { margin:42px 0 0; padding:0; list-style:none; border-top:1px solid #9fa9a5; }
.guide-failure-list li { display:grid; grid-template-columns:50px 1fr; gap:20px; padding:24px 0; border-bottom:1px solid #9fa9a5; }
.guide-failure-list span { color:#697cf0; font:500 11px/1.4 var(--mono); }
.guide-failure-list p { margin:0; color:#27352f; font-size:17px; line-height:1.55; }
.guide-related { padding-top:54px; border-top:1px solid #9fa9a5; }
.guide-related>div { display:grid; margin-top:36px; border-top:1px solid #a5afab; }
.guide-related a { display:grid; grid-template-columns:150px 1fr 20px; gap:24px; align-items:center; padding:24px 0; border-bottom:1px solid #a5afab; }
.guide-related a span { color:#355fb3; font:500 10px/1.35 var(--mono); }
.guide-related a strong { color:#22312c; font:500 18px/1.35 var(--display); letter-spacing:-.035em; }
.guide-related a i { color:#7876fd; font:normal 14px/1 var(--mono); }
.guide-related a:hover strong { color:#2f6f9e; }

@media (max-width:1100px) { .generated-guide-hero-visual { right:-110px; opacity:.3; }.generated-guide-page .guide-article-hero__copy { max-width:780px; } }
@media (max-width:1000px) { .generated-guide-signal { right:-70px; opacity:.32; } }
@media (max-width:760px) {
  .generated-guide-page main { margin-top:0; }
  .generated-guide-page .guide-article-hero { min-height:0; padding:104px 20px 72px; }
  .generated-guide-page .guide-article-hero__copy { margin-top:42px; }
  .generated-guide-page .guide-article-hero h1 { font-size:clamp(42px,12vw,54px); }
  .generated-guide-page .guide-article-deck { font-size:17px; }
  .generated-guide-signal { display:none; }
  .generated-guide-hero-visual { position:relative; right:auto; top:auto; width:100%; height:auto; aspect-ratio:5/3; margin:42px 0 0; opacity:1; }
  .guide-perspectives>div { grid-template-columns:1fr; }.guide-perspectives a { min-height:220px; }
  .guide-related a { grid-template-columns:1fr 20px; gap:9px; }.guide-related a span { grid-column:1; }.guide-related a strong { grid-column:1; }.guide-related a i { grid-column:2; grid-row:1 / span 2; }
}

@media (max-width:760px) { .guides-library .guides-feature { padding-top:112px; } }

/* Static capability pages keep the substantive copy in the initial document. */
.capability-hero { min-height:min(760px,90vh); }
.capability-map { display:grid; place-items:center; align-content:center; gap:20px; min-height:420px; padding:40px; color:#dfe8f2; text-align:center; background:linear-gradient(145deg,#101725,#111b2d); border:1px solid rgba(143,180,222,.22); border-radius:8px; }
.capability-map>span { color:#9baec4; font:500 12px/1.2 var(--mono); }
.capability-map>i { color:#65a8ff; font-size:26px; }
.capability-map strong { display:flex; align-items:center; gap:10px; font:600 clamp(22px,3vw,34px)/1 var(--display); letter-spacing:-.05em; }
.capability-map strong i { color:#74a9ff; font-size:30px; }
.capability-map div { display:flex; gap:10px; flex-wrap:wrap; justify-content:center; }
.capability-map div span { padding:9px 11px; background:rgba(77,177,255,.09); border:1px solid rgba(116,169,255,.22); border-radius:4px; color:#c9d9ec; font:500 12px/1.2 var(--mono); }
@media (max-width:900px) { .capability-hero { min-height:0; }.capability-map { min-height:300px; } }
.capability-hub-page{background:#070b11;color:#edf3fb}.capability-hub-hero{min-height:76vh}.capability-hub-model{display:grid;place-content:center;gap:2rem;min-height:34rem;padding:3rem}.capability-hub-model>span{justify-self:center;font:600 .78rem/1 "IBM Plex Mono",monospace;letter-spacing:.08em;color:#91a2ba}.capability-hub-model>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.capability-hub-model a{display:flex;align-items:center;gap:.75rem;min-height:6rem;padding:1.25rem;border:1px solid rgba(111,174,255,.24);background:rgba(9,18,31,.74);color:#edf3fb;text-decoration:none}.capability-hub-model a:hover{border-color:rgba(111,174,255,.66);transform:translateY(-2px)}.capability-hub-model i{font-size:1.35rem;color:#69b9ff}.capability-hub-list{padding:7rem max(5vw,2rem);background:#edf1f5;color:#101722}.capability-hub-list__heading{display:grid;grid-template-columns:minmax(13rem,.55fr) minmax(20rem,1fr) minmax(18rem,.7fr);gap:2rem;align-items:end;margin-bottom:3rem}.capability-hub-list__heading h2{margin:0;font-size:clamp(2.3rem,4.7vw,5.3rem);line-height:.96;letter-spacing:-.06em}.capability-hub-list__heading>p:last-child{max-width:34rem;color:#526174}.capability-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #bcc8d4;border-left:1px solid #bcc8d4}.capability-hub-grid>a{position:relative;min-height:23rem;padding:2rem;border-right:1px solid #bcc8d4;border-bottom:1px solid #bcc8d4;color:#101722;text-decoration:none;transition:background .25s ease}.capability-hub-grid>a:hover{background:#e4ebf2}.capability-hub-grid span{font:600 .72rem/1 "IBM Plex Mono",monospace;color:#61758d}.capability-hub-grid i{position:absolute;right:2rem;top:2rem;font-size:1.55rem;color:#2f78ae}.capability-hub-grid h3{max-width:28rem;margin:7rem 0 1rem;font-size:clamp(1.8rem,3vw,3rem);letter-spacing:-.05em}.capability-hub-grid p{max-width:34rem;color:#526174;line-height:1.7}.capability-hub-grid strong{display:block;margin-top:2rem;font-size:.9rem;color:#266b9d}@media(max-width:820px){.capability-hub-model>div,.capability-hub-grid{grid-template-columns:1fr}.capability-hub-list__heading{grid-template-columns:1fr}.capability-hub-grid>a{min-height:20rem}.capability-hub-model{min-height:auto;padding:2rem}}
.privacy-page{background:#edf1f5;color:#101722}.privacy-main{max-width:78rem;margin:0 auto;padding:12rem max(5vw,2rem) 8rem}.privacy-main>header{max-width:58rem;padding-bottom:4rem;border-bottom:1px solid #bcc8d4}.privacy-main h1{margin:.9rem 0 1.25rem;font-size:clamp(3rem,7vw,6.8rem);line-height:.93;letter-spacing:-.065em}.privacy-main>header>p:last-child{color:#61758d}.privacy-main section{display:grid;grid-template-columns:minmax(13rem,.45fr) minmax(0,1fr);gap:2rem;padding:2.5rem 0;border-bottom:1px solid #cbd4dd}.privacy-main h2{margin:0;font-size:1.35rem}.privacy-main section p{max-width:48rem;margin:0 0 1rem;color:#43546a;line-height:1.75}.privacy-main a{color:#266b9d}@media(max-width:720px){.privacy-main section{grid-template-columns:1fr;gap:1rem}}
.contact-form__honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.contact-form__status{min-height:1.5rem;margin:.85rem 0 0;font-size:.9rem;line-height:1.55}.contact-form__status.is-success{color:#70d5aa}.contact-form__status.is-error{color:#ff9d9d}.contact-form__status a{color:inherit;text-decoration:underline}.contact-form__privacy{margin:1rem 0 0!important;font-size:.73rem!important;line-height:1.55!important;color:#8494aa!important}.contact-form__privacy a{color:inherit;text-decoration:underline}.contact-form button:disabled{cursor:wait;opacity:.65}
.guide-byline a,.guide-author h2 a{color:inherit;text-decoration:none}.guide-byline a:hover,.guide-author h2 a:hover{text-decoration:underline;text-underline-offset:.18em}