/* ============================================================
   IntelAgent Media · Master stylesheet
   This file is the design system for all IntelAgent Media pages:
   design tokens (:root), shared components (buttons, bloom cards,
   eyebrows, links), per-section styles, micro-interactions,
   responsive rules, and the Soft Slate light mode.
   Approved homepage: Signal Final v2 (2026-08-24). Do not change
   tokens or component patterns without an owner decision.
   ============================================================ */

/* ============================================================
   INTELAGENT MEDIA · HOMEPAGE · "SIGNAL" · FINAL v2
   Dark obsidian ground with radial glows and hairline translucent
   cards; Soft Slate light sections for editorial contrast; yellow
   is reserved for actions and conversion moments.
   Structure: design tokens → shared components → per-section
   styles → responsive → Soft Slate light mode.
   ============================================================ */
:root{
  --obsidian:#05080D;
  --midnight:#071426;
  --deep-navy:#0C1D33;
  --border-slate:#223750;
  --navy-slate:#13263D;
  --blue:#1677FF;
  --cyan:#19C6F4;
  --yellow:#FFD51F;
  --grad:linear-gradient(135deg,#1677FF 0%,#19C6F4 100%);
  --cool-white:#F4F7FB;
  --white:#FFFFFF;
  --light-gray:#B8C2CF;
  --dark-text:#142033;
  --muted-gray:#738094;
  --muted-gray-aa:#63707F;
  --container:1200px;
  --wide:1320px;
  --read:760px;
  --r-btn:8px; --r-card:14px; --r-lg:18px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  background:var(--obsidian);color:var(--light-gray);
  font-size:17.5px;line-height:1.65;-webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{margin:0;color:var(--white);letter-spacing:-0.03em;line-height:1.06;font-weight:800}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 32px}
.container--wide{max-width:var(--wide)}
.h-hero{font-size:74px;letter-spacing:-0.035em;line-height:1.02}
.h2{font-size:48px}
.h3{font-size:30px}
.eyebrow{
  display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:800;
  text-transform:uppercase;letter-spacing:0.12em;color:var(--cyan);margin:0 0 20px;
}
.eyebrow::before{content:"";width:28px;height:2px;background:var(--grad);border-radius:2px;flex:none}
.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.sec-intro{max-width:var(--read)}
.sec-intro p{margin-top:20px;font-size:19px;line-height:1.6;color:var(--light-gray)}
.sec-intro--center{margin:0 auto;text-align:center}
.sec-intro--center .eyebrow{justify-content:center}

/* Buttons · approved system, unchanged */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 30px;
  border-radius:var(--r-btn);font-size:16px;font-weight:700;letter-spacing:-0.01em;
  border:1px solid transparent;cursor:pointer;white-space:nowrap;
  transition:transform .25s cubic-bezier(.2,.7,.3,1),background-color .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.btn-primary{background:var(--yellow);color:#0B1119;box-shadow:0 8px 30px -10px rgba(255,213,31,.5)}
.btn-primary:hover{background:#FFDE4D;transform:translateY(-2px);box-shadow:0 14px 36px -10px rgba(255,213,31,.65)}
.btn-secondary{background:transparent;color:var(--white);border-color:var(--border-slate)}
.btn-secondary:hover{border-color:#3B587A;background:rgba(19,38,61,.5);transform:translateY(-2px)}
.btn-sm{height:44px;padding:0 22px;font-size:15px}
.tlink{display:inline-flex;align-items:center;gap:9px;font-size:15.5px;font-weight:700;color:var(--white);transition:gap .25s ease}
.tlink .arw{color:var(--cyan);transition:transform .25s ease}
.tlink:hover{gap:14px}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:4px}

/* ---------- Bloom card language: translucent card + hairline border + gradient corner ---------- */
.bloom{
  position:relative;border-radius:var(--r-card);padding:30px;
  background:rgba(12,29,51,.42);border:1px solid rgba(34,55,80,.9);
  overflow:hidden;
  transition:transform .3s cubic-bezier(.2,.7,.3,1),border-color .3s ease;
}
.bloom::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(130deg,rgba(22,119,255,.22) 0%,rgba(22,119,255,.05) 34%,transparent 62%);
}
.bloom--cy::before{background:linear-gradient(310deg,rgba(25,198,244,.16) 0%,rgba(25,198,244,.04) 34%,transparent 62%)}
.bloom:hover{transform:translateY(-4px);border-color:rgba(22,119,255,.5)}
.bloom>*{position:relative}

/* ---------- Header ---------- */
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:100;height:80px;display:flex;align-items:center;
  background:transparent;border-bottom:1px solid transparent;
  transition:background-color .35s ease,border-color .35s ease;
}
.site-header.scrolled{
  background:rgba(5,8,13,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-bottom-color:rgba(34,55,80,.6);
}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;width:100%}
.logo img{width:224px;height:auto}
.nav{display:flex;align-items:center;gap:34px}
.nav a{position:relative;font-size:15px;font-weight:600;color:var(--light-gray);padding:6px 0;transition:color .25s ease}
.nav a::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--grad);border-radius:2px;transition:width .28s cubic-bezier(.2,.7,.3,1)}
.nav a:hover{color:var(--white)}
.nav a:hover::after{width:100%}
.nav-toggle{
  display:none;width:44px;height:44px;place-items:center;padding:0;cursor:pointer;
  background:rgba(12,29,51,.5);border:1px solid var(--border-slate);border-radius:9px;
  transition:border-color .25s ease;
}
.nav-toggle:hover{border-color:#3B587A}
.nav-toggle svg{width:20px;height:20px;stroke:var(--white);stroke-width:2;stroke-linecap:round;fill:none}
.mobile-nav{
  position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;
  background:rgba(5,8,13,.98);padding:18px 24px 30px;
  opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease;
}
.mobile-nav.open{opacity:1;visibility:visible}
.mnav-head{display:flex;align-items:center;justify-content:space-between;min-height:44px}
.mnav-head img{width:190px;height:auto}
.mnav-close{
  width:44px;height:44px;display:grid;place-items:center;padding:0;cursor:pointer;
  background:rgba(12,29,51,.5);border:1px solid var(--border-slate);border-radius:9px;
}
.mnav-close svg{width:18px;height:18px;stroke:var(--white);stroke-width:2;stroke-linecap:round;fill:none}
.mnav-links{display:flex;flex-direction:column;margin-top:36px}
.mnav-links a{
  font-size:25px;font-weight:800;color:var(--white);letter-spacing:-0.015em;
  padding:15px 2px;border-bottom:1px solid rgba(34,55,80,.55);transition:color .22s ease;
}
.mnav-links a:hover,.mnav-links a:focus-visible{color:var(--cyan)}
.mnav-cta{margin-top:auto;width:100%}
body.nav-open{overflow:hidden}
@media (min-width:1181px){.mobile-nav{display:none}}

/* ============================================================
   01 HERO · 55/45 split. Copy sits left over a calm zone;
   the growth operating system stands right. Circuits frame the
   edges and corners only and pulse intermittently.
   ============================================================ */
.hero{position:relative;overflow:hidden;padding:196px 0 128px}
.hero-glow{
  position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(70% 90% at 34% 24%,rgba(22,119,255,.34) 0%,rgba(22,119,255,.10) 40%,rgba(5,8,13,0) 72%);
}
.hero-glow::after{
  content:"";position:absolute;right:-8%;top:6%;width:min(900px,70vw);height:640px;
  background:radial-gradient(ellipse 46% 40% at 60% 40%,rgba(25,198,244,.12) 0%,transparent 70%);
}

/* Hero circuit texture: 320px repeating SVG tile, subtle blue lines/nodes,
   revealed through a radial mask. The approved circuit aesthetic. */
.hero-rays{position:absolute;inset:0;pointer-events:none;opacity:.85;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320'><g fill='none' stroke='%234E79B8' stroke-width='1.2' opacity='.55'><path d='M20 40h90v60h70'/><path d='M300 90h-70v80h-60'/><path d='M40 300v-70h80v-40'/><path d='M280 300v-90h-50'/><path d='M160 20v50h60'/></g><g fill='%235B87C6' opacity='.75'><circle cx='20' cy='40' r='2.6'/><circle cx='180' cy='100' r='2.6'/><circle cx='300' cy='90' r='2.6'/><circle cx='170' cy='170' r='2.6'/><circle cx='120' cy='230' r='2.6'/><circle cx='230' cy='210' r='2.6'/><circle cx='160' cy='20' r='2.6'/><circle cx='40' cy='300' r='2.6'/></g><g fill='%23375A8C' opacity='.6'><circle cx='60' cy='120' r='1.3'/><circle cx='240' cy='60' r='1.3'/><circle cx='90' cy='190' r='1.3'/><circle cx='260' cy='160' r='1.3'/><circle cx='140' cy='280' r='1.3'/><circle cx='210' cy='280' r='1.3'/></g></svg>");
  background-size:320px 320px;
  -webkit-mask-image:radial-gradient(ellipse 80% 68% at 50% 34%,#000 0%,rgba(0,0,0,.5) 58%,transparent 92%);mask-image:radial-gradient(ellipse 80% 68% at 50% 34%,#000 0%,rgba(0,0,0,.5) 58%,transparent 92%);
}
/* Calm zone: a soft dark radial wash sits over the tile directly behind the copy.
   No panel, no rectangle: the circuits still surround the content. */
.hero-calm{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 47% 64% at 27% 48%,rgba(5,8,13,1) 0%,rgba(5,8,13,.96) 40%,rgba(5,8,13,.5) 66%,rgba(5,8,13,0) 88%)}
/* Power-on layer: sparse pulses travel selected circuit-style paths.
   Base tile stays static; only these few paths carry charge. */
.hero-pulses{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hp-node{fill:#5B87C6;opacity:0;animation:hpNode 16s ease-in-out infinite}
.hp-node.h2{animation-delay:5.4s}.hp-node.h3{animation-delay:9.6s}
@keyframes hpNode{0%,3%{opacity:0}6%{opacity:.9}14%,100%{opacity:0}}
.cir-pulse{fill:none;stroke:#19C6F4;stroke-width:1.6;stroke-linecap:round;stroke-dasharray:7 93;stroke-dashoffset:107;opacity:0}
.cir-pulse.pb{stroke:#1677FF}
.cir-pulse.p1{animation:cirTravel 16s linear infinite 1s}
.cir-pulse.p2{animation:cirTravel 19s linear infinite 7.2s}
.cir-pulse.p3{animation:cirTravel 17s linear infinite 12.4s}
.cir-pulse.p4{animation:cirTravel 21s linear infinite 4.6s}
.cir-pulse.p5{animation:cirTravel 18s linear infinite 15.2s}
@keyframes cirTravel{
  0%{stroke-dashoffset:107;opacity:0}
  1.5%{opacity:.95}
  20%{stroke-dashoffset:-8;opacity:.95}
  21%{opacity:0}
  100%{stroke-dashoffset:-8;opacity:0}
}
.cir-end{fill:#FFD51F;opacity:.28;animation:cirArrive 19s ease-in-out infinite 7.2s}
@keyframes cirArrive{0%,17%{opacity:.28}21%{opacity:.95}29%,100%{opacity:.28}}

.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,5.6fr) minmax(0,4.4fr);gap:64px;align-items:center}
.hero-copy{text-align:left}
.hero-copy .h-hero{font-size:clamp(44px,4.4vw,60px);margin-bottom:26px}
.hero-sub{max-width:560px;font-size:19px;line-height:1.6;color:var(--light-gray)}
.hero-cta{display:flex;flex-wrap:wrap;gap:16px;margin-top:38px}
.hero-cred{margin-top:46px;max-width:600px}
.hero-cred-label{font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-gray)}
.hero-cred-stats{display:flex;flex-wrap:wrap;margin-top:16px}
.hstat{padding:0 28px;border-right:1px solid rgba(34,55,80,.9)}
.hstat:first-child{padding-left:0}
.hstat:last-child{border-right:0}
.hstat b{display:block;font-size:24px;font-weight:800;color:var(--white);letter-spacing:-0.02em;line-height:1.05}
.hstat b .u{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hstat>span{display:block;margin-top:5px;font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted-gray)}
.hero-cred-caps{margin-top:16px;font-size:13px;font-weight:600;color:#8FA6C9;letter-spacing:.02em}
.hero-cred-caps .dot{display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--border-slate);vertical-align:middle;margin:0 9px 2px}
.hero-cred-note{margin-top:10px;font-size:11px;line-height:1.55;color:var(--muted-gray);max-width:560px}

/* Growth operating system · dark glass panel */
.hero-visual{position:relative}
.os-glow{position:absolute;inset:-40px -60px;pointer-events:none;
  background:radial-gradient(ellipse 60% 55% at 50% 45%,rgba(22,119,255,.12) 0%,transparent 70%)}
.os-panel{
  position:relative;border-radius:var(--r-lg);padding:22px 24px 24px;
  background:linear-gradient(168deg,#0C1D33 0%,#071426 58%,#060D18 100%);
  border:1px solid rgba(34,55,80,.95);
  box-shadow:0 40px 90px -50px rgba(0,0,0,.85);
  overflow:hidden;
}
.os-panel::before{content:"";position:absolute;inset:0 0 auto;height:1px;
  background:linear-gradient(90deg,transparent 4%,rgba(255,255,255,.14) 50%,transparent 96%)}
.os-panel::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(130deg,rgba(22,119,255,.10) 0%,transparent 46%)}
.os-head{display:flex;align-items:center;gap:7px;margin-bottom:18px;position:relative}
.os-title{font-size:9.5px;font-weight:800;letter-spacing:.16em;color:#5C7396}
.os-flow{position:relative;padding-left:26px}
.os-spine{position:absolute;left:8px;top:26px;bottom:26px;width:1px;
  background:linear-gradient(180deg,rgba(22,119,255,.15),rgba(22,119,255,.55) 30%,rgba(25,198,244,.55) 72%,rgba(255,213,31,.5))}
.os-pulse{position:absolute;left:-2.5px;top:0;width:6px;height:6px;border-radius:50%;
  background:var(--cyan);box-shadow:0 0 10px 2px rgba(25,198,244,.7);opacity:0;
  animation:osTravel 11s cubic-bezier(.45,0,.55,1) infinite}
@keyframes osTravel{
  0%{top:0;opacity:0}
  3%{opacity:1}
  40%{top:calc(100% - 6px);opacity:1}
  44%{top:calc(100% - 6px);opacity:0}
  100%{top:calc(100% - 6px);opacity:0}
}
.os-mod{
  position:relative;display:flex;align-items:center;gap:14px;
  border-radius:12px;padding:13px 16px;margin-bottom:10px;
  background:rgba(12,29,51,.36);border:1px solid rgba(34,55,80,.8);
  transition:transform .3s cubic-bezier(.2,.7,.3,1),border-color .3s ease;
}
.os-mod:last-child{margin-bottom:0}
.os-mod::before{content:"";position:absolute;left:-22px;top:50%;width:14px;height:1px;background:rgba(34,55,80,1)}
.os-mod::after{content:"";position:absolute;left:-26px;top:50%;transform:translateY(-50%);
  width:7px;height:7px;border-radius:50%;background:var(--deep-navy);border:1px solid rgba(22,119,255,.55)}
.os-mod:hover{transform:translateX(3px);border-color:rgba(25,198,244,.55)}
.os-ic{flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:9px;
  background:rgba(22,119,255,.09);border:1px solid rgba(22,119,255,.35)}
.os-ic svg{width:17px;height:17px;stroke:var(--cyan);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.os-txt{min-width:0}
.os-txt b{display:block;font-size:14.5px;font-weight:800;color:var(--white);letter-spacing:-0.01em}
.os-txt span{display:block;margin-top:1px;font-size:11px;color:#7C8DA3;letter-spacing:.02em}
.os-mod{animation:osLite 11s ease-in-out infinite}
.os-mod.m1{animation-delay:.2s}.os-mod.m2{animation-delay:1.15s}.os-mod.m3{animation-delay:2.1s}.os-mod.m4{animation-delay:3.05s}.os-mod.m5{animation-delay:4s}
@keyframes osLite{
  0%,2%{border-color:rgba(34,55,80,.85);background:rgba(12,29,51,.5)}
  5%{border-color:rgba(25,198,244,.65);background:rgba(16,38,66,.72)}
  14%,100%{border-color:rgba(34,55,80,.85);background:rgba(12,29,51,.5)}
}
.os-mod.m5{background:rgba(33,29,8,.38);border-color:rgba(255,213,31,.4)}
.os-mod.m5 .os-ic{background:rgba(255,213,31,.09);border-color:rgba(255,213,31,.45)}
.os-mod.m5 .os-ic svg{stroke:var(--yellow)}
.os-mod.m5::after{border-color:rgba(255,213,31,.6)}
@keyframes osLiteY{
  0%,2%{border-color:rgba(255,213,31,.4)}
  5%{border-color:rgba(255,213,31,.95);box-shadow:0 0 26px -8px rgba(255,213,31,.65)}
  16%,100%{border-color:rgba(255,213,31,.4);box-shadow:none}
}
.os-mod.m5{animation-name:osLiteY}
.os-arrow{display:none}
.rise{opacity:0;transform:translateY(26px);animation:rise .7s cubic-bezier(.2,.7,.3,1) forwards}
.rise.d1{animation-delay:.08s}.rise.d2{animation-delay:.18s}.rise.d3{animation-delay:.28s}.rise.d4{animation-delay:.42s}
@keyframes rise{to{opacity:1;transform:none}}







/* ---------- 02 CREDIBILITY ---------- */

/* ---------- 03 PROBLEM · bloom cards on obsidian ---------- */
.section{padding:118px 0;position:relative}
.problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:56px}
.problem-grid h3{font-size:21px;margin-bottom:12px;min-height:46px;color:var(--white)}
.problem-grid .bloom p{font-size:15.5px;line-height:1.62;color:var(--light-gray)}
.pcard-idx{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--cyan)}
.pcard-icon{margin:18px 0 20px}
.pcard-icon svg{width:30px;height:30px;stroke:var(--cyan);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.connect-bar{
  margin-top:32px;border-radius:var(--r-lg);padding:40px 44px;
  display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative;overflow:hidden;
  background:rgba(12,29,51,.42);border:1px solid rgba(34,55,80,.9);
}
.connect-bar::before{content:"";position:absolute;inset:0;background:linear-gradient(130deg,rgba(22,119,255,.28) 0%,transparent 55%)}
.connect-bar>*{position:relative}
.connect-bar h3{font-size:29px}
.connect-bar p{margin-top:10px;font-size:16.5px;color:var(--light-gray);max-width:620px}

/* ---------- 04 SERVICES ---------- */
.svc-band{position:relative}
.svc-band::before{content:"";position:absolute;left:50%;top:-140px;transform:translateX(-50%);width:min(1300px,100vw);height:700px;pointer-events:none;
  background:radial-gradient(ellipse 46% 42% at 50% 42%,rgba(22,119,255,.14) 0%,transparent 70%)}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}
.svc-card{padding:34px 32px 32px;display:flex;flex-direction:column}
.svc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.svc-idx{font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--muted-gray)}
.svc-glyph{width:38px;height:38px;display:grid;place-items:center}
.svc-glyph svg{width:27px;height:27px;stroke:var(--cyan);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.svc-card h3{font-size:26px;margin-bottom:10px}
.svc-promise{font-size:15.5px;font-weight:700;margin-bottom:16px}
.svc-card>p:not(.svc-promise){font-size:16px;line-height:1.62;color:var(--light-gray);min-height:78px}
.svc-caps{margin:26px 0 28px;padding-top:22px;border-top:1px solid rgba(34,55,80,.75)}
.svc-caps li{position:relative;padding-left:20px;font-size:14.5px;line-height:1.5;color:#93A1B2;margin-bottom:11px}
.svc-caps li::before{content:"";position:absolute;left:0;top:9px;width:8px;height:1.5px;background:var(--blue);border-radius:2px}
.svc-card .tlink{margin-top:auto}


/* ---------- 05 SYSTEM ---------- */
.sys-band{position:relative;overflow:hidden}
.sys-band .glow{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);width:min(1200px,100vw);height:520px;pointer-events:none;
  background:radial-gradient(ellipse,rgba(22,119,255,.14) 0%,transparent 66%)}
/* Growth engine · five substantial modules, one intelligence layer, one loop */
.engine{position:relative;margin-top:56px;padding-left:70px}
.engine-loop{position:absolute;left:26px;top:0;width:44px;height:100%;overflow:visible;pointer-events:none}
.loop-base{fill:none;stroke:rgba(25,198,244,.6);stroke-width:2;stroke-dasharray:5 7;vector-effect:non-scaling-stroke}
.engine-looplabel{position:absolute;left:0;top:50%;transform:translateY(-50%) rotate(180deg);
  writing-mode:vertical-rl;transform-origin:center;
  font-size:9.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
  color:rgba(25,198,244,.8);white-space:nowrap}
.loop-pulse{fill:none;stroke:#19C6F4;stroke-width:2;stroke-linecap:round;stroke-dasharray:6 94;stroke-dashoffset:106;opacity:0;vector-effect:non-scaling-stroke;
  animation:loopTravel 13s linear infinite 6.4s}
@keyframes loopTravel{
  0%{stroke-dashoffset:106;opacity:0}
  1.5%{opacity:.95}
  17%{stroke-dashoffset:-6;opacity:.95}
  18.5%{opacity:0}
  100%{stroke-dashoffset:-6;opacity:0}
}
.engine-row{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}
.eng-mod{
  position:relative;border-radius:var(--r-card);padding:24px 20px 22px;
  background:rgba(12,29,51,.42);border:1px solid rgba(34,55,80,.9);
  animation:engLite 13s ease-in-out infinite;
}
.eng-mod::after{content:"";position:absolute;right:-16px;top:50%;width:9px;height:9px;
  border-top:1.5px solid rgba(22,119,255,.75);border-right:1.5px solid rgba(22,119,255,.75);
  transform:translateY(-50%) rotate(45deg)}
.eng-mod:last-child::after{display:none}
.eng-mod.e1::before{content:"";position:absolute;left:-16px;top:50%;width:9px;height:9px;
  border-top:1.5px solid rgba(25,198,244,.75);border-right:1.5px solid rgba(25,198,244,.75);
  transform:translateY(-50%) rotate(45deg)}
.eng-ic{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;
  background:rgba(22,119,255,.09);border:1px solid rgba(22,119,255,.35);margin-bottom:14px}
.eng-ic svg{width:18px;height:18px;stroke:var(--cyan);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.eng-mod h4{font-size:16px;font-weight:800;color:var(--white);margin:0 0 5px;letter-spacing:-0.01em;line-height:1.25}
.eng-mod p{font-size:12px;line-height:1.5;color:#7C8DA3}
.eng-mod.e1{animation-delay:.3s}.eng-mod.e2{animation-delay:1.2s}.eng-mod.e3{animation-delay:2.1s}.eng-mod.e4{animation-delay:3s}
@keyframes engLite{
  0%,2%{border-color:rgba(34,55,80,.9);background:rgba(12,29,51,.42)}
  5%{border-color:rgba(25,198,244,.6);background:rgba(16,38,66,.66)}
  13%,100%{border-color:rgba(34,55,80,.9);background:rgba(12,29,51,.42)}
}
.eng-mod.e5{background:rgba(33,29,8,.34);border-color:rgba(255,213,31,.4);animation-name:engLiteY;animation-delay:3.9s}
.eng-mod.e5 .eng-ic{background:rgba(255,213,31,.09);border-color:rgba(255,213,31,.45)}
.eng-mod.e5 .eng-ic svg{stroke:var(--yellow)}
@keyframes engLiteY{
  0%,2%{border-color:rgba(255,213,31,.4);box-shadow:none}
  5%{border-color:rgba(255,213,31,.95);box-shadow:0 0 28px -10px rgba(255,213,31,.6)}
  15%,100%{border-color:rgba(255,213,31,.4);box-shadow:none}
}
.engine-taps{display:grid;grid-template-columns:repeat(5,1fr);height:46px}
.engine-taps i{width:1px;height:100%;margin:0 auto;
  background:linear-gradient(180deg,rgba(25,198,244,.05),rgba(25,198,244,.45));
  opacity:.5;animation:tapPulse 13s ease-in-out infinite 5s}
@keyframes tapPulse{0%,2%{opacity:.5}5%{opacity:1}13%,100%{opacity:.5}}
.engine-intel{
  display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;
  border-radius:var(--r-card);padding:22px 26px;
  background:rgba(7,20,38,.6);border:1px solid rgba(25,198,244,.35);
  animation:intelLite 13s ease-in-out infinite 5.3s;
}
@keyframes intelLite{
  0%,2%{border-color:rgba(25,198,244,.35);box-shadow:none}
  5%{border-color:rgba(25,198,244,.85);box-shadow:0 0 32px -12px rgba(25,198,244,.5)}
  16%,100%{border-color:rgba(25,198,244,.35);box-shadow:none}
}
.int-left h4{font-size:15.5px;font-weight:800;color:var(--white);margin:0 0 5px;letter-spacing:.01em}
.int-tags{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--cyan)}
.int-tags .dot{display:inline-block;width:3px;height:3px;border-radius:50%;background:rgba(25,198,244,.6);vertical-align:middle;margin:0 9px 2px}
.int-note{font-size:13px;line-height:1.55;color:#8FA6C9;max-width:400px}
.engine-loopnote{display:none;align-items:center;gap:12px;margin-top:22px;font-size:13px;color:var(--light-gray);
  padding:15px 18px;border-radius:var(--r-card);border:1px dashed rgba(25,198,244,.4)}
.engine-loopnote svg{flex:none;width:17px;height:17px;stroke:var(--cyan);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:900px){
  .engine{padding-left:0}
  .engine-loop,.engine-taps,.engine-looplabel{display:none}
  .eng-mod.e1::before{display:none}
  .engine-row{grid-template-columns:1fr;gap:32px}
  .eng-mod::after,.eng-mod:last-child::after{display:block;right:auto;left:50%;top:auto;bottom:-21px;transform:translateX(-50%) rotate(135deg)}
  .engine-intel{margin-top:32px;flex-direction:column;align-items:flex-start;gap:10px}
  .engine-loopnote{display:flex}
}
.system-note{
  margin-top:72px;display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;
  border-radius:var(--r-lg);padding:34px 40px;position:relative;overflow:hidden;
  background:rgba(12,29,51,.42);border:1px solid rgba(34,55,80,.9);
}
.system-note::before{content:"";position:absolute;inset:0;background:linear-gradient(130deg,rgba(25,198,244,.14) 0%,transparent 52%)}
.system-note>*{position:relative}
.system-note .q{font-size:22px;line-height:1.5;color:var(--white);font-weight:600}
.system-note .legend{display:flex;flex-direction:column;gap:10px;padding-right:28px;border-right:1px solid rgba(34,55,80,.9)}
.legend-item{display:flex;align-items:center;gap:9px;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-gray);white-space:nowrap}
.legend-item .sw{width:9px;height:9px;border-radius:2px;flex:none}

/* ============================================================
   06 RESULTS · static evidence section. The flagship metric
   counts up once when scrolled into view; the three case cards
   fade up. No scroll pinning.
   ============================================================ */
.results-band{position:relative;padding:122px 0 0;overflow:hidden}
.results-band::before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:min(1300px,100vw);height:720px;pointer-events:none;
  background:radial-gradient(ellipse 44% 40% at 50% 34%,rgba(22,119,255,.18) 0%,transparent 68%)}
.res-head{position:relative;text-align:center}
.res-head .eyebrow{justify-content:center}
.res-metric{font-size:clamp(76px,9.6vw,138px);font-weight:800;letter-spacing:-0.045em;line-height:1;color:var(--white);font-variant-numeric:tabular-nums}
.res-metric .plus{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.res-metric-label{margin:18px auto 0;font-size:16.5px;color:var(--light-gray);max-width:560px;line-height:1.55}
.res-metric-label b{color:var(--white)}
.res-cards{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:var(--wide);margin:66px auto 0;padding:0 32px}
.rcard{padding:26px 26px 22px;display:flex;flex-direction:column}
.rcard-head{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px}
.rcard-tag{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:5px 9px;border-radius:5px;background:rgba(22,119,255,.1);color:#7FB0FF;border:1px solid rgba(22,119,255,.3);white-space:nowrap}
.rcard-logo{height:100%;width:auto;max-width:150px;object-fit:contain}
.rcard-logo-chip{display:inline-flex;align-items:center;height:38px;padding:7px 12px;background:var(--white);border-radius:8px}
.rcard-metric{margin-top:16px;font-size:44px;font-weight:800;letter-spacing:-0.03em;color:var(--white);line-height:1}
.rcard-metric .plus{color:var(--cyan)}
.rcard-context{margin-top:12px;font-size:13.5px;line-height:1.55;color:var(--light-gray);min-height:86px}
.rcard-subs{margin:16px 0 14px;padding-top:16px;border-top:1px solid rgba(34,55,80,.85)}
.rcard-subs li{display:flex;align-items:baseline;gap:12px;margin-bottom:10px}
.rcard-subs .v{font-size:17px;font-weight:800;color:var(--white);letter-spacing:-0.02em;min-width:76px}
.rcard-subs .l{font-size:12.5px;line-height:1.45;color:#93A1B2}
.rcard-note{font-size:11.5px;line-height:1.5;color:var(--muted-gray);margin-top:auto}

/* disclosure band after the results cards */
.results-disclosure{
  margin:0 auto;max-width:var(--container);padding:26px 30px;border-radius:var(--r-card);
  background:rgba(12,29,51,.42);border:1px solid rgba(34,55,80,.9);
  display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:start;
}
.results-disclosure .bar{width:3px;align-self:stretch;background:var(--grad);border-radius:3px}
.results-disclosure p{font-size:13px;line-height:1.65;color:#93A1B2}
.results-disclosure p+p{margin-top:9px}
.results-disclosure strong{color:var(--light-gray)}
.disclosure-band{padding:56px 32px 0}


/* ============================================================
   07 · INDUSTRIES
   ============================================================ */
.ind-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:56px}
.ind-card{padding:34px 32px;display:flex;flex-direction:column;min-height:240px}
.ind-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
.ind-glyph{width:40px;height:40px;display:grid;place-items:center}
.ind-glyph svg{width:28px;height:28px;stroke:var(--cyan);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ind-badge{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;border-radius:5px;background:rgba(255,213,31,.1);color:var(--yellow);border:1px solid rgba(255,213,31,.35);white-space:nowrap}
.ind-card h3{font-size:24px;margin-bottom:10px}
.ind-card>p{font-size:15.5px;line-height:1.62;color:var(--light-gray)}
.ind-card .tlink{margin-top:auto;padding-top:22px}
.ind-other{
  margin-top:24px;border-radius:var(--r-card);padding:26px 30px;
  display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;
  background:rgba(12,29,51,.3);border:1px dashed rgba(34,55,80,1);
}
.ind-other p{font-size:15px;color:var(--light-gray);max-width:720px}
.ind-other b{color:var(--white)}

/* ============================================================
   08 · EDUCATION SPECIALTY
   ============================================================ */
.edu-band{position:relative;overflow:hidden}
.edu-band::before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:min(1400px,100vw);height:100%;pointer-events:none;
  background:radial-gradient(ellipse 44% 34% at 50% 8%,rgba(22,119,255,.16) 0%,transparent 70%)}
.edu-wrap{position:relative;display:grid;grid-template-columns:minmax(0,6.4fr) minmax(0,5.6fr);gap:56px;align-items:start;margin-top:8px}
.edu-copy .h2{margin-bottom:20px}
.edu-copy>p{font-size:18px;line-height:1.65;color:var(--light-gray);max-width:560px}
.edu-progs{margin-top:30px;display:flex;flex-wrap:wrap;gap:10px}
.edu-progs span{
  font-size:13px;font-weight:700;color:#BBD3F5;padding:9px 14px;border-radius:7px;
  background:rgba(22,119,255,.09);border:1px solid rgba(22,119,255,.32);
}
.edu-copy .btn{margin-top:34px}
.edu-pillars{display:grid;gap:14px}
.edu-pillar{display:flex;gap:18px;align-items:flex-start;padding:20px 22px}
.edu-pillar .n{font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--cyan);padding-top:3px;white-space:nowrap}
.edu-pillar h4{font-size:16.5px;color:var(--white);margin:0 0 4px;font-weight:700;letter-spacing:-0.01em}
.edu-pillar p{font-size:13.5px;line-height:1.55;color:#93A1B2}
.edu-note{margin-top:34px;font-size:12.5px;line-height:1.65;color:var(--muted-gray);max-width:1080px}

/* ============================================================
   09 · IDEAL PARTNER
   ============================================================ */
.fit-band{position:relative}
.fit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:56px}
.fit-card{padding:26px 26px 24px;display:flex;gap:16px;align-items:flex-start}
.fit-check{flex:none;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;
  background:rgba(25,198,244,.1);border:1px solid rgba(25,198,244,.4)}
.fit-check svg{width:15px;height:15px;stroke:var(--cyan);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.fit-card h4{font-size:16.5px;color:var(--white);margin:2px 0 5px;font-weight:700;letter-spacing:-0.01em}
.fit-card p{font-size:13.5px;line-height:1.55;color:#93A1B2}
.fit-close{
  margin-top:32px;border-radius:var(--r-lg);padding:32px 40px;position:relative;overflow:hidden;
  background:rgba(12,29,51,.42);border:1px solid rgba(34,55,80,.9);
  display:flex;align-items:center;justify-content:space-between;gap:36px;flex-wrap:wrap;
}
.fit-close::before{content:"";position:absolute;inset:0;background:linear-gradient(130deg,rgba(255,213,31,.10) 0%,transparent 46%)}
.fit-close>*{position:relative}
.fit-close p{font-size:16px;line-height:1.6;color:var(--light-gray);max-width:700px}
.fit-close b{color:var(--white)}

/* ============================================================
   10 · WHY INTELAGENT
   ============================================================ */
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:56px}
.why-card{padding:30px 28px}
.why-num{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--muted-gray)}
.why-line{width:34px;height:2px;background:var(--grad);border-radius:2px;margin:16px 0 18px}
.why-card h3{font-size:19.5px;margin-bottom:10px;letter-spacing:-0.015em}
.why-card p{font-size:14.5px;line-height:1.6;color:#A5B2C2}

/* ============================================================
   11 · FOUNDERS
   ============================================================ */
.founders-wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:center;margin-top:16px}
.founder-photos{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.founder-card{padding:0;overflow:hidden}
.founder-card img{width:100%;aspect-ratio:1/1.08;object-fit:cover;display:block;
  filter:contrast(1.05) saturate(.94);}
.founder-card .fmeta{padding:18px 20px 20px;border-top:1px solid rgba(34,55,80,.9)}
.founder-card .fname{font-size:16.5px;font-weight:800;color:var(--white);letter-spacing:-0.01em}
.founder-card .frole{margin-top:3px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan)}
.founders-copy .h2{margin-bottom:22px}
.founders-copy p{font-size:16.5px;line-height:1.7;color:var(--light-gray)}
.founders-copy p+p{margin-top:16px}
.founders-copy b{color:var(--white)}
.founders-copy p.photo-note{margin-top:22px;font-size:12px;color:var(--muted-gray);line-height:1.6}

/* ============================================================
   12 · VIDEO PLACEHOLDER (reusable component)
   ============================================================ */
.video-shell{position:relative;margin-top:56px;border-radius:var(--r-lg);overflow:hidden;
  background:linear-gradient(160deg,#0A1B33 0%,#071426 100%);border:1px solid rgba(34,55,80,.9);
  aspect-ratio:16/9;display:grid;place-items:center;text-align:center}
.video-shell::before{content:"";position:absolute;inset:0;
  background:radial-gradient(ellipse 60% 55% at 50% 42%,rgba(22,119,255,.18) 0%,transparent 70%)}
.video-shell::after{content:"";position:absolute;inset:0;opacity:.4;
  background-image:radial-gradient(rgba(120,170,255,.18) 1px,transparent 1px);background-size:44px 44px;
  -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,#000,transparent 80%);mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,#000,transparent 80%)}
.video-inner{position:relative;z-index:2}
.play-badge{width:88px;height:88px;margin:0 auto 26px;border-radius:50%;display:grid;place-items:center;
  background:rgba(12,29,51,.75);border:1px solid rgba(25,198,244,.5);
  box-shadow:0 0 44px -8px rgba(25,198,244,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s ease;cursor:default}
.video-shell:hover .play-badge{transform:scale(1.06);box-shadow:0 0 56px -6px rgba(25,198,244,.75)}
.play-badge svg{width:26px;height:26px;fill:var(--white);margin-left:4px}
.video-title{font-size:22px;font-weight:800;color:var(--white);letter-spacing:-0.015em}
.video-sub{margin-top:8px;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan)}

/* ============================================================
   13 · FINAL CTA
   ============================================================ */
.final-cta{position:relative;overflow:hidden;padding:150px 0 150px;text-align:center}
.final-cta::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(60% 80% at 50% 100%,rgba(22,119,255,.34) 0%,rgba(22,119,255,.10) 42%,transparent 74%)}
.final-cta::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  width:min(900px,96vw);height:1px;
  background:linear-gradient(90deg,transparent,rgba(25,198,244,.7),transparent)}
.final-inner{position:relative;max-width:820px;margin:0 auto}
.final-cta .eyebrow{justify-content:center}
.final-cta .h2{font-size:54px;margin-bottom:22px}
.final-sub{font-size:19px;line-height:1.65;color:var(--light-gray);max-width:660px;margin:0 auto}
.final-cta .btn{margin-top:40px}
.final-note{margin-top:22px;font-size:13.5px;color:var(--muted-gray)}

@media (max-width:1180px){
  .ind-grid{grid-template-columns:1fr}
  .edu-wrap{grid-template-columns:minmax(0,1fr);gap:44px}
  .fit-grid,.why-grid{grid-template-columns:repeat(2,1fr)}
  .founders-wrap{grid-template-columns:1fr;gap:44px}
  .final-cta .h2{font-size:42px}
}
@media (max-width:720px){
  .fit-grid,.why-grid{grid-template-columns:1fr}
  .founder-photos{grid-template-columns:1fr;max-width:340px}
  .final-cta{padding:100px 0}
  .final-cta .h2{font-size:34px}
  .play-badge{width:68px;height:68px}
}

/* ---------- ROADMAP + FOOTER ---------- */
.roadmap{padding:72px 0 64px}
.roadmap-inner{display:grid;grid-template-columns:auto 1fr;gap:44px;align-items:center}
.roadmap-badge{font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--yellow);border:1px dashed rgba(255,213,31,.45);border-radius:var(--r-btn);padding:11px 16px;white-space:nowrap}
.roadmap h4{font-size:19px;color:var(--white);margin-bottom:8px}
.roadmap p{font-size:14.5px;color:var(--muted-gray)}
.roadmap-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.roadmap-list span{font-size:12.5px;font-weight:600;color:#93A1B2;padding:7px 13px;border:1px solid rgba(34,55,80,.9);border-radius:6px;background:rgba(12,29,51,.5)}
.site-footer{background:var(--obsidian);border-top:1px solid rgba(34,55,80,.7);padding:80px 0 36px}
.footer-grid{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr 1fr;gap:40px}
.footer-brand img{width:250px;margin-bottom:22px}
.footer-brand p{font-size:14.5px;color:var(--muted-gray);line-height:1.6}
.footer-col h5{margin:0 0 18px;font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--white)}
.footer-col li{margin-bottom:11px}
.footer-col a{font-size:14.5px;color:var(--muted-gray);transition:color .22s ease}
.footer-col a:hover{color:var(--white)}
.footer-bottom{margin-top:56px;padding-top:26px;border-top:1px solid rgba(34,55,80,.7);display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap}
.footer-bottom p{font-size:12.5px;color:var(--muted-gray);line-height:1.65;max-width:760px}
.footer-bottom .rights{white-space:nowrap;font-size:12.5px;color:var(--muted-gray)}

/* ---------- Scroll reveal ---------- */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .55s cubic-bezier(.2,.7,.3,1),transform .55s cubic-bezier(.2,.7,.3,1)}
.reveal.in{opacity:1;transform:none}
.reveal[data-d="1"]{transition-delay:.08s}
.reveal[data-d="2"]{transition-delay:.16s}
.reveal[data-d="3"]{transition-delay:.24s}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .reveal,.rise{opacity:1;transform:none}
}

/* ---------- Responsive (interim) ---------- */
@media (max-width:768px){
  .tlink{padding-top:12px;padding-bottom:12px}
  .footer-col a{display:inline-block;padding:7px 0}
  .footer-col li{margin-bottom:4px}
}
@media (max-width:1180px){
  .nav-toggle{display:grid}
  .header-inner>.btn{display:none}
  .hero{padding:150px 0 96px}
  .hero-grid{grid-template-columns:1fr;gap:56px}
  .hero-copy{text-align:center}
  .hero-sub{margin:0 auto}
  .hero-cta{justify-content:center}
  .hero-cred{margin-left:auto;margin-right:auto}
  .hero-cred-stats{justify-content:center}
  .hstat:first-child{padding-left:28px}
  .hero-cred-note{margin-left:auto;margin-right:auto}
  .hero-calm{background:radial-gradient(ellipse 82% 52% at 50% 36%,rgba(5,8,13,1) 0%,rgba(5,8,13,.95) 46%,rgba(5,8,13,.5) 70%,rgba(5,8,13,0) 92%)}
  .hero-visual{width:100%;max-width:520px;margin:0 auto}
  .hero-rays{opacity:.5}
  .hero-pulses{opacity:.75}
  .h-hero{font-size:56px}
  .problem-grid{grid-template-columns:repeat(2,1fr)}
  .svc-grid{grid-template-columns:1fr;max-width:640px;margin-left:auto;margin-right:auto}
  .footer-grid{grid-template-columns:1fr 1fr 1fr}
  .nav{display:none}
  .res-cards{grid-template-columns:1fr;max-width:640px}
  .res-head{padding:0 20px}
}
@media (max-width:480px){
  .btn{white-space:normal;height:auto;min-height:56px;padding-top:13px;padding-bottom:13px;text-align:center}
}
@media (max-width:720px){
  body{font-size:16.5px}
  .hero-rays{opacity:.42}
  .cir-pulse.p3,.cir-pulse.p5{display:none}
  .hp-node.h3{display:none}
  .os-eq{display:none}
  .os-txt span{font-size:10.5px}
  .container{padding:0 20px}
  .h-hero{font-size:44px}
  .h2{font-size:33px}
  .section{padding:72px 0}
  .problem-grid{grid-template-columns:1fr}
  .hero-cred-stats{justify-content:center}
  .hstat{padding:0 18px;margin:4px 0}
  .hstat:first-child{padding-left:18px}
  .connect-bar,.system-note,.roadmap-inner,.results-disclosure{grid-template-columns:1fr;flex-direction:column;align-items:flex-start;text-align:left}
  .system-note .legend{flex-direction:row;flex-wrap:wrap;border-right:0;padding-right:0;padding-bottom:18px;border-bottom:1px solid rgba(34,55,80,.9);width:100%}
  .footer-grid{grid-template-columns:1fr 1fr}
}

/* ============================================================
   MICRO-INTERACTIONS · each card's icon replays a quick draw-in
   when the whole card is hovered (or focused where the card holds
   a link). Reads as the system activating. Hover-capable pointers
   only; the reduced-motion block disables all of it.
   ============================================================ */
@media (hover:hover) and (pointer:fine){

.pi-1 path,.pi-2 .dial,.pi-3 path,
.si-1 path,.si-2 path,.si-3 .ring,.si-3 .dir,
.ii-1 path,.ii-2 path,.ii-3 path:not(.win),.ii-4 path{stroke-dasharray:1}
@keyframes icoDraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}

/* 03 Growth Problem */
.problem-grid .bloom:hover .pi-1 path{animation:icoDraw .55s cubic-bezier(.35,.6,.3,1)}
.problem-grid .bloom:hover .pi-2 .dial{animation:icoDraw .65s ease}
.pi-2 .hand{transform-origin:12px 12px}
.problem-grid .bloom:hover .pi-2 .hand{animation:handTick .65s cubic-bezier(.4,0,.3,1)}
@keyframes handTick{0%{transform:rotate(0deg)}55%{transform:rotate(32deg)}100%{transform:rotate(0deg)}}
.problem-grid .bloom:hover .pi-3 path{animation:icoDraw .55s cubic-bezier(.35,.6,.3,1)}
.problem-grid .bloom:hover .pi-4 .link{animation:linkFlow .6s ease}
@keyframes linkFlow{from{stroke-dashoffset:10}to{stroke-dashoffset:0}}
.problem-grid .bloom:hover .pi-4 .nd{animation:ndPulse .5s ease}
.problem-grid .bloom:hover .pi-4 .nd+.nd{animation-delay:.12s}
@keyframes ndPulse{0%,100%{stroke-width:1.6}45%{stroke-width:2.7}}

/* 04 Services */
.svc-card:hover .si-1 path,.svc-card:focus-within .si-1 path{animation:icoDraw .6s cubic-bezier(.35,.6,.3,1)}
.svc-card:hover .si-2 .base,.svc-card:focus-within .si-2 .base{animation:icoDraw .35s ease}
.svc-card:hover .si-2 .bars,.svc-card:focus-within .si-2 .bars{animation:icoDraw .4s .12s cubic-bezier(.35,.6,.3,1)}
.svc-card:hover .si-2 .conv,.svc-card:focus-within .si-2 .conv{animation:icoDraw .3s .3s cubic-bezier(.35,.6,.3,1),convFlash .65s ease}
@keyframes convFlash{0%,100%{stroke:var(--cyan)}60%{stroke:var(--yellow)}}
.svc-card:hover .si-3 .ring,.svc-card:focus-within .si-3 .ring{animation:icoDraw .6s ease}
.svc-card:hover .si-3 .dir,.svc-card:focus-within .si-3 .dir{animation:icoDraw .4s .2s cubic-bezier(.35,.6,.3,1)}

/* 07 Industries */
.ind-card:hover .ii-1 path:first-child,.ind-card:focus-within .ii-1 path:first-child{animation:icoDraw .45s cubic-bezier(.35,.6,.3,1)}
.ind-card:hover .ii-1 path:last-child,.ind-card:focus-within .ii-1 path:last-child{animation:icoDraw .4s .15s cubic-bezier(.35,.6,.3,1)}
.ind-card:hover .ii-2 path:nth-child(1),.ind-card:focus-within .ii-2 path:nth-child(1){animation:icoDraw .4s ease}
.ind-card:hover .ii-2 path:nth-child(2),.ind-card:focus-within .ii-2 path:nth-child(2){animation:icoDraw .4s .12s ease}
.ind-card:hover .ii-2 path:nth-child(3),.ind-card:focus-within .ii-2 path:nth-child(3){animation:icoDraw .3s .26s ease}
.ind-card:hover .ii-3 path:nth-child(1),.ind-card:focus-within .ii-3 path:nth-child(1){animation:icoDraw .35s ease}
.ind-card:hover .ii-3 path:nth-child(2),.ind-card:focus-within .ii-3 path:nth-child(2){animation:icoDraw .45s .1s ease}
.ind-card:hover .ii-3 path:nth-child(3),.ind-card:focus-within .ii-3 path:nth-child(3){animation:icoDraw .3s .28s ease}
.ind-card:hover .ii-3 .win,.ind-card:focus-within .ii-3 .win{animation:winIn .45s .3s ease}
@keyframes winIn{from{opacity:0}to{opacity:1}}
.ind-card:hover .ii-4 path:nth-child(1),.ind-card:focus-within .ii-4 path:nth-child(1){animation:icoDraw .3s ease}
.ind-card:hover .ii-4 path:nth-child(2),.ind-card:focus-within .ii-4 path:nth-child(2){animation:icoDraw .45s .12s ease}
.ind-card:hover .ii-4 path:nth-child(3),.ind-card:focus-within .ii-4 path:nth-child(3){animation:icoDraw .3s .3s ease}
.ind-card:hover .ii-4 path:nth-child(4),.ind-card:focus-within .ii-4 path:nth-child(4){animation:icoDraw .3s .4s ease}

/* 10 Why IntelAgent · the principle activates */
.why-card{transition:transform .38s cubic-bezier(.2,.7,.3,1),border-color .38s ease}
.why-card::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
  background:radial-gradient(ellipse 75% 62% at 10% 6%,rgba(22,119,255,.18) 0%,rgba(25,198,244,.07) 46%,transparent 72%);
  transition:opacity .4s ease}
.why-card:hover{transform:translateY(-5px);border-color:rgba(25,198,244,.6)}
.why-card:hover::after{opacity:1}
.why-num{transition:color .35s ease}
.why-card:hover .why-num{color:var(--cyan)}
.why-line{transition:width .42s cubic-bezier(.2,.7,.3,1)}
.why-card:hover .why-line{width:66px}
.why-card h3{transition:transform .35s ease,color .35s ease}
.why-card:hover h3{transform:translateY(-1px)}

}
@media (prefers-reduced-motion:reduce){
  .why-card:hover{transform:none}
}

/* ============================================================
   SOFT SLATE LIGHT MODE · Evidence Mode without the glare.
   Ground #E4EAF1, cards #EEF2F6 (no large pure-white surfaces),
   headings #182536, body #46566A, borders #D0D9E4.
   Blue appears only where it means something. Light sections:
   03 Growth Problem · 09 Partnership Criteria · 11 Founders.
   ============================================================ */
.section.light{background:#E4EAF1;color:#46566A}
.section.light h2,.section.light h3,.section.light h4{color:#182536}
.section.light .sec-intro p{color:#46566A}
.section.light .eyebrow{color:var(--blue)}
.section.light :focus-visible{outline-color:var(--blue)}

.section.light .bloom{
  background:#EEF2F6;border-color:#D0D9E4;
  box-shadow:0 8px 30px rgba(8,24,45,.08);
}
.section.light .bloom::before,.section.light .bloom--cy::before{background:none}
.section.light .bloom:hover{border-color:rgba(22,119,255,.45);box-shadow:0 12px 36px rgba(8,24,45,.12)}

.section.light .tlink{color:#182536}
.section.light .tlink .arw{color:var(--blue)}
.section.light .btn-secondary{color:#182536;border-color:#BFCBDA}
.section.light .btn-secondary:hover{border-color:rgba(22,119,255,.55);background:rgba(22,119,255,.05)}
.section.light .grad-text{background:none;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:#182536;color:#182536}

/* 03 Problem */
.section.light .problem-grid .bloom p{color:#46566A}
.section.light .pcard-idx{color:var(--muted-gray)}
.section.light .pcard-icon svg{stroke:var(--blue)}
.section.light .connect-bar{background:#EEF2F6;border-color:#D0D9E4;box-shadow:0 8px 30px rgba(8,24,45,.08)}
.section.light .connect-bar::before{background:none}
.section.light .connect-bar p{color:#46566A}

/* 09 Ideal Partner */
.section.light .fit-check{background:rgba(22,119,255,.07);border-color:rgba(22,119,255,.35)}
.section.light .fit-check svg{stroke:var(--blue)}
.section.light .fit-card p{color:#46566A}
.section.light .fit-close{background:#EEF2F6;border-color:#D0D9E4;box-shadow:0 8px 30px rgba(8,24,45,.08)}
.section.light .fit-close::before{background:none}
.section.light .fit-close p{color:#46566A}
.section.light .fit-close b{color:#182536}

/* 11 Founders */
.section.light .founder-card .fmeta{border-top-color:#D0D9E4}
.section.light .founder-card .fname{color:#182536}
.section.light .founder-card .frole{color:var(--blue)}
.section.light .founders-copy p{color:#46566A}
.section.light .founders-copy b{color:#182536}
.section.light .founders-copy p.photo-note{color:var(--muted-gray)}