@font-face { font-family:"Geist"; src:url("fonts/geist-latin.woff2") format("woff2"); font-style:normal; font-weight:100 900; font-display:swap; }
@font-face { font-family:"Geist Mono"; src:url("fonts/geist-mono-latin.woff2") format("woff2"); font-style:normal; font-weight:100 900; font-display:swap; }
:root { --ink:#05070a; --panel:#0b0f14; --steel:#161c24; --line:#27303b; --white:#f4f7fa; --muted:#99a4b1; --blue:#1688ff; --blue2:#65b7ff; --font-geist-sans:"Geist",Arial,Helvetica,sans-serif; --font-geist-mono:"Geist Mono","SFMono-Regular",Consolas,monospace; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--ink); }
body { margin:0; background:var(--ink); color:var(--white); font-family:var(--font-geist-sans); }
a { color:inherit; text-decoration:none; }
button, a { -webkit-tap-highlight-color:transparent; }
em { font-family:Georgia, serif; font-weight:400; color:var(--blue2); text-transform:none; }

.site-header { height:92px; display:flex; align-items:center; padding:0 4vw; position:absolute; z-index:10; width:100%; border-bottom:1px solid rgba(255,255,255,.14); }
.brand { display:flex; align-items:center; }
.brand-logo { display:block; width:190px; height:76px; object-fit:contain; }
nav { display:flex; gap:34px; margin-left:auto; margin-right:42px; }
nav a { font-size:12px; text-transform:uppercase; letter-spacing:1.6px; color:#c5cbd2; transition:.2s; }
nav a:hover { color:white; }
.header-cta { border-left:1px solid rgba(255,255,255,.16); padding:14px 0 14px 30px; color:var(--blue2); text-transform:uppercase; letter-spacing:1.2px; font-size:11px; font-weight:800; }
.header-cta span { margin-left:12px; }
.mobile-menu { display:none; margin-left:auto; }
.mobile-menu-toggle { width:48px; height:48px; padding:13px 11px; display:flex; flex-direction:column; justify-content:center; gap:6px; border:1px solid rgba(255,255,255,.2); background:rgba(5,7,10,.9); color:var(--white); cursor:pointer; list-style:none; }
.mobile-menu-toggle::-webkit-details-marker { display:none; }
.mobile-menu-toggle > span { display:block; width:100%; height:2px; background:currentColor; transition:transform .2s,opacity .2s; }
.mobile-menu[open] .mobile-menu-toggle > span:nth-child(1) { transform:translateY(8px) rotate(45deg); }
.mobile-menu[open] .mobile-menu-toggle > span:nth-child(2) { opacity:0; }
.mobile-menu[open] .mobile-menu-toggle > span:nth-child(3) { transform:translateY(-8px) rotate(-45deg); }
.mobile-menu-panel { display:none; position:absolute; top:76px; left:0; right:0; padding:10px 20px 22px; border-bottom:1px solid #2b3947; background:rgba(5,7,10,.98); box-shadow:0 18px 40px rgba(0,0,0,.45); }
.mobile-menu[open] .mobile-menu-panel { display:block; }
.mobile-menu-panel nav { display:grid; margin:0; gap:0; }
.mobile-menu-panel nav a,.mobile-menu-call { min-height:52px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); color:#dce4ec; font:800 12px var(--font-geist-mono),monospace; letter-spacing:1.4px; text-transform:uppercase; }
.mobile-menu-call { margin-top:10px; padding:0 16px; border:1px solid var(--blue); color:var(--blue2); }
.testimonials { background:linear-gradient(180deg,#080c11,#05070a); }
.testimonial-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.testimonial-card { margin:0; min-height:280px; padding:34px; display:flex; flex-direction:column; border:1px solid var(--line); background:rgba(11,15,20,.82); }
.testimonial-card::before { content:"“"; color:var(--blue); font:400 72px Georgia,serif; line-height:.7; margin-bottom:22px; }
.testimonial-card blockquote { margin:0; color:#c7d0d9; font-size:16px; line-height:1.72; }
.testimonial-card figcaption { margin-top:auto; padding-top:28px; color:var(--white); font:800 11px var(--font-geist-mono),monospace; letter-spacing:1.5px; text-transform:uppercase; }
.testimonial-card figcaption span { color:var(--blue2); margin-right:8px; }
.gauge-value span.tight-comma {
  color: inherit;
  font: inherit;
  letter-spacing: 0;
  margin-left: -6px;
  margin-right: -1px;
}
.hero { min-height:780px; position:relative; display:grid; grid-template-columns:1.08fr .92fr; align-items:center; padding:145px 5vw 90px; overflow:hidden; background:radial-gradient(circle at 78% 42%,#0e263d 0,transparent 27%),linear-gradient(115deg,#090d12 0%,#080b0f 55%,#030507 100%); }
.hero-grid,.contact-grid { position:absolute; inset:0; opacity:.17; background-image:linear-gradient(rgba(55,151,255,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(55,151,255,.35) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(90deg,transparent,black 45%,black); }
.hero:before { content:""; position:absolute; width:45vw; height:1px; background:var(--blue); right:-3vw; top:31%; transform:rotate(-31deg); box-shadow:0 0 20px #1688ff; }
.hero-copy { position:relative; z-index:2; max-width:770px; }
.eyebrow,.kicker { display:flex; align-items:center; gap:10px; color:var(--blue2); font-family:var(--font-geist-mono),monospace; font-size:11px; font-weight:700; letter-spacing:2.1px; }
.pulse { width:7px; height:7px; background:#42e39c; box-shadow:0 0 12px #42e39c; border-radius:50%; }
h1 { font-size:clamp(64px,7.3vw,118px); text-transform:uppercase; letter-spacing:-6px; line-height:.82; margin:36px 0 32px; font-weight:950; }
h1 em { display:inline-block; letter-spacing:-5px; }
.hero-lede { font-size:18px; line-height:1.55; color:#b8c0ca; max-width:610px; border-left:2px solid var(--blue); padding-left:22px; }
.hero-actions { display:flex; gap:13px; margin-top:38px; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:24px; min-height:54px; padding:0 24px; text-transform:uppercase; font-size:11px; font-weight:900; letter-spacing:1.25px; border:1px solid var(--line); transition:.2s; }
.button-primary { background:var(--blue); border-color:var(--blue); }
.button-primary:hover { background:#3b9cff; transform:translateY(-2px); }
.button-ghost:hover { border-color:#8793a0; }
button,
a {
  -webkit-tap-highlight-color:transparent
}
em {
  color:var(--blue2);
  text-transform:none;
  font-family:Georgia,serif;
  font-weight:400
}
.site-header {
  z-index:10;
  border-bottom:1px solid #ffffff24;
  align-items:center;
  width:100%;
  height:92px;
  padding:0 4vw;
  display:flex;
  position:absolute
}
.brand {
  align-items:center;
  display:flex
}
.brand-logo {
  object-fit:contain;
  width:190px;
  height:76px;
  display:block
}
nav {
  gap:34px;
  margin-left:auto;
  margin-right:42px;
  display:flex
}
nav a {
  text-transform:uppercase;
  letter-spacing:1.6px;
  color:#c5cbd2;
  font-size:12px;
  transition:all .2s
}
nav a:hover {
  color:#fff
}
.header-cta {
  color:var(--blue2);
  text-transform:uppercase;
  letter-spacing:1.2px;
  border-left:1px solid #ffffff29;
  padding:14px 0 14px 30px;
  font-size:11px;
  font-weight:800
}
.header-cta span {
  margin-left:12px
}
.hero-slogan {
  color: var(--white);
  font: 800 16px var(--font-geist-mono),monospace;
  letter-spacing: 3.2px;
  text-transform: uppercase;
  align-items: center;
  gap: 12px;
  margin: 12px 0 0;
  display: flex;
}
.hero {
  background:radial-gradient(circle at 78% 42%,#0e263d 0,#0000 27%),linear-gradient(115deg,#090d12 0%,#080b0f 55%,#030507 100%);
  grid-template-columns:1.08fr .92fr;
  align-items:center;
  min-height:780px;
  padding:145px 5vw 90px;
  display:grid;
  position:relative;
  overflow:hidden
}
.hero-grid,
.contact-grid {
  opacity:.17;
  background-image:linear-gradient(#3797ff59 1px,#0000 1px),linear-gradient(90deg,#3797ff59 1px,#0000 1px);
  background-size:64px 64px;
  position:absolute;
  inset:0;
  -webkit-mask-image:linear-gradient(90deg,#0000,#000 45%,#000);
  mask-image:linear-gradient(90deg,#0000,#000 45%,#000)
}
.hero:before {
  content:"";
  background:var(--blue);
  width:45vw;
  height:1px;
  position:absolute;
  top:31%;
  right:-3vw;
  transform:rotate(-31deg);
  box-shadow:0 0 20px #1688ff
}
.hero-copy {
  z-index:2;
  max-width:770px;
  position:relative
}
.eyebrow,
.kicker {
  color:var(--blue2);
  font-family:var(--font-geist-mono),monospace;
  letter-spacing:2.1px;
  align-items:center;
  gap:10px;
  font-size:11px;
  font-weight:700;
  display:flex
}
.pulse {
  background:#42e39c;
  border-radius:50%;
  width:7px;
  height:7px;
  box-shadow:0 0 12px #42e39c
}
h1 {
  text-transform:uppercase;
  letter-spacing:-6px;
  margin:36px 0 32px;
  font-size:clamp(64px,7.3vw,118px);
  font-weight:950;
  line-height:.82
}
h1 em {
  letter-spacing:-5px;
  display:inline-block
}
.hero-lede {
  color:#b8c0ca;
  border-left:2px solid var(--blue);
  max-width:610px;
  padding-left:22px;
  font-size:18px;
  line-height:1.55
}
.hero-actions {
  gap:13px;
  margin-top:38px;
  display:flex
}
.button {
  text-transform:uppercase;
  letter-spacing:1.25px;
  border:1px solid var(--line);
  justify-content:center;
  align-items:center;
  gap:24px;
  min-height:54px;
  padding:0 24px;
  font-size:11px;
  font-weight:900;
  transition:all .2s;
  display:inline-flex
}
.button-primary {
  background:var(--blue);
  border-color:var(--blue)
}
.button-primary:hover {
  background:#3b9cff;
  transform:translateY(-2px)
}
.button-ghost:hover {
  border-color:#8793a0
}
.telemetry {
  z-index:2;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  clip-path:polygon(0 0,92% 0,100% 8%,100% 100%,0 100%);
  background:#04080cb8;
  border:1px solid #273644;
  justify-self:end;
  width:min(440px,38vw);
  min-height:475px;
  padding:22px;
  position:relative
}
.telemetry:after {
  content:"";
  pointer-events:none;
  border:1px solid #4ba1f524;
  position:absolute;
  inset:8px
}
.telemetry-top {
  font-family:var(--font-geist-mono),monospace;
  color:#8996a3;
  letter-spacing:1.5px;
  justify-content:space-between;
  font-size:9px;
  display:flex
}
.signal {
  color:#42e39c
}
.gauge {
  place-items:center;
  height:320px;
  display:grid;
  position:relative
}
.gauge-rings {
  border:20px solid #131a22;
  border-radius:50%;
  width:250px;
  height:250px;
  position:relative;
  box-shadow:inset 0 0 0 1px #32404f,0 0 45px #007eff14
}
.gauge-rings:before {
  content:"";
  border:20px solid #0000;
  border-top-color:var(--blue);
  border-right-color:var(--blue);
  filter:drop-shadow(0 0 7px #1688ff);
  border-radius:50%;
  position:absolute;
  inset:-21px;
  transform:rotate(35deg)
}
.gauge-rings:after {
  content:"0  1  2  3  4  5  6  7  8";
  font:9px var(--font-geist-mono),monospace;
  letter-spacing:7px;
  color:#687582;
  border-radius:50%;
  padding:18px;
  position:absolute;
  inset:-44px
}
.gauge-needle {
  background:linear-gradient(90deg,var(--blue),white);
  transform-origin:100%;
  width:103px;
  height:3px;
  box-shadow:0 0 12px var(--blue);
  position:absolute;
  transform:translate(-51px)rotate(38deg)
}
.gauge-needle:after {
  content:"";
  width:12px;
  height:12px;
  box-shadow:0 0 0 6px var(--blue);
  background:#fff;
  border-radius:50%;
  position:absolute;
  top:-5px;
  right:-6px
}
.gauge-value {
  text-align:center;
  flex-direction:column;
  display:flex;
  position:absolute;
  bottom:45px
}
.gauge-value strong {
  font:700 33px var(--font-geist-mono),monospace;
  letter-spacing:0px
}
.gauge-value span {
  color:var(--blue2);
  font:9px var(--font-geist-mono),monospace;
  letter-spacing:3px
}
.telemetry-data {
  border-top:1px solid var(--line);
  grid-template-columns:repeat(3,1fr);
  padding-top:17px;
  display:grid
}
.telemetry-data div {
  border-left:1px solid var(--line);
  flex-direction:column;
  gap:6px;
  padding-left:15px;
  display:flex
}
.telemetry-data span {
  color:#75818e;
  font:9px var(--font-geist-mono),monospace;
  letter-spacing:1.5px
}
.telemetry-data strong {
  font:17px var(--font-geist-mono),monospace
}
.telemetry-data small {
  color:var(--blue2);
  font-size:8px
}
.hero-rail {
  z-index:2;
  background:var(--blue);
  height:48px;
  font:800 10px var(--font-geist-mono),monospace;
  letter-spacing:2px;
  justify-content:space-around;
  align-items:center;
  display:flex;
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  transform:skew(-12deg)scaleX(1.02)
}
.trust-strip {
  border-bottom:1px solid var(--line);
  background:var(--panel);
  grid-template-columns:repeat(4,1fr);
  display:grid
}
.trust-strip div {
  border-right:1px solid var(--line);
  align-items:center;
  gap:16px;
  padding:28px 3vw;
  display:flex
}
.trust-strip strong {
  color:#fff;
  font:800 24px var(--font-geist-mono),monospace
}
.trust-strip span {
  color:#74808c;
  font:9px var(--font-geist-mono),monospace;
  letter-spacing:1.5px
}
.section {
  padding:115px 5vw
}
.section-heading {
  justify-content:space-between;
  align-items:end;
  margin-bottom:60px;
  display:flex
}
.section-heading h2,
.process-title h2,
.contact h2 {
  text-transform:uppercase;
  letter-spacing:-4px;
  margin:25px 0 0;
  font-size:clamp(52px,6vw,88px);
  line-height:.87
}
.section-heading>p {
  max-width:450px;
  color:var(--muted);
  margin:0 0 5px;
  font-size:15px;
  line-height:1.65
}
.specialties-copy { margin-top:34px; padding:34px 0 0; border-top:1px solid var(--line); display:grid; grid-template-columns:.75fr 1.25fr; gap:6vw; }
.specialties-copy > div { display:grid; gap:15px; }
.specialties-copy p { margin:0; color:var(--muted); font-size:14px; line-height:1.75; }
.specialties-copy p:last-child { color:#c5cdd6; }
.specialties-copy a { color:var(--blue2); font-weight:800; white-space:nowrap; }
.specialties-copy a span { margin-left:8px; }

.service-grid {
  border-top:1px solid var(--line);
  border-left:1px solid var(--line);
  grid-template-columns:repeat(2,1fr);
  display:grid
}
.service-card {
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:linear-gradient(145deg,#18202a8c,#070a0e33);
  min-height:390px;
  padding:35px;
  transition:all .25s;
  position:relative
}
.service-card:hover {
  box-shadow:inset 3px 0 var(--blue);
  background:#101823
}
.card-index {
  color:#303b47;
  font:800 54px var(--font-geist-mono),monospace;
  position:absolute;
  top:25px;
  right:30px
}
.card-tag {
  color:var(--blue2);
  font:700 9px var(--font-geist-mono),monospace;
  letter-spacing:1.8px;
  margin-top:8px
}
.service-card h3 {
  text-transform:uppercase;
  letter-spacing:-1.3px;
  margin:52px 0 16px;
  font-size:30px
}
.service-card p {
  color:var(--muted);
  max-width:500px;
  min-height:76px;
  line-height:1.6
}
.service-card ul {
  flex-wrap:wrap;
  gap:8px;
  margin:25px 0 35px;
  padding:0;
  list-style:none;
  display:flex
}
.service-card li {
  color:#9da8b3;
  font:9px var(--font-geist-mono),monospace;
  text-transform:uppercase;
  border:1px solid #2b3540;
  padding:7px 9px
}
.service-card a {
  text-transform:uppercase;
  letter-spacing:1.3px;
  color:var(--blue2);
  font-size:10px;
  font-weight:900
}
.service-card a span {
  margin-left:12px
}
.process-band {
  background:var(--blue);
  color:#fff;
  grid-template-columns:.8fr 1.2fr;
  gap:8vw;
  padding:95px 5vw;
  display:grid
}
.process-band .kicker,
.process-band em {
  color:#fff
}
.process-band ol {
  border-top:1px solid #ffffff59;
  margin:0;
  padding:0;
  list-style:none
}
.process-band li {
  border-bottom:1px solid #ffffff59;
  grid-template-columns:65px 1fr;
  padding:27px 0;
  display:grid
}
.process-band li>span {
  font:10px var(--font-geist-mono),monospace
}
.process-band strong {
  text-transform:uppercase;
  font-size:20px
}
.process-band p {
  color:#d8ecff;
  margin:7px 0 0;
  font-size:13px;
  line-height:1.5
}
.packages {
  background:#070a0e
}
.package-grid {
  grid-template-columns:repeat(2,1fr);
  gap:18px;
  display:grid
}
.package-card {
  border:1px solid var(--line);
  background:linear-gradient(145deg,#111822,#080b0f);
  padding:34px
}
.package-meta {
  color:var(--blue2);
  font:700 9px var(--font-geist-mono),monospace;
  letter-spacing:1.8px;
  justify-content:space-between;
  display:flex
}
.package-card h3 {
  text-transform:uppercase;
  letter-spacing:-1.3px;
  margin:40px 0 14px;
  font-size:30px
}
.package-card>p {
  min-height:72px;
  color:var(--muted);
  line-height:1.6
}
.package-price {
  align-items:baseline;
  gap:14px;
  margin:28px 0 20px;
  display:flex
}
.package-price strong {
  font:800 38px var(--font-geist-mono),monospace;
  color:#fff
}
.package-price span {
  color:#74808c;
  text-transform:uppercase;
  letter-spacing:1px;
  font-size:10px
}
.package-card dl {
  border-top:1px solid var(--line);
  margin:0 0 24px
}
.package-card dl div {
  border-bottom:1px solid var(--line);
  color:#8995a2;
  font:10px var(--font-geist-mono),monospace;
  text-transform:uppercase;
  letter-spacing:.6px;
  justify-content:space-between;
  padding:10px 0;
  display:flex
}
.package-card dl dd {
  color:#c7d0d9;
  margin:0
}
.package-card dl .package-total {
  color:#fff;
  font-weight:800
}
.package-card form {
  margin:0
}
.paypal-button {
  cursor:pointer;
  color:#07101a;
  width:100%;
  min-height:56px;
  font:900 11px var(--font-geist-mono),monospace;
  text-transform:uppercase;
  letter-spacing:1px;
  background:#ffc439;
  border:0;
  transition:all .2s
}
.paypal-button:hover {
  background:#ffcf5b;
  transform:translateY(-2px)
}
.paypal-button span {
  margin-left:14px
}
.package-source {
  color:var(--blue2);
  font:800 9px var(--font-geist-mono),monospace;
  text-transform:uppercase;
  letter-spacing:1px;
  margin-top:18px;
  display:inline-block
}
.package-source span {
  margin-left:8px
}
.package-disclaimer {
  color:#707d89;
  margin:24px 0 0;
  font-size:11px;
  line-height:1.6
}
.downloads {
  background:#090c10
}
.compact {
  align-items:center
}
.about-section { min-height:500px; padding:90px 5vw; border-top:1px solid var(--line); background:radial-gradient(circle at 15% 50%,rgba(22,136,255,.15),transparent 30%),#080b0f; display:grid; grid-template-columns:.8fr 1.2fr; gap:8vw; align-items:center; position:relative; overflow:hidden; }

.about-intro,.about-story { position:relative; z-index:1; }
.about-intro h2 { margin:22px 0 0; text-transform:uppercase; font-size:clamp(48px,5vw,76px); line-height:.9; letter-spacing:-3.5px; }
.about-role { color:var(--blue2) !important; font:700 9px var(--font-geist-mono),monospace !important; letter-spacing:1.8px; }
.about-story p { max-width:650px; color:var(--muted); font-size:15px; line-height:1.75; }
.about-story a { display:inline-block; margin-top:18px; color:var(--blue2); font:800 10px var(--font-geist-mono),monospace; letter-spacing:1px; text-transform:uppercase; }
.about-story a span { margin-left:10px; }
.programming-downloads {
  border:1px solid var(--line);
  background:#070a0e;
  grid-template-columns:1.15fr .85fr;
  display:grid
}
.featured-download {
  border-right:1px solid var(--line);
  background:radial-gradient(circle at 92% 12%,#1688ff33,#0000 34%),linear-gradient(145deg,#101720,#080b0f 68%);
  flex-direction:column;
  min-height:465px;
  padding:34px;
  display:flex;
  position:relative;
  overflow:hidden
}

.download-label {
  color:#687582;
  font:9px var(--font-geist-mono),monospace;
  letter-spacing:1.5px;
  justify-content:space-between;
  display:flex
}
.download-copy {
  z-index:1;
  grid-template-columns:56px 1fr;
  gap:20px;
  margin:auto 0;
  display:grid;
  position:relative
}
.download-number {
  color:#44515e;
  font:700 11px var(--font-geist-mono),monospace;
  letter-spacing:1px
}
.download-type {
  letter-spacing:1.8px;
  color:var(--blue2)!important;
  font:700 9px var(--font-geist-mono),monospace!important;
  margin:0 0 16px!important
}
.download-copy h3 {
  text-transform:uppercase;
  letter-spacing:-2.8px;
  margin:0 0 22px;
  font-size:clamp(38px,4vw,62px);
  line-height:.92
}
.download-copy h3 em {
  display:block
}
.download-copy p,
.support-download p {
  color:var(--muted);
  max-width:475px;
  margin:0;
  font-size:13px;
  line-height:1.6
}
.download-button {
  z-index:1;
  align-self:flex-start;
  position:relative
}
.download-side-stack {
  grid-template-rows:1fr 1fr;
  display:grid
}
.support-download {
  background:#0b0f14;
  grid-template-columns:1fr auto;
  align-items:end;
  gap:24px;
  min-height:232px;
  padding:30px;
  transition:all .2s;
  display:grid
}
.support-download:first-child {
  border-bottom:1px solid var(--line)
}
.support-download:hover {
  box-shadow:inset 3px 0 var(--blue);
  background:#101720
}
.support-download .download-number {
  margin-bottom:28px;
  display:block
}
.support-download h3 {
  text-transform:uppercase;
  letter-spacing:-.8px;
  margin:0 0 10px;
  font-size:23px
}
.support-download a {
  color:var(--blue2);
  font:800 9px var(--font-geist-mono),monospace;
  letter-spacing:1px;
  white-space:nowrap;
  padding-bottom:3px
}
.support-download a span {
  margin-left:9px
}
.remote-download {
  background:linear-gradient(130deg,#0b0f14,#0b131b)
}
.status {
  align-items:center;
  gap:8px;
  display:flex
}
.status:before {
  content:"";
  background:#68717a;
  border-radius:50%;
  width:6px;
  height:6px
}
.status.active {
  color:#42e39c
}
.status.active:before {
  background:#42e39c;
  box-shadow:0 0 8px #42e39c
}
.download-guidance {
  color:#75818e;
  justify-content:space-between;
  align-items:center;
  gap:30px;
  margin-top:22px;
  font-size:11px;
  display:flex
}
.download-guidance p {
  align-items:center;
  gap:10px;
  margin:0;
  line-height:1.5;
  display:flex
}
.download-guidance p>span {
  border:1px solid var(--blue);
  width:22px;
  height:22px;
  color:var(--blue2);
  font:10px var(--font-geist-mono),monospace;
  flex:none;
  place-items:center;
  display:grid
}
.download-guidance strong {
  color:#aeb8c2;
  text-transform:uppercase;
  letter-spacing:.5px;
  white-space:nowrap
}
.download-guidance>a {
  color:var(--blue2);
  font:800 9px var(--font-geist-mono),monospace;
  letter-spacing:1px;
  white-space:nowrap
}
.contact {
  background:#0b1118;
  grid-template-columns:1.2fr .8fr;
  align-items:center;
  gap:9vw;
  min-height:570px;
  padding:100px 5vw;
  display:grid;
  position:relative;
  overflow:hidden
}
.contact:after {
  content:"";
  border:95px solid #1688ff12;
  border-radius:50%;
  width:550px;
  height:550px;
  position:absolute;
  top:-220px;
  right:-160px
}
.contact-copy,
.contact-panel {
  z-index:2;
  position:relative
}
.contact-copy p {
  color:var(--muted);
  max-width:570px;
  margin:30px 0;
  line-height:1.65
}
.button-light {
  color:#07101a;
  background:#fff;
  border-color:#fff
}
.button-light:hover {
  background:var(--blue2);
  border-color:var(--blue2)
}
.contact-panel {
  background:#06090db3;
  border:1px solid #2b3947
}
.contact-panel div {
  border-bottom:1px solid #24303c;
  flex-direction:column;
  justify-content:center;
  gap:8px;
  min-height:86px;
  padding:20px 24px;
  display:flex
}
.contact-panel div:last-child {
  border:0
}
.contact-panel span {
  color:#667482;
  font:9px var(--font-geist-mono),monospace;
  letter-spacing:1.6px
}
.contact-panel a,
.contact-panel strong {
  font-size:17px;
  font-weight:700
}
.contact-panel a:hover {
  color:var(--blue2)
}
footer {
  min-height:170px;
  padding:38px 5vw;
  display:flex;
  align-items:stretch;
  justify-content:space-between;
  gap:6vw;
  border-top:1px solid var(--line);
  background:#05070a
}
.footer-column {
  display:flex;
  align-items:center
}
.footer-identity {
  flex:1 1 58%;
  min-width:0
}
.footer-brand {
  flex:0 0 auto
}
.footer-logo {
  width:165px;
  height:82px
}
.footer-lockup {
  min-height:64px;
  margin-left:30px;
  padding-left:30px;
  border-left:1px solid #35404b;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:12px;
  font-family:var(--font-geist-mono),monospace;
  text-transform:uppercase
}
.footer-lockup strong {
  color:var(--white);
  font-size:12px;
  letter-spacing:2.2px
}
.footer-lockup span {
  color:#687582;
  font-size:9px;
  line-height:1.5;
  letter-spacing:1.2px
}
.footer-meta {
  flex:1 1 42%;
  align-items:flex-end;
  justify-content:center;
  flex-direction:column;
  gap:22px;
  text-align:right
}
.footer-nav {
  display:flex;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:10px 22px;
  margin:0
}
.footer-nav a {
  color:#aeb7c1;
  font-size:9px;
  letter-spacing:1.3px
}
.footer-nav a:hover {
  color:var(--blue2)
}
.footer-copyright {
  color:#5f6b77;
  font:9px var(--font-geist-mono),monospace;
  letter-spacing:1.2px;
  text-transform:uppercase
}
@media (width<=900px) {
	  .package-grid,.testimonial-grid { grid-template-columns:1fr; }
	.specialties-copy { grid-template-columns:1fr; gap:24px; }
  .site-header {
    height:76px
  }
  nav {
    gap:18px;
    margin-right:0
  }
  .header-cta {
    display:none
  }
  .hero {
    grid-template-columns:1fr;
    min-height:auto;
    padding-top:150px
  }
  .hero-copy {
    padding-bottom:55px
  }
  h1 {
    letter-spacing:-4px
  }
  .telemetry {
    justify-self:stretch;
    width:100%;
    margin-bottom:65px
  }
  .trust-strip {
    grid-template-columns:repeat(2,1fr)
  }
  .section-heading {
    display:block
  }
  .section-heading>p {
    margin-top:30px
  }
  .programming-downloads {
    grid-template-columns:1fr
  }
  .featured-download {
    border-right:0;
    border-bottom:1px solid var(--line)
  }
  .process-band,
  .contact,
  .package-grid {
    grid-template-columns:1fr
  }
	.about-section { grid-template-columns:.8fr 1.2fr; }
  .contact-panel {
    margin-top:15px
  }
}
@media (width<=600px) {
  footer {
    align-items:stretch;
    flex-direction:column;
    gap:30px;
    padding:35px 20px
  }
  .footer-identity {
    align-items:flex-start;
    flex-direction:column
  }
  .footer-lockup {
    min-height:0;
    margin:20px 0 0;
    padding:20px 0 0;
    border-left:0;
    border-top:1px solid #35404b
  }
  .footer-meta {
    align-items:flex-start;
    text-align:left
  }
  .footer-nav {
    justify-content:flex-start;
    gap:14px 20px
  }
	.testimonial-card { min-height:auto; padding:28px; }
	  .specialties-copy { margin-top:26px; padding-top:28px; }
  .site-header {
    padding:0 20px
  }
  .hero-slogan {
  color: var(--white);
  font: 800 12px var(--font-geist-mono),monospace;
  letter-spacing: 3.2px;
  text-transform: uppercase;
  align-items: center;
  gap: 12px;
  margin: 12px 0 0;
  display: flex;
}
  nav {
    display:none
  }
	.mobile-menu {
    display: block;
  }
  .brand-logo {
    width:152px;
    height:66px
  }
  .hero {
    padding:130px 20px 70px
  }
  h1 {
    letter-spacing:-3.5px;
    font-size:58px
  }
  .hero-lede {
    font-size:15px
  }
  .hero-actions {
    flex-direction:column;
    align-items:stretch
  }
  .telemetry {
    clip-path:none;
    min-height:420px
  }
  .gauge {
    height:275px
  }
  .gauge-rings {
    width:210px;
    height:210px
  }
  .hero-rail {
    display:none
  }
  .trust-strip div {
    flex-direction:column;
    align-items:flex-start;
    gap:7px;
    padding:20px
  }
  .section {
    padding:80px 20px
  }
  .section-heading h2,
  .process-title h2,
  .contact h2 {
    letter-spacing:-2.5px;
    font-size:49px
  }
  .service-grid {
    grid-template-columns:1fr
  }
  .service-card {
    padding:28px
  }
  .package-card {
    padding:26px
  }
  .process-band,
  .contact {
    padding:75px 20px
  }
  .featured-download {
    min-height:430px;
    padding:25px
  }
  .download-copy {
    grid-template-columns:1fr;
    gap:14px
  }
  .download-copy h3 {
    font-size:42px
  }
  .support-download {
    grid-template-columns:1fr;
    align-items:start;
    min-height:260px;
    padding:25px
  }
  .support-download a {
    align-self:end
  }
  .download-guidance {
    flex-direction:column;
    align-items:flex-start
  }
  .download-guidance p {
    flex-wrap:wrap;
    align-items:flex-start
  }
	
	 .about-section { min-height:auto; padding:64px 18px; grid-template-columns:1fr; gap:28px; }
  .about-story { grid-column:auto; }
  .about-intro h2 { font-size:43px; letter-spacing:-2px; }
  .about-section:after { font-size:65px; letter-spacing:-6px; bottom:-12px; }
  footer {
    flex-direction:column;
    align-items:flex-start;
    gap:17px;
    padding:35px 20px
  }
}
@media (prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  * {
    transition:none!important
  }
}