:root{
  --canvas:#0a0e12; --surface:#0f1419;
  --text-primary:#fffdf9; --text-body:#8892a8; --text-tertiary:#5a6172;
  --border:#2a2d38;
  --neon-pink:#ff2e88; --neon-violet:#8b5cf6; --neon-cyan:#22d3ee;
}
*{margin:0;padding:0;box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
body{background:var(--canvas);font-family:'Inter',sans-serif;color:var(--text-primary)}

/* -- HERO -- */
.hero{position:relative;width:100%;min-height:100vh;display:flex;overflow:hidden}
.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.scrim{position:absolute;inset:0;background:
  linear-gradient(35deg, rgba(10,14,18,.97) 0%, rgba(10,14,18,.85) 32%, rgba(10,14,18,.45) 55%, rgba(10,14,18,0) 72%),
  linear-gradient(0deg, rgba(10,14,18,.7) 0%, rgba(10,14,18,0) 38%)}

/* top bar */
.topbar{position:absolute;top:0;left:0;right:0;z-index:3;
  display:flex;justify-content:space-between;align-items:center;
  padding:2.7vh 2.8vw;border-bottom:.5px solid rgba(255,253,249,.14)}
.brand img{height:13.6vh;width:auto;display:block}
.topnav{font-family:'JetBrains Mono',monospace;font-size:clamp(11px,0.8vw,15px);letter-spacing:.12em;display:flex;gap:1.2vw;align-items:center}
.social{color:var(--text-body);text-decoration:none;text-transform:uppercase;
  padding:1.1vh 1vw;border:.5px solid rgba(255,253,249,.2);background:rgba(10,14,18,.35);backdrop-filter:blur(6px);
  transition:color .25s cubic-bezier(.22,1,.36,1),border-color .25s cubic-bezier(.22,1,.36,1)}
.social:hover{color:var(--text-primary);border-color:rgba(255,253,249,.5)}
.quote-chip{color:var(--text-primary);text-decoration:none;text-transform:uppercase;
  padding:1.1vh 1.1vw;border:.5px solid rgba(255,253,249,.35);border-left:2px solid var(--neon-pink);
  background:rgba(10,14,18,.45);backdrop-filter:blur(6px);
  transition:border-color .25s cubic-bezier(.22,1,.36,1);cursor:pointer}
.quote-chip:hover{border-color:var(--neon-pink)}

/* hero block */
.block{position:absolute;left:2.8vw;bottom:5.4vh;z-index:3;max-width:70vw}
.readout{font-family:'JetBrains Mono',monospace;font-size:clamp(13px,0.97vw,19px);font-weight:700;letter-spacing:.14em;
  color:var(--text-primary);text-transform:uppercase;margin-bottom:2.2vh}
.readout .lead{color:#0da8c9}
h1{font-family:'Major Mono Display',monospace;font-weight:400;
  font-size:88px;line-height:1.02;letter-spacing:-.01em;color:var(--text-primary)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.h1svg{display:block;width:82vw;height:auto;margin-left:-0.4vw;overflow:visible}
.h1svg-m{display:none;width:92vw;height:auto;margin-left:-2px;overflow:visible}
.h1svg text{font-family:'Major Mono Display',monospace;font-size:44px;letter-spacing:-.01em;
  stroke:rgba(6,9,12,.65);stroke-width:1.5px;paint-order:stroke;stroke-linejoin:round}
.h1svg-m text{font-family:'Major Mono Display',monospace;font-size:80px;letter-spacing:-.01em;
  stroke:rgba(6,9,12,.65);stroke-width:2px;paint-order:stroke;stroke-linejoin:round}
.w0{color:#e0246e}.w1{color:#7c3aed}.w2{color:#0da8c9}
.sub{font-family:'JetBrains Mono',monospace;font-size:clamp(14px,1.1vw,21px);line-height:1.7;color:var(--text-primary);
  margin-top:2.7vh;max-width:58ch}
.cta-row{margin-top:4.2vh;display:flex;align-items:center;gap:2.1vw}
.cta{font-family:'JetBrains Mono',monospace;font-size:clamp(11px,0.87vw,16px);letter-spacing:.14em;text-transform:uppercase;
  color:var(--text-primary);text-decoration:none;padding:1.7vh 1.6vw;
  border:.5px solid rgba(255,253,249,.35);border-left:2px solid var(--neon-pink);
  background:rgba(10,14,18,.45);backdrop-filter:blur(6px);
  transition:border-color .25s cubic-bezier(.22,1,.36,1);cursor:pointer}
.cta:hover{border-color:var(--neon-pink)}
.cta2{font-family:'JetBrains Mono',monospace;font-size:clamp(11px,0.87vw,16px);letter-spacing:.14em;text-transform:uppercase;
  color:var(--text-body);text-decoration:none;border-bottom:.5px solid var(--border);padding-bottom:6px}

/* telemetry */
.telemetry{position:absolute;right:2.8vw;bottom:5.4vh;z-index:3;text-align:right;
  font-family:'JetBrains Mono',monospace;font-size:clamp(10px,0.8vw,15px);letter-spacing:.1em;color:var(--text-body);line-height:2.1}
.telemetry b{color:var(--neon-cyan);font-weight:400}

/* -- SECTIONS -- */
.section{position:relative;background:var(--canvas);border-top:.5px solid var(--border);
  padding:108px 40px}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;
  margin-bottom:56px;flex-wrap:wrap}
.sec-label{font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--neon-cyan);margin-bottom:14px}
.sec-title{font-family:'Major Mono Display',monospace;font-weight:400;
  font-size:clamp(40px,4.5vw,64px);line-height:1.02;color:var(--text-primary)}
.sec-title-svg{display:block;height:auto;overflow:visible;margin-left:-4px;max-width:100%}
.sec-title-svg text{font-family:'Major Mono Display',monospace;font-size:64px;letter-spacing:-.01em;
  stroke:rgba(6,9,12,.5);stroke-width:1.5px;paint-order:stroke;stroke-linejoin:round}
.sec-lede{font-family:'JetBrains Mono',monospace;font-size:clamp(16px,1.35vw,26px);line-height:1.7;
  color:var(--text-primary);max-width:48ch;text-align:left}

/* -- WORK GRID -- */
.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.work-item{position:relative;border:.5px solid var(--border);border-radius:6px;
  overflow:hidden;background:var(--surface);display:flex;flex-direction:column}
.work-item video,.work-item img{width:100%;aspect-ratio:16/9;border:0;display:block;object-fit:cover;background:#000}
.work-meta{display:flex;align-items:center;gap:14px;padding:16px 18px;flex:1;
  border-top:.5px solid var(--border);font-family:'JetBrains Mono',monospace}
.work-meta .t{font-size:clamp(16px,1.25vw,24px);color:var(--text-primary)}
.work-meta .loc{font-size:clamp(13px,1vw,18px);color:var(--text-body);margin-left:auto;letter-spacing:.08em;white-space:nowrap;flex-shrink:0}
.work-meta a{color:var(--text-body);text-decoration:none;border-bottom:.5px solid var(--border)}
.work-meta a:hover{color:var(--text-primary)}

/* -- SERVICES -- */
.svc{border-top:.5px solid var(--border)}
.svc-row{display:grid;grid-template-columns:1.1fr 1.6fr auto;gap:32px;align-items:baseline;
  padding:36px 0;border-bottom:.5px solid var(--border)}
.svc-name{font-family:'Major Mono Display',monospace;font-size:clamp(24px,2.1vw,40px);color:var(--text-primary)}
.svc-desc{font-family:'JetBrains Mono',monospace;font-size:clamp(15px,1.25vw,24px);line-height:1.7;color:var(--text-body);max-width:52ch}
.svc-price{font-family:'JetBrains Mono',monospace;font-size:clamp(14px,1.1vw,20px);font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;color:var(--neon-cyan);white-space:nowrap}

/* -- TRUST / LICENSING -- */
.badges{display:flex;flex-wrap:wrap;gap:12px;margin:40px 0 56px}
.badge{font-family:'JetBrains Mono',monospace;font-size:clamp(13px,1vw,18px);font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;padding:12px 18px;border:.5px solid var(--border);
  color:var(--text-primary);background:var(--surface)}
.badge.hl{border-left:2px solid var(--neon-pink)}
.twoq{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.q{border:.5px solid var(--border);border-radius:6px;padding:32px;background:var(--surface)}
.q .ask{font-family:'JetBrains Mono',monospace;font-size:clamp(15px,1.2vw,22px);line-height:1.6;color:var(--text-primary);margin-bottom:16px}
.q .ans{font-family:'Major Mono Display',monospace;font-size:clamp(28px,2.4vw,44px);color:var(--neon-cyan)}
.q .ans.pink{color:var(--neon-pink)}
.trust-kicker{font-family:'JetBrains Mono',monospace;font-size:clamp(14px,1.15vw,21px);color:var(--text-body);margin-top:32px}
.trust-kicker b{color:var(--text-primary);font-weight:700}

/* -- STATS -- */
.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:8px}
.stat{padding:28px 24px;border-left:.5px solid var(--border)}
.stat:first-child{border-left:0;padding-left:0}
.stat .num{font-family:'JetBrains Mono',monospace;font-size:clamp(40px,4vw,56px);font-weight:700;line-height:1}
.stat:nth-child(odd) .num{color:var(--neon-cyan)}
.stat:nth-child(even) .num{color:var(--neon-pink)}
.stat .lbl{font-family:'JetBrains Mono',monospace;font-size:clamp(12px,1vw,18px);letter-spacing:.1em;
  text-transform:uppercase;color:var(--text-body);margin-top:12px}

/* -- TESTIMONIALS -- */
.quotes{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;margin-top:72px}
blockquote{border:.5px solid var(--border);border-left:2px solid var(--neon-violet);border-radius:6px;
  padding:32px;background:var(--surface);font-family:'JetBrains Mono',monospace;
  font-size:clamp(15px,1.25vw,23px);line-height:1.75;color:var(--text-primary)}
blockquote footer{margin-top:20px;font-size:clamp(13px,1vw,18px);letter-spacing:.1em;text-transform:uppercase;color:var(--neon-cyan)}
blockquote footer span{color:var(--text-body);text-transform:none;letter-spacing:.02em}

/* -- FAQ -- */
.faq{border-top:.5px solid var(--border)}
.faq-item{display:grid;grid-template-columns:1fr 1.4fr;gap:32px;padding:28px 0;border-bottom:.5px solid var(--border)}
.faq-item h3{font-family:'JetBrains Mono',monospace;font-size:clamp(16px,1.3vw,24px);font-weight:700;color:var(--text-primary)}
.faq-item p{font-family:'JetBrains Mono',monospace;font-size:clamp(15px,1.25vw,23px);line-height:1.7;color:var(--text-body)}

/* -- FOOTER -- */
.footer{position:relative;background:var(--canvas);border-top:.5px solid var(--border);
  padding:108px 40px 48px;text-align:left}
.footer-logo img{height:96px;width:auto;display:block;margin-bottom:40px}
.footer-ctas{display:flex;gap:16px;flex-wrap:wrap;margin-top:40px}
.footer-ctas .cta{padding:16px 24px;font-size:clamp(14px,1.05vw,19px)}
.fineprint{margin-top:80px;padding-top:24px;border-top:.5px solid var(--border);
  font-family:'JetBrains Mono',monospace;font-size:clamp(12px,0.95vw,16px);line-height:2;color:var(--text-tertiary)}
.fineprint b{color:var(--text-body);font-weight:400}
.fineprint a{color:var(--text-body);text-decoration:none}
.fineprint a:hover{color:var(--text-primary)}

/* -- QUOTE MODAL -- */
.qmodal{position:fixed;inset:0;z-index:50;display:none;align-items:center;justify-content:center;
  background:rgba(10,14,18,.72);backdrop-filter:blur(8px);padding:20px}
.qmodal.open{display:flex}
.qbox{background:var(--surface);border:.5px solid var(--border);border-left:2px solid var(--neon-pink);
  border-radius:6px;max-width:560px;width:100%;max-height:90vh;overflow-y:auto;padding:36px;position:relative}
.qbox .sec-label{margin-bottom:8px}
.qbox h3{font-family:'Major Mono Display',monospace;font-size:28px;color:var(--text-primary);margin-bottom:8px}
.qbox .qsub{font-family:'JetBrains Mono',monospace;font-size:14px;color:var(--text-body);
  line-height:1.6;margin-bottom:28px}
.qfield{margin-bottom:18px}
.qfield label{display:block;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--neon-cyan);margin-bottom:8px}
.qfield input,.qfield select,.qfield textarea{width:100%;background:var(--canvas);
  border:.5px solid var(--border);border-radius:6px;padding:12px 14px;
  font-family:'JetBrains Mono',monospace;font-size:15px;color:var(--text-primary);outline:none;
  transition:border-color .2s}
.qfield input:focus,.qfield select:focus,.qfield textarea:focus{border-color:var(--neon-cyan)}
.qfield textarea{min-height:90px;resize:vertical}
.qrow{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.qsubmit{width:100%;margin-top:8px;cursor:pointer;text-align:center;
  font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--text-primary);padding:15px 22px;
  border:.5px solid rgba(255,253,249,.35);border-left:2px solid var(--neon-pink);
  background:rgba(10,14,18,.45);transition:border-color .25s}
.qsubmit:hover{border-color:var(--neon-pink)}
.qclose{position:absolute;top:18px;right:22px;background:none;border:none;cursor:pointer;
  font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.1em;color:var(--text-body)}
.qclose:hover{color:var(--neon-pink)}
.qdone{display:none;text-align:center;padding:32px 0}
.qdone .big{font-family:'Major Mono Display',monospace;font-size:32px;color:var(--neon-cyan);margin-bottom:16px}
.qdone p{font-family:'JetBrains Mono',monospace;font-size:15px;color:var(--text-body);line-height:1.7}
.qhoney{position:absolute;left:-9999px;opacity:0;height:0}

/* -- MOBILE -- */
@media (max-width:900px){
  .section{padding:64px 22px}
  .footer{padding:64px 22px 36px}
  .sec-head{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:40px}
  .sec-lede{max-width:100%}
  .sec-title-svg{max-width:100%;width:100%}
  .footer .sec-title-svg{width:100%}
  .work-grid{grid-template-columns:1fr}
  .stills{grid-template-columns:repeat(2,1fr)}
  .svc-row{grid-template-columns:1fr;gap:12px;padding:28px 0}
  .twoq{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(2,1fr)}
  .stat{padding:22px 18px}
  .stat:nth-child(odd){border-left:0;padding-left:0}
  .quotes{grid-template-columns:1fr}
  .faq-item{grid-template-columns:1fr;gap:10px}
  .telemetry{display:none}
  .h1svg{display:none}
  .h1svg-m{display:block}
  .block{max-width:92vw;bottom:4vh}
  .topnav .social{display:none}
  .brand img{height:72px}
  .footer-logo img{height:72px}
  .footer-ctas .cta{width:100%;justify-content:center;text-align:center}
}
@media (max-width:520px){
  .stills{grid-template-columns:1fr}
}