:root {
  --paper:#f4f7fc;
  --ink:#14213b;
  --muted:#64738b;
  --line:#d8e1ef;
  --blue:#3769c9;
  --accent:#9bb7ea;
  --dark:#0a1530;
  --sans:'DM Sans',Arial,sans-serif;
  --gutter:clamp(24px,5vw,88px)}

* {
  box-sizing:border-box}
html {
  scroll-behavior:smooth;
  scroll-padding-top:90px}
body {
  margin:0;
  color:var(--ink);
  background:var(--paper);
  font-family:var(--sans);
  -webkit-font-smoothing:antialiased}
a {
  color:inherit;
  text-decoration:none}
button {
  font:inherit}
button,a,summary {
  -webkit-tap-highlight-color:transparent}
button {
  cursor:pointer}
::selection {
  background:#b6d1ff;
  color:#14213b}
a:focus-visible,button:focus-visible,summary:focus-visible {
  outline:2px solid #80b4ff;
  outline-offset:7px}
h1,h2,h3,p {
  margin:0}
svg {
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.5}
.heading-accent {
  font-family:inherit;
  font-style:normal;
  font-weight:inherit}
section {
  scroll-margin-top:20px}
.skip-link {
  position:fixed;
  left:20px;
  top:-80px;
  background:var(--ink);
  color:white;
  padding:14px;
  z-index:100}
.skip-link:focus {
  top:12px}
.site-header {
  height:104px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 var(--gutter);
  position:relative;
  z-index:20;
  border-bottom:1px solid var(--line);
  background:#0a132b;
  color:#f4f7ff;
  border-bottom-color:#ffffff1c}
.wordmark {
  display:inline-flex;
  align-items:center;
  gap:12px;
  font-size:31px;
  font-weight:550;
  letter-spacing:-1.7px}
.wordmark svg {
  width:35px;
  height:35px;
  stroke:none;
  flex-shrink:0}
.wordmark-ai {
  font-weight:400;
  margin-left:5px;
  color:#8fa9cf}
.site-header nav {
  display:flex;
  align-items:center;
  gap:43px;
  font-size:13px;
  font-weight:500}
.site-header nav a {
  transition:color .2s}
.site-header nav a:hover {
  color:#b4d3ff}
.nav-contact {
  display:flex;
  align-items:center;
  gap:28px;
  border-bottom:1px solid currentColor;
  padding:12px 0}
.nav-contact span {
  font-size:19px}
.menu-toggle {
  display:none}
.hero {
  min-height:760px;
  height:calc(100svh - 104px);
  max-height:1060px;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  padding:0 var(--gutter);
  color:#f4f7ff;
  background:radial-gradient(ellipse at 94% 24%,#628ee78c 0%,transparent 48%),radial-gradient(ellipse at 70% 90%,#265ac680 0%,transparent 58%),linear-gradient(115deg,#080f24 8%,#132552 58%,#204b94 100%)}
.hero-content {
  position:relative;
  z-index:2;
  margin-top:-35px;
  pointer-events:none}
.hero-content a {
  pointer-events:auto}
.eyebrow {
  font-size:10px;
  font-weight:550;
  letter-spacing:1.7px;
  line-height:1.6;
  display:flex;
  align-items:center;
  gap:9px}
.status-dot {
  display:inline-block;
  width:5px;
  height:5px;
  background:#8ebdff;
  border-radius:50%;
  box-shadow:0 0 0 4px #8ebdff10}
h1 {
  font-size:clamp(60px,6.9vw,112px);
  font-weight:450;
  letter-spacing:-5.8px;
  line-height:1.04;
  margin-top:34px;
  max-width:980px}
h1 .heading-accent {
  font-size:1em;
  letter-spacing:-3px;
  color:#b8d6ff}
.hero-content>p {
  font-size:16px;
  line-height:1.8;
  color:#b7c7e0;
  margin-top:29px}
.button {
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:39px;
  min-height:51px;
  padding:0 22px;
  font-size:12px;
  font-weight:500;
  transition:background .2s,transform .2s}
.button:hover {
  transform:translateY(-2px)}
.button svg {
  height:19px;
  width:19px}
.button-dark {
  background:#e6efff;
  color:#152749;
  margin-top:32px}
.button-dark:hover {
  background:#fff}
.hero-art {
  position:absolute;
  top:0;
  right:0;
  width:58%;
  height:100%;
  z-index:0;
  background:transparent}
#intelligence-field {
  width:100%;
  height:100%;
  display:block;
  opacity:1;
  mask-image:linear-gradient(to right,transparent,#000 13%)}
.art-cross {
  position:absolute;
  color:#86ace6;
  font:20px monospace;
  font-weight:300}
.cross-one {
  top:18%;
  right:12%}
.cross-two {
  bottom:24%;
  left:27%}
.art-caption {
  position:absolute;
  right:var(--gutter);
  top:70%;
  writing-mode:vertical-rl;
  font-family:monospace;
  font-size:8px;
  letter-spacing:1.8px;
  color:#98b6e5}
.hero-bottom {
  display:flex;
  justify-content:space-between;
  align-items:center;
  position:absolute;
  left:var(--gutter);
  right:var(--gutter);
  bottom:30px;
  border-top:1px solid var(--line);
  padding-top:25px;
  font-size:9px;
  letter-spacing:1.35px;
  color:#96afd2;
  border-top-color:#ffffff26}
.hero-bottom a {
  display:flex;
  align-items:center;
  gap:19px}
.hero-bottom svg {
  width:18px;
  height:18px}
.section-pad {
  padding:70px var(--gutter) 90px}
.section-label {
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:10px;
  letter-spacing:1.55px;
  color:var(--muted)}
.little-cross {
  font:20px monospace;
  color:#6f8aad}
.perspective {
  background:#fff;
  border-top:1px solid var(--line)}
.perspective-copy {
  padding:62px 0 12px;
  display:grid;
  grid-template-columns:1.25fr 1fr;
  gap:65px}
h2 {
  font-size:clamp(36px,3.45vw,58px);
  font-weight:450;
  letter-spacing:-2.3px;
  line-height:1.15}
h2>span {
  color:#6988b3}
.perspective-detail {
  display:flex;
  gap:25px;
  padding-top:6px}
.line-mark {
  display:block;
  width:34px;
  height:1px;
  background:#87a9db;
  flex-shrink:0;
  margin-top:12px}
.perspective-detail p {
  font-size:15px;
  line-height:1.9;
  color:#64738b;
  max-width:460px}
.perspective-detail p+p {
  margin-top:19px}
.possibilities {
  padding-bottom:105px;
  background:linear-gradient(145deg,#f7faff,#e7eefb)}
.section-heading {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:35px;
  margin:50px 0 57px}
.section-heading>p {
  font-size:14px;
  color:var(--muted);
  line-height:1.8;
  padding-right:7%;
  padding-bottom:6px}
.exploration {
  border-top:1px solid #ccd9ec}
.exploration:last-child {
  border-bottom:1px solid #ccd9ec}
.exploration summary {
  display:grid;
  grid-template-columns:65px 1.2fr 1fr 20px;
  gap:18px;
  align-items:center;
  min-height:99px;
  list-style:none;
  cursor:pointer}
.exploration summary::-webkit-details-marker {
  display:none}
.item-number {
  font-size:11px;
  color:#607696;
  font-family:monospace}
.exploration h3 {
  font-size:23px;
  font-weight:450;
  letter-spacing:-.65px}
.item-topic {
  font-size:9px;
  letter-spacing:1.2px;
  color:#607696}
.expand-icon {
  width:18px;
  height:18px;
  position:relative}
.expand-icon::before,.expand-icon::after {
  content:'';
  position:absolute;
  left:1px;
  top:8px;
  width:15px;
  height:1px;
  background:#6483ae}
.expand-icon::after {
  transform:rotate(90deg);
  transition:transform .2s}
.exploration[open] .expand-icon::after {
  transform:rotate(0deg)}
.exploration-body {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:40px;
  padding:0 14% 36px 83px}
.exploration-body>p {
  max-width:520px;
  font-size:14px;
  line-height:1.9;
  color:#64738b}
.mini-art {
  position:relative;
  flex-shrink:0;
  width:190px;
  height:83px}
.mini-art i {
  position:absolute;
  top:0;
  left:50px;
  width:80px;
  height:80px;
  border:1px solid #87a9db;
  border-radius:50%}
.connection-art i:nth-child(1) {
  left:22px}
.connection-art i:nth-child(3) {
  left:78px}
.connection-art span {
  position:absolute;
  top:39px;
  width:190px;
  height:1px;
  background:#b2c8e8}
.discovery-art i:nth-child(2) {
  transform:scale(.65)}
.discovery-art i:nth-child(3) {
  transform:scale(.3);
  background:#7fa8e840}
.human-art i:nth-child(1) {
  transform:rotate(-40deg);
  border-radius:80% 20%;
  left:25px}
.human-art i:nth-child(2) {
  transform:rotate(40deg);
  border-radius:20% 80%;
  left:75px}
.human-art i:nth-child(3) {
  transform:scale(.2);
  background:#87a9db}
.connect {
  position:relative;
  overflow:hidden;
  background:radial-gradient(ellipse at 90% 90%,#224c93a6,transparent 65%),linear-gradient(120deg,#0a1530,#132c59);
  color:var(--paper);
  padding-bottom:0}
.connect .section-label {
  color:#a0b9dc}
.connect-content {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:40px;
  padding:67px 0 90px}
.connect .eyebrow {
  color:#aac8ee;
  letter-spacing:1.4px;
  font-size:9px;
  margin-bottom:28px}
.connect h2 {
  font-size:clamp(50px,5.5vw,85px);
  letter-spacing:-3px;
  line-height:1.08}
.connect h2 .heading-accent {
  color:#bdd8ff;
  font-size:1em}
.connect-detail {
  padding-right:7%;
  padding-bottom:4px}
.connect-detail>p {
  font-size:14px;
  line-height:1.8;
  color:#b1c4e0}
.button-light {
  background:#e3efff;
  color:var(--dark);
  margin-top:27px;
  min-width:250px}
.button-light:hover {
  background:#fff}
.contact-email {
  display:block;
  width:max-content;
  color:#a1c7fa;
  font-size:12px;
  margin-top:20px;
  border-bottom:1px solid transparent;
  padding-bottom:4px}
.contact-email:hover {
  border-color:currentColor}
.footer-mark {
  font-size:clamp(90px,20.8vw,340px);
  letter-spacing:-1.4vw;
  line-height:.89;
  text-align:center;
  font-weight:450;
  color:#9cb9e8;
  white-space:nowrap;
  margin:0 -.3em -.055em;
  opacity:.14;
  user-select:none}
.footer-mark span {
  font-weight:400;
  margin-left:.06em}
.site-footer {
  padding:27px var(--gutter);
  background:var(--dark);
  color:#9eb4d4;
  border-top:1px solid #243958;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:10px}
.site-footer>span:nth-child(2) {
  font-size:8px;
  letter-spacing:1.8px}
.site-footer a {
  display:flex;
  gap:20px}
.site-footer a:hover {
  color:#e3efff}

@media(min-width:1800px) {
  .hero-content {
  margin-left:auto;
  margin-right:auto;
  width:1600px}
.section-pad {
  padding-left:max(var(--gutter),calc((100vw - 1600px)/2));
  padding-right:max(var(--gutter),calc((100vw - 1600px)/2))}
}

@media(max-width:1050px) {
  .site-header {
  height:88px}
.hero {
  min-height:730px;
  height:calc(100svh - 88px)}
h1 {
  letter-spacing:-3.5px;
  font-size:8vw}
.hero-art {
  width:65%;
  right:-8%;
  opacity:.8}
.hero-content>p {
  font-size:15px}
.site-header nav {
  gap:26px}
.perspective-copy {
  grid-template-columns:1fr;
  gap:35px}
.perspective-detail {
  margin-left:30%;
}
.perspective-detail p {
  max-width:600px}
.section-heading>p,.connect-detail {
  padding-right:0}
.exploration h3 {
  font-size:20px}
.exploration summary {
  grid-template-columns:35px 1.3fr 1fr 20px;
  gap:12px}
.exploration-body {
  padding-left:47px;
  padding-right:4%}
.exploration-body p {
  max-width:420px}
.mini-art {
  transform:scale(.8)}
}

@media(max-width:700px) {
  html {
  scroll-padding-top:20px}
.site-header {
  height:80px}
.wordmark {
  font-size:28px;
  gap:8px}
.wordmark svg {
  width:30px;
  height:30px}
.menu-toggle {
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:6px;
  background:none;
  border:0;
  width:44px;
  height:44px;
  padding:10px;
  margin-right:-10px}
.menu-toggle span {
  width:24px;
  height:1px;
  background:#e6efff;
  transition:transform .2s}
.menu-toggle[aria-expanded=true] span:first-child {
  transform:translateY(3.5px) rotate(45deg)}
.menu-toggle[aria-expanded=true] span:last-child {
  transform:translateY(-3.5px) rotate(-45deg)}
.site-header nav {
  display:none;
  position:absolute;
  left:0;
  right:0;
  top:79px;
  background:#0a1530;
  border-bottom:1px solid #ffffff26;
  padding:25px var(--gutter) 32px;
  flex-direction:column;
  align-items:flex-start;
  gap:24px}
.site-header nav.is-open {
  display:flex}
.nav-contact {
  width:100%;
  justify-content:space-between}
.hero {
  height:auto;
  min-height:830px;
  align-items:flex-start;
  padding-top:62px}
.hero-content {
  margin:0;
  width:100%}
.eyebrow {
  font-size:8px;
  letter-spacing:1.2px}
h1 {
  font-size:clamp(43px,9.6vw,66px);
  letter-spacing:-2.6px;
  margin-top:24px;
  line-height:1.06}
h1 .heading-accent {
  letter-spacing:-1.8px}
.hero-content>p {
  margin-top:25px;
  font-size:14px;
  line-height:1.75}
.button {
  font-size:11px;
  min-height:49px;
  gap:30px;
  padding:0 18px}
.button-dark {
  margin-top:25px}
.hero-art {
  top:auto;
  bottom:70px;
  width:115%;
  height:405px;
  right:-12%;
  opacity:.9}
.art-caption {
  font-size:6px;
  top:40%;
  right:14%}
.cross-one {
  top:12%;
  right:22%}
.cross-two {
  bottom:12%;
  left:16%}
.hero-bottom {
  bottom:24px;
  padding-top:19px}
.hero-bottom>span {
  font-size:7px;
  letter-spacing:.7px;
  max-width:165px;
  line-height:1.8}
.hero-bottom a {
  gap:8px;
  font-size:7px;
  letter-spacing:.5px}
.hero-bottom svg {
  width:15px;
  height:15px}
.section-pad {
  padding-top:40px;
  padding-bottom:54px}
.section-label {
  font-size:8px;
  letter-spacing:1.15px}
h2 {
  font-size:36px;
  letter-spacing:-1.6px}
.perspective-copy {
  padding-top:36px;
  gap:26px}
.perspective-detail {
  margin-left:0;
  gap:18px}
.line-mark {
  width:20px}
.perspective-detail p {
  font-size:13px;
  line-height:1.9}
.section-heading {
  flex-direction:column;
  align-items:flex-start;
  gap:24px;
  margin-top:35px;
  margin-bottom:33px}
.section-heading>p {
  font-size:13px}
.exploration summary {
  grid-template-columns:22px 1fr 18px;
  gap:11px;
  min-height:84px}
.item-number {
  font-size:9px}
.item-topic {
  display:none}
.exploration h3 {
  font-size:19px}
.exploration-body {
  padding:0 0 28px 33px;
  gap:0}
.exploration-body>p {
  font-size:13px}
.mini-art {
  display:none}
.connect-content {
  flex-direction:column;
  align-items:flex-start;
  padding-top:41px;
  padding-bottom:54px;
  gap:35px}
.connect .eyebrow {
  font-size:7px;
  margin-bottom:20px}
.connect h2 {
  font-size:56px;
  letter-spacing:-2.8px}
.connect-detail>p {
  font-size:13px}
.button-light {
  margin-top:23px}
.footer-mark {
  font-size:21vw;
  letter-spacing:-1.5vw;
  margin-bottom:-.075em}
.connect {
  padding-bottom:0}
.site-footer {
  font-size:9px;
  padding-top:23px;
  padding-bottom:23px;
  gap:20px}
.site-footer>span:nth-child(2) {
  display:none}
}

@media(prefers-reduced-motion:reduce) {
  html {
  scroll-behavior:auto}
*,*::before,*::after {
  animation:none!important;
  transition:none!important}
}