@font-face {
  font-family: "Manrope";
  src: url("assets/fonts/manrope-latin-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}

@font-face {
  font-family: "Oxanium";
  src: url("assets/fonts/oxanium-latin-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
}

:root {
  --color-canvas: #07060b;
  --color-hero: #07060b;
  --color-structure: #fff;
  --color-text: #f7f4ff;
  --color-text-muted: rgba(247, 244, 255, .7);
  --color-text-supporting: rgba(247, 244, 255, .8);
  --color-text-card: rgba(247, 244, 255, .61);
  --color-accent: #a67bff;
  --color-accent-number: rgba(166, 123, 255, .82);
  --energy-cycle: 9.6s;
  --energy-delay: 5.2s;
  --background-page: var(--color-canvas);
  --background-transition: var(--color-canvas);
  --surface-navigation: #000;
  --surface-nav-action: rgba(90, 45, 219, .18);
  --surface-nav-cta: linear-gradient(145deg, rgba(166, 123, 255, .22), rgba(90, 45, 219, .11) 58%, rgba(255, 255, 255, .035));
  --surface-button: rgba(8, 8, 20, .92);
  --surface-panel: var(--color-canvas);
  --surface-card: linear-gradient(180deg, rgba(255, 255, 255, .028), transparent 34%), var(--color-canvas);
  --surface-icon: rgba(166, 123, 255, .06);
  --border-navigation: 1px solid #fff;
  --border-nav-action: 1px solid rgba(166, 123, 255, .44);
  --border-nav-cta: 1px solid rgba(255, 255, 255, .68);
  --border-button: 1px solid rgba(166, 123, 255, .54);
  --border-panel: 1px solid rgba(255, 255, 255, .34);
  --border-card: 1px solid rgba(255, 255, 255, .16);
  --border-card-hover: rgba(166, 123, 255, .46);
  --border-icon: 1px solid rgba(255, 255, 255, .2);
  --shadow-navigation: 0 22px 60px rgba(0, 0, 0, .48);
  --shadow-nav-cta: 0 0 0 1px rgba(166, 123, 255, .18), 0 0 24px rgba(166, 123, 255, .12), inset 0 1px 0 rgba(255, 255, 255, .12);
  --shadow-heading: 0 20px 78px rgba(0, 0, 0, .8), 0 0 44px rgba(166, 123, 255, .14);
  --shadow-button: 0 14px 42px rgba(90, 45, 219, .28), inset 0 0 22px rgba(166, 123, 255, .05);
  --shadow-throat: 0 0 8px var(--color-structure), 0 0 24px rgba(166, 123, 255, .62);
  --shadow-panel-apex: 0 0 8px var(--color-structure), 0 0 18px rgba(166, 123, 255, .55);
  --shadow-panel: inset 0 0 0 1px rgba(247, 244, 255, .025), 0 -12px 46px rgba(90, 45, 219, .07), 0 40px 110px rgba(0, 0, 0, .55);
  --shadow-card: inset 0 -1px 0 rgba(166, 123, 255, .2);
  --shadow-card-hover: 0 22px 50px rgba(0, 0, 0, .4), 0 0 30px rgba(90, 45, 219, .12), inset 0 -2px 0 rgba(166, 123, 255, .48);
  --shadow-card-accent: 0 0 14px var(--color-accent);
  --shadow-icon: 0 0 22px rgba(166, 123, 255, .2);
  --hero-shade: linear-gradient(180deg, rgba(0, 0, 0, .1), transparent 24%, transparent 75%, rgba(0, 0, 0, .04)), radial-gradient(circle at 50% 48%, rgba(3, 3, 9, .05), rgba(3, 3, 9, .22) 70%, rgba(0, 0, 0, .42));
  --beam-aura: linear-gradient(180deg, rgba(255, 255, 255, .44), rgba(166, 123, 255, .17) 36%, rgba(90, 45, 219, .045) 78%, transparent);
  --beam-core: linear-gradient(180deg, var(--color-structure) 0 12%, rgba(247, 244, 255, .84) 42%, rgba(166, 123, 255, .28) 78%, transparent 100%);
  --beam-core-shadow: 0 0 8px var(--color-structure), 0 0 18px rgba(166, 123, 255, .58);
  --beam-wisp: linear-gradient(180deg, transparent, rgba(255, 255, 255, .92), transparent);
}

* { box-sizing: border-box; }
html {
  background: var(--color-canvas);
  color-scheme: dark;
  scroll-behavior: smooth;
  scroll-padding-top: 92px;
}
body {
  margin: 0;
  background: var(--background-page);
  color: var(--color-text);
  font-family: Manrope, system-ui, sans-serif;
  overflow-x: hidden;
  overflow-wrap: anywhere;
}

.path-icon-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.path-icon-svg { display: block; object-fit: contain; }

a { color: inherit; text-decoration: none; }
:focus-visible { outline: 2px solid var(--color-structure); outline-offset: 4px; }

.skip-link {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 100;
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 10px 14px;
  background: var(--color-text);
  color: var(--color-canvas);
  font-weight: 700;
  transform: translateY(-200%);
}

.skip-link:focus-visible { transform: translateY(0); }
.site-header { display: contents; }

.grain {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 40;
  opacity: .035;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

.hero {
  min-height: 100svh;
  position: relative;
  display: grid;
  place-items: center;
  overflow: hidden;
  isolation: isolate;
  background: var(--color-hero);
}

.nav {
  position: fixed;
  inset: 14px clamp(16px, 4vw, 72px) auto;
  z-index: 10;
  height: 66px;
  padding: 0 clamp(14px, 2vw, 24px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: var(--border-navigation);
  border-radius: 8px;
  background: var(--surface-navigation);
  box-shadow: var(--shadow-navigation);
}

.brand-link { display: flex; align-items: center; min-width: 44px; min-height: 44px; }
.nav img { width: clamp(174px, 17vw, 230px); height: auto; display: block; }
.nav-links {
  position: relative;
  display: flex;
  align-self: stretch;
  align-items: center;
  gap: clamp(2px, .65vw, 10px);
  color: var(--color-text-muted);
  font: 600 clamp(.7rem, .8vw, .82rem) Oxanium, Manrope, sans-serif;
}
.nav-links a {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  padding: 0 clamp(7px, .8vw, 12px);
  white-space: nowrap;
  transition: color .18s ease, opacity .18s ease;
}
.nav-links a:hover,
.nav-links a:focus-visible,
.nav-links a[aria-current="location"] { color: var(--color-text); }
.nav-limelight {
  position: absolute;
  top: -1px;
  left: -999px;
  z-index: 1;
  width: 44px;
  height: 3px;
  border-radius: 0 0 4px 4px;
  background: linear-gradient(90deg, rgba(166, 123, 255, .4), #fff, rgba(166, 123, 255, .4));
  box-shadow: 0 6px 16px rgba(255, 255, 255, .32), 0 18px 34px rgba(166, 123, 255, .22);
  pointer-events: none;
  transition: left .28s cubic-bezier(.22, 1, .36, 1), width .28s cubic-bezier(.22, 1, .36, 1);
}
.nav-limelight i {
  position: absolute;
  left: -45%;
  top: 3px;
  width: 190%;
  height: 48px;
  clip-path: polygon(24% 0, 76% 0, 100% 100%, 0 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, .11), rgba(166, 123, 255, .035) 58%, transparent);
}
.nav-actions { display: flex; align-items: center; gap: 8px; }
.nav-cta {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 44px;
  min-height: 44px;
  padding: 11px 16px;
  overflow: hidden;
  border: var(--border-nav-cta);
  border-radius: 8px;
  color: var(--color-text);
  font-weight: 700;
  font-size: .8rem;
  background: var(--surface-nav-cta);
  box-shadow: var(--shadow-nav-cta);
  transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.nav-cta::before { content: ""; position: absolute; inset: -1px; background: linear-gradient(110deg, transparent 22%, rgba(255, 255, 255, .22) 45%, transparent 68%); transform: translateX(-115%); transition: transform .5s cubic-bezier(.22, 1, .36, 1); }
.nav-cta:hover { border-color: #fff; background-color: rgba(166, 123, 255, .2); box-shadow: 0 0 0 1px rgba(166, 123, 255, .28), 0 0 30px rgba(166, 123, 255, .22), inset 0 1px 0 rgba(255, 255, 255, .18); transform: translateY(-1px); }
.nav-cta:hover::before { transform: translateX(115%); }
.nav-cta > * { position: relative; z-index: 1; }
.nav-cta svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.nav-cta i { color: var(--color-accent); font-style: normal; }
.nav-cta-secondary {
  padding-inline: 14px;
  border: var(--border-nav-action);
  background: var(--surface-nav-action);
  box-shadow: none;
  color: var(--color-text-supporting);
}

.mobile-nav { display: none; position: relative; }
.mobile-nav summary {
  display: flex;
  align-items: center;
  min-width: 44px;
  min-height: 44px;
  padding: 0 14px;
  border: var(--border-nav-action);
  border-radius: 8px;
  background: var(--surface-nav-action);
  font-weight: 700;
  cursor: pointer;
  list-style: none;
}
.mobile-nav summary::-webkit-details-marker { display: none; }
.mobile-nav-links {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  width: min(260px, calc(100vw - 32px));
  padding: 8px;
  border: var(--border-navigation);
  border-radius: 8px;
  background: var(--surface-navigation);
  box-shadow: var(--shadow-navigation);
}
.mobile-nav-links a { display: flex; align-items: center; min-width: 44px; min-height: 44px; padding: 8px 12px; border-radius: 8px; }
.mobile-nav-links a:hover { background: var(--surface-nav-action); }

#hero-paths {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: visible;
}

.base-path {
  fill: none;
  stroke: url(#base-gradient);
  stroke-width: .2;
  stroke-linecap: round;
  path-length: 100;
  filter: url(#line-glow);
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
}

.hero-pulse {
  fill: none;
  stroke-linecap: round;
  pointer-events: none;
}

.hero-pulse-halo { stroke-width: 1.35; opacity: .7; filter: url(#pulse-glow); }
.hero-pulse-core { stroke-width: .58; filter: drop-shadow(0 0 2px rgba(255, 255, 255, .95)); }
.hero-convergence-point { fill: #fff; filter: url(#pulse-glow); }

.motion-replay .base-path {
  animation: draw-line 4.8s cubic-bezier(.22,1,.36,1) forwards;
  animation-delay: calc(var(--path-index) * 34ms);
}

.motion-paused .hero-path-group path,
.motion-paused .wisp,
.motion-paused .hero-junction::before,
.motion-paused .hero-throat::after,
.motion-paused .beam-aura,
.motion-paused .beam-core,
.motion-paused .beam-energy-pulse,
.motion-paused .method-frame-route,
.motion-paused .method-collision,
.motion-paused .method-receiver span::after,
.motion-paused .method-receiver i,
.motion-paused .method-receiver i::before { animation-play-state: paused; }

@keyframes draw-line {
  to { stroke-dashoffset: 0; }
}

.hero-shade {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: var(--hero-shade);
}

.hero-copy {
  z-index: 2;
  width: min(880px, calc(100% - 36px));
  text-align: center;
  padding-top: 74px;
}

h1, h2, h3 { font-family: Oxanium, Manrope, sans-serif; }
h1 {
  margin: 0 auto 20px;
  max-width: 18ch;
  font-size: clamp(3rem, 6.2vw, 5.15rem);
  line-height: 1.04;
  letter-spacing: .005em;
  text-shadow: var(--shadow-heading);
}

.hero-copy p {
  max-width: 660px;
  margin: 0 auto 30px;
  font-family: Oxanium, Manrope, sans-serif;
  font-size: clamp(1rem, 1.45vw, 1.28rem);
  font-weight: 600;
  line-height: 1.5;
  color: var(--color-text-supporting);
}

.button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 24px;
  border: var(--border-button);
  border-radius: 8px;
  background: var(--surface-button);
  box-shadow: var(--shadow-button);
  color: var(--color-text);
  font-weight: 700;
}

.button-arrow {
  display: inline-block;
  width: 1.05em;
  height: 1.05em;
  flex: 0 0 1.05em;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 17 17 7M7 7h10v10' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 17 17 7M7 7h10v10' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.button-arrow-right { transform: rotate(45deg); }

.button-secondary { background: transparent; box-shadow: none; }

.hero-junction {
  position: relative;
  height: 0;
  z-index: 5;
  overflow: visible;
  pointer-events: none;
}

.hero-junction::before {
  content: "";
  position: absolute;
  z-index: 4;
  left: 50%;
  top: -14px;
  width: 28px;
  height: 28px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: radial-gradient(circle, #fff 0 4%, rgba(221, 211, 255, .82) 10%, rgba(166, 123, 255, .24) 30%, transparent 68%);
  filter: blur(.45px);
  box-shadow: 0 0 12px rgba(255, 255, 255, .34), 0 0 28px rgba(166, 123, 255, .26);
  animation: junction-react var(--energy-cycle) ease-in-out var(--energy-delay) infinite both;
}

.hero-junction::after {
  content: "";
  position: absolute;
  z-index: 3;
  left: 50%;
  top: -20px;
  width: 28px;
  height: 40px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: rgba(166, 123, 255, .22);
  filter: blur(13px);
}

.hero-throat {
  position: absolute;
  left: 50%;
  top: -9px;
  width: 3px;
  height: 62px;
  z-index: 5;
  transform: translateX(-50%);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(255, 255, 255, .88) 26%, var(--color-accent) 62%, transparent 100%);
  box-shadow: var(--shadow-throat);
  -webkit-mask-image: linear-gradient(transparent, #000 12%, #000 76%, transparent);
  mask-image: linear-gradient(transparent, #000 12%, #000 76%, transparent);
}

.hero-throat::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -8px;
  width: 11px;
  height: 34px;
  border-radius: 999px;
  background: linear-gradient(180deg, transparent, rgba(185, 189, 201, .76) 18%, #d2bdff 54%, #fff 78%, transparent);
  filter: blur(.45px) drop-shadow(0 0 6px #fff) drop-shadow(0 0 13px rgba(166, 123, 255, .78));
  opacity: 0;
  transform: translate3d(-50%, -20px, 0) scaleY(.72);
  animation: throat-packet var(--energy-cycle) linear var(--energy-delay) infinite both;
}

.transition {
  --beam-pulse-travel: calc(clamp(180px, 18vw, 260px) - 40px);
  position: relative;
  height: clamp(180px, 18vw, 260px);
  z-index: 1;
  overflow: hidden;
  background: var(--background-transition);
}

.beam-aura,
.beam-core,
.beam-energy-pulse,
.beam-wisps {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
}

.beam-aura {
  top: -34px;
  width: clamp(70px, 10vw, 150px);
  height: calc(100% + 34px);
  opacity: .24;
  clip-path: polygon(49.5% 0, 50.5% 0, 68% 100%, 32% 100%);
  background: var(--beam-aura);
  filter: blur(10px);
  animation: beam-aura-react var(--energy-cycle) ease-in-out var(--energy-delay) infinite both;
}

.beam-core {
  top: -22px;
  width: 4px;
  height: calc(100% + 34px);
  background: var(--beam-core);
  box-shadow: var(--beam-core-shadow);
  z-index: 4;
  border-radius: 999px;
  animation: beam-core-react var(--energy-cycle) ease-in-out var(--energy-delay) infinite both;
}

.beam-energy-pulse {
  top: -34px;
  z-index: 6;
  width: 12px;
  height: 84px;
  border-radius: 999px;
  opacity: 0;
  background: linear-gradient(180deg, transparent, rgba(185, 189, 201, .64) 14%, #d2bdff 42%, #fff 66%, rgba(255, 255, 255, .4) 82%, transparent);
  filter: blur(.35px) drop-shadow(0 0 8px #fff) drop-shadow(0 0 18px rgba(166, 123, 255, .82));
  transform: translate3d(-50%, -70px, 0) scaleY(.7);
  animation: beam-packet-run var(--energy-cycle) linear var(--energy-delay) infinite both;
}

.beam-wisps {
  top: -24px;
  width: 42px;
  height: calc(100% + 24px);
  overflow: hidden;
}

@keyframes junction-react {
  0%, 29%, 40%, 100% { opacity: 1; transform: translateX(-50%) scale(1); }
  34% { opacity: 1; transform: translateX(-50%) scale(1.34); }
  37% { opacity: .72; transform: translateX(-50%) scale(1.08); }
}

@keyframes throat-packet {
  0%, 30% { opacity: 0; transform: translate3d(-50%, -20px, 0) scaleY(.72); }
  32% { opacity: .9; }
  39% { opacity: 1; transform: translate3d(-50%, 34px, 0) scaleY(1.12); }
  42%, 100% { opacity: 0; transform: translate3d(-50%, 48px, 0) scaleY(.78); }
}

@keyframes beam-aura-react {
  0%, 31%, 54%, 100% { opacity: .24; transform: translateX(-50%) scaleX(1); }
  38% { opacity: .34; transform: translateX(-50%) scaleX(1.08); }
  46% { opacity: .48; transform: translateX(-50%) scaleX(1.2); }
  51% { opacity: .3; transform: translateX(-50%) scaleX(1.05); }
}

@keyframes beam-core-react {
  0%, 31%, 54%, 100% { opacity: 1; transform: translateX(-50%) scaleX(1); }
  38% { opacity: 1; transform: translateX(-50%) scaleX(1.7); }
  46% { opacity: 1; transform: translateX(-50%) scaleX(2.45); }
  51% { opacity: 1; transform: translateX(-50%) scaleX(1.35); }
}

@keyframes beam-packet-run {
  0%, 31% { opacity: 0; transform: translate3d(-50%, -70px, 0) scaleY(.7); }
  33% { opacity: .92; }
  49% { opacity: 1; transform: translate3d(-50%, var(--beam-pulse-travel), 0) scaleY(1.08); }
  53%, 100% { opacity: 0; transform: translate3d(-50%, calc(var(--beam-pulse-travel) + 24px), 0) scaleY(.76); }
}

.wisp {
  position: absolute;
  left: calc(50% + var(--x));
  top: -18%;
  width: var(--w);
  height: var(--h);
  border-radius: 999px;
  background: var(--beam-wisp);
  filter: blur(.8px);
  opacity: 0;
  animation: wisp-fall var(--speed) linear infinite var(--delay);
}

@keyframes wisp-fall {
  0% { transform: translateY(-20px); opacity: 0; }
  12% { opacity: .9; }
  75% { opacity: .48; }
  100% { transform: translateY(620px); opacity: 0; }
}

.paths-wrap {
  position: relative;
  z-index: 2;
  isolation: isolate;
  width: min(1260px, calc(100% - 40px));
  margin: -70px auto 88px;
  padding: clamp(104px, 9vw, 128px) clamp(22px, 5vw, 72px) clamp(36px, 5vw, 68px);
  border: var(--border-panel);
  border-radius: 8px;
  background: var(--surface-panel);
  box-shadow: var(--shadow-panel);
}

.paths-wrap::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -10px;
  width: 52px;
  height: 20px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: radial-gradient(ellipse, color-mix(in srgb, var(--color-structure) 28%, transparent), color-mix(in srgb, var(--color-accent) 12%, transparent) 34%, transparent 74%);
  box-shadow: var(--shadow-panel-apex);
  filter: blur(6px);
}

.eyebrow {
  display: block;
  margin-bottom: 16px;
  font-family: Oxanium, Manrope, sans-serif;
  font-size: clamp(.84rem, .9vw, .96rem);
  font-weight: 600;
  letter-spacing: .28em;
  text-align: center;
  color: var(--color-accent);
}

.border-beam {
  --beam-size: 230px;
  --beam-duration: 8s;
  --beam-delay: 0s;
  --beam-anchor: 90%;
  --beam-border-width: 1.5px;
  position: absolute;
  inset: 0;
  z-index: 3;
  overflow: hidden;
  pointer-events: none;
  padding: var(--beam-border-width);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
}

.border-beam::after {
  content: "";
  position: absolute;
  width: var(--beam-size);
  aspect-ratio: 1;
  opacity: 0;
  background: linear-gradient(to left, #fff, #d2bdff 42%, rgba(185, 189, 201, .58) 72%, transparent);
  filter: drop-shadow(0 0 3px rgba(255, 255, 255, .92)) drop-shadow(0 0 8px rgba(166, 123, 255, .72));
  offset-anchor: var(--beam-anchor) 50%;
  offset-path: rect(0 auto auto 0 round var(--beam-size));
}

.final-cta.motion-active .border-beam::after {
  opacity: 1;
  animation: border-beam-run var(--beam-duration) linear infinite var(--beam-delay);
}

@keyframes border-beam-run { to { offset-distance: 100%; } }

.method-frame-pulse {
  position: absolute;
  inset: -1px;
  z-index: 4;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  overflow: visible;
  pointer-events: none;
}
.method-frame-route {
  fill: none;
  stroke-linecap: round;
  opacity: 0;
}
.method-frame-route-halo {
  stroke: rgba(166, 123, 255, .72);
  stroke-width: 8;
  filter: blur(2.4px) drop-shadow(0 0 9px rgba(166, 123, 255, .8));
}
.method-frame-route-core {
  stroke: #fff;
  stroke-width: 1.8;
  filter: drop-shadow(0 0 3px #fff) drop-shadow(0 0 8px rgba(210, 189, 255, .9));
}
.method-collision {
  position: absolute;
  left: 50%;
  bottom: -8px;
  z-index: 6;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  background: radial-gradient(circle, #fff 0 12%, #d2bdff 24%, rgba(166, 123, 255, .46) 46%, transparent 72%);
  filter: drop-shadow(0 0 7px #fff) drop-shadow(0 0 15px rgba(166, 123, 255, .86));
  transform: translateX(-50%) scale(.4);
  animation: method-collision-flash var(--energy-cycle) ease-out var(--energy-delay) infinite both;
}
.method-receiver { position: absolute; inset: -28px 0 auto; z-index: 6; height: 52px; overflow: visible; pointer-events: none; }
.method-receiver span { position: absolute; left: 50%; top: -22px; width: 3px; height: 43px; transform: translateX(-50%); border-radius: 999px; background: linear-gradient(180deg, transparent, #fff 16%, rgba(255, 255, 255, .9) 55%, var(--color-accent) 82%, transparent); box-shadow: 0 0 7px #fff, 0 0 20px rgba(166, 123, 255, .56); }
.method-receiver span::after { content: ""; position: absolute; left: 50%; top: 0; width: 11px; height: 24px; border-radius: 999px; opacity: 0; background: linear-gradient(180deg, transparent, #d2bdff 34%, #fff 68%, transparent); filter: blur(.35px) drop-shadow(0 0 6px #fff) drop-shadow(0 0 12px rgba(166, 123, 255, .82)); transform: translate3d(-50%, -18px, 0); animation: receiver-packet var(--energy-cycle) linear var(--energy-delay) infinite both; }
.method-receiver i { position: absolute; left: 50%; top: 19px; width: 18px; height: 18px; transform: translateX(-50%) rotate(45deg); border: 1px solid rgba(255, 255, 255, .92); background: var(--color-canvas); box-shadow: 0 0 10px #fff, 0 0 26px rgba(166, 123, 255, .66); animation: receiver-react var(--energy-cycle) ease-out var(--energy-delay) infinite both; }
.method-receiver i::before { content: ""; position: absolute; inset: -8px; border-radius: 50%; opacity: 0; background: radial-gradient(circle, rgba(255, 255, 255, .9), rgba(166, 123, 255, .35) 38%, transparent 72%); filter: blur(4px); animation: receiver-flash var(--energy-cycle) ease-out var(--energy-delay) infinite both; }

@keyframes receiver-packet {
  0%, 46% { opacity: 0; transform: translate3d(-50%, -18px, 0); }
  48% { opacity: 1; }
  53% { opacity: 1; transform: translate3d(-50%, 25px, 0); }
  55%, 100% { opacity: 0; transform: translate3d(-50%, 31px, 0); }
}
@keyframes receiver-react {
  0%, 49%, 57%, 100% { transform: translateX(-50%) rotate(45deg) scale(1); }
  53% { transform: translateX(-50%) rotate(45deg) scale(1.3); }
}
@keyframes receiver-flash {
  0%, 49%, 57%, 100% { opacity: 0; transform: scale(.55); }
  53% { opacity: 1; transform: scale(1.42); }
}
@keyframes method-collision-flash {
  0%, 86%, 94%, 100% { opacity: 0; transform: translateX(-50%) scale(.4); }
  89% { opacity: 1; transform: translateX(-50%) scale(1.5); }
  92% { opacity: .35; transform: translateX(-50%) scale(2.3); }
}

.paths-head { position: relative; z-index: 2; max-width: 1185px; margin: 0 auto 58px; text-align: center; }
.paths-head h2 { margin: 0 0 14px; font-size: clamp(2.2rem, 4vw, 4rem); line-height: 1.05; }
.accent-word { color: var(--color-accent); text-shadow: 0 0 24px rgba(166, 123, 255, .24); }
.paths-head p { max-width: 820px; margin: 0 auto; color: var(--color-text-muted); font-size: 1.2rem; line-height: 1.7; }

.path-modules {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  padding-left: 0;
}

.path-module {
  position: relative;
  min-height: 144px;
  padding: 22px 28px;
  display: grid;
  grid-template-columns: 90px minmax(0, 1fr) auto;
  gap: clamp(20px, 3vw, 42px);
  align-items: center;
  border: var(--border-card);
  border-radius: 8px;
  background: var(--surface-card);
  box-shadow: var(--shadow-card);
  overflow: hidden;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.path-module:hover {
  transform: translateX(4px);
  border-color: var(--border-card-hover);
  box-shadow: var(--shadow-card-hover);
}

.path-module::after {
  content: "";
  position: absolute;
  inset: auto 18% 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--color-accent), transparent);
  box-shadow: var(--shadow-card-accent);
}

.path-module::before { content: ""; position: absolute; right: 100%; top: 50%; width: 37px; height: 1px; background: linear-gradient(90deg, var(--color-accent), rgba(255, 255, 255, .72)); box-shadow: 0 0 9px rgba(166, 123, 255, .5); }

.module-identity { display: grid; grid-template-columns: 58px 1fr; align-items: center; gap: 12px; }
.path-icon {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border: var(--border-icon);
  border-radius: 8px;
  background: var(--surface-icon);
  box-shadow: var(--shadow-icon);
  color: var(--color-structure);
}
.path-icon .path-icon-svg { width: 46px; height: 46px; }
.num { font-family: Oxanium, sans-serif; color: var(--color-accent-number); font-size: .8rem; letter-spacing: .14em; }
.module-copy { min-width: 0; }
.path-module h3 { margin: 0 0 9px; font-size: clamp(1.25rem, 2vw, 1.65rem); line-height: 1.2; }
.module-benefit { max-width: 720px; margin: 0; color: var(--color-text-muted); font-size: .95rem; line-height: 1.65; }
.module-capabilities { margin: 0 0 12px; padding: 0; list-style: none; }
.module-capabilities li {
  position: relative;
  padding: 6px 0 6px 17px;
  border-top: var(--border-card);
  color: var(--color-text-supporting);
  font-size: .78rem;
  line-height: 1.35;
}
.module-capabilities li::before {
  content: "";
  position: absolute;
  left: 1px;
  top: 11px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--color-accent);
  box-shadow: var(--shadow-card-accent);
}
.module-output { margin-top: auto; padding: 11px 0 9px; border-top: var(--border-card); }
.module-output span { font: 600 .68rem Oxanium, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: var(--color-accent-number); }
.module-output p { margin: 5px 0 0; color: var(--color-text-card); font-size: .78rem; line-height: 1.42; }
.module-link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: max-content;
  min-height: 44px;
  padding: 0 0 0 18px;
  border-top: 0;
  border-left: var(--border-card);
  color: var(--color-text);
  font: 600 .76rem Oxanium, sans-serif;
  text-decoration: none;
}
.module-link:hover { color: var(--color-accent); }
.module-link:focus-visible { outline: 2px solid var(--color-structure); outline-offset: 5px; }

.section {
  position: relative;
  padding: clamp(72px, 8vw, 116px) 20px;
}

.section-inner {
  width: min(1160px, 100%);
  margin: 0 auto;
}

.section .eyebrow { text-align: center; }
.section-heading {
  margin: 0 auto;
  max-width: 24ch;
  font-size: clamp(2.15rem, 4vw, 4rem);
  line-height: 1.08;
  text-align: center;
}

.section-intro { max-width: 1170px; margin: 0 auto clamp(38px, 5vw, 60px); text-align: center; }
.section-intro p {
  max-width: 820px;
  margin: 18px auto 0;
  color: var(--color-text-muted);
  font-size: 1.2rem;
  line-height: 1.7;
}

.who-section { padding-top: clamp(42px, 5vw, 64px); }
.who-editorial {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 24px;
  justify-items: center;
  text-align: center;
}
.who-copy { max-width: 900px; padding-top: 0; }
.who-copy p { margin: 0; color: var(--color-text-muted); font-size: 1.1rem; line-height: 1.8; }
.who-copy p + p { margin-top: 20px; }
.team-pair {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 148px minmax(0, 1fr);
  gap: 18px;
  align-items: stretch;
  margin-top: clamp(36px, 5vw, 54px);
}
.team-profile {
  min-width: 0;
  padding: clamp(24px, 3vw, 34px);
  border: 1px solid transparent;
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .035), transparent 38%) padding-box,
    var(--color-canvas) padding-box,
    linear-gradient(120deg, rgba(255, 255, 255, .12), rgba(166, 123, 255, .68), rgba(255, 255, 255, .08)) border-box;
  box-shadow: inset 0 -1px 0 rgba(166, 123, 255, .16);
}
.team-profile-heading { display: flex; align-items: center; gap: 18px; margin-bottom: 24px; }
.team-profile-icon {
  width: 66px;
  height: 66px;
  flex: 0 0 66px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(166, 123, 255, .48);
  border-radius: 8px;
  background: radial-gradient(circle at 50% 20%, rgba(166, 123, 255, .22), transparent 66%);
  box-shadow: 0 0 28px rgba(166, 123, 255, .12);
}
.team-profile-icon .path-icon-svg { width: 48px; height: 48px; }
.team-profile-heading span,
.team-bridge span { color: var(--color-accent-number); font: 600 .65rem Oxanium, Manrope, sans-serif; text-transform: uppercase; }
.team-profile h3 { margin: 4px 0 0; font-size: clamp(1.35rem, 2vw, 1.7rem); }
.team-profile p { margin: 0; color: var(--color-text-muted); font-size: .86rem; line-height: 1.72; }
.team-profile p + p { margin-top: 14px; }
.team-bridge { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; text-align: center; }
.team-bridge i { width: 1px; min-height: 112px; flex: 1; background: linear-gradient(transparent, var(--color-accent), #fff, var(--color-accent), transparent); box-shadow: 0 0 12px rgba(166, 123, 255, .5); }

.team-principles {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: clamp(36px, 5vw, 54px);
  border-top: var(--border-card);
  border-left: var(--border-card);
}
.team-principles article {
  min-height: 220px;
  padding: clamp(24px, 3vw, 34px);
  border-right: var(--border-card);
  border-bottom: var(--border-card);
  background: linear-gradient(145deg, rgba(166, 123, 255, .055), transparent 52%);
}
.team-principles span { color: var(--color-accent-number); font: 600 .68rem Oxanium, Manrope, sans-serif; letter-spacing: .14em; }
.team-principles h3 { margin: 32px 0 12px; font-size: clamp(1.2rem, 2vw, 1.55rem); }
.team-principles p { margin: 0; color: var(--color-text-muted); font-size: .86rem; line-height: 1.72; }

.proof-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: clamp(58px, 8vw, 96px) 0 0;
  padding: 0;
}
.proof-metric {
  position: relative;
  min-height: 218px;
  padding: 26px;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .065), transparent 42%) padding-box,
    var(--color-canvas) padding-box,
    linear-gradient(120deg, rgba(255, 255, 255, .72), rgba(166, 123, 255, .62), rgba(255, 255, 255, .26)) border-box;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .08), 0 0 24px rgba(255, 255, 255, .09), 0 0 48px rgba(166, 123, 255, .07), inset 0 1px 0 rgba(255, 255, 255, .08), 0 18px 50px rgba(0, 0, 0, .22);
}
.proof-metric::after { content: ""; position: absolute; right: -32px; bottom: -46px; width: 130px; height: 130px; border: 1px solid rgba(166, 123, 255, .14); border-radius: 50%; box-shadow: 0 0 46px rgba(166, 123, 255, .12); }
.proof-icon { width: 40px; height: 40px; object-fit: contain; margin-bottom: 26px; filter: drop-shadow(0 0 12px rgba(166, 123, 255, .5)); }
.proof-symbol { display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, .48); border-radius: 8px; background: radial-gradient(circle, rgba(166, 123, 255, .24), rgba(166, 123, 255, .06) 62%, transparent); box-shadow: 0 0 10px rgba(255, 255, 255, .3), 0 0 22px rgba(166, 123, 255, .34); filter: none; }
.proof-symbol svg { width: 22px; height: 22px; fill: none; stroke: #fff; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 5px rgba(255, 255, 255, .55)); }
.proof-metric dt {
  font: 600 .69rem Oxanium, Manrope, sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--color-accent-number);
}
.proof-metric dd {
  margin: 11px 0 0;
  color: var(--color-text);
}
.proof-metric dd strong { position: relative; z-index: 1; display: block; font: 700 clamp(2.75rem, 5vw, 4.35rem)/1 Oxanium, Manrope, sans-serif; font-variant-numeric: tabular-nums; }
.proof-metric dd span { position: relative; z-index: 1; display: block; margin-top: 9px; color: var(--color-text-card); font-size: .8rem; line-height: 1.5; }

.section-lamp {
  position: relative;
  height: clamp(170px, 16vw, 210px);
  overflow: hidden;
  background: var(--color-canvas);
  isolation: isolate;
  contain: paint;
  --lamp-progress: 1;
  --lamp-color: #a67bff;
  --lamp-open-width: 30rem;
  --lamp-closed-width: 15rem;
  --lamp-soft-open-width: 16rem;
}
.section-lamp::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: 9; height: 46%; background: linear-gradient(to bottom, transparent, var(--color-canvas) 92%); pointer-events: none; }
.lamp-stage { position: absolute; inset: 0; overflow: hidden; isolation: isolate; }
.lamp-cones { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.lamp-cone { position: absolute; top: 0; width: var(--lamp-open-width); height: 14rem; overflow: visible; opacity: calc(.5 + (var(--lamp-progress) * .5)); mix-blend-mode: screen; will-change: transform, opacity; }
.lamp-cone-left { right: 50%; background: conic-gradient(from 70deg at 50% 0%, rgba(166, 123, 255, .6) 0%, transparent 50%, transparent 100%); }
.lamp-cone-right { left: 50%; background: conic-gradient(from 290deg at 50% 0%, transparent 0%, transparent 50%, rgba(166, 123, 255, .6) 100%); }
.lamp-cone-left { transform: scaleX(calc(.5 + (var(--lamp-progress) * .5))); transform-origin: right top; }
.lamp-cone-right { transform: scaleX(calc(.5 + (var(--lamp-progress) * .5))); transform-origin: left top; }
.lamp-mask { position: absolute; z-index: 20; display: block; background: var(--color-canvas); }
.lamp-mask-bottom { right: 0; bottom: 0; left: 0; height: 10rem; -webkit-mask-image: linear-gradient(to top, #fff, transparent); mask-image: linear-gradient(to top, #fff, transparent); }
.lamp-mask-side { bottom: 0; width: 10rem; height: 100%; }
.lamp-cone-left .lamp-mask-side { left: 0; -webkit-mask-image: linear-gradient(to right, #fff, transparent); mask-image: linear-gradient(to right, #fff, transparent); }
.lamp-cone-right .lamp-mask-side { right: 0; -webkit-mask-image: linear-gradient(to left, #fff, transparent); mask-image: linear-gradient(to left, #fff, transparent); }
.lamp-backdrop { position: absolute; top: 0; left: 0; z-index: 6; width: 100%; height: 12rem; opacity: .1; background: transparent; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); pointer-events: none; }
.lamp-main-glow { position: absolute; top: 0; left: 50%; z-index: 5; width: 28rem; height: 9rem; border-radius: 50%; opacity: calc(.4 + (var(--lamp-progress) * .4)); transform: translate(-50%, 30%) scaleX(calc(.65 + (var(--lamp-progress) * .35))); background: rgba(166, 123, 255, .6); filter: blur(64px); pointer-events: none; will-change: transform, opacity; }
.lamp-soft-glow { position: absolute; top: 0; left: 50%; z-index: 4; width: var(--lamp-soft-open-width); height: 9rem; border-radius: 50%; transform: translate(-50%, -20%) scaleX(calc(.5 + (var(--lamp-progress) * .5))); background: rgba(166, 123, 255, .6); filter: blur(40px); pointer-events: none; will-change: transform; }
.lamp-core { position: absolute; top: 1px; left: 50%; z-index: 7; width: var(--lamp-open-width); height: 2px; transform: translate(-50%, 10%) scaleX(calc(.5 + (var(--lamp-progress) * .5))); background: rgba(166, 123, 255, .72); box-shadow: 0 0 8px rgba(255, 255, 255, .72), 0 0 24px rgba(166, 123, 255, .72); -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); will-change: transform; }

.section-bridge { position: relative; height: clamp(64px, 7vw, 96px); overflow: hidden; background: var(--color-canvas); }
.section-bridge span { position: absolute; top: calc(50% - 2px); width: calc(50% - 34px); height: 5px; overflow: hidden; }
.section-bridge span::before { content: ""; position: absolute; left: 0; right: 0; top: 2px; height: 1px; }
.section-bridge span::after { content: ""; position: absolute; left: 0; top: 0; width: clamp(140px, 16vw, 220px); height: 5px; opacity: 0; border-radius: 999px; background: linear-gradient(90deg, transparent, rgba(187, 190, 201, .52) 20%, rgba(213, 196, 255, .9) 62%, #fff 82%, transparent); box-shadow: 0 0 8px rgba(255, 255, 255, .7), 0 0 16px rgba(166, 123, 255, .58); }
.section-bridge span:first-child { left: 0; }
.section-bridge span:first-child::before { background: linear-gradient(90deg, transparent, rgba(166, 123, 255, .42), rgba(255, 255, 255, .34)); }
.section-bridge span:last-child { right: 0; }
.section-bridge span:last-child::before { background: linear-gradient(90deg, rgba(255, 255, 255, .34), rgba(166, 123, 255, .42), transparent); }
.section-bridge i { position: absolute; z-index: 3; left: 50%; top: 50%; width: 14px; height: 14px; transform: translate(-50%, -50%) rotate(45deg); border: 1px solid rgba(255, 255, 255, .5); background: var(--color-canvas); box-shadow: 0 0 14px rgba(166, 123, 255, .42); }
.section-bridge.motion-active span:first-child::after { animation: bridge-packet-in 6s ease-in-out infinite; }
.section-bridge.motion-active span:last-child::after { animation: bridge-packet-out 6s ease-in-out infinite; }
.section-bridge.motion-active i { animation: bridge-node-handoff 6s ease-in-out infinite; }
.bridge-network span::before { background: repeating-linear-gradient(90deg, transparent 0 12px, rgba(166, 123, 255, .5) 12px 14px, transparent 14px 26px); }
.bridge-aperture::before { content: ""; position: absolute; left: 50%; top: 50%; width: min(240px, 30vw); height: 44px; transform: translate(-50%, -50%); border-radius: 50%; background: rgba(166, 123, 255, .12); filter: blur(18px); }
@keyframes bridge-packet-in { 0%, 7% { transform: translateX(-110%); opacity: 0; } 12% { opacity: 1; } 43% { transform: translateX(calc(50vw - 34px)); opacity: 1; } 49%, 100% { transform: translateX(calc(50vw - 34px)); opacity: 0; } }
@keyframes bridge-packet-out { 0%, 45% { transform: translateX(-110%); opacity: 0; } 50% { opacity: 1; } 84% { transform: translateX(calc(50vw - 34px)); opacity: 1; } 92%, 100% { transform: translateX(calc(50vw - 34px)); opacity: 0; } }
@keyframes bridge-node-handoff { 0%, 40%, 56%, 100% { box-shadow: 0 0 14px rgba(166, 123, 255, .42); } 48% { border-color: #fff; box-shadow: 0 0 10px #fff, 0 0 28px rgba(166, 123, 255, .82); } }

.order-section {
  background: var(--surface-panel);
}

@media (min-width: 1024px) {
  .who-section { padding-bottom: 48px; }
  .order-section { padding-top: 28px; }
}
.order-journey {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(184px, auto));
  gap: clamp(64px, 8vw, 104px) clamp(34px, 5vw, 72px);
}
.order-route {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}
.order-route-base,
.order-route-signal { fill: none; stroke-linecap: round; stroke-linejoin: round; }
.order-route-base { stroke: rgba(255, 255, 255, .28); stroke-width: .28; filter: drop-shadow(0 0 4px rgba(166, 123, 255, .26)); }
.order-route-signal {
  stroke: #fff;
  stroke-width: .62;
  stroke-dasharray: 8 92;
  stroke-dashoffset: 100;
  filter: drop-shadow(0 0 6px rgba(166, 123, 255, .9));
}
.order-journey.motion-active .order-route-signal { animation: order-route-flow 6s linear infinite; }
@keyframes order-route-flow { to { stroke-dashoffset: 0; } }
.order-node {
  --order-index: 0;
  position: relative;
  z-index: 1;
  min-width: 0;
  padding: 18px 20px 17px;
  border: var(--border-card);
  border-radius: 8px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .035), transparent 46%), var(--color-canvas);
  box-shadow: var(--shadow-card);
}
.order-journey.motion-active .order-node { animation: order-node-pulse 6s linear infinite calc((var(--order-index) * 1s) - 6s); }
.order-node-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 13px; }
.order-node-top span { color: var(--color-accent-number); font: 600 .68rem Oxanium, sans-serif; letter-spacing: .14em; }
.order-node-top .path-icon-svg { width: 46px; height: 46px; }
.order-node h3 { margin: 0; font-size: 1.08rem; }
.order-node p { margin: 8px 0 0; color: var(--color-text-card); font-size: .8rem; line-height: 1.5; }
.order-node small { display: block; margin-top: 12px; color: var(--color-text-supporting); font-size: .68rem; font-weight: 700; }
.order-brand { grid-column: 1; grid-row: 1; }
.order-website { grid-column: 2; grid-row: 1; }
.order-tracking { grid-column: 3; grid-row: 1; }
.order-retention { grid-column: 3; grid-row: 2; }
.order-systems { grid-column: 2; grid-row: 2; }
.order-advertising { grid-column: 1; grid-row: 2; }
@keyframes order-node-pulse {
  0%, 15% { border-color: rgba(166, 123, 255, .72); box-shadow: 0 0 0 1px rgba(166, 123, 255, .12), 0 0 28px rgba(166, 123, 255, .13); }
  25%, 100% { border-color: rgba(255, 255, 255, .16); box-shadow: var(--shadow-card); }
}
.order-outcome { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: clamp(20px, 3vw, 42px); align-items: center; margin-top: clamp(40px, 5vw, 58px); padding: 22px clamp(18px, 3vw, 32px); border-top: 1px solid rgba(255, 255, 255, .26); border-bottom: 1px solid rgba(166, 123, 255, .34); background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .028), transparent); box-shadow: 0 -8px 30px rgba(255, 255, 255, .025), 0 8px 32px rgba(166, 123, 255, .035); }
.order-outcome > strong { color: #fff; font: 700 clamp(2.5rem, 5vw, 4rem)/1 Oxanium, Manrope, sans-serif; text-shadow: 0 0 18px rgba(255, 255, 255, .2); }
.order-outcome div span { display: block; color: var(--color-text); font: 600 clamp(.92rem, 1.4vw, 1.08rem) Oxanium, Manrope, sans-serif; }
.order-outcome div p { margin: 6px 0 0; color: var(--color-text-muted); font-size: .84rem; line-height: 1.55; }
.order-outcome small { max-width: 22ch; color: var(--color-accent-number); font-size: .72rem; font-weight: 700; line-height: 1.5; text-align: right; }

.system-section { overflow: hidden; }
.system-intelligence {
  position: relative;
  padding: clamp(30px, 4vw, 48px);
  border: var(--border-panel);
  border-radius: 8px;
  background: radial-gradient(circle at 50% 42%, rgba(166, 123, 255, .08), transparent 32%), var(--color-canvas);
  box-shadow: var(--shadow-panel);
}
.intelligence-network {
  position: relative;
  display: grid;
  grid-template-columns: minmax(175px, 220px) minmax(250px, 1fr) minmax(175px, 220px);
  grid-template-rows: repeat(3, minmax(82px, auto));
  gap: 24px clamp(64px, 8vw, 110px);
  align-items: center;
  min-height: 340px;
}
.intelligence-beams { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.intelligence-line,
.intelligence-signal { fill: none; stroke-linecap: round; }
.intelligence-line { stroke: rgba(255, 255, 255, .24); stroke-width: .22; }
.intelligence-signal {
  --beam-delay: 0s;
  stroke: rgba(220, 207, 255, .95);
  stroke-width: .58;
  stroke-dasharray: 9 91;
  stroke-dashoffset: 100;
  filter: drop-shadow(0 0 5px rgba(166, 123, 255, .9));
}
.system-intelligence.motion-active .intelligence-signal { animation: intelligence-flow 4.8s cubic-bezier(.45, 0, .55, 1) infinite var(--beam-delay); }
@keyframes intelligence-flow { to { stroke-dashoffset: 0; } }
.intelligence-node {
  position: relative;
  z-index: 1;
  min-width: 0;
  min-height: 82px;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  grid-template-rows: auto auto;
  gap: 3px 13px;
  align-content: center;
  padding: 14px 16px;
  border: var(--border-card);
  border-radius: 8px;
  background: var(--color-canvas);
  box-shadow: var(--shadow-card);
}
.intelligence-node .path-icon-svg { grid-row: 1 / 3; width: 48px; height: 48px; }
.intelligence-node span { align-self: end; font: 600 .84rem Oxanium, sans-serif; }
.intelligence-node small { color: var(--color-text-card); font-size: .66rem; }
.intelligence-brand, .intelligence-website, .intelligence-tracking { grid-column: 1; }
.intelligence-retention, .intelligence-systems, .intelligence-advertising { grid-column: 3; }
.intelligence-brand, .intelligence-retention { grid-row: 1; }
.intelligence-website, .intelligence-systems { grid-row: 2; }
.intelligence-tracking, .intelligence-advertising { grid-row: 3; }
.intelligence-core {
  position: relative;
  z-index: 2;
  grid-column: 2;
  grid-row: 1 / 4;
  align-self: center;
  min-height: 210px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 30px;
  text-align: center;
  border: 1px solid rgba(166, 123, 255, .64);
  border-radius: 8px;
  background: radial-gradient(circle at 50% 36%, rgba(166, 123, 255, .18), transparent 62%), #07060b;
  box-shadow: 0 0 42px rgba(166, 123, 255, .12), inset 0 0 36px rgba(166, 123, 255, .045);
}
.intelligence-core::before {
  content: "";
  width: 12px;
  height: 12px;
  margin-bottom: 18px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 12px #fff, 0 0 30px var(--color-accent);
}
.intelligence-core span { color: var(--color-accent); font: 600 .68rem Oxanium, sans-serif; letter-spacing: .15em; text-transform: uppercase; }
.intelligence-core strong { max-width: 13ch; margin-top: 10px; font: 700 clamp(1.2rem, 2vw, 1.68rem)/1.25 Oxanium, sans-serif; }
.intelligence-core p { max-width: 30ch; margin: 12px 0 0; color: var(--color-text-card); font-size: .78rem; line-height: 1.55; }
.intelligence-outcomes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 42px; border-top: var(--border-card); }
.intelligence-outcomes div { min-width: 0; padding: 22px clamp(16px, 3vw, 30px) 4px; }
.intelligence-outcomes div + div { border-left: var(--border-card); }
.intelligence-outcomes span { display: block; color: var(--color-accent-number); font: 600 .66rem Oxanium, sans-serif; }
.intelligence-outcomes strong { display: block; margin-top: 8px; font: 600 .92rem Oxanium, sans-serif; }
.intelligence-outcomes small { display: block; margin-top: 7px; color: var(--color-text-card); font-size: .72rem; line-height: 1.5; }

.contact-rail {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: clamp(24px, 4vw, 54px);
  align-items: center;
  margin-top: clamp(36px, 5vw, 58px);
  padding: clamp(22px, 3vw, 32px);
  border: var(--border-panel);
  border-radius: 8px;
  background: linear-gradient(115deg, rgba(166, 123, 255, .085), transparent 44%), rgba(255, 255, 255, .018);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 20px 54px rgba(0, 0, 0, .26);
}
.contact-rail > div:first-child { min-width: 0; }
.contact-rail > div:first-child span { display: block; color: var(--color-accent-number); font: 600 .66rem Oxanium, Manrope, sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.contact-rail > div:first-child strong { display: block; max-width: 44ch; margin-top: 8px; color: var(--color-text-supporting); font: 600 clamp(1rem, 1.7vw, 1.28rem)/1.45 Oxanium, Manrope, sans-serif; }
.contact-rail-actions { display: flex; align-items: stretch; gap: 10px; }
.contact-shortcut {
  min-width: 220px;
  display: grid;
  align-content: center;
  gap: 3px;
  padding: 10px 14px;
  border: var(--border-card);
  border-radius: 7px;
  background: rgba(7, 6, 11, .72);
}
.contact-shortcut span { color: var(--color-text-card); font-size: .62rem; font-weight: 700; text-transform: uppercase; }
.contact-shortcut strong { color: var(--color-text-supporting); font-size: .78rem; }
.contact-shortcut:hover { border-color: rgba(166, 123, 255, .5); box-shadow: 0 0 22px rgba(166, 123, 255, .1); }

.services-section {
  background: var(--surface-panel);
}
.services-layout {
  display: grid;
  grid-template-columns: minmax(240px, 270px) minmax(0, 1fr);
  gap: clamp(48px, 7vw, 96px);
  align-items: start;
}
.service-index {
  position: sticky;
  top: 104px;
  display: flex;
  flex-direction: column;
  padding-left: 22px;
}
.service-index::before {
  content: "";
  position: absolute;
  left: 11px;
  top: 42px;
  bottom: 18px;
  width: 1px;
  background: linear-gradient(var(--color-accent), var(--color-structure), var(--color-accent));
  opacity: .36;
}
.service-index-label {
  margin-bottom: 22px;
  color: var(--color-accent-number);
  font: 600 .78rem Oxanium, Manrope, sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.service-index a {
  position: relative;
  min-height: 68px;
  display: flex;
  align-items: center;
  gap: 14px;
  color: var(--color-text-supporting);
  font: 600 .9rem Oxanium, Manrope, sans-serif;
  text-decoration: none;
}
.service-index a::before {
  content: "";
  position: absolute;
  left: -15px;
  width: 7px;
  height: 7px;
  border: var(--border-panel);
  border-radius: 50%;
  background: var(--color-canvas);
}
.service-index a:hover,
.service-index a.is-active,
.service-index a[aria-current="location"] { color: #fff; }
.service-index a.is-active::before,
.service-index a[aria-current="location"]::before {
  border-color: #fff;
  background: var(--color-accent);
  box-shadow: 0 0 0 4px rgba(166, 123, 255, .13), 0 0 14px rgba(166, 123, 255, .7);
}
.service-index a.is-active .path-icon-svg,
.service-index a[aria-current="location"] .path-icon-svg { filter: drop-shadow(0 0 11px rgba(166, 123, 255, .65)); }
.service-index a:focus-visible { outline: 2px solid var(--color-structure); outline-offset: 5px; }
.service-index .path-icon-svg { width: 38px; height: 38px; }
.service-index small { display: block; margin-bottom: 3px; color: var(--color-accent-number); font-size: .66rem; }
.service-groups { min-width: 0; border-bottom: var(--border-card); }
.service-group {
  scroll-margin-top: 104px;
  padding: clamp(34px, 5vw, 58px) clamp(16px, 3vw, 34px);
  border-top: var(--border-card);
  border-left: 2px solid transparent;
  outline: 0;
  transition: border-color .24s ease, background-color .24s ease, box-shadow .24s ease;
}
.service-group:target,
.service-group.is-current {
  border-top: var(--border-panel);
  border-left: 2px solid var(--color-accent);
  background: linear-gradient(100deg, rgba(166, 123, 255, .08), rgba(166, 123, 255, .02) 48%, transparent 82%);
  box-shadow: inset 18px 0 42px rgba(166, 123, 255, .025);
}
.service-group:focus-visible {
  border-top: var(--border-panel);
  border-left: 2px solid var(--color-accent);
  outline: 2px solid var(--color-structure);
  outline-offset: 4px;
}
.service-group-heading {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 22px;
  align-items: start;
  margin-bottom: 34px;
}
.service-heading-icon {
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  border: var(--border-icon);
  border-radius: 8px;
  background: var(--surface-icon);
  box-shadow: var(--shadow-icon);
}
.service-heading-icon .path-icon-svg { width: 46px; height: 46px; }
.service-group-heading span {
  color: var(--color-accent-number);
  font: 600 .68rem Oxanium, Manrope, sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.service-group h3 { margin: 7px 0 10px; font-size: clamp(1.35rem, 2.6vw, 2rem); line-height: 1.2; }
.service-group-heading p { max-width: 610px; margin: 0; color: var(--color-text-muted); line-height: 1.7; }
.service-accordion { border-top: var(--border-panel); }
.service-capability { border-bottom: var(--border-card); }
.service-capability summary {
  min-height: 74px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto 34px;
  gap: 15px;
  align-items: center;
  padding: 12px 10px;
  color: var(--color-text-supporting);
  cursor: pointer;
  list-style: none;
  transition: background-color .2s ease, color .2s ease;
}
.service-capability summary::-webkit-details-marker { display: none; }
.service-capability summary:hover { color: #fff; background: linear-gradient(90deg, rgba(166, 123, 255, .07), transparent 72%); }
.service-capability summary:focus-visible { outline: 2px solid var(--color-structure); outline-offset: -3px; }
.service-capability summary > span { width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid rgba(166, 123, 255, .32); border-radius: 8px; color: var(--color-accent-number); font: 600 .62rem Oxanium, Manrope, sans-serif; background: rgba(166, 123, 255, .045); }
.service-capability summary > strong { font: 600 clamp(.94rem, 1.6vw, 1.08rem) Oxanium, Manrope, sans-serif; }
.service-capability summary > small { color: var(--color-text-card); font-size: .68rem; white-space: nowrap; }
.service-capability summary > i { position: relative; width: 30px; height: 30px; border: var(--border-card); border-radius: 50%; }
.service-capability summary > i::before,
.service-capability summary > i::after { content: ""; position: absolute; left: 50%; top: 50%; width: 10px; height: 1px; background: var(--color-accent); transform: translate(-50%, -50%); transition: transform .2s ease; }
.service-capability summary > i::after { transform: translate(-50%, -50%) rotate(90deg); }
.service-capability[open] { background: linear-gradient(105deg, rgba(166, 123, 255, .065), rgba(166, 123, 255, .012) 58%, transparent); }
.service-capability[open] summary { color: #fff; }
.service-capability[open] summary > span { border-color: rgba(255, 255, 255, .54); box-shadow: 0 0 16px rgba(166, 123, 255, .16); }
.service-capability[open] summary > i::after { transform: translate(-50%, -50%) rotate(0); }
.service-capability ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 24px; margin: 0; padding: 2px 16px 22px 63px; list-style: none; animation: service-accordion-enter .25s ease both; }
.service-capability li { position: relative; min-width: 0; padding-left: 22px; color: var(--color-text-muted); font-size: .79rem; line-height: 1.55; }
.service-capability li::before { content: ""; position: absolute; left: 2px; top: .34em; width: 8px; height: 5px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(-45deg); filter: drop-shadow(0 0 5px rgba(166, 123, 255, .8)); }
@keyframes service-accordion-enter { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } }

.portal-section {
  background: var(--color-canvas);
}
.portal-demo-badge { width: max-content; max-width: 100%; min-height: 42px; display: flex; align-items: center; gap: 10px; margin: -20px auto 26px; padding: 9px 14px; border: 1px solid rgba(255, 255, 255, .28); border-radius: 8px; background: rgba(166, 123, 255, .075); color: var(--color-text-supporting); box-shadow: 0 0 24px rgba(166, 123, 255, .08); }
.portal-demo-badge i { width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; background: #fff; box-shadow: 0 0 8px #fff, 0 0 18px var(--color-accent); }
.portal-demo-badge strong { color: #fff; font: 700 .76rem Oxanium, Manrope, sans-serif; }
.portal-demo-badge span { color: var(--color-text-card); font-size: .7rem; }
.portal-shell {
  display: grid;
  grid-template-columns: minmax(170px, 210px) minmax(360px, 1fr) minmax(210px, 260px);
  overflow: hidden;
  border: var(--border-panel);
  border-radius: 8px;
  background: var(--surface-panel);
  box-shadow: var(--shadow-panel);
}
.portal-stage,
.portal-performance { padding: clamp(24px, 3vw, 36px); }
.portal-stage {
  border-right: var(--border-card);
  background: var(--surface-card);
}
.portal-kicker {
  display: block;
  color: var(--color-accent-number);
  font: 600 .66rem Oxanium, Manrope, sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.portal-path-icon {
  width: 54px;
  height: 54px;
  margin: 34px 0 24px;
  object-fit: contain;
  filter: drop-shadow(0 0 14px var(--color-accent));
}
.portal-step { display: block; color: var(--color-text-card); font: 600 .7rem Oxanium, Manrope, sans-serif; }
.portal-stage h3 { margin: 8px 0 14px; font-size: 1.28rem; line-height: 1.25; }
.portal-stage p { margin: 0 0 5px; color: var(--color-text-muted); font-size: .8rem; }
.portal-stage > strong { display: block; color: var(--color-text-supporting); font-size: .82rem; line-height: 1.45; }
.portal-status {
  width: max-content;
  margin-top: 30px;
  padding: 6px 8px;
  display: flex;
  align-items: center;
  gap: 7px;
  border: var(--border-card);
  border-radius: 4px;
  color: var(--color-text-supporting);
  font-size: .7rem;
  font-weight: 700;
}
.portal-status i,
.portal-signal small i {
  width: 6px;
  height: 6px;
  display: inline-block;
  border-radius: 50%;
  background: var(--color-accent);
  box-shadow: var(--shadow-card-accent);
}
.portal-work { min-width: 0; }
.portal-group { padding: 28px clamp(22px, 3vw, 34px); }
.portal-group + .portal-group { border-top: var(--border-card); }
.portal-group-heading {
  min-width: 0;
  margin-bottom: 18px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.portal-group-heading strong { display: block; margin-top: 7px; font: 600 .88rem Oxanium, Manrope, sans-serif; }
.portal-count { color: var(--color-text-card); font: 600 .72rem Oxanium, Manrope, sans-serif; }
.portal-row {
  min-width: 0;
  min-height: 54px;
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr) auto;
  gap: 13px;
  align-items: center;
  border-top: var(--border-card);
}
.portal-row-mark {
  width: 8px;
  height: 8px;
  border: var(--border-card);
  border-radius: 50%;
}
.portal-row-mark-review { border-color: var(--color-accent); box-shadow: var(--shadow-card-accent); }
.portal-row strong { display: block; font-size: .8rem; line-height: 1.35; }
.portal-row small { display: block; margin-top: 3px; color: var(--color-text-card); font-size: .7rem; line-height: 1.35; }
.portal-row-state { color: var(--color-text-muted); font-size: .68rem; font-weight: 700; }
.portal-file-row { grid-template-columns: 34px minmax(0, 1fr) auto; }
.portal-file-type {
  color: var(--color-accent-number);
  font: 700 .56rem Oxanium, Manrope, sans-serif;
}
.portal-actions { padding-bottom: 30px; }
.portal-action {
  width: 100%;
  min-height: 46px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 0;
  border-top: var(--border-card);
  border-radius: 0;
  background: transparent;
  color: var(--color-text);
  font: 700 .78rem Manrope, sans-serif;
  text-align: left;
}
.portal-action span:last-child { color: var(--color-accent); font-size: 1rem; }
.portal-performance {
  border-left: var(--border-card);
  background: var(--surface-card);
}
.portal-signal { padding: 28px 0; border-bottom: var(--border-card); }
.portal-signal > strong { display: block; font: 700 2.25rem/1 Oxanium, Manrope, sans-serif; }
.portal-signal > span { display: block; margin-top: 8px; color: var(--color-text-supporting); font-size: .78rem; font-weight: 700; }
.portal-signal small { display: flex; align-items: center; gap: 7px; margin-top: 12px; color: var(--color-text-card); font-size: .68rem; }
.portal-sync { padding-top: 24px; }
.portal-sync span { display: block; color: var(--color-text-card); font-size: .68rem; }
.portal-sync strong { display: block; margin-top: 5px; font-size: .75rem; }

.cases-section { background: var(--surface-panel); }
.cases-ledger {
  display: grid;
  grid-template-columns: minmax(170px, 220px) minmax(0, 1fr);
  gap: clamp(40px, 7vw, 92px);
  align-items: start;
}
.case-ledger-index { position: sticky; top: 112px; padding-top: 18px; border-top: 2px solid var(--color-structure); }
.case-ledger-index > span,
.case-study-heading > span,
.case-field dt,
.period-proof p span {
  color: var(--color-accent-number);
  font: 600 .67rem Oxanium, Manrope, sans-serif;
  text-transform: uppercase;
}
.case-ledger-index > strong { display: block; margin-top: 18px; font: 700 clamp(3rem, 6vw, 5.2rem)/.9 Oxanium, Manrope, sans-serif; }
.case-ledger-index > p { margin: 18px 0 26px; color: var(--color-text-muted); font-size: .8rem; line-height: 1.65; }
.case-ledger-index dl { margin: 0; }
.case-ledger-index dl div { display: flex; justify-content: space-between; gap: 12px; padding: 12px 0; border-top: var(--border-card); font-size: .67rem; }
.case-ledger-index dt { color: var(--color-text-card); }
.case-ledger-index dd { margin: 0; color: var(--color-text-supporting); font-weight: 700; text-align: right; }
.case-study-list { min-width: 0; border-bottom: var(--border-card); }
.case-study {
  display: grid;
  grid-template-columns: minmax(170px, .58fr) minmax(0, 1.42fr);
  gap: clamp(28px, 5vw, 64px);
  padding: clamp(34px, 5vw, 58px) 0;
  border-top: var(--border-card);
}
.case-study-heading h3 { margin: 10px 0 0; font-size: clamp(1.35rem, 2.5vw, 2rem); line-height: 1.2; }
.case-story { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; border-top: var(--border-card); border-left: var(--border-card); }
.case-field { min-width: 0; padding: 20px clamp(16px, 2.5vw, 26px) 22px; border-right: var(--border-card); border-bottom: var(--border-card); }
.case-field dd { margin: 10px 0 0; color: var(--color-text-muted); font-size: .78rem; line-height: 1.68; }
.case-paths dd { display: flex; flex-wrap: wrap; gap: 7px; }
.case-paths dd span { padding: 5px 8px; border: var(--border-card); border-radius: 4px; color: var(--color-text-supporting); font-size: .64rem; font-weight: 700; }
.period-proof { margin-top: 20px; padding: 16px; border: var(--border-card); border-radius: 8px; background: var(--surface-card); box-shadow: var(--shadow-card); }
.period-proof p { margin: 0; }
.period-proof p span { display: block; }
.period-proof p strong { display: block; margin-top: 6px; color: var(--color-text); font: 600 .86rem Oxanium, Manrope, sans-serif; }
.period-proof ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 15px 0 0; padding: 0; border-top: var(--border-card); list-style: none; }
.period-proof li { min-width: 0; padding: 14px 8px 0 0; }
.period-proof li + li { padding-left: 10px; border-left: var(--border-card); }
.period-proof li strong { display: block; color: var(--color-text); font: 700 1rem Oxanium, Manrope, sans-serif; }
.period-proof li span { display: block; margin-top: 4px; color: var(--color-text-card); font-size: .62rem; }

.portal-command {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(340px, .92fr);
  overflow: hidden;
  border: var(--border-panel);
  border-radius: 8px;
  background: var(--surface-panel);
  box-shadow: var(--shadow-panel);
}
.portal-roadmap,
.portal-focus { min-width: 0; padding: clamp(28px, 4vw, 46px); }
.portal-roadmap { border-right: var(--border-card); }
.portal-command-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding-bottom: 26px; border-bottom: var(--border-card); }
.portal-command-heading span,
.portal-focus-step,
.portal-focus-status > span { color: var(--color-accent-number); font: 600 .65rem Oxanium, Manrope, sans-serif; letter-spacing: .14em; text-transform: uppercase; }
.portal-command-heading h3 { margin: 7px 0 0; font-size: clamp(1.2rem, 2vw, 1.55rem); }
.portal-command-heading > strong { color: var(--color-text-card); font: 600 .82rem Oxanium, Manrope, sans-serif; }
.portal-path-list { position: relative; margin: 25px 0 0; padding: 0; list-style: none; }
.portal-path-list::before { content: ""; position: absolute; left: 25px; top: 26px; bottom: 26px; width: 1px; background: linear-gradient(var(--color-accent), rgba(255, 255, 255, .22), rgba(166, 123, 255, .2)); }
.portal-path-list li {
  position: relative;
  z-index: 1;
  min-height: 67px;
  list-style: none;
}
.portal-path-list button {
  width: 100%;
  min-height: 67px;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) 34px;
  gap: 16px;
  align-items: center;
  padding: 7px 10px 7px 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--color-text-card);
  font: inherit;
  text-align: left;
}
.portal-path-list button:disabled { cursor: not-allowed; opacity: .58; }
.portal-path-list button:not(:disabled) { cursor: pointer; }
.portal-path-list button:focus-visible { outline: 2px solid var(--color-structure); outline-offset: 3px; }
.portal-path-list li + li { margin-top: 5px; }
.portal-path-list .path-icon-svg { width: 52px; height: 52px; padding: 6px; border: var(--border-card); border-radius: 8px; background: var(--color-canvas); }
.portal-path-list span strong,
.portal-path-list span small { display: block; }
.portal-path-list span strong { color: var(--color-text-supporting); font: 600 .8rem Oxanium, Manrope, sans-serif; }
.portal-path-list span small { margin-top: 4px; color: var(--color-text-card); font-size: .68rem; }
.portal-path-list i { width: 30px; height: 30px; display: grid; place-items: center; border: var(--border-card); border-radius: 50%; color: var(--color-text-card); font: normal 700 .61rem Oxanium, Manrope, sans-serif; }
.portal-path-list .is-complete i { color: #fff; border-color: rgba(166, 123, 255, .44); background: rgba(166, 123, 255, .14); }
.portal-path-list .is-current { margin-left: -14px; padding-left: 14px; }
.portal-path-list .is-current button { border: 1px solid rgba(166, 123, 255, .36); background: linear-gradient(90deg, rgba(166, 123, 255, .13), rgba(166, 123, 255, .03)); box-shadow: 0 0 28px rgba(166, 123, 255, .08); }
.portal-path-list .is-current .path-icon-svg { border-color: rgba(166, 123, 255, .64); box-shadow: 0 0 18px rgba(166, 123, 255, .2); }
.portal-path-list .is-current span strong { color: #fff; }
.portal-path-list .is-current i { border-color: #fff; color: #fff; box-shadow: 0 0 14px rgba(166, 123, 255, .48); }
.portal-focus { display: flex; flex-direction: column; justify-content: flex-start; background: linear-gradient(145deg, rgba(166, 123, 255, .055), transparent 48%); }
.portal-focus-status { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-bottom: 22px; border-bottom: var(--border-card); }
.portal-focus-status strong { display: flex; align-items: center; gap: 8px; color: var(--color-text-supporting); font-size: .7rem; }
.portal-focus-status i { width: 7px; height: 7px; display: inline-block; border-radius: 50%; background: var(--color-accent); box-shadow: 0 0 13px rgba(166, 123, 255, .85); }
.portal-focus-step { margin-top: clamp(28px, 4vw, 48px); }
.portal-focus h3 { max-width: 14ch; margin: 10px 0 16px; font-size: clamp(1.8rem, 3vw, 2.75rem); line-height: 1.08; }
.portal-focus > p { max-width: 560px; margin: 0; color: var(--color-text-muted); font-size: .92rem; line-height: 1.7; }
.portal-deliverable-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin-top: 30px; padding-bottom: 12px; border-bottom: var(--border-card); }
.portal-deliverable-heading > div { display: grid; gap: 5px; }
.portal-deliverable-heading span { color: var(--color-accent-number); font: 600 .66rem Oxanium, Manrope, sans-serif; letter-spacing: .14em; text-transform: uppercase; }
.portal-deliverable-heading small { color: var(--color-text-card); font-size: .68rem; }
.portal-approve-all { min-width: 96px; min-height: 36px; padding: 7px 11px; border: 1px solid rgba(166, 123, 255, .44); border-radius: 6px; background: rgba(166, 123, 255, .09); color: #fff; font: 700 .68rem Manrope, sans-serif; cursor: pointer; transition: background-color .2s ease, border-color .2s ease; }
.portal-approve-all:hover:not(:disabled) { border-color: rgba(255, 255, 255, .72); background: rgba(166, 123, 255, .17); }
.portal-approve-all:disabled { opacity: .48; cursor: default; }
.portal-deliverables { display: grid; }
.portal-deliverable { border-bottom: var(--border-card); }
.portal-deliverable-row { min-height: 64px; display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; gap: 13px; align-items: center; }
.portal-deliverable-row input { width: 20px; height: 20px; margin: 0; accent-color: var(--color-accent); cursor: pointer; }
.portal-deliverable-row label { color: var(--color-text-supporting); font-size: .8rem; font-weight: 700; cursor: pointer; }
.portal-deliverable.is-approved label { color: #fff; }
.portal-review { min-width: 68px; min-height: 44px; padding: 0 10px; border: 0; background: transparent; color: var(--color-accent); font: 700 .7rem Manrope, sans-serif; cursor: pointer; }
.portal-review:hover { color: #fff; }
.portal-review-copy { display: none; margin: -2px 0 16px 41px; color: var(--color-text-card); font-size: .74rem; line-height: 1.6; }
.portal-deliverable.is-reviewing .portal-review-copy { display: block; }
.portal-complete { width: 100%; min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 26px; padding: 0 18px; border: 1px solid rgba(166, 123, 255, .56); border-radius: 8px; background: rgba(166, 123, 255, .1); color: #fff; font: 700 .78rem Manrope, sans-serif; cursor: pointer; }
.portal-complete:hover { background: rgba(166, 123, 255, .17); }
.portal-complete.has-error { border-color: #ff5d67; background: rgba(255, 47, 61, .13); color: #fff; animation: portal-button-shake .36s ease-in-out; }
@keyframes portal-button-shake { 0%, 100% { transform: translateX(0); } 22% { transform: translateX(-7px); } 46% { transform: translateX(6px); } 70% { transform: translateX(-4px); } }
.portal-live { min-height: 1.4em; margin: 10px 0 0; color: #ff8a91; font-size: .72rem; line-height: 1.5; }
.portal-complete.is-finished { border-color: rgba(255, 255, 255, .6); background: rgba(255, 255, 255, .09); }
.portal-continuum { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 28px; padding: 20px 0; border-top: var(--border-card); border-bottom: var(--border-card); }
.portal-continuum span { min-height: 34px; display: inline-flex; align-items: center; padding: 7px 11px; border: 1px solid rgba(255, 255, 255, .2); border-radius: 999px; background: rgba(255, 255, 255, .035); color: var(--color-text-supporting); font-size: .7rem; font-weight: 700; box-shadow: 0 0 14px rgba(255, 255, 255, .04); }
.portal-primary-action { min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 30px; padding: 0 18px; border: 1px solid rgba(166, 123, 255, .56); border-radius: 8px; background: rgba(166, 123, 255, .1); color: #fff; font-size: .78rem; font-weight: 700; }
.portal-primary-action span:last-child { color: var(--color-accent); font-size: 1.1rem; }
.portal-quick-view { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 30px 0 0; border-top: var(--border-card); border-left: var(--border-card); }
.portal-quick-view div { padding: 15px; border-right: var(--border-card); border-bottom: var(--border-card); }
.portal-quick-view dt { color: var(--color-text-card); font-size: .65rem; }
.portal-quick-view dd { margin: 5px 0 0; color: var(--color-text-supporting); font-size: .72rem; font-weight: 700; }
.portal-promise { margin-top: 27px; padding-top: 22px; border-top: var(--border-card); }
.portal-promise span,
.portal-promise small { display: block; }
.portal-promise span { font: 600 .86rem Oxanium, Manrope, sans-serif; }
.portal-promise small { max-width: 440px; margin-top: 8px; color: var(--color-text-card); font-size: .7rem; line-height: 1.55; }

.example-list { max-width: 1040px; margin: 0 auto; border-top: var(--border-panel); }
.example-item { border-bottom: var(--border-card); border-left: 2px solid transparent; }
.example-item[open] { border-left-color: var(--color-accent); background: linear-gradient(100deg, rgba(166, 123, 255, .07), transparent 70%); }
.example-item summary {
  min-height: 112px;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 42px;
  gap: 22px;
  align-items: center;
  padding: 22px clamp(14px, 3vw, 28px);
  cursor: pointer;
  list-style: none;
}
.example-item summary::-webkit-details-marker { display: none; }
.example-item summary:focus-visible { outline: 2px solid var(--color-structure); outline-offset: -3px; }
.example-index { color: var(--color-accent-number); font: 600 .72rem Oxanium, Manrope, sans-serif; }
.example-heading small,
.example-heading strong { display: block; }
.example-heading small { margin-bottom: 8px; color: var(--color-text-card); font: 600 .64rem Oxanium, Manrope, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.example-heading strong { max-width: 33ch; color: var(--color-text-supporting); font: 600 clamp(1.08rem, 2.15vw, 1.65rem)/1.3 Oxanium, Manrope, sans-serif; }
.example-item[open] .example-heading strong { color: #fff; }
.example-item summary > i { position: relative; width: 38px; height: 38px; border: var(--border-card); border-radius: 50%; }
.example-item summary > i::before,
.example-item summary > i::after { content: ""; position: absolute; left: 50%; top: 50%; width: 12px; height: 1px; background: var(--color-accent); transform: translate(-50%, -50%); }
.example-item summary > i::after { transform: translate(-50%, -50%) rotate(90deg); transition: transform .2s ease; }
.example-item[open] summary > i { border-color: rgba(166, 123, 255, .6); box-shadow: 0 0 16px rgba(166, 123, 255, .16); }
.example-item[open] summary > i::after { transform: translate(-50%, -50%) rotate(0); }
.example-body { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 0 clamp(14px, 3vw, 28px) 28px 88px; border-top: var(--border-card); border-left: var(--border-card); }
.example-body > div { min-width: 0; padding: 22px; border-right: var(--border-card); border-bottom: var(--border-card); }
.example-body > div > span { color: var(--color-accent-number); font: 600 .64rem Oxanium, Manrope, sans-serif; text-transform: uppercase; }
.example-body > div > p { margin: 10px 0 0; color: var(--color-text-muted); font-size: .77rem; line-height: 1.68; }
.example-paths { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 7px; margin: 0; padding: 16px 20px; border-right: var(--border-card); border-bottom: var(--border-card); }
.example-paths span { padding: 5px 8px; border: var(--border-card); border-radius: 4px; color: var(--color-text-supporting); font-size: .64rem; font-weight: 700; }

.final-cta { overflow: hidden; }
.final-cta-inner { max-width: 1160px; }
.cta-stage { position: relative; padding: clamp(38px, 6vw, 68px); overflow: hidden; border: var(--border-panel); border-radius: 8px; background: linear-gradient(135deg, rgba(166, 123, 255, .055), transparent 38%), var(--surface-panel); box-shadow: var(--shadow-panel); }
.cta-stage::after { content: ""; position: absolute; left: 10%; right: 10%; bottom: -80px; height: 120px; border-radius: 50%; background: rgba(166, 123, 255, .16); filter: blur(56px); pointer-events: none; }
.cta-border-beam { --beam-size: 240px; --beam-duration: 7.2s; --beam-delay: -.8s; }
.cta-copy { position: relative; z-index: 1; max-width: 870px; margin: 0 auto; min-width: 0; text-align: center; }
.cta-copy .eyebrow { text-align: center; }
.final-cta .section-heading { max-width: 21ch; margin: 13px auto 0; text-align: center; font-size: clamp(2.1rem, 4vw, 3.7rem); }
.cta-copy > p { max-width: 760px; margin: 22px auto 0; color: var(--color-text-muted); font-size: 1.08rem; line-height: 1.75; }
.cta-promises { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 26px; }
.cta-promises span { min-height: 34px; display: inline-flex; align-items: center; padding: 7px 11px; border: var(--border-card); border-radius: 6px; color: var(--color-text-supporting); font-size: .7rem; font-weight: 700; background: rgba(255, 255, 255, .02); }
.direct-contact { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 24px; }
.direct-contact a { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3px 12px; align-items: center; padding: 13px 14px; border: var(--border-card); border-radius: 7px; background: rgba(7, 6, 11, .74); text-align: left; }
.direct-contact a > span { grid-column: 1; color: var(--color-text-card); font-size: .59rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.direct-contact a > strong { grid-column: 1; min-width: 0; overflow-wrap: anywhere; color: var(--color-text-supporting); font-size: .74rem; }
.direct-contact a > i { grid-column: 2; grid-row: 1 / 3; color: var(--color-accent); font-style: normal; }
.direct-contact a:hover { border-color: rgba(166, 123, 255, .54); box-shadow: 0 0 22px rgba(166, 123, 255, .1); }

.booking-scheduler {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(210px, .72fr) minmax(390px, 1.25fr) minmax(220px, .72fr);
  margin-top: clamp(30px, 4vw, 44px);
  overflow: hidden;
  border: var(--border-panel);
  border-radius: 8px;
  background: rgba(7, 6, 11, .88);
  box-shadow: 0 28px 70px rgba(0, 0, 0, .38), inset 0 1px 0 rgba(255, 255, 255, .04);
  outline: 0;
  scroll-margin-top: 116px;
}
.booking-scheduler:focus-visible { outline: 2px solid var(--color-structure); outline-offset: 5px; }
.booking-meta,
.booking-calendar-pane,
.booking-times-pane { min-width: 0; padding: clamp(24px, 3vw, 32px); }
.booking-meta { border-right: var(--border-card); background: linear-gradient(150deg, rgba(166, 123, 255, .075), transparent 48%); }
.booking-meta > img { width: min(190px, 100%); height: auto; display: block; margin-bottom: 30px; }
.booking-kicker { color: var(--color-accent-number); font: 600 .65rem Oxanium, Manrope, sans-serif; letter-spacing: .14em; }
.booking-meta h3 { max-width: 11ch; margin: 9px 0 12px; font-size: clamp(1.45rem, 2.3vw, 2rem); line-height: 1.12; }
.booking-meta > p { margin: 0; color: var(--color-text-muted); font-size: .78rem; line-height: 1.65; }
.booking-meta ul { display: grid; gap: 14px; margin: 28px 0 0; padding: 22px 0 0; border-top: var(--border-card); list-style: none; }
.booking-meta li { display: flex; align-items: center; gap: 10px; color: var(--color-text-supporting); font-size: .72rem; font-weight: 700; }
.booking-meta li svg { width: 17px; height: 17px; flex: 0 0 17px; fill: none; stroke: var(--color-accent); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.booking-calendar-pane { border-right: var(--border-card); }
.booking-calendar-header { min-height: 42px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.booking-calendar-header h3 { margin: 0; font-size: 1.05rem; }
.booking-calendar-header h3 span { color: var(--color-text-card); font-weight: 500; }
.booking-calendar-header > div { display: flex; gap: 5px; }
.booking-icon-button { width: 38px; height: 38px; display: grid; place-items: center; border: 0; border-radius: 6px; background: transparent; color: var(--color-text-supporting); cursor: pointer; }
.booking-icon-button:hover:not(:disabled) { background: rgba(166, 123, 255, .09); color: #fff; }
.booking-icon-button:disabled { opacity: .25; cursor: default; }
.booking-icon-button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.booking-weekdays,
.booking-days { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 5px; }
.booking-weekdays { margin-top: 22px; }
.booking-weekdays span { min-height: 30px; display: grid; place-items: center; color: var(--color-text-card); font-size: .58rem; font-weight: 700; text-transform: uppercase; }
.booking-days { margin-top: 4px; }
.booking-day { position: relative; aspect-ratio: 1; min-width: 0; display: grid; place-items: center; border: 0; border-radius: 7px; background: transparent; color: var(--color-text-card); font: 600 .72rem Manrope, sans-serif; }
.booking-day:not(:disabled) { background: rgba(255, 255, 255, .035); color: var(--color-text-supporting); cursor: pointer; }
.booking-day:not(:disabled):hover { background: rgba(166, 123, 255, .12); color: #fff; transform: translateY(-1px); }
.booking-day.is-selected { background: #fff; color: var(--color-canvas); box-shadow: 0 0 0 1px #fff, 0 0 18px rgba(166, 123, 255, .52); }
.booking-day.has-slots:not(.is-selected)::after { content: ""; position: absolute; left: 50%; bottom: 5px; width: 3px; height: 3px; transform: translateX(-50%); border-radius: 50%; background: var(--color-accent); box-shadow: 0 0 6px var(--color-accent); }
.booking-times-pane { display: flex; flex-direction: column; }
.booking-times-header { min-height: 42px; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.booking-times-header > p { margin: 0; color: var(--color-text-supporting); font-size: .72rem; font-weight: 700; line-height: 1.35; }
.booking-time-format { display: flex; padding: 3px; border: var(--border-card); border-radius: 6px; background: rgba(255, 255, 255, .025); }
.booking-time-format button { min-width: 34px; min-height: 30px; padding: 4px 7px; border: 0; border-radius: 4px; background: transparent; color: var(--color-text-card); font: 700 .62rem Manrope, sans-serif; cursor: pointer; }
.booking-time-format button.is-active { background: rgba(255, 255, 255, .1); color: #fff; }
.booking-time-slots { display: grid; gap: 8px; margin-top: 18px; max-height: 330px; overflow-y: auto; padding-right: 4px; scrollbar-width: thin; scrollbar-color: rgba(166, 123, 255, .38) transparent; }
.booking-time-slot { min-height: 43px; border: var(--border-card); border-radius: 7px; background: rgba(255, 255, 255, .025); color: var(--color-text-supporting); font: 700 .72rem Manrope, sans-serif; cursor: pointer; }
.booking-time-slot:hover { border-color: rgba(166, 123, 255, .5); color: #fff; }
.booking-time-slot.is-selected { border-color: #fff; background: rgba(166, 123, 255, .16); color: #fff; box-shadow: 0 0 16px rgba(166, 123, 255, .12); }
.booking-empty { margin: 18px 0; color: var(--color-text-card); font-size: .72rem; line-height: 1.55; }
.booking-continue { width: 100%; min-height: 46px; margin-top: auto; border: 1px solid rgba(166, 123, 255, .5); border-radius: 7px; background: rgba(166, 123, 255, .1); color: #fff; font: 700 .74rem Manrope, sans-serif; cursor: pointer; }
.booking-continue:disabled { opacity: .35; cursor: not-allowed; }
.booking-continue:hover:not(:disabled) { border-color: #fff; background: rgba(166, 123, 255, .18); }
.booking-details { grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; padding: clamp(28px, 5vw, 54px); }
.booking-details-heading { grid-column: 1 / -1; padding-bottom: 22px; border-bottom: var(--border-card); }
.booking-details-heading > span,
.booking-confirmation > span { color: var(--color-accent-number); font: 600 .65rem Oxanium, Manrope, sans-serif; letter-spacing: .14em; }
.booking-details-heading h3 { margin: 8px 0 0; font-size: clamp(1.6rem, 3vw, 2.35rem); }
.booking-details-heading p { margin: 8px 0 0; color: var(--color-text-muted); font-size: .8rem; }
.contact-field { display: grid; gap: 8px; min-width: 0; text-align: left; }
.contact-field label { color: var(--color-text-supporting); font-size: .76rem; font-weight: 700; }
.contact-field input,
.contact-field textarea {
  width: 100%;
  min-height: 44px;
  padding: 11px 13px;
  border: var(--border-card);
  border-radius: 8px;
  background: var(--surface-button);
  color: var(--color-text);
  font: inherit;
}
.contact-field textarea { min-height: 104px; resize: vertical; }
.booking-field-wide { grid-column: 1 / -1; }
.booking-form-actions { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 6px; }
.booking-back { min-height: 44px; padding: 9px 14px; border: 0; background: transparent; color: var(--color-text-supporting); font: 700 .72rem Manrope, sans-serif; cursor: pointer; }
.booking-back:hover { color: #fff; }
.booking-form-actions .button { cursor: pointer; }
.booking-confirmation { grid-column: 1 / -1; min-height: 420px; place-items: center; align-content: center; padding: clamp(36px, 6vw, 76px); text-align: center; }
.booking-confirmation > i { width: 54px; height: 54px; display: grid; place-items: center; margin-bottom: 20px; border: 1px solid #fff; border-radius: 50%; color: #fff; font-style: normal; box-shadow: 0 0 16px rgba(255, 255, 255, .42), 0 0 32px rgba(166, 123, 255, .3); }
.booking-confirmation h3 { margin: 10px 0 0; font-size: clamp(1.7rem, 3vw, 2.5rem); }
.booking-confirmation p { max-width: 560px; margin: 13px 0 14px; color: var(--color-text-muted); font-size: .86rem; line-height: 1.65; }
.booking-live { position: absolute; left: 0; bottom: 0; width: 100%; margin: 0; color: var(--color-accent-number); font-size: .68rem; text-align: center; }
.booking-scheduler.is-details > .booking-meta,
.booking-scheduler.is-details > .booking-calendar-pane,
.booking-scheduler.is-details > .booking-times-pane,
.booking-scheduler.is-confirmed > .booking-meta,
.booking-scheduler.is-confirmed > .booking-calendar-pane,
.booking-scheduler.is-confirmed > .booking-times-pane { display: none; }
.booking-scheduler.is-details .booking-details { display: grid; }
.booking-scheduler.is-confirmed .booking-confirmation { display: grid; }

.site-footer { padding: 0 20px 26px; background: var(--color-canvas); }
.footer-inner { width: min(1160px, 100%); min-height: 104px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 28px; align-items: center; margin: 0 auto; padding: 22px 0; border-top: var(--border-card); }
.footer-brand { display: inline-flex; align-items: center; min-height: 44px; }
.footer-brand img { width: 190px; height: auto; display: block; }
.footer-nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 22px; }
.footer-nav a, .footer-contact a { color: var(--color-text-card); font-size: .7rem; font-weight: 700; }
.footer-nav a:hover, .footer-contact a:hover { color: #fff; }
.footer-contact { display: grid; gap: 6px; justify-items: end; }

@media (max-width: 900px) {
  .nav { min-height: 64px; height: 64px; }
  .nav img { width: 190px; }
  .nav-links, .nav-actions { display: none; }
  .mobile-nav { display: block; }
  .hero-copy { padding-top: 78px; }
  .path-modules { grid-template-columns: 1fr; padding-left: 0; }
  .path-module { grid-template-columns: 82px minmax(0, 1fr); }
  .path-module .module-link { grid-column: 2; width: max-content; padding: 8px 0 0; border-top: var(--border-card); border-left: 0; }
  .who-editorial { grid-template-columns: 1fr; gap: 12px; }
  .who-copy { max-width: 680px; padding-top: 0; }
  .team-pair { grid-template-columns: 1fr; }
  .team-bridge { min-height: 58px; flex-direction: row; }
  .team-bridge i { min-width: 90px; min-height: 1px; flex: 1; background: linear-gradient(90deg, transparent, var(--color-accent), #fff, var(--color-accent), transparent); }
  .intelligence-network { grid-template-columns: 150px minmax(220px, 1fr) 150px; gap: 20px 28px; }
  .intelligence-node { grid-template-columns: 40px minmax(0, 1fr); padding: 12px; }
  .intelligence-node .path-icon-svg { width: 40px; height: 40px; }
  .services-layout { grid-template-columns: 1fr; }
  .service-index {
    position: static;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px 20px;
    padding: 0 0 28px;
    border-bottom: var(--border-card);
  }
  .service-index::before { display: none; }
  .service-index-label { grid-column: 1 / -1; margin-bottom: 4px; }
  .service-index a::before { display: none; }
  .portal-command { grid-template-columns: 1fr; }
  .portal-roadmap { border-right: 0; border-bottom: var(--border-card); }
  .portal-focus h3 { max-width: 20ch; }
  .example-body { grid-template-columns: 1fr; }
  .example-body > div { border-bottom: var(--border-card); }
  .final-cta .section-heading { max-width: 22ch; }
  .contact-rail { grid-template-columns: 1fr; }
  .contact-rail-actions { justify-content: flex-start; }
  .footer-inner { grid-template-columns: 1fr; justify-items: center; text-align: center; }
  .footer-contact { justify-items: center; }
  .booking-scheduler { grid-template-columns: minmax(190px, .62fr) minmax(0, 1fr); }
  .booking-meta { grid-row: 1 / 3; }
  .booking-calendar-pane { border-right: 0; }
  .booking-times-pane { border-top: var(--border-card); }
  .portal-shell { grid-template-columns: 1fr; }
  .portal-stage {
    display: grid;
    grid-template-columns: 60px minmax(0, 1fr) auto;
    gap: 4px 18px;
    align-items: center;
    border-right: 0;
    border-bottom: var(--border-card);
  }
  .portal-stage .portal-kicker { grid-column: 1 / -1; margin-bottom: 15px; }
  .portal-path-icon { grid-row: 2 / 6; margin: 0; }
  .portal-step, .portal-stage h3, .portal-stage p, .portal-stage > strong { grid-column: 2; }
  .portal-stage h3 { margin: 3px 0; }
  .portal-status { grid-column: 3; grid-row: 2 / 6; margin: 0; }
  .portal-performance {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 24px;
    border-top: var(--border-card);
    border-left: 0;
  }
  .portal-performance .portal-kicker { grid-column: 1 / -1; margin-bottom: 6px; }
  .portal-signal { border-bottom: 0; }
  .portal-sync { padding-top: 28px; }
  .cases-ledger { grid-template-columns: 1fr; gap: 34px; }
  .case-ledger-index { position: static; display: grid; grid-template-columns: auto 1fr; gap: 8px 20px; }
  .case-ledger-index > strong { grid-row: 1 / 3; margin: 0; }
  .case-ledger-index > p { align-self: end; margin: 0; }
  .case-ledger-index dl { display: none; }
  .case-study { grid-template-columns: 1fr; gap: 24px; }
}

@media (max-width: 760px) {
  .team-principles { grid-template-columns: 1fr; }
  .team-principles article { min-height: 0; }
  .order-journey { grid-template-columns: 1fr; grid-template-rows: none; gap: 14px; padding-left: 28px; }
  .order-journey::before { content: ""; position: absolute; left: 8px; top: 28px; bottom: 28px; width: 1px; background: linear-gradient(var(--color-accent), #fff, var(--color-accent)); box-shadow: 0 0 10px rgba(166, 123, 255, .45); }
  .order-route { display: none; }
  .order-node { grid-column: 1; grid-row: auto; min-height: 0; }
  .order-node::before { content: ""; position: absolute; left: -24px; top: 29px; width: 9px; height: 9px; border-radius: 50%; background: #fff; box-shadow: 0 0 12px var(--color-accent); }
  .intelligence-network { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: none; gap: 12px; min-height: 0; }
  .intelligence-beams { display: none; }
  .intelligence-node { grid-column: auto; grid-row: auto; }
  .intelligence-core { grid-column: 1 / -1; grid-row: auto; min-height: 190px; margin-top: 18px; }
}

@media (max-width: 620px) {
  .nav { inset: 10px 10px auto; min-height: 62px; height: 62px; padding-inline: 14px; }
  .nav img { width: 176px; }
  .hero { min-height: 88svh; }
  h1 { font-size: 2.45rem; max-width: 15ch; }
  .hero-copy p { max-width: 19rem; font-size: .92rem; }
  .transition { --beam-pulse-travel: 194px; height: 210px; }
  .beam-core { top: -20px; height: calc(100% + 30px); }
  .paths-wrap { width: calc(100% - 20px); margin-top: -46px; padding: 96px 16px 28px; border-radius: 8px; }
  .paths-head p, .section-intro p { font-size: 1rem; }
  .path-modules { grid-template-columns: 1fr; padding-left: 0; }
  .path-module { min-height: 0; grid-template-columns: 64px minmax(0, 1fr); gap: 14px; padding: 20px 16px; }
  .path-module::before { width: 25px; }
  .module-identity { grid-template-columns: 1fr; gap: 6px; }
  .path-icon { width: 50px; height: 50px; }
  .path-icon .path-icon-svg { width: 40px; height: 40px; }
  .path-module .module-link { grid-column: 1 / -1; width: 100%; justify-content: space-between; padding: 12px 0 0; }
  .path-module h3, .module-benefit { min-height: 0; }
  .section { padding: 64px 16px; }
  .section-heading { font-size: 2.15rem; }
  .section-intro { margin-bottom: 34px; }
  .section-intro p { font-size: 1rem; }
  .proof-grid { grid-template-columns: 1fr; }
  .proof-metric { min-height: 0; padding: 24px; }
  .section-lamp { height: 210px; --lamp-open-width: 70.4vw; --lamp-closed-width: 35.2vw; --lamp-soft-open-width: 12.8rem; }
  .order-section { padding-top: 44px; }
  .lamp-cone { height: 12rem; }
  .lamp-mask-side { width: 24vw; }
  .lamp-main-glow { width: 70.4vw; height: 8rem; }
  .lamp-soft-glow { height: 8rem; }
  .order-outcome { grid-template-columns: auto minmax(0, 1fr); gap: 16px 20px; padding-inline: 10px; }
  .order-outcome small { grid-column: 2; max-width: none; text-align: left; }
  .system-intelligence { padding: 16px; }
  .intelligence-node { grid-template-columns: 38px minmax(0, 1fr); min-height: 76px; }
  .intelligence-node .path-icon-svg { width: 38px; height: 38px; }
  .intelligence-outcomes { grid-template-columns: 1fr; margin-top: 26px; }
  .intelligence-outcomes div { padding: 18px 4px; }
  .intelligence-outcomes div + div { border-top: var(--border-card); border-left: 0; }
  .contact-rail { padding: 20px 16px; }
  .contact-rail-actions { align-items: stretch; flex-direction: column; }
  .contact-rail-actions .button, .contact-shortcut { width: 100%; min-width: 0; }
  .service-index { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .service-group { scroll-margin-top: 16px; padding-inline: 12px; }
  .service-group-heading { grid-template-columns: 52px minmax(0, 1fr); gap: 16px; }
  .service-heading-icon { width: 52px; height: 52px; }
  .service-heading-icon .path-icon-svg { width: 38px; height: 38px; }
  .service-capability summary { grid-template-columns: 34px minmax(0, 1fr) 30px; gap: 11px; padding-inline: 6px; }
  .service-capability summary > small { display: none; }
  .service-capability ul { grid-template-columns: 1fr; padding: 0 10px 20px 51px; }
  .portal-demo-badge { align-items: flex-start; flex-wrap: wrap; margin-top: -10px; }
  .portal-demo-badge span { flex-basis: calc(100% - 18px); margin-left: 18px; }
  .portal-roadmap,
  .portal-focus { padding: 24px 18px; }
  .portal-command-heading { gap: 12px; }
  .portal-path-list button { grid-template-columns: 46px minmax(0, 1fr) 30px; gap: 12px; }
  .portal-path-list .path-icon-svg { width: 46px; height: 46px; }
  .portal-path-list::before { left: 22px; }
  .portal-quick-view { grid-template-columns: 1fr; }
  .portal-deliverable-heading { align-items: flex-start; gap: 10px; }
  .portal-deliverable-row { grid-template-columns: 24px minmax(0, 1fr) auto; gap: 10px; }
  .portal-review-copy { margin-left: 34px; }
  .example-item summary { min-height: 94px; grid-template-columns: 28px minmax(0, 1fr) 36px; gap: 12px; padding: 18px 12px; }
  .example-item summary > i { width: 34px; height: 34px; }
  .example-heading strong { font-size: 1rem; }
  .example-body { margin: 0 12px 20px 40px; }
  .example-body > div { padding: 18px 15px; }
  .cta-stage { padding: 36px 18px 22px; }
  .cta-copy .eyebrow { text-align: center; }
  .final-cta .section-heading { max-width: 18ch; margin-inline: auto; text-align: center; }
  .cta-copy > p { text-align: center; }
  .direct-contact { grid-template-columns: 1fr; }
  .booking-scheduler { grid-template-columns: 1fr; }
  .booking-meta { grid-row: auto; border-right: 0; border-bottom: var(--border-card); }
  .booking-meta > img { width: 180px; margin-bottom: 22px; }
  .booking-calendar-pane { border-right: 0; border-bottom: var(--border-card); }
  .booking-times-pane { min-height: 390px; border-top: 0; }
  .booking-time-slots { grid-template-columns: repeat(2, minmax(0, 1fr)); max-height: none; }
  .booking-details { grid-template-columns: 1fr; padding: 28px 18px; }
  .booking-field-wide { grid-column: auto; }
  .booking-form-actions { align-items: stretch; flex-direction: column-reverse; }
  .booking-form-actions .button { width: 100%; justify-content: center; }
  .booking-confirmation { min-height: 390px; padding: 46px 20px; }
  .portal-shell { grid-template-columns: 1fr; }
  .portal-stage { grid-template-columns: 52px minmax(0, 1fr); padding: 24px 20px; }
  .portal-stage .portal-kicker { margin-bottom: 10px; }
  .portal-path-icon { width: 46px; height: 46px; }
  .portal-status { grid-column: 2; grid-row: auto; margin-top: 12px; }
  .portal-group { padding: 24px 20px; }
  .portal-row {
    min-height: 60px;
    padding: 10px 0;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 4px 13px;
  }
  .portal-file-row { grid-template-columns: 34px minmax(0, 1fr); }
  .portal-row-state { display: block; grid-column: 2; justify-self: start; }
  .portal-action { min-height: 44px; }
  .portal-performance { grid-template-columns: 1fr; padding: 24px 20px; }
  .portal-performance .portal-kicker { margin-bottom: 10px; }
  .portal-signal { padding: 22px 0; border-bottom: var(--border-card); }
  .portal-sync { padding-top: 22px; }
  .case-ledger-index { grid-template-columns: 72px minmax(0, 1fr); }
  .case-ledger-index > strong { font-size: 3rem; }
  .case-story { grid-template-columns: 1fr; }
  .case-field { padding: 18px 16px 20px; }
  .period-proof ul { grid-template-columns: 1fr; }
  .period-proof li { padding: 12px 0; }
  .period-proof li + li { padding-left: 0; border-top: var(--border-card); border-left: 0; }
  .final-cta-actions { align-items: stretch; flex-direction: column; }
  .final-cta-actions .button { justify-content: center; width: 100%; }
  .site-footer { padding-inline: 16px; }
  .footer-nav { gap: 10px 16px; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-pulse,
  .wisp,
  .beam-energy-pulse,
  .method-frame-route,
  .method-collision,
  .method-receiver span::after { animation: none !important; opacity: 0 !important; }
  .order-route-signal,
  .intelligence-signal,
  .section-bridge span::after { animation: none !important; opacity: 0; }
  .border-beam::after { animation: none !important; opacity: 0; }
  .hero-junction::before,
  .hero-throat::after,
  .beam-aura,
  .beam-core,
  .method-receiver i,
  .method-receiver i::before { animation: none !important; }
  .section-bridge i { animation: none !important; }
  .section-lamp { --lamp-progress: 1 !important; }
  .lamp-cone,
  .lamp-main-glow,
  .lamp-soft-glow,
  .lamp-core { will-change: auto; }
  .service-capability ul { animation: none !important; }
  .order-node { animation: none !important; }
  .base-path { opacity: 1; stroke-dashoffset: 0; }
  .hero-throat { opacity: 1; }
  .beam-core { opacity: 1; }
  html { scroll-behavior: auto; }
}