:root {
    --g:#05070B; --g2:#0B0E14; --g3:#12161F; --slate:#1C2230; --rule:#2A3140;
    --mist:#7A8497; --paper:#E8E5DC; --ice:#6BC3D8; --ice-deep:#3C8EA6; --amber:#D08A2C; --blood:#A43A2F;
    --mono:"JetBrains Mono",ui-monospace,monospace;
    --sans:"Space Grotesk",system-ui,sans-serif;
    --serif:"JetBrains Mono",ui-monospace,monospace;
    --grid-op: 0.025;
    --density: 1;
    --scan-op: 0;
  }
  *{ box-sizing:border-box; }
  html,body{ margin:0; background:var(--g); color:var(--paper); font-family:var(--sans); line-height:1.5; -webkit-font-smoothing:antialiased; }
  a{ color:var(--ice); text-decoration:none; }
  a:hover{ color:#9ADCE8; text-decoration:underline; text-underline-offset:3px; }
  .mono{ font-family:var(--mono); }
  .kicker{ font-family:var(--mono); font-size:11px; letter-spacing:3px; text-transform:uppercase; color:var(--ice); }
  .rule{ border:0; border-top:1px solid var(--rule); margin:0; }

  /* top chrome */
  .topstrip{ position:sticky; top:0; z-index:30; background:rgba(5,7,11,.92); backdrop-filter:blur(8px); border-bottom:1px solid var(--rule); font-family:var(--mono); font-size:10px; letter-spacing:2px; color:var(--mist); display:flex; align-items:center; padding:6px 24px; gap:16px; text-transform:uppercase;}
  .topstrip .dot{ width:6px; height:6px; background:var(--ice); border-radius:50%; }
  .topstrip .push{ margin-left:auto; display:flex; gap:18px; }
  .topstrip .push span b{ color:var(--paper); font-weight:500; }

  nav.main{ display:flex; align-items:center; padding:20px 40px; border-bottom:1px solid var(--rule); position:sticky; top:26px; z-index:29; background:rgba(5,7,11,.92); backdrop-filter:blur(8px); }
  .logo{ display:flex; align-items:center; gap:12px; color:var(--paper); }
  .logo svg{ flex:0 0 auto; }
  .wordmark{ font-family:var(--mono); font-size:22px; letter-spacing:-1px; font-weight:500; text-transform:lowercase; }
  .wordmark .dim{ opacity:.55; }
  .wordmark .blk{ display:inline-block; width:.5em; height:.15em; background:var(--amber); vertical-align:baseline; margin-left:.16em; }
  nav.main ul{ list-style:none; margin:0 0 0 44px; padding:0; display:flex; gap:28px; font-size:13px; }
  nav.main ul a{ color:var(--paper); opacity:.7; transition:opacity .2s; }
  nav.main ul a:hover{ opacity:1; text-decoration:none; }
  nav.main .cta{ margin-left:auto; display:flex; gap:10px; align-items:center; }
  .btn{ border:1px solid var(--rule); padding:9px 16px; font-family:var(--mono); font-size:11px; letter-spacing:2px; text-transform:uppercase; color:var(--paper); background:transparent; cursor:pointer; display:inline-flex; align-items:center; gap:8px; }
  .btn.pri{ border-color:var(--amber); color:var(--amber); }
  .btn.pri:hover{ background:var(--amber); color:var(--g); text-decoration:none; }
  .btn:hover{ border-color:var(--paper); text-decoration:none; }
  .btn .bullet{ width:6px; height:6px; background:currentColor; display:inline-block; }

  /* hero */
  .hero{ position:relative; padding:110px 40px 60px; border-bottom:1px solid var(--rule); overflow:hidden; }
  .hero::before{ content:""; position:absolute; inset:0;
    background-image: linear-gradient(rgba(232,229,220,var(--grid-op)) 1px, transparent 1px), linear-gradient(90deg, rgba(232,229,220,var(--grid-op)) 1px, transparent 1px);
    background-size: 40px 40px; pointer-events:none; }
  .hero-inner{ max-width:1280px; margin:0 auto; display:grid; grid-template-columns: 1.3fr 1fr; gap:60px; align-items:end; position:relative; }
  h1.display{ font-family:var(--mono); font-size: clamp(56px, 8vw, 120px); line-height:.9; letter-spacing:-5px; margin:0; font-weight:500; text-transform:lowercase; }
  h1.display .dim{ opacity:.45; }
  h1.display .cursor{ display:inline-block; width:.5em; height:.15em; background:var(--amber); vertical-align:baseline; margin-left:.2em; animation:blink 1.1s steps(2) infinite; }
  @keyframes blink{ 50%{ opacity:.2; } }
  .hero .sub{ font-size:22px; color:var(--paper); margin-top:28px; max-width:620px; line-height:1.4; opacity:.85; }
  .hero .sub em{ font-style:normal; color:var(--ice); }
  .hero .hero-cta{ margin-top:36px; display:flex; gap:14px; flex-wrap:wrap; }
  .hero-meta{ font-family:var(--mono); font-size:11px; letter-spacing:1.5px; color:var(--mist); border-left:1px solid var(--rule); padding:6px 0 6px 24px; display:flex; flex-direction:column; gap:12px; align-self:stretch; }
  .hero-meta b{ color:var(--paper); font-weight:500; display:block; font-size:12px; letter-spacing:2px; text-transform:uppercase; margin-bottom:2px; }
  .hero-meta .row{ display:flex; justify-content:space-between; gap:14px; }
  .hero-meta code{ color:var(--ice); }
  .hero-meta .amber{ color:var(--amber); }

  /* xxd strip */
  .xxd{ font-family:var(--mono); font-size:10px; color:var(--mist); letter-spacing:.5px; padding:10px 40px; border-top:1px solid var(--rule); border-bottom:1px solid var(--rule); overflow:hidden; white-space:nowrap; background:var(--g2); }
  .xxd span.hl{ color:var(--ice); }
  .xxd span.am{ color:var(--amber); }
  .xxd-marq .row{ display:inline-block; padding-left:100%; animation:marq 80s linear infinite; }
  @keyframes marq{ from{ transform:translateX(0);} to{ transform:translateX(-100%);} }

  /* section head */
  section{ padding: calc(96px * var(--density)) 40px; border-bottom:1px solid var(--rule); position:relative; }
  section > .inner{ max-width:1280px; margin:0 auto; }
  .sec-title{ display:grid; grid-template-columns:auto 1fr; gap:40px; align-items:baseline; margin-bottom:48px; }
  .sec-idx{ font-family:var(--mono); font-size:11px; letter-spacing:3px; color:var(--amber); text-transform:uppercase; }
  .sec-h{ font-family:var(--mono); font-size:48px; letter-spacing:-2.5px; margin:0; font-weight:500; text-transform:lowercase; }
  .sec-h .dim{ opacity:.45; }

  /* services grid */
  .services{ display:grid; grid-template-columns:repeat(3,1fr); gap:0; border:1px solid var(--rule); }
  .svc{ padding:36px 28px; border-right:1px solid var(--rule); border-bottom:1px solid var(--rule); position:relative; background:var(--g); transition:background .2s; cursor:pointer; min-height:320px; display:flex; flex-direction:column; }
  .svc:hover{ background:var(--g2); }
  .svc:hover .svc-arrow{ transform:translateX(4px); color:var(--amber); }
  .svc:nth-child(3n){ border-right:0; }
  .svc:nth-last-child(-n+3){ border-bottom:0; }
  .svc-hdr{ display:flex; justify-content:space-between; align-items:center; font-family:var(--mono); font-size:10px; letter-spacing:2px; color:var(--mist); text-transform:uppercase; margin-bottom:22px; }
  .svc-hdr .addr{ color:var(--ice); }
  .svc-title{ font-family:var(--mono); font-size:22px; font-weight:500; letter-spacing:-.5px; margin:0 0 14px; text-transform:lowercase;}
  .svc-desc{ font-size:14px; color:var(--mist); line-height:1.55; flex:1; }
  .svc-meta{ font-family:var(--mono); font-size:10px; letter-spacing:1.5px; color:var(--mist); text-transform:uppercase; margin-top:20px; padding-top:14px; border-top:1px dashed var(--rule); display:flex; justify-content:space-between; }
  .svc-meta .tag{ color:var(--amber); }
  .svc-arrow{ transition:transform .2s, color .2s; color:var(--paper); }

  /* proof / stats */
  .proof{ background:var(--g2); }
  .stats{ display:grid; grid-template-columns:repeat(4,1fr); gap:0; border-top:1px solid var(--rule); border-bottom:1px solid var(--rule); }
  .stat{ padding:40px 28px; border-right:1px solid var(--rule); }
  .stat:last-child{ border-right:0; }
  .stat .n{ font-family:var(--mono); font-size:56px; font-weight:500; letter-spacing:-2px; color:var(--paper); line-height:1; }
  .stat .n .unit{ color:var(--amber); font-size:24px; margin-left:4px; }
  .stat .lbl{ font-family:var(--mono); font-size:10px; letter-spacing:2px; color:var(--mist); text-transform:uppercase; margin-top:14px; }

  /* timeline */
  .timeline{ font-family:var(--mono); font-size:14px; }
  .tl-item{ display:grid; grid-template-columns: 68px minmax(0,1fr) auto; gap:16px; padding:14px 0; border-bottom:1px dashed var(--rule); align-items:center; }
  .tl-item:last-child{ border-bottom:0; }
  .tl-time{ color:var(--ice); font-size:11px; letter-spacing:.5px; white-space:nowrap; }
  .tl-event{ color:var(--paper); font-size:13px; letter-spacing:-.1px; line-height:1.45; min-width:0; overflow-wrap:anywhere; }
  .tl-event code{ font-size:12px; }
  .tl-tag{ font-size:9px; letter-spacing:1.5px; color:var(--amber); text-transform:uppercase; border:1px solid var(--amber); padding:2px 6px; white-space:nowrap; }
  .tl-tag.s{ color:var(--mist); border-color:var(--rule); }

  /* contact */
  .contact{ display:grid; grid-template-columns: 1fr 1fr; gap:60px; }
  .contact-left h3{ font-family:var(--mono); font-size:32px; letter-spacing:-1.2px; font-weight:500; margin:0 0 16px; text-transform:lowercase;}
  .contact-left p{ color:var(--mist); max-width:440px; margin:0 0 28px; font-size:15px; }
  .contact-form{ background:var(--g2); border:1px solid var(--rule); padding:28px; }
  .row2{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
  label{ display:block; font-family:var(--mono); font-size:10px; letter-spacing:2px; color:var(--mist); text-transform:uppercase; margin:14px 0 6px; }
  input, select, textarea{ width:100%; background:var(--g); border:1px solid var(--rule); color:var(--paper); padding:10px 12px; font-family:var(--mono); font-size:13px; outline:none; transition:border-color .15s;}
  input:focus, select:focus, textarea:focus{ border-color:var(--ice); }
  textarea{ min-height:100px; resize:vertical; }
  .urgent-strip{ display:flex; gap:10px; margin-top:14px; align-items:center; font-family:var(--mono); font-size:11px; color:var(--amber); }

  /* footer */
  footer{ padding:60px 40px 24px; background:var(--g2); border-top:1px solid var(--rule); }
  .foot-grid{ max-width:1280px; margin:0 auto; display:grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap:40px; }
  .foot h4{ font-family:var(--mono); font-size:11px; letter-spacing:2px; color:var(--mist); text-transform:uppercase; margin:0 0 14px; }
  .foot ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; font-size:13px; }
  .foot ul a{ color:var(--paper); opacity:.75; }
  .foot-bottom{ max-width:1280px; margin:60px auto 0; padding-top:24px; border-top:1px solid var(--rule); display:flex; justify-content:space-between; font-family:var(--mono); font-size:10px; letter-spacing:2px; color:var(--mist); text-transform:uppercase; }

  /* new details */
  .scan{ position:fixed; inset:0; pointer-events:none; z-index:1000; background:repeating-linear-gradient(to bottom, rgba(255,255,255,var(--scan-op)) 0 1px, transparent 1px 3px); mix-blend-mode:overlay; }
  .edgebar{ position:fixed; left:0; top:0; bottom:0; width:22px; border-right:1px solid var(--rule); background:var(--g); z-index:20; display:flex; align-items:center; justify-content:center; font-family:var(--mono); font-size:9px; letter-spacing:3px; color:var(--mist); text-transform:uppercase; writing-mode:vertical-rl; }
  .edgebar .wrap{ display:flex; gap:28px; transform:rotate(180deg); }
  .edgebar b{ color:var(--ice); font-weight:500; }
  .edgebar .amb{ color:var(--amber); }
  body{ padding-left:22px; }
  .ambient{ position:fixed; bottom:18px; right:18px; background:var(--g2); border:1px solid var(--rule); padding:10px 14px; font-family:var(--mono); font-size:10px; letter-spacing:1.5px; color:var(--mist); text-transform:uppercase; z-index:25; display:flex; align-items:center; gap:10px; max-width:320px;}
  .ambient .pulse{ width:8px; height:8px; background:var(--ice); border-radius:50%; box-shadow:0 0 0 0 rgba(107,195,216,.5); animation:pulse 2s infinite; flex:0 0 auto;}
  @keyframes pulse{ 70%{ box-shadow:0 0 0 8px rgba(107,195,216,0);} 100%{ box-shadow:0 0 0 0 rgba(107,195,216,0);} }
  .ambient b{ color:var(--paper); font-weight:500; }
  .ambient .ice{ color:var(--ice); }

  .trust{ padding:26px 40px; border-bottom:1px solid var(--rule); background:var(--g); }
  .trust-inner{ max-width:1280px; margin:0 auto; display:flex; align-items:center; gap:30px; flex-wrap:wrap; }
  .trust .lbl{ font-family:var(--mono); font-size:10px; letter-spacing:2.5px; color:var(--mist); text-transform:uppercase; padding-right:22px; border-right:1px solid var(--rule); }
  .trust .logos{ display:flex; gap:32px; align-items:center; flex-wrap:wrap; color:var(--mist); font-family:var(--mono); font-size:14px; letter-spacing:-.3px; opacity:.8; }
  .trust .logos span{ display:flex; align-items:center; gap:8px; }
  .trust .logos span::before{ content:""; width:6px; height:6px; border:1px solid var(--mist); display:inline-block; transform:rotate(45deg); }

  .process{ display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--rule); margin-top:40px;}
  .proc{ padding:26px 22px; border-right:1px solid var(--rule); position:relative; min-height:170px; background:var(--g); }
  .proc:last-child{ border-right:0; }
  .proc .step{ font-family:var(--mono); font-size:42px; letter-spacing:-2px; color:var(--amber); font-weight:500; line-height:1; }
  .proc .step .sm{ font-size:13px; color:var(--mist); margin-left:4px; letter-spacing:1.5px;}
  .proc h4{ font-family:var(--mono); font-size:15px; letter-spacing:-.3px; margin:14px 0 6px; font-weight:500; text-transform:lowercase; color:var(--paper); }
  .proc p{ font-size:12px; color:var(--mist); margin:0; line-height:1.55; }

  /* tweaks panel */
  #tweaks{ position:fixed; right:18px; top:80px; width:280px; background:var(--g2); border:1px solid var(--rule); padding:18px; z-index:100; font-family:var(--mono); font-size:11px; color:var(--paper); display:none; max-height:80vh; overflow:auto; }
  #tweaks.on{ display:block; }
  #tweaks h5{ margin:0 0 4px; font-size:11px; letter-spacing:3px; color:var(--amber); text-transform:uppercase; font-weight:500; display:flex; justify-content:space-between; align-items:center; }
  #tweaks h5 .x{ cursor:pointer; color:var(--mist);}
  #tweaks .note{ font-size:9px; letter-spacing:1.5px; color:var(--mist); text-transform:uppercase; margin-bottom:10px;}
  #tweaks label{ display:block; font-size:9px; letter-spacing:2px; color:var(--mist); text-transform:uppercase; margin:14px 0 6px; }
  #tweaks .swatches{ display:flex; gap:6px; flex-wrap:wrap;}
  #tweaks .sw{ width:28px; height:28px; border:1px solid var(--rule); cursor:pointer;}
  #tweaks .sw.on{ outline:2px solid var(--paper); outline-offset:-5px;}
  #tweaks input[type=range]{ width:100%; accent-color:var(--ice);}
  #tweaks .seg{ display:flex; border:1px solid var(--rule); }
  #tweaks .seg button{ flex:1; background:transparent; border:0; color:var(--mist); padding:6px; font-family:var(--mono); font-size:10px; letter-spacing:1.5px; cursor:pointer; text-transform:uppercase;}
  #tweaks .seg button.on{ background:var(--amber); color:var(--g); }

  /* responsive */
  @media (max-width: 980px){
    .hero-inner{ grid-template-columns:1fr; }
    .services{ grid-template-columns:1fr 1fr; }
    .svc:nth-child(3n){ border-right:1px solid var(--rule); }
    .svc:nth-child(2n){ border-right:0; }
    .stats{ grid-template-columns:1fr 1fr; }
    .contact{ grid-template-columns:1fr; }
    nav.main ul{ display:none; }
    .foot-grid{ grid-template-columns:1fr 1fr; }
  }