:root{
  --bg:#08101b;
  --bg-soft:#0d1624;
  --surface:#0b131e;
  --surface-2:#0f1928;
  --surface-3:#121f31;
  --line:rgba(121,161,141,.22);
  --line-strong:rgba(121,161,141,.36);
  --text:#eef5f1;
  --muted:#8a9b97;
  --muted-2:#61726e;
  --green:#71c88f;
  --green-deep:#4e7d5f;
  --mint:#8ee3a9;
  --blue:#74b8ff;
  --cyan:#89d2ff;
  --amber:#d3a96c;
  --panel-shadow:0 24px 80px rgba(0,0,0,.34);
  --radius:26px;
  --radius-sm:18px;
  --shell:1280px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{
  scroll-behavior:smooth;-webkit-text-size-adjust:100%;
  width:100%;max-width:100%;overflow-x:hidden;background:var(--bg);
  overscroll-behavior-x:none
}
body{
  position:relative;width:100%;max-width:100%;overflow-x:hidden;
  font-family:Inter,sans-serif;
  background:
    radial-gradient(circle at 20% 0%,rgba(71,117,89,.18),transparent 28%),
    radial-gradient(circle at 80% 18%,rgba(36,91,114,.22),transparent 24%),
    linear-gradient(180deg,#08101b 0%,#09111c 32%,#08101b 100%);
  color:var(--text);touch-action:pan-y;
}
body:before,body:after{
  content:"";position:absolute;inset:auto;pointer-events:none;z-index:-1;filter:blur(28px);opacity:.38
}
body:before{
  width:44vw;height:44vw;left:-10vw;top:12vh;
  background:radial-gradient(circle,rgba(102,167,125,.16),transparent 64%);
  animation:ambientDriftA 40s ease-in-out infinite
}
body:after{
  width:38vw;height:38vw;right:-8vw;top:30vh;
  background:radial-gradient(circle,rgba(64,116,155,.12),transparent 62%);
  animation:ambientDriftB 48s ease-in-out infinite
}
body.no-scroll{overflow:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
main{position:relative;width:100%;max-width:100%;overflow-x:clip}
.site-shell{max-width:var(--shell);margin:0 auto;padding:0 28px}
.site-header{
  position:sticky;top:0;z-index:50;width:100%;max-width:100%;
  background:rgba(6,12,20,.72);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(129,171,151,.08)
}
.hero-copy,.hero-panel,.aura-system-copy,.aura-system-map,.final-cta-card > div,.footer-brand,.footer-links-wrap{min-width:0}
.nav-shell{
  min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px
}
.brand{display:flex;align-items:center;gap:12px}
.brand-logo{
  display:block;width:auto;height:44px;object-fit:contain
}
.desktop-nav,.nav-actions{display:flex;align-items:center;gap:10px}
.desktop-nav a{
  padding:11px 15px;border-radius:999px;
  font-size:14px;font-weight:500;color:var(--muted);
  border:1px solid transparent;transition:.25s ease
}
.desktop-nav a:hover,.desktop-nav a:focus-visible{
  color:var(--text);border-color:rgba(129,171,151,.18);background:rgba(255,255,255,.02)
}
.button{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:50px;padding:0 22px;border-radius:16px;
  font-size:14px;font-weight:700;letter-spacing:.01em;transition:.25s ease;
  border:1px solid transparent
}
.button-primary{
  color:#08110e;
  background:linear-gradient(135deg,#5f8768 0%,#74ca93 100%);
  box-shadow:0 0 0 1px rgba(160,230,180,.14),0 10px 32px rgba(70,151,101,.22)
}
.button-primary:hover,.button-primary:focus-visible{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(160,230,180,.2),0 16px 40px rgba(70,151,101,.3)}
.button-secondary,.button-ghost{
  background:rgba(255,255,255,.02);color:var(--text);border-color:rgba(129,171,151,.18)
}
.button-secondary:hover,.button-ghost:hover{background:rgba(255,255,255,.04);border-color:rgba(129,171,151,.3)}
.nav-toggle{
  display:none;border:1px solid rgba(129,171,151,.18);background:rgba(255,255,255,.02);
  color:var(--text);border-radius:14px;padding:10px 14px;font-weight:700
}
.mobile-nav{
  display:none;padding:0 28px 24px;flex-direction:column;gap:10px;border-top:1px solid rgba(129,171,151,.08)
}
.mobile-nav a{
  padding:14px 0;color:var(--muted);font-weight:600;border-bottom:1px solid rgba(129,171,151,.08)
}
.section{
  position:relative;width:100%;max-width:100%;padding:96px 0;overflow-x:clip
}
.section:before{
  content:"";position:absolute;left:0;right:0;top:-48px;height:120px;pointer-events:none;
  background:linear-gradient(180deg,rgba(113,200,143,0),rgba(113,200,143,.035),rgba(113,200,143,0));
  opacity:.45
}
.section-grid{padding:72px 0 80px}
.hero-section{padding:26px 0 58px}
.hero-grid{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:42px;align-items:center;
  min-height:calc(100svh - 114px)
}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  margin-bottom:18px;padding:10px 14px;border-radius:999px;
  font-family:"IBM Plex Mono",monospace;font-size:12px;font-weight:700;letter-spacing:.16em;
  color:var(--green);text-transform:uppercase;background:rgba(83,126,95,.12);border:1px solid rgba(129,171,151,.16)
}
h1,h2,h3{letter-spacing:-.04em}
h1{
  max-width:780px;font-size:clamp(52px,7vw,92px);line-height:.95;font-weight:900;
  text-wrap:balance
}
h2{
  font-size:clamp(34px,4vw,58px);line-height:1.02;font-weight:850
}
h3{font-size:24px;line-height:1.1;font-weight:750}
.hero-lead,.section-heading p,.surface-card p,.arch-card p,.section-footnote,.site-footer p,.closing-band span,.vision-card p{
  color:var(--muted)
}
.hero-lead{
  margin-top:22px;max-width:760px;font-size:22px;line-height:1.55
}
.hero-lead-mobile{display:none}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hero-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.hero-pills span,.vision-points span{
  padding:12px 16px;border-radius:999px;font-size:14px;font-weight:600;
  color:#afc2bb;background:rgba(255,255,255,.02);border:1px solid rgba(129,171,151,.16)
}
.hero-panel{position:relative}
.hero-orbit{
  position:relative;min-height:590px;overflow:visible
}
.orbit-field{
  position:relative;min-height:540px;overflow:visible
}
.orbit-grid{
  position:absolute;inset:8% 3% 2%;
  border-radius:30px;
  background:
    linear-gradient(90deg,transparent 0,transparent 19.7%,rgba(122,161,141,.04) 19.9%,transparent 20.1%,transparent 39.7%,rgba(122,161,141,.035) 39.9%,transparent 40.1%,transparent 59.7%,rgba(122,161,141,.035) 59.9%,transparent 60.1%,transparent 79.7%,rgba(122,161,141,.04) 79.9%,transparent 80.1%),
    linear-gradient(180deg,transparent 0,transparent 19.7%,rgba(122,161,141,.035) 19.9%,transparent 20.1%,transparent 39.7%,rgba(122,161,141,.025) 39.9%,transparent 40.1%,transparent 59.7%,rgba(122,161,141,.025) 59.9%,transparent 60.1%,transparent 79.7%,rgba(122,161,141,.035) 79.9%,transparent 80.1%)
}
.orbit-wave{
  position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);
  border-radius:50%;border:1px solid rgba(146,219,171,.16);
  box-shadow:0 0 70px rgba(95,176,127,.1), inset 0 0 40px rgba(95,176,127,.03);
  animation:orbitPulse 4.2s ease-out infinite
}
.orbit-wave-1{width:190px;height:190px}
.orbit-wave-2{width:300px;height:300px;animation-delay:.55s}
.orbit-wave-3{width:430px;height:430px;animation-delay:1.1s}
.orbit-wave-4{width:560px;height:560px;animation-delay:1.65s}
.core-orb{
  position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);
  width:244px;height:244px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;z-index:4;
  isolation:isolate;
  animation:coreFloat 9s ease-in-out infinite
}
.core-bloom{
  position:absolute;inset:8px;border-radius:50%;overflow:hidden;
  border:1px solid rgba(214,255,228,.18);
  background:
    radial-gradient(circle at 32% 26%,rgba(240,255,247,.24),transparent 22%),
    radial-gradient(circle at 70% 78%,rgba(72,145,106,.18),transparent 28%),
    radial-gradient(circle at 50% 52%,rgba(91,180,126,.18),rgba(11,20,24,.84) 64%,rgba(5,10,14,.98) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -28px 48px rgba(4,10,12,.34),
    inset 18px 24px 38px rgba(255,255,255,.03),
    0 30px 56px rgba(0,0,0,.22);
  animation:coreShellBreath 10.5s ease-in-out infinite
}
.core-bloom:before{
  content:"";position:absolute;inset:3px;border-radius:50%;pointer-events:none;
  border:1px solid rgba(197,244,214,.1);
  opacity:.72
}
.core-bloom:after{
  content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;
  background:
    radial-gradient(circle at 28% 20%,rgba(255,255,255,.22),transparent 16%),
    radial-gradient(circle at 50% 50%,transparent 54%,rgba(210,255,228,.08) 68%,transparent 78%);
  mix-blend-mode:screen;
  opacity:.78;
  animation:coreHighlightDrift 16s ease-in-out infinite
}
.liquid-layer,.liquid-caustic,.liquid-specular,.liquid-refraction{
  position:absolute;pointer-events:none
}
.liquid-layer{
  mix-blend-mode:screen;opacity:.88;filter:blur(1px)
}
.liquid-layer-a{
  inset:14% 18% 22% 14%;
  border-radius:42% 58% 50% 50% / 45% 36% 64% 55%;
  background:
    radial-gradient(circle at 34% 30%,rgba(228,255,239,.28),transparent 24%),
    radial-gradient(circle at 52% 58%,rgba(138,241,175,.38),rgba(69,144,103,.24) 58%,transparent 76%);
  animation:orbMorphA 18s ease-in-out infinite alternate
}
.liquid-layer-b{
  inset:18% 14% 16% 24%;
  border-radius:54% 46% 42% 58% / 48% 58% 42% 52%;
  background:
    radial-gradient(circle at 64% 30%,rgba(210,255,226,.2),transparent 22%),
    radial-gradient(circle at 44% 54%,rgba(90,200,145,.28),rgba(42,100,83,.16) 62%,transparent 82%);
  opacity:.72;
  filter:blur(2px);
  animation:orbMorphB 22s ease-in-out infinite alternate
}
.liquid-layer-c{
  inset:22% 22% 18% 18%;
  border-radius:58% 42% 60% 40% / 44% 54% 46% 56%;
  background:
    radial-gradient(circle at 50% 40%,rgba(233,255,242,.18),transparent 18%),
    radial-gradient(circle at 50% 60%,rgba(112,223,169,.22),rgba(24,60,52,.1) 68%,transparent 86%);
  opacity:.62;
  filter:blur(8px);
  animation:orbMorphC 26s ease-in-out infinite alternate
}
.liquid-caustic{
  inset:8%;border-radius:50%;
  background:
    radial-gradient(circle at 50% 52%,rgba(120,228,168,.18),transparent 28%),
    radial-gradient(circle at 34% 40%,rgba(83,206,165,.12),transparent 24%),
    radial-gradient(circle at 66% 68%,rgba(184,255,212,.1),transparent 20%);
  filter:blur(10px);
  opacity:.95;
  animation:coreInnerFlow 20s ease-in-out infinite
}
.liquid-specular{
  left:18%;top:14%;width:42%;height:28%;border-radius:50%;
  background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.24),rgba(255,255,255,.08) 46%,transparent 72%);
  filter:blur(2px);
  opacity:.82;
  transform:rotate(-18deg);
  animation:specularDrift 14s ease-in-out infinite
}
.liquid-refraction{
  right:16%;bottom:18%;width:38%;height:32%;border-radius:50%;
  background:radial-gradient(circle at 42% 42%,rgba(103,220,168,.14),rgba(103,220,168,.04) 52%,transparent 78%);
  filter:blur(4px);
  opacity:.72;
  animation:refractionDrift 17s ease-in-out infinite
}
.core-glow{
  position:absolute;inset:-102px;border-radius:50%;
  background:
    radial-gradient(circle at 50% 50%,rgba(117,223,155,.26),rgba(85,177,138,.12) 38%,transparent 68%),
    radial-gradient(circle at 50% 50%,rgba(86,164,132,.14),transparent 58%);
  filter:blur(44px);
  opacity:.96;
  animation:coreGlowBreath 12s ease-in-out infinite
}
.core-label{
  position:relative;z-index:2;font-size:28px;font-weight:900;letter-spacing:.12em;color:#f4fbf7;
  text-shadow:0 0 22px rgba(210,255,225,.18),0 0 42px rgba(124,226,159,.12);
  animation:coreLabelBreath 10s ease-in-out infinite
}
.signal-card{
  position:absolute;z-index:5;padding:14px 16px;min-width:156px;border-radius:18px;
  background:rgba(10,17,25,.82);
  border:1px solid rgba(129,171,151,.14);box-shadow:0 14px 30px rgba(0,0,0,.18);
  animation:cardDrift 8s ease-in-out infinite
}
.signal-card small{display:block;margin-bottom:8px;font-size:11px;letter-spacing:.12em;color:var(--muted-2);text-transform:uppercase}
.signal-card strong{font-size:16px;line-height:1.2}
.signal-card-green strong{color:#b8f0c9}
.signal-card-blue strong{color:#a8d6ff}
.signal-card-amber strong{color:#f0c789}
.card-live{top:92px;left:4px;animation-delay:.4s}
.card-xai{top:106px;right:2px;animation-delay:1.1s}
.card-risk{left:10px;bottom:132px;animation-delay:1.7s}
.card-agent{right:18px;bottom:106px;animation-delay:2.3s}
.card-data{top:50%;right:-10px;transform:translateY(-50%);animation-delay:2.9s}
.section-heading{max-width:860px;margin-bottom:42px}
.compact-heading{max-width:760px}
.reveal-up{
  opacity:0;transform:translateY(24px);
  transition:opacity .8s ease, transform .8s ease
}
.reveal-up.is-visible{opacity:1;transform:translateY(0)}
.problem-grid > .reveal-up:nth-child(2),
.system-grid > .reveal-up:nth-child(2),
.trust-grid > .reveal-up:nth-child(2),
.built-for-grid > .reveal-up:nth-child(2),
.operator-list > .reveal-up:nth-child(2){transition-delay:.08s}
.problem-grid > .reveal-up:nth-child(3),
.system-grid > .reveal-up:nth-child(3),
.trust-grid > .reveal-up:nth-child(3),
.built-for-grid > .reveal-up:nth-child(3),
.operator-list > .reveal-up:nth-child(3){transition-delay:.16s}
.operator-list > .reveal-up:nth-child(4){transition-delay:.24s}
.system-grid > .reveal-up:nth-child(4),
.trust-grid > .reveal-up:nth-child(4){transition-delay:.24s}
.glow-card{
  position:relative;overflow:hidden;
  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease,background .3s ease
}
.glow-card:after,.arch-card:after,.subtle-card:after,.aura-node:after{
  content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;
  background:linear-gradient(120deg,transparent 0%,rgba(129,171,151,.12) 22%,transparent 42%,transparent 100%);
  opacity:.55;transform:translateX(-40%);
  animation:borderBreath 7.5s ease-in-out infinite
}
.glow-card:hover{
  transform:translateY(-3px);
  border-color:rgba(129,171,151,.28);
  box-shadow:0 22px 70px rgba(0,0,0,.28),0 0 0 1px rgba(120,191,147,.08)
}

@keyframes orbitPulse{
  0%{opacity:.12;transform:translate(-50%,-50%) scale(.72)}
  55%{opacity:.95;transform:translate(-50%,-50%) scale(1.04)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(1.22)}
}
@keyframes coreFloat{
  0%,100%{transform:translate(-50%,-50%) scale(1)}
  50%{transform:translate(-50%,-50%) scale(1.032)}
}
@keyframes coreShellBreath{
  0%,100%{transform:scale(1);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -28px 48px rgba(4,10,12,.34),inset 18px 24px 38px rgba(255,255,255,.03),0 30px 56px rgba(0,0,0,.22)}
  50%{transform:scale(1.018);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -32px 54px rgba(4,10,12,.38),inset 20px 26px 44px rgba(255,255,255,.04),0 34px 62px rgba(0,0,0,.24)}
}
@keyframes coreGlowBreath{
  0%,100%{opacity:.84;transform:scale(.96)}
  50%{opacity:1;transform:scale(1.06)}
}
@keyframes coreLabelBreath{
  0%,100%{opacity:.96;text-shadow:0 0 22px rgba(210,255,225,.18),0 0 42px rgba(124,226,159,.12)}
  50%{opacity:1;text-shadow:0 0 26px rgba(210,255,225,.22),0 0 54px rgba(124,226,159,.16)}
}
@keyframes coreHighlightDrift{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg);opacity:.72}
  50%{transform:translate3d(4px,-6px,0) rotate(8deg);opacity:.9}
}
@keyframes coreInnerFlow{
  0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.82}
  33%{transform:translate3d(-6px,4px,0) scale(1.04);opacity:1}
  66%{transform:translate3d(6px,-5px,0) scale(.96);opacity:.86}
}
@keyframes orbMorphA{
  0%{transform:translate3d(-8px,-4px,0) rotate(-8deg) scale(1);border-radius:42% 58% 50% 50% / 45% 36% 64% 55%}
  33%{transform:translate3d(8px,-8px,0) rotate(10deg) scale(1.04);border-radius:54% 46% 62% 38% / 42% 58% 46% 54%}
  66%{transform:translate3d(-3px,7px,0) rotate(-14deg) scale(.96);border-radius:46% 54% 42% 58% / 58% 40% 60% 42%}
  100%{transform:translate3d(6px,3px,0) rotate(6deg) scale(1.02);border-radius:60% 40% 48% 52% / 44% 58% 42% 56%}
}
@keyframes orbMorphB{
  0%{transform:translate3d(5px,-8px,0) rotate(12deg) scale(.98);border-radius:54% 46% 42% 58% / 48% 58% 42% 52%}
  40%{transform:translate3d(-10px,3px,0) rotate(-8deg) scale(1.05);border-radius:44% 56% 58% 42% / 54% 42% 58% 46%}
  72%{transform:translate3d(6px,8px,0) rotate(16deg) scale(.94);border-radius:60% 40% 46% 54% / 40% 56% 44% 60%}
  100%{transform:translate3d(-4px,-2px,0) rotate(-4deg) scale(1.02);border-radius:50% 50% 38% 62% / 58% 42% 52% 48%}
}
@keyframes orbMorphC{
  0%{transform:translate3d(0,-6px,0) rotate(0deg) scale(1)}
  30%{transform:translate3d(8px,6px,0) rotate(12deg) scale(1.08)}
  60%{transform:translate3d(-8px,4px,0) rotate(-10deg) scale(.94)}
  100%{transform:translate3d(4px,-4px,0) rotate(6deg) scale(1.03)}
}
@keyframes specularDrift{
  0%,100%{transform:translate3d(0,0,0) rotate(-18deg) scale(1);opacity:.74}
  50%{transform:translate3d(7px,-4px,0) rotate(-10deg) scale(1.08);opacity:.92}
}
@keyframes refractionDrift{
  0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.64}
  50%{transform:translate3d(-9px,6px,0) scale(1.12);opacity:.82}
}
@keyframes cardDrift{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-8px,0)}
}
.section-heading.centered{text-align:center;margin-left:auto;margin-right:auto}
.section-heading p{margin-top:16px;font-size:19px;line-height:1.6}
.problem-grid,.compare-grid,.risk-grid,.agent-grid,.audience-grid{
  display:grid;gap:18px
}
.problem-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.compact-problem-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.risk-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.agent-grid,.audience-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.surface-card,.arch-card,.vision-card,.final-cta-card,.infra-panel{
  border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(180deg,rgba(13,22,36,.92),rgba(10,17,27,.96));
  box-shadow:var(--panel-shadow)
}
.surface-card,.arch-card{padding:28px}
.surface-card h3,.arch-card h3{margin-bottom:12px}
.surface-card p,.arch-card p{font-size:16px;line-height:1.65}
.emphasis-card{
  background:linear-gradient(180deg,rgba(16,27,35,.98),rgba(12,20,31,.98));
  border-color:var(--line-strong)
}
.list-clean{display:grid;gap:14px;list-style:none}
.list-clean li{
  position:relative;padding-left:18px;color:#d5e2dd;font-size:17px;line-height:1.55
}
.list-clean li:before{
  content:"";position:absolute;left:0;top:.58em;width:7px;height:7px;border-radius:50%;
  background:linear-gradient(135deg,var(--green),var(--mint))
}
.closing-band{
  margin-top:24px;padding:18px 22px;border-radius:20px;
  background:rgba(255,255,255,.02);border:1px solid rgba(129,171,151,.14)
}
.closing-band span{font-size:18px;line-height:1.5}
.aura-system-panel{
  display:grid;grid-template-columns:340px minmax(0,1fr);gap:22px;align-items:stretch
}
.aura-system-copy,.aura-system-map,.live-panel{
  border-radius:var(--radius);border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(13,22,36,.92),rgba(10,17,27,.96));
  box-shadow:var(--panel-shadow)
}
.aura-system-copy{
  padding:28px;display:flex;flex-direction:column;justify-content:space-between;
  background:
    radial-gradient(circle at 24% 18%,rgba(113,200,143,.14),transparent 28%),
    linear-gradient(180deg,rgba(13,22,36,.95),rgba(10,17,27,.98))
}
.aura-system-pill,.built-for-label{
  display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;
  border:1px solid rgba(129,171,151,.16);background:rgba(255,255,255,.02);
  color:#aec1ba;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase
}
.aura-system-title{
  margin-top:18px;font-size:44px;font-weight:900;letter-spacing:-.05em
}
.aura-system-copy p{margin-top:18px;color:var(--muted);font-size:18px;line-height:1.6}
.aura-system-map{
  position:relative;min-height:420px;padding:30px;overflow:hidden;
  background:
    radial-gradient(circle at 50% 50%,rgba(113,200,143,.12),transparent 30%),
    linear-gradient(180deg,rgba(13,22,36,.95),rgba(10,17,27,.98))
}
.aura-system-map > *{position:relative;z-index:1}
.aura-system-map .aura-node{z-index:2}
.aura-system-map:before{
  content:"";position:absolute;inset:18px;border-radius:22px;border:1px solid rgba(129,171,151,.08)
}
.aura-system-map:after{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(circle at 34% 38%,rgba(96,177,125,.12),transparent 24%),
    radial-gradient(circle at 66% 56%,rgba(82,168,145,.1),transparent 22%),
    linear-gradient(125deg,transparent 0%,rgba(115,208,146,.045) 48%,transparent 62%);
  filter:blur(0px);
  animation:auraGradientDrift 20s ease-in-out infinite;
  pointer-events:none
}
.aura-system-map .aura-trace{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  pointer-events:none;opacity:.34;z-index:0
}
.aura-beam{
  position:absolute;left:50%;top:50%;width:180px;height:180px;transform:translate(-50%,-50%);
  border-radius:50%;
  background:
    radial-gradient(circle,rgba(116,211,147,.18),rgba(116,211,147,.06) 44%,transparent 72%);
  opacity:.8
}
.aura-beam:before,.aura-beam:after{
  content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  border-radius:999px;background:linear-gradient(90deg,transparent,rgba(116,211,147,.22),transparent);
  animation:dataSweep 16s linear infinite
}
.aura-beam:before{width:420px;height:1px}
.aura-beam:after{width:1px;height:300px;background:linear-gradient(180deg,transparent,rgba(116,211,147,.18),transparent);animation-duration:18s}
.aura-node{
  position:absolute;max-width:220px;padding:18px 18px 16px;border-radius:20px;
  background:rgba(9,15,24,.9);
  border:1px solid rgba(129,171,151,.14);box-shadow:0 18px 40px rgba(0,0,0,.22);
  transition:border-color .3s ease, box-shadow .3s ease, transform .3s ease;
  animation:nodePulse 14s ease-in-out infinite
}
.aura-node:hover{
  border-color:rgba(129,171,151,.28);
  background:rgba(13,21,32,.96);
  box-shadow:0 24px 60px rgba(0,0,0,.28),0 0 0 1px rgba(120,191,147,.14),0 0 28px rgba(113,200,143,.08);
  transform:translate3d(0,-4px,0)
}
.aura-node:hover:after,.glow-card:hover:after,.arch-card:hover:after,.subtle-card:hover:after{opacity:.9}
.aura-node h3,.subtle-card h3{font-size:20px}
.aura-node p{margin-top:8px;color:var(--muted);font-size:15px;line-height:1.5}
.node-perception{
  left:26px;top:34px;
  animation:nodePulse 14s ease-in-out infinite, auraNodeFloatA 8.2s ease-in-out infinite
}
.node-reasoning{
  right:30px;top:66px;
  animation:nodePulse 14s ease-in-out infinite, auraNodeFloatB 10.8s ease-in-out infinite
}
.node-execution{
  left:56px;bottom:38px;
  animation:nodePulse 14s ease-in-out infinite, auraNodeFloatC 9.1s ease-in-out infinite
}
.node-learning{
  right:26px;bottom:40px;
  animation:nodePulse 14s ease-in-out infinite, auraNodeFloatD 11.4s ease-in-out infinite
}
.aura-system-map:has(.node-perception:hover):after{
  background:
    radial-gradient(circle at 26% 24%,rgba(111,203,143,.18),transparent 20%),
    radial-gradient(circle at 66% 56%,rgba(82,168,145,.08),transparent 22%),
    linear-gradient(125deg,transparent 0%,rgba(115,208,146,.05) 48%,transparent 62%)
}
.aura-system-map:has(.node-reasoning:hover):after{
  background:
    radial-gradient(circle at 76% 26%,rgba(111,203,143,.18),transparent 20%),
    radial-gradient(circle at 36% 54%,rgba(82,168,145,.08),transparent 22%),
    linear-gradient(125deg,transparent 0%,rgba(115,208,146,.05) 48%,transparent 62%)
}
.aura-system-map:has(.node-execution:hover):after{
  background:
    radial-gradient(circle at 30% 76%,rgba(111,203,143,.18),transparent 20%),
    radial-gradient(circle at 64% 36%,rgba(82,168,145,.08),transparent 22%),
    linear-gradient(125deg,transparent 0%,rgba(115,208,146,.05) 48%,transparent 62%)
}
.aura-system-map:has(.node-learning:hover):after{
  background:
    radial-gradient(circle at 78% 74%,rgba(111,203,143,.18),transparent 20%),
    radial-gradient(circle at 38% 42%,rgba(82,168,145,.08),transparent 22%),
    linear-gradient(125deg,transparent 0%,rgba(115,208,146,.05) 48%,transparent 62%)
}
.system-grid{
  position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px
}
.system-grid:before{
  content:"";position:absolute;left:10%;right:10%;top:50%;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(129,171,151,.22),transparent)
}
.agent-capsules{
  display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;justify-content:center
}
.agent-capsules span{
  padding:11px 14px;border-radius:999px;border:1px solid rgba(129,171,151,.14);
  background:rgba(255,255,255,.02);color:#b7c9c3;font-size:14px;font-weight:600;
  animation:capsuleGlow 14s ease-in-out infinite
}
.agent-capsules span:nth-child(2){animation-delay:.8s}
.agent-capsules span:nth-child(3){animation-delay:1.6s}
.agent-capsules span:nth-child(4){animation-delay:2.4s}
.trust-statement{
  margin:6px 0 28px;padding:30px 32px 32px;border-radius:28px;border:1px solid rgba(129,171,151,.18);
  background:
    radial-gradient(circle at 24% 48%,rgba(113,200,143,.15),transparent 30%),
    radial-gradient(circle at 68% 58%,rgba(84,156,131,.08),transparent 28%),
    linear-gradient(180deg,rgba(14,24,37,.95),rgba(8,14,22,.98));
  box-shadow:0 22px 54px rgba(0,0,0,.18), inset 0 0 0 1px rgba(129,171,151,.05);
  color:#f3faf6;font-size:clamp(28px,3.4vw,50px);line-height:.98;font-weight:900;letter-spacing:-.045em;
  text-wrap:balance;text-shadow:0 0 32px rgba(113,200,143,.08)
}
.trust-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px
}
.decision-flow{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:22px
}
.flow-step{
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  padding:14px 18px;border-radius:999px;border:1px solid rgba(129,171,151,.16);
  background:rgba(255,255,255,.02);color:#dce8e3;font-weight:700;overflow:hidden
}
.flow-step:before{
  content:"";position:absolute;inset:0;border-radius:inherit;
  background:linear-gradient(90deg,rgba(102,186,129,.08),rgba(116,211,147,.22));
  transform:scaleX(0);transform-origin:left center;
  animation-duration:12s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-fill-mode:both
}
.flow-step:after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(circle at 50% 50%,rgba(116,211,147,.18),transparent 68%);
  opacity:0;
  animation-duration:12s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-fill-mode:both
}
.flow-step span{position:relative;z-index:1}
.flow-arrow{
  position:relative;width:28px;height:1px;background:linear-gradient(90deg,rgba(129,171,151,.14),rgba(129,171,151,.4),rgba(129,171,151,.14));
  overflow:hidden
}
.flow-arrow:before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(116,211,147,.1),rgba(116,211,147,.9),rgba(116,211,147,.1));
  transform:scaleX(0);transform-origin:left center;
  animation-duration:12s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-fill-mode:both
}
.flow-step-1:before{animation-name:flowStepFill1}
.flow-step-1:after{animation-name:flowPulse1}
.flow-step-2:before{animation-name:flowStepFill2}
.flow-step-2:after{animation-name:flowPulse2}
.flow-step-3:before{animation-name:flowStepFill3}
.flow-step-3:after{animation-name:flowPulse3}
.flow-step-4:before{animation-name:flowStepFill4}
.flow-step-4:after{animation-name:flowPulse4}
.flow-step-5:before{animation-name:flowStepFill5}
.flow-step-5:after{animation-name:flowPulse5}
.flow-arrow-1:before{animation-name:flowArrowFill1}
.flow-arrow-2:before{animation-name:flowArrowFill2}
.flow-arrow-3:before{animation-name:flowArrowFill3}
.flow-arrow-4:before{animation-name:flowArrowFill4}
.live-panel{
  position:relative;display:grid;grid-template-columns:280px 1fr;width:100%;max-width:100%;overflow:hidden;
  background:
    linear-gradient(180deg,rgba(12,20,31,.96),rgba(8,14,22,.98))
}
.live-panel:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;
  background:
    linear-gradient(180deg,rgba(255,255,255,.022) 0,rgba(255,255,255,0) 22%,rgba(255,255,255,.014) 58%,rgba(255,255,255,0) 100%),
    repeating-linear-gradient(180deg,rgba(129,171,151,.018) 0,rgba(129,171,151,.018) 1px,transparent 1px,transparent 7px);
  animation:liveScanline 22s linear infinite
}
.live-panel:after{
  content:"";position:absolute;inset:auto -8% -18% auto;width:320px;height:320px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(113,200,143,.12),transparent 66%);
  filter:blur(20px);opacity:.38;animation:ambientBrandGlow 18s ease-in-out infinite
}
.live-status{
  position:relative;z-index:1;display:grid;gap:12px;padding:28px;border-right:1px solid rgba(129,171,151,.12);
  background:
    radial-gradient(circle at 14% 18%,rgba(113,200,143,.08),transparent 26%),
    linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012))
}
.live-status span{
  display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:16px;
  background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.018));
  border:1px solid rgba(129,171,151,.1);color:#bfd0ca;font-weight:600;
  transition:background .55s ease,border-color .55s ease,transform .55s ease,box-shadow .55s ease,opacity .55s ease,filter .55s ease
}
.live-status i{
  width:8px;height:8px;border-radius:50%;background:var(--mint);
  box-shadow:0 0 10px rgba(142,227,169,.45);animation:blinkDot 4.6s ease-in-out infinite
}
.live-status b{
  font:inherit;font-weight:600
}
.live-status span:nth-child(2) i{animation-delay:.35s}
.live-status span:nth-child(3) i{animation-delay:.7s}
.live-status span:nth-child(4) i{animation-delay:1.05s}
.live-status span:nth-child(5) i{animation-delay:1.4s}
.live-status span.is-refreshing{
  opacity:.22;transform:translateY(10px);filter:blur(.8px)
}
.live-status span.is-live{
  background:linear-gradient(90deg,rgba(18,31,44,.98),rgba(10,18,28,.95));
  border-color:rgba(129,171,151,.22);
  transform:translateY(0);
  filter:none;
  box-shadow:0 0 24px rgba(113,200,143,.06)
}
.live-logs{
  position:relative;z-index:1;display:grid;align-content:start;
  height:680px;min-height:680px;max-height:680px;
  padding:24px;overflow:hidden;
  background:
    linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,0))
}
.live-logs:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:48px;
  background:linear-gradient(180deg,rgba(8,15,24,0),rgba(8,15,24,.92))
}
.live-logs:before{
  content:"";position:absolute;inset:-10% -20% auto auto;width:68%;height:48%;
  background:linear-gradient(120deg,transparent,rgba(113,200,143,.05),transparent 72%);
  opacity:.45;pointer-events:none;filter:blur(18px);animation:liveGradientDrift 20s ease-in-out infinite
}
.live-logs .log-row{
  animation:logFloat 18s ease-in-out infinite;
  transition:opacity .42s ease,transform .42s ease,filter .42s ease,background .42s ease,border-color .42s ease
}
.live-logs .log-row:nth-child(2){animation-delay:1s}
.live-logs .log-row:nth-child(3){animation-delay:2s}
.live-logs .log-row:nth-child(4){animation-delay:3s}
.live-logs .log-row:nth-child(5){animation-delay:4s}
.live-logs .log-row:nth-child(6){animation-delay:5s}
.live-logs .log-row:nth-child(7){animation-delay:6s}
.live-logs .log-row span[data-live-time]{animation:timestampBlink 8s ease-in-out infinite}
.live-logs .log-row.is-refreshing{
  opacity:.18;transform:translateY(10px);filter:blur(1px)
}
.live-logs .log-row.is-live{
  background:linear-gradient(90deg,rgba(113,200,143,.06),rgba(82,166,138,.018) 48%,transparent 76%);
}
.live-logs .log-row.is-entering{
  opacity:0;transform:translateY(16px);filter:blur(1px)
}
.live-logs .log-row.is-exiting{
  opacity:0;transform:translateY(-16px);filter:blur(1px)
}
.built-for-strip{
  display:grid;gap:18px
}
.built-for-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px
}
.operator-access{
  position:relative;display:grid;gap:18px;padding:24px;border-radius:30px;
  border:1px solid rgba(129,171,151,.16);
  background:
    linear-gradient(180deg,rgba(12,20,31,.94),rgba(8,14,22,.98));
  overflow:hidden;
  box-shadow:0 18px 48px rgba(0,0,0,.22)
}
.operator-access:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.72;
  background:
    linear-gradient(90deg,transparent 0,transparent 24.6%,rgba(121,161,141,.028) 24.9%,transparent 25.2%,transparent 49.6%,rgba(121,161,141,.022) 49.9%,transparent 50.2%,transparent 74.6%,rgba(121,161,141,.028) 74.9%,transparent 75.2%),
    linear-gradient(180deg,transparent 0,transparent 32.6%,rgba(121,161,141,.02) 32.9%,transparent 33.2%,transparent 65.6%,rgba(121,161,141,.02) 65.9%,transparent 66.2%)
}
.operator-access:after{
  content:"";position:absolute;inset:auto -8% -24% auto;width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle,rgba(113,200,143,.14),transparent 66%);
  filter:blur(6px);pointer-events:none;opacity:.54
}
.operator-access-head{
  position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap
}
.operator-access-head p{
  max-width:520px;color:var(--muted);font-size:15px;line-height:1.6
}
.operator-list{
  position:relative;z-index:1;display:grid;border-radius:24px;overflow:hidden;
  border:1px solid rgba(129,171,151,.1);background:rgba(255,255,255,.018)
}
.operator-row{
  position:relative;display:grid;grid-template-columns:44px minmax(180px,.8fr) minmax(0,1.35fr);align-items:center;
  gap:18px;padding:20px 22px;
  background:linear-gradient(90deg,rgba(255,255,255,.015),rgba(255,255,255,.008));
  transition:background .28s ease,border-color .28s ease,box-shadow .28s ease,transform .28s ease
}
.operator-row + .operator-row{
  border-top:1px solid rgba(129,171,151,.1)
}
.operator-row:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
  background:linear-gradient(90deg,rgba(113,200,143,.08),rgba(82,166,138,.03) 42%,transparent 72%);
  transition:opacity .28s ease
}
.operator-row:hover{
  transform:translateY(-1px);
  background:linear-gradient(90deg,rgba(17,29,42,.96),rgba(10,17,26,.98));
  box-shadow:inset 0 0 0 1px rgba(129,171,151,.12),0 0 28px rgba(113,200,143,.06)
}
.operator-row:hover:before{
  opacity:1
}
.operator-glyph{
  position:relative;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;
  border:1px solid rgba(129,171,151,.18);background:rgba(255,255,255,.02)
}
.operator-glyph:before{
  content:"";position:absolute;inset:-10px;border-radius:50%;
  background:radial-gradient(circle,rgba(113,200,143,.14),transparent 68%);
  opacity:0;transition:opacity .28s ease
}
.operator-glyph i{
  width:6px;height:6px;border-radius:50%;background:var(--mint);
  box-shadow:0 0 10px rgba(142,227,169,.38);
  animation:blinkDot 5.8s ease-in-out infinite
}
.operator-row:nth-child(2) .operator-glyph i{animation-delay:.7s}
.operator-row:nth-child(3) .operator-glyph i{animation-delay:1.35s}
.operator-row:hover .operator-glyph:before{
  opacity:1
}
.operator-row:hover .operator-glyph i{
  box-shadow:0 0 14px rgba(142,227,169,.52)
}
.operator-row h3{
  font-size:20px;line-height:1.15
}
.operator-row p{
  color:var(--muted);font-size:15px;line-height:1.6
}
.subtle-card{
  padding:22px 24px;background:rgba(255,255,255,.015);border-color:rgba(129,171,151,.12)
}
.subtle-card h3{font-size:18px}
.aura-layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:20px}
.aura-capabilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.reasoning-card{
  padding:28px;border-radius:var(--radius);
  background:linear-gradient(180deg,rgba(12,19,29,.95),rgba(7,12,19,.98));
  border:1px solid rgba(129,171,151,.18);box-shadow:var(--panel-shadow)
}
.mini-label{
  display:inline-block;margin-bottom:16px;color:var(--green);font-size:12px;font-weight:800;
  letter-spacing:.13em;text-transform:uppercase
}
.reasoning-card blockquote{
  color:#f0f5f2;font-size:30px;line-height:1.28;font-weight:700;letter-spacing:-.03em
}
.reasoning-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.reasoning-meta span{
  padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.02);border:1px solid rgba(129,171,151,.14);color:#afc1ba;font-size:13px
}
.architecture-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px
}
.arch-card{position:relative;overflow:hidden}
.arch-card:before{
  content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:linear-gradient(90deg,rgba(113,200,143,.75),transparent 75%)
}
.feature-row{
  display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:22px;align-items:center
}
.feature-row.reverse{grid-template-columns:440px minmax(0,1fr)}
.feature-row.reverse .feature-copy{order:2}
.feature-row.reverse .feature-visual{order:1}
.compact-list{margin-top:22px}
.feature-visual .surface-card{min-height:100%}
.xai-card,.collaboration-card{display:grid;gap:12px;padding:28px}
.xai-line,.collab-node{
  padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.02);border:1px solid rgba(129,171,151,.14)
}
.xai-line span{display:block;margin-bottom:6px;color:var(--muted-2);font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.xai-line strong{font-size:17px;line-height:1.5}
.collab-node{
  position:relative;padding-left:24px;color:#d4e1dc;font-weight:600
}
.collab-node:before{
  content:"";position:absolute;left:10px;top:50%;transform:translateY(-50%);
  width:6px;height:6px;border-radius:50%;background:var(--mint)
}
.section-footnote{
  margin-top:22px;font-size:18px;line-height:1.6;text-align:center
}
.infra-panel{
  display:grid;grid-template-columns:260px 1fr;gap:0;overflow:hidden
}
.infra-sidebar{
  display:grid;gap:12px;padding:28px;border-right:1px solid rgba(129,171,151,.12);background:rgba(255,255,255,.015)
}
.infra-sidebar span{
  padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.02);border:1px solid rgba(129,171,151,.1);color:#bfd0ca;font-weight:600
}
.infra-logs{padding:24px}
.log-row{
  display:grid;grid-template-columns:190px 138px minmax(0,1fr);gap:18px;align-items:center;
  padding:14px 0;border-bottom:1px solid rgba(129,171,151,.08)
}
.log-row:last-child{border-bottom:none}
.log-row span[data-live-time]{
  color:#eef4f1;font-family:"IBM Plex Mono",monospace;font-size:13px;font-weight:700;
  letter-spacing:.01em;white-space:nowrap
}
.log-pill{
  display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:16px;
  background:rgba(255,255,255,.03);border:1px solid rgba(129,171,151,.08);
  color:#e8efeb;font-size:13px;font-weight:700;letter-spacing:.01em;white-space:nowrap;justify-self:start;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)
}
.log-row p{
  color:rgba(228,234,231,.62);line-height:1.4;font-size:15px
}
.log-row[data-live-kind="context"] .log-pill{
  background:rgba(77,124,169,.12);border-color:rgba(119,159,200,.14);color:#c8daf1
}
.log-row[data-live-kind="risk"] .log-pill{
  background:rgba(168,136,82,.14);border-color:rgba(186,149,92,.16);color:#efd8ab
}
.log-row[data-live-kind="system"] .log-pill{
  background:rgba(115,133,156,.13);border-color:rgba(140,157,182,.14);color:#d9e1eb
}
.log-row[data-live-kind="execution"] .log-pill{
  background:rgba(112,116,136,.16);border-color:rgba(144,147,168,.12);color:#e6e8f1
}
.log-row[data-live-kind="success"] .log-pill{
  background:rgba(43,154,114,.14);border-color:rgba(57,184,135,.12);color:#4ee0aa
}
.log-row[data-live-kind="scan"] .log-pill{
  background:rgba(92,72,194,.16);border-color:rgba(119,95,230,.12);color:#9f8aff
}
.log-row[data-live-kind="error"] .log-pill{
  background:rgba(137,58,70,.16);border-color:rgba(176,85,99,.12);color:#ef707e
}
.log-row[data-live-kind="info"] .log-pill{
  background:rgba(21,118,174,.16);border-color:rgba(38,149,214,.12);color:#2ec6ff
}
.log-row[data-live-kind="warning"] .log-pill{
  background:rgba(148,108,45,.16);border-color:rgba(186,136,55,.12);color:#f4b955
}
.log-row-tail{
  position:relative;animation:none!important;opacity:.88
}
.log-row-tail:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,.018),transparent 74%);
  opacity:.55
}
.log-row-tail span[data-live-time],
.log-row-tail p{
  color:rgba(228,234,231,.78)
}
.log-row[data-live-kind="tail"] .log-pill{
  min-width:60px;background:rgba(255,255,255,.035);border-color:rgba(129,171,151,.08);color:rgba(228,234,231,.7)
}
.vision-section{padding-top:72px}
.vision-card{
  padding:38px 38px 34px;background:
    radial-gradient(circle at 85% 18%,rgba(120,197,152,.16),transparent 23%),
    linear-gradient(180deg,rgba(14,24,37,.95),rgba(8,14,22,.98))
}
.vision-card h2,.final-cta-card h2{max-width:900px}
.vision-card p{margin-top:16px;max-width:860px;font-size:20px;line-height:1.65}
.vision-points{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.final-cta{padding-top:72px;padding-bottom:120px}
.final-cta-card{
  display:flex;align-items:end;justify-content:space-between;gap:24px;padding:36px 38px
}
.final-cta-card p{margin-top:16px;max-width:760px;font-size:18px;line-height:1.65;color:var(--muted)}
.final-cta-actions{
  flex-direction:column;align-items:stretch;gap:14px;min-width:280px
}
.final-cta-actions .button{
  width:100%;min-width:280px
}
.site-footer{
  position:relative;padding:0 0 34px;border-top:1px solid rgba(129,171,151,.08);
  background:
    radial-gradient(circle at 12% 0%,rgba(113,200,143,.08),transparent 22%),
    linear-gradient(180deg,rgba(5,10,16,.78),rgba(5,10,16,.96))
}
.footer-shell{
  display:flex;align-items:flex-start;justify-content:space-between;gap:36px;padding-top:34px;padding-bottom:26px
}
.footer-brand{
  max-width:360px
}
.footer-logo{
  display:block;width:min(258px,100%);height:auto;max-width:100%;object-fit:contain
}
.footer-shell p{margin-top:14px;max-width:340px;line-height:1.6;color:var(--muted)}
.footer-links-wrap{
  display:grid;gap:22px;justify-items:end
}
.footer-nav{
  display:flex;flex-wrap:wrap;justify-content:flex-end;gap:16px
}
.footer-nav a{
  color:var(--muted);font-weight:600;transition:color .25s ease,opacity .25s ease
}
.footer-nav a:hover,.footer-nav a:focus-visible{color:var(--text)}
.footer-socials{
  display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px
}
.footer-socials a{
  display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;
  border:1px solid rgba(129,171,151,.12);background:rgba(255,255,255,.015);
  color:#c8d8d2;font-size:13px;font-weight:700;letter-spacing:.02em;
  transition:background .25s ease,border-color .25s ease,transform .25s ease,color .25s ease,box-shadow .25s ease
}
.footer-socials a:hover,.footer-socials a:focus-visible{
  color:var(--text);background:rgba(18,31,44,.88);border-color:rgba(129,171,151,.24);
  transform:translateY(-1px);box-shadow:0 0 18px rgba(113,200,143,.05)
}
.footer-bottom{
  display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px;
  border-top:1px solid rgba(129,171,151,.08)
}
.footer-bottom p{
  color:rgba(200,216,210,.68);font-size:15px;font-weight:500
}
.footer-disclaimer-button{
  display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:16px;
  border:1px solid rgba(129,171,151,.18);background:rgba(255,255,255,.02);color:var(--text);
  font-size:15px;font-weight:700;cursor:pointer;
  transition:background .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease
}
.footer-disclaimer-button:hover,.footer-disclaimer-button:focus-visible{
  background:rgba(18,31,44,.92);border-color:rgba(129,171,151,.26);transform:translateY(-1px);
  box-shadow:0 0 22px rgba(113,200,143,.06)
}
.risk-modal{
  position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:24px
}
.risk-modal[hidden]{
  display:none!important
}
.risk-modal-backdrop{
  position:absolute;inset:0;background:rgba(3,8,13,.76);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)
}
.risk-modal-dialog{
  position:relative;z-index:1;width:min(860px,100%);max-height:min(86vh,920px);overflow:auto;
  border-radius:28px;border:1px solid rgba(129,171,151,.18);
  background:
    radial-gradient(circle at 18% 0%,rgba(113,200,143,.1),transparent 24%),
    linear-gradient(180deg,rgba(12,20,31,.98),rgba(8,14,22,.98));
  box-shadow:0 32px 90px rgba(0,0,0,.44)
}
.risk-modal-head{
  position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:24px 26px 18px;border-bottom:1px solid rgba(129,171,151,.1);
  background:linear-gradient(180deg,rgba(12,20,31,.98),rgba(12,20,31,.92))
}
.risk-modal-head h2{
  font-size:clamp(28px,3vw,40px);line-height:1;font-weight:900
}
.risk-modal-close{
  position:relative;flex:0 0 44px;width:44px;height:44px;border-radius:14px;border:1px solid rgba(129,171,151,.16);
  z-index:3;pointer-events:auto;
  background:rgba(255,255,255,.02);cursor:pointer
}
.risk-modal-close span{
  position:absolute;left:50%;top:50%;width:18px;height:1.5px;background:#d7e6df;border-radius:999px
}
.risk-modal-close span:first-child{transform:translate(-50%,-50%) rotate(45deg)}
.risk-modal-close span:last-child{transform:translate(-50%,-50%) rotate(-45deg)}
.risk-modal-body{
  display:grid;gap:16px;padding:24px 26px 28px
}
.risk-modal-body p,.risk-modal-body li{
  color:#bfd0ca;font-size:16px;line-height:1.72
}
.risk-modal-list-block{
  display:grid;gap:10px;padding:18px 18px 18px 20px;border-radius:20px;border:1px solid rgba(129,171,151,.1);
  background:rgba(255,255,255,.018)
}
.risk-modal-list-block p{
  color:#e9f3ee;font-weight:700
}
.risk-modal-list-block ul{
  display:grid;gap:8px;padding-left:18px
}

@keyframes dataSweep{
  0%{opacity:.24}
  50%{opacity:.7}
  100%{opacity:.24}
}
@keyframes ambientDriftA{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(4vw,2vh,0)}
}
@keyframes ambientDriftB{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(-3vw,-3vh,0)}
}
@keyframes borderBreath{
  0%,100%{opacity:.24;transform:translateX(-40%)}
  50%{opacity:.68;transform:translateX(12%)}
}
@keyframes traceDrift{
  0%{transform:translateX(-10%) translateY(0)}
  100%{transform:translateX(10%) translateY(0)}
}
@keyframes auraGradientDrift{
  0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.8}
  50%{transform:translate3d(1.5%, -1%, 0) scale(1.04);opacity:1}
}
@keyframes flowPulse1{
  0%,1%,82%,100%{opacity:0}
  4%,10%{opacity:1}
  12%,78%{opacity:.18}
}
@keyframes flowPulse2{
  0%,15%,82%,100%{opacity:0}
  19%,26%{opacity:1}
  28%,78%{opacity:.18}
}
@keyframes flowPulse3{
  0%,31%,82%,100%{opacity:0}
  35%,42%{opacity:1}
  44%,78%{opacity:.18}
}
@keyframes flowPulse4{
  0%,47%,82%,100%{opacity:0}
  51%,58%{opacity:1}
  60%,78%{opacity:.18}
}
@keyframes flowPulse5{
  0%,63%,82%,100%{opacity:0}
  67%,74%{opacity:1}
  76%,78%{opacity:.18}
}
@keyframes flowStepFill1{
  0%,1%{transform:scaleX(0);opacity:.12}
  4%,10%{transform:scaleX(1);opacity:1}
  12%,78%{transform:scaleX(1);opacity:.84}
  82%,100%{transform:scaleX(0);opacity:.12}
}
@keyframes flowStepFill2{
  0%,15%{transform:scaleX(0);opacity:.12}
  19%,26%{transform:scaleX(1);opacity:1}
  28%,78%{transform:scaleX(1);opacity:.84}
  82%,100%{transform:scaleX(0);opacity:.12}
}
@keyframes flowStepFill3{
  0%,31%{transform:scaleX(0);opacity:.12}
  35%,42%{transform:scaleX(1);opacity:1}
  44%,78%{transform:scaleX(1);opacity:.84}
  82%,100%{transform:scaleX(0);opacity:.12}
}
@keyframes flowStepFill4{
  0%,47%{transform:scaleX(0);opacity:.12}
  51%,58%{transform:scaleX(1);opacity:1}
  60%,78%{transform:scaleX(1);opacity:.84}
  82%,100%{transform:scaleX(0);opacity:.12}
}
@keyframes flowStepFill5{
  0%,63%{transform:scaleX(0);opacity:.12}
  67%,74%{transform:scaleX(1);opacity:1}
  76%,78%{transform:scaleX(1);opacity:.84}
  82%,100%{transform:scaleX(0);opacity:.12}
}
@keyframes flowArrowFill1{
  0%,9%{transform:scaleX(0);opacity:0}
  11%,16%{transform:scaleX(1);opacity:1}
  18%,78%{transform:scaleX(1);opacity:.64}
  82%,100%{transform:scaleX(0);opacity:0}
}
@keyframes flowArrowFill2{
  0%,25%{transform:scaleX(0);opacity:0}
  27%,32%{transform:scaleX(1);opacity:1}
  34%,78%{transform:scaleX(1);opacity:.64}
  82%,100%{transform:scaleX(0);opacity:0}
}
@keyframes flowArrowFill3{
  0%,41%{transform:scaleX(0);opacity:0}
  43%,48%{transform:scaleX(1);opacity:1}
  50%,78%{transform:scaleX(1);opacity:.64}
  82%,100%{transform:scaleX(0);opacity:0}
}
@keyframes flowArrowFill4{
  0%,57%{transform:scaleX(0);opacity:0}
  59%,64%{transform:scaleX(1);opacity:1}
  66%,78%{transform:scaleX(1);opacity:.64}
  82%,100%{transform:scaleX(0);opacity:0}
}
@keyframes blinkDot{
  0%,100%{opacity:.45;transform:scale(.92)}
  50%{opacity:1;transform:scale(1.18)}
}
@keyframes nodePulse{
  0%,100%{box-shadow:0 18px 40px rgba(0,0,0,.22)}
  50%{box-shadow:0 22px 52px rgba(0,0,0,.26),0 0 0 1px rgba(115,208,146,.08)}
}
@keyframes auraNodeFloatA{
  0%,100%{transform:translate3d(0,0,0)}
  18%{transform:translate3d(4px,-7px,0)}
  44%{transform:translate3d(-3px,5px,0)}
  69%{transform:translate3d(6px,-2px,0)}
  86%{transform:translate3d(-2px,3px,0)}
}
@keyframes auraNodeFloatB{
  0%,100%{transform:translate3d(0,0,0)}
  24%{transform:translate3d(-5px,-4px,0)}
  48%{transform:translate3d(3px,6px,0)}
  74%{transform:translate3d(-2px,-7px,0)}
  90%{transform:translate3d(4px,2px,0)}
}
@keyframes auraNodeFloatC{
  0%,100%{transform:translate3d(0,0,0)}
  22%{transform:translate3d(5px,3px,0)}
  46%{transform:translate3d(-4px,-6px,0)}
  72%{transform:translate3d(2px,7px,0)}
  88%{transform:translate3d(-3px,-1px,0)}
}
@keyframes auraNodeFloatD{
  0%,100%{transform:translate3d(0,0,0)}
  20%{transform:translate3d(-6px,2px,0)}
  42%{transform:translate3d(4px,-7px,0)}
  68%{transform:translate3d(-2px,6px,0)}
  84%{transform:translate3d(5px,-3px,0)}
}
@keyframes capsuleGlow{
  0%,100%{border-color:rgba(129,171,151,.14);box-shadow:none}
  50%{border-color:rgba(129,171,151,.24);box-shadow:0 0 24px rgba(113,200,143,.08)}
}
@keyframes logFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-2px)}
}
@keyframes timestampBlink{
  0%,100%{opacity:.52}
  50%{opacity:1}
}
@keyframes liveScanline{
  0%{transform:translateY(-2%)}
  100%{transform:translateY(2%)}
}
@keyframes liveGradientDrift{
  0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.34}
  50%{transform:translate3d(-3%,4%,0) scale(1.06);opacity:.56}
}
html.is-chrome-like body:before,
html.is-chrome-like body:after{
  filter:blur(18px);
  opacity:.24;
  animation:none;
}
html.is-chrome-like .section:before,
html.is-chrome-like .glow-card:after,
html.is-chrome-like .arch-card:after,
html.is-chrome-like .subtle-card:after,
html.is-chrome-like .aura-node:after{
  animation:none;
  opacity:.24;
}
html.is-chrome-like .signal-card,
html.is-chrome-like .aura-node,
html.is-chrome-like .surface-card,
html.is-chrome-like .arch-card,
html.is-chrome-like .aura-system-copy,
html.is-chrome-like .aura-system-map,
html.is-chrome-like .live-panel,
html.is-chrome-like .trust-statement,
html.is-chrome-like .final-cta-card{
  box-shadow:0 16px 48px rgba(0,0,0,.22);
}
html.is-chrome-like .aura-system-map:after,
html.is-chrome-like .aura-beam:before,
html.is-chrome-like .aura-beam:after,
html.is-chrome-like .agent-capsules span,
 html.is-chrome-like .live-status i,
 html.is-chrome-like .live-logs .log-row,
 html.is-chrome-like .live-logs .log-row span{
  animation:none;
}
html.is-chrome-like .aura-node{
  animation:nodePulse 16s ease-in-out infinite
}
html.is-chrome-like .aura-system-map:after{
  animation:auraGradientDrift 28s ease-in-out infinite;
  opacity:.72
}
html.is-chrome-like .aura-beam:before,
html.is-chrome-like .aura-beam:after{
  animation:dataSweep 24s linear infinite
}
html.is-chrome-like .node-perception{
  animation:nodePulse 16s ease-in-out infinite, auraNodeFloatA 10.2s ease-in-out infinite
}
html.is-chrome-like .node-reasoning{
  animation:nodePulse 16s ease-in-out infinite, auraNodeFloatB 12.6s ease-in-out infinite
}
html.is-chrome-like .node-execution{
  animation:nodePulse 16s ease-in-out infinite, auraNodeFloatC 11.1s ease-in-out infinite
}
html.is-chrome-like .node-learning{
  animation:nodePulse 16s ease-in-out infinite, auraNodeFloatD 13.4s ease-in-out infinite
}
html.is-chrome-like .flow-step:before{
  animation-duration:14s
}
html.is-chrome-like .flow-step:after{
  animation-duration:14s
}
html.is-chrome-like .flow-arrow:before{
  animation-duration:14s
}
html.is-chrome-like .reveal-up{
  transition:opacity .55s ease, transform .55s ease;
}
html.is-chrome-like .aura-system-map{
  background:linear-gradient(180deg,rgba(13,22,36,.96),rgba(10,17,27,.98));
}
html.is-chrome-like .core-bloom{
  animation:coreShellBreath 13s ease-in-out infinite
}
html.is-chrome-like .core-glow{
  animation:coreGlowBreath 14s ease-in-out infinite
}
html.is-chrome-like .liquid-layer-a{
  animation:orbMorphA 22s ease-in-out infinite alternate
}
html.is-chrome-like .liquid-layer-b{
  animation:orbMorphB 26s ease-in-out infinite alternate
}
html.is-chrome-like .liquid-layer-c{
  animation:orbMorphC 30s ease-in-out infinite alternate
}
html.is-chrome-like .liquid-caustic{
  animation:coreInnerFlow 24s ease-in-out infinite
}
html.is-chrome-like .liquid-specular{
  animation:specularDrift 18s ease-in-out infinite
}
html.is-chrome-like .liquid-refraction{
  animation:refractionDrift 21s ease-in-out infinite
}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  .reveal-up,.reveal-up.is-visible,.glow-card,.glow-card:hover,.aura-node,.aura-node:hover,.core-orb{
    transition:none;transform:none;opacity:1
  }
  body:before,body:after,.glow-card:after,.arch-card:after,.subtle-card:after,.aura-node:after,
  .aura-beam:before,.aura-beam:after,.aura-node,.agent-capsules span,.flow-step:before,.flow-step:after,.flow-arrow:before,
  .core-bloom,.core-bloom:after,.core-glow,.core-label,.liquid-layer,.liquid-caustic,.liquid-specular,.liquid-refraction,
  .operator-glyph i,
  .live-status i,.live-logs .log-row,.live-logs .log-row span,.aura-system-map:after{animation:none}
}

