@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("/fonts/manrope-latin-v20.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "DM Mono";
  font-style: normal;
  font-weight: 300;
  font-display: optional;
  src: url("/fonts/dm-mono-300-latin-v16.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "DM Mono";
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url("/fonts/dm-mono-400-latin-v16.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "DM Mono";
  font-style: normal;
  font-weight: 500;
  font-display: optional;
  src: url("/fonts/dm-mono-500-latin-v16.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root{--ink:#111514;--green:#365f4a;--blue:#4169e1;--gold:#d9a441;--mist:#f3f5f2;--white:#fff;--line:rgba(17,21,20,.14);--muted:#5f6965;--pad:clamp(1.25rem,4vw,4.75rem);--radius:1.4rem;--sans:"Manrope",system-ui,sans-serif;--mono:"DM Mono",ui-monospace,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--mist);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit}.page-shell{min-height:100vh;overflow:hidden}.skip-link{position:fixed;z-index:1000;top:.75rem;left:.75rem;padding:.65rem 1rem;background:var(--ink);color:#fff;transform:translateY(-160%);transition:transform .2s}.skip-link:focus{transform:none}.site-header{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;height:6.25rem;padding:0 var(--pad);border-bottom:1px solid var(--line);background:rgba(243,245,242,.86);backdrop-filter:blur(16px)}.wordmark{display:flex;align-items:center;gap:.9rem;text-decoration:none;font-size:1.05rem;font-weight:500;letter-spacing:.28em}.brand-mark{width:3.6rem;height:auto;overflow:visible}.brand-mark path,.footer-mark path,.company-mark path{fill:none;stroke-width:1.6;stroke-linecap:round}.brand-mark path:nth-child(1),.footer-mark path:nth-child(1),.company-mark path:nth-child(1){stroke:var(--green)}.brand-mark path:nth-child(2),.footer-mark path:nth-child(2),.company-mark path:nth-child(2){stroke:#527866}.brand-mark path:nth-child(3),.footer-mark path:nth-child(3),.company-mark path:nth-child(3){stroke:var(--blue)}.brand-mark path:nth-child(4),.footer-mark path:nth-child(4),.company-mark path:nth-child(4){stroke:#7189df}.brand-mark path:nth-child(5),.footer-mark path:nth-child(5),.company-mark path:nth-child(5){stroke:var(--gold)}.ligature{letter-spacing:.12em}.primary-nav{display:flex;align-items:center;gap:2rem}.primary-nav a{position:relative;text-decoration:none;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.primary-nav a:after{content:"";position:absolute;right:0;bottom:-.35rem;left:0;height:1px;background:var(--green);transform:scaleX(0);transform-origin:right;transition:transform .25s}.primary-nav a:hover:after,.primary-nav a:focus-visible:after{transform:scaleX(1);transform-origin:left}.menu-button{display:none;border:0;background:none}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(25rem,.96fr);min-height:calc(100svh - 6.25rem);border-bottom:1px solid var(--line)}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(4rem,8vw,8.5rem) var(--pad)}.eyebrow{display:flex;align-items:center;gap:.75rem;margin:0 0 1.75rem;color:var(--green);font-family:var(--mono);font-size:.68rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase}.eyebrow:before{content:"";width:2.75rem;height:1px;background:currentColor}.eyebrow span{color:var(--muted)}h1,h2,h3,p{margin-top:0}.hero h1{max-width:13ch;margin-bottom:2rem;font-size:clamp(3.2rem,6.1vw,7.4rem);font-weight:300;letter-spacing:-.065em;line-height:.92}.hero h1 em{position:relative;color:var(--green);font-style:normal;font-weight:500}.hero h1 em:after{content:"";position:absolute;right:.02em;bottom:.06em;left:.02em;height:.06em;background:var(--gold);transform:scaleX(.34);transform-origin:left}.hero-lede{max-width:38rem;margin-bottom:2.3rem;color:#46504c;font-size:clamp(1rem,1.35vw,1.25rem);line-height:1.65}.hero-actions{display:flex;align-items:center;gap:1.75rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:1.7rem;min-height:3.5rem;padding:.85rem 1.15rem .85rem 1.35rem;border:1px solid var(--ink);text-decoration:none;font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;transition:background .2s,color .2s,transform .2s}.button span{font-size:1.15em}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--ink);color:var(--white)}.button-primary:hover{background:var(--green)}.text-link{display:inline-flex;gap:.8rem;text-decoration:none;border-bottom:1px solid var(--line);font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.hero-visual{position:relative;display:grid;place-items:center;min-height:37rem;border-left:1px solid var(--line);background:#eef1ed;overflow:hidden}.hero-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(17,21,20,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(17,21,20,.055) 1px,transparent 1px);background-size:5.5rem 5.5rem;mask-image:linear-gradient(to bottom right,transparent 10%,#000 75%)}.wave-field{position:relative;width:min(90%,47rem);height:auto;overflow:visible;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.wave-disc{fill:#f9faf8;stroke:rgba(17,21,20,.11);stroke-width:1}.wave-lines path{fill:none;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:750;stroke-dashoffset:750;animation:draw-wave 1.6s .3s cubic-bezier(.16,.8,.22,1) forwards}.wave-lines path:nth-child(1){stroke:var(--green)}.wave-lines path:nth-child(2){stroke:#547966;animation-delay:.42s}.wave-lines path:nth-child(3){stroke:var(--blue);animation-delay:.54s}.wave-lines path:nth-child(4){stroke:#7189df;animation-delay:.66s}.wave-lines path:nth-child(5){stroke:var(--gold);animation-delay:.78s}.orbit{fill:none;stroke:rgba(17,21,20,.16);stroke-width:1;stroke-dasharray:4 11}.orbit-dot-blue{fill:var(--blue)}.orbit-dot-gold{fill:var(--gold)}.visual-note{position:absolute;right:1.4rem;bottom:1.25rem;display:flex;gap:1rem;margin:0;color:var(--muted);font-family:var(--mono);font-size:.6rem;letter-spacing:.08em}.hero-index{position:absolute;bottom:1rem;left:var(--pad);margin:0;color:#808985;font-family:var(--mono);font-size:.62rem;letter-spacing:.12em}.section-pad{padding:clamp(5.5rem,10vw,10rem) var(--pad)}.focus-section{background:var(--white)}.section-heading{display:grid;grid-template-columns:.6fr 1.15fr 1fr;align-items:end;gap:3rem;margin-bottom:clamp(3.5rem,7vw,6.5rem)}.section-heading .eyebrow{align-self:start;margin-top:.8rem}.section-heading h2{max-width:10ch;margin-bottom:0;font-size:clamp(2.5rem,5vw,5.7rem);font-weight:300;letter-spacing:-.055em;line-height:.96}.section-heading>p:last-child{max-width:29rem;margin-bottom:.3rem;color:var(--muted);font-size:1.05rem}.focus-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.focus-card{position:relative;min-height:26rem;padding:3rem 2.2rem 2.6rem}.focus-card+.focus-card{border-left:1px solid var(--line)}.card-signal{display:block;width:.62rem;height:.62rem;margin-bottom:5.2rem;border-radius:50%}.signal-green{background:var(--green);box-shadow:0 0 0 8px rgba(54,95,74,.09)}.signal-blue{background:var(--blue);box-shadow:0 0 0 8px rgba(65,105,225,.09)}.signal-gold{background:var(--gold);box-shadow:0 0 0 8px rgba(217,164,65,.11)}.card-label{margin-bottom:1.1rem;color:var(--muted);font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}.focus-card h3{max-width:12ch;margin-bottom:1.3rem;font-size:clamp(1.45rem,2.2vw,2.2rem);font-weight:400;letter-spacing:-.035em;line-height:1.1}.focus-card>p:last-child{max-width:24rem;margin-bottom:0;color:var(--muted)}.company-section{position:relative;display:grid;grid-template-columns:1.25fr .75fr;gap:7vw;padding:clamp(6rem,11vw,11rem) var(--pad);background:var(--ink);color:var(--white);overflow:hidden}.company-section:after{content:"";position:absolute;right:-15vw;bottom:-45vw;width:70vw;height:70vw;border:1px solid rgba(255,255,255,.11);border-radius:50%;box-shadow:0 0 0 9vw rgba(255,255,255,.018),0 0 0 18vw rgba(255,255,255,.016)}.company-copy,.company-facts{position:relative;z-index:2}.eyebrow-light{color:#91b5a3}.company-copy h2{max-width:13ch;margin-bottom:2rem;font-size:clamp(3rem,5.5vw,6.4rem);font-weight:300;letter-spacing:-.06em;line-height:.96}.company-copy>p:last-child{max-width:44rem;margin-bottom:0;color:#b9c2be;font-size:clamp(1rem,1.4vw,1.25rem)}.company-facts{align-self:end;border-top:1px solid rgba(255,255,255,.18)}.company-facts p{display:grid;grid-template-columns:8rem 1fr;gap:1rem;margin:0;padding:1.25rem 0;border-bottom:1px solid rgba(255,255,255,.18);font-size:.85rem}.company-facts span{color:#7f8b86;font-family:var(--mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}.company-orbit{position:absolute;top:4rem;right:3rem;width:13rem;height:13rem;border:1px solid rgba(255,255,255,.13);border-radius:50%;display:grid;place-items:center;opacity:.75}.company-mark{width:6rem}.contact-band{display:grid;grid-template-columns:1fr 1.1fr;gap:8vw;align-items:end;background:var(--mist)}.contact-copy h2{max-width:12ch;margin:0;font-size:clamp(2.6rem,5vw,5.7rem);font-weight:300;letter-spacing:-.055em;line-height:.98}.contact-email{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1rem 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);text-decoration:none;font-size:clamp(1rem,2.1vw,2rem);font-weight:400;letter-spacing:-.02em;transition:color .2s,padding .2s}.contact-email:hover{padding-left:1rem;color:var(--green)}.contact-email i{font-style:normal}.site-footer{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;padding:3.5rem var(--pad) 2rem;border-top:1px solid var(--line);background:var(--white)}.footer-brand{display:flex;align-items:center;gap:1.2rem}.footer-mark{width:4rem}.footer-brand div{display:flex;flex-direction:column}.footer-brand strong{font-size:.85rem}.footer-brand span{color:var(--muted);font-size:.75rem}.footer-links{display:flex;justify-content:flex-end;align-items:center;gap:1.6rem}.footer-links a{font-size:.74rem;text-decoration:none}.copyright{grid-column:1/-1;display:flex;justify-content:space-between;margin:2rem 0 0;padding-top:1.4rem;border-top:1px solid var(--line);color:var(--muted);font-family:var(--mono);font-size:.6rem;letter-spacing:.06em;text-transform:uppercase}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}.reveal-delay-1{transition-delay:.08s}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}@keyframes draw-wave{to{stroke-dashoffset:0}}.inner-main{min-height:calc(100svh - 6.25rem)}.inner-hero{padding:clamp(5rem,10vw,10rem) var(--pad) clamp(5rem,8vw,8rem)}.inner-hero h1,.not-found h1{max-width:13ch;margin-bottom:2rem;font-size:clamp(3.6rem,8vw,8.5rem);font-weight:300;letter-spacing:-.07em;line-height:.9}.inner-lede{max-width:42rem;color:var(--muted);font-size:1.15rem}.contact-email-large{max-width:55rem;margin-top:4rem}.contact-details{display:grid;grid-template-columns:repeat(3,1fr);margin:0 var(--pad) 6rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contact-details div{display:flex;flex-direction:column;gap:.7rem;padding:2rem 1.5rem}.contact-details div+div{border-left:1px solid var(--line)}.contact-details span{color:var(--muted);font-family:var(--mono);font-size:.62rem;letter-spacing:.09em;text-transform:uppercase}.contact-details strong{font-size:.95rem;font-weight:500}.legal-main{padding:clamp(5rem,9vw,9rem) var(--pad)}.legal-title{padding-bottom:4rem;border-bottom:1px solid var(--line)}.legal-title h1{margin-bottom:1rem;font-size:clamp(3.4rem,7vw,7.8rem);font-weight:300;letter-spacing:-.07em;line-height:.9}.legal-title>p:last-child{color:var(--muted);font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.legal-grid{display:grid;grid-template-columns:.55fr 1.45fr;gap:8vw;padding-top:4rem}.legal-grid aside{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;font-size:.82rem}.legal-grid aside span{color:var(--muted)}.legal-grid aside a{margin-top:1rem}.legal-grid article{max-width:50rem}.legal-grid section{padding-bottom:2.8rem}.legal-grid h2{margin-bottom:.8rem;font-size:1.4rem;font-weight:500;letter-spacing:-.025em}.legal-grid p{color:#4e5854}.not-found{display:flex;min-height:calc(100svh - 6.25rem);flex-direction:column;justify-content:center;align-items:flex-start;padding:6rem var(--pad)}.not-found>p:not(.eyebrow){color:var(--muted)}.not-found .button{margin-top:1rem}:focus-visible{outline:3px solid var(--blue);outline-offset:4px}@media(max-width:920px){.hero{grid-template-columns:1fr}.hero-copy{min-height:43rem}.hero-visual{min-height:32rem;border-top:1px solid var(--line);border-left:0}.section-heading{grid-template-columns:1fr 1fr}.section-heading .eyebrow{grid-column:1/-1}.section-heading>p:last-child{align-self:end}.focus-grid{grid-template-columns:1fr}.focus-card{min-height:0}.focus-card+.focus-card{border-top:1px solid var(--line);border-left:0}.card-signal{margin-bottom:3rem}.company-section{grid-template-columns:1fr}.company-facts{max-width:38rem}.contact-band{grid-template-columns:1fr}.legal-grid{grid-template-columns:1fr}.contact-details{grid-template-columns:1fr}.contact-details div+div{border-top:1px solid var(--line);border-left:0}}@media(max-width:680px){.site-header{height:5.25rem}.wordmark{font-size:.82rem;letter-spacing:.22em}.brand-mark{width:2.9rem}.menu-button{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-end;gap:.28rem;padding:.4rem;color:var(--ink)}.menu-button span{font-family:var(--mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase}.menu-button i{display:block;width:1.6rem;height:1px;background:currentColor;transition:transform .2s}.menu-button[aria-expanded="true"] i:first-of-type{transform:translateY(3px) rotate(45deg)}.menu-button[aria-expanded="true"] i:last-of-type{transform:translateY(-2px) rotate(-45deg)}.primary-nav{position:absolute;top:0;right:0;left:0;display:flex;visibility:hidden;flex-direction:column;align-items:flex-start;gap:1.5rem;padding:7rem var(--pad) 2.5rem;background:var(--mist);border-bottom:1px solid var(--line);opacity:0;transform:translateY(-1rem);transition:opacity .2s,transform .2s,visibility .2s}.primary-nav[data-open]{visibility:visible;opacity:1;transform:none}.primary-nav a{font-size:1rem}.hero{min-height:auto}.hero-copy{min-height:calc(100svh - 5.25rem);padding-top:4rem;padding-bottom:5rem}.hero h1{font-size:clamp(3.2rem,15vw,5rem)}.hero-actions{align-items:flex-start;flex-direction:column}.hero-visual{min-height:25rem}.visual-note{display:none}.section-heading{grid-template-columns:1fr}.section-heading .eyebrow{grid-column:auto}.focus-card{padding-right:0;padding-left:0}.company-orbit{top:2rem;right:-3rem}.company-facts p{grid-template-columns:1fr}.contact-email{font-size:1rem}.site-footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start;flex-wrap:wrap}.copyright{flex-direction:column;gap:.45rem}.inner-hero h1,.not-found h1{font-size:clamp(3.4rem,16vw,5.5rem)}.contact-email-large{margin-top:3rem}.legal-main{padding-top:4rem}.legal-title h1{font-size:clamp(3.2rem,15vw,5.4rem)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.wave-lines path{stroke-dashoffset:0}}

.scroll-progress {
  position: fixed;
  z-index: 90;
  inset: 0 0 auto;
  height: 2px;
  pointer-events: none;
}

.scroll-progress i {
  display: block;
  width: 100%;
  height: 100%;
  background: var(--blue);
  transform: scaleX(0);
  transform-origin: left;
  will-change: transform;
}

.pointer-glow {
  position: fixed;
  z-index: 80;
  top: 0;
  left: 0;
  width: 22.5rem;
  height: 22.5rem;
  border: 1px solid rgba(65, 105, 225, .11);
  border-radius: 50%;
  box-shadow: inset 0 0 0 3.8rem rgba(65, 105, 225, .018), inset 0 0 0 7.6rem rgba(54, 95, 74, .014);
  pointer-events: none;
  will-change: transform;
}

.site-header {
  position: sticky;
  z-index: 70;
  top: 0;
  transition: height .3s, background .3s;
}

.site-header.is-scrolled {
  height: 4.8rem;
  background: rgba(243, 245, 242, .95);
}

.flow-canvas {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: .8;
}

.hero-visual .wave-field {
  z-index: 1;
}

.systems-section {
  position: relative;
  padding: clamp(6rem, 11vw, 11rem) var(--pad);
  background: #141918;
  color: var(--white);
  overflow: hidden;
}

.systems-section::before {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
  background-size: 6.5rem 6.5rem;
  content: "";
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .65), transparent 78%);
}

.systems-intro {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: .6fr 1.3fr .8fr;
  gap: 3rem;
  align-items: end;
  margin-bottom: clamp(4rem, 8vw, 7rem);
}

.systems-intro .eyebrow {
  align-self: start;
  margin-top: .8rem;
}

.systems-intro h2 {
  max-width: 13ch;
  margin: 0;
  font-size: clamp(3rem, 5.4vw, 6rem);
  font-weight: 300;
  letter-spacing: -.06em;
  line-height: .96;
}

.systems-intro > p:last-child {
  margin: 0 0 .35rem;
  color: #a9b4af;
}

.system-console {
  position: relative;
  z-index: 2;
  border: 1px solid rgba(255, 255, 255, .17);
  background: rgba(11, 15, 14, .82);
  box-shadow: 0 2.5rem 7rem rgba(0, 0, 0, .28);
}

.console-bar,
.console-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 3.2rem;
  padding: 0 1.25rem;
  color: #83908a;
  font-family: var(--mono);
  font-size: .6rem;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.console-bar {
  border-bottom: 1px solid rgba(255, 255, 255, .13);
}

.console-bar p {
  display: flex;
  align-items: center;
  gap: .6rem;
  margin: 0;
  color: #c8d1cd;
}

.live-dot {
  position: relative;
  width: .42rem;
  height: .42rem;
  border-radius: 50%;
  background: #6fc69c;
  box-shadow: 0 0 0 .32rem rgba(111, 198, 156, .08), 0 0 1.1rem rgba(111, 198, 156, .45);
}

.live-dot::after,
.engine-toolbar p i::after {
  position: absolute;
  inset: -.36rem;
  border: 1px solid rgba(111, 198, 156, .5);
  border-radius: 50%;
  content: "";
  animation: live-pulse 2.2s ease-in-out infinite;
  pointer-events: none;
}

.console-body {
  display: grid;
  grid-template-columns: minmax(12rem, .27fr) minmax(0, .73fr);
  min-height: 39rem;
}

.console-tabs {
  display: flex;
  flex-direction: column;
  border-right: 1px solid rgba(255, 255, 255, .13);
}

.console-tabs button {
  position: relative;
  display: grid;
  grid-template-columns: 2.5rem 1fr;
  align-items: center;
  min-height: 7rem;
  padding: 1.2rem 1.4rem;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, .13);
  background: transparent;
  color: #78837e;
  cursor: pointer;
  text-align: left;
  transition: color .25s, background .25s;
}

.console-tabs button::after {
  position: absolute;
  top: 0;
  right: -1px;
  bottom: 0;
  width: 2px;
  background: var(--blue);
  content: "";
  opacity: 0;
  transform: scaleY(.25);
  transition: opacity .25s, transform .25s;
}

.console-tabs button span {
  color: #56605c;
  font-family: var(--mono);
  font-size: .62rem;
}

.console-tabs button:hover,
.console-tabs button[aria-selected="true"] {
  background: rgba(255, 255, 255, .035);
  color: var(--white);
}

.console-tabs button[aria-selected="true"]::after {
  opacity: 1;
  transform: scaleY(1);
}

.console-stage {
  position: relative;
  min-width: 0;
  overflow: hidden;
}

.system-map {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.map-grid {
  fill: none;
  stroke: rgba(255, 255, 255, .05);
  stroke-width: 1;
}

.map-route {
  fill: none;
  stroke: rgba(139, 156, 148, .42);
  stroke-width: 1.25;
  stroke-dasharray: 4 8;
}

.route-b {
  stroke: rgba(65, 105, 225, .34);
}

.map-node {
  fill: #141918;
  stroke-width: 2.5;
  transition: r .35s, fill .35s;
}

.node-product { stroke: #72a58b; }
.node-intelligence { stroke: #7189df; }
.node-growth { stroke: #d9a441; }
.route-pulse { fill: #9cb4ff; offset-path: path("M92 352C194 350 198 116 374 113C520 110 545 300 680 296"); animation: route-flow 6s linear infinite; }
.pulse-b { fill: #d9a441; offset-path: path("M92 352C240 355 290 274 380 235C474 194 568 211 680 296"); animation-delay: -3s; }

.console-stage[data-system-stage="product"] .node-product,
.console-stage[data-system-stage="intelligence"] .node-intelligence,
.console-stage[data-system-stage="growth"] .node-growth {
  r: 17px;
  fill: rgba(65, 105, 225, .18);
}

.stage-caption {
  position: absolute;
  z-index: 2;
  top: 3.2rem;
  left: clamp(2rem, 5vw, 5rem);
  width: min(28rem, 65%);
}

.stage-caption > p:first-child {
  margin-bottom: 1.1rem;
  color: #7f8d87;
  font-family: var(--mono);
  font-size: .65rem;
  letter-spacing: .12em;
}

.stage-caption h3 {
  margin-bottom: 1.25rem;
  font-size: clamp(2.1rem, 4vw, 4.6rem);
  font-weight: 300;
  letter-spacing: -.055em;
  line-height: .95;
}

.stage-caption > p:last-child {
  max-width: 35rem;
  color: #9ba7a2;
}

.stage-caption .is-switching,
.stage-readout .is-switching {
  opacity: 0;
  transform: translateY(6px);
}

.stage-caption [data-stage-index],
.stage-caption [data-stage-title],
.stage-caption [data-stage-copy],
.stage-readout [data-stage-signal] {
  transition: opacity .18s, transform .18s;
}

.stage-readout {
  position: absolute;
  z-index: 2;
  right: 2rem;
  bottom: 2rem;
  display: flex;
  align-items: center;
  gap: .45rem;
  color: #66716c;
  font-family: var(--mono);
  font-size: .6rem;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.stage-readout i {
  width: 1.5rem;
  height: 2px;
  background: #34423c;
  animation: signal-wave 1.8s ease-in-out infinite;
}

.stage-readout i:nth-of-type(2) { animation-delay: .14s; }
.stage-readout i:nth-of-type(3) { animation-delay: .28s; }
.stage-readout i:nth-of-type(4) { animation-delay: .42s; }
.stage-readout i:nth-of-type(5) { animation-delay: .56s; }
.stage-readout strong { margin-left: .35rem; color: #a8cbb9; font-weight: 400; }

.console-footer {
  border-top: 1px solid rgba(255, 255, 255, .13);
}

.console-footer span:last-child { color: #82b99d; }

@keyframes live-pulse {
  0%, 100% { opacity: .15; transform: scale(.72); }
  50% { opacity: .72; transform: scale(1.18); }
}

@keyframes route-flow { to { offset-distance: 100%; } }

@keyframes signal-wave {
  0%, 100% { opacity: .24; transform: scaleX(.5); }
  50% { opacity: 1; transform: scaleX(1); }
}

@media (max-width: 920px) {
  .systems-intro { grid-template-columns: 1fr 1fr; }
  .systems-intro .eyebrow { grid-column: 1 / -1; }
  .console-body { grid-template-columns: 1fr; min-height: 42rem; }
  .console-tabs { flex-direction: row; border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, .13); }
  .console-tabs button { flex: 1; min-height: 5rem; border-bottom: 0; }
  .console-tabs button + button { border-left: 1px solid rgba(255, 255, 255, .13); }
  .console-tabs button::after { inset: auto 0 -1px; width: auto; height: 2px; transform: scaleX(.25); }
  .console-tabs button[aria-selected="true"]::after { transform: scaleX(1); }
}

@media (max-width: 680px) {
  .pointer-glow { display: none; }
  .site-header.is-scrolled { height: 4.5rem; }
  .systems-intro { grid-template-columns: 1fr; }
  .systems-intro .eyebrow { grid-column: auto; }
  .systems-intro h2 { font-size: clamp(3rem, 14vw, 4.8rem); }
  .console-bar > span, .console-footer span:first-child { display: none; }
  .console-tabs button { display: flex; justify-content: center; min-width: 0; padding: 1rem .55rem; font-size: .75rem; }
  .console-tabs button span { display: none; }
  .console-body { min-height: 42rem; }
  .stage-caption { top: 2rem; left: 1.25rem; width: calc(100% - 2.5rem); }
  .stage-caption h3 { font-size: clamp(2.15rem, 10.5vw, 3.3rem); }
  .system-map { opacity: .58; }
  .stage-readout { right: auto; bottom: 1.25rem; left: 1.25rem; }
  .stage-readout i { width: .7rem; }
}

@media (prefers-reduced-motion: reduce) {
  .pointer-glow { display: none; }
  .live-dot::after, .route-pulse, .stage-readout i { animation: none; }
}

.page-shell { overflow: clip; }

.visual-command {
  position: absolute;
  z-index: 3;
  top: 1.35rem;
  left: 1.4rem;
  display: flex;
  align-items: center;
  gap: .65rem;
  margin: 0;
  color: #66716c;
  font-family: var(--mono);
  font-size: .58rem;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.visual-command i {
  width: .42rem;
  height: .42rem;
  border: 1px solid var(--blue);
  border-radius: 50%;
  box-shadow: 0 0 0 .28rem rgba(65, 105, 225, .08);
  animation: command-pulse 2.4s ease-in-out infinite;
}

.signal-runway {
  --scene: #78aa90;
  --scene-rgb: 120, 170, 144;
  --signal-x: 37%;
  --signal-y: 61%;
  position: relative;
  background: var(--white);
}

.signal-runway[data-runway-scene="intelligence"] {
  --scene: #7189df;
  --scene-rgb: 113, 137, 223;
  --signal-x: 53%;
  --signal-y: 37%;
}

.signal-runway[data-runway-scene="growth"] {
  --scene: #d9a441;
  --scene-rgb: 217, 164, 65;
  --signal-x: 70%;
  --signal-y: 55%;
}

.runway-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(27rem, .94fr);
  align-items: start;
}

.runway-sticky {
  position: sticky;
  z-index: 3;
  top: 4.8rem;
  display: grid;
  grid-template-rows: auto 1fr auto;
  align-self: start;
  height: calc(100svh - 4.8rem);
  min-height: 42rem;
  background: #101413;
  color: var(--white);
  overflow: hidden;
}

.runway-toolbar {
  position: relative;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 3.4rem;
  padding: 0 1.3rem;
  border-bottom: 1px solid rgba(255, 255, 255, .13);
  color: #718079;
  font-family: var(--mono);
  font-size: .57rem;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.runway-toolbar p {
  display: flex;
  align-items: center;
  gap: .65rem;
  margin: 0;
  color: #bac5c0;
}

.runway-stage {
  position: relative;
  min-height: 0;
  overflow: hidden;
  isolation: isolate;
}

.runway-stage::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background-image: linear-gradient(rgba(255, 255, 255, .052) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .052) 1px, transparent 1px);
  background-size: 4.75rem 4.75rem;
  content: "";
  mask-image: radial-gradient(circle at 55% 48%, #000 10%, rgba(0, 0, 0, .62) 52%, transparent 92%);
}

.runway-stage::after {
  position: absolute;
  z-index: -1;
  inset: -18%;
  background: radial-gradient(circle at var(--signal-x) var(--signal-y), rgba(var(--scene-rgb), .15), transparent 24%);
  content: "";
  transition: background .7s ease;
}

[data-runway-canvas] {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
}

.runway-reticle {
  position: absolute;
  z-index: 2;
  top: var(--signal-y);
  left: var(--signal-x);
  width: clamp(8rem, 15vw, 13rem);
  aspect-ratio: 1;
  border: 1px solid rgba(var(--scene-rgb), .38);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: top .8s cubic-bezier(.2, .7, .2, 1), left .8s cubic-bezier(.2, .7, .2, 1), border-color .5s;
}

.runway-reticle::before,
.runway-reticle::after {
  position: absolute;
  border: 1px solid rgba(var(--scene-rgb), .17);
  border-radius: 50%;
  content: "";
}

.runway-reticle::before { inset: 12%; }
.runway-reticle::after { inset: -16%; border-style: dashed; animation: reticle-spin 24s linear infinite; }

.runway-reticle i {
  position: absolute;
  top: 50%;
  left: 50%;
  background: rgba(var(--scene-rgb), .5);
  transform: translate(-50%, -50%);
}

.runway-reticle i:first-child { width: 145%; height: 1px; }
.runway-reticle i:nth-child(2) { width: 1px; height: 145%; }

.runway-reticle span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: .45rem;
  height: .45rem;
  border-radius: 50%;
  background: var(--scene);
  box-shadow: 0 0 1.7rem .45rem rgba(var(--scene-rgb), .46);
  transform: translate(-50%, -50%);
}

.runway-axis {
  position: absolute;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  color: #5d6963;
  font-family: var(--mono);
  font-size: .52rem;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.axis-x { right: 1.25rem; bottom: 1.1rem; left: 1.25rem; }
.axis-y { top: 1.25rem; right: 1rem; bottom: 7.25rem; flex-direction: column; align-items: flex-end; }

.runway-scene-number {
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 50%;
  margin: 0;
  color: rgba(255, 255, 255, .025);
  font-size: clamp(8rem, 19vw, 18rem);
  font-weight: 200;
  letter-spacing: -.1em;
  line-height: 1;
  transform: translate(-52%, -50%);
  user-select: none;
}

.runway-metrics {
  position: absolute;
  z-index: 3;
  right: 1.4rem;
  bottom: 2.7rem;
  left: 1.4rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  pointer-events: none;
}

.runway-metrics p {
  display: flex;
  flex-direction: column;
  gap: .35rem;
  margin: 0;
  padding-top: .75rem;
  border-top: 1px solid rgba(255, 255, 255, .15);
}

.runway-metrics span {
  color: #64716b;
  font-family: var(--mono);
  font-size: .5rem;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.runway-metrics strong {
  color: #c3cec9;
  font-size: .68rem;
  font-weight: 500;
  transition: color .4s;
}

.runway-nav {
  position: relative;
  z-index: 4;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid rgba(255, 255, 255, .13);
}

.runway-nav button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .6rem;
  min-width: 0;
  min-height: 4.6rem;
  border: 0;
  background: transparent;
  color: #6c7772;
  cursor: pointer;
  font-size: .68rem;
  letter-spacing: .045em;
  transition: background .25s, color .25s;
}

.runway-nav button + button { border-left: 1px solid rgba(255, 255, 255, .13); }

.runway-nav button::before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  background: var(--scene);
  content: "";
  transform: scaleX(0);
  transition: transform .35s cubic-bezier(.2, .7, .2, 1), background .35s;
}

.runway-nav button:hover,
.runway-nav button.is-active {
  background: rgba(255, 255, 255, .035);
  color: var(--white);
}

.runway-nav button.is-active::before { transform: scaleX(1); }

.runway-nav button span {
  color: #55615b;
  font-family: var(--mono);
  font-size: .53rem;
}

.runway-copy {
  padding: 0 clamp(2rem, 5vw, 6rem);
  background: var(--white);
}

.runway-intro {
  display: flex;
  min-height: 88svh;
  flex-direction: column;
  justify-content: center;
  border-bottom: 1px solid var(--line);
}

.runway-intro h2 {
  max-width: 7ch;
  margin-bottom: 2rem;
  font-size: clamp(4rem, 7vw, 7.8rem);
  font-weight: 300;
  letter-spacing: -.075em;
  line-height: .86;
}

.runway-intro > p:last-child {
  max-width: 34rem;
  margin: 0;
  color: var(--muted);
  font-size: clamp(1rem, 1.25vw, 1.18rem);
}

.runway-step {
  display: flex;
  min-height: 86svh;
  flex-direction: column;
  justify-content: center;
  border-bottom: 1px solid var(--line);
  opacity: 1;
  transform: translateX(1.4rem);
  transition: transform .7s cubic-bezier(.2, .7, .2, 1);
}

.runway-step.is-active { transform: none; }

.step-index {
  display: flex;
  align-items: center;
  gap: .8rem;
  margin-bottom: 2rem;
  color: var(--green);
  font-family: var(--mono);
  font-size: .67rem;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.step-index span {
  display: grid;
  width: 2.1rem;
  height: 2.1rem;
  place-items: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  font-size: .55rem;
}

.runway-step h3 {
  max-width: 11ch;
  margin-bottom: 1.7rem;
  font-size: clamp(2.8rem, 5vw, 5.8rem);
  font-weight: 300;
  letter-spacing: -.065em;
  line-height: .94;
}

.runway-step > p:not(.step-index) {
  max-width: 33rem;
  margin: 0;
  color: var(--muted);
  font-size: clamp(1rem, 1.25vw, 1.18rem);
}

.step-trace {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 3.4rem;
  color: var(--muted);
  font-family: var(--mono);
  font-size: .56rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.step-trace i {
  position: relative;
  width: 3.5rem;
  height: 1px;
  background: var(--scene);
}

.step-trace i::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: .35rem;
  height: .35rem;
  border-radius: 50%;
  background: var(--scene);
  box-shadow: 0 0 0 .3rem rgba(var(--scene-rgb), .09);
  content: "";
  transform: translateY(-50%);
}

.system-console {
  --console-rx: 0deg;
  --console-ry: 0deg;
  --console-glow-x: 50%;
  --console-glow-y: 50%;
  transform-style: preserve-3d;
  transition: opacity .7s ease, transform .2s cubic-bezier(.2, .7, .2, 1);
}

.system-console.is-visible {
  transform: perspective(1600px) rotateX(var(--console-rx)) rotateY(var(--console-ry));
}

.system-console::after {
  position: absolute;
  z-index: 5;
  inset: 0;
  background: radial-gradient(circle at var(--console-glow-x) var(--console-glow-y), rgba(113, 137, 223, .105), transparent 27%);
  content: "";
  pointer-events: none;
}

@keyframes command-pulse { 50% { opacity: .45; transform: scale(.72); } }
@keyframes reticle-spin { to { transform: rotate(360deg); } }

@media (max-width: 920px) {
  .runway-shell { display: block; }
  .runway-sticky {
    position: relative;
    top: auto;
    height: clamp(30rem, 58svh, 39rem);
    min-height: 0;
  }
  .runway-copy { position: relative; z-index: 2; padding: 0 var(--pad); }
  .runway-intro { min-height: 66svh; padding-top: 4rem; }
  .runway-step { min-height: 72svh; justify-content: flex-start; padding: 3.5rem 0 5rem; scroll-margin-top: 6.5rem; }
  .runway-intro h2 { font-size: clamp(4rem, 13vw, 7rem); }
  .runway-step h3 { font-size: clamp(3rem, 9vw, 5.4rem); }
}

@media (max-width: 680px) {
  .visual-command { display: none; }
  .runway-sticky { top: auto; height: clamp(20rem, 42svh, 25rem); min-height: 0; }
  .runway-toolbar { padding: 0 1rem; }
  .runway-toolbar > span { display: none; }
  .runway-stage::before { background-size: 3.25rem 3.25rem; }
  .runway-reticle { width: 7.25rem; }
  .runway-axis { display: none; }
  .runway-scene-number { font-size: 7rem; }
  .runway-metrics { right: 1rem; bottom: 1rem; left: 1rem; grid-template-columns: 1fr 1fr; }
  .runway-metrics p:nth-child(2) { display: none; }
  .runway-nav button { min-height: 3.9rem; font-size: .58rem; }
  .runway-nav button span { display: none; }
  .runway-copy { padding: 0 1.25rem; }
  .runway-intro { min-height: 70svh; padding-top: 4rem; }
  .runway-intro h2 { font-size: clamp(3.7rem, 18vw, 5.5rem); }
  .runway-step { min-height: 76svh; padding-top: 2.5rem; scroll-margin-top: 5.75rem; }
  .runway-step h3 { font-size: clamp(2.8rem, 13vw, 4.2rem); }
  .step-trace { align-items: flex-start; }
  .system-console.is-visible { transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  .visual-command i, .runway-reticle::after { animation: none; }
  .runway-step { opacity: 1; transform: none; }
  .system-console.is-visible { transform: none; }
}

.hero {
  grid-template-columns: minmax(0, .98fr) minmax(34rem, 1.02fr);
  background: var(--mist);
}

.hero-copy {
  position: relative;
  z-index: 2;
  justify-content: flex-start;
  padding-top: clamp(3.5rem, 7vh, 6.5rem);
  padding-bottom: 1.1rem;
  background-image: radial-gradient(circle at 84% 96%, rgba(65, 105, 225, .055), transparent 23%), linear-gradient(135deg, rgba(255, 255, 255, .48), transparent 42%);
  overflow: hidden;
}

.hero-copy::before {
  position: absolute;
  z-index: -1;
  right: -12rem;
  bottom: -16rem;
  width: 33rem;
  height: 33rem;
  border: 1px solid rgba(65, 105, 225, .075);
  border-radius: 50%;
  box-shadow: 0 0 0 5rem rgba(65, 105, 225, .018), 0 0 0 10rem rgba(54, 95, 74, .012);
  content: "";
}

.hero h1 {
  max-width: 11.8ch;
  margin-bottom: 1.65rem;
  font-size: clamp(3.65rem, 5.2vw, 6.7rem);
  letter-spacing: -.073em;
  line-height: .89;
}

.hero-lede { max-width: 39rem; margin-bottom: 1.8rem; font-size: clamp(1rem, 1vw, 1.12rem); }

.hero-signal-rail {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
  width: 100%;
  margin-top: auto;
  padding-top: clamp(1rem, 2.2vh, 2rem);
}

.hero-signal-rail p {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: .55rem .75rem;
  margin: 0;
  color: #6e7974;
  font-family: var(--mono);
  font-size: .51rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.hero-signal-rail span { color: #8b9590; }
.hero-signal-rail i { height: 1px; background: rgba(17, 21, 20, .17); }
.hero-signal-rail strong { grid-column: 1 / -1; color: #39433f; font-size: .56rem; font-weight: 400; }
.hero-signal-rail p:nth-child(1) i { background: rgba(54, 95, 74, .5); }
.hero-signal-rail p:nth-child(2) i { background: rgba(65, 105, 225, .5); }
.hero-signal-rail p:nth-child(3) i { background: rgba(217, 164, 65, .62); }

.hero-engine {
  --engine-scene: #7189df;
  --engine-rgb: 113, 137, 223;
  --engine-core-x: 56%;
  --engine-core-y: 46%;
  --engine-rx: 0deg;
  --engine-ry: 0deg;
  position: relative;
  display: grid;
  min-width: 0;
  min-height: 37rem;
  grid-template-rows: auto 1fr auto;
  border-left: 1px solid rgba(17, 21, 20, .28);
  background: #0d1211;
  color: var(--white);
  overflow: hidden;
  isolation: isolate;
}

.hero-engine[data-engine-mode="product"] {
  --engine-scene: #78aa90;
  --engine-rgb: 120, 170, 144;
  --engine-core-x: 40%;
  --engine-core-y: 59%;
}

.hero-engine[data-engine-mode="growth"] {
  --engine-scene: #d9a441;
  --engine-rgb: 217, 164, 65;
  --engine-core-x: 68%;
  --engine-core-y: 56%;
}

.hero-engine::before {
  position: absolute;
  z-index: -2;
  inset: 0;
  background-image: linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px);
  background-size: 4.75rem 4.75rem;
  content: "";
  mask-image: radial-gradient(circle at 56% 48%, #000 12%, rgba(0, 0, 0, .7) 58%, transparent 100%);
}

.hero-engine::after {
  position: absolute;
  z-index: 8;
  top: 0;
  bottom: 0;
  left: 0;
  width: 2px;
  background: linear-gradient(var(--green) 0 33.333%, var(--blue) 33.333% 66.666%, var(--gold) 66.666%);
  content: "";
  pointer-events: none;
}

.engine-canvas {
  position: absolute;
  z-index: 2;
  inset: 0;
  width: 100%;
  height: 100%;
}

.engine-toolbar {
  position: relative;
  z-index: 7;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 3.5rem;
  padding: 0 1.35rem;
  border-bottom: 1px solid rgba(255, 255, 255, .13);
  background: rgba(8, 12, 11, .46);
  color: #6f7b76;
  font-family: var(--mono);
  font-size: .55rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  backdrop-filter: blur(10px);
}

.engine-toolbar p { display: flex; align-items: center; gap: .65rem; margin: 0; color: #bdc7c2; }

.engine-toolbar p i {
  position: relative;
  width: .42rem;
  height: .42rem;
  border-radius: 50%;
  background: #6fc69c;
  box-shadow: 0 0 0 .32rem rgba(111, 198, 156, .08), 0 0 1.1rem rgba(111, 198, 156, .45);
}

.engine-stage { position: relative; min-height: 0; overflow: hidden; }

.engine-scene-index {
  position: absolute;
  z-index: 1;
  top: 48%;
  left: 49%;
  margin: 0;
  color: rgba(255, 255, 255, .028);
  font-size: clamp(10rem, 19vw, 22rem);
  font-weight: 200;
  letter-spacing: -.12em;
  line-height: 1;
  transform: translate(-52%, -50%);
  user-select: none;
}

.engine-stage::after {
  position: absolute;
  z-index: 3;
  inset: 0;
  background: radial-gradient(circle at var(--engine-core-x) var(--engine-core-y), rgba(var(--engine-rgb), .13), transparent 22%), linear-gradient(to bottom, transparent 60%, rgba(5, 8, 7, .68));
  content: "";
  pointer-events: none;
  transition: background .6s;
}

.engine-plane {
  position: absolute;
  z-index: 1;
  top: 51%;
  left: 54%;
  width: min(68%, 31rem);
  aspect-ratio: 1.28;
  border: 1px solid rgba(var(--engine-rgb), .27);
  background-image: linear-gradient(rgba(var(--engine-rgb), .08) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--engine-rgb), .08) 1px, transparent 1px);
  background-size: 2.4rem 2.4rem;
  box-shadow: inset 0 0 4rem rgba(var(--engine-rgb), .035), 0 2.5rem 7rem rgba(0, 0, 0, .42);
  transform: translate(-50%, -50%) perspective(950px) rotateX(calc(61deg + var(--engine-rx))) rotateZ(calc(-15deg + var(--engine-ry)));
  transform-style: preserve-3d;
  transition: border-color .45s, background-image .45s, transform .18s cubic-bezier(.2, .7, .2, 1);
}

.engine-plane::before {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, transparent 0 42%, rgba(var(--engine-rgb), .7) 50%, transparent 58%);
  content: "";
  opacity: .35;
  transform: translateY(-100%);
  animation: engine-scan 4.6s ease-in-out infinite;
}

.engine-plane::after {
  position: absolute;
  inset: -1px;
  border: 1px solid rgba(255, 255, 255, .06);
  box-shadow: 0 0 0 1.35rem rgba(var(--engine-rgb), .018), 0 0 0 2.7rem rgba(var(--engine-rgb), .012);
  content: "";
}

.engine-plane > i { position: absolute; border: 1px solid rgba(var(--engine-rgb), .16); }
.engine-plane > i:first-child { inset: 12%; }
.engine-plane > i:nth-child(2) { inset: 25%; }
.engine-plane > i:nth-child(3) { top: 50%; right: -8%; left: -8%; height: 1px; border: 0; background: rgba(var(--engine-rgb), .34); }

.engine-orbit {
  position: absolute;
  z-index: 3;
  top: var(--engine-core-y);
  left: var(--engine-core-x);
  aspect-ratio: 1;
  border: 1px dashed rgba(var(--engine-rgb), .32);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: top .75s cubic-bezier(.2, .7, .2, 1), left .75s cubic-bezier(.2, .7, .2, 1), border-color .45s;
  pointer-events: none;
}

.orbit-one { width: clamp(10rem, 23vw, 18rem); animation: engine-orbit 28s linear infinite; }
.orbit-two { width: clamp(6.5rem, 14vw, 11rem); border-style: solid; opacity: .45; animation: engine-orbit 18s linear reverse infinite; }

.engine-crosshair {
  position: absolute;
  z-index: 4;
  top: var(--engine-core-y);
  left: var(--engine-core-x);
  width: clamp(5rem, 10vw, 8.5rem);
  aspect-ratio: 1;
  transform: translate(-50%, -50%);
  transition: top .75s cubic-bezier(.2, .7, .2, 1), left .75s cubic-bezier(.2, .7, .2, 1);
  pointer-events: none;
}

.engine-crosshair i { position: absolute; top: 50%; left: 50%; background: rgba(var(--engine-rgb), .58); transform: translate(-50%, -50%); }
.engine-crosshair i:first-child { width: 170%; height: 1px; }
.engine-crosshair i:nth-child(2) { width: 1px; height: 170%; }

.engine-crosshair span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: .55rem;
  height: .55rem;
  border-radius: 50%;
  background: var(--engine-scene);
  box-shadow: 0 0 0 .5rem rgba(var(--engine-rgb), .1), 0 0 2rem rgba(var(--engine-rgb), .75);
  transform: translate(-50%, -50%);
}

.engine-node {
  --node: #78aa90;
  position: absolute;
  z-index: 6;
  display: flex;
  align-items: center;
  gap: .7rem;
  min-height: 2.8rem;
  padding: .6rem .75rem;
  border: 1px solid rgba(255, 255, 255, .12);
  background: rgba(9, 13, 12, .7);
  color: #8a9690;
  cursor: pointer;
  font-family: var(--mono);
  font-size: .58rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  backdrop-filter: blur(12px);
  transition: color .25s, border-color .25s, background .25s, transform .25s;
}

.engine-node > i { width: .46rem; height: .46rem; border: 1px solid var(--node); border-radius: 50%; box-shadow: 0 0 0 .28rem color-mix(in srgb, var(--node) 10%, transparent); }
.engine-node span { display: flex; align-items: center; gap: .6rem; }
.engine-node small { color: #53605a; font-size: .48rem; }
.node-product { --node: #78aa90; top: 66%; left: 6%; }
.node-intelligence { --node: #7189df; top: 17%; right: 6%; }
.node-growth { --node: #d9a441; right: 7%; bottom: 12%; }

.engine-node:hover,
.engine-node.is-active {
  border-color: color-mix(in srgb, var(--node) 62%, transparent);
  background: rgba(17, 23, 21, .9);
  color: var(--white);
  transform: translateY(-2px);
}

.engine-node.is-active > i { background: var(--node); box-shadow: 0 0 0 .34rem color-mix(in srgb, var(--node) 12%, transparent), 0 0 1.35rem color-mix(in srgb, var(--node) 75%, transparent); }

.engine-instruction {
  position: absolute;
  z-index: 6;
  right: 1.25rem;
  bottom: 1rem;
  left: 1.25rem;
  display: flex;
  align-items: center;
  gap: .75rem;
  margin: 0;
  color: #54605b;
  font-family: var(--mono);
  font-size: .49rem;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.engine-instruction i { flex: 1; height: 1px; background: linear-gradient(to right, rgba(255, 255, 255, .12), transparent); }

.engine-readout {
  position: relative;
  z-index: 7;
  display: grid;
  grid-template-columns: .9fr 1fr 1.25fr 1fr;
  align-items: center;
  gap: 1rem;
  min-height: 5rem;
  padding: .8rem 1.3rem;
  border-top: 1px solid rgba(255, 255, 255, .13);
  background: rgba(7, 11, 10, .72);
  backdrop-filter: blur(12px);
}

.engine-readout > p { display: flex; flex-direction: column; gap: .25rem; margin: 0; }
.engine-readout p > span { color: #56615c; font-family: var(--mono); font-size: .48rem; letter-spacing: .1em; text-transform: uppercase; }
.engine-readout strong { color: #cbd4d0; font-size: .65rem; font-weight: 500; }

.stage-flow {
  position: absolute;
  z-index: 3;
  right: clamp(1.5rem, 4vw, 4rem);
  bottom: 2rem;
  left: clamp(1.5rem, 4vw, 4rem);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid rgba(255, 255, 255, .17);
  background: rgba(12, 17, 15, .4);
  backdrop-filter: blur(8px);
}

.stage-flow p {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: .48rem;
  margin: 0;
  padding: .9rem 1rem .2rem 0;
}

.stage-flow p + p {
  padding-left: 1rem;
  border-left: 1px solid rgba(255, 255, 255, .13);
}

.stage-flow span {
  color: #65716c;
  font-family: var(--mono);
  font-size: .52rem;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.stage-flow strong {
  color: #c1cbc6;
  font-size: .68rem;
  font-weight: 500;
  line-height: 1.4;
  transition: opacity .18s, transform .18s;
}

.stage-flow .is-switching {
  opacity: 0;
  transform: translateY(5px);
}

.engine-meter { display: flex; align-items: center; gap: .27rem; height: 1.8rem; }
.engine-meter i { width: 2px; height: 30%; background: var(--engine-scene); opacity: .38; animation: engine-meter 1.4s ease-in-out infinite; }
.engine-meter i:nth-child(2) { height: 58%; animation-delay: -.2s; }
.engine-meter i:nth-child(3) { height: 88%; animation-delay: -.4s; }
.engine-meter i:nth-child(4) { height: 66%; animation-delay: -.6s; }
.engine-meter i:nth-child(5) { height: 42%; animation-delay: -.8s; }
.engine-meter i:nth-child(6) { height: 72%; animation-delay: -1s; }

.engine-status {
  flex-direction: row !important;
  align-items: center;
  white-space: nowrap;
}

.engine-status > i { width: .38rem; height: .38rem; border-radius: 50%; background: #6fc69c; box-shadow: 0 0 .8rem rgba(111, 198, 156, .65); }

@keyframes engine-scan { 0%, 18% { transform: translateY(-100%); } 70%, 100% { transform: translateY(100%); } }
@keyframes engine-orbit { to { transform: translate(-50%, -50%) rotate(360deg); } }
@keyframes engine-meter { 50% { opacity: 1; transform: scaleY(1.45); } }

@media (max-width: 1100px) {
  .hero { grid-template-columns: minmax(0, .9fr) minmax(31rem, 1.1fr); }
  .hero h1 { font-size: clamp(3.6rem, 5.6vw, 5.9rem); }
  .engine-readout { grid-template-columns: 1fr 1fr; min-height: 7.2rem; }
}

@media (max-width: 920px) {
  .hero { grid-template-columns: 1fr; }
  .hero-copy { min-height: 47rem; }
  .hero h1 { max-width: 12ch; font-size: clamp(4rem, 10vw, 6.3rem); }
  .hero-engine { min-height: 44rem; border-top: 1px solid var(--line); border-left: 0; }
  .engine-plane { width: min(65%, 31rem); }
  .console-body { min-height: 44rem; grid-template-rows: 5rem minmax(39rem, 1fr); }
  .console-tabs { height: 5rem; }
}

@media (max-width: 680px) {
  .hero-copy { min-height: calc(100svh - 5.25rem); padding-top: 4rem; padding-bottom: 4rem; }
  .hero h1 { font-size: clamp(3.15rem, 14.2vw, 4.85rem); }
  .hero-signal-rail { display: grid; gap: .6rem; padding-top: 1.5rem; }
  .hero-signal-rail p { gap: .35rem .45rem; font-size: .43rem; }
  .hero-signal-rail strong { font-size: .46rem; line-height: 1.35; }
  .hero-engine { min-height: 40rem; }
  .engine-toolbar { padding: 0 1rem; }
  .engine-toolbar > span { display: none; }
  .engine-plane { top: 49%; left: 51%; width: 86%; }
  .orbit-one { width: 15rem; }
  .orbit-two { width: 9rem; }
  .engine-crosshair { width: 6rem; }
  .engine-node { min-height: 2.55rem; padding: .52rem .6rem; font-size: .52rem; }
  .engine-node small { display: none; }
  .node-product { top: 68%; left: .8rem; }
  .node-intelligence { top: 14%; right: .8rem; }
  .node-growth { right: .8rem; bottom: 10%; }
  .engine-instruction { display: none; }
  .engine-readout { grid-template-columns: 1fr 1fr; min-height: 7.2rem; padding: .7rem 1rem; }
  .console-body { min-height: 50rem; grid-template-rows: 5rem minmax(45rem, 1fr); }
  .console-tabs, .console-tabs button { height: 5rem; }
  .stage-flow { right: 1.25rem; bottom: 1.25rem; left: 1.25rem; grid-template-columns: 1fr; }
  .stage-flow p { padding: .58rem 0; }
  .stage-flow p + p { padding-left: 0; border-top: 1px solid rgba(255, 255, 255, .1); border-left: 0; }
  .stage-flow span { font-size: .47rem; }
  .stage-flow strong { font-size: .62rem; }
}

@media (prefers-reduced-motion: reduce) {
  .engine-toolbar p i::after, .engine-plane::before, .engine-orbit, .engine-meter i { animation: none; }
  .engine-plane { transform: translate(-50%, -50%) perspective(950px) rotateX(61deg) rotateZ(-15deg); }
}

.primary-nav { gap: clamp(1rem, 1.7vw, 2rem); }
.primary-nav a[aria-current="page"]::after { transform: scaleX(1); }
.footer-links { flex-wrap: wrap; }

.step-link,
.company-link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  margin-top: 2rem;
  padding-bottom: .55rem;
  border-bottom: 1px solid currentColor;
  color: var(--green);
  font-family: var(--mono);
  font-size: .58rem;
  letter-spacing: .08em;
  text-decoration: none;
  text-transform: uppercase;
}

.company-link { color: #a7c9b8; }

.capability-index { background: #edf0ec; }
.capability-index-intro,
.preview-heading {
  display: grid;
  grid-template-columns: .75fr 1.25fr .8fr;
  gap: clamp(2rem, 5vw, 6rem);
  align-items: end;
  margin-bottom: clamp(3.5rem, 7vw, 6rem);
}
.capability-index-intro .eyebrow { align-self: start; margin-top: .8rem; }
.capability-index-intro h2,
.preview-heading h2 {
  max-width: 11ch;
  margin: 0;
  font-size: clamp(3rem, 5vw, 5.8rem);
  font-weight: 300;
  letter-spacing: -.06em;
  line-height: .94;
}
.capability-index-intro > p:last-child,
.preview-heading > p:last-child { margin: 0 0 .4rem; color: var(--muted); }
.capability-link-grid { border-top: 1px solid var(--line); }
.capability-link {
  display: grid;
  grid-template-columns: minmax(9rem, .6fr) minmax(18rem, 1.4fr) auto;
  gap: 2rem;
  align-items: center;
  min-height: 7.5rem;
  border-bottom: 1px solid var(--line);
  text-decoration: none;
  transition: background .25s, padding .25s;
}
.capability-link:hover { padding-right: 1rem; padding-left: 1rem; background: rgba(255, 255, 255, .58); }
.capability-link span,
.capability-link i { color: var(--muted); font-family: var(--mono); font-size: .59rem; font-style: normal; letter-spacing: .1em; text-transform: uppercase; }
.capability-link strong { font-size: clamp(1.25rem, 2vw, 2.05rem); font-weight: 400; letter-spacing: -.035em; }

.insights-preview { background: var(--white); }
.preview-heading { grid-template-columns: 1.25fr .75fr; }
.preview-heading > div { display: grid; grid-template-columns: .55fr 1.45fr; gap: 2.5rem; align-items: end; }
.preview-heading .eyebrow { align-self: start; margin-top: .8rem; }
.insight-card-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.insight-card {
  display: flex;
  min-height: 27rem;
  flex-direction: column;
  padding: 2.2rem;
  text-decoration: none;
  transition: background .25s, color .25s;
}
.insight-card + .insight-card { border-left: 1px solid var(--line); }
.insight-card:hover { background: var(--ink); color: var(--white); }
.insight-card > span { margin-bottom: 5rem; color: var(--green); font-family: var(--mono); font-size: .6rem; letter-spacing: .11em; text-transform: uppercase; }
.insight-card h2,
.insight-card h3 { max-width: 17ch; margin-bottom: 1.2rem; font-size: clamp(1.55rem, 2.25vw, 2.35rem); font-weight: 400; letter-spacing: -.045em; line-height: 1.08; }
.insight-card p { color: var(--muted); }
.insight-card:hover p { color: #b9c3be; }
.insight-card i { margin-top: auto; padding-top: 2rem; color: var(--muted); font-family: var(--mono); font-size: .57rem; font-style: normal; letter-spacing: .08em; text-transform: uppercase; }
.preview-all { margin-top: 2.5rem; }

.content-page { --page-accent: var(--green); --page-accent-rgb: 54, 95, 74; }
.ai-first-page { --page-accent: var(--blue); --page-accent-rgb: 65, 105, 225; }
.automation-page { --page-accent: #7189df; --page-accent-rgb: 113, 137, 223; }
.growth-page { --page-accent: var(--gold); --page-accent-rgb: 217, 164, 65; }
.insights-page,
.article-page { --page-accent: var(--blue); --page-accent-rgb: 65, 105, 225; }
.content-main { min-height: calc(100svh - 6.25rem); }
.breadcrumbs { padding: 1rem var(--pad); border-bottom: 1px solid var(--line); background: rgba(243, 245, 242, .78); }
.breadcrumbs ol { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0; padding: 0; list-style: none; color: var(--muted); font-family: var(--mono); font-size: .55rem; letter-spacing: .07em; text-transform: uppercase; }
.breadcrumbs li + li::before { margin-right: .5rem; color: #9ba49f; content: "/"; }
.breadcrumbs a { text-decoration: none; }
.breadcrumbs a:hover { color: var(--green); }

.content-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.16fr) minmax(25rem, .84fr);
  min-height: 72svh;
  border-bottom: 1px solid var(--line);
  background: linear-gradient(130deg, rgba(255, 255, 255, .66), transparent 42%), var(--mist);
  overflow: hidden;
  isolation: isolate;
}
.content-hero::before { position: absolute; z-index: 3; inset: 0 auto 0 0; width: 3px; background: var(--page-accent); content: ""; }
.content-hero::after {
  position: absolute;
  z-index: -1;
  inset: 0;
  background-image: linear-gradient(rgba(17, 21, 20, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(17, 21, 20, .045) 1px, transparent 1px), radial-gradient(circle at 78% 44%, rgba(var(--page-accent-rgb), .13), transparent 24%);
  background-size: 5.5rem 5.5rem, 5.5rem 5.5rem, auto;
  content: "";
  mask-image: linear-gradient(100deg, transparent 5%, #000 52%, #000);
}
.content-hero-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(5rem, 9vw, 10rem) var(--pad); }
.content-hero-copy h1 { max-width: 14ch; margin-bottom: 2rem; font-size: clamp(3.7rem, 6.2vw, 7.6rem); font-weight: 300; letter-spacing: -.072em; line-height: .9; }
.content-hero-copy > p:last-child { max-width: 44rem; margin: 0; color: var(--muted); font-size: clamp(1.05rem, 1.4vw, 1.28rem); }

.entity-ledger,
.signal-spec,
.insights-manifest {
  align-self: center;
  margin: var(--pad);
  border-top: 1px solid var(--ink);
  border-bottom: 1px solid var(--ink);
  background: rgba(243, 245, 242, .72);
  backdrop-filter: blur(12px);
}
.entity-ledger p { display: grid; grid-template-columns: 8rem 1fr; gap: 1rem; margin: 0; padding: 1.15rem 0; border-bottom: 1px solid var(--line); }
.entity-ledger p:last-child { border: 0; }
.entity-ledger span,
.signal-spec span,
.insights-manifest span { color: var(--muted); font-family: var(--mono); font-size: .58rem; letter-spacing: .09em; text-transform: uppercase; }
.entity-ledger strong,
.signal-spec strong,
.insights-manifest strong { font-size: .88rem; font-weight: 500; }
.signal-spec { display: grid; grid-template-columns: 7rem 1fr; gap: .75rem 1rem; padding: 1.5rem 0; }
.signal-spec i { grid-column: 1 / -1; height: 1px; background: linear-gradient(to right, var(--page-accent), transparent); }

.context-orbit {
  position: relative;
  align-self: center;
  aspect-ratio: 1;
  width: min(80%, 31rem);
  margin: 2rem auto;
  border: 1px solid rgba(var(--page-accent-rgb), .42);
  border-radius: 50%;
  box-shadow: inset 0 0 0 3.5rem rgba(var(--page-accent-rgb), .025), inset 0 0 0 7rem rgba(var(--page-accent-rgb), .02);
}
.context-orbit::before,
.context-orbit::after { position: absolute; inset: 23%; border: 1px dashed rgba(var(--page-accent-rgb), .34); border-radius: 50%; content: ""; }
.context-orbit::after { inset: 41%; border-style: solid; background: rgba(var(--page-accent-rgb), .08); }
.context-orbit div { position: absolute; display: flex; flex-direction: column; gap: .25rem; padding: .7rem; background: rgba(243, 245, 242, .9); }
.context-orbit div:nth-child(1) { top: 7%; left: 33%; }
.context-orbit div:nth-child(2) { top: 43%; right: -5%; }
.context-orbit div:nth-child(3) { bottom: 5%; left: 35%; }
.context-orbit div:nth-child(4) { top: 43%; left: -7%; }
.context-orbit span { color: var(--page-accent); font-family: var(--mono); font-size: .52rem; letter-spacing: .09em; text-transform: uppercase; }
.context-orbit strong { font-size: .72rem; font-weight: 500; }
.context-orbit > p { position: absolute; top: 50%; left: 50%; width: 9rem; margin: 0; color: #53605b; font-family: var(--mono); font-size: .5rem; letter-spacing: .07em; text-align: center; text-transform: uppercase; transform: translate(-50%, -50%); }

.feedback-loop { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; gap: 1rem; align-items: center; align-self: center; margin: var(--pad); padding: 2.2rem; border: 1px solid var(--line); background: rgba(255, 255, 255, .54); }
.feedback-loop span { font-size: .82rem; font-weight: 500; text-align: center; }
.feedback-loop i { color: var(--gold); font-style: normal; }
.feedback-loop strong { grid-column: 1 / -1; color: var(--gold); font-size: 2rem; text-align: center; }

.editorial-split { display: grid; grid-template-columns: .55fr 1.45fr; gap: clamp(3rem, 8vw, 10rem); background: var(--white); }
.editorial-copy { max-width: 58rem; }
.editorial-copy h2 { margin-bottom: 2rem; font-size: clamp(3rem, 5.5vw, 6.3rem); font-weight: 300; letter-spacing: -.064em; line-height: .94; }
.editorial-copy p { max-width: 48rem; color: var(--muted); font-size: 1.08rem; }

.section-ledger { display: grid; grid-template-columns: .55fr 1.1fr .75fr; gap: 3rem; align-items: end; margin-bottom: clamp(3.5rem, 7vw, 6rem); }
.section-ledger .eyebrow { align-self: start; margin-top: .8rem; }
.section-ledger h2 { max-width: 13ch; margin: 0; font-size: clamp(3rem, 5vw, 5.9rem); font-weight: 300; letter-spacing: -.06em; line-height: .95; }
.section-ledger > p:last-child { margin: 0 0 .35rem; color: var(--muted); }
.principle-section { background: #edf0ec; }
.principle-grid,
.stack-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.principle-grid.three-up { grid-template-columns: repeat(3, 1fr); }
.principle-card,
.stack-card { min-height: 25rem; padding: 2.2rem; }
.principle-card + .principle-card,
.stack-card + .stack-card { border-left: 1px solid var(--line); }
.principle-card > span,
.stack-card > span { display: block; margin-bottom: 5rem; color: var(--page-accent); font-family: var(--mono); font-size: .57rem; letter-spacing: .1em; text-transform: uppercase; }
.principle-card h3,
.stack-card h3 { max-width: 12ch; margin-bottom: 1.1rem; font-size: clamp(1.55rem, 2.15vw, 2.2rem); font-weight: 400; letter-spacing: -.04em; line-height: 1.08; }
.principle-card p,
.stack-card p { color: var(--muted); }

.rd-band { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(3rem, 8vw, 9rem); align-items: end; padding: clamp(6rem, 11vw, 10rem) var(--pad); background: var(--ink); color: var(--white); }
.rd-band h2 { max-width: 12ch; margin: 0; font-size: clamp(3rem, 5.5vw, 6rem); font-weight: 300; letter-spacing: -.06em; line-height: .94; }
.rd-band > p { max-width: 39rem; margin: 0 0 .35rem; color: #b6c0bb; }

.process-section { background: var(--white); }
.process-list { margin: 0; padding: 0; border-top: 1px solid var(--line); list-style: none; }
.process-list li { display: grid; grid-template-columns: 8rem 1fr; gap: 2rem; min-height: 12rem; padding: 2.3rem 0; border-bottom: 1px solid var(--line); }
.process-list li > span { color: var(--page-accent); font-family: var(--mono); font-size: .62rem; letter-spacing: .1em; }
.process-list li > div { display: grid; grid-template-columns: minmax(15rem, .8fr) minmax(18rem, 1.2fr); gap: 3rem; }
.process-list h3 { max-width: 14ch; margin: 0; font-size: clamp(1.7rem, 2.8vw, 3rem); font-weight: 400; letter-spacing: -.045em; line-height: 1.02; }
.process-list p { max-width: 37rem; margin: .15rem 0 0; color: var(--muted); }

.evidence-panel { display: grid; grid-template-columns: 1.12fr .88fr; gap: clamp(4rem, 9vw, 10rem); background: #121716; color: var(--white); }
.evidence-copy h2 { max-width: 12ch; margin-bottom: 1.7rem; font-size: clamp(3rem, 5.2vw, 5.9rem); font-weight: 300; letter-spacing: -.06em; line-height: .94; }
.evidence-copy > p:last-child { max-width: 38rem; color: #aeb9b4; }
.evidence-list { align-self: end; border-top: 1px solid rgba(255, 255, 255, .17); }
.evidence-list p { display: grid; grid-template-columns: 7rem 1fr; gap: 1rem; margin: 0; padding: 1.2rem 0; border-bottom: 1px solid rgba(255, 255, 255, .17); color: #c3ccc8; }
.evidence-list span { color: #708078; font-family: var(--mono); font-size: .55rem; letter-spacing: .09em; text-transform: uppercase; }

.operating-stack { background: var(--white); }
.anti-vibe { display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(3rem, 8vw, 9rem); background: #111615; color: var(--white); }
.anti-vibe-copy h2 { max-width: 11ch; margin: 0; font-size: clamp(3rem, 5.2vw, 6rem); font-weight: 300; letter-spacing: -.06em; line-height: .94; }
.comparison-table { align-self: end; border-top: 1px solid rgba(255, 255, 255, .19); }
.comparison-table [role="row"] { display: grid; grid-template-columns: 1fr 1fr; }
.comparison-table span { padding: 1.15rem; border-bottom: 1px solid rgba(255, 255, 255, .14); color: #afb9b4; font-size: .85rem; }
.comparison-table span + span { border-left: 1px solid rgba(255, 255, 255, .14); color: #d1d8d5; }
.comparison-table [role="columnheader"] { color: #74827b; font-family: var(--mono); font-size: .55rem; letter-spacing: .08em; text-transform: uppercase; }
.related-reading { background: #edf0ec; }
.boundary-note { background: var(--gold); color: var(--ink); }
.boundary-note .eyebrow { color: var(--ink); }
.boundary-note h2 { max-width: 18ch; margin-bottom: 2rem; font-size: clamp(3rem, 5.5vw, 6.4rem); font-weight: 300; letter-spacing: -.064em; line-height: .94; }
.boundary-note > p:last-child { max-width: 48rem; margin: 0; font-size: 1.08rem; }

.insights-manifest { display: grid; grid-template-columns: 6rem 1fr; gap: .8rem 1rem; padding: 1.5rem 0; }
.insight-card-grid-full .insight-card h2 { font-size: clamp(1.55rem, 2.25vw, 2.35rem); }
.article-shell { padding: clamp(5rem, 9vw, 9rem) var(--pad) 0; background: var(--white); }
.article-header { max-width: 78rem; padding-bottom: clamp(4rem, 8vw, 7rem); border-bottom: 1px solid var(--line); }
.article-header h1 { max-width: 15ch; margin-bottom: 2rem; font-size: clamp(3.7rem, 7vw, 8.5rem); font-weight: 300; letter-spacing: -.073em; line-height: .89; }
.article-header > p:not(.eyebrow) { max-width: 52rem; color: var(--muted); font-size: clamp(1.08rem, 1.5vw, 1.35rem); }
.article-byline { display: flex; flex-wrap: wrap; gap: .7rem 1.5rem; margin-top: 2.3rem; color: var(--muted); font-family: var(--mono); font-size: .57rem; letter-spacing: .08em; text-transform: uppercase; }
.article-layout { display: grid; grid-template-columns: minmax(12rem, .35fr) minmax(0, 1.65fr); gap: clamp(4rem, 9vw, 10rem); padding-top: clamp(4rem, 8vw, 7rem); }
.article-aside { position: sticky; top: 7rem; align-self: start; border-top: 1px solid var(--ink); }
.article-aside p { display: flex; flex-direction: column; gap: .25rem; margin: 0; padding: 1rem 0; border-bottom: 1px solid var(--line); font-size: .78rem; }
.article-aside span { color: var(--muted); font-family: var(--mono); font-size: .51rem; letter-spacing: .08em; text-transform: uppercase; }
.article-aside a { display: inline-block; margin-top: 1.25rem; font-family: var(--mono); font-size: .57rem; letter-spacing: .07em; text-decoration: none; text-transform: uppercase; }
.article-body { max-width: 48rem; padding-bottom: clamp(6rem, 10vw, 10rem); }
.article-body > p,
.article-body li { color: #424d48; font-size: clamp(1.03rem, 1.2vw, 1.16rem); line-height: 1.82; }
.article-body .article-deck { margin-bottom: 4rem; color: var(--ink); font-size: clamp(1.35rem, 2vw, 1.85rem); line-height: 1.48; }
.article-body h2 { margin: 4.5rem 0 1.4rem; font-size: clamp(2.3rem, 4vw, 4rem); font-weight: 400; letter-spacing: -.055em; line-height: 1; }
.article-body h3 { margin: 2.8rem 0 .65rem; font-size: 1.4rem; font-weight: 500; letter-spacing: -.025em; }
.article-body a { color: var(--green); text-decoration-thickness: 1px; text-underline-offset: .2em; }
.article-body ol { padding-left: 1.25rem; }
.article-figure { margin: 4rem 0; padding: 2rem; border: 1px solid var(--line); background: #edf0ec; }
.article-figure > div { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 8rem; }
.article-figure span { font-family: var(--mono); font-size: .58rem; letter-spacing: .08em; text-align: center; text-transform: uppercase; }
.article-figure i { flex: 1; height: 1px; background: linear-gradient(to right, var(--green), var(--blue)); }
.article-figure figcaption { margin-top: 1.2rem; padding-top: 1rem; border-top: 1px solid var(--line); color: var(--muted); font-size: .78rem; }
.context-figure > div { align-items: stretch; }
.context-figure span { display: grid; flex: 1; place-items: center; min-height: 6rem; border: 1px solid var(--line); background: rgba(255, 255, 255, .54); }
.xcode-figure i { flex: 0; height: auto; background: none; color: var(--blue); font-style: normal; }
.article-callout { margin: 4rem 0; padding: 2rem; border-left: 3px solid var(--blue); background: #edf0ec; }
.article-callout strong { font-family: var(--mono); font-size: .61rem; letter-spacing: .09em; text-transform: uppercase; }
.article-callout p { margin: .8rem 0 0; font-size: 1.1rem; }
.article-next { background: #edf0ec; }
.article-next h2 { margin-bottom: 2.5rem; font-size: clamp(3rem, 5vw, 5.8rem); font-weight: 300; letter-spacing: -.06em; line-height: .94; }
.article-next-links { border-top: 1px solid var(--line); }
.article-next-links a { display: flex; justify-content: space-between; gap: 2rem; padding: 1.4rem 0; border-bottom: 1px solid var(--line); text-decoration: none; }

.reveal { opacity: 1; transform: none; }
@media (scripting: enabled) {
  .reveal { opacity: 0; transform: translateY(24px); }
  .reveal.is-visible { opacity: 1; transform: none; }
}

@media (max-width: 1120px) {
  .primary-nav { gap: 1rem; }
  .primary-nav a { font-size: .67rem; }
  .principle-grid, .stack-grid { grid-template-columns: repeat(2, 1fr); }
  .principle-card:nth-child(3), .stack-card:nth-child(3) { border-top: 1px solid var(--line); border-left: 0; }
  .principle-card:nth-child(4), .stack-card:nth-child(4) { border-top: 1px solid var(--line); }
}

@media (max-width: 920px) {
  .capability-index-intro, .preview-heading, .section-ledger { grid-template-columns: 1fr 1fr; }
  .capability-index-intro .eyebrow, .section-ledger .eyebrow { grid-column: 1 / -1; }
  .preview-heading > div { grid-template-columns: 1fr; }
  .content-hero { grid-template-columns: 1fr; }
  .content-hero-copy { padding-bottom: 4rem; }
  .content-hero::after { mask-image: linear-gradient(to bottom, transparent, #000 45%, #000); }
  .entity-ledger, .signal-spec, .insights-manifest { width: auto; margin-top: 0; }
  .context-orbit { width: min(72vw, 31rem); }
  .feedback-loop { min-height: 18rem; }
  .editorial-split, .rd-band, .evidence-panel, .anti-vibe { grid-template-columns: 1fr; }
  .process-list li > div { grid-template-columns: 1fr; gap: 1rem; }
  .article-layout { grid-template-columns: 1fr; }
  .article-aside { position: static; display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid var(--line); }
  .article-aside p { padding-right: 1rem; }
  .article-aside a { grid-column: 1 / -1; margin-bottom: 1.25rem; }
}

@media (max-width: 680px) {
  .capability-index-intro, .preview-heading, .section-ledger { grid-template-columns: 1fr; }
  .capability-index-intro .eyebrow, .section-ledger .eyebrow { grid-column: auto; }
  .capability-link { grid-template-columns: 1fr auto; gap: .6rem 1rem; padding: 1.5rem 0; }
  .capability-link span { grid-column: 1 / -1; }
  .capability-link strong { min-width: 0; }
  .insight-card-grid { grid-template-columns: 1fr; }
  .insight-card { min-height: 22rem; padding: 1.7rem 0; }
  .insight-card + .insight-card { border-top: 1px solid var(--line); border-left: 0; }
  .insight-card > span { margin-bottom: 3.5rem; }
  .content-main { min-height: calc(100svh - 5.25rem); }
  .breadcrumbs { padding-top: .8rem; padding-bottom: .8rem; }
  .content-hero { min-height: auto; }
  .content-hero-copy { min-height: 68svh; padding-top: 4.5rem; padding-bottom: 4rem; }
  .content-hero-copy h1 { font-size: clamp(3.2rem, 14vw, 5.1rem); }
  .entity-ledger p { grid-template-columns: 1fr; gap: .25rem; }
  .context-orbit { width: 84vw; margin-top: 3rem; margin-bottom: 4rem; }
  .context-orbit div:nth-child(2) { right: -1rem; }
  .context-orbit div:nth-child(4) { left: -1rem; }
  .feedback-loop { grid-template-columns: 1fr; gap: .65rem; text-align: center; }
  .feedback-loop i { transform: rotate(90deg); }
  .editorial-split { gap: 2rem; }
  .editorial-copy h2, .section-ledger h2, .rd-band h2, .evidence-copy h2, .anti-vibe-copy h2, .boundary-note h2 { font-size: clamp(3rem, 13vw, 4.7rem); }
  .principle-grid, .principle-grid.three-up, .stack-grid { grid-template-columns: 1fr; }
  .principle-card, .stack-card { min-height: 21rem; padding-right: 0; padding-left: 0; }
  .principle-card + .principle-card, .stack-card + .stack-card { border-top: 1px solid var(--line); border-left: 0; }
  .process-list li { grid-template-columns: 3rem 1fr; gap: 1rem; }
  .evidence-list p { grid-template-columns: 1fr; gap: .35rem; }
  .comparison-table span { padding: .9rem .65rem; font-size: .73rem; }
  .article-header h1 { font-size: clamp(3.3rem, 14vw, 5.4rem); }
  .article-aside { grid-template-columns: 1fr; }
  .article-aside a { grid-column: auto; }
  .article-figure { margin-right: -1.25rem; margin-left: -1.25rem; padding: 1.25rem; }
  .article-figure > div { flex-direction: column; align-items: stretch; }
  .article-figure i { width: 1px; min-height: 1.8rem; align-self: center; flex: none; }
  .context-figure span { min-height: 4rem; }
  .xcode-figure i { width: auto; min-height: 0; transform: rotate(90deg); }
}

@media print {
  .site-header, .site-footer, .pointer-glow, .scroll-progress, .contact-band, .article-next { display: none !important; }
  .article-shell { padding: 0; }
  .article-layout { display: block; }
  .article-aside { position: static; margin-bottom: 2rem; }
}

.site-header {
  --glass-x: 50%;
  --glass-y: 0%;
  position: sticky;
  top: 0;
  z-index: 100;
  background:
    linear-gradient(115deg, rgba(255, 255, 255, .62), rgba(243, 245, 242, .36) 48%, rgba(232, 239, 235, .5)),
    rgba(243, 245, 242, .62);
  box-shadow: inset 0 -1px rgba(17, 21, 20, .11), 0 1.1rem 3rem rgba(24, 35, 30, 0);
  -webkit-backdrop-filter: blur(24px) saturate(148%);
  backdrop-filter: blur(24px) saturate(148%);
  transition: background .35s ease, box-shadow .35s ease;
}

.site-header::before {
  position: absolute;
  z-index: 0;
  inset: 0;
  background: radial-gradient(circle at var(--glass-x) var(--glass-y), rgba(255, 255, 255, .72), transparent 27%);
  content: "";
  opacity: .38;
  pointer-events: none;
  transition: opacity .3s ease;
}

.site-header::after {
  position: absolute;
  right: 0;
  bottom: -1.1rem;
  left: 0;
  height: 1.1rem;
  background: linear-gradient(to bottom, rgba(243, 245, 242, .3), transparent);
  content: "";
  opacity: 0;
  pointer-events: none;
  transition: opacity .35s ease;
}

.site-header.is-scrolled {
  background:
    linear-gradient(115deg, rgba(255, 255, 255, .7), rgba(243, 245, 242, .5) 48%, rgba(232, 239, 235, .62)),
    rgba(243, 245, 242, .76);
  box-shadow: inset 0 -1px rgba(17, 21, 20, .1), 0 1rem 3rem rgba(24, 35, 30, .08);
}

.site-header.is-scrolled::after { opacity: 1; }
.site-header .wordmark,
.site-header .menu-button,
.site-header .primary-nav { position: relative; }
.site-header .wordmark { z-index: 4; }
.site-header .menu-button { z-index: 5; }

.primary-nav {
  --glass-x: 50%;
  --glass-y: 50%;
  z-index: 2;
  padding: .28rem;
  border: 1px solid rgba(255, 255, 255, .7);
  border-radius: 999px;
  background: rgba(255, 255, 255, .25);
  box-shadow: inset 0 1px rgba(255, 255, 255, .76), inset 0 -1px rgba(17, 21, 20, .07), 0 .65rem 1.8rem rgba(26, 38, 32, .06);
  isolation: isolate;
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  backdrop-filter: blur(18px) saturate(150%);
}

.primary-nav a {
  z-index: 2;
  padding: .52rem .72rem;
  border-radius: 999px;
  transition: color .25s ease;
}

.primary-nav a::after { opacity: 0; }
.primary-nav a[aria-current="page"] { color: var(--green); background: rgba(255, 255, 255, .4); }
.primary-nav.has-glass-lens a[aria-current="page"] { background: transparent; }

.glass-selection-lens {
  --lens-border: rgba(255, 255, 255, .78);
  --lens-fill: rgba(255, 255, 255, .44);
  position: absolute;
  z-index: 1;
  overflow: hidden;
  border: 1px solid var(--lens-border);
  border-radius: 999px;
  background:
    radial-gradient(circle at var(--glass-x) var(--glass-y), rgba(255, 255, 255, .72), transparent 38%),
    linear-gradient(145deg, rgba(255, 255, 255, .58), var(--lens-fill) 52%, rgba(255, 255, 255, .18));
  box-shadow: inset .75px 1px rgba(255, 255, 255, .86), inset -.75px -1px rgba(33, 50, 41, .09), 0 .5rem 1.45rem rgba(26, 38, 32, .09);
  opacity: 1;
  pointer-events: none;
  -webkit-backdrop-filter: blur(12px) saturate(168%) contrast(104%);
  backdrop-filter: blur(12px) saturate(168%) contrast(104%);
  transition: transform .42s cubic-bezier(.2, .78, .2, 1), opacity .2s ease;
  will-change: transform;
}

.glass-selection-lens[data-hidden] { opacity: 0; }
.glass-selection-lens--horizontal { top: .28rem; bottom: .28rem; left: 0; width: 0; }
.glass-selection-lens--vertical { top: 0; right: .48rem; left: .48rem; height: 0; }

.runway-nav .glass-selection-lens,
.console-tabs .glass-selection-lens {
  --lens-border: rgba(var(--scene-rgb, 113, 137, 223), .38);
  --lens-fill: rgba(var(--scene-rgb, 113, 137, 223), .09);
  background:
    radial-gradient(circle at var(--glass-x) var(--glass-y), rgba(255, 255, 255, .16), transparent 37%),
    linear-gradient(145deg, rgba(255, 255, 255, .08), var(--lens-fill) 58%, rgba(255, 255, 255, .025));
  box-shadow: inset 1px 1px rgba(255, 255, 255, .14), inset -1px -1px rgba(0, 0, 0, .22), 0 .8rem 2rem rgba(0, 0, 0, .2), 0 0 1.5rem rgba(var(--scene-rgb, 113, 137, 223), .07);
  -webkit-backdrop-filter: blur(12px) saturate(145%);
  backdrop-filter: blur(12px) saturate(145%);
}

.runway-nav { --glass-x: 50%; --glass-y: 50%; isolation: isolate; }
.runway-nav .glass-selection-lens--horizontal { top: .42rem; bottom: .42rem; }
.runway-nav.has-glass-lens button,
.console-tabs.has-glass-lens button { z-index: 2; background: transparent; }
.runway-nav.has-glass-lens button.is-active::before { transform: scaleX(0); }

.console-tabs {
  --glass-x: 50%;
  --glass-y: 50%;
  position: relative;
  isolation: isolate;
}

.console-tabs .glass-selection-lens {
  --lens-border: rgba(113, 137, 223, .32);
  --lens-fill: rgba(113, 137, 223, .08);
  border-radius: 1.1rem;
}

.console-tabs.has-glass-lens button[aria-selected="true"]::after { opacity: .82; }

[data-glass] {
  --glass-x: 50%;
  --glass-y: 15%;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  -webkit-tap-highlight-color: transparent;
}

[data-glass]::after {
  position: absolute;
  z-index: 0;
  inset: -35%;
  background:
    radial-gradient(circle at var(--glass-x) var(--glass-y), rgba(255, 255, 255, .5), transparent 23%),
    linear-gradient(115deg, transparent 34%, rgba(255, 255, 255, .11) 48%, transparent 61%);
  content: "";
  opacity: 0;
  pointer-events: none;
  transform: scale(.86);
  transition: opacity .22s ease, transform .45s cubic-bezier(.2, .75, .2, 1);
}

[data-glass]:hover::after,
[data-glass]:focus-visible::after,
[data-glass].is-pressed::after { opacity: .72; transform: scale(1); }
[data-glass] > * { position: relative; z-index: 1; }
[data-glass].is-pressed { filter: brightness(1.04); }

.button-primary {
  border-color: rgba(255, 255, 255, .28);
  border-radius: 999px;
  background: linear-gradient(145deg, rgba(34, 42, 39, .94), rgba(12, 17, 15, .9));
  box-shadow: inset 1px 1px rgba(255, 255, 255, .16), inset -1px -1px rgba(0, 0, 0, .28), 0 .75rem 2.2rem rgba(17, 25, 21, .16);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  backdrop-filter: blur(14px) saturate(140%);
}

.button-primary:hover { background: linear-gradient(145deg, rgba(65, 103, 82, .96), rgba(41, 73, 56, .92)); }

.contact-email[data-glass] {
  padding-right: 1.1rem;
  padding-left: 1.1rem;
  border: 1px solid rgba(255, 255, 255, .68);
  border-radius: 1.4rem;
  background: linear-gradient(135deg, rgba(255, 255, 255, .45), rgba(255, 255, 255, .19));
  box-shadow: inset 1px 1px rgba(255, 255, 255, .78), inset -1px -1px rgba(17, 21, 20, .08), 0 1rem 3rem rgba(31, 45, 38, .07);
  -webkit-backdrop-filter: blur(15px) saturate(145%);
  backdrop-filter: blur(15px) saturate(145%);
}

.contact-email[data-glass]:hover { padding-right: 1.1rem; padding-left: 1.45rem; }

.engine-node[data-glass] {
  position: absolute;
  border-radius: 999px;
  background: linear-gradient(145deg, rgba(31, 41, 37, .66), rgba(6, 10, 9, .5));
  box-shadow: inset 1px 1px rgba(255, 255, 255, .12), inset -1px -1px rgba(0, 0, 0, .35), 0 .9rem 2.2rem rgba(0, 0, 0, .28);
  -webkit-backdrop-filter: blur(15px) saturate(152%);
  backdrop-filter: blur(15px) saturate(152%);
}

.engine-node[data-glass]:hover,
.engine-node[data-glass].is-active {
  background: linear-gradient(145deg, rgba(var(--engine-rgb), .2), rgba(10, 16, 14, .68));
  box-shadow: inset 1px 1px rgba(255, 255, 255, .16), 0 .9rem 2.5rem rgba(0, 0, 0, .3), 0 0 1.3rem rgba(var(--engine-rgb), .08);
}

.runway-nav button[data-glass] { overflow: hidden; }

.engine-glass-lens {
  --glass-x: 34%;
  --glass-y: 18%;
  position: absolute;
  z-index: 5;
  top: var(--engine-core-y);
  left: var(--engine-core-x);
  display: flex;
  width: clamp(10rem, 15vw, 13.5rem);
  aspect-ratio: 1.08;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  padding: 1.25rem;
  border: 1px solid rgba(255, 255, 255, .25);
  border-radius: 43% 57% 52% 48% / 46% 42% 58% 54%;
  background:
    radial-gradient(circle at var(--glass-x) var(--glass-y), rgba(255, 255, 255, .2), transparent 29%),
    linear-gradient(145deg, rgba(255, 255, 255, .1), rgba(var(--engine-rgb), .055) 56%, rgba(0, 0, 0, .08));
  box-shadow: inset 1.5px 1.5px rgba(255, 255, 255, .24), inset -1.5px -1.5px rgba(0, 0, 0, .35), inset 0 0 2.5rem rgba(var(--engine-rgb), .09), 0 1.5rem 4rem rgba(0, 0, 0, .28), 0 0 2.8rem rgba(var(--engine-rgb), .12);
  text-align: center;
  transform: translate(-50%, -50%) perspective(500px) rotateX(var(--engine-rx)) rotateY(var(--engine-ry));
  transform-style: preserve-3d;
  -webkit-backdrop-filter: blur(11px) saturate(175%) contrast(106%);
  backdrop-filter: blur(11px) saturate(175%) contrast(106%);
  transition: top .75s cubic-bezier(.2, .7, .2, 1), left .75s cubic-bezier(.2, .7, .2, 1), border-radius .7s cubic-bezier(.2, .8, .2, 1), box-shadow .45s ease, transform .18s ease;
  pointer-events: none;
}

.hero-engine[data-engine-mode="product"] .engine-glass-lens { border-radius: 56% 44% 49% 51% / 42% 55% 45% 58%; }
.hero-engine[data-engine-mode="growth"] .engine-glass-lens { border-radius: 47% 53% 59% 41% / 55% 43% 57% 45%; }

.engine-glass-lens::before,
.engine-glass-lens::after {
  position: absolute;
  border-radius: inherit;
  content: "";
  pointer-events: none;
}

.engine-glass-lens::before {
  inset: 7%;
  border: 1px solid rgba(255, 255, 255, .09);
  box-shadow: inset 0 0 1.5rem rgba(var(--engine-rgb), .06);
}

.engine-glass-lens::after {
  top: 9%;
  right: 17%;
  left: 17%;
  height: 18%;
  border-top: 1px solid rgba(255, 255, 255, .38);
  opacity: .72;
  filter: blur(.2px);
}

.engine-glass-lens > span,
.engine-glass-lens > strong,
.engine-glass-lens > i { position: relative; z-index: 2; }

.engine-glass-lens > span {
  color: rgba(223, 232, 228, .54);
  font-family: var(--mono);
  font-size: .48rem;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.engine-glass-lens > strong {
  max-width: 9rem;
  color: #f2f7f4;
  font-size: clamp(.72rem, .9vw, .92rem);
  font-weight: 500;
  line-height: 1.35;
  text-shadow: 0 1px 1rem rgba(0, 0, 0, .44);
}

.engine-glass-lens > i {
  width: 1.8rem;
  height: 1px;
  margin-top: .18rem;
  background: linear-gradient(to right, transparent, var(--engine-scene), transparent);
  box-shadow: 0 0 1rem rgba(var(--engine-rgb), .65);
}

.engine-glass-lens.is-changing > strong { animation: glass-value-change .42s cubic-bezier(.2, .75, .2, 1); }

@keyframes glass-value-change {
  0% { opacity: .2; transform: translateY(5px) scale(.97); filter: blur(2px); }
  100% { opacity: 1; transform: none; filter: none; }
}

@media (max-width: 920px) {
  .engine-glass-lens { width: clamp(10rem, 25vw, 13rem); }
}

@media (max-width: 680px) {
  .site-header { background: rgba(243, 245, 242, .76); }
  .site-header .primary-nav {
    position: absolute;
    z-index: 2;
    padding: 6.7rem var(--pad) 2.3rem;
    border: 0;
    border-bottom: 1px solid rgba(17, 21, 20, .12);
    border-radius: 0 0 1.75rem 1.75rem;
    background: linear-gradient(145deg, #fff, #eff3f0);
    box-shadow: 0 1.5rem 3.5rem rgba(24, 35, 30, .12);
    -webkit-backdrop-filter: blur(30px) saturate(135%) brightness(1.05);
    backdrop-filter: blur(30px) saturate(135%) brightness(1.05);
    transition: opacity .2s ease, transform .2s ease;
  }
  .site-header .primary-nav:not([data-open]) {
    background: transparent;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    pointer-events: none;
  }
  .primary-nav .glass-selection-lens { display: none; }
  .primary-nav.has-glass-lens a[aria-current="page"] { background: rgba(255, 255, 255, .52); }
  .primary-nav a { width: 100%; padding: .62rem .8rem; }
  .menu-button[data-glass] { border: 1px solid rgba(255, 255, 255, .72); border-radius: 1rem; background: rgba(255, 255, 255, .28); box-shadow: inset 1px 1px rgba(255, 255, 255, .7); }
  .engine-glass-lens { width: 9.4rem; padding: .9rem; }
  .engine-glass-lens > strong { max-width: 7.2rem; font-size: .7rem; }
}

@media (prefers-reduced-motion: reduce) {
  .glass-selection-lens,
  .engine-glass-lens,
  [data-glass]::after { transition-duration: .01ms !important; animation: none !important; }
  .engine-glass-lens { transform: translate(-50%, -50%); }
}

@media (prefers-reduced-transparency: reduce) {
  .site-header,
  .primary-nav,
  .glass-selection-lens,
  .engine-glass-lens,
  .button-primary,
  .contact-email[data-glass],
  .engine-node[data-glass] {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
  .site-header,
  .primary-nav { background: rgba(243, 245, 242, .98); }
  .engine-glass-lens,
  .engine-node[data-glass] { background: rgba(12, 17, 15, .96); }
  .contact-email[data-glass] { background: rgba(255, 255, 255, .96); }
}

@media (forced-colors: active) {
  .glass-selection-lens,
  .engine-glass-lens { display: none; }
  .primary-nav a[aria-current="page"],
  .runway-nav button.is-active,
  .console-tabs button[aria-selected="true"] { outline: 2px solid Highlight; outline-offset: -3px; }
}