@font-face {
  font-family: 'ILP Montserrat'; src: url('assets/montserrat-italic.ttf') format('truetype');
  font-style: italic; font-weight: 100 900; font-display: swap;
}
:root {
  color-scheme: dark; font-family: Arial, Helvetica, sans-serif;
  background: #001122; color: #fff; --cyan: #00ddef;
}
* { box-sizing: border-box; }
html, body { margin: 0; min-width: 280px; }
body { background: #001122; }
.holding-page { min-height: 100svh; display: grid; align-content: center; overflow: clip; }
.artboard { position: relative; width: 100%; max-width: 2300px; margin-inline: auto; container-type: inline-size; isolation: isolate; overflow: hidden; background: #001126; }
.background-layer { position: absolute; z-index: -2; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
.hero { position: relative; min-height: 43.3cqw; overflow: hidden; isolation: isolate; }
.helmet-layer { position: absolute; z-index: -1; width: 48cqw; height: auto; right: -3cqw; top: 4.8cqw; pointer-events: none; mask-image: linear-gradient(0deg,transparent,#000 17%); }
.helmet-shade { position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg,#00112652,transparent 65%),linear-gradient(0deg,#00112655,transparent 12%); pointer-events: none; }
.brand { position: absolute; left: 4.33cqw; top: 2.3cqw; width: 28.67cqw; }
.brand img { display: block; width: 100%; height: auto; }
.hero-content { position: relative; width: 60.5%; padding: 14cqw 0 3.9cqw 5.4cqw; }
h1 { margin: 0; font-family: 'ILP Montserrat','Arial Black',Arial,sans-serif; font-size: 5.9cqw; font-weight: 900; font-style: italic; text-transform: uppercase; line-height: .99; letter-spacing: -.045em; }
.intro,.patience-message,.build-label,.feature-label { font-family: 'ILP Montserrat',Arial,sans-serif; }
.headline-website { display: block; }
.headline-accent { display: block; margin-top: .1cqw; color: #00d8e9; font-size: 4.38cqw; white-space: nowrap; }
.intro { margin: 1.6cqw 0 0; max-width: 52.5cqw; font-size: 1.82cqw; font-weight: 600; font-style: italic; line-height: 1.24; letter-spacing: .005em; }
.build-row { display: flex; align-items: center; gap: 1.4cqw; margin-top: 2.4cqw; }
.build-track { position: relative; display: block; flex: 0 0 37cqw; height: 2.5cqw; padding: .23cqw; border: .18cqw solid #00e7f5; border-radius: 999px; background: #001325; box-shadow: 0 0 .4cqw #00e7f5,0 0 1.2cqw #00b8ffad,inset 0 0 .28cqw #007cce; cursor: pointer; }
.build-track::before { content: ''; position: absolute; inset: -12px -2px; border-radius: inherit; }
.build-channel { position: absolute; inset: .25cqw; border-radius: inherit; overflow: hidden; }
.build-fill { position: absolute; inset: 0 auto 0 0; width: 0; border-radius: inherit; background: repeating-linear-gradient(124deg,transparent 0 2.7cqw,#ffffff1f 2.7cqw 5.4cqw),linear-gradient(90deg,#00edf3,#00c4f2 43%,#048cfd 73%,#004bff); box-shadow: 0 0 .7cqw #00d8ff9c; animation: build-fill 8s cubic-bezier(.3,.15,.25,1) infinite; }
.build-label { font-size: 1.95cqw; font-weight: 800; font-style: italic; text-transform: uppercase; white-space: nowrap; }
@keyframes build-fill { 0% { width: 0; opacity: 0; } 5% { opacity: 1; } 72%,84% { width: 100%; opacity: 1; } 96%,100% { width: 100%; opacity: 0; } }
.is-paused .build-fill { animation-play-state: paused; }
.patience-message { margin: 1.5cqw 0 0; color: #fff; font-size: 1.82cqw; font-weight: 600; font-style: italic; line-height: 1.2; letter-spacing: .025em; }
.accessible-copy { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.separator { position: relative; z-index: 2; height: .24cqw; min-height: 2px; background: linear-gradient(90deg,transparent,#00caff 10%,#00f5ff 48%,#00a1fd 89%,transparent); box-shadow: 0 0 .7cqw #00cfff,0 0 1.4cqw #0084ff80; }
.separator::after { content: ''; position: absolute; top: 0; height: 50%; left: 11%; width: 12%; background: #e9ffff; box-shadow: 0 0 .7cqw #fff; }
.separator-last::after { left: 49%; width: 33%; }
.features { position: relative; z-index: 1; margin: 0; padding: 1.5cqw 10.7%; min-height: 7.8cqw; list-style: none; display: flex; align-items: center; justify-content: space-between; background: linear-gradient(105deg,#00121ff0,#001629e6 43%,#001121ef); }
.feature { display: flex; align-items: center; gap: 1.8cqw; }
.feature-icon { width: 6.05cqw; height: 6.05cqw; flex: none; stroke: #00d8ed; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; }
.feature-label { position: relative; padding-bottom: .9cqw; font-size: 1.94cqw; font-weight: 800; font-style: italic; line-height: 1.02; letter-spacing: .04em; text-transform: uppercase; }
.feature-label span { display: block; }
.feature-label::after { content: ''; position: absolute; left: 0; bottom: 0; width: 9.5cqw; height: .32cqw; border-radius: 999px; background: #00dae8; }
.corner-accent { position: absolute; z-index: 0; width: 28cqw; height: 9cqw; background: repeating-linear-gradient(125deg,transparent 0 .18cqw,#00b9fa8c .2cqw .24cqw,transparent .26cqw .45cqw); pointer-events: none; }
.corner-accent::before { content: ''; position: absolute; left: 4cqw; top: 0; width: 4.5cqw; height: 100%; transform: skewX(-36deg); background: linear-gradient(120deg,#06bdf7,#0085ef); border-left: .2cqw solid #00e6ff; box-shadow: 0 0 1.6cqw #00aaff9c; }
.corner-accent-top { top: 0; right: 0; height: 7cqw; clip-path: polygon(18% 0,100% 0,100% 100%,0 100%); }
.corner-accent-top::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: .2cqw; background: #00eaff; box-shadow: 0 0 1cqw #00f0ff,0 0 1.5cqw #00aaff; }
.corner-accent-bottom { bottom: 0; left: 0; transform: rotate(180deg); }
.top-glow { position: absolute; z-index: 3; inset: 0 0 auto; height: .15cqw; min-height: 2px; background: linear-gradient(90deg,transparent,#009fff 35%,#00e9ff 72%,transparent); box-shadow: 0 0 1.4cqw #008eff; pointer-events: none; }
.contact-actions { position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; gap: 12px; min-height: 5cqw; padding: 16px 12px; }
.action { display: inline-flex; justify-content: center; align-items: center; gap: 8px; min-height: 44px; padding: 10px 18px; border: 1px solid #00d8efaa; border-radius: 5px; background: #00172cd9; color: #f6fcff; font-size: clamp(12px,1cqw,17px); font-weight: 700; line-height: 1.2; text-decoration: none; text-align: center; transition: background-color .18s,border-color .18s,box-shadow .18s; }
.action-primary { border-color: #00dced; background: #0074b5c9; }
.action svg { width: 17px; height: 17px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.action:hover { background: #007dad; border-color: #00edff; box-shadow: 0 0 14px #00cfff35; }
.action:focus-visible,.build-track:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
@media (max-width: 767px), (orientation: portrait) {
  .artboard { max-width: 1060px; }
  .background-layer { object-position: 62% center; }
  .hero { min-height: 114cqw; }
  .helmet-layer { width: 78cqw; right: -12cqw; top: 11.5cqw; }
  .helmet-shade { background: linear-gradient(0deg,#001126 0%,#001126b8 23%,transparent 52%),linear-gradient(90deg,#00112655,transparent 70%); }
  .brand { left: 5.43cqw; top: 6.4cqw; width: 45.98cqw; }
  .hero-content { width: 100%; padding: 58.5cqw 7.2cqw 5.5cqw; }
  h1 { font-size: 10.2cqw; line-height: .99; letter-spacing: -.045em; }
  .headline-accent { font-size: 9.3cqw; white-space: normal; }
  .headline-accent span { display: block; }
  .intro { max-width: none; margin-top: 1.8cqw; font-size: max(13px,3.55cqw); line-height: 1.21; }
  .build-row { margin-top: 4.8cqw; gap: 2.8cqw; }
  .build-track { flex-basis: 62.3cqw; height: 4.8cqw; padding: .45cqw; border-width: .3cqw; box-shadow: 0 0 .9cqw #00e7f5,0 0 2.5cqw #00b8ffad,inset 0 0 .5cqw #007cce; }
  .build-channel { inset: .48cqw; }
  .build-fill { background: repeating-linear-gradient(124deg,transparent 0 4.6cqw,#ffffff1f 4.6cqw 9.2cqw),linear-gradient(90deg,#00edf3,#00c4f2 43%,#048cfd 73%,#004bff); }
  .build-label { font-size: 3.55cqw; }
  .patience-message { margin-top: 2.7cqw; font-size: max(12px,3.55cqw); }
  .separator { height: .5cqw; box-shadow: 0 0 1.7cqw #00cfff,0 0 3cqw #0084ff80; }
  .features { padding: 3.7cqw 8% 3.7cqw 21.2%; display: grid; gap: 1.3cqw; }
  .feature { gap: 3.8cqw; min-height: 14cqw; }
  .feature-icon { width: 14.4cqw; height: 14.4cqw; }
  .feature-label { font-size: 4.14cqw; line-height: 1.03; padding-bottom: 1.7cqw; }
  .feature-label::after { width: 17cqw; height: .6cqw; }
  .corner-accent-top { width: 42cqw; height: 12.2cqw; }
  .corner-accent { background: repeating-linear-gradient(125deg,transparent 0 3px,#00b9fa8c 3px 4px,transparent 4px 7px); }
  .corner-accent::before { width: 7.5cqw; left: 7cqw; border-left-width: .35cqw; }
  .corner-accent-bottom { width: 36cqw; height: 14cqw; }
  .contact-actions { min-height: 14cqw; gap: 9px; padding: 12px; }
  .action { padding: 9px 11px; font-size: clamp(11px,3cqw,18px); gap: 6px; }
  .action svg { width: 15px; height: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .build-fill { animation-duration: 12s; }
  .action { transition: none; }
}