:root{
  --bg:#02070d;
  --bg2:#061423;
  --panel:#07131f;
  --panel2:#0a1928;
  --line:#1a3650;
  --line2:#244d72;
  --text:#f4f8ff;
  --muted:#aebbd0;
  --soft:#6f829b;
  --blue:#169bff;
  --blue2:#7bd5ff;
  --green:#5cff99;
  --red:#ff4b4b;
  --amber:#f8b943;
  --shadow:0 26px 100px rgba(0,0,0,.62);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.shell{width:min(1720px,calc(100% - 80px));margin-inline:auto}.site-noise{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.035;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.7) 1px,transparent 0);background-size:4px 4px}.site-header{position:sticky;top:0;z-index:50;background:rgba(2,7,13,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(60,105,140,.22)}.nav-row{height:92px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand img{width:245px;filter:drop-shadow(0 0 24px rgba(25,155,255,.32))}.main-nav{display:flex;gap:54px;text-transform:uppercase;letter-spacing:.055em;font-weight:900;color:#c5d0df}.main-nav a{position:relative}.main-nav a:after{content:"";position:absolute;left:12%;right:12%;bottom:-18px;height:3px;border-radius:10px;background:var(--blue);opacity:0;box-shadow:0 0 20px var(--blue);transition:.2s}.main-nav a:hover:after{opacity:1}.nav-actions{display:flex;gap:16px;align-items:center}.nav-btn,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid rgba(74,140,197,.45);font-weight:900;letter-spacing:.02em;transition:.2s;position:relative;overflow:hidden}.nav-btn{height:54px;padding:0 26px}.nav-btn:after,.btn:after{content:"";position:absolute;left:16px;right:16px;bottom:-12px;height:18px;background:var(--blue);border-radius:50%;filter:blur(18px);opacity:0;transition:.2s}.nav-btn:hover:after,.btn:hover:after{opacity:.85}.nav-btn-primary,.btn-primary{background:linear-gradient(180deg,#229dff,#096ec6);box-shadow:0 0 28px rgba(20,145,255,.36);border-color:#45adff}.nav-btn-secondary,.btn-secondary{background:rgba(7,19,31,.72)}.btn{min-height:60px;padding:0 32px;text-transform:uppercase}.btn-secondary{background:rgba(3,10,17,.7)}.hero{position:relative;min-height:calc(100vh - 92px);padding:68px 0 36px;background:radial-gradient(circle at 82% 45%,rgba(15,125,232,.30),transparent 35%),linear-gradient(110deg,#061320,#071d31 45%,#03101c 100%);overflow:hidden}.grid-field{position:absolute;inset:0;opacity:.23;background-image:linear-gradient(rgba(35,118,180,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(35,118,180,.16) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,transparent,black 20%,black 82%,transparent)}.hero-bluewash{position:absolute;right:-10%;bottom:-25%;width:780px;height:640px;border-radius:50%;background:radial-gradient(circle,rgba(0,145,255,.35),transparent 60%);filter:blur(8px)}.hero-grid{position:relative;display:grid;grid-template-columns:.84fr 1.16fr;align-items:center;gap:42px}.pretitle,.kicker{margin:0 0 18px;color:var(--blue2);text-transform:uppercase;font-weight:900;letter-spacing:.14em}.hero-copy h1{font-family:"Barlow Condensed",Inter,sans-serif;margin:0;text-transform:uppercase;line-height:.89;font-size:clamp(72px,8.4vw,154px);letter-spacing:-.045em;text-shadow:0 4px 0 rgba(0,0,0,.35)}.hero-copy h1 span,.hero-copy h1 strong{display:block}.hero-copy h1 strong{color:var(--blue);letter-spacing:-.035em}.hero-lead{font-size:clamp(19px,1.35vw,27px);line-height:1.47;color:#d8e2ef;max-width:720px;margin:30px 0 24px}.hero-checks{display:flex;gap:18px 26px;flex-wrap:wrap;margin:0 0 28px}.hero-checks span{display:flex;align-items:center;gap:11px;min-width:190px;color:#edf6ff;font-weight:800;font-size:17px}.hero-checks i{width:34px;height:34px;border:2px solid var(--blue);border-radius:50%;display:grid;place-items:center;color:var(--blue2);font-style:normal;box-shadow:0 0 22px rgba(0,145,255,.25)}.hero-actions{display:flex;gap:18px;align-items:center;margin-bottom:18px}.small-line{color:#93a5b9;font-weight:700;margin:0}.hero-product{position:relative;min-height:620px;display:flex;align-items:center}.status-stack{position:absolute;top:34px;left:17%;display:flex;gap:10px;z-index:3}.status-stack span{height:35px;padding:0 18px;border-radius:18px;background:#030912;border:1px solid rgba(61,103,140,.36);display:flex;align-items:center;text-transform:uppercase;font-weight:900;font-size:13px;letter-spacing:.06em;box-shadow:0 12px 30px rgba(0,0,0,.34)}.status-stack .good{color:var(--green)}.status-stack .warn{color:#ffd66f}.ui-stage{width:100%;perspective:1600px}.ui-stage:before{content:"VECTOR";position:absolute;top:62px;left:12%;font-family:"Barlow Condensed";font-size:180px;line-height:1;font-weight:900;color:rgba(112,184,255,.075);letter-spacing:-.04em}.ui-window{position:relative;width:min(900px,100%);margin-left:auto;border:1px solid rgba(108,180,240,.34);border-radius:24px;background:#070e16;box-shadow:0 34px 110px rgba(0,0,0,.72),0 0 0 1px rgba(255,255,255,.05) inset,0 0 90px rgba(0,145,255,.18);overflow:hidden;transform:rotateY(-11deg) rotateX(2deg) rotateZ(-1deg);transform-origin:center}.ui-window:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.14),transparent 22%,transparent 70%,rgba(255,255,255,.06));pointer-events:none;z-index:5}.app-chrome{height:72px;padding:0 24px;display:grid;grid-template-columns:230px 1fr 150px;align-items:center;background:linear-gradient(180deg,#0a121c,#060b12);border-bottom:1px solid rgba(80,130,170,.25)}.app-brand{display:flex;align-items:center;gap:12px}.app-brand img{width:76px}.app-brand b{display:block;font-size:13px;text-transform:uppercase}.app-brand span{display:block;color:#8ea2b5;text-transform:uppercase;font-weight:900;font-size:10px;letter-spacing:.14em}.connection-line{justify-self:center;color:#cbd8e6;font-weight:800}.online{justify-self:end;display:flex;align-items:center;gap:9px;color:var(--green);text-transform:uppercase;font-size:13px;font-weight:900;letter-spacing:.05em}.online i{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 18px var(--green)}.app-body{display:grid;grid-template-columns:190px 1fr;min-height:515px}.app-side{padding:24px 16px;background:linear-gradient(180deg,#09121c,#050a10);border-right:1px solid rgba(90,130,170,.25);display:flex;flex-direction:column;gap:11px}.app-side button{height:44px;border:0;border-radius:8px;background:transparent;color:#bbc8d6;text-align:left;padding:0 14px;text-transform:uppercase;font-weight:900;font-size:13px;letter-spacing:.04em}.app-side .active{background:linear-gradient(90deg,#168eff,#0b66b5);color:white;box-shadow:0 0 24px rgba(22,142,255,.28)}.app-main{padding:24px;background:radial-gradient(circle at 50% 0,rgba(31,109,170,.16),transparent 38%),#07111b}.gauge-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.gauge-card,.panel{border:1px solid rgba(77,125,165,.28);background:linear-gradient(180deg,#0b1724,#07111b);border-radius:14px;box-shadow:0 16px 38px rgba(0,0,0,.28)}.gauge-card{padding:18px 12px;text-align:center}.gauge-card>span,.panel h3{display:block;text-transform:uppercase;color:#d6e3f0;font-family:"Barlow Condensed";letter-spacing:.06em;font-size:20px;font-weight:800;margin:0 0 8px}.gauge{width:100px;height:100px;margin:0 auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--blue) 0 250deg,#1c2b38 250deg 360deg);position:relative}.gauge.temp{background:conic-gradient(var(--blue) 0 210deg,#ff4545 210deg 270deg,#1c2b38 270deg 360deg)}.gauge:after{content:"";position:absolute;inset:9px;border-radius:50%;background:#09131f;box-shadow:inset 0 0 18px rgba(0,0,0,.8)}.gauge b,.gauge small{position:relative;z-index:2}.gauge b{font-size:30px}.gauge small{display:block;color:#c7d5e4;font-weight:900;text-transform:uppercase}.data-grid{margin-top:16px;display:grid;grid-template-columns:1fr 1.65fr 1.2fr;gap:16px}.panel{padding:18px}.fault-count{display:grid;grid-template-columns:1fr 1fr;gap:0;text-align:center;align-items:end}.fault-count strong{font-size:40px;color:var(--red);line-height:1}.fault-count strong.muted{color:#e5edf6}.fault-count span{text-transform:uppercase;font-weight:900;color:#c7d5e4;font-size:12px}.faults-panel button{margin-top:18px;width:100%;height:44px;border:0;border-radius:8px;background:#152437;color:white;text-transform:uppercase;font-weight:900}.stream-panel svg{width:100%;height:170px;background:#06101a;border-radius:8px}.grid{stroke:rgba(115,160,200,.18);stroke-width:1}.trace-main,.trace-amber{fill:none;stroke:var(--blue);stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.trace-amber{stroke:var(--amber);stroke-width:4;opacity:.82}.status-panel p{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06);padding:10px 0;margin:0;color:#b8c8d8;text-transform:uppercase;font-weight:800}.status-panel b{color:#e8f3ff}.status-panel b:before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--blue);margin-right:8px;box-shadow:0 0 12px var(--blue)}.bottom-strip{margin-top:16px;padding:12px 14px;border-top:1px solid rgba(90,130,170,.2);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#a8b7c8;font-size:13px;font-weight:800}.feature-band{position:relative;margin-top:34px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(25,150,255,.45);background:rgba(3,12,21,.68);box-shadow:0 0 44px rgba(0,145,255,.16),var(--shadow);border-radius:12px;overflow:hidden}.feature-band article{display:grid;grid-template-columns:72px 1fr;gap:12px;padding:28px 32px;border-right:1px solid rgba(75,125,165,.32)}.feature-band article:last-child{border-right:0}.feature-band .icon{grid-row:span 2;width:58px;height:58px;border:2px solid var(--blue);border-radius:14px;display:grid;place-items:center;color:var(--blue);font-size:31px}.feature-band b{text-transform:uppercase;font-weight:900;font-size:18px}.feature-band p{margin:4px 0 0;color:#c0ccd9;line-height:1.42}.compatibility-row{text-align:center;margin-top:26px;color:#7d8da0;text-transform:uppercase;font-weight:900}.compatibility-row p{color:var(--blue2);letter-spacing:.2em;font-size:14px}.compatibility-row div{display:flex;justify-content:center;gap:42px;flex-wrap:wrap;font-size:22px;letter-spacing:.03em}.section{padding:86px 0;background:#02070d}.section-head{text-align:center;max-width:820px}.section-head h2{font-size:clamp(42px,4vw,70px);line-height:.92;margin:0 0 18px;letter-spacing:-.06em}.section-head p:not(.kicker){color:#b7c4d2;font-size:18px;line-height:1.5}.screen-grid{margin-top:36px;display:grid;grid-template-columns:1.3fr .8fr .8fr;gap:18px}.screen-card,.workflow-grid article,.contact-card{background:linear-gradient(180deg,#07131f,#040a11);border:1px solid rgba(68,115,153,.32);border-radius:16px;box-shadow:0 22px 60px rgba(0,0,0,.25)}.screen-card{padding:22px;min-height:260px}.mini-bars{display:flex;gap:8px;margin-bottom:18px}.mini-bars span{width:58px;height:6px;border-radius:20px;background:#184363}.mini-layout{display:grid;grid-template-columns:1fr 1.7fr;gap:14px}.mini-gauges{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-gauges div{height:84px;border-radius:12px;background:radial-gradient(circle at center,var(--blue) 2px,transparent 3px),#081522;border:1px solid rgba(60,120,170,.3)}.mini-chart{height:120px;background:#081522;border-radius:12px;border:1px solid rgba(60,120,170,.3)}.mini-chart svg{width:100%;height:100%}.mini-chart polyline{fill:none;stroke:var(--blue);stroke-width:5}.screen-card h3{margin:18px 0 8px}.screen-card p,.screen-card li{color:#c1cfdd;line-height:1.5}.screen-card ul{padding-left:0;list-style:none}.screen-card li{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding:12px 0}.screen-card b{color:var(--blue2);text-transform:uppercase;font-size:12px}.workflow-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:34px}.workflow-grid article{padding:24px}.workflow-grid span{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#11416a;color:#9bdcff;font-weight:900}.workflow-grid b{display:block;margin:18px 0 8px}.workflow-grid p{color:#c0cfdd;line-height:1.5}.contact-card{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:36px}.contact-card h2{font-size:56px;margin:0 0 12px}.contact-card p,.contact-card li{color:#c0ccda;line-height:1.6}.contact-card form{display:grid;gap:14px}.contact-card label span{display:block;color:#9fb2c5;font-size:12px;font-weight:900;text-transform:uppercase;margin-bottom:7px}.contact-card input,.contact-card textarea{width:100%;background:#06111c;border:1px solid rgba(75,135,180,.35);border-radius:10px;color:#fff;padding:15px;font:inherit}.contact-card button{width:100%;border:0}.contact-card form p{text-transform:uppercase;letter-spacing:.08em;font-weight:900;font-size:11px;margin:0;color:#7e91a4}.site-footer{border-top:1px solid rgba(70,120,160,.2);background:#02070d;padding:42px 0}.footer-grid{display:grid;grid-template-columns:1.4fr .5fr .8fr;gap:80px}.footer-grid img{width:245px}.footer-grid p,.footer-grid a{display:block;color:#b7c5d5;line-height:1.55}.footer-grid b{display:block;margin-bottom:12px}.copyright{border-top:1px solid rgba(255,255,255,.07);margin-top:28px;padding-top:18px;color:#8193a8;font-size:12px}.reveal{opacity:0;transform:translateY(18px);transition:.75s ease}.reveal.is-visible{opacity:1;transform:none}.delay{transition-delay:.12s}.thank-you-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(0,145,255,.17),transparent 44%),#02070d}.thank-you-panel{width:min(620px,calc(100% - 40px));padding:42px;border:1px solid rgba(70,135,190,.35);border-radius:18px;background:#06111d;text-align:center}.thank-you-panel img{width:230px;margin:0 auto 18px}.thank-you-panel h1{font-size:52px;margin:0 0 12px}.thank-you-panel p{color:#c1cedb;line-height:1.55}
@media(max-width:1180px){.shell{width:min(100% - 44px,1040px)}.main-nav{display:none}.hero-grid{grid-template-columns:1fr}.hero-product{min-height:auto}.ui-window{margin:20px auto 0;transform:none}.status-stack{position:relative;top:auto;left:auto;margin:0 0 14px;flex-wrap:wrap}.feature-band,.screen-grid,.workflow-grid,.contact-card{grid-template-columns:1fr 1fr}.feature-band article:nth-child(2){border-right:0}.feature-band article{border-bottom:1px solid rgba(75,125,165,.32)}}
@media(max-width:760px){.shell{width:calc(100% - 28px)}.nav-row{height:auto;min-height:82px;flex-wrap:wrap;padding:12px 0}.brand img{width:190px}.nav-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.nav-btn{height:46px;padding:0 12px}.hero{padding:34px 0}.hero-copy h1{font-size:68px}.hero-actions,.hero-checks{display:grid}.app-chrome{grid-template-columns:1fr;height:auto;gap:10px;padding:16px}.online,.connection-line{justify-self:start}.app-body{grid-template-columns:1fr}.app-side{display:none}.gauge-row,.data-grid,.feature-band,.screen-grid,.workflow-grid,.contact-card,.footer-grid{grid-template-columns:1fr}.feature-band article{border-right:0}.ui-window{border-radius:16px}.app-main{padding:14px}.hero-product{display:block}.bottom-strip{display:none}.compatibility-row div{font-size:17px;gap:20px}}

/* V44 polish: stronger top-button underglow + richer screens showcase */
.nav-btn,
.btn{
  isolation:isolate;
}
.nav-btn::before,
.btn::before{
  content:"";
  position:absolute;
  left:50%;
  bottom:-26px;
  width:82%;
  height:24px;
  transform:translateX(-50%) scaleX(.72);
  border-radius:999px;
  background:radial-gradient(ellipse at center, rgba(22,155,255,.72), rgba(22,155,255,.18) 52%, transparent 74%);
  filter:blur(10px);
  opacity:.35;
  transition:opacity .22s ease, transform .22s ease, filter .22s ease;
  z-index:-1;
}
.nav-btn:hover::before,
.btn:hover::before{
  opacity:1;
  transform:translateX(-50%) scaleX(1.08);
  filter:blur(12px);
}
.nav-btn-primary::before,
.btn-primary::before{
  opacity:.72;
  height:30px;
  bottom:-30px;
}
.nav-btn-primary:hover,
.btn-primary:hover{
  box-shadow:0 0 30px rgba(22,155,255,.48), 0 16px 42px rgba(0,112,210,.24);
  transform:translateY(-1px);
}
.nav-btn-secondary:hover,
.btn-secondary:hover{
  border-color:rgba(103,188,255,.75);
  background:rgba(9,24,39,.88);
  box-shadow:0 0 22px rgba(22,155,255,.18);
}

.screens-showcase{
  position:relative;
  overflow:hidden;
  padding-top:96px;
  background:
    radial-gradient(circle at 50% 26%, rgba(12,105,180,.14), transparent 34%),
    radial-gradient(circle at 82% 62%, rgba(22,155,255,.10), transparent 28%),
    #02070d;
}
.screens-showcase:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.13;
  background-image:linear-gradient(rgba(40,120,185,.18) 1px, transparent 1px), linear-gradient(90deg, rgba(40,120,185,.16) 1px, transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(180deg, transparent, black 12%, black 78%, transparent);
  pointer-events:none;
}
.screens-head{
  position:relative;
  z-index:1;
  max-width:940px;
}
.command-showcase{
  position:relative;
  z-index:1;
  margin-top:42px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 390px;
  gap:24px;
  align-items:stretch;
}
.showcase-console{
  position:relative;
  min-height:650px;
  border:1px solid rgba(74,145,205,.48);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(8,22,36,.98),rgba(3,9,16,.98));
  box-shadow:0 36px 110px rgba(0,0,0,.58), 0 0 0 1px rgba(255,255,255,.04) inset, 0 0 70px rgba(0,145,255,.12);
  overflow:hidden;
}
.showcase-console:before{
  content:"VECTOR";
  position:absolute;
  right:34px;
  bottom:-8px;
  font-family:"Barlow Condensed", Inter, sans-serif;
  font-size:170px;
  line-height:.8;
  font-weight:900;
  color:rgba(99,172,235,.045);
  letter-spacing:-.04em;
  pointer-events:none;
}
.showcase-console:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(115deg,rgba(255,255,255,.10),transparent 19%,transparent 72%,rgba(78,160,230,.07));
  pointer-events:none;
}
.console-topline{
  height:76px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  padding:0 26px;
  border-bottom:1px solid rgba(87,143,188,.28);
  background:linear-gradient(180deg,#0b1724,#060c14);
}
.console-brand{
  display:flex;
  align-items:center;
  gap:14px;
}
.console-brand img{
  width:108px;
  filter:drop-shadow(0 0 22px rgba(22,155,255,.34));
}
.console-brand b,
.console-brand span{
  display:block;
  text-transform:uppercase;
}
.console-brand b{
  font-size:14px;
  letter-spacing:.08em;
}
.console-brand span{
  margin-top:3px;
  color:#82a2bd;
  font-weight:900;
  font-size:10px;
  letter-spacing:.16em;
}
.console-status{
  display:flex;
  align-items:center;
  gap:10px;
  color:#82f4ac;
  text-transform:uppercase;
  font-size:13px;
  font-weight:900;
  letter-spacing:.08em;
}
.console-status .dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#5cff99;
  box-shadow:0 0 16px #5cff99;
}
.console-body{
  display:grid;
  grid-template-columns:210px 1fr;
  min-height:574px;
}
.console-menu{
  padding:24px 18px;
  background:linear-gradient(180deg,#091622,#050a10);
  border-right:1px solid rgba(87,143,188,.24);
  display:flex;
  flex-direction:column;
  gap:12px;
}
.console-menu span{
  display:flex;
  align-items:center;
  min-height:42px;
  border-radius:9px;
  padding:0 14px;
  color:#b7c7d8;
  text-transform:uppercase;
  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
  border:1px solid transparent;
}
.console-menu span.active{
  background:linear-gradient(90deg,#1597ff,#0b66b5);
  color:white;
  box-shadow:0 0 26px rgba(22,155,255,.24);
}
.console-main{
  padding:24px;
  background:radial-gradient(circle at 50% 0,rgba(29,112,180,.16),transparent 38%), #07111b;
}
.console-gauges{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.metric{
  min-height:120px;
  border:1px solid rgba(77,125,165,.32);
  border-radius:14px;
  background:linear-gradient(180deg,#0b1826,#07111b);
  display:grid;
  place-items:center;
  text-align:center;
  padding:14px 8px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}
.metric small,
.metric em{
  text-transform:uppercase;
  color:#9eb0c2;
  font-style:normal;
  font-weight:900;
  letter-spacing:.07em;
  font-size:11px;
}
.metric strong{
  font-size:38px;
  line-height:1;
  color:#f4f8ff;
  text-shadow:0 0 20px rgba(22,155,255,.20);
}
.diagnostic-layout{
  margin-top:16px;
  display:grid;
  grid-template-columns:1.55fr 1fr;
  gap:16px;
}
.signal-panel,
.fault-stack,
.next-step-strip{
  border:1px solid rgba(77,125,165,.32);
  border-radius:14px;
  background:linear-gradient(180deg,#0a1724,#06101a);
  box-shadow:0 16px 38px rgba(0,0,0,.24);
}
.signal-panel{
  padding:18px;
}
.panel-title{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  margin-bottom:12px;
}
.panel-title b,
.panel-title span{
  text-transform:uppercase;
  font-weight:900;
  letter-spacing:.08em;
}
.panel-title b{
  color:#edf6ff;
  font-size:13px;
}
.panel-title span{
  color:#7e94aa;
  font-size:10px;
}
.signal-panel svg{
  width:100%;
  height:268px;
  border-radius:10px;
  background:linear-gradient(180deg,#07121d,#040a11);
  border:1px solid rgba(60,120,170,.26);
}
.scope-grid{stroke:rgba(115,160,200,.16);stroke-width:1}.scope-main,.scope-amber,.scope-green{fill:none;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.scope-main{stroke:var(--blue)}.scope-amber{stroke:var(--amber);stroke-width:4}.scope-green{stroke:#5cff99;stroke-width:3;opacity:.78}.signal-readouts{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin-top:12px;
}
.signal-readouts span{
  min-height:38px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:#07131f;
  border:1px solid rgba(77,125,165,.25);
  color:#d7e7f7;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  text-align:center;
}
.fault-stack{
  padding:18px;
}
.fault-stack ul{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
}
.fault-stack li{
  position:relative;
  padding:12px 12px 12px 14px;
  border-radius:10px;
  background:#07131f;
  border:1px solid rgba(77,125,165,.26);
}
.fault-stack li strong{
  display:inline-block;
  font-size:13px;
}
.fault-stack li p{
  margin:8px 0 0;
  color:#b8c9d9;
  line-height:1.45;
  font-size:12px;
}
.state{
  float:right;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.state.active{color:#ff5959}.state.watch{color:#ffd66f}.state.logged{color:#7bd5ff}
.next-step-strip{
  margin-top:16px;
  padding:16px 18px;
  display:grid;
  grid-template-columns:240px 1fr;
  gap:14px;
  align-items:center;
  border-color:rgba(22,155,255,.42);
  box-shadow:0 0 34px rgba(22,155,255,.10);
}
.next-step-strip b{
  color:#7bd5ff;
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:.1em;
}
.next-step-strip span{
  color:#eef6ff;
  line-height:1.45;
  font-weight:700;
}
.screen-side-stack{
  display:grid;
  gap:16px;
}
.screen-side-stack article{
  position:relative;
  min-height:198px;
  padding:24px;
  border:1px solid rgba(74,145,205,.38);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(8,22,36,.86),rgba(3,9,16,.92));
  box-shadow:0 22px 52px rgba(0,0,0,.24);
  overflow:hidden;
}
.screen-side-stack article:after{
  content:"";
  position:absolute;
  inset:auto -40px -70px auto;
  width:180px;
  height:180px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(22,155,255,.18),transparent 62%);
}
.side-number{
  display:inline-grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:9px;
  background:#104a78;
  color:#9bdcff;
  font-weight:900;
  margin-bottom:18px;
}
.screen-side-stack h3{
  margin:0 0 10px;
  text-transform:uppercase;
  letter-spacing:.02em;
}
.screen-side-stack p{
  margin:0;
  color:#c0cfdd;
  line-height:1.55;
}
@media(max-width:1180px){
  .command-showcase{grid-template-columns:1fr}
  .screen-side-stack{grid-template-columns:repeat(3,1fr)}
  .showcase-console{min-height:auto}
  .console-body{grid-template-columns:170px 1fr}
  .signal-readouts{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .command-showcase{gap:18px}
  .console-topline{height:auto;align-items:flex-start;flex-direction:column;padding:18px}
  .console-body{grid-template-columns:1fr}
  .console-menu{display:none}
  .console-main{padding:14px}
  .console-gauges,.diagnostic-layout,.signal-readouts,.screen-side-stack,.next-step-strip{grid-template-columns:1fr}
  .showcase-console{border-radius:16px;min-height:0}
  .signal-panel svg{height:190px}
}

/* V45 targeted polish: glow section transition, status pills above screen, distinct lower diagnostic panel, cleaner contact */
.hero-product{
  flex-direction:column;
  align-items:stretch;
  justify-content:center;
  gap:14px;
}
.status-stack{
  position:relative;
  top:auto;
  left:auto;
  width:min(900px,100%);
  margin-left:auto;
  padding-left:20px;
  justify-content:flex-start;
  z-index:4;
}
.status-stack span{
  box-shadow:0 10px 28px rgba(0,0,0,.45), 0 0 22px rgba(22,155,255,.10);
}
.ui-stage{
  position:relative;
}

.screens-showcase{
  border-top:0;
  padding-top:112px;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(22,155,255,.34), rgba(22,155,255,.12) 20%, transparent 54%),
    radial-gradient(circle at 50% 28%, rgba(12,105,180,.14), transparent 34%),
    radial-gradient(circle at 82% 62%, rgba(22,155,255,.10), transparent 28%),
    #02070d;
}
.screens-showcase:after{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:170px;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(22,155,255,.20), rgba(22,155,255,.075) 34%, transparent 100%);
  filter:blur(14px);
  opacity:.72;
}
.screens-head:after{
  content:"";
  display:block;
  width:min(620px,76%);
  height:46px;
  margin:10px auto -28px;
  border-radius:50%;
  background:radial-gradient(ellipse at center, rgba(22,155,255,.30), rgba(22,155,255,.09) 45%, transparent 72%);
  filter:blur(10px);
  opacity:.8;
}

.diagnostic-board{
  min-height:354px;
}
.matrix-grid{
  display:grid;
  gap:8px;
  margin-top:6px;
}
.matrix-head,
.matrix-row{
  display:grid;
  grid-template-columns:1.05fr 1.6fr 1.55fr .7fr;
  gap:10px;
  align-items:center;
}
.matrix-head{
  padding:0 10px 4px;
  color:#6f91ad;
  text-transform:uppercase;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
}
.matrix-row{
  min-height:54px;
  padding:10px 12px;
  border-radius:10px;
  background:linear-gradient(90deg,#071522,#081a2a);
  border:1px solid rgba(77,125,165,.25);
  box-shadow:inset 3px 0 0 rgba(22,155,255,.36);
}
.matrix-row span{
  color:#c1cfdd;
  line-height:1.25;
  font-size:12px;
  font-weight:750;
}
.matrix-row span:first-child{
  color:#f1f7ff;
  text-transform:uppercase;
  font-weight:900;
  letter-spacing:.04em;
}
.matrix-row b{
  justify-self:end;
  text-transform:uppercase;
  font-size:11px;
  letter-spacing:.08em;
  padding:6px 9px;
  border-radius:999px;
  background:#06111c;
  border:1px solid rgba(255,255,255,.10);
}
.matrix-row.high{box-shadow:inset 3px 0 0 #ff4b4b}.matrix-row.high b{color:#ff6a6a}
.matrix-row.med{box-shadow:inset 3px 0 0 #f8b943}.matrix-row.med b{color:#ffd66f}
.matrix-row.low{box-shadow:inset 3px 0 0 #7bd5ff}.matrix-row.low b{color:#7bd5ff}
.matrix-row.verify{box-shadow:inset 3px 0 0 #5cff99}.matrix-row.verify b{color:#7effae}
.check-strip{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:8px;
  margin-top:14px;
}
.check-strip span{
  display:grid;
  place-items:center;
  min-height:38px;
  border-radius:8px;
  background:linear-gradient(180deg,#081c2d,#06111c);
  border:1px solid rgba(77,125,165,.27);
  color:#9bdcff;
  text-transform:uppercase;
  font-size:10px;
  letter-spacing:.1em;
  font-weight:900;
}
.contact-card form p{display:none;}

@media(max-width:1180px){
  .status-stack{margin-left:0;width:100%;padding-left:0;}
  .matrix-head{display:none;}
  .matrix-row{grid-template-columns:1fr;gap:5px;align-items:start;}
  .matrix-row b{justify-self:start;}
  .check-strip{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:760px){
  .status-stack{position:relative;flex-wrap:wrap;}
  .screens-showcase{padding-top:74px;}
  .check-strip{grid-template-columns:repeat(2,1fr);}
}

/* V46 premium Vector polish: nav glow, anchor offset, stronger screens/contact/footer */
html{scroll-padding-top:118px;}
#features,#compatibility,#screenshots,#workflow,#contact{scroll-margin-top:118px;}
.site-header{box-shadow:0 10px 34px rgba(0,0,0,.36),0 0 36px rgba(22,155,255,.05);}
.brand img{width:268px;filter:drop-shadow(0 0 30px rgba(22,155,255,.46)) drop-shadow(0 0 8px rgba(98,190,255,.18));}
.main-nav a{padding:11px 14px;border-radius:10px;transition:color .2s ease,text-shadow .2s ease,background .2s ease,box-shadow .2s ease;}
.main-nav a:after{display:none!important;}
.main-nav a:before{content:"";position:absolute;inset:3px 0;border-radius:12px;background:radial-gradient(ellipse at center,rgba(22,155,255,.26),rgba(22,155,255,.08) 48%,transparent 74%);filter:blur(7px);opacity:0;transform:scale(.82);transition:opacity .22s ease,transform .22s ease;z-index:-1;}
.main-nav a:hover,.main-nav a.is-active{color:#eff9ff;text-shadow:0 0 9px rgba(130,215,255,.78),0 0 24px rgba(22,155,255,.40);}
.main-nav a:hover:before,.main-nav a.is-active:before{opacity:1;transform:scale(1.04);}
.main-nav a.is-active{background:linear-gradient(180deg,rgba(12,48,76,.52),rgba(4,16,28,.16));box-shadow:inset 0 0 0 1px rgba(89,176,240,.14),0 0 24px rgba(22,155,255,.08);}
.nav-btn{overflow:visible;}
.nav-btn::before,.btn::before{background:radial-gradient(ellipse at center,rgba(23,160,255,.88),rgba(23,160,255,.24) 50%,transparent 76%);}
.hero{padding-top:60px;}
.hero:after{content:"";position:absolute;left:0;right:0;bottom:-78px;height:178px;background:radial-gradient(ellipse at 50% 0%,rgba(22,155,255,.25),rgba(22,155,255,.08) 38%,transparent 70%);filter:blur(18px);pointer-events:none;}
.feature-band{margin-top:28px;box-shadow:0 0 64px rgba(0,145,255,.22),0 30px 80px rgba(0,0,0,.42);}
.compatibility-row{margin-top:22px;}
.screens-showcase{padding-top:86px;padding-bottom:74px;}
.screens-head .kicker{text-shadow:0 0 18px rgba(80,190,255,.55);}
.screens-head h2{text-shadow:0 0 34px rgba(22,155,255,.11);}
.command-showcase{margin-top:34px;grid-template-columns:minmax(0,1.08fr) 360px;}
.showcase-console{border-color:rgba(88,166,230,.58);box-shadow:0 40px 118px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.04) inset,0 0 96px rgba(0,145,255,.16);}
.console-rail{height:42px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-bottom:1px solid rgba(87,143,188,.24);background:linear-gradient(90deg,#06101a,#091827,#06101a);}
.console-rail span{display:flex;align-items:center;justify-content:center;padding:0 12px;border-right:1px solid rgba(87,143,188,.18);color:#9fb9d1;text-transform:uppercase;font-size:10px;font-weight:900;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.console-rail span:last-child{border-right:0;color:#ffd66f;}
.console-body{min-height:532px;}
.console-main{background:radial-gradient(circle at 40% 0,rgba(31,137,220,.18),transparent 36%),linear-gradient(180deg,#07131e,#040b12);}
.diagnostic-board{background:linear-gradient(180deg,#081b2b,#050e17);}
.next-step-strip{background:linear-gradient(90deg,rgba(9,33,52,.96),rgba(4,13,22,.96));}
.screen-side-stack article{border-color:rgba(88,166,230,.42);background:radial-gradient(circle at right bottom,rgba(22,155,255,.13),transparent 42%),linear-gradient(180deg,rgba(8,22,36,.90),rgba(3,9,16,.96));}
.screen-side-stack h3{color:#f2f8ff;}
.screen-side-stack article:nth-child(2){transform:translateX(10px);}
.screen-side-stack article:nth-child(3){transform:translateX(-6px);}
.workflow{padding-top:70px;}
.workflow-grid{margin-top:28px;}
.workflow-grid article{background:radial-gradient(circle at 20% 0,rgba(22,155,255,.08),transparent 35%),linear-gradient(180deg,#07131f,#040a11);}
.contact{padding-top:72px;padding-bottom:72px;background:radial-gradient(circle at 50% 0,rgba(22,155,255,.10),transparent 34%),#02070d;}
.contact-card{position:relative;overflow:hidden;grid-template-columns:.9fr 1.1fr;border-color:rgba(88,166,230,.46);background:linear-gradient(135deg,rgba(7,19,31,.96),rgba(3,9,16,.98));box-shadow:0 28px 100px rgba(0,0,0,.40),0 0 76px rgba(22,155,255,.10);}
.contact-card:before{content:"VECTOR ACCESS INTAKE";position:absolute;left:28px;bottom:-8px;font-family:"Barlow Condensed";font-size:78px;font-weight:900;letter-spacing:-.03em;color:rgba(93,178,244,.045);pointer-events:none;}
.contact-copy h2{font-size:clamp(42px,3.7vw,66px);line-height:.94;letter-spacing:-.055em;max-width:620px;}
.intake-points{display:grid;grid-template-columns:1fr;gap:12px;margin-top:24px;max-width:460px;}
.intake-points span{min-height:44px;display:flex;align-items:center;padding:0 16px;border-radius:10px;border:1px solid rgba(80,150,205,.30);background:rgba(4,14,24,.66);color:#dcefff;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.08em;}
.intake-points span:before{content:"";width:9px;height:9px;margin-right:12px;border-radius:50%;background:var(--blue);box-shadow:0 0 14px var(--blue);}
.contact-card form{position:relative;padding:22px;border-radius:16px;border:1px solid rgba(77,140,190,.28);background:linear-gradient(180deg,rgba(4,14,24,.88),rgba(2,8,14,.72));}
.contact-card input,.contact-card textarea{background:#040d16;border-color:rgba(88,166,230,.38);box-shadow:inset 0 0 0 1px rgba(255,255,255,.015);}
.contact-card input:focus,.contact-card textarea:focus{outline:none;border-color:rgba(99,190,255,.78);box-shadow:0 0 0 3px rgba(22,155,255,.12),0 0 28px rgba(22,155,255,.10);}
.site-footer{position:relative;padding:62px 0 34px;background:radial-gradient(ellipse at 50% 0,rgba(22,155,255,.12),transparent 42%),linear-gradient(180deg,#030a12,#010409);border-top:0;}
.site-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:90px;background:radial-gradient(ellipse at center,rgba(22,155,255,.33),rgba(22,155,255,.10) 34%,transparent 70%);filter:blur(16px);opacity:.72;}
.footer-grid{position:relative;z-index:1;align-items:start;}
.footer-brand img{width:270px;filter:drop-shadow(0 0 30px rgba(22,155,255,.42));}
.footer-grid b{color:#eef7ff;text-transform:uppercase;letter-spacing:.08em;}
.footer-grid a:hover{color:#8bd8ff;text-shadow:0 0 14px rgba(22,155,255,.35);}
.copyright{position:relative;z-index:1;border-top-color:rgba(75,145,205,.22);}
@media(max-width:1180px){.command-showcase{grid-template-columns:1fr;}.console-rail{grid-template-columns:1fr 1fr;height:auto;}.console-rail span{min-height:34px;}.screen-side-stack article:nth-child(n){transform:none;}}
@media(max-width:760px){html{scroll-padding-top:150px;}#features,#compatibility,#screenshots,#workflow,#contact{scroll-margin-top:150px;}.brand img{width:200px;}.screens-showcase{padding-top:66px;}.console-rail{grid-template-columns:1fr;}.contact-card{grid-template-columns:1fr;padding:24px;}.contact-card form{padding:16px;}}

/* V47 premium continuation: clean logo, aligned gauges, interactive Vector demo */
:root{scroll-padding-top:112px}html{scroll-padding-top:112px}section,[id]{scroll-margin-top:112px}.brand img,.app-brand img,.console-brand img,.footer-brand img{content:url('assets/vector-logo-clean.png');object-fit:contain}.brand{display:flex;align-items:center;min-width:250px}.brand img{width:246px;max-height:76px;filter:drop-shadow(0 0 10px rgba(22,155,255,.22));opacity:.98}.site-header{background:linear-gradient(180deg,rgba(2,7,13,.98),rgba(1,5,10,.96));box-shadow:0 1px 0 rgba(73,143,205,.22),0 14px 42px rgba(0,0,0,.28)}.nav-row{gap:36px}.main-nav{gap:26px}.main-nav a{position:relative;padding:13px 10px;border-radius:10px;text-shadow:none;transition:color .2s ease,text-shadow .2s ease,background .2s ease}.main-nav a:before{content:"";position:absolute;inset:4px -6px;border-radius:13px;background:radial-gradient(ellipse at center,rgba(22,155,255,.26),rgba(22,155,255,.08) 48%,transparent 72%);opacity:0;filter:blur(3px);transition:opacity .2s ease,transform .2s ease;transform:scale(.86)}.main-nav a:after{display:none}.main-nav a:hover,.main-nav a.is-active{color:#dff4ff;text-shadow:0 0 12px rgba(64,184,255,.65),0 0 26px rgba(22,155,255,.28)}.main-nav a:hover:before,.main-nav a.is-active:before{opacity:1;transform:scale(1)}.main-nav a.is-active{background:linear-gradient(90deg,rgba(22,155,255,.10),rgba(22,155,255,.045));box-shadow:inset 0 0 0 1px rgba(77,180,255,.16)}.nav-actions{min-width:180px;justify-content:flex-end}.nav-btn-primary{height:48px;padding:0 24px}.nav-btn-primary::before{bottom:-28px;height:32px;opacity:.55}.hero{padding-bottom:48px}.hero-copy h1{filter:drop-shadow(0 0 18px rgba(22,155,255,.08))}.hero-product{filter:drop-shadow(0 34px 80px rgba(0,0,0,.45))}.app-brand img{width:84px;filter:none}.console-brand img{width:118px;filter:drop-shadow(0 0 8px rgba(22,155,255,.18))}.footer-brand img{width:258px;filter:drop-shadow(0 0 10px rgba(22,155,255,.20))}.gauge-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.gauge-card>span{min-height:34px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.05;margin-bottom:8px}.gauge{margin-top:0}.compatibility-row{padding:18px 0 22px;margin-bottom:0}.compatibility-row:after{content:"";display:block;width:min(780px,70%);height:34px;margin:16px auto -18px;background:radial-gradient(ellipse at center,rgba(22,155,255,.22),rgba(22,155,255,.06) 44%,transparent 72%);filter:blur(10px)}.screens-showcase{padding-top:72px}.screens-showcase:before{opacity:.18}.section{padding:74px 0}.command-showcase{margin-top:30px}.showcase-console{min-height:610px}.showcase-console:before{opacity:.75}.console-body{min-height:534px}.console-menu{gap:10px}.console-menu button{appearance:none;border:1px solid transparent;background:transparent;display:flex;align-items:center;text-align:left;min-height:42px;border-radius:9px;padding:0 14px;color:#b7c7d8;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.06em;cursor:pointer;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease,transform .18s ease}.console-menu button:hover{color:#fff;border-color:rgba(65,163,240,.28);background:rgba(22,155,255,.08)}.console-menu button.active{background:linear-gradient(90deg,#1597ff,#0b66b5);color:white;box-shadow:0 0 26px rgba(22,155,255,.24);transform:translateX(2px)}.console-main{position:relative;transition:opacity .18s ease,transform .18s ease}.console-main.is-changing{opacity:.18;transform:translateY(5px)}.demo-screen-header{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-bottom:14px;padding:12px 14px;border:1px solid rgba(77,125,165,.30);border-radius:12px;background:linear-gradient(90deg,rgba(22,155,255,.09),rgba(255,255,255,.02))}.demo-screen-header .demo-mode{color:#6ed3ff;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.14em}.demo-screen-header strong{text-transform:uppercase;letter-spacing:.07em}.demo-screen-header em{font-style:normal;color:#8ea4ba;text-transform:uppercase;font-size:10px;font-weight:900;letter-spacing:.1em}.metric{transition:box-shadow .2s ease,border-color .2s ease}.metric:hover{border-color:rgba(52,168,255,.45);box-shadow:0 0 20px rgba(22,155,255,.08),inset 0 0 0 1px rgba(255,255,255,.025)}.screen-side-stack article{transition:opacity .18s ease,transform .18s ease,border-color .18s ease}.screen-side-stack.is-changing article{opacity:.42;transform:translateY(4px)}.screen-side-stack article h3{letter-spacing:.03em}.can-table,.report-preview,.verify-stack,.live-signal-grid{display:grid;gap:10px}.can-row,.report-row,.verify-row,.signal-card{display:grid;grid-template-columns:110px 1fr 86px;gap:12px;align-items:center;border:1px solid rgba(77,125,165,.30);border-radius:10px;background:rgba(4,13,22,.72);padding:12px;color:#c9d7e6}.can-row:first-child,.report-row:first-child,.verify-row:first-child{color:#8ddcff;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.09em;background:rgba(22,155,255,.07)}.signal-card{grid-template-columns:1fr auto;min-height:74px}.signal-card b,.can-row b,.verify-row b,.report-row b{color:#fff}.signal-card span,.can-row span,.verify-row span,.report-row span{color:#9cb1c5}.mini-bars{display:flex;gap:5px;align-items:end;height:34px}.mini-bars i{display:block;width:8px;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#35b7ff,#0a66b1);box-shadow:0 0 10px rgba(22,155,255,.22)}.confidence-ring{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;border:7px solid #149bff;box-shadow:inset 0 0 18px rgba(22,155,255,.22),0 0 20px rgba(22,155,255,.18);font-size:24px;font-weight:900}.contact-card{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(8,22,36,.96),rgba(3,9,16,.98));box-shadow:0 0 0 1px rgba(77,180,255,.10) inset,0 28px 90px rgba(0,0,0,.34)}.contact-card:before{content:"VECTOR ACCESS INTAKE";position:absolute;right:28px;bottom:16px;color:rgba(99,172,235,.045);font-size:54px;font-family:"Barlow Condensed",Inter,sans-serif;font-weight:900;letter-spacing:.04em}.contact-card form,.contact-copy{position:relative;z-index:1}.contact-card input:focus,.contact-card textarea:focus{outline:none;border-color:rgba(70,190,255,.78);box-shadow:0 0 0 3px rgba(22,155,255,.11),0 0 26px rgba(22,155,255,.09)}.site-footer{position:relative;padding:40px 0 30px;background:radial-gradient(circle at 20% 0,rgba(22,155,255,.10),transparent 28%),#02070d}.site-footer:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(41,173,255,.65),transparent);box-shadow:0 0 26px rgba(22,155,255,.45)}.footer-grid{gap:58px}.copyright{margin-top:22px}@media(max-width:1180px){.brand{min-width:auto}.command-showcase{grid-template-columns:1fr}.showcase-console{min-height:auto}.console-body{grid-template-columns:170px 1fr}.demo-screen-header{grid-template-columns:1fr}.nav-actions{min-width:auto}.nav-btn-primary{height:44px}.brand img{width:220px}}@media(max-width:760px){:root{scroll-padding-top:134px}html{scroll-padding-top:134px}section,[id]{scroll-margin-top:134px}.nav-actions{grid-template-columns:1fr}.brand img{width:190px}.console-body{grid-template-columns:1fr}.console-menu{display:grid;grid-template-columns:1fr 1fr;padding:14px}.console-menu button{min-height:38px}.demo-screen-header,.can-row,.report-row,.verify-row{grid-template-columns:1fr}.console-gauges{grid-template-columns:1fr 1fr}.diagnostic-layout{grid-template-columns:1fr}.contact-card:before{display:none}}

/* V48 final polish: scroll rhythm, premium hierarchy, CTA consistency */
:root{scroll-padding-top:132px;--header-offset:132px}html{scroll-padding-top:132px}section,[id]{scroll-margin-top:132px}.shell{width:min(1660px,calc(100% - 96px))}
.site-header{box-shadow:0 1px 0 rgba(73,143,205,.24),0 18px 48px rgba(0,0,0,.42),0 0 54px rgba(22,155,255,.055)}
.nav-row{height:96px}.brand{min-width:292px}.brand img{width:276px;max-height:82px;filter:drop-shadow(0 0 12px rgba(22,155,255,.26));}
.main-nav{gap:30px}.main-nav a{padding:14px 11px}.main-nav a:before{inset:1px -9px;background:radial-gradient(ellipse at center,rgba(22,155,255,.31),rgba(22,155,255,.10) 46%,transparent 74%);filter:blur(4px)}
.nav-btn-primary,.btn-primary{background:linear-gradient(180deg,#2daeff 0%,#107bd7 52%,#075ba8 100%);border-color:rgba(106,195,255,.72);box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 0 30px rgba(20,145,255,.34),0 14px 32px rgba(0,0,0,.34)}
.nav-btn-primary:hover,.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 0 46px rgba(20,145,255,.52),0 18px 40px rgba(0,0,0,.38)}
.btn-secondary{border-color:rgba(80,150,205,.42);background:linear-gradient(180deg,rgba(8,22,36,.86),rgba(3,10,18,.76));box-shadow:0 0 0 1px rgba(255,255,255,.025) inset}.btn-secondary:hover{border-color:rgba(83,184,255,.75);background:rgba(10,31,50,.88);box-shadow:0 0 30px rgba(20,145,255,.18)}
.hero{min-height:calc(100vh - 96px);padding:74px 0 42px;background:radial-gradient(circle at 80% 42%,rgba(17,132,242,.34),transparent 34%),radial-gradient(ellipse at 46% 100%,rgba(22,155,255,.14),transparent 32%),linear-gradient(110deg,#06111d,#071d31 45%,#030e19 100%)}
.hero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:118px;background:radial-gradient(ellipse at center,rgba(22,155,255,.24),rgba(22,155,255,.07) 44%,transparent 72%);filter:blur(18px);opacity:.72;pointer-events:none}.hero-grid{gap:60px}.hero-copy{padding-top:10px}.hero-copy h1{font-size:clamp(82px,8.75vw,162px);line-height:.875}.hero-lead{max-width:760px}.hero-actions .btn{min-width:190px}.hero-product{min-height:650px}.status-stack{top:12px;left:12%}.ui-window{box-shadow:0 42px 130px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.06) inset,0 0 112px rgba(0,145,255,.20)}
.feature-band{margin-top:42px;z-index:2}.feature-band article{min-height:126px;align-items:center}.feature-band .icon{align-self:start}.feature-band b{letter-spacing:.025em}.feature-band p{max-width:330px}.compatibility-row{margin-top:18px;padding:16px 0 14px}.compatibility-row p{margin-bottom:18px;color:#67cef7;text-shadow:0 0 18px rgba(22,155,255,.26);letter-spacing:.20em}.compatibility-row div{display:flex;justify-content:center;gap:34px;flex-wrap:wrap}.compatibility-row span{font-size:18px;color:#a0adbb;transition:color .18s,text-shadow .18s}.compatibility-row span:hover{color:#d7ecff;text-shadow:0 0 16px rgba(22,155,255,.35)}
.section{position:relative;padding:82px 0}.section:before{content:"";position:absolute;top:0;left:50%;width:min(1180px,78vw);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(55,176,255,.38),transparent);box-shadow:0 0 28px rgba(22,155,255,.22)}.section-head{margin-bottom:28px}.section-head h2{line-height:.95}.screens-showcase{padding-top:88px}.screens-head p:last-child{max-width:850px}.command-showcase{align-items:start}.showcase-console{border-color:rgba(85,169,235,.48);box-shadow:0 30px 90px rgba(0,0,0,.44),0 0 78px rgba(22,155,255,.10),inset 0 0 0 1px rgba(255,255,255,.025)}.console-main{min-height:510px}.demo-screen-header{min-height:64px}.screen-side-stack article{min-height:150px;display:flex;flex-direction:column;justify-content:center}.screen-side-stack article:nth-child(2){transform:translateX(18px)}.screen-side-stack article:nth-child(3){transform:translateX(0)}
.workflow{padding-top:82px}.workflow-grid{align-items:stretch}.workflow-grid article{min-height:170px;border-color:rgba(77,144,196,.34);box-shadow:inset 0 0 0 1px rgba(255,255,255,.018),0 18px 42px rgba(0,0,0,.22);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.workflow-grid article:hover{transform:translateY(-3px);border-color:rgba(74,176,255,.56);box-shadow:0 0 36px rgba(22,155,255,.10),0 22px 50px rgba(0,0,0,.28)}.workflow-grid article span{box-shadow:0 0 18px rgba(22,155,255,.22);font-weight:900}.workflow-grid article b{display:block;margin:16px 0 10px;font-size:18px}.workflow-grid article p{line-height:1.48}
.contact{padding-top:86px;padding-bottom:74px}.contact-card{grid-template-columns:.95fr 1.05fr;gap:42px;padding:44px;border:1px solid rgba(83,166,232,.45);border-radius:20px}.contact-copy h2{max-width:680px}.intake-points{display:grid;gap:10px;margin-top:26px}.intake-points span{width:max-content;max-width:100%;padding:9px 14px;border:1px solid rgba(83,166,232,.28);border-radius:999px;background:rgba(4,15,26,.62);color:#cfe8ff;font-weight:800}.contact-card form{display:grid;gap:14px}.contact-card button{width:100%;margin-top:4px}.contact-card input,.contact-card textarea{min-height:48px}.contact-card textarea{min-height:128px}
.site-footer{padding:46px 0 28px}.site-footer:before{height:2px}.footer-grid{grid-template-columns:1.25fr .7fr 1fr;align-items:start}.footer-brand img{width:280px}.footer-brand p{max-width:650px}.footer-grid a{display:block;margin-top:8px;color:#b9c8d8}.footer-grid a:hover{color:#72d2ff;text-shadow:0 0 14px rgba(22,155,255,.3)}.copyright{border-top:1px solid rgba(80,135,180,.16);padding-top:18px;color:#7e91a5}
@media(max-width:1180px){:root{scroll-padding-top:124px}html{scroll-padding-top:124px}section,[id]{scroll-margin-top:124px}.shell{width:min(100% - 48px,980px)}.nav-row{height:auto;min-height:96px;flex-wrap:wrap;padding:10px 0}.brand img{width:230px}.main-nav{order:3;width:100%;justify-content:center;gap:18px}.hero-grid{grid-template-columns:1fr}.hero-product{min-height:auto}.status-stack{position:relative;top:auto;left:auto;justify-content:center;margin:10px 0 18px}.ui-window{margin-inline:auto;transform:none}.feature-band{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.screen-side-stack article:nth-child(n){transform:none}.contact-card{grid-template-columns:1fr}}
@media(max-width:760px){:root{scroll-padding-top:172px}html{scroll-padding-top:172px}section,[id]{scroll-margin-top:172px}.shell{width:calc(100% - 28px)}.brand img{width:208px}.main-nav{font-size:11px;gap:4px;overflow-x:auto;justify-content:flex-start;padding-bottom:6px}.main-nav a{white-space:nowrap}.nav-actions{width:100%}.nav-btn-primary{width:100%;height:46px}.hero{padding-top:42px}.hero-copy h1{font-size:clamp(60px,18vw,86px)}.hero-actions{display:grid;grid-template-columns:1fr}.feature-band{grid-template-columns:1fr}.feature-band article{border-right:0;border-bottom:1px solid rgba(75,125,165,.32)}.compatibility-row div{gap:18px}.app-chrome{grid-template-columns:1fr}.connection-line,.online{display:none}.app-body{grid-template-columns:1fr}.app-side{display:grid;grid-template-columns:1fr 1fr}.gauge-row,.data-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-brand img{width:230px}}

/* V49 final behavior + gauge realism pass */
:root{scroll-padding-top:140px;--header-offset:140px;}
html{scroll-padding-top:140px;}
section,[id],.anchor-target{scroll-margin-top:140px;}
.anchor-target{position:relative;height:1px;width:1px;pointer-events:none;}
.hero-anchor{position:absolute;top:0;left:0;}
.compatibility-anchor{position:relative;margin-top:34px;}
#screenshots,#workflow,#contact{scroll-margin-top:140px;}
#compatibility{scroll-margin-top:140px;}
.gauge{background:conic-gradient(var(--blue) 0 150deg,#1c2b38 150deg 360deg);}
.gauge.rpm{background:conic-gradient(var(--blue) 0 158deg,#1c2b38 158deg 360deg);}
.gauge.mph{background:conic-gradient(var(--blue) 0 8deg,#1c2b38 8deg 360deg);}
.gauge.temp{background:conic-gradient(var(--blue) 0 188deg,#1c2b38 188deg 318deg,#26323d 318deg 360deg);}
.gauge.volt{background:conic-gradient(var(--blue) 0 238deg,#1c2b38 238deg 360deg);}
.gauge-card>span{min-height:34px;}
.gauge b{line-height:1;}
.screens-showcase,.workflow,.contact{isolation:isolate;}
.section-head{position:relative;z-index:1;}
@media(max-width:1180px){:root{scroll-padding-top:146px;--header-offset:146px;}html{scroll-padding-top:146px;}section,[id],.anchor-target{scroll-margin-top:146px;}}
@media(max-width:760px){:root{scroll-padding-top:178px;--header-offset:178px;}html{scroll-padding-top:178px;}section,[id],.anchor-target{scroll-margin-top:178px;}.hero-anchor{top:0;}}

/* V50 final layout polish: integrated hero status, breathing room, anchors, demo stability */
:root{scroll-padding-top:132px;}
html{scroll-padding-top:132px;}
section,[id],.anchor-target{scroll-margin-top:132px;}
#features{scroll-margin-top:0;}
#compatibility{scroll-margin-top:132px;}
#screenshots,#workflow,#contact{scroll-margin-top:132px;}
.hero{padding-top:64px;padding-bottom:56px;}
.hero-grid{grid-template-columns:.88fr 1.12fr;gap:76px;align-items:center;}
.hero-product{min-height:675px;display:grid;grid-template-rows:auto 1fr;align-items:center;align-content:center;padding-right:12px;filter:drop-shadow(0 34px 80px rgba(0,0,0,.42));}
.status-stack{position:relative;top:auto!important;left:auto!important;z-index:4;justify-self:center;align-self:end;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 26px;padding:10px 12px;border:1px solid rgba(84,158,220,.30);border-radius:20px;background:linear-gradient(180deg,rgba(3,12,21,.86),rgba(2,8,14,.68));box-shadow:0 18px 50px rgba(0,0,0,.30),0 0 42px rgba(22,155,255,.08),inset 0 0 0 1px rgba(255,255,255,.025);max-width:min(760px,100%);}
.status-stack:before{content:"SESSION STATUS";display:flex;align-items:center;padding:0 6px 0 2px;color:#6fd3ff;text-transform:uppercase;font-size:10px;font-weight:900;letter-spacing:.15em;opacity:.82;}
.status-stack span{height:32px;padding:0 15px;border-radius:16px;background:linear-gradient(180deg,#050d16,#02070d);border-color:rgba(81,147,204,.38);font-size:11px;box-shadow:0 10px 24px rgba(0,0,0,.26),0 0 18px rgba(22,155,255,.05);white-space:nowrap;}
.status-stack .good{box-shadow:0 0 18px rgba(93,255,148,.08),0 10px 24px rgba(0,0,0,.26);}
.status-stack .warn{box-shadow:0 0 18px rgba(255,214,111,.08),0 10px 24px rgba(0,0,0,.26);}
.ui-stage{align-self:start;position:relative;}
.ui-stage:before{top:38px;left:9%;}
.ui-window{width:min(875px,100%);margin-left:auto;margin-right:18px;}
.hero-checks{margin-bottom:24px;}
.hero-actions{margin-bottom:0;}
.gauge-row{align-items:stretch;}
.gauge-card{min-height:164px;}
.gauge-card>span{min-height:34px;}
.gauge{width:98px;height:98px;}
.gauge.rpm{background:conic-gradient(var(--blue) 0 158deg,#1c2b38 158deg 360deg);}
.gauge.mph{background:conic-gradient(var(--blue) 0 7deg,#1c2b38 7deg 360deg);}
.gauge.temp{background:conic-gradient(var(--blue) 0 186deg,#1c2b38 186deg 318deg,#26323d 318deg 360deg);}
.gauge.volt{background:conic-gradient(var(--blue) 0 230deg,#1c2b38 230deg 360deg);}
.anchor-target{position:relative;display:block;height:0;width:0;overflow:hidden;}
.compatibility-anchor{top:-18px;}
.feature-band{position:relative;z-index:1;margin-top:38px;}
.compatibility-row{position:relative;z-index:1;}
.screens-showcase{scroll-margin-top:132px;}
.workflow{scroll-margin-top:132px;}
.contact{scroll-margin-top:132px;}
@media(max-width:1180px){
  :root{scroll-padding-top:154px;}html{scroll-padding-top:154px;}section,[id],.anchor-target{scroll-margin-top:154px;}
  .hero-grid{grid-template-columns:1fr;gap:42px;}
  .hero-product{min-height:auto;padding-right:0;}
  .status-stack{margin:4px auto 22px;}
  .ui-window{margin-inline:auto;}
}
@media(max-width:760px){
  :root{scroll-padding-top:178px;}html{scroll-padding-top:178px;}section,[id],.anchor-target{scroll-margin-top:178px;}
  .status-stack{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px;margin-bottom:18px;padding:10px;}
  .status-stack:before{grid-column:1/-1;justify-content:center;}
  .status-stack span{justify-content:center;padding:0 10px;font-size:10px;}
  .ui-window{margin:0;width:100%;}
  .gauge{width:92px;height:92px;}
}

/* V51 final deployment cleanup: deterministic anchors, stable demo tabs, final spacing check */
:root{
  scroll-padding-top:138px;
  --header-offset:138px;
}
html{
  scroll-padding-top:138px;
}
section,
[id],
.anchor-target{
  scroll-margin-top:138px;
}
.anchor-target{
  display:block;
  position:relative;
  width:100%;
  height:1px;
  overflow:hidden;
  pointer-events:none;
  visibility:hidden;
}
.hero-anchor{
  position:absolute;
  top:0;
  left:0;
}
.section-anchor{
  margin-top:0;
}
.compatibility-anchor{
  top:0;
  margin-top:34px;
}
#screenshots-anchor,
#workflow-anchor,
#support-anchor{
  transform:translateY(-8px);
}
.site-header{
  min-height:92px;
}
.hero{
  padding-top:66px;
  padding-bottom:58px;
}
.hero-grid{
  align-items:center;
}
.hero-product{
  align-content:center;
}
.status-stack{
  margin-bottom:30px;
}
.ui-window{
  margin-right:22px;
}
.screens-showcase{
  padding-top:82px;
}
.command-showcase{
  scroll-margin-top:138px;
}
.console-menu button{
  user-select:none;
}
.console-main,
.screen-side-stack article{
  will-change:auto;
}
@media (max-width:1180px){
  :root{scroll-padding-top:154px;--header-offset:154px;}
  html{scroll-padding-top:154px;}
  section,[id],.anchor-target{scroll-margin-top:154px;}
  .hero{padding-top:46px;}
  .ui-window{margin-right:auto;}
  .status-stack{margin-bottom:22px;}
}
@media (max-width:760px){
  :root{scroll-padding-top:174px;--header-offset:174px;}
  html{scroll-padding-top:174px;}
  section,[id],.anchor-target{scroll-margin-top:174px;}
  .hero{padding-top:36px;}
  .hero-grid{gap:32px;}
  .status-stack{margin-bottom:16px;}
  .screens-showcase{padding-top:64px;}
}

/* V52 deploy cleanup: final anchor landing + screenshots/workflow breathing room */
:root{
  scroll-padding-top:150px;
  --header-offset:150px;
}
html{
  scroll-behavior:smooth;
  scroll-padding-top:150px;
}
section,
[id],
.anchor-target{
  scroll-margin-top:150px;
}
.anchor-target{
  display:block;
  position:relative;
  height:1px;
  width:100%;
  overflow:hidden;
  visibility:hidden;
  pointer-events:none;
}
.hero-anchor{
  position:absolute;
  top:0;
  left:0;
}
.section-anchor{
  margin-top:0;
  transform:none!important;
}
#screenshots-anchor{
  margin-top:0;
}
.screens-showcase{
  padding-top:88px;
  padding-bottom:90px;
  scroll-margin-top:150px;
}
.command-showcase{
  margin-bottom:18px;
}
.workflow{
  padding-top:86px;
  scroll-margin-top:150px;
}
.contact{
  scroll-margin-top:150px;
}
.status-stack{
  margin-bottom:32px;
}
.hero-product{
  padding-right:18px;
}
.ui-stage{
  margin-top:0;
}
@media (max-width:1180px){
  :root{scroll-padding-top:166px;--header-offset:166px;}
  html{scroll-padding-top:166px;}
  section,[id],.anchor-target{scroll-margin-top:166px;}
  .screens-showcase{padding-top:76px;padding-bottom:78px;}
  .workflow{padding-top:78px;}
  .hero-product{padding-right:0;}
}
@media (max-width:760px){
  :root{scroll-padding-top:188px;--header-offset:188px;}
  html{scroll-padding-top:188px;}
  section,[id],.anchor-target{scroll-margin-top:188px;}
  .screens-showcase{padding-top:64px;padding-bottom:66px;}
  .workflow{padding-top:66px;}
  .status-stack{margin-bottom:18px;}
}


/* V53 final anchor/scroll/cropping lock: stronger deterministic section landings */
:root{
  scroll-padding-top:170px !important;
  --header-offset:170px !important;
}
html{
  scroll-behavior:smooth;
  scroll-padding-top:170px !important;
}
section,
[id]{
  scroll-margin-top:170px !important;
}
.anchor-target{
  display:block !important;
  position:relative !important;
  top:-170px !important;
  height:0 !important;
  width:100% !important;
  overflow:hidden !important;
  visibility:hidden !important;
  pointer-events:none !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
}
.hero-anchor{
  position:absolute !important;
  top:0 !important;
  left:0 !important;
}
/* Section-specific breathing room without changing the design system */
.screens-showcase{
  padding-top:96px;
  padding-bottom:102px;
}
.workflow{
  padding-top:94px;
}
.command-showcase{
  margin-bottom:32px;
}
.status-stack{
  margin-bottom:34px;
}
@media (max-width:1180px){
  :root{scroll-padding-top:190px !important;--header-offset:190px !important;}
  html{scroll-padding-top:190px !important;}
  section,[id]{scroll-margin-top:190px !important;}
  .anchor-target{top:-190px !important;}
  .screens-showcase{padding-top:84px;padding-bottom:90px;}
  .workflow{padding-top:84px;}
}
@media (max-width:760px){
  :root{scroll-padding-top:220px !important;--header-offset:220px !important;}
  html{scroll-padding-top:220px !important;}
  section,[id]{scroll-margin-top:220px !important;}
  .anchor-target{top:-220px !important;}
  .hero-anchor{top:0 !important;}
  .screens-showcase{padding-top:72px;padding-bottom:76px;}
  .workflow{padding-top:76px;}
}

/* V54 anchor + spacing final: deterministic scroll, less cropping, final layout rhythm */
:root{scroll-padding-top:132px !important;--header-offset:132px !important;}
html{scroll-behavior:smooth;scroll-padding-top:132px !important;}
section,[id]{scroll-margin-top:132px !important;}
.anchor-target{position:relative !important;display:block !important;height:0 !important;width:100% !important;top:0 !important;margin:0 !important;padding:0 !important;overflow:hidden !important;visibility:hidden !important;pointer-events:none !important;transform:none !important;}
.hero-anchor{position:absolute !important;top:0 !important;left:0 !important;}
.site-header{min-height:92px;}
.nav-row{min-height:92px;}
.hero{min-height:calc(100vh - 92px);padding-top:54px !important;padding-bottom:34px !important;}
.hero-grid{gap:58px !important;align-items:center;}
.hero-copy{padding-top:0 !important;}
.hero-copy h1{font-size:clamp(76px,7.65vw,144px) !important;line-height:.875 !important;}
.hero-lead{margin:24px 0 20px !important;}
.hero-checks{margin-bottom:22px !important;}
.hero-actions{margin-bottom:0 !important;}
.hero-product{min-height:604px !important;align-content:center;padding-right:8px !important;}
.status-stack{margin:0 auto 30px !important;max-width:min(780px,100%) !important;}
.ui-window{margin-right:10px !important;}
.feature-band{margin-top:26px !important;}
.compatibility-row{margin-top:20px !important;padding-bottom:18px !important;}
.screens-showcase{padding-top:82px !important;padding-bottom:88px !important;}
.screens-head{margin-bottom:30px !important;}
.command-showcase{margin-top:26px !important;margin-bottom:42px !important;}
.showcase-console{min-height:590px !important;}
.console-body{min-height:516px !important;}
.workflow{padding-top:82px !important;padding-bottom:82px !important;}
.workflow-grid{gap:18px !important;}
.workflow-grid article{min-height:164px !important;}
.contact{padding-top:82px !important;padding-bottom:66px !important;}
.contact-card{margin-top:0 !important;}
.site-footer{padding-top:42px !important;}
@media(max-width:1180px){:root{scroll-padding-top:170px !important;--header-offset:170px !important;}html{scroll-padding-top:170px !important;}section,[id]{scroll-margin-top:170px !important;}.hero{padding-top:42px !important;min-height:auto;}.hero-grid{gap:38px !important;}.hero-product{min-height:auto !important;padding-right:0 !important;}.status-stack{margin-bottom:22px !important;}.ui-window{margin-right:auto !important;}.screens-showcase{padding-top:74px !important;padding-bottom:80px !important;}.workflow{padding-top:74px !important;}.command-showcase{margin-bottom:34px !important;}}
@media(max-width:760px){:root{scroll-padding-top:190px !important;--header-offset:190px !important;}html{scroll-padding-top:190px !important;}section,[id]{scroll-margin-top:190px !important;}.hero{padding-top:32px !important;}.hero-copy h1{font-size:clamp(58px,17vw,84px) !important;}.hero-actions{grid-template-columns:1fr;}.status-stack{margin-bottom:18px !important;}.screens-showcase{padding-top:62px !important;padding-bottom:68px !important;}.workflow{padding-top:64px !important;}.command-showcase{margin-bottom:26px !important;}.site-footer{padding-top:34px !important;}}

/* V55 anchor scroll fix: final consistent sticky-nav offset and viewport rhythm */
:root{
  --nav-offset:178px;
  scroll-padding-top:var(--nav-offset) !important;
  --header-offset:var(--nav-offset) !important;
}
html{
  scroll-behavior:smooth;
  scroll-padding-top:var(--nav-offset) !important;
}
section,
[id],
.anchor-target{
  scroll-margin-top:var(--nav-offset) !important;
}
.anchor-target{
  position:relative !important;
  top:0 !important;
  display:block !important;
  height:0 !important;
  width:100% !important;
  overflow:hidden !important;
  visibility:hidden !important;
  pointer-events:none !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
}
.screens-showcase{
  padding-top:76px !important;
  padding-bottom:74px !important;
}
.screens-head{
  margin-bottom:26px !important;
}
.command-showcase{
  margin-top:24px !important;
  margin-bottom:56px !important;
}
.workflow{
  padding-top:76px !important;
}
.contact{
  padding-top:78px !important;
}
@media(max-width:1180px){
  :root{--nav-offset:194px;scroll-padding-top:var(--nav-offset) !important;--header-offset:var(--nav-offset) !important;}
  html{scroll-padding-top:var(--nav-offset) !important;}
  section,[id],.anchor-target{scroll-margin-top:var(--nav-offset) !important;}
  .screens-showcase{padding-top:70px !important;padding-bottom:72px !important;}
  .workflow{padding-top:70px !important;}
  .contact{padding-top:72px !important;}
}
@media(max-width:760px){
  :root{--nav-offset:214px;scroll-padding-top:var(--nav-offset) !important;--header-offset:var(--nav-offset) !important;}
  html{scroll-padding-top:var(--nav-offset) !important;}
  section,[id],.anchor-target{scroll-margin-top:var(--nav-offset) !important;}
  .screens-showcase{padding-top:58px !important;padding-bottom:62px !important;}
  .workflow{padding-top:60px !important;}
  .contact{padding-top:62px !important;}
}

/* V56 subtle mockup integration polish: preserve v55 anchors/navigation, add premium depth around screenshots */
.screens-showcase{
  position:relative;
  background:
    radial-gradient(ellipse at 50% 46%, rgba(10, 104, 184, .115), transparent 42%),
    radial-gradient(ellipse at 50% 72%, rgba(22, 155, 255, .065), transparent 38%);
}
.screens-showcase::after{
  content:"";
  position:absolute;
  left:50%;
  top:calc(50% + 170px);
  width:min(980px,72vw);
  height:150px;
  transform:translateX(-50%);
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(ellipse at center, rgba(22,155,255,.18), rgba(22,155,255,.055) 45%, transparent 72%);
  filter:blur(18px);
  opacity:.72;
}
.command-showcase{
  position:relative;
  z-index:1;
  isolation:isolate;
}
.command-showcase::before{
  content:"";
  position:absolute;
  left:50%;
  top:48%;
  width:min(1040px,82vw);
  height:520px;
  transform:translate(-50%,-50%);
  pointer-events:none;
  z-index:-2;
  background:
    radial-gradient(ellipse at center, rgba(22,155,255,.17), rgba(10,80,145,.06) 42%, transparent 72%);
  filter:blur(26px);
  opacity:.82;
}
.command-showcase::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-32px;
  width:min(930px,74vw);
  height:82px;
  transform:translateX(-50%);
  pointer-events:none;
  z-index:-1;
  background:
    linear-gradient(90deg, transparent, rgba(90,195,255,.08) 16%, rgba(90,195,255,.28) 50%, rgba(90,195,255,.08) 84%, transparent),
    radial-gradient(ellipse at center, rgba(22,155,255,.16), transparent 68%);
  filter:blur(10px);
  opacity:.72;
}
.showcase-console{
  box-shadow:
    0 34px 95px rgba(0,0,0,.50),
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 0 86px rgba(22,155,255,.16),
    0 0 145px rgba(20,110,205,.075) !important;
}
.showcase-console::after{
  content:"";
  position:absolute;
  left:7%;
  right:7%;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(110,210,255,.74), transparent);
  box-shadow:0 0 22px rgba(22,155,255,.45);
  opacity:.48;
  pointer-events:none;
  z-index:6;
}
.screen-side-stack article{
  box-shadow:0 20px 70px rgba(0,0,0,.28), 0 0 48px rgba(22,155,255,.055);
}
@media(max-width:1180px){
  .command-showcase::before{width:96vw;height:620px;top:38%;opacity:.64;}
  .command-showcase::after{bottom:-22px;width:88vw;}
  .screens-showcase::after{top:50%;width:88vw;}
}
@media(max-width:760px){
  .screens-showcase::after{display:none;}
  .command-showcase::before{height:420px;filter:blur(22px);opacity:.55;}
  .command-showcase::after{bottom:-14px;height:56px;opacity:.52;}
}