@media (max-width: 1180px){
  .hero-grid,.aura-layout,.feature-row,.feature-row.reverse,.infra-panel,.final-cta-card,.aura-system-panel,.live-panel{grid-template-columns:1fr}
  .hero-panel{order:-1}
  .feature-row.reverse .feature-copy,.feature-row.reverse .feature-visual{order:initial}
  .problem-grid,.architecture-grid,.agent-grid,.audience-grid,.risk-grid,.system-grid,.trust-grid,.built-for-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .aura-capabilities{grid-template-columns:1fr 1fr}
  .operator-row{grid-template-columns:34px minmax(0,.9fr) minmax(0,1.2fr)}
  .live-status{border-right:none;border-bottom:1px solid rgba(129,171,151,.12)}
  .footer-shell,.footer-bottom{flex-direction:column;align-items:flex-start}
  .footer-links-wrap,.footer-nav,.footer-socials{justify-items:start;justify-content:flex-start}
  .desktop-nav,.nav-actions{display:none}
  .nav-toggle,.mobile-nav{display:flex}
  .mobile-nav[hidden]{display:none}
  .system-grid:before{left:20%;right:20%}
  .glow-card:after,.arch-card:after,.subtle-card:after,.aura-node:after{animation:none}
}
@media (max-width: 1024px){
  .site-shell{padding:0 22px}
  .nav-shell{min-height:82px}
  .hero-grid{gap:28px;min-height:auto}
  .hero-orbit,.orbit-field{min-height:500px}
  .signal-card{min-width:142px;padding:13px 14px}
  .signal-card strong{font-size:15px}
  .final-cta-card{gap:20px;padding:30px 30px}
  .live-status,.live-logs{padding:24px}
  .live-logs{height:620px;min-height:620px;max-height:620px}
}
@media (max-width: 860px){
  .section{padding:72px 0}
  .section-grid{padding:44px 0 56px}
  .hero-section{padding:12px 0 42px}
  .site-shell{padding:0 18px}
  .brand-logo{height:38px}
  .footer-logo{height:40px}
  h1{font-size:clamp(40px,13vw,68px)}
  h2{font-size:clamp(28px,9vw,44px)}
  .hero-lead,.section-heading p,.vision-card p{font-size:18px}
  .section-heading{margin-bottom:30px}
  .problem-grid,.compare-grid,.risk-grid,.agent-grid,.audience-grid,.architecture-grid,.aura-capabilities,.built-for-grid{grid-template-columns:1fr}
  .operator-access{padding:20px;border-radius:24px}
  .operator-access-head{align-items:flex-start}
  .operator-row{grid-template-columns:28px 1fr;gap:14px;padding:18px}
  .operator-row h3,.operator-row p{grid-column:2}
  .final-cta-actions{min-width:0;width:100%}
  .final-cta-actions .button{min-width:0}
  .hero-orbit,.orbit-field{min-height:470px}
  .surface-card,.arch-card,.aura-system-copy,.aura-system-map,.live-panel,.final-cta-card,.trust-statement{border-radius:22px}
  .surface-card,.arch-card{padding:22px}
  .compact-problem-grid{gap:12px}
  .compact-problem-grid .surface-card{
    padding:18px 18px 16px;min-height:auto
  }
  .compact-problem-grid .surface-card:first-child{
    padding:22px 20px 20px
  }
  .compact-problem-grid .surface-card:nth-child(2){
    width:94%;margin-left:auto
  }
  .compact-problem-grid .surface-card:nth-child(3){
    width:90%
  }
  .aura-system-panel{grid-template-columns:1fr;gap:14px}
  .aura-system-copy{padding:22px 20px}
  .aura-system-title{margin-top:14px;font-size:36px}
  .aura-system-copy p{margin-top:14px;font-size:16px}
  .aura-system-map{
    min-height:auto;padding:18px;
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;
    background:
      radial-gradient(circle at 50% 42%,rgba(113,200,143,.12),transparent 30%),
      linear-gradient(180deg,rgba(13,22,36,.95),rgba(10,17,27,.98))
  }
  .aura-system-map:before{inset:14px;border-radius:18px}
  .aura-beam{
    display:block;left:50%;top:50%;width:120px;height:120px;
    background:radial-gradient(circle,rgba(116,211,147,.14),rgba(116,211,147,.04) 50%,transparent 76%);
    opacity:.52
  }
  .aura-beam:before{width:220px;height:1px;opacity:.6}
  .aura-beam:after{width:1px;height:180px;opacity:.55}
  .node-perception,.node-reasoning,.node-execution,.node-learning{
    position:relative;left:auto;right:auto;top:auto;bottom:auto;max-width:none;
    padding:14px 14px 13px;border-radius:18px
  }
  .aura-node{
    min-height:120px;box-shadow:0 14px 28px rgba(0,0,0,.16)
  }
  .aura-node h3{font-size:16px;line-height:1.12}
  .aura-node p{margin-top:6px;font-size:13px;line-height:1.45}
  .node-perception,.node-execution{
    margin-right:10%
  }
  .node-reasoning,.node-learning{
    margin-left:10%
  }
  .system-grid{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;position:relative;
    width:100%;max-width:100%;overflow:hidden
  }
  .system-grid::-webkit-scrollbar,.agent-capsules::-webkit-scrollbar,.decision-flow::-webkit-scrollbar,.live-status::-webkit-scrollbar{display:none}
  .system-grid,.agent-capsules,.decision-flow,.live-status{scrollbar-width:none}
  .system-grid:before{display:none}
  .system-grid .arch-card{
    width:100%;max-width:100%;box-sizing:border-box;
    min-height:112px;padding:16px 16px 15px;
    transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background .3s ease
  }
  .system-grid .arch-card:first-child{
    grid-column:1/-1;
    padding:20px 18px 18px;min-height:148px;
    border-color:rgba(129,171,151,.24);
    background:linear-gradient(180deg,rgba(16,27,35,.98),rgba(11,18,29,.98))
  }
  .system-grid .arch-card:not(:first-child){
    width:100%;margin-left:0;padding-left:16px;
    background:linear-gradient(180deg,rgba(12,20,31,.92),rgba(9,15,24,.96))
  }
  .system-grid .arch-card:last-child{grid-column:1/-1}
  .system-grid .arch-card h3{font-size:18px}
  .system-grid .arch-card p{font-size:14px;line-height:1.55}
  .agent-capsules{
    justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;
    overscroll-behavior-x:contain;overscroll-behavior-y:none;
    -webkit-overflow-scrolling:touch;touch-action:pan-x pinch-zoom;
    padding-bottom:4px;margin-top:16px
  }
  .agent-capsules span{
    flex:0 0 auto;white-space:nowrap
  }
  .trust-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));gap:10px
  }
  .trust-grid .surface-card{
    padding:16px 16px 14px;min-height:auto
  }
  .trust-grid .surface-card h3{font-size:16px;line-height:1.12}
  .trust-grid .surface-card p{font-size:13px;line-height:1.5}
  .decision-flow{
    flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;
    overscroll-behavior-x:contain;overscroll-behavior-y:none;
    -webkit-overflow-scrolling:touch;touch-action:pan-x pinch-zoom
  }
  .flow-step{
    flex:0 0 auto;min-width:max-content;padding:13px 16px
  }
  .flow-arrow{
    flex:0 0 20px
  }
  .live-status{
    display:flex;align-items:stretch;gap:10px;overflow-x:auto;overflow-y:hidden;padding:18px 18px 16px;
    overscroll-behavior-x:contain;overscroll-behavior-y:none;
    -webkit-overflow-scrolling:touch;touch-action:pan-x pinch-zoom;
    background:
      radial-gradient(circle at 14% 18%,rgba(113,200,143,.07),transparent 26%),
      linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.01))
  }
  .live-status span{
    flex:0 0 auto;min-width:220px;padding:12px 14px
  }
  .section:before{display:none}
  body:before,body:after,.aura-system-map:after{animation:none}
  .aura-node{animation:nodePulse 16s ease-in-out infinite}
  .card-live{left:20px}
  .card-xai{right:18px}
  .card-risk{left:24px}
  .card-agent{right:24px}
  .card-data{right:18px}
  .terminal-row,.log-row{grid-template-columns:1fr}
  .infra-sidebar{border-right:none;border-bottom:1px solid rgba(129,171,151,.12)}
  .reasoning-card blockquote{font-size:24px}
  .footer-logo{width:min(232px,100%)}
  .footer-shell{padding-bottom:22px}
  .footer-nav,.footer-socials{gap:10px}
  .footer-socials a{padding:9px 12px}
  .footer-bottom{padding-top:22px}
  .footer-bottom p{font-size:14px}
  .footer-disclaimer-button{width:100%}
  .risk-modal{padding:14px}
  .risk-modal-dialog{border-radius:22px;max-height:min(88vh,920px)}
  .risk-modal-head{padding:20px 18px 16px}
  .risk-modal-body{padding:20px 18px 22px}
}
@media (max-width: 680px){
  .site-shell{padding:0 16px}
  .nav-shell{min-height:70px}
  .site-header{border-bottom-color:rgba(129,171,151,.06)}
  .brand-logo{height:34px}
  .nav-toggle{
    padding:8px 12px;border-radius:13px;font-size:14px
  }
  .button{min-height:46px;padding:0 17px}
  .hero-actions{width:100%}
  .hero-actions .button{width:100%}
  .hero-actions .button.button-primary{
    min-height:44px;padding:0 16px;
    box-shadow:0 0 0 1px rgba(160,230,180,.1),0 8px 22px rgba(70,151,101,.16)
  }
  .hero-actions .button.button-primary:hover,
  .hero-actions .button.button-primary:focus-visible{
    box-shadow:0 0 0 1px rgba(160,230,180,.14),0 10px 24px rgba(70,151,101,.2)
  }
  .hero-pills span{padding:10px 13px;font-size:13px}
  .hero-section{padding:4px 0 28px}
  .hero-grid{gap:20px}
  .hero-orbit,.orbit-field{min-height:388px}
  .orbit-grid{inset:10% 2% 4%}
  .orbit-wave-1{width:142px;height:142px}
  .orbit-wave-2{width:220px;height:220px}
  .orbit-wave-3{width:312px;height:312px}
  .orbit-wave-4{width:396px;height:396px}
  .core-orb{width:194px;height:194px}
  .core-label{font-size:21px}
  .signal-card{min-width:112px;padding:9px 10px;border-radius:15px}
  .signal-card small{margin-bottom:5px;font-size:9px}
  .signal-card strong{font-size:12px}
  .card-live{top:86px;left:12px}
  .card-risk{left:18px;bottom:94px}
  .card-xai,.card-agent{
    opacity:.34;transform:scale(.92)
  }
  .card-xai{top:96px;right:14px}
  .card-agent{right:18px;bottom:80px}
  .card-data{
    right:12px;opacity:.2;transform:translateY(-50%) scale(.88)
  }
  .aura-system-copy p,.hero-lead{font-size:17px}
  .hero-lead{margin-top:18px;max-width:30ch;line-height:1.48}
  .hero-lead-desktop{display:none}
  .hero-lead-mobile{display:inline}
  .hero-copy .eyebrow{margin-bottom:14px}
  .hero-copy h1{max-width:10ch}
  .trust-statement{padding:24px 22px 26px}
  .section-heading{margin-bottom:24px}
  .section-heading h2{font-size:clamp(26px,8vw,38px)}
  .compact-problem-grid .surface-card:nth-child(2){width:96%}
  .compact-problem-grid .surface-card:nth-child(3){width:92%}
  .aura-system-panel{gap:12px}
  .aura-system-copy{
    padding:20px 18px
  }
  .aura-system-title{font-size:32px}
  .aura-system-map{
    grid-template-columns:1fr 1fr;gap:10px;padding:14px
  }
  .aura-node{
    min-height:104px;padding:12px 12px 11px
  }
  .aura-node h3{font-size:15px}
  .aura-node p{font-size:12px;line-height:1.4}
  .node-perception,.node-execution{margin-right:6%}
  .node-reasoning,.node-learning{margin-left:6%}
  .system-grid .arch-card{
    padding:15px 15px 14px
  }
  .system-grid .arch-card:first-child{
    min-height:136px
  }
  .system-grid .arch-card:not(:first-child){
    min-height:104px;width:100%;margin-left:0
  }
  .agent-capsules{
    gap:10px;margin-top:14px
  }
  .agent-capsules span{
    padding:10px 13px;font-size:13px
  }
  .trust-grid{
    gap:8px
  }
  .trust-grid .surface-card{
    padding:14px 14px 13px
  }
  .trust-grid .surface-card h3{font-size:15px}
  .trust-grid .surface-card p{font-size:12px}
  .final-cta-card{
    flex-direction:column;align-items:stretch;gap:18px;
    padding:26px 22px
  }
  .final-cta-card h2{max-width:none}
  .final-cta-card p{
    max-width:none;font-size:16px;line-height:1.58
  }
  .final-cta-actions{
    width:100%;min-width:0;gap:10px
  }
  .final-cta-actions .button{
    width:100%;min-width:0
  }
  .decision-flow{gap:8px}
  .flow-step{
    width:auto;justify-content:center;min-width:max-content;padding:12px 14px
  }
  .flow-arrow{display:block}
  .live-status{
    gap:8px;padding:14px 14px 12px
  }
  .live-status span{padding:11px 13px;min-width:188px}
  .live-status b{font-size:13px}
  .live-logs{height:540px;min-height:540px;max-height:540px}
  .log-row{gap:10px;padding:14px 0}
  .log-pill{min-height:36px;padding:0 14px;font-size:12px;justify-self:start}
  .log-row p{font-size:15px}
  .footer-nav a,.footer-socials a{font-size:13px}
}
@media (max-width: 520px){
  h1{font-size:clamp(36px,14vw,54px);line-height:.98}
  h2{font-size:clamp(26px,10vw,38px)}
  .hero-section{padding:0 0 26px}
  .eyebrow{padding:9px 12px;font-size:11px;letter-spacing:.13em}
  .hero-lead,.section-heading p,.vision-card p{font-size:16px}
  .hero-grid{gap:18px}
  .hero-orbit,.orbit-field{min-height:352px}
  .orbit-wave-1{width:124px;height:124px}
  .orbit-wave-2{width:190px;height:190px}
  .orbit-wave-3{width:266px;height:266px}
  .orbit-wave-4{width:344px;height:344px}
  .core-orb{width:170px;height:170px}
  .core-label{font-size:18px;letter-spacing:.08em}
  .signal-card{min-width:102px;padding:8px 10px}
  .signal-card strong{font-size:12px}
  .signal-card small{font-size:9px}
  .card-live{top:74px;left:10px}
  .card-risk{left:12px;bottom:78px}
  .card-xai{top:84px;right:10px}
  .card-agent{right:14px;bottom:66px}
  .card-data{display:none}
  .hero-lead{margin-top:16px;max-width:24ch;font-size:15px}
  .compact-problem-grid{gap:10px}
  .compact-problem-grid .surface-card:first-child{
    padding:18px 16px 17px
  }
  .compact-problem-grid .surface-card:nth-child(2){width:100%}
  .compact-problem-grid .surface-card:nth-child(3){width:94%}
  .aura-system-map{
    grid-template-columns:1fr 1fr;gap:8px;padding:12px
  }
  .aura-system-map:before{inset:10px}
  .aura-beam{
    width:100px;height:100px
  }
  .aura-beam:before{width:180px}
  .aura-beam:after{height:150px}
  .aura-node{
    min-height:96px;padding:11px 11px 10px;border-radius:16px
  }
  .aura-node h3{font-size:14px}
  .aura-node p{font-size:11px}
  .system-grid{
    grid-template-columns:1fr
  }
  .system-grid .arch-card{
    min-height:124px
  }
  .system-grid .arch-card:not(:first-child){
    min-height:124px;width:100%;margin-left:0
  }
  .system-grid .arch-card:last-child{grid-column:auto}
  .trust-grid{
    grid-template-columns:1fr 1fr
  }
  .trust-grid .surface-card{
    padding:13px 12px 12px
  }
  .flow-step{
    padding:11px 13px;font-size:13px
  }
  .flow-arrow{
    flex-basis:16px;width:16px
  }
  .live-status{
    padding:12px 12px 10px
  }
  .live-status span{
    min-width:172px;padding:10px 12px
  }
  .operator-row{padding:16px}
  .operator-row h3{font-size:18px}
  .operator-row p{font-size:14px}
  .final-cta-card{padding:22px 18px}
  .final-cta-card p{font-size:15px}
  .final-cta-actions{gap:10px}
  .live-logs{height:500px;min-height:500px;max-height:500px}
  .footer-shell{
    gap:24px;padding-top:28px;padding-bottom:18px
  }
  .footer-brand{
    max-width:none
  }
  .footer-logo{
    width:min(210px,100%)
  }
  .footer-shell p{
    margin-top:16px;max-width:none
  }
  .footer-links-wrap{
    gap:18px;width:100%;justify-items:stretch
  }
  .footer-nav{
    gap:14px
  }
  .footer-socials{width:100%}
  .footer-socials a{flex:1 1 calc(50% - 5px);min-width:0}
  .footer-bottom{
    gap:16px;padding-top:22px
  }
  .footer-bottom p{
    margin:0 0 4px
  }
  .footer-disclaimer-button{
    margin-top:6px
  }
  .risk-modal-close{flex:0 0 40px;width:40px;height:40px}
}
@media (max-width: 400px){
  .site-shell{padding:0 14px}
  .nav-toggle{padding:9px 12px}
  .hero-pills{gap:8px}
  .hero-pills span{padding:9px 11px;font-size:12px}
  .signal-card{min-width:104px}
  .card-live{left:2px}
  .card-xai{right:2px}
  .card-risk{left:8px}
  .card-agent{right:8px}
  .footer-nav{gap:12px}
  .footer-disclaimer-button{min-height:46px}
}