/* AISAC Engineering — standalone, dependency-free prototype. */
:root{color-scheme:dark;--bg:#060810;--surface:#0b101c;--panel:#0c111e;--ink:#f4f6fb;--muted:#9ba6bd;--dim:#717e99;--line:rgba(158,178,222,.14);--cyan:#58dfff;--blue:#4676ff;--violet:#a577ff;--purple:#7845f8;--green:#74eac3;--radius:18px;--container:1240px;--font:"Inter","Segoe UI",Arial,sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;line-height:1.6;font-size:15px;overflow-x:clip}body.modal-open{overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{border:0;background:none}a{color:inherit;text-decoration:none}button,a,summary{-webkit-touch-callout:default}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12;font-weight:650}p{color:var(--muted)}h2{font-size:clamp(32px,3.5vw,46px);letter-spacing:-1.9px}h3{font-size:18px;letter-spacing:-.35px}::selection{background:#6f48e5;color:#fff}[hidden]{display:none!important}.container{width:calc(100% - 112px);max-width:var(--container);margin-inline:auto}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;display:inline-block;vertical-align:middle}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:12px;left:16px;transform:translateY(-180%);padding:12px 20px;background:var(--cyan);color:#050810;z-index:200;border-radius:8px}.skip-link:focus{transform:none}.eyebrow{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:1.6px;color:#c3cbe1;line-height:1.5}.status-dot,.hud-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:var(--cyan);box-shadow:0 0 12px #4ddcff80;flex-shrink:0}.eyebrow-line{width:20px;height:1px;background:var(--line)}.beta-label{font-size:9px;letter-spacing:1px;color:var(--muted)}.gradient-text{background:linear-gradient(105deg,#80eaff 5%,#6996ff 42%,#ba7cff 91%);-webkit-background-clip:text;background-clip:text;color:transparent}.muted-heading{color:#7e8aa5}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;border-radius:8px;font-size:13px;font-weight:600;line-height:1.5;white-space:nowrap;transition:background .2s,box-shadow .2s,transform .2s,border-color .2s;min-height:48px}.button .icon{width:18px;height:18px}.button-primary{color:#fff;border:1px solid #9d8cf07a;background:linear-gradient(112deg,#345ee1 0%,#6642dd 65%,#8150de 100%);box-shadow:0 5px 26px #5b40db29,inset 0 1px 0 #ffffff20}.button-primary:hover{box-shadow:0 8px 36px #8055ff55,0 0 0 1px #987bfb66;transform:translateY(-2px);background:linear-gradient(112deg,#4271f9,#8752ef)}.button-quiet{color:#cbd3e7;background:transparent;border:1px solid transparent}.button-quiet:hover{background:#ffffff05;border-color:var(--line);color:white}.button-outline{border:1px solid #b9c8ed35;background:#ffffff04}.button-outline:hover{border-color:#77bded77;background:#80bbff0c}.button-sm{padding:9px 15px;min-height:38px;font-size:12px;background:#ffffff07;border:1px solid #7c87a73b}.button-sm:hover{border-color:#867cf6;background:#7761df15}.text-link{display:inline-flex;align-items:center;gap:12px;padding:0;color:#d7dff2;font-size:13px;font-weight:550;transition:color .2s}.text-link .icon{width:16px}.text-link:hover{color:var(--cyan)}.text-link:hover .icon{transform:translateX(3px)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;border:1px solid var(--line);background:#ffffff04}.icon-button:hover{background:#ffffff0b}.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,#0e1421,#0a0d17);overflow:hidden}.section{padding:106px 0}.section-eyebrow{margin-bottom:22px;letter-spacing:1.7px}.section-number{color:#778bae;margin-right:5px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:64px;margin-bottom:40px}.section-heading>p{max-width:315px;line-height:1.8;font-size:14px;padding-bottom:3px}.section-heading h2{font-size:clamp(29px,3.2vw,43px)}.section-intro>p{max-width:390px;line-height:1.9;font-size:14px;margin:25px 0}.check-list{padding:0;list-style:none;margin:24px 0;display:grid;gap:12px;font-size:13px;color:#c0cae0}.check-list li{display:flex;align-items:flex-start;gap:10px}.check-list .icon{width:16px;height:16px;color:var(--cyan);margin-top:2px}.header{position:sticky;top:0;z-index:50;background:#060810e6;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.header-inner{height:82px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-symbol{object-fit:contain;width:34px;height:40px}.brand-type{font-size:22px;font-weight:500;letter-spacing:6px;line-height:1;display:block}.brand-type>span{display:block;font-size:8px;font-weight:500;letter-spacing:3.2px;margin-top:7px}.header-divider{height:28px;width:1px;background:var(--line)}.ecosystem-link{font-family:var(--mono);font-size:8px;letter-spacing:1.1px;display:flex;gap:8px;align-items:center;color:#8b96ae}.ecosystem-link .icon{width:12px;height:12px}.ecosystem-link:hover{color:var(--cyan)}.desktop-nav{margin-left:auto;display:flex;align-items:center;gap:29px}.desktop-nav a{font-size:12px;color:#b4bfd5;position:relative;white-space:nowrap}.desktop-nav a:hover,.desktop-nav a.active{color:#fff}.desktop-nav a.active:after{content:"";position:absolute;bottom:-29px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cyan),var(--violet))}.header-cta{margin-left:8px}.menu-toggle{display:none}.mobile-nav{padding:10px 24px 24px;background:#090d17;border-top:1px solid var(--line)}.mobile-nav>a{display:block;padding:13px 0;color:#b8c2d8}.mobile-nav .button{margin-top:12px}.scroll-progress{position:absolute;bottom:-1px;left:0;width:0;height:1px;background:linear-gradient(90deg,#54dcff,#9c66ff);opacity:.8;transition:width .1s linear}
/* Layered hero scene */
.hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 80% 42%, #28229c29 0%, transparent 48%),
    linear-gradient(180deg, #080d1b 0%, #060810 91%);
}
.hero::after {
  position: absolute;
  z-index: 5;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, transparent 2%, #42cafa95 30%, #a773ffad 69%, transparent 98%);
}
.hero-grid {
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  opacity: .34;
  background-image:
    linear-gradient(#94b4e00d 1px, transparent 1px),
    linear-gradient(90deg, #94b4e00d 1px, transparent 1px);
  background-size: 96px 96px;
  mask-image: linear-gradient(90deg, transparent 7%, #000 68%, transparent 100%), linear-gradient(180deg, #000, transparent 88%);
  mask-composite: intersect;
}
.hero-backdrop {
  position: absolute;
  z-index: -1;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.hero-backdrop img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 67% center;
  opacity: .82;
  mask-image: linear-gradient(180deg, #000 0%, #000 68%, transparent 100%);
}
.hero-backdrop::after {
  position: absolute;
  inset: 0;
  content: "";
  background:
    linear-gradient(90deg, #060810 0%, #060810f7 18%, #060810d9 33%, #06081054 52%, transparent 78%),
    linear-gradient(180deg, #07101f61 0%, transparent 30%, #06081040 70%, #060810 99%);
}
.hero-inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, .84fr) minmax(0, 1.16fr);
  align-items: center;
  min-height: clamp(700px, calc(100svh - 125px), 752px);
}
.hero-copy {
  position: relative;
  z-index: 4;
  width: 100%;
  max-width: 560px;
  padding: 54px 0 38px;
}
.hero-copy > .eyebrow {
  flex-wrap: wrap;
}
.hero h1 {
  margin: 27px 0 22px;
  font-size: clamp(64px, 5.9vw, 85px);
  font-weight: 650;
  line-height: 1.02;
  letter-spacing: -.065em;
}
.hero .button-primary {
  border-color: #a8a5ff82;
  background: linear-gradient(108deg, #20bde6 0%, #356fe8 39%, #7548e6 76%, #a44ee6 100%);
  box-shadow: 0 7px 28px #3c83fc38, 0 0 24px #9b51ec2c, inset 0 1px #ffffff35;
}
.hero .button-primary:hover {
  background: linear-gradient(108deg, #34d2f5 0%, #477ff8 39%, #8756f1 76%, #b764f4 100%);
  box-shadow: 0 9px 34px #3d9eff58, 0 0 27px #a54dff47;
}
.hero-title-line {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  white-space: nowrap;
}
.hero-version {
  display: inline-flex;
  align-items: center;
  padding: 5px 9px;
  border: 1px solid #a47bff75;
  border-radius: 8px;
  color: #ded4ff;
  background: #33226280;
  box-shadow: 0 0 19px #8758f638, inset 0 1px #ffffff15;
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .04em;
}
.hero-lead {
  color: #e1e6f4;
  font-size: clamp(18px, 1.55vw, 22px);
  font-weight: 450;
  line-height: 1.45;
  letter-spacing: -.025em;
}
.hero-description {
  max-width: 530px;
  margin-top: 17px;
  color: #a5b0c9;
  font-size: 13px;
  line-height: 1.8;
}
.hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 26px;
}
.hero-capabilities {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin-top: 23px;
}
.capabilities-label {
  margin-right: 3px;
  color: #8291af;
  font-family: var(--mono);
  font-size: 8px;
  letter-spacing: .11em;
}
.hero-chip {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  gap: 6px;
  padding: 5px 9px;
  border: 1px solid #91abed35;
  border-radius: 999px;
  color: #c8d3eb;
  background: linear-gradient(135deg, #10172aeb, #0a1020e8);
  box-shadow: inset 0 1px #ffffff08;
  font-size: 9px;
  font-weight: 550;
  line-height: 1.2;
  white-space: nowrap;
}
.hero-chip .icon {
  width: 13px;
  height: 13px;
}
.hero-chip .claude-star {
  color: #cf947a;
  font-size: 15px;
}
.hero-scroll {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 25px;
  color: #7f8ba5;
  font-family: var(--mono);
  font-size: 8px;
  letter-spacing: .11em;
}
.hero-scroll .icon {
  width: 12px;
  height: 12px;
  transform: rotate(90deg);
}
.hero-scroll:hover {
  color: #c1d2ef;
}
.scroll-line {
  width: 23px;
  height: 1px;
  background: #74819a;
}
.hero-visual {
  position: relative;
  z-index: 1;
  grid-column: 2;
  align-self: stretch;
  width: calc(100% + 70px);
  min-height: 700px;
  margin-left: -30px;
  perspective: 1200px;
}
.hero-artwork {
  position: absolute;
  inset: 0;
  overflow: visible;
  pointer-events: none;
}
.hero-layer,
.hero-effects {
  position: absolute;
}
.hero-layer {
  display: block;
  transform: translate3d(var(--parallax-x, 0px), var(--parallax-y, 0px), 0);
  transform-origin: center;
  will-change: transform;
}
.hero-layer img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  user-select: none;
  -webkit-user-drag: none;
}
.hero-rays {
  z-index: 1;
  inset: 4% -5% 8%;
  opacity: .65;
  background:
    radial-gradient(ellipse at 59% 42%, #35caff26 0%, transparent 42%),
    conic-gradient(from 202deg at 59% 43%, transparent 0deg, #4cdcff0b 20deg, transparent 34deg, #9470ff12 57deg, transparent 74deg, #4cdcff0a 103deg, transparent 125deg);
  filter: blur(2px);
}
.hero-mothership {
  z-index: 2;
  top: 4%;
  left: 2%;
  width: 96%;
  aspect-ratio: 2.5;
}
.hero-mothership img {
  filter: drop-shadow(0 15px 26px #1687ff3d);
}
.hero-cubes-back {
  z-index: 3;
  top: 28%;
  left: 5%;
  width: 90%;
  aspect-ratio: 2;
}
.hero-cubes-back img {
  filter: drop-shadow(0 13px 27px #1598ff31);
}
.hero-platform {
  z-index: 4;
  top: 65%;
  left: 12%;
  width: 86%;
  aspect-ratio: 3;
}
.hero-platform img {
  filter: drop-shadow(0 0 23px #379dff46);
}
.hero-energy-rings {
  z-index: 5;
  top: 51%;
  left: 20%;
  width: 78%;
  aspect-ratio: 2.25;
}
.energy-ring-plane {
  position: relative;
  width: 100%;
  height: 100%;
  transform: rotateX(68deg);
  transform-style: preserve-3d;
}
.energy-ring-outline,
.energy-ring-orbit {
  position: absolute;
  inset: 0;
  display: block;
  border-radius: 50%;
}
.energy-ring-outline {
  border: 1px solid #64ddff80;
  box-shadow: 0 0 14px #3cbcff6b, inset 0 0 17px #4c9dff45;
}
.energy-ring-orbit { animation: energy-ring-orbit 19s linear infinite; }
.energy-ring-orbit::after {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: conic-gradient(from 0deg, transparent 0deg 48deg, #45e2ff00 67deg, #5beaffef 76deg, #9d7affb0 86deg, transparent 104deg 244deg, #6bcfff00 262deg, #6bcffff0 271deg, #936dffab 282deg, transparent 300deg 360deg);
  content: "";
  mask: radial-gradient(ellipse, transparent 61%, #000 63%, #000 65%, transparent 67%);
  filter: drop-shadow(0 0 8px #48d9ffbf);
}
.hero-logo-core {
  z-index: 6;
  top: 31%;
  left: 36%;
  width: 46%;
  aspect-ratio: 1;
}
.hero-logo-core img {
  filter: drop-shadow(0 0 20px #4ce5ff70) drop-shadow(0 0 37px #8d51f254);
}
.hero-cubes-front {
  z-index: 7;
  top: 54%;
  left: 22%;
  width: 77%;
  aspect-ratio: 2;
}
.hero-cubes-front img {
  filter: drop-shadow(0 11px 24px #090b16a6);
}
.layer-motion {
  display: block;
  width: 100%;
  height: 100%;
  transform-origin: center;
}
.ship-drift {
  animation: ship-drift 10s ease-in-out infinite;
}
.cubes-back-drift {
  animation: cubes-back-drift 12s ease-in-out infinite;
}
.core-float {
  animation: core-float 6.5s ease-in-out infinite;
}
.platform-breathe {
  animation: platform-breathe 7.5s ease-in-out infinite;
}
.cubes-front-drift {
  animation: cubes-front-drift 9s ease-in-out infinite;
}
.hero-particles {
  z-index: 8;
  inset: 0;
}
.hero-particles i {
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #b3f6ff;
  box-shadow: 0 0 12px 3px #42d9ff75;
  animation: particle-drift 5.2s ease-in-out infinite alternate;
}
.hero-particles i:nth-child(1) { top: 30%; left: 29%; animation-delay: -.6s; }
.hero-particles i:nth-child(2) { top: 49%; left: 87%; animation-delay: -2s; }
.hero-particles i:nth-child(3) { top: 69%; left: 9%; animation-delay: -1.2s; }
.hero-particles i:nth-child(4) { top: 76%; left: 81%; animation-delay: -.2s; }
.hero-particles i:nth-child(5) { top: 20%; left: 73%; animation-delay: -2.4s; }
.hero-particles i:nth-child(6) { top: 56%; left: 18%; animation-delay: -1.8s; }
.hero-hud {
  position: absolute;
  z-index: 10;
  inset: 0;
  pointer-events: none;
}
.hud-tag {
  position: absolute;
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  gap: 10px;
  padding: 9px 13px;
  border: 1px solid #71c7ff61;
  border-radius: 6px;
  color: #edf4ff;
  background: linear-gradient(115deg, #061022e8, #111a31e8 57%, #11102ae8);
  box-shadow: 0 8px 30px #0007, 0 0 22px #428aff24, inset 0 1px #ffffff1a;
  backdrop-filter: blur(8px);
  font-family: var(--mono);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .11em;
  line-height: 1.35;
  user-select: text;
  pointer-events: auto;
  animation: hud-enter .8s cubic-bezier(.2, .8, .2, 1) both;
}
.hud-tag .icon {
  width: 19px;
  height: 19px;
  color: #7ddfff;
}
.hud-spec {
  top: 40%;
  left: 2%;
  animation-delay: .1s;
}
.hud-security {
  top: 53%;
  right: 0;
  border-color: #a67dff73;
  animation-delay: .25s;
}
.hud-security .icon {
  color: #bd9eff;
}
.hud-evidence {
  bottom: 11%;
  left: 8%;
  border-color: #7e9dff69;
  animation-delay: .4s;
}
.hud-evidence .icon {
  color: #a6b5ff;
}
.motion-toggle {
  position: absolute;
  z-index: 12;
  right: 12px;
  bottom: 10px;
  display: inline-flex;
  min-width: 42px;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 11px;
  border: 1px solid #98add254;
  border-radius: 7px;
  color: #ced8ee;
  background: #08101dd9;
  box-shadow: 0 6px 24px #0006;
  font-size: 10px;
  backdrop-filter: blur(8px);
}
.motion-toggle:hover {
  border-color: #67d8ff99;
  color: #fff;
  background: #101c31eb;
}
.pause-icon {
  font-family: var(--mono);
  font-size: 13px;
  line-height: 1;
}
.metric-bar {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 24px 0 27px;
  border-top: 1px solid #5b96d44a;
  border-bottom: 1px solid var(--line);
  background: linear-gradient(90deg, #060810, #0b101bdb 50%, #060810);
}
.metric {
  padding: 1px 30px;
  border-left: 1px solid var(--line);
}
.metric:first-child { padding-left: 0; border-left: 0; }
.metric:last-child { padding-right: 0; }
.metric strong {
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -.7px;
}
.metric strong > span {
  margin-left: 3px;
  color: #c0c9de;
  font-size: 13px;
  font-weight: 450;
  letter-spacing: 0;
}
.metric p {
  margin-top: 7px;
  color: #8997b0;
  font-size: 10px;
  white-space: nowrap;
}
.motion-paused .hero .hero-artwork *,
.motion-paused .hero .hero-artwork *::before,
.motion-paused .hero .hero-artwork *::after,
.motion-paused .hero .hero-hud,
.motion-paused .hero .hero-hud * {
  animation-play-state: paused !important;
  transition: none !important;
}
@keyframes ship-drift {
  0%, 100% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(0, -5px, 0); }
}
@keyframes cubes-back-drift {
  0%, 100% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(0, -7px, 0); }
}
@keyframes core-float {
  0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
  50% { transform: translate3d(0, -8px, 0) scale(1.012); }
}
@keyframes platform-breathe {
  0%, 100% { transform: scale(.99); opacity: .9; }
  50% { transform: scale(1); opacity: 1; }
}
@keyframes cubes-front-drift {
  0%, 100% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(0, -5px, 0); }
}
@keyframes particle-drift {
  from { opacity: .32; transform: translateY(3px); }
  to { opacity: .9; transform: translateY(-10px); }
}
@keyframes energy-ring-orbit {
  to { transform: rotateZ(360deg); }
}
@keyframes hud-enter {
  from { opacity: 0; transform: translateY(9px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 1050px) {
  .hero-inner { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .hero h1 { font-size: clamp(60px, 6vw, 76px); }
  .hero-visual { width: calc(100% + 52px); min-height: 700px; margin-left: -24px; }
  .hero-capabilities { gap: 6px; }
  .hero-chip { padding-inline: 8px; }
}
@media (max-width: 950px) {
  .hero-backdrop::after {
    background: linear-gradient(180deg, #060810fa 0%, #060810f0 41%, #060810bb 53%, #06081035 71%, #06081026 100%);
  }

  .hero-inner {
    display: flex;
    min-height: 0;
    flex-direction: column;
    align-items: stretch;
  }

  .hero-copy {
    max-width: none;
    padding: 46px 0 12px;
  }

  .hero h1 {
    margin: 23px 0 17px;
    font-size: clamp(62px, 10.8vw, 82px);
    letter-spacing: -.065em;
  }

  .hero-visual {
    align-self: center;
    width: min(100%, 740px);
    height: clamp(370px, 66vw, 500px);
    min-height: 0;
    flex: none;
    margin: 0;
  }

  .hero-cubes-back { top: 26%; }
  .hero-platform { top: 62%; }
  .hero-energy-rings { top: 50%; left: 16%; width: 83%; }
  .hero-logo-core { top: 31%; left: 34%; width: 46%; }
  .hero-cubes-front { top: 53%; left: 21%; width: 78%; }
  .hud-spec { top: 36%; left: 1%; }
  .hud-security { top: 52%; right: 0; }
  .hud-evidence { bottom: 10%; left: 2%; }
  .hud-tag { min-height: 38px; padding: 8px 10px; font-size: 8px; }
  .hero-scroll { margin-top: 18px; }
  .metric { padding-inline: 20px; }
}
@media (max-width: 560px) {
  .hero-copy { padding-top: 37px; }
  .hero-copy > .eyebrow { gap: 7px; font-size: 8px; letter-spacing: 1.15px; }
  .beta-label { font-size: 7px; }
  .hero h1 { margin: 21px 0 15px; font-size: clamp(44px, 14.2vw, 63px); letter-spacing: -.07em; }
  .hero-title-line { gap: 8px; }
  .hero-version { padding: 4px 6px; border-radius: 6px; font-size: 8px; }
  .hero-lead { font-size: 18px; }
  .hero-description { margin-top: 13px; font-size: 12px; line-height: 1.75; }
  .hero-description .desktop-br { display: none; }
  .hero-actions { gap: 5px; margin-top: 20px; }
  .hero-actions .button { min-height: 44px; padding: 11px 14px; font-size: 11px; }
  .hero-actions .button-primary { flex: 1 1 100%; }
  .hero-actions .button-quiet { flex: 0 0 auto; }
  .hero-capabilities { gap: 6px; margin-top: 16px; }
  .capabilities-label { flex-basis: 100%; font-size: 7px; }
  .hero-chip { min-height: 27px; padding: 5px 8px; font-size: 8px; }
  .hero-visual { width: 100%; height: clamp(350px, 105vw, 430px); }

  .hero-mothership { top: 7%; left: 0; width: 100%; }
  .hero-cubes-back { top: 29%; left: 0; width: 100%; }
  .hero-platform { top: 64%; left: 4%; width: 94%; }
  .hero-energy-rings { top: 50%; left: 10%; width: 94%; }
  .hero-logo-core { top: 31%; left: 31%; width: 48%; }
  .hero-cubes-front { top: 54%; left: 16%; width: 88%; }
  .hud-tag { min-height: 31px; gap: 6px; padding: 6px 7px; border-radius: 5px; font-size: 6px; letter-spacing: .07em; }
  .hud-tag .icon { width: 14px; height: 14px; }
  .hud-spec { top: 35%; left: 0; }
  .hud-security { top: 50%; right: 0; }
  .hud-evidence { bottom: 8%; left: 0; }
  .motion-toggle { right: 3px; bottom: 2px; min-width: 38px; min-height: 38px; padding: 7px; }
  .motion-toggle .motion-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .metric-bar { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 12px 0; }
  .metric { min-height: 66px; padding: 12px 0 12px 16px; }
  .metric:nth-child(odd) { padding-left: 0; border-left: 0; }
  .metric:nth-child(n+3) { border-top: 1px solid var(--line); }
  .metric strong { font-size: 24px; }
  .metric strong > span { font-size: 11px; }
  .metric p { max-width: 145px; font-size: 8px; white-space: normal; }
}
@media (max-width: 360px) {
  .hero-title-line { gap: 6px; }
  .hero-version { font-size: 7px; }
  .hero-chip { padding-inline: 6px; font-size: 7px; }
  .hero-inner { width: calc(100% - 34px); }
  .hero-visual { height: 345px; }
  .hud-tag { font-size: 5.5px; }
}
@media (prefers-reduced-motion: reduce) {
  .hero .hero-artwork *,
  .hero .hero-artwork *::before,
  .hero .hero-artwork *::after,
  .hero .hero-hud,
  .hero .hero-hud * {
    animation: none !important;
    transition: none !important;
  }
}
@media print {
  .hero::after, .hero-grid, .hero-backdrop, .hero-visual { display: none; }
  .hero-inner { display: block; min-height: 0; }
  .hero-copy { padding: 25px 0; }
  .hero h1 { font-size: 52px; }
  .hero { background: none; }
}
/* Install */
.start-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px;align-items:center}.start-section{padding-top:103px}.install-panel{border-color:#9cabde2b;box-shadow:0 24px 55px #0002}.panel-top{height:46px;padding:0 22px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:#ffffff02;font-family:var(--mono);font-size:9px;color:#8794af;gap:15px}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#536077}.window-dots i:first-child{background:#c48287}.window-dots i:nth-child(2){background:#beaa7a}.window-dots i:nth-child(3){background:#6ca792}.mono-tag{font-size:7px;border:1px solid var(--line);border-radius:4px;padding:2px 5px;margin-left:auto;letter-spacing:1px}.install-step{padding:23px 23px 3px;display:flex;align-items:flex-start;gap:18px}.step-index{font-family:var(--mono);font-size:10px;font-weight:500;border:1px solid #5da7d42b;background:#50b5ff07;color:#88c5e8;display:flex;align-items:center;justify-content:center;min-width:25px;height:25px;border-radius:6px}.install-step-content{flex:1;min-width:0}.install-step h3{font-size:12px;font-weight:500;line-height:25px;letter-spacing:0;color:#c9d3e9}.code-box{display:flex;align-items:center;justify-content:space-between;background:#050912;border:1px solid #8297c51c;padding:10px 12px;border-radius:7px;margin-top:9px;min-height:46px;gap:6px}.code-box code{font-size:11px;color:#d3ddf1;white-space:nowrap}.prompt-sign{color:#677b9e;padding-right:10px}.copy-button{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:5px;color:#8a9cba}.copy-button .icon{width:14px;height:14px}.copy-button:hover{color:var(--cyan);background:#ffffff0a}.step-heading{display:flex;align-items:center;justify-content:space-between;gap:5px}.segmented{padding:3px;border:1px solid var(--line);border-radius:6px;display:inline-flex;gap:2px}.segmented button{font-size:9px;padding:3px 8px;color:#8d9cb7;border-radius:3px;line-height:1.4}.segmented button.active{background:#1b2640;color:#dbe8fc;box-shadow:0 0 0 1px #a5c1fa14}.segmented button:hover{color:white}.last-step{margin-top:10px;padding:22px 23px 25px;border-top:1px solid var(--line);background:linear-gradient(90deg,#58dcff06,transparent)}.success-index{border-color:#79efd938;background:#71eabf09;color:var(--green)}.success-index .icon{width:14px;height:14px}.last-step p{font-size:10px;line-height:1.8;margin-top:4px;color:#9dacc6}.last-step p span{color:#6f819f}.step-spark{color:#4e7c95;margin-left:auto;margin-top:5px;width:20px}
/* Method workbench */
.method-section{border-top:1px solid #91a5d00b;background:radial-gradient(ellipse at 20% 50%,#2334770b,transparent 50%);padding-top:80px}.workflow{border-color:#7c91c234}.workflow-tabs{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid var(--line);background:#0b101b}.workflow-tab{position:relative;text-align:left;padding:20px 22px 19px;border-right:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:7px;transition:background .2s}.workflow-tab:last-child{border-right:0}.workflow-tab>span{font-family:var(--mono);font-size:9px;color:#7f8eac;align-self:center}.workflow-tab>.icon{width:17px;height:17px;color:#667897}.workflow-tab strong{font-size:12px;font-weight:500;color:#a5b1cb;grid-column:1/-1}.workflow-tab small{font-family:var(--mono);font-size:8px;color:#6e7f9c;grid-column:1/-1;letter-spacing:-.2px}.workflow-tab.active{background:linear-gradient(180deg,#5b8cff15,#2973cd07)}.workflow-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--cyan),#6571ef)}.workflow-tab.active .icon,.workflow-tab.active>span{color:#77cfff}.workflow-tab.active strong{color:#ebf4ff}.workflow-tab:hover{background:#ffffff05}.workflow-content{display:grid;grid-template-columns:.95fr 1fr;gap:58px;padding:43px}.workflow-description .eyebrow{font-size:8px;color:#879eca;letter-spacing:1px}.workflow-description h3{font-size:29px;letter-spacing:-.9px;line-height:1.17;margin:18px 0 16px}.workflow-description>p{font-size:13px;line-height:1.85;max-width:380px;min-height:72px}.workflow-description .check-list{font-size:11px;margin:20px 0 24px;gap:10px}.next-step{font-size:11px;color:#a4b8da}.demo-terminal{background:#060b12;border:1px solid #95add328;box-shadow:0 14px 30px #0003;border-radius:10px;align-self:center;font-family:var(--mono);overflow:hidden}.terminal-title{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--line);font-size:8px;color:#99a8c3;gap:8px}.terminal-title>span:first-child{display:flex;align-items:center;gap:8px}.terminal-title .icon{width:13px;height:13px}.simulation-badge{font-size:6px;letter-spacing:1px;color:#8698b6;background:#172033;border:1px solid #6a85b02b;border-radius:3px;padding:3px 5px;white-space:nowrap}.terminal-body{padding:22px 22px 20px;min-height:270px;display:flex;flex-direction:column;gap:9px;line-height:1.75;font-size:10px}.terminal-body p{color:#aebbd2}.terminal-body .terminal-muted{color:#657c98;font-size:8px;margin-bottom:2px}.terminal-cyan{color:#6ad8fa;margin-right:10px}.terminal-body .terminal-violet{color:#b39bff}.terminal-divider{height:1px;width:100%;background:#a5b8df12;margin:4px 0}.terminal-body .terminal-question{font-size:9px;color:#527798}.terminal-question span{color:#a1b4ce;margin-left:9px}.terminal-result{padding:10px 11px;background:#5aceb307;border:1px solid #69bea322;border-radius:4px;margin-top:5px;color:#abcfbf;font-size:8px}.terminal-green{color:var(--green);margin-right:7px}.terminal-foot{display:flex;align-items:center;gap:8px;padding:10px 17px;border-top:1px solid #95add314;font-size:6px;letter-spacing:1px;color:#6d84a0}.terminal-foot .status-dot{width:4px;height:4px;background:#6b8a9c;box-shadow:none}.workflow-note{display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;margin-top:19px;color:#7d8ba5}.workflow-note .icon{width:14px;height:14px;color:#7188ac}
/* Library */
.capabilities-section{padding-top:72px}.method-foundation{display:grid;grid-template-columns:145px 1fr 1.1fr;gap:28px;padding:34px;align-items:center;background:radial-gradient(ellipse at 5% 60%,#412c941a,transparent 50%),linear-gradient(110deg,#0e1220,#0b101a);position:relative}.method-foundation:before{content:"";width:250px;height:1px;background:linear-gradient(90deg,transparent,#6987ff77,transparent);position:absolute;top:0;left:10%}.foundation-illustration{position:relative;width:145px;height:135px;display:flex;align-items:flex-end;justify-content:center}.iso-stack{position:absolute;top:4px;left:29px;width:82px;height:82px;perspective:600px}.iso-stack i{position:absolute;display:block;width:76px;height:76px;border:1px solid #689dffc9;background:linear-gradient(135deg,#4ed8ff1f,#7748f838);transform:rotateX(56deg) rotateZ(45deg);box-shadow:0 0 17px #546df523,inset 0 0 15px #7894ff0e}.iso-stack i:nth-child(1){top:0;z-index:3}.iso-stack i:nth-child(2){top:18px;z-index:2;border-color:#a075f9c9;background:#7a5aff22}.iso-stack i:nth-child(3){top:36px;z-index:1;border-color:#7653ffd9;background:#6e41e629}.foundation-illustration>span{font-family:var(--mono);font-size:7px;letter-spacing:4px;text-align:center;line-height:1.8;color:#7182ae;position:relative;bottom:-1px}.foundation-copy .eyebrow{font-size:8px;letter-spacing:1.5px;color:#8fa0cd}.foundation-copy h3{font-size:26px;margin:9px 0 11px;display:flex;align-items:center;flex-wrap:wrap;gap:12px;letter-spacing:-.8px}.foundation-copy h3 span{font-size:8px;letter-spacing:0;color:#9eade0;border:1px solid #8193e233;padding:4px 7px;border-radius:4px;font-weight:400}.foundation-copy>p{font-size:12px;line-height:1.8;max-width:340px}.foundation-copy .text-link{font-size:10px;margin-top:17px;color:#bfa5f6}.principles{display:flex;flex-wrap:wrap;gap:8px;padding-left:25px;border-left:1px solid var(--line)}.principles span{font-size:9px;padding:6px 9px;border:1px solid #8c9ac521;border-radius:5px;color:#adbbd7;background:#a3b3e204;line-height:1.4}.capability-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:34px 0 22px}.capability-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line)}.capability-tabs button{display:flex;align-items:center;gap:9px;font-size:12px;padding:12px 17px;color:#929fba;position:relative}.capability-tabs button .icon{width:16px;height:16px}.capability-tabs button span{font-family:var(--mono);font-size:8px;color:#8495b9;border-radius:4px;background:#a8bce112;padding:1px 5px}.capability-tabs button.active{color:#eef1ff}.capability-tabs button.active:after{content:"";position:absolute;height:2px;background:linear-gradient(90deg,#88b5ff,#ab83ff);left:0;bottom:-1px;right:0}.capability-tabs button.active .icon{color:#ab9aff}.capability-tabs button:hover{background:#ffffff03}.catalog-hint{font-size:9px;color:#7c8ca8;display:flex;align-items:center;gap:8px}.catalog-hint .icon{width:12px;height:12px}.catalog-grid{display:grid;gap:13px}.skills-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.agents-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.catalog-card{text-align:left;display:flex;flex-direction:column;min-width:0;min-height:197px;padding:20px 20px 16px;background:linear-gradient(145deg,#0c121f,#0a0e17);border:1px solid #8c9fc21e;border-radius:11px;transition:transform .25s,border-color .25s,background .25s,box-shadow .25s}.catalog-card:hover{transform:translateY(-4px);border-color:#779ff65a;background:linear-gradient(145deg,#14203a,#101321);box-shadow:0 10px 25px #0003}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.card-top .icon{width:23px;height:23px;color:#71bdf3}.catalog-card:nth-child(n+6) .card-top .icon{color:#a891ef}.card-top small{font-family:var(--mono);font-size:8px;color:#53627e}.catalog-card h3{font-size:14px;font-weight:550;line-height:1.2;letter-spacing:-.25px}.catalog-card>p{font-size:10px;line-height:1.7;margin-top:10px;color:#8e9fbb;min-height:48px}.card-bottom{margin-top:auto;padding-top:18px;display:flex;align-items:center;justify-content:space-between;color:#7b8ba7;letter-spacing:1px;font-family:var(--mono);font-size:6px;gap:5px}.card-bottom .icon{width:12px;height:12px;color:#67799b}.catalog-card:hover .card-bottom .icon{color:var(--cyan)}.agent-card{min-height:235px;padding:24px}.agent-card h3{font-size:16px}.agent-card>p{font-size:11px}.agent-card .card-top .icon{width:27px;height:27px;color:#9b90ff}.agent-card .card-top small{font-size:7px;color:#8797b6}.tactical-note{display:flex;align-items:center;gap:11px;margin-top:20px;padding:16px 19px;border:1px solid #8b9ac315;border-radius:8px;background:#9faee803}.tactical-note>.icon{width:17px;height:17px;color:#8995b4}.tactical-note p{font-size:10px;color:#8192b1}.tactical-note strong{color:#bac4da;font-weight:500;margin-right:4px}.tactical-note code{color:#a7a0df;font-size:10px}.tactical-note>span{font-family:var(--mono);font-size:6px;letter-spacing:1.2px;margin-left:auto;color:#8c9cb7;white-space:nowrap}
/* Benefits */
.differentiators-section{padding-top:60px}.centered-heading{text-align:center;max-width:750px;margin:0 auto 48px}.centered-heading .eyebrow{justify-content:center}.centered-heading h2{font-size:43px}.difference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.difference-card{padding:28px 35px 30px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.difference-card:nth-child(3n){border-right:0}.difference-card:nth-child(n+4){border-bottom:0;padding-top:35px}.difference-icon{display:flex;align-items:center;justify-content:center;width:35px;height:35px;background:linear-gradient(135deg,#628cfa12,#af7ffc0b);border:1px solid #8da2cf1f;border-radius:8px;margin-bottom:19px;color:#a0b6e9}.difference-icon .icon{width:19px;height:19px}.difference-card h3{font-size:15px;font-weight:500;line-height:1.35;color:#dfe6f4;letter-spacing:-.2px}.difference-card p{font-size:12px;line-height:1.9;margin-top:13px;color:#8b9ab5;max-width:310px}.difference-card code{font-size:11px;color:#a7b7d4}
/* Ecosystem */
.ecosystem-section{padding:15px 0 45px}.ecosystem-banner{position:relative;min-height:382px;isolation:isolate;border-color:#728bb635}.ecosystem-art{position:absolute;right:0;top:0;bottom:0;width:100%;height:100%;object-fit:cover;object-position:center 39%;z-index:-3;opacity:.78}.ecosystem-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080d18 3%,#080d18f5 23%,#080d18a8 46%,#080d1810 74%);z-index:-2}.ecosystem-copy{max-width:555px;padding:46px 50px}.ecosystem-copy .eyebrow{font-size:8px;letter-spacing:1.5px;color:#abbada}.ecosystem-copy h2{font-size:34px;letter-spacing:-1.1px;margin-top:23px;line-height:1.18}.ecosystem-copy>p{font-size:12px;line-height:1.9;max-width:345px;margin:18px 0 19px}.ecosystem-copy .text-link{font-size:11px;color:#bfc9ed}.ecosystem-signature{display:flex;align-items:center;gap:20px;margin-top:34px}.ecosystem-signature .brand-type{font-size:19px;letter-spacing:5px}.ecosystem-signature .brand-type>span{font-size:6px;letter-spacing:3.1px}.ecosystem-signature>span:last-child{font-family:var(--mono);font-size:6px;line-height:1.8;letter-spacing:1.3px;border-left:1px solid #9faedc4a;padding-left:20px;color:#8c9fbe}.ecosystem-coordinate{position:absolute;right:27px;bottom:25px;font-family:var(--mono);font-size:7px;letter-spacing:1.2px;color:#b6c6e3;line-height:1.9;text-align:right;text-shadow:0 1px 8px #000}
/* Requirements & FAQ */
.requirements-section{padding:80px 0 94px}.requirements-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:center}.requirements-intro{font-size:13px;line-height:1.85;max-width:350px;margin-top:23px}.honesty-note{display:flex;gap:12px;align-items:flex-start;margin-top:25px;max-width:355px}.honesty-note .icon{width:18px;height:18px;color:#8b94bf;margin-top:4px}.honesty-note p{font-size:11px;line-height:1.8;color:#8291ac}.honesty-note strong{font-weight:500;color:#c3cce2}.requirements-panel{border-radius:12px}.requirements-header{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:8px;letter-spacing:1px;border-bottom:1px solid var(--line);padding:18px 24px;color:#b6c6e6}.requirements-header>.icon{width:14px;height:14px;color:#859dc8}.requirements-header>span{margin-left:auto;font-size:6px;letter-spacing:.7px;color:#677d9f}.requirements-list{margin:0;padding:0 25px}.requirements-list>div{display:grid;grid-template-columns:107px 1fr;gap:12px;padding:17px 0;border-bottom:1px solid var(--line);align-items:start}.requirements-list>div:last-child{border-bottom:0}.requirements-list dt{font-size:11px;color:#8fa1c0;display:flex;align-items:center;gap:9px;margin-top:2px}.requirements-list dt>.icon{width:14px;height:14px;color:#768caf}.requirements-list dd{margin:0;font-size:12px;color:#cdd7ec;line-height:1.7}.requirements-list dd small{display:block;font-size:9px;color:#8194b4;line-height:1.6;margin-top:2px}.faq-section{padding:55px 0 100px}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:105px;padding-top:57px;border-top:1px solid var(--line)}.faq-layout h2{font-size:39px}.faq-layout>div:first-child>p{font-size:12px;line-height:1.85;max-width:240px;margin-top:22px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;padding:21px 0;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px;color:#c5cfe4}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary .icon{width:16px;height:16px;color:#8592b1;transition:transform .2s}.faq-list details[open] summary{color:#e1e7f8}.faq-list details[open] summary .icon{transform:rotate(45deg);color:#b7a2f3}.faq-list details>p{font-size:11px;line-height:1.9;color:#95a5c2;margin:0 30px 23px 0}.faq-list details>p code{color:#bbc3e9;font-size:10px}.faq-list summary:hover{color:var(--cyan)}
/* Close */
.final-cta{position:relative;overflow:hidden;border-top:1px solid #96a1c219;background:radial-gradient(ellipse at 50% 97%,#3e286d30,transparent 68%);padding:80px 0 78px;text-align:center}.cta-glow{position:absolute;left:25%;right:25%;bottom:-145px;height:220px;border-radius:50%;background:#6a42e318;filter:blur(70px);pointer-events:none}.final-inner{position:relative}.final-inner .eyebrow{justify-content:center;font-size:8px;letter-spacing:1.8px}.final-inner h2{font-size:43px;letter-spacing:-1.7px;line-height:1.2;margin-top:26px}.final-inner>p{font-size:14px;margin-top:20px;color:#a0a9c3}.final-inner .hero-actions{justify-content:center;margin-top:28px}.final-caption{display:block;font-family:var(--mono);font-size:7px;letter-spacing:1.1px;color:#72809d;margin-top:25px}.footer{background:#060810;border-top:1px solid var(--line);padding-top:32px}.footer-top{display:flex;align-items:center;gap:35px;padding-bottom:30px;border-bottom:1px solid var(--line)}.footer-top>.brand .brand-type{font-size:18px}.footer-top>.brand .brand-type>span{font-size:6px;letter-spacing:2.9px}.footer-top>.brand img{width:28px;height:34px}.footer-top>p{font-size:10px;color:#78869f;border-left:1px solid var(--line);padding-left:25px}.footer-top nav{display:flex;align-items:center;gap:26px;margin-left:auto}.footer-top nav a{font-size:10px;color:#98a5bf}.footer-top nav a:hover{color:var(--cyan)}.footer-top nav .icon{width:12px;height:12px;margin-left:3px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0 23px;font-size:8px}.footer-bottom p{color:#687b99}
/* Dialogs */
.modal{border:1px solid #96a5d04a;border-radius:18px;background:radial-gradient(ellipse at 10% 0%,#43317128,transparent 50%),#0c111d;color:var(--ink);padding:38px;max-width:500px;width:calc(100% - 40px);box-shadow:0 40px 130px #0009;max-height:calc(100dvh - 40px);overflow:auto;position:fixed}.modal::backdrop{background:#020611c7;backdrop-filter:blur(10px)}.modal-close{position:absolute;right:16px;top:16px;border:0;color:#9eacca;background:#ffffff03;width:32px;height:32px}.modal-close .icon{width:17px;height:17px}.modal-symbol{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:13px;background:linear-gradient(135deg,#446af721,#904cfa1c);border:1px solid #88a7ef33;color:#ad9df7;margin-bottom:24px}.modal-symbol .icon{width:27px;height:27px}.modal>.eyebrow{font-size:9px;letter-spacing:1.6px;color:#99a9d1}.modal h2{font-size:32px;line-height:1.15;letter-spacing:-.7px;margin:13px 0 18px;overflow-wrap:anywhere}.modal>p{font-size:13px;line-height:1.8}.modal>.button{width:100%}.modal>.detail-list{padding:14px 0;margin:14px 0}.detail-list li{font-size:12px;line-height:1.65}.detail-note{padding:15px;border:1px solid #86a4db26;background:#7195f105;border-radius:8px;font-size:11px;color:#8d9fbd;line-height:1.85;margin-bottom:24px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#121e2e;border:1px solid #79b1d34d;border-radius:8px;padding:12px 18px;z-index:1000;display:flex;align-items:center;gap:10px;color:#d7e7f3;font-size:12px;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s;box-shadow:0 6px 35px #0008;max-width:calc(100% - 36px)}.toast.visible{opacity:1;visibility:visible;transform:translate(-50%,0)}.toast .icon{color:var(--green);width:16px;height:16px}.noscript-notice{padding:15px;background:#182238;text-align:center;font-size:13px}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused{scroll-behavior:auto}
/* Responsive layout */
@media(max-width:1250px){.container{width:calc(100% - 80px)}.header-inner{gap:20px}.ecosystem-link{display:none}.header-divider{display:none}.desktop-nav{gap:24px}.start-layout{gap:60px}.section-heading{gap:30px}.section-heading>p{max-width:270px;font-size:13px}.workflow-content{gap:35px;padding:34px}.workflow-tab{padding:18px 17px}.terminal-body{padding:20px 16px;font-size:9px}.foundation-copy h3{font-size:23px}.method-foundation{grid-template-columns:108px 1fr 1.07fr;gap:20px;padding:27px}.foundation-illustration{width:108px}.iso-stack{left:16px}.principles{padding-left:20px;gap:7px}.principles span{font-size:8px;padding:6px 8px}.catalog-card{padding:18px 15px 15px}.catalog-card h3{font-size:13px}.catalog-card>p{font-size:10px}.requirements-layout{gap:70px}.faq-layout{gap:70px}.footer-top{gap:22px}.footer-top nav{gap:20px}}
@media(max-width:1020px){.motion-label{display:none}.desktop-br{display:none}.header-inner{gap:16px;height:76px}.brand-type{font-size:20px;letter-spacing:5px}.brand-type>span{font-size:7px;letter-spacing:2.9px}.desktop-nav{gap:19px}.desktop-nav a{font-size:11px}.desktop-nav a.active:after{bottom:-28px}.header-cta{font-size:11px;padding:9px 12px}.section{padding:80px 0}.start-layout{gap:40px;grid-template-columns:.8fr 1.2fr}.section-intro h2{font-size:34px}.section-intro p{font-size:12px}.install-step{padding-left:17px;padding-right:17px;gap:12px}.code-box code{font-size:10px}.step-heading{align-items:flex-start;flex-direction:column}.segmented{margin-top:5px}.section-heading h2{font-size:34px}.section-heading>p{max-width:220px;font-size:12px}.workflow-tab{padding:16px 13px;gap:9px}.workflow-tab small{font-size:7px}.workflow-tab strong{font-size:10px}.workflow-content{grid-template-columns:1fr 1.1fr;gap:26px;padding:29px}.workflow-description h3{font-size:25px}.workflow-description>p{font-size:12px}.workflow-description .check-list{font-size:10px}.terminal-body{font-size:8px;padding:17px 13px}.terminal-title{padding:12px;font-size:7px}.terminal-title .simulation-badge{font-size:5px}.terminal-body .terminal-question{font-size:8px}.terminal-body .terminal-muted{font-size:7px}.terminal-result{font-size:7px}.terminal-foot{font-size:5px}.method-foundation{grid-template-columns:100px 1fr;gap:22px}.principles{grid-column:1/-1;border-left:0;padding:18px 0 0;border-top:1px solid var(--line)}.principles span{font-size:9px}.foundation-copy>p{max-width:100%}.catalog-grid{gap:12px}.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-card{min-height:195px;padding:22px}.catalog-card h3{font-size:15px}.catalog-card>p{font-size:11px}.skills-grid .catalog-card:last-child{grid-column:auto}.agents-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-card{min-height:210px}.catalog-hint{display:none}.tactical-note{flex-wrap:wrap}.tactical-note>span{padding-left:28px;flex-basis:100%;margin-left:0;font-size:6px}.tactical-note p{font-size:10px;flex:1}.centered-heading h2{font-size:37px}.difference-card{padding:24px}.difference-card h3{font-size:14px}.difference-card p{font-size:11px}.ecosystem-copy{padding:40px}.ecosystem-banner{min-height:375px}.ecosystem-copy h2{font-size:31px}.requirements-layout{gap:40px;grid-template-columns:.8fr 1.2fr}.requirements-layout h2{font-size:35px}.requirements-intro{font-size:12px}.requirements-header{padding:17px;font-size:7px}.requirements-header>span{font-size:5px}.requirements-list{padding:0 20px}.requirements-list>div{grid-template-columns:80px 1fr;gap:8px}.requirements-list dd{font-size:11px}.requirements-list dd small{font-size:8px}.requirements-list dt{font-size:10px;gap:7px}.faq-layout{gap:50px;grid-template-columns:.75fr 1.25fr}.faq-layout h2{font-size:35px}.final-inner h2{font-size:38px}.footer-top{flex-wrap:wrap;row-gap:25px}.footer-top>p{margin-left:auto}.footer-top nav{width:100%;justify-content:space-between;border-top:1px solid #8f9ac216;padding-top:22px}.section-eyebrow{font-size:9px;letter-spacing:1.2px}}
@media(max-width:760px){.container{width:calc(100% - 44px)}html{scroll-padding-top:90px}.header-inner{height:70px;gap:12px}.brand-symbol{width:29px;height:35px}.brand-type{font-size:19px;letter-spacing:5px}.brand-type>span{font-size:6px;letter-spacing:2.9px}.desktop-nav{display:none}.header-cta{margin-left:auto;font-size:10px;padding:8px 10px;min-height:34px}.header-cta .icon{width:14px;height:14px}.menu-toggle{display:flex;width:34px;height:34px;border-color:transparent}.menu-toggle .icon{width:20px;height:20px}.beta-label{font-size:7px}.eyebrow-line{width:12px}.section{padding:66px 0}.section-eyebrow{font-size:8px;letter-spacing:1.1px;gap:5px;margin-bottom:19px}h2{font-size:34px;letter-spacing:-1.2px}.start-layout{grid-template-columns:1fr;gap:28px}.section-intro>p{font-size:13px;line-height:1.8;max-width:100%;margin:20px 0}.section-intro h2{font-size:35px}.text-link{font-size:12px}.install-panel{border-radius:12px}.install-step{padding:21px 19px 3px;gap:15px}.step-heading{flex-direction:row;align-items:center;gap:10px}.segmented{margin:0}.segmented button{font-size:9px;padding:4px 8px}.code-box code{font-size:11px}.code-box{padding:10px}.last-step{padding:20px 19px 24px;margin-top:21px}.install-step h3{font-size:11px}.last-step p{font-size:10px}.section-heading{display:block;margin-bottom:27px}.section-heading h2{font-size:32px;letter-spacing:-1px}.section-heading>p{max-width:100%;font-size:12px;line-height:1.85;margin-top:18px}.workflow-tabs{grid-template-columns:repeat(3,1fr)}.workflow-tab{padding:15px 14px;gap:6px}.workflow-tab:nth-child(3n){border-right:0}.workflow-tab:nth-child(-n+3){border-bottom:1px solid var(--line)}.workflow-tab strong{font-size:11px}.workflow-tab small{font-size:7px}.workflow-tab>.icon{width:16px;height:16px}.workflow-content{grid-template-columns:1fr;padding:26px 22px;gap:25px}.workflow-description h3{font-size:27px;margin-top:15px}.workflow-description>p{font-size:12px;min-height:0;max-width:100%}.workflow-description .check-list{font-size:11px;margin-bottom:20px}.terminal-body{font-size:10px;padding:20px 18px;min-height:260px}.terminal-title{padding:13px 14px;font-size:8px}.terminal-title .simulation-badge{font-size:6px}.terminal-body .terminal-question{font-size:9px}.terminal-body .terminal-muted{font-size:8px}.terminal-result{font-size:8px}.terminal-foot{font-size:6px;padding:12px}.workflow-note{font-size:9px;align-items:flex-start;line-height:1.8;justify-content:flex-start;gap:8px;margin-top:15px}.workflow-note>.icon{margin-top:2px}.method-foundation{padding:24px 21px;grid-template-columns:70px 1fr;gap:15px}.foundation-illustration{width:70px;height:112px}.iso-stack{left:0;top:3px;width:60px;height:65px}.iso-stack i{width:56px;height:56px}.iso-stack i:nth-child(2){top:14px}.iso-stack i:nth-child(3){top:28px}.foundation-illustration>span{font-size:6px;letter-spacing:2px;bottom:5px}.foundation-copy h3{font-size:23px;gap:8px}.foundation-copy h3 span{font-size:7px;padding:3px 5px}.foundation-copy>.eyebrow{font-size:7px}.foundation-copy>p{font-size:10px}.foundation-copy .text-link{font-size:9px;margin-top:11px}.principles{gap:6px;padding-top:18px;margin-top:4px}.principles span{font-size:8px;padding:5px 7px}.capability-toolbar{margin-top:25px;margin-bottom:20px}.capability-tabs{width:100%;gap:4px;justify-content:space-between}.capability-tabs button{gap:6px;font-size:10px;padding:12px 8px}.capability-tabs button .icon{width:14px}.capability-tabs button span{font-size:7px}.skills-grid,.agents-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.catalog-card{padding:17px 16px 15px;min-height:196px;border-radius:9px}.card-top{margin-bottom:17px}.card-top .icon{width:21px;height:21px}.catalog-card h3{font-size:13px;letter-spacing:-.25px}.catalog-card>p{font-size:10px;line-height:1.8;margin-top:10px}.card-bottom{font-size:6px;letter-spacing:.8px;padding-top:17px}.agent-card{min-height:240px}.agent-card h3{font-size:13px;overflow-wrap:anywhere}.agent-card .card-top small{font-size:6px}.tactical-note{padding:15px 12px;gap:9px}.tactical-note p{font-size:9px;line-height:1.9}.tactical-note p strong{display:block}.tactical-note>span{font-size:6px;padding-left:26px}.centered-heading{margin-bottom:25px}.centered-heading h2{font-size:32px}.centered-heading .eyebrow{font-size:7px}.difference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.difference-card{padding:22px 17px!important;border-bottom:1px solid var(--line)!important;border-right:1px solid var(--line)!important}.difference-card:nth-child(2n){border-right:0!important}.difference-card:nth-child(n+5){border-bottom:0!important}.difference-card:nth-child(odd){padding-left:0!important}.difference-card:nth-child(even){padding-right:0!important}.difference-card h3{font-size:13px;line-height:1.45}.difference-card p{font-size:10px;line-height:1.9;margin-top:10px}.difference-card code{font-size:9px;overflow-wrap:anywhere}.difference-icon{width:30px;height:30px;margin-bottom:15px}.difference-icon .icon{width:16px;height:16px}.ecosystem-section{padding:5px 0 10px}.ecosystem-banner{min-height:510px;display:flex;align-items:flex-start}.ecosystem-copy{padding:30px 25px 220px;max-width:100%}.ecosystem-copy .eyebrow{font-size:7px;letter-spacing:1px}.ecosystem-copy h2{font-size:29px;margin-top:20px}.ecosystem-copy>p{max-width:100%;font-size:11px;line-height:1.8;margin-top:15px}.ecosystem-copy .text-link{font-size:10px}.ecosystem-art{height:400px;top:auto;bottom:-35px;object-position:76% 50%;opacity:.85;width:135%;max-width:none;right:-5%}.ecosystem-shade{background:linear-gradient(180deg,#0a0e19 0%,#0a0e19fa 37%,#0a0e19c9 53%,#0a0e1900 88%)}.ecosystem-signature{position:absolute;bottom:31px;left:26px;margin-top:0;z-index:2;gap:15px}.ecosystem-signature>span:last-child{font-size:5px;letter-spacing:.8px;padding-left:15px}.ecosystem-signature>.brand-type{font-size:17px}.ecosystem-signature>.brand-type>span{font-size:5px;letter-spacing:2.8px}.ecosystem-coordinate{display:none}.requirements-layout{grid-template-columns:1fr;gap:28px}.requirements-layout h2{font-size:34px}.requirements-intro{max-width:100%;font-size:12px;margin-top:19px}.honesty-note{max-width:100%;margin-top:18px}.honesty-note p{font-size:10px}.requirements-header{padding:18px;font-size:8px}.requirements-header>span{font-size:5px}.requirements-list>div{grid-template-columns:83px 1fr;gap:10px;padding:17px 0}.requirements-list dd{font-size:11px}.requirements-list dd small{font-size:8px}.requirements-list dt{font-size:10px}.faq-layout{grid-template-columns:1fr;gap:26px;padding-top:0;border-top:0}.faq-layout h2{font-size:34px}.faq-layout>div:first-child>p{max-width:100%;font-size:12px;margin-top:16px}.faq-section{padding-top:25px}.faq-list summary{font-size:11px;line-height:1.6;padding:20px 0;gap:15px}.faq-list details>p{font-size:11px;margin-right:6px}.faq-list details>p code{overflow-wrap:anywhere}.final-cta{padding:65px 0 57px}.final-inner .eyebrow{font-size:7px;letter-spacing:1px}.final-inner h2{font-size:31px;letter-spacing:-1px;line-height:1.2;margin-top:23px}.final-inner h2>br{display:none}.final-inner>p{font-size:12px;margin-top:18px}.final-caption{font-size:6px;line-height:1.8;letter-spacing:.8px;max-width:250px;margin-inline:auto;margin-top:19px}.footer{padding-top:27px}.footer-top{gap:15px;row-gap:20px;padding-bottom:23px}.footer-top>.brand .brand-type{font-size:17px;letter-spacing:4px}.footer-top>.brand .brand-type>span{font-size:6px;letter-spacing:2.5px}.footer-top>p{font-size:8px;border:0;padding-left:0;max-width:100px;text-align:right}.footer-top nav{padding-top:20px;gap:10px}.footer-top nav a{font-size:9px}.footer-top nav .icon{width:10px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:10px;padding:20px 0 25px;font-size:8px}.modal{padding:30px 25px;border-radius:14px}.modal h2{font-size:28px}.modal>p{font-size:12px}.modal-symbol{width:44px;height:44px;margin-bottom:20px}.modal-close{top:12px;right:12px}.modal>.detail-list li{font-size:11px}.toast{font-size:11px;bottom:16px;padding:11px 14px;min-width:max-content;max-width:90vw}}
@media(max-width:380px){.container{width:calc(100% - 34px)}.header-inner{gap:8px}.header-cta{font-size:9px;padding:8px}.header-cta .icon{width:12px}.brand-type{font-size:17px;letter-spacing:4px}.brand-type>span{font-size:5px;letter-spacing:2.7px}.brand-symbol{width:25px}.beta-label{font-size:6px}.catalog-card{padding:16px 12px;min-height:196px}.catalog-card h3{font-size:12px}.catalog-card>p{font-size:9px}.card-bottom{font-size:5px;letter-spacing:.6px}.capability-tabs button{font-size:9px;gap:4px;padding:11px 5px}.capability-tabs button .icon{width:12px}.foundation-copy h3{font-size:20px}.foundation-copy h3 span{font-size:6px}.code-box code{font-size:10px}.code-box{padding:7px}.step-heading{align-items:flex-start;flex-direction:column;gap:5px}.segmented button{font-size:8px}.install-step{padding-left:15px;padding-right:15px;gap:10px}.terminal-body{font-size:9px;padding:17px 13px}.terminal-body .terminal-question{font-size:8px}.terminal-body .terminal-muted{font-size:7px}.terminal-title{font-size:7px}.terminal-title .simulation-badge{font-size:5px}.terminal-result{font-size:7px}.requirements-header{font-size:7px;padding:16px}.requirements-header>span{font-size:4px}.requirements-list{padding:0 17px}.requirements-list>div{grid-template-columns:73px 1fr;gap:7px}.requirements-list dd{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
@media print{.header, .footer, .final-cta, .modal, .toast, .copy-button, .skip-link{display:none!important}body{color:#111;background:#fff}.container{max-width:none;width:100%}p,.check-list{color:#333}.section{padding:30px 0}.panel{background:#fafafa;border-color:#ddd}.gradient-text,.muted-heading{color:#333;background:none}.catalog-card,.difference-card{break-inside:avoid;background:white;border-color:#ddd}.catalog-card h3,.difference-card h3,.install-step h3{color:#111}button{color:#333}.section-heading{gap:25px}.ecosystem-section{display:none}}
/* Landing additions (docs/specs/engineering-landing.md): hero note, guardrails section, legal links. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.hero-cta-note{font-size:11px;color:#8391ad;line-height:1.7;margin-top:14px;max-width:430px}
.guardrails-section{border-top:1px solid #91a5d00b;background:radial-gradient(ellipse at 85% 30%,#3b2a7a12,transparent 55%);padding-top:80px}
.guard-table-wrap{border-color:#7c91c234}
.guard-table{width:100%;border-collapse:collapse;font-size:12px}
.guard-table thead th{font-family:var(--mono);font-size:8px;font-weight:500;letter-spacing:1.6px;text-transform:uppercase;color:#7d8ba5;text-align:left;padding:14px 22px;border-bottom:1px solid var(--line)}
.guard-table tbody tr{border-bottom:1px solid #9eb2de12}
.guard-table tbody tr:last-child{border-bottom:0}
.guard-table tbody th,.guard-table td{padding:15px 22px;text-align:left;vertical-align:middle;font-weight:400}
.guard-table tbody th{white-space:nowrap;width:1%}
.guard-table tbody th code{font-family:var(--mono);font-size:12px;color:#e4eafa}
.guard-table td{color:#a6b2cb;line-height:1.7}
.guard-table td code{font-size:11px;color:#c7d3ec}
.guard-table td:last-child{width:1%;white-space:nowrap}
.guard-mode{display:inline-block;margin-left:10px;font-family:var(--mono);font-size:7px;letter-spacing:1.2px;text-transform:uppercase;padding:2px 6px;border-radius:4px;border:1px solid var(--line);color:#9aa8c4;vertical-align:middle}
.guard-mode.mode-block{color:#ffb4c7;border-color:#ff7da12e;background:#ff6d9a0a}
.guard-mode.mode-advise{color:#9fe6ff;border-color:#58dfff2b;background:#58dfff08}
.guard-mode.mode-context{color:#cbb6ff;border-color:#a577ff30;background:#a577ff0a}
.guard-default{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#7b88a3}
.guard-default:before{content:"";width:7px;height:7px;border-radius:50%;border:1px solid #7b88a3}
.guard-default.is-on{color:var(--green)}
.guard-default.is-on:before{background:var(--green);border-color:var(--green);box-shadow:0 0 10px #74eac366}
.guard-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:28px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.guard-card{padding:28px 30px 30px;border-right:1px solid var(--line)}
.guard-card:last-child{border-right:0}
.guard-card h3{font-size:15px;font-weight:500;line-height:1.35;color:#dfe6f4;letter-spacing:-.2px}
.guard-card p{font-size:12px;line-height:1.9;margin-top:13px;color:#8b9ab5}
.guard-card code{font-size:11px;color:#c7d3ec}
.guard-demo{display:grid;gap:6px;margin-top:16px;font-family:var(--mono);font-size:10px}
.guard-demo span{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;background:#050912;border:1px solid #8297c51c;color:#c9d4ea;overflow-wrap:anywhere}
.guard-demo .icon{width:13px;height:13px;flex-shrink:0}
.guard-pass .icon{color:var(--green)}
.guard-stop .icon{color:#ff8fae}
.guard-foot{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;margin-top:18px}
.guard-commands,.guard-codex{padding:26px 28px}
.guard-commands p,.guard-codex p{font-size:12px;line-height:1.9;margin-top:14px;color:#8b9ab5}
.guard-codex h3{font-size:17px;font-weight:500;line-height:1.35;color:#dfe6f4;margin-top:14px;letter-spacing:-.3px}
.guard-codex code{font-size:11px;color:#c7d3ec}
.guard-codex .eyebrow .icon{width:13px;height:13px}
.footer-legal{display:flex;gap:18px}
.footer-legal a{color:#8797b4;text-decoration:underline;text-underline-offset:2px}
.footer-legal a:hover,.footer-legal a:focus-visible{color:#c3cde2}
.faq-list a{color:#c3cde2;text-decoration:underline;text-underline-offset:2px}
@media(max-width:1020px){.guard-cards{grid-template-columns:1fr}.guard-card{border-right:0;border-bottom:1px solid var(--line)}.guard-card:last-child{border-bottom:0}.guard-foot{grid-template-columns:1fr}}
@media(max-width:760px){.guardrails-section{padding-top:64px}.guard-table thead{display:none}.guard-table,.guard-table tbody,.guard-table tr,.guard-table th,.guard-table td{display:block;width:auto}.guard-table tbody tr{padding:14px 18px}.guard-table tbody th,.guard-table td{padding:0;white-space:normal}.guard-table tbody th{width:auto;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.guard-table tbody th .guard-mode{margin-left:0}.guard-table td{margin-top:6px}.guard-table td:last-child{width:auto;margin-top:8px}.guard-card{padding:22px}.guard-commands,.guard-codex{padding:22px}.guard-commands .code-box code{white-space:normal;overflow-wrap:anywhere}}
.not-found{min-height:100vh;display:flex;align-items:center}.not-found h1{font-size:clamp(40px,6vw,72px);letter-spacing:-2px;line-height:1.05;margin:18px 0}.not-found p{color:#99a5bf;margin-top:18px}