:root{--black:#08090a;--panel:#0e0f11;--white:#efefed;--muted:#949598;--line:#252628;--red:#fa4839;--font:'Helvetica Neue',Helvetica,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--black);color:var(--white);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--red);outline-offset:6px}::selection{background:var(--red);color:var(--black)}.skip-link{position:fixed;top:-80px;left:20px;z-index:20;padding:14px;background:var(--white);color:var(--black)}.skip-link:focus{top:10px}.site-header{height:112px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.wordmark{display:inline-flex;align-items:center;gap:11px;font-size:27px;letter-spacing:-1.5px;font-weight:550}.brand-eye{width:38px;height:27px;fill:none;stroke:var(--white);stroke-width:1.6}.brand-eye .eye-dot{fill:var(--red);stroke:none}.site-header nav{display:flex;align-items:center;gap:42px;font-size:13px}.site-header nav>a{color:#b5b5b7}.site-header nav>a:hover{color:var(--white)}.header-cta{background:transparent;border:1px solid #414244;border-radius:5px;padding:12px 17px;display:flex;gap:27px;align-items:center;font-size:12px}.header-cta:hover{border-color:var(--white)}.header-cta span{font-size:17px}.hero{background:var(--black);position:relative;min-height:730px;height:calc(100svh - 112px);max-height:1000px;padding:97px 5% 0;overflow:hidden;isolation:isolate}.hero-copy{position:relative;z-index:1;width:51%;pointer-events:none}.hero-copy button{pointer-events:auto}.launch-status{font-size:11px;letter-spacing:.25px;display:flex;align-items:center;gap:9px;color:#b3b3b5;margin:0}.status-dot{width:5px;height:5px;display:inline-block;background:var(--red);border-radius:50%;box-shadow:0 0 9px #fa483944;flex-shrink:0}h1{font-size:clamp(76px,7.9vw,124px);font-weight:450;line-height:.99;letter-spacing:-.073em;margin:37px 0 29px}.red-period{color:var(--red)}.hero-description{font-size:20px;line-height:1.5;letter-spacing:-.45px;margin:0 0 15px;color:#d3d3d3}.hero-detail{color:var(--muted);font-size:13px;line-height:1.8;margin:0 0 29px}.primary-button{border:1px solid var(--red);background:var(--red);color:#08090a;display:inline-flex;align-items:center;justify-content:space-between;gap:44px;padding:15px 18px;border-radius:4px;font-size:12px;font-weight:600;min-height:48px;transition:background .2s,border-color .2s}.primary-button:hover{background:#ff6a5e;border-color:#ff6a5e}.primary-button span{font-size:18px;line-height:1}.primary-button:disabled{opacity:.6;cursor:wait}.eye-stage{position:absolute;z-index:0;width:62%;height:600px;right:-3.5%;top:36px}.eye-stage canvas{width:100%;height:100%;position:absolute;inset:0}.eye-halo{position:absolute;inset:12% 8%;background:radial-gradient(ellipse at 50% 50%,#343c431a 0%,transparent 65%);filter:blur(35px)}.scan-label{position:absolute;top:54px;left:25%;font-family:monospace;font-size:9px;color:#76777a;letter-spacing:.3px}.scan-corner{position:absolute;width:11px;height:11px;border-color:#36383b;border-style:solid}.top-left{top:91px;left:17%;border-width:1px 0 0 1px}.top-right{top:91px;right:15%;border-width:1px 1px 0 0}.bottom-left{bottom:98px;left:17%;border-width:0 0 1px 1px}.bottom-right{bottom:98px;right:15%;border-width:0 1px 1px 0}.small-cross{color:var(--red);font-size:18px;font-weight:300}.hero-footer{position:absolute;bottom:0;left:5%;right:5%;height:82px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#8f9093;font-size:10px;letter-spacing:.2px}.hero-footer a{display:flex;gap:22px;align-items:center;color:#c0c0c2}.hero-footer a span{font-size:16px}.hero-coordinate{font-family:monospace;font-size:9px}.vision-section{padding:86px 5% 100px;background:#0c0d0e}.section-heading{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}.section-kicker{display:flex;gap:12px;align-items:center;color:var(--white)}.section-heading p{margin:0}.vision-intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start;margin:65px 0 75px}h2{font-size:clamp(44px,4.7vw,72px);font-weight:450;letter-spacing:-.055em;line-height:1.07;margin:0}.vision-text{max-width:450px;padding-top:2px}.vision-text p{font-size:17px;line-height:1.65;margin:0 0 19px;letter-spacing:-.2px}.vision-text p+p{font-size:14px;color:var(--muted);line-height:1.85}.perception-flow{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.flow-step{padding:34px 34px 0 0}.flow-step+.flow-step{border-left:1px solid var(--line);padding-left:38px}.step-title{display:flex;align-items:center;gap:15px;margin-top:28px}.step-number{font:10px monospace;color:#8b8c90}h3{font-size:23px;font-weight:450;letter-spacing:-.6px;margin:0}.flow-step p{font-size:12px;line-height:1.85;color:var(--muted);margin:14px 0 0}.step-art{height:100px;position:relative;width:210px}.camera-outline{position:absolute;left:18px;top:29px;width:63px;height:44px;border:1px solid #92969b;border-radius:5px;display:grid;place-items:center;transform:skewY(-8deg)}.camera-outline:before{content:'';position:absolute;width:20px;height:5px;border:1px solid #92969b;border-bottom:none;top:-7px;left:9px}.camera-outline span{width:24px;height:24px;border:1px solid #c0c2c7;border-radius:50%}.camera-outline span:after{content:'';position:absolute;background:var(--red);width:5px;height:5px;border-radius:50%;top:18px;left:28px}.camera-art i{position:absolute;height:1px;width:81px;background:linear-gradient(to right,#33363a,transparent);left:97px;top:50px}.camera-art i:nth-of-type(1){transform:rotate(-20deg);transform-origin:left}.camera-art i:nth-of-type(3){transform:rotate(20deg);transform-origin:left}.space-square{position:absolute;width:50px;height:50px;border:1px solid #5a5e64;transform:rotate(-30deg) skewX(25deg);top:15px;left:72px}.space-square:nth-child(2){top:28px;border-color:#979da5}.space-square:nth-child(3){top:41px;border-color:#404449}.space-point{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--red);left:96px;top:48px;box-shadow:0 0 14px #fa483980}.action-art svg{width:100%;height:100%;overflow:visible;fill:none;stroke-width:1}.path-base{stroke:#414449}.path-active{stroke:#b7babe}.action-art circle{fill:var(--red);stroke:var(--red)}.path-end{stroke:#757a81}.closing-section{position:relative;padding:103px 5% 108px;border-bottom:1px solid var(--line);overflow:hidden}.closing-section h2{margin:28px 0 24px}.closing-section>p{font-size:13px;color:var(--muted);margin:0 0 30px}.closing-symbol{position:absolute;right:8%;top:32%;width:260px;stroke:#282a2d;stroke-width:.25;fill:none;transform:rotate(-15deg)}.site-footer{margin:0 5%;padding:32px 0 36px;display:flex;align-items:center;gap:28px;font-size:10px;color:var(--muted)}.footer-wordmark{font-size:18px;font-weight:500;letter-spacing:-1px;color:var(--white);margin-right:auto}.text-button{padding:0;background:none;border:0;font-size:10px;color:var(--muted)}.text-button:hover{color:var(--white)}.footer-signoff{margin-left:30px}dialog{width:min(500px,calc(100% - 32px));border:1px solid #38393c;background:#101113;color:var(--white);padding:55px 40px 35px;border-radius:10px;box-shadow:0 30px 120px #000a}dialog::backdrop{background:#000b;backdrop-filter:blur(10px)}dialog h2{font-size:44px;margin:22px 0 18px}dialog p{font-size:14px;color:#a8a9ac;line-height:1.7}.dialog-close{position:absolute;right:15px;top:12px;background:none;border:0;width:32px;height:32px;font-size:27px;font-weight:300;color:#a8a9ac}form{margin-top:29px}form label{display:block;font-size:12px;margin-bottom:10px}input{width:100%;background:#090a0b;color:var(--white);border:1px solid #434448;border-radius:4px;padding:15px;font-size:14px;margin-bottom:13px}input::placeholder{color:#717278}form>.primary-button{width:100%}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-note{font-size:10px;line-height:1.6!important}.inline-button{border:0;padding:0;background:none;font-size:inherit;text-decoration:underline;color:inherit}.form-error{font-size:12px;color:#ff8b82;margin-bottom:0}.success-mark{color:var(--red);font-size:38px}.signup-success .primary-button{margin-top:20px}.privacy-preview{border-top:1px solid var(--line);padding-top:18px;font-size:12px}body:has(dialog[open]){overflow:hidden}[hidden]{display:none!important}
@media(min-width:1600px){.hero{padding-top:130px}.eye-stage{top:66px;height:680px}.site-header,.hero-footer{margin-left:auto;margin-right:auto}.hero-copy{max-width:700px}}
@media(max-width:1000px){.site-header{height:90px}.hero{height:auto;min-height:750px;padding-top:88px}.hero-copy{width:58%}h1{font-size:83px}.eye-stage{width:70%;right:-16%;top:64px;height:520px}.hero-detail{max-width:310px}.desktop-break{display:none}.hero-coordinate{display:none}.vision-intro{gap:7%}.flow-step+.flow-step{padding-left:24px}.flow-step{padding-right:20px}.step-art{width:180px}.closing-symbol{right:5%;width:210px}}
@media(max-width:640px){.site-header{height:83px;margin:0 6%}.wordmark{font-size:22px;gap:8px}.brand-eye{width:30px}.site-header nav{gap:0}.site-header nav>a{display:none}.header-cta{font-size:10px;gap:10px;padding:10px 11px}.header-cta span{font-size:14px}.hero{padding:45px 6% 0;min-height:900px;height:auto}.hero-copy{width:100%}.launch-status{font-size:10px}h1{font-size:clamp(72px,15.7vw,99px);margin:28px 0 22px}.hero-description{font-size:18px;line-height:1.45}.hero-detail{font-size:12px;max-width:300px;line-height:1.8;margin-bottom:24px}.primary-button{font-size:11px;padding:14px 16px;min-height:45px}.eye-stage{width:126%;height:380px;top:467px;right:-13%}.scan-label{top:12px;font-size:8px;left:23%}.top-left,.top-right{top:36px}.bottom-left,.bottom-right{bottom:70px}.hero-footer{left:6%;right:6%;height:61px;font-size:9px}.hero-footer a{gap:10px}.vision-section{padding:52px 6% 60px}.section-heading{font-size:10px}.section-heading>p{max-width:120px;text-align:right}.vision-intro{grid-template-columns:1fr;gap:25px;margin:41px 0 40px}h2{font-size:45px}.vision-text{max-width:100%}.vision-text p{font-size:16px}.vision-text p+p{font-size:13px;margin-bottom:0}.perception-flow{grid-template-columns:1fr}.flow-step,.flow-step+.flow-step{display:grid;grid-template-columns:1fr 112px;padding:26px 0;border-left:0;border-bottom:1px solid var(--line);position:relative}.step-art{grid-column:2;grid-row:1 / 3;transform:scale(.65);transform-origin:top left;width:170px}.step-title{grid-column:1;grid-row:1;margin-top:0;gap:12px}.flow-step p{grid-column:1;grid-row:2;font-size:11px;line-height:1.8;max-width:245px}.flow-step p br{display:none}h3{font-size:22px}.closing-section{padding:60px 6% 65px}.closing-section h2{font-size:43px}.closing-section>p{max-width:260px;line-height:1.8;font-size:12px}.closing-symbol{width:135px;right:-30px;top:42%;opacity:.7}.site-footer{margin:0 6%;gap:17px;flex-wrap:wrap;padding:26px 0;font-size:9px}.footer-wordmark{font-size:17px}.footer-signoff{display:none}.text-button{font-size:9px}dialog{padding:48px 25px 25px}dialog h2{font-size:37px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Hero composition and tactile controls. */

.eye-stage{width:67%;right:-5.5%;height:660px;top:18px;perspective:1200px;mix-blend-mode:screen}

@keyframes come-into-focus{from{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}
@media(min-width:1600px){.eye-stage{height:760px;top:0}}
@media(max-width:1000px){.eye-stage{width:77%;right:-19%;height:560px;top:42px}}
@media(max-width:640px){.eye-stage{width:123%;right:-12%;height:350px;top:481px}.hero{min-height:920px}.primary-button{min-height:48px}}

/* A dark physical space: diffuse light, distant planes, and fine film grain.
   Both layers are static and sit behind the content, including the artwork. */
body {
  isolation: isolate;
  background: #08090b;
}
body::before,
body::after {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
}
body::before {
  z-index: -2;
  background: #08090b url('/atmosphere.svg') center top / cover no-repeat;
}
body::after {
  z-index: -1;
  background: url('/grain.svg') repeat;
  background-size: 180px 180px;
  opacity: .055;
  mix-blend-mode: screen;
}
.hero {
  background: transparent;
  isolation: auto;
}
.vision-section {
  background: rgb(8 9 11 / 36%);
}
.site-header,
.hero-footer,
.perception-flow,
.flow-step + .flow-step,
.closing-section {
  border-color: rgb(185 190 200 / 12%);
}
@media (max-width: 640px) {
  body::before {
    background-position: 42% top;
    background-size: auto 110svh;
  }
  body::after {
    background-size: 150px 150px;
    opacity: .045;
  }
}

@font-face {
  font-family: 'Voltsrom';
  src: url('/fonts/Voltsrom.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
.wordmark {
  font-family: 'Voltsrom', var(--font);
  font-weight: 400;
  font-size: 26px;
  letter-spacing: .025em;
  gap: 13px;
}
.site-header {
  border-bottom: none;
}
.eye-stage {
  mix-blend-mode: lighten;
}

@media (max-width: 640px) {
  .wordmark { font-size: 20px; gap: 8px; }
  .wordmark .brand-eye { width: 26px; }
}

/* A mirrored pair shares one movement so the eyes feel like one presence. */
.eye-pair {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  will-change: transform;
  animation: come-into-focus 1.6s ease-out both;
}
.eye-stage {
  width: 60%;
  right: -1%;
  top: 0;
}
@media (max-width: 1000px) {
  .eye-stage { width: 70%; right: -14%; top: 55px; }
}
@media (max-width: 640px) {
  .eye-stage { width: 116%; right: -8%; top: 452px; height: 290px; }
  .hero { min-height: 840px; }
}

.hero-footer {
  border-top: none;
  justify-content: center;
}

/* Transparent point clouds retain the depth of the background. */
.eye-stage { mix-blend-mode: normal; }
.eye-pair canvas { display: block; width: 100%; height: 100%; }

/* Terminal controls: a red frame, recessed face, and four square brackets. */
.primary-button,
.header-cta {
  position: relative;
  isolation: isolate;
  justify-content: center;
  gap: 0;
  min-height: 60px;
  padding: 19px 27px;
  border: 1px solid #ee3b2c;
  border-radius: 0;
  background: #c43b32;
  color: #160c0b;
  box-shadow: inset 0 0 0 5px #ed3b2d;
  font-family: 'Lucida Console', Monaco, monospace;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: .055em;
  text-transform: uppercase;
  transition: background .15s, box-shadow .15s;
}
.primary-button::before,
.header-cta::before {
  content: '>_';
  margin-right: 7px;
  flex-shrink: 0;
}
.primary-button::after,
.header-cta::after {
  content: '';
  position: absolute;
  inset: -2px;
  pointer-events: none;
  background:
    linear-gradient(currentColor, currentColor) left top / 11px 3px,
    linear-gradient(currentColor, currentColor) left top / 3px 11px,
    linear-gradient(currentColor, currentColor) right top / 11px 3px,
    linear-gradient(currentColor, currentColor) right top / 3px 11px,
    linear-gradient(currentColor, currentColor) left bottom / 11px 3px,
    linear-gradient(currentColor, currentColor) left bottom / 3px 11px,
    linear-gradient(currentColor, currentColor) right bottom / 11px 3px,
    linear-gradient(currentColor, currentColor) right bottom / 3px 11px;
  background-repeat: no-repeat;
}
.primary-button > span[aria-hidden],
.header-cta > span[aria-hidden] { display: none; }
.primary-button:hover,
.header-cta:hover {
  background: #e45447;
  border-color: #ee3b2c;
  box-shadow: inset 0 0 0 5px #fa5544;
}
.primary-button:active,
.header-cta:active {
  background: #b43129;
  box-shadow: inset 0 0 0 6px #ed3b2d;
}
.primary-button:focus-visible,
.header-cta:focus-visible { outline-color: #efefed; }
.header-cta { min-height: 44px; padding: 12px 17px; font-size: 10px; }
@media (max-width: 640px) {
  .primary-button { min-height: 56px; padding: 17px 21px; font-size: 12px; }
  .header-cta { padding: 12px 10px; font-size: 9px; letter-spacing: 0; }
}