:root{
  --bg:#020406;
  --black:#03070c;
  --glass:rgba(5,12,20,.14);
  --glass-strong:rgba(5,12,20,.18);
  --glass-deep:rgba(2,6,11,.72);
  --line:rgba(185,215,245,.14);
  --line-strong:rgba(185,215,245,.24);
  --steel:#aeb7c2;
  --silver:#f4f7fb;
  --muted:#a5b1c2;
  --blue:#137cff;
  --blue2:#48b9ff;
  --blue-soft:rgba(19,124,255,.15);
  --glow:0 0 24px rgba(19,124,255,.32),0 0 64px rgba(19,124,255,.14);
  --soft-shadow:0 22px 80px rgba(0,0,0,.36);
  --font:Inter,system-ui,Segoe UI,Arial,sans-serif;
  --display:Orbitron,Inter,system-ui,sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:#020406;
  color:var(--silver);
  font-family:var(--font);
  line-height:1.55;
  overflow-x:hidden;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  background:url('assets/images/carbon-fibre.jpg') center/320px repeat;
  opacity:.14;
  z-index:-4;
}
body:after{
  content:"";
  position:fixed;
  inset:0;
  background:
    radial-gradient(circle at 76% 9%,rgba(20,115,255,.19),transparent 24%),
    radial-gradient(circle at 15% 62%,rgba(255,255,255,.035),transparent 22%),
    linear-gradient(180deg,rgba(0,0,0,.84),rgba(0,0,0,.64) 42%,rgba(0,0,0,.90));
  z-index:-3;
  pointer-events:none;
}

a{color:inherit;text-decoration:none}
.container{width:min(1180px,calc(100% - 42px));margin-inline:auto}

/* Shared material language */
.site-header,.site-footer,.metal-card,.warning-tile,.process-console,.gauge,.final-cta .container,.instrument-row div,.industry-grid span,.machined-frame,.feature-list span{
  background:var(--glass);
  border:1px solid var(--line);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),var(--soft-shadow);
  backdrop-filter:blur(14px) saturate(115%);
}

.site-header{
  position:sticky;
  top:0;
  z-index:100;
  display:flex;
  align-items:center;
  gap:28px;
  padding:18px clamp(20px,4vw,56px);
  background:rgba(3,8,14,.88);
  border-left:0;
  border-right:0;
  border-top:0;
}
.site-header:before,.site-footer:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0));
  opacity:1;
  pointer-events:none;
  z-index:-1;
}
.site-header:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(72,185,255,.55),rgba(244,247,251,.35),rgba(72,185,255,.45),transparent);
  opacity:.75;
}
.brand{display:flex;align-items:center;gap:14px;margin-right:auto}
.brand-mark{
  width:54px;height:38px;display:grid;place-items:center;border:1px solid rgba(210,226,242,.32);border-radius:12px;
  background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(8,16,26,.72) 34%,rgba(234,243,251,.82) 35%,rgba(122,136,151,.82) 43%,rgba(4,10,18,.82) 58%,rgba(19,124,255,.78));
  box-shadow:0 0 22px rgba(19,124,255,.28);
  font-family:var(--display);font-weight:900;letter-spacing:-2px;
}
.brand-copy strong{display:block;font-family:var(--display);letter-spacing:.1em}.brand-copy small{display:block;color:var(--muted);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}
.nav-links{display:flex;gap:26px;align-items:center}.nav-links a{font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;color:#c6d1de}.nav-links a:hover{color:white;text-shadow:0 0 18px rgba(72,185,255,.65)}
.header-cta,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:14px 22px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease}
.header-cta,.btn-primary{background:linear-gradient(135deg,#1686ff,#0759d7);box-shadow:var(--glow);border:1px solid rgba(105,183,255,.55)}
.btn-secondary{background:rgba(5,12,20,.12);border:1px solid var(--line-strong);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.header-cta:hover,.btn:hover{transform:translateY(-2px);box-shadow:0 0 28px rgba(19,124,255,.38),0 20px 60px rgba(0,0,0,.36)}
.menu-toggle{display:none;background:none;border:0;color:white;font-size:1.7rem}

.section-panel{position:relative;isolation:isolate}
.section-panel:before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.08);
  z-index:-2;
}
.section-panel:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.46)),radial-gradient(circle at 74% 18%,rgba(19,124,255,.16),transparent 28%);
  z-index:-1;
}

.hero{min-height:calc(100vh - 82px);display:grid;align-items:center;padding:92px 0 76px;overflow:hidden;border-bottom:1px solid var(--line)}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center}.eyebrow{color:var(--blue2);font-weight:900;letter-spacing:.26em;text-transform:uppercase;font-size:.82rem}
.hero h1,.section-heading h2,.split h2,.up2data h2,.final-cta h2{
  font-family:var(--display);
  font-size:clamp(3.1rem,7vw,7.2rem);
  line-height:.96;
  margin:18px 0;
  text-transform:uppercase;
  letter-spacing:-.045em;
  text-shadow:0 2px 0 #000,0 0 28px rgba(255,255,255,.10);
}
.hero-text{max-width:660px;color:#d1dae5;font-size:1.18rem;text-shadow:0 2px 20px rgba(0,0,0,.7)}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}.hero-actions.center{justify-content:center}
.instrument-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}
.instrument-row div{padding:18px;border-radius:0;background:rgba(5,12,20,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.055)}
.instrument-row strong{display:block;text-transform:uppercase;letter-spacing:.08em}.instrument-row span{display:block;color:var(--muted);font-size:.9rem}
.hero-logo-card{position:relative}.machined-frame{padding:14px;border-radius:26px;background:rgba(5,12,20,.14);box-shadow:var(--soft-shadow),0 0 58px rgba(19,124,255,.18),inset 0 1px 0 rgba(255,255,255,.06)}.machined-frame img{width:100%;display:block;border-radius:18px;filter:contrast(1.05) brightness(.86)}
.hero-light{position:absolute;border-radius:50%;filter:blur(50px);opacity:.35;pointer-events:none}.hero-light-one{width:480px;height:260px;background:#006aff;right:6%;top:18%}.hero-light-two{width:360px;height:160px;background:#fff;left:36%;bottom:8%;opacity:.08}

.services,.stock-focus,.industries,.why{padding:96px 0}.section-heading{text-align:center;max-width:860px;margin:0 auto 42px}.section-heading.compact{text-align:left;margin-inline:0}.section-heading h2,.split h2,.up2data h2,.final-cta h2{font-size:clamp(2rem,4vw,4.2rem)}.section-heading p{color:var(--muted);font-size:1.05rem}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.metal-card{padding:28px;border-radius:18px;overflow:hidden;background:rgba(5,12,20,.14);position:relative}.metal-card:before,.warning-tile:before,.gauge:before,.process-console:before,.final-cta .container:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,0));opacity:1;z-index:0;pointer-events:none}.metal-card>*{position:relative;z-index:1}.metal-card:hover{transform:translateY(-5px);border-color:rgba(70,182,255,.38);box-shadow:0 0 26px rgba(19,124,255,.22),var(--soft-shadow),inset 0 1px 0 rgba(255,255,255,.075)}.card-icon{font-size:2.2rem;color:var(--blue2);display:block;margin-bottom:22px}.metal-card h3{font-family:var(--display);text-transform:uppercase;margin:0 0 14px}.metal-card p{color:var(--muted)}.metal-card a{color:var(--blue2);font-weight:800;text-transform:uppercase;font-size:.8rem}

.warning-panel{padding:70px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.warning-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.warning-tile{padding:26px;border-radius:16px;background:rgba(5,12,20,.14);position:relative}.warning-tile>*{position:relative}.warning-tile strong{display:block;text-transform:uppercase;color:white}.warning-tile span{display:block;color:var(--muted);margin-top:8px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.split p,.up2data p,.final-cta p{color:#c9d3df;font-size:1.08rem}.tick-list{list-style:none;padding:0;margin:28px 0 0}.tick-list li{margin:14px 0;color:#dce6f0}.tick-list li:before{content:"✓";color:var(--blue2);font-weight:900;margin-right:10px}.process-console{border-radius:22px;padding:18px;background:rgba(5,12,20,.14);position:relative}.process-console div{display:flex;align-items:center;gap:18px;padding:19px 18px;border-bottom:1px solid var(--line);position:relative}.process-console div:last-child{border-bottom:0}.process-console span{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(70,182,255,.45);color:var(--blue2);font-weight:900;background:rgba(19,124,255,.08);box-shadow:inset 0 0 18px rgba(19,124,255,.10)}

.up2data{padding:100px 0;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.up2data-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:50px;align-items:center}.feature-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.feature-list span{padding:10px 12px;border-radius:999px;color:#d8e4ef;background:rgba(5,12,20,.14);box-shadow:none}.device-stage{position:relative;min-height:430px}.desktop-shot,.mobile-shot{position:absolute;border:1px solid rgba(190,213,240,.22);border-radius:20px;overflow:hidden;background:#05070a;box-shadow:0 34px 90px rgba(0,0,0,.65),0 0 42px rgba(19,124,255,.20)}.desktop-shot{width:86%;right:0;top:0}.desktop-shot img,.mobile-shot img{width:100%;display:block}.mobile-shot{width:27%;left:0;bottom:0}
.industry-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.industry-grid span{padding:24px 14px;text-align:center;border-radius:16px;background:rgba(5,12,20,.14);font-family:var(--display);text-transform:uppercase;font-size:.85rem}.gauge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gauge{border-radius:20px;padding:36px;text-align:center;background:rgba(5,12,20,.14);position:relative}.gauge>*{position:relative}.gauge div{font-family:var(--display);font-size:1.5rem;text-transform:uppercase;color:white}.gauge p{color:var(--muted)}
.final-cta{padding:100px 0;text-align:center;position:relative}.final-cta .container{padding:56px 32px;border-radius:26px;background:rgba(5,12,20,.14);position:relative;overflow:hidden}.final-cta .container>*{position:relative}.site-footer{position:relative;padding:34px 0;border:0;border-top:1px solid var(--line);background:rgba(3,8,14,.88);box-shadow:none}.footer-grid{display:flex;justify-content:space-between;align-items:center;gap:20px}.site-footer strong{font-family:var(--display);letter-spacing:.1em}.site-footer span,.site-footer small{color:var(--muted)}.site-footer a{margin-left:20px;color:#c5d0dd}

/* V5 glass cleanup: carbon fibre is the surface; content sits above it as smoked glass. */
.metal-card,
.warning-tile,
.process-console,
.gauge,
.final-cta .container,
.instrument-row div,
.industry-grid span,
.feature-list span,
.machined-frame{
  background:rgba(5,12,20,.14);
  border-color:rgba(185,215,245,.14);
  backdrop-filter:blur(14px) saturate(112%);
}
.metal-card:before,
.warning-tile:before,
.gauge:before,
.process-console:before,
.final-cta .container:before{
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,0));
  opacity:1;
}
.feature-list span,
.industry-grid span{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 14px 40px rgba(0,0,0,.26);
}
.warning-panel,
.up2data,
.hero{
  background:rgba(0,0,0,.10);
}
.stock-focus,
.services,
.industries,
.why{
  position:relative;
}
.stock-focus:before,
.services:before,
.industries:before,
.why:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 78% 18%,rgba(19,124,255,.085),transparent 28%);
  pointer-events:none;
  z-index:-1;
}
.site-header,.site-footer{
  background:rgba(3,8,14,.88);
  backdrop-filter:blur(16px) saturate(116%);
}
.btn-secondary{
  background:rgba(5,12,20,.14);
}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}.delay-3{transition-delay:.32s}

@media (max-width:980px){.menu-toggle{display:block}.nav-links{position:absolute;left:20px;right:20px;top:82px;display:none;flex-direction:column;padding:20px;background:rgba(3,8,14,.94);border:1px solid var(--line);border-radius:16px}.nav-links.open{display:flex}.header-cta{display:none}.hero-grid,.split,.up2data-grid{grid-template-columns:1fr}.service-grid,.warning-grid{grid-template-columns:repeat(2,1fr)}.industry-grid{grid-template-columns:repeat(3,1fr)}.device-stage{min-height:360px}.hero h1{font-size:clamp(3.3rem,15vw,5.7rem)}.instrument-row{grid-template-columns:1fr}}
@media (max-width:640px){.container{width:min(100% - 26px,1180px)}.brand-copy small{display:none}.hero{padding:54px 0}.service-grid,.warning-grid,.gauge-grid,.industry-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column}.btn{width:100%}.desktop-shot{position:relative;width:100%}.mobile-shot{position:relative;width:54%;margin-top:-30px}.device-stage{min-height:auto}.footer-grid{flex-direction:column;text-align:center}.site-footer a{margin:0 8px}.hero-logo-card{order:-1}.machined-frame{padding:10px}.instrument-row div{padding:14px}}