@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Rajdhani:wght@500;600;700&display=swap');

:root{
  --max:1480px;
  --bg:#03070b;
  --bg2:#071019;
  --panel:#09131c;
  --panel2:#0d1924;
  --text:#f5f8fb;
  --muted:#8495a1;
  --a:#62d7ff;
  --b:#89b7ff;
  --c:#80ffd7;
  --warm:#d8a64f;
  --violet:#8a79ff;
  --line:rgba(132,190,221,.14);
  --line2:rgba(132,190,221,.25);
  --asoft:rgba(98,215,255,.11);
  --bsoft:rgba(137,183,255,.07);
  --mx:50vw;
  --my:28vh;
}
html[data-theme="ion"]{
  --a:#76e6ff;--b:#8c7cff;--c:#70f6d2;--warm:#e3a85a;
  --asoft:rgba(118,230,255,.11);--bsoft:rgba(140,124,255,.07);
}
html[data-theme="solar"]{
  --a:#f0c16e;--b:#61caff;--c:#8fffd8;--warm:#ff9a62;
  --asoft:rgba(240,193,110,.11);--bsoft:rgba(97,202,255,.07);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;overflow-x:hidden;
  background:var(--bg);color:var(--text);
  font-family:Inter,system-ui,sans-serif;line-height:1.6;
}
a{color:inherit;text-decoration:none}
button,input{font:inherit;color:inherit}
.section-shell{width:min(var(--max),calc(100% - 56px));margin-inline:auto}

body::before{
  content:"";position:fixed;inset:0;z-index:-7;pointer-events:none;
  background:
    radial-gradient(620px circle at var(--mx) var(--my),rgba(98,215,255,.055),transparent 58%),
    radial-gradient(900px 600px at 78% -5%,rgba(78,150,255,.09),transparent 62%),
    radial-gradient(720px 560px at 12% 84%,rgba(128,255,215,.035),transparent 68%),
    linear-gradient(180deg,#02060a 0%,#06101a 47%,#03070b 100%);
}
.v9-hull-lines{
  position:fixed;inset:0;z-index:-6;pointer-events:none;opacity:.50;
  background:
    linear-gradient(116deg,transparent 0 22%,rgba(113,189,225,.028) 22.1%,transparent 22.25%),
    linear-gradient(64deg,transparent 0 77%,rgba(113,189,225,.024) 77.1%,transparent 77.25%),
    repeating-linear-gradient(90deg,transparent 0 118px,rgba(120,190,220,.018) 119px,transparent 120px);
  mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.75) 58%,transparent 100%);
}
.v9-starlight{
  position:fixed;inset:0;z-index:-5;pointer-events:none;opacity:.28;
  background-image:
    radial-gradient(circle at 18% 24%,rgba(255,255,255,.22) 0 .6px,transparent .8px),
    radial-gradient(circle at 74% 30%,rgba(255,255,255,.14) 0 .6px,transparent .8px),
    radial-gradient(circle at 44% 76%,rgba(255,255,255,.18) 0 .5px,transparent .7px),
    radial-gradient(circle at 88% 66%,rgba(98,215,255,.18) 0 .7px,transparent .9px);
  background-size:220px 220px,310px 310px,280px 280px,360px 360px;
}
body::after{
  content:"";position:fixed;inset:0;z-index:-4;pointer-events:none;
  background:
    linear-gradient(180deg,transparent 0 72%,rgba(98,215,255,.018) 73%,transparent 74%) 0 0/100% 180px,
    radial-gradient(circle at 50% 0%,rgba(98,215,255,.05),transparent 30%);
  opacity:.58;
}

/* build */
.dev-build{
  position:fixed;left:10px;top:10px;z-index:9999;
  padding:6px 9px 6px 18px;
  border:1px solid rgba(98,215,255,.28);
  border-radius:3px;
  clip-path:polygon(8px 0,100% 0,100% 100%,0 100%,0 8px);
  background:rgba(2,7,11,.9);
  color:#aeeaff;
  font:700 8px/1 Rajdhani,sans-serif;
  letter-spacing:.15em;
  pointer-events:none;
}
.dev-build::before{
  content:"";position:absolute;left:6px;top:50%;width:5px;height:5px;
  transform:translateY(-50%);border-radius:50%;
  background:var(--c);box-shadow:0 0 10px var(--c);
}

/* header */
.site-header{position:sticky;top:0;z-index:100;padding:12px 0 0;pointer-events:none}
.header-shell{
  position:relative;
  width:min(var(--max),calc(100% - 56px));
  min-height:70px;margin:auto;
  display:flex;align-items:center;gap:22px;
  padding:0 14px 0 12px;
  border:1px solid var(--line);
  border-radius:5px;
  clip-path:polygon(16px 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px),0 16px);
  background:linear-gradient(180deg,rgba(8,16,24,.90),rgba(3,8,13,.86));
  backdrop-filter:blur(28px) saturate(150%);
  box-shadow:0 22px 70px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.025);
  pointer-events:auto;
}
.header-shell::before{
  content:"";position:absolute;left:70px;right:180px;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,var(--a) 18%,var(--a) 62%,var(--warm) 82%,transparent);
  opacity:.55;
}
.header-shell::after{
  content:"";position:absolute;left:18px;top:0;width:110px;height:3px;
  background:linear-gradient(90deg,var(--a),transparent);
}
.brand{display:flex;align-items:center;gap:11px;margin-right:auto}
.brand img{
  width:42px;height:42px;
  border:1px solid rgba(98,215,255,.22);
  border-radius:5px;
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);
  background:rgba(98,215,255,.035);
  box-shadow:0 0 26px rgba(98,215,255,.08);
}
.brand span{display:flex;flex-direction:column;line-height:1}
.brand strong{font:700 .94rem Rajdhani,sans-serif;letter-spacing:.035em;text-transform:uppercase}
.brand small{margin-top:5px;color:#647985;font:700 .50rem Rajdhani,sans-serif;letter-spacing:.22em;text-transform:uppercase}

.main-nav{display:flex;align-items:center;gap:3px}
.main-nav>a,.nav-menu-button{
  min-height:38px;display:flex;align-items:center;
  padding:0 12px;
  border:1px solid transparent;border-radius:2px;
  background:transparent;color:#7f919c;
  font:700 .69rem Rajdhani,sans-serif;letter-spacing:.04em;text-transform:uppercase;
  cursor:pointer;transition:.16s;
}
.main-nav>a::before,.nav-menu-button::before{
  content:"";width:2px;height:14px;margin-right:8px;
  background:transparent;transition:.16s;
}
.main-nav>a:hover,.main-nav>a.active,.nav-menu.open-menu>.nav-menu-button,.nav-menu.contains-active>.nav-menu-button{
  color:#fff;background:linear-gradient(90deg,var(--asoft),transparent);
  border-color:rgba(98,215,255,.08);
}
.main-nav>a:hover::before,.main-nav>a.active::before,.nav-menu.open-menu>.nav-menu-button::before,.nav-menu.contains-active>.nav-menu-button::before{
  background:var(--a);box-shadow:0 0 10px var(--a);
}
.nav-menu{position:relative}
.nav-menu-button span{margin-left:4px;color:#5b707b}
.nav-panel{
  position:absolute;top:calc(100% + 13px);left:50%;
  width:340px;padding:8px;
  transform:translate(-50%,8px);
  opacity:0;visibility:hidden;pointer-events:none;
  border:1px solid rgba(98,215,255,.16);
  border-radius:3px;
  clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);
  background:linear-gradient(160deg,rgba(9,18,27,.995),rgba(3,8,13,.998));
  box-shadow:0 32px 90px rgba(0,0,0,.62);
  transition:.16s;
}
.resources-panel{width:360px}
.nav-menu.open-menu .nav-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.nav-panel::before{
  content:"";position:absolute;left:0;top:0;width:44%;height:1px;
  background:linear-gradient(90deg,var(--a),transparent);
}
.nav-panel>a{
  display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;
  padding:9px;border-left:2px solid transparent;border-radius:2px;
}
.nav-panel>a:hover,.nav-panel>a.active{border-left-color:var(--a);background:linear-gradient(90deg,var(--asoft),transparent)}
.nav-panel>a>b{
  width:35px;height:35px;display:grid;place-items:center;
  border:1px solid rgba(98,215,255,.14);border-radius:3px;
  background:rgba(98,215,255,.025);
  color:#a9eaff;font:700 .54rem Rajdhani;
}
.nav-panel>a>span{display:flex;flex-direction:column}
.nav-panel strong{font-size:.69rem}.nav-panel small{color:#627681;font-size:.54rem}

.header-tools{display:flex;align-items:center;gap:7px}
.v8-search-trigger,.v8-theme-trigger,.header-cta{
  min-height:40px;display:flex;align-items:center;gap:8px;
  padding:0 11px;
  border:1px solid var(--line);border-radius:3px;
  background:rgba(255,255,255,.012);color:#7f919c;
  cursor:pointer;transition:.16s;
}
.v8-search-trigger:hover,.v8-theme-trigger:hover,.header-cta:hover{
  color:#fff;border-color:rgba(98,215,255,.28);background:var(--asoft);
}
.v8-search-trigger i{width:13px;height:13px;border:1.5px solid currentColor;border-radius:50%;position:relative}
.v8-search-trigger i::after{content:"";position:absolute;width:6px;height:1px;right:-4px;bottom:-2px;background:currentColor;transform:rotate(45deg)}
.v8-search-trigger span,.v8-theme-trigger b,.header-cta{font:700 .62rem Rajdhani,sans-serif;letter-spacing:.05em;text-transform:uppercase}
.v8-search-trigger kbd{padding:3px 5px;border:1px solid rgba(255,255,255,.07);border-radius:2px;color:#536875;font-size:.43rem}
.theme-dot{width:12px;height:12px;border-radius:2px;background:linear-gradient(135deg,var(--a),var(--b));box-shadow:0 0 10px var(--asoft)}
.header-cta{color:#d7ecff;border-color:rgba(98,215,255,.18);background:rgba(98,215,255,.035)}
.nav-toggle{display:none;border:0;background:transparent;padding:8px}.nav-toggle i{display:block;width:20px;height:2px;margin:4px;background:#fff}

/* theme popover */
.v8-theme-popover{
  position:absolute;right:max(28px,calc((100vw - var(--max))/2 + 98px));top:88px;
  width:236px;padding:9px;
  border:1px solid var(--line);border-radius:3px;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
  background:rgba(6,13,19,.99);box-shadow:0 30px 90px rgba(0,0,0,.56);
  opacity:0;visibility:hidden;transform:translateY(6px);transition:.16s;pointer-events:none;
}
.v8-theme-popover.open{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.v8-theme-popover>small{display:block;padding:5px 7px 8px;color:#546a75;font:700 .48rem Rajdhani;letter-spacing:.12em}
.v8-theme-popover button{width:100%;display:grid;grid-template-columns:26px 1fr;column-gap:8px;align-items:center;padding:8px;border:1px solid transparent;border-radius:2px;background:transparent;text-align:left;cursor:pointer}
.v8-theme-popover button:hover,.v8-theme-popover button.active{border-color:var(--line);background:rgba(255,255,255,.018)}
.v8-theme-popover button i{grid-row:1/3;width:22px;height:22px;border-radius:2px}
.v8-theme-popover button[data-theme="matrix"] i{background:linear-gradient(135deg,#62d7ff,#89b7ff)}
.v8-theme-popover button[data-theme="ion"] i{background:linear-gradient(135deg,#76e6ff,#8c7cff)}
.v8-theme-popover button[data-theme="solar"] i{background:linear-gradient(135deg,#f0c16e,#61caff)}
.v8-theme-popover button span{font:700 .64rem Rajdhani}.v8-theme-popover button b{color:#60747f;font-size:.51rem;font-weight:600}

/* HERO */
.v8-home{padding-bottom:120px}
.v8-hero{min-height:770px;display:grid;grid-template-columns:.98fr 1.02fr;gap:76px;align-items:center;padding:92px 0 62px}
.v8-kicker{
  display:flex;align-items:center;gap:9px;width:max-content;
  padding:7px 12px;
  border-left:2px solid var(--a);border-top:1px solid rgba(98,215,255,.10);border-bottom:1px solid rgba(98,215,255,.10);
  background:linear-gradient(90deg,var(--asoft),transparent);
  color:#8396a0;font:700 .54rem Rajdhani;letter-spacing:.15em;text-transform:uppercase;
}
.v8-kicker i{width:5px;height:5px;border-radius:50%;background:var(--c);box-shadow:0 0 10px var(--c)}
.v8-kicker b{color:#506771}
.v8-hero h1{
  max-width:880px;margin:28px 0 0;
  font:700 clamp(4.15rem,6.8vw,7.1rem)/.88 Rajdhani,sans-serif;
  letter-spacing:-.045em;text-transform:uppercase;
}
.v8-hero h1 em{
  font-style:normal;
  background:linear-gradient(96deg,#fff 0%,#a9e9ff 44%,#6fc6ff 72%,#d8a64f 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.v8-hero-copy>p{max-width:700px;margin:27px 0 0;color:#8b9ca5;font-size:1rem;line-height:1.82}
.v8-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:31px}
.v8-actions a,.v8-actions button{
  min-height:48px;display:flex;align-items:center;gap:18px;padding:0 16px;
  border-radius:2px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);
  font:700 .70rem Rajdhani;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;
}
.v8-primary{color:#041017;background:linear-gradient(100deg,#effbff,#9ee8ff 55%,#84c9ff);box-shadow:0 14px 40px rgba(98,215,255,.10)}
.v8-secondary{border:1px solid var(--line);background:rgba(255,255,255,.012);color:#d8e5ec}
.v8-secondary kbd{padding:3px 6px;border:1px solid rgba(255,255,255,.07);border-radius:2px;color:#5e727d;font-size:.45rem}
.v8-trust{display:flex;gap:13px;flex-wrap:wrap;margin-top:27px;color:#566b75;font:700 .50rem Rajdhani;letter-spacing:.10em;text-transform:uppercase}
.v8-trust span:first-child{color:#73949e}.v8-trust i{display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c)}

/* propulsion stage */
.v9-drive-stage{
  position:relative;min-height:590px;
  border:1px solid rgba(98,215,255,.14);border-radius:4px;
  clip-path:polygon(20px 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%,0 20px);
  background:
    linear-gradient(180deg,rgba(16,29,41,.76),rgba(4,10,15,.96)),
    radial-gradient(circle at 50% 50%,rgba(98,215,255,.07),transparent 42%);
  box-shadow:0 40px 120px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.03);
  overflow:hidden;
}
.v9-drive-stage::before{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(90deg,transparent 0 49.88%,rgba(98,215,255,.07) 50%,transparent 50.12%),
    repeating-linear-gradient(0deg,transparent 0 41px,rgba(98,215,255,.025) 42px,transparent 43px);
  opacity:.55;
}
.v9-stage-header{
  position:absolute;left:0;right:0;top:0;z-index:6;
  min-height:52px;display:flex;align-items:center;justify-content:space-between;
  padding:0 16px;
  border-bottom:1px solid var(--line);
  background:rgba(3,8,13,.60);
  color:#5c737f;font:700 .50rem Rajdhani;letter-spacing:.11em;
}
.v9-stage-header b{display:flex;align-items:center;gap:7px;color:#7b9b92}
.v9-stage-header i{width:5px;height:5px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c)}

.v9-drive-field{position:absolute;inset:52px 0 46px}
.v9-core-spine{
  position:absolute;left:50%;top:50%;width:118px;height:390px;
  transform:translate(-50%,-50%);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
}
.v9-core-spine::before,.v9-core-spine::after{
  content:"";position:absolute;left:50%;width:1px;height:118px;transform:translateX(-50%);
  background:linear-gradient(transparent,var(--a));
  box-shadow:0 0 10px rgba(98,215,255,.38);
}
.v9-core-spine::before{top:-70px}.v9-core-spine::after{bottom:-70px;transform:translateX(-50%) rotate(180deg)}
.v9-core-light{
  position:absolute;left:50%;top:50%;width:26px;height:330px;transform:translate(-50%,-50%);
  background:linear-gradient(180deg,transparent,rgba(130,226,255,.25) 12%,#a7ecff 46%,#f6fdff 50%,#7fdcff 54%,rgba(130,226,255,.20) 88%,transparent);
  filter:blur(.3px);
  box-shadow:0 0 14px rgba(98,215,255,.55),0 0 48px rgba(98,215,255,.28),0 0 90px rgba(98,215,255,.14);
}
.v9-core-light::before,.v9-core-light::after{
  content:"";position:absolute;left:50%;width:70px;height:1px;transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,var(--a),transparent);
  box-shadow:0 0 8px rgba(98,215,255,.40);
}
.v9-core-light::before{top:18%}.v9-core-light::after{bottom:18%}
.v9-core-emitter{
  position:relative;z-index:3;width:126px;height:126px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  border:1px solid rgba(98,215,255,.28);
  border-radius:50%;
  background:radial-gradient(circle,rgba(24,50,66,.96),rgba(4,10,15,.96) 70%);
  box-shadow:0 0 0 10px rgba(98,215,255,.018),0 0 38px rgba(98,215,255,.22),inset 0 0 28px rgba(98,215,255,.08);
}
.v9-core-emitter small{color:#6f8792;font:700 .43rem Rajdhani;letter-spacing:.13em}
.v9-core-emitter strong{font:700 2.65rem/.9 Rajdhani;letter-spacing:-.03em}
.v9-core-emitter span{margin-top:7px;color:#b5eaff;font:700 .43rem Rajdhani;letter-spacing:.12em}
.spine-cap{position:absolute;width:66px;height:18px;border-top:1px solid var(--warm);border-left:1px solid rgba(216,166,79,.35);border-right:1px solid rgba(216,166,79,.35)}
.spine-cap.top{top:26px}.spine-cap.bottom{bottom:26px;transform:rotate(180deg)}

.v9-arc{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  border:1px solid transparent;border-radius:50%;
}
.v9-arc.arc-a{width:430px;height:430px;border-top-color:rgba(98,215,255,.50);border-right-color:rgba(98,215,255,.10);animation:v9spin 22s linear infinite}
.v9-arc.arc-b{width:350px;height:350px;border-bottom-color:rgba(137,183,255,.44);border-left-color:rgba(137,183,255,.09);animation:v9spinrev 16s linear infinite}
.v9-arc.arc-c{width:280px;height:280px;border-top-color:rgba(216,166,79,.40);animation:v9spin 11s linear infinite}

.v9-diagnostic{
  position:absolute;width:170px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:8px;
  color:#536a76;font:700 .46rem Rajdhani;letter-spacing:.08em;
}
.v9-diagnostic span{color:#6c8795}.v9-diagnostic i{height:1px;background:linear-gradient(90deg,var(--a),transparent)}
.v9-diagnostic b{color:#738a95;font-size:.45rem}
.v9-diagnostic.diag-a{left:34px;top:90px}.v9-diagnostic.diag-b{right:34px;top:140px}.v9-diagnostic.diag-c{left:34px;bottom:140px}.v9-diagnostic.diag-d{right:34px;bottom:92px}

.v9-node{
  position:absolute;min-width:140px;
  display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:center;
  padding:9px 10px;
  border-left:2px solid var(--a);border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  background:linear-gradient(90deg,rgba(98,215,255,.055),rgba(3,8,13,.72));
  backdrop-filter:blur(7px);
  transition:.16s;
}
.v9-node:hover{transform:translateX(4px);background:linear-gradient(90deg,rgba(98,215,255,.11),rgba(3,8,13,.78))}
.v9-node>b{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(98,215,255,.16);border-radius:2px;color:#b1ecff;font:700 .50rem Rajdhani}
.v9-node>span{color:#8398a2;font:700 .58rem Rajdhani;letter-spacing:.04em}
.v9-node.node-a{left:26px;top:160px}.v9-node.node-b{right:26px;top:220px}.v9-node.node-c{left:26px;bottom:210px}.v9-node.node-d{right:26px;bottom:150px}

.v8-stage-status{
  position:absolute;left:0;right:0;bottom:0;z-index:6;min-height:46px;
  display:flex;align-items:center;gap:18px;padding:0 15px;
  border-top:1px solid var(--line);
  background:rgba(2,7,11,.72);
  color:#5c727d;font:700 .48rem Rajdhani;letter-spacing:.10em;text-transform:uppercase;
}
.v8-stage-status b{display:flex;align-items:center;gap:6px;color:#75958b}.v8-stage-status b i{width:5px;height:5px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c)}.v8-stage-status em{margin-left:auto;font-style:normal;color:#667c87}

/* quick nav */
.v8-quickbar{
  display:grid;grid-template-columns:repeat(4,1fr);
  border:1px solid var(--line);border-radius:3px;
  clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);
  background:linear-gradient(180deg,rgba(11,21,29,.66),rgba(4,9,13,.82));
  overflow:hidden;
}
.v8-quickbar>a{
  position:relative;min-height:92px;display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;
  padding:15px;border-right:1px solid var(--line);transition:.16s;
}
.v8-quickbar>a::before{content:"";position:absolute;left:0;top:0;width:42%;height:1px;background:linear-gradient(90deg,var(--a),transparent);opacity:.45}
.v8-quickbar>a:last-child{border-right:0}.v8-quickbar>a:hover{background:linear-gradient(90deg,var(--asoft),transparent)}
.v8-quickbar>a>span{color:#536a76;font:700 .49rem Rajdhani}.v8-quickbar small{display:block;color:#617783;font:700 .47rem Rajdhani;letter-spacing:.11em}.v8-quickbar strong{display:block;margin-top:3px;font:700 .73rem Rajdhani;letter-spacing:.03em}.v8-quickbar>a>b{color:#6d8c99}

/* sections */
.v8-products,.v8-showcase,.v8-updates{padding-top:126px}
.v8-section-head{display:grid;grid-template-columns:1.08fr .72fr;gap:72px;align-items:end;margin-bottom:34px}
.v8-section-head>div>span{color:#8bcce3;font:700 .53rem Rajdhani;letter-spacing:.15em;text-transform:uppercase}
.v8-section-head h2{margin:8px 0 0;font:700 clamp(2.8rem,4.8vw,4.9rem)/.95 Rajdhani;letter-spacing:-.035em;text-transform:uppercase}
.v8-section-head>p{margin:0;color:#81939c;line-height:1.8}

.v8-explorer-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:13px}
.v8-filter-row,.v8-view-row{display:flex;gap:5px;flex-wrap:wrap}
.v8-filter-row button,.v8-view-row button{
  min-height:35px;padding:0 11px;border:1px solid var(--line);border-radius:2px;
  background:rgba(255,255,255,.01);color:#687e89;
  font:700 .58rem Rajdhani;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;
}
.v8-filter-row button.active,.v8-filter-row button:hover,.v8-view-row button.active,.v8-view-row button:hover{
  color:#fff;border-color:rgba(98,215,255,.24);background:linear-gradient(90deg,var(--asoft),transparent);
}

.v8-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.v8-product-card{
  position:relative;min-height:300px;padding:22px;
  border:1px solid var(--line);border-radius:3px;
  clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);
  background:
    linear-gradient(145deg,rgba(12,23,32,.88),rgba(4,9,13,.97));
  display:flex;flex-direction:column;overflow:hidden;transition:.18s;
}
.v8-product-card::before{content:"";position:absolute;left:0;top:0;width:40%;height:1px;background:linear-gradient(90deg,var(--a),transparent);opacity:.62}
.v8-product-card::after{content:"";position:absolute;right:0;bottom:0;width:28px;height:28px;border-right:1px solid rgba(216,166,79,.24);border-bottom:1px solid rgba(216,166,79,.24)}
.v8-product-card.featured{grid-column:span 2;grid-row:span 2;min-height:612px;background:radial-gradient(circle at 70% 20%,rgba(98,215,255,.07),transparent 34%),linear-gradient(145deg,rgba(12,23,32,.90),rgba(4,9,13,.98))}
.v8-product-card:hover{transform:translateY(-4px);border-color:rgba(98,215,255,.28);box-shadow:0 30px 90px rgba(0,0,0,.30),0 0 26px rgba(98,215,255,.025)}
.card-meta{display:flex;justify-content:space-between;gap:10px;color:#556d79;font:700 .47rem Rajdhani;letter-spacing:.09em}.card-meta b{color:#7b8f94}
.card-mark{width:58px;height:58px;margin-top:auto;display:grid;place-items:center;border:1px solid rgba(98,215,255,.16);border-radius:3px;background:rgba(98,215,255,.035);color:#b4edff;font:700 .98rem Rajdhani}
.featured .card-mark{width:108px;height:108px;font-size:1.9rem}
.card-body{margin-top:18px}.card-body small{color:#647b87;font:700 .47rem Rajdhani;letter-spacing:.13em}.card-body h3{margin:5px 0 8px;font:700 1.4rem Rajdhani;letter-spacing:.01em;text-transform:uppercase}.featured .card-body h3{font-size:2.55rem}.card-body p{margin:0;color:#7d8f98;font-size:.72rem;line-height:1.7}
.v8-product-card>em{margin-top:18px;color:#88a7b3;font:700 .59rem Rajdhani;font-style:normal;letter-spacing:.05em;text-transform:uppercase}.v8-product-card>em b{color:var(--warm)}.v8-product-card[hidden]{display:none!important}
.v8-product-grid[data-view="list"]{grid-template-columns:1fr}.v8-product-grid[data-view="list"] .v8-product-card{min-height:92px!important;grid-column:auto!important;grid-row:auto!important;display:grid;grid-template-columns:90px 50px 1fr auto;gap:14px;align-items:center;padding:14px 17px}.v8-product-grid[data-view="list"] .card-mark{margin:0;width:46px;height:46px}.v8-product-grid[data-view="list"] .card-body{margin:0}.v8-product-grid[data-view="list"] .card-body p{display:none}.v8-product-grid[data-view="list"] .v8-product-card>em{margin:0}.v8-product-grid[data-view="list"] .small .card-mark{display:grid}

/* showcases */
.v8-showcase{display:grid;gap:16px}
.v8-showcase-card{
  display:grid;grid-template-columns:.78fr 1.22fr;min-height:430px;
  border:1px solid var(--line);border-radius:3px;
  clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);
  background:linear-gradient(145deg,rgba(12,23,32,.88),rgba(4,9,13,.98));overflow:hidden;
}
.v8-showcase-card.reverse{grid-template-columns:1.22fr .78fr}.v8-showcase-card.reverse .v8-showcase-visual{order:2}
.v8-showcase-visual{position:relative;min-height:430px;display:grid;place-items:center;border-right:1px solid var(--line);overflow:hidden;background:radial-gradient(circle at center,var(--asoft),transparent 36%),#06101a}
.v8-showcase-card.reverse .v8-showcase-visual{border-right:0;border-left:1px solid var(--line)}
.v8-showcase-visual::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 34px,rgba(98,215,255,.026) 35px,transparent 36px),repeating-linear-gradient(0deg,transparent 0 46px,rgba(98,215,255,.020) 47px,transparent 48px);mask-image:radial-gradient(circle at center,#000,transparent 72%)}
.v8-showcase-visual.automation{background:radial-gradient(circle at center,rgba(137,183,255,.07),transparent 36%),#06101a}
.v8-visual-core{position:relative;z-index:2;width:112px;height:112px;display:grid;place-items:center;border:1px solid rgba(98,215,255,.22);border-radius:50%;background:rgba(4,10,15,.92);font:700 2rem Rajdhani;box-shadow:0 0 0 10px rgba(98,215,255,.012),0 0 42px rgba(98,215,255,.16)}
.v8-showcase-visual>span{position:absolute;left:17px;bottom:15px;color:#5d7480;font:700 .47rem Rajdhani;letter-spacing:.11em}
.v8-scan-lines{position:absolute;width:310px;height:210px;display:flex;align-items:flex-end;justify-content:center;gap:14px;opacity:.40}.v8-scan-lines i{width:1px;background:linear-gradient(var(--a),transparent)}.v8-scan-lines i:nth-child(1){height:28%}.v8-scan-lines i:nth-child(2){height:60%}.v8-scan-lines i:nth-child(3){height:100%}.v8-scan-lines i:nth-child(4){height:70%}.v8-scan-lines i:nth-child(5){height:40%}
.v8-network-dots{position:absolute;width:275px;height:275px;border:1px solid rgba(137,183,255,.10);border-radius:50%;box-shadow:0 0 0 38px rgba(137,183,255,.012),0 0 0 76px rgba(137,183,255,.008)}.v8-network-dots i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--b);box-shadow:0 0 10px var(--b)}.v8-network-dots i:nth-child(1){left:18%;top:22%}.v8-network-dots i:nth-child(2){right:16%;top:30%}.v8-network-dots i:nth-child(3){left:27%;bottom:18%}.v8-network-dots i:nth-child(4){right:24%;bottom:25%}
.v8-showcase-copy{padding:44px;display:flex;flex-direction:column;justify-content:center}.v8-showcase-copy>span{color:#66808c;font:700 .50rem Rajdhani;letter-spacing:.14em}.v8-showcase-copy h2{margin:7px 0 14px;font:700 clamp(2.3rem,4vw,3.9rem)/1 Rajdhani;letter-spacing:-.025em;text-transform:uppercase}.v8-showcase-copy>p{max-width:720px;margin:0;color:#80939c;line-height:1.82}.v8-pills{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.v8-pills i{padding:6px 9px;border:1px solid var(--line);border-radius:2px;color:#708691;font:600 .56rem Rajdhani;font-style:normal;letter-spacing:.04em}.v8-showcase-copy>a{width:max-content;margin-top:24px;color:#a9e8ff;font:700 .69rem Rajdhani;letter-spacing:.05em;text-transform:uppercase}.v8-showcase-copy>a b{color:var(--warm)}

/* updates + reviews */
.v8-update-list{border-top:1px solid var(--line)}
.v8-update-list>a{min-height:96px;display:grid;grid-template-columns:44px 15px 1fr 28px;gap:12px;align-items:center;border-bottom:1px solid var(--line);transition:.16s}
.v8-update-list>a:hover{padding-left:8px;background:linear-gradient(90deg,var(--asoft),transparent)}
.v8-update-list>a>span{color:#526a76;font:700 .49rem Rajdhani}.v8-update-list>a>i{width:7px;height:7px;border-radius:50%;background:var(--a);box-shadow:0 0 9px var(--a)}
.v8-update-list small{color:#5e7682;font:700 .47rem Rajdhani;letter-spacing:.10em}.v8-update-list strong{display:block;margin-top:3px;font:700 .82rem Rajdhani;letter-spacing:.02em}.v8-update-list p{margin:3px 0 0;color:#72868f;font-size:.63rem}.v8-update-list>b{color:#7198a5}
.v8-reviews{margin-top:126px;display:grid;grid-template-columns:.72fr 1.28fr;gap:52px;padding:42px!important;border:1px solid var(--line);border-radius:3px;clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);background:radial-gradient(circle at 0 0,var(--asoft),transparent 34%),linear-gradient(145deg,rgba(11,21,29,.90),rgba(4,9,13,.98))}
.v8-review-copy>span{color:#9bcfe1;font:700 .52rem Rajdhani;letter-spacing:.13em}.v8-review-copy h2{margin:7px 0 11px;font:700 clamp(2.5rem,4vw,3.9rem)/.98 Rajdhani;letter-spacing:-.03em;text-transform:uppercase}.v8-review-copy p{margin:0;color:#7d8f98;line-height:1.78}
.v8-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.v8-review-grid>*{min-height:155px;padding:16px;border:1px solid var(--line);border-radius:2px;background:rgba(255,255,255,.012);display:flex;flex-direction:column}.v8-review-grid div{color:#5b707b;letter-spacing:.12em}.v8-review-grid strong{margin-top:auto;font:700 .72rem Rajdhani}.v8-review-grid small{margin-top:4px;color:#637984;font-size:.55rem}.v8-review-grid>a{background:linear-gradient(145deg,rgba(98,215,255,.035),rgba(255,255,255,.008))}.v8-review-grid>a>span{color:#8fcde2;font:700 .46rem Rajdhani;letter-spacing:.10em}

/* interior pages */
.v4-main{padding:0 0 112px}
.v4-hero{min-height:540px;display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:auto auto auto;column-gap:72px;align-content:center;align-items:center;padding:110px 0 76px}
.v4-hero>.signal-pill,.v4-hero>h1,.v4-hero>p,.v4-hero>.pricing-status{grid-column:1}
.signal-pill{width:max-content;display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-left:2px solid var(--a);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,var(--asoft),transparent);color:#80939d;font:700 .52rem Rajdhani;letter-spacing:.12em}
.signal-pill i{width:5px;height:5px;border-radius:50%;background:var(--c);box-shadow:0 0 9px var(--c)}
.v4-hero h1{max-width:1000px;margin:24px 0 0;font:700 clamp(3.8rem,6.2vw,6.4rem)/.90 Rajdhani;letter-spacing:-.04em;text-transform:uppercase}
.v4-hero h1 em{font-style:normal;background:linear-gradient(96deg,#fff,#aeeaff 48%,#78c7ff 76%,#d8a64f);-webkit-background-clip:text;background-clip:text;color:transparent}
.v4-hero>p{max-width:760px;margin:21px 0 0;color:#8799a2;line-height:1.82}
.v8-page-id{grid-column:2;grid-row:1/5;min-height:300px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;border:1px solid var(--line);border-radius:3px;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);background:linear-gradient(145deg,rgba(12,23,32,.88),rgba(4,9,13,.97));overflow:hidden}
.v8-page-id::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 30px,rgba(98,215,255,.018) 31px,transparent 32px),linear-gradient(118deg,transparent 0 49.8%,rgba(98,215,255,.035) 50%,transparent 50.2%)}
.v8-page-id>*{position:relative;z-index:1}.v8-page-id>span{margin-bottom:auto;color:#536a76;font:700 .48rem Rajdhani;letter-spacing:.13em}.v8-page-id>strong{font:700 1.5rem Rajdhani;text-transform:uppercase}.v8-page-id>small{margin-top:7px;color:#71858e;font-size:.63rem;line-height:1.6}.v8-page-id>b{margin-top:18px;width:max-content;padding:5px 7px;border:1px solid rgba(98,215,255,.14);border-radius:2px;background:var(--asoft);color:#a9eaff;font:700 .46rem Rajdhani;letter-spacing:.10em}
.v4-section{position:relative;padding:104px 0 0}.v4-section::before{content:"";position:absolute;left:0;top:52px;width:84px;height:1px;background:linear-gradient(90deg,var(--a),var(--warm),transparent)}.eyebrow{color:#92cfe3!important;font-family:Rajdhani!important;letter-spacing:.12em}.v4-section h2{max-width:980px;margin:9px 0;font:700 clamp(2.6rem,4.4vw,4.5rem)/.97 Rajdhani;letter-spacing:-.03em;text-transform:uppercase}.v4-section>p{max-width:850px;color:#81949c;line-height:1.82}
.v4-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;margin-top:32px}.v4-card{grid-column:span 4;min-height:270px;padding:25px;border:1px solid var(--line);border-radius:3px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:linear-gradient(145deg,rgba(12,23,32,.84),rgba(4,9,13,.96));transition:.18s}.v4-card:nth-child(3n+1){grid-column:span 5}.v4-card:nth-child(3n+2){grid-column:span 3}.v4-card:hover{transform:translateY(-4px);border-color:rgba(98,215,255,.25)}.v4-badge{display:inline-flex;padding:6px 8px;border:1px solid rgba(98,215,255,.14);border-radius:2px;background:var(--asoft);color:#a2e5fb;font:700 .51rem Rajdhani;letter-spacing:.09em;text-transform:uppercase}.v4-card h2,.v4-card h3{font-family:Rajdhani;letter-spacing:.01em;text-transform:uppercase}.v4-card h2{margin-top:40px;font-size:1.75rem}.v4-card p,.v4-copy{color:#7e9098;line-height:1.76}
.v4-list{display:grid;gap:9px;margin-top:29px}.v4-row{padding:17px 19px;border:1px solid var(--line);border-radius:2px;background:rgba(255,255,255,.01)}.v4-row strong{display:block;font:700 .80rem Rajdhani;text-transform:uppercase}.v4-row p{margin:5px 0 0;color:#72858e;font-size:.74rem}
.v4-details{display:grid;gap:9px;margin-top:27px}.v4-details details{border:1px solid var(--line);border-radius:2px;background:rgba(255,255,255,.01);overflow:hidden}.v4-details details[open]{border-color:rgba(98,215,255,.20);box-shadow:inset 3px 0 rgba(98,215,255,.42)}.v4-details summary{position:relative;padding:17px 48px 17px 19px;cursor:pointer;list-style:none;font:700 .78rem Rajdhani;text-transform:uppercase;letter-spacing:.03em}.v4-details summary::after{content:"+";position:absolute;right:15px;top:50%;transform:translateY(-50%);width:23px;height:23px;display:grid;place-items:center;border:1px solid var(--line);border-radius:2px;color:#7fa7b4}.v4-details details[open] summary::after{content:"–"}.v4-details details>div{padding:0 19px 17px;color:#778a92;line-height:1.75}
.v4-note{margin-top:21px;padding:17px 19px;border:1px solid rgba(216,166,79,.19);border-radius:2px;background:rgba(216,166,79,.035);color:#c8b17c;box-shadow:inset 3px 0 rgba(216,166,79,.42);font-size:.73rem}
.v4-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:34px;padding:9px;border:1px solid var(--line);border-radius:3px;background:rgba(255,255,255,.01)}.v4-links>a{min-height:55px;display:flex;align-items:center;padding:0 13px;border:1px solid var(--line);border-radius:2px;background:rgba(255,255,255,.008);font:700 .66rem Rajdhani;text-transform:uppercase;letter-spacing:.04em}.v4-links>a:hover{border-color:rgba(98,215,255,.20);background:var(--asoft)}
.roadmap-grid,.download-grid,.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:30px}.roadmap-card,.download-card,.plan-card{padding:25px;border:1px solid var(--line);border-radius:3px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:linear-gradient(145deg,rgba(12,23,32,.84),rgba(4,9,13,.96))}.download-card{display:grid;grid-template-columns:auto 1fr;gap:17px}.download-icon{width:60px;height:60px;display:grid;place-items:center;border:1px solid rgba(98,215,255,.16);border-radius:3px;background:var(--asoft);color:#afeaff;font:700 .9rem Rajdhani}.roadmap-card h3,.download-card h3,.plan-card h3{font:700 1.35rem Rajdhani;text-transform:uppercase;letter-spacing:.01em}.roadmap-card p,.download-card p,.download-card small,.plan-card p{color:#7d9098;line-height:1.7}.plan-card.featured{border-color:rgba(98,215,255,.24);box-shadow:0 22px 70px rgba(0,0,0,.22),0 0 34px rgba(98,215,255,.025)}.plan-price strong{background:linear-gradient(95deg,#fff,#aeeaff,#77c7ff,#d8a64f);-webkit-background-clip:text;background-clip:text;color:transparent}.plan-state.hot{color:#a8ebff;border-color:rgba(98,215,255,.20);background:var(--asoft)}.service-plan-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:28px;border:1px solid var(--line);border-radius:3px;overflow:hidden}.service-plan-strip>div{min-height:125px;padding:19px;border-right:1px solid var(--line);display:flex;flex-direction:column}.service-plan-strip>div:last-child{border-right:0}.service-plan-strip span{color:#526b77;font:700 .47rem Rajdhani}.service-plan-strip strong{margin-top:auto;font:700 .79rem Rajdhani;text-transform:uppercase}.service-plan-strip small{margin-top:4px;color:#657b85;font-size:.57rem}.pricing-note{margin-top:17px;padding:19px;border:1px solid rgba(98,215,255,.14);border-radius:2px;background:var(--asoft)}

/* footer */
.site-footer{border-top:1px solid var(--line);background:#02060a}
.footer-inner{padding:50px 0 27px}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand img{width:34px;height:34px}.footer-brand div{display:flex;flex-direction:column}.footer-brand strong{font:700 .88rem Rajdhani;text-transform:uppercase}.footer-brand span{color:#5f747e;font-size:.57rem;margin-top:3px}.footer-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:540px;margin-left:auto;margin-top:-38px}.footer-groups div{display:flex;flex-direction:column;gap:6px}.footer-groups small{color:#526974;font:700 .50rem Rajdhani;text-transform:uppercase;letter-spacing:.11em;margin-bottom:3px}.footer-groups a{color:#758992;font-size:.67rem}.footer-groups a:hover{color:#fff}.footer-bottom{margin-top:40px;padding-top:17px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:#516873;font-size:.56rem}.footer-online{display:flex;align-items:center;gap:6px}.footer-online i{width:5px;height:5px;border-radius:50%;background:var(--c);box-shadow:0 0 7px var(--c)}

/* search */
.v8-search-overlay{position:fixed;inset:0;z-index:9998;display:none;align-items:flex-start;justify-content:center;padding:11vh 18px 30px;background:rgba(1,5,8,.80);backdrop-filter:blur(16px)}
.v8-search-overlay.open{display:flex}.v8-search-dialog{width:min(720px,100%);overflow:hidden;border:1px solid rgba(98,215,255,.22);border-radius:3px;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);background:linear-gradient(160deg,rgba(9,18,27,.995),rgba(3,8,13,.999));box-shadow:0 40px 120px rgba(0,0,0,.64)}
.v8-search-head{min-height:66px;display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding:0 15px;border-bottom:1px solid var(--line)}.v8-search-head>i{width:15px;height:15px;border:1.5px solid var(--a);border-radius:50%;position:relative}.v8-search-head>i::after{content:"";position:absolute;width:6px;height:1px;right:-4px;bottom:-2px;background:var(--a);transform:rotate(45deg)}.v8-search-head input{width:100%;border:0;outline:0;background:transparent;color:#fff;font:600 .94rem Rajdhani;letter-spacing:.03em}.v8-search-head input::placeholder{color:#5c727d}.v8-search-head button{padding:5px 7px;border:1px solid var(--line);border-radius:2px;background:rgba(255,255,255,.01);color:#627985;font:700 .50rem Rajdhani;cursor:pointer}.v8-search-meta{display:flex;gap:9px;padding:9px 15px;border-bottom:1px solid var(--line);color:#536b76;font:700 .51rem Rajdhani}.v8-search-results{max-height:430px;overflow:auto;padding:7px}.v8-result{width:100%;min-height:59px;display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:7px 9px;border:1px solid transparent;border-radius:2px;background:transparent;text-align:left;cursor:pointer}.v8-result:hover,.v8-result.active{border-left:2px solid var(--a);background:linear-gradient(90deg,var(--asoft),transparent)}.v8-result>span{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(98,215,255,.14);border-radius:2px;background:var(--asoft);color:#afeaff;font:700 .52rem Rajdhani}.v8-result strong{display:block;font:700 .75rem Rajdhani;text-transform:uppercase}.v8-result small{display:block;margin-top:2px;color:#627883;font-size:.58rem}.v8-result b{color:#64818c;font:700 .49rem Rajdhani}.v8-empty{padding:28px;text-align:center;color:#627883;font-size:.68rem}
.v8-progress{position:fixed;left:0;top:0;z-index:10000;width:0;height:2px;background:linear-gradient(90deg,var(--a),var(--warm),var(--b));box-shadow:0 0 12px rgba(98,215,255,.28);pointer-events:none}
.v8-top{position:fixed;right:18px;bottom:18px;z-index:95;width:40px;height:40px;border:1px solid rgba(98,215,255,.17);border-radius:2px;background:rgba(4,10,15,.88);backdrop-filter:blur(9px);color:#aeeaff;opacity:0;pointer-events:none;transform:translateY(7px);transition:.16s;cursor:pointer}.v8-top.show{opacity:1;pointer-events:auto;transform:none}
.v8-reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}.v8-reveal.visible{opacity:1;transform:none}

@media(max-width:1100px){
  .v8-search-trigger span,.v8-search-trigger kbd,.v8-theme-trigger b{display:none}
  .v8-hero{grid-template-columns:1fr;gap:42px}.v9-drive-stage{max-width:790px;width:100%}
  .v8-quickbar{grid-template-columns:repeat(2,1fr)}.v8-quickbar>a:nth-child(2){border-right:0}.v8-quickbar>a:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .v8-section-head{grid-template-columns:1fr;gap:18px}.v8-product-grid{grid-template-columns:repeat(2,1fr)}.v8-product-card.featured{grid-column:1/3;grid-row:auto;min-height:440px}
  .v8-showcase-card,.v8-showcase-card.reverse{grid-template-columns:1fr}.v8-showcase-card.reverse .v8-showcase-visual{order:0}.v8-showcase-visual{min-height:300px;border:0;border-bottom:1px solid var(--line)}
  .v8-reviews{grid-template-columns:1fr;gap:25px}.v4-hero{grid-template-columns:1fr 240px;column-gap:40px}.v4-grid>.v4-card:nth-child(n){grid-column:span 6}.plan-grid,.roadmap-grid,.download-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .site-header{padding-top:8px}.header-shell{min-height:62px;gap:10px}.brand span{display:none}.nav-toggle{display:block;margin-left:auto}
  .main-nav{display:none}.main-nav.open{display:flex;position:absolute;left:14px;right:14px;top:72px;flex-direction:column;align-items:stretch;padding:10px;border:1px solid var(--line);border-radius:3px;background:rgba(5,11,16,.995);box-shadow:0 28px 70px rgba(0,0,0,.52)}
  .main-nav.open>a,.main-nav.open .nav-menu{width:100%}.nav-panel,.resources-panel{position:static;width:100%;display:none;transform:none!important;margin-top:4px;opacity:1;visibility:visible;pointer-events:auto;background:rgba(255,255,255,.012);box-shadow:none}.nav-menu.open-menu .nav-panel{display:grid}
  .v8-theme-popover{right:20px;top:80px}.v4-hero{grid-template-columns:1fr}.v8-page-id{grid-column:1;grid-row:auto;min-height:160px;margin-top:22px}.v4-grid{grid-template-columns:1fr}.v4-grid>.v4-card:nth-child(n){grid-column:auto}
}
@media(max-width:680px){
  .section-shell,.header-shell{width:min(100% - 28px,var(--max))}.dev-build{top:5px;left:5px}.header-cta{display:none}
  .v8-hero{min-height:auto;padding:72px 0 48px}.v8-hero h1{font-size:clamp(3.2rem,15vw,4.9rem)}.v8-kicker b{display:none}.v9-drive-stage{min-height:500px}
  .v9-arc.arc-a{width:290px;height:290px}.v9-arc.arc-b{width:235px;height:235px}.v9-arc.arc-c{width:185px;height:185px}
  .v9-core-spine{height:330px}.v9-node{min-width:auto}.v9-node>span{display:none}.v9-diagnostic{display:none}
  .v8-quickbar{grid-template-columns:1fr}.v8-quickbar>a{border-right:0!important;border-bottom:1px solid var(--line)}.v8-quickbar>a:last-child{border-bottom:0}
  .v8-explorer-tools{align-items:flex-start;flex-direction:column}.v8-product-grid{grid-template-columns:1fr}.v8-product-card.featured{grid-column:auto;min-height:380px}
  .v8-product-grid[data-view="list"] .v8-product-card{grid-template-columns:70px 44px 1fr}.v8-product-grid[data-view="list"] .v8-product-card>em{display:none}
  .v8-review-grid{grid-template-columns:1fr}.v8-reviews{padding:28px!important}.v4-hero h1{font-size:clamp(3rem,14vw,4.7rem)}
  .plan-grid,.roadmap-grid,.download-grid{grid-template-columns:1fr}.service-plan-strip{grid-template-columns:1fr}.service-plan-strip>div{border-right:0;border-bottom:1px solid var(--line)}.footer-groups{margin:32px 0 0;grid-template-columns:1fr 1fr}
}
@keyframes v9spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes v9spinrev{to{transform:translate(-50%,-50%) rotate(-360deg)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.v9-arc{animation:none}.v8-reveal{opacity:1;transform:none;transition:none}}


/* ==========================================================================
   V9.1 REVIEW — READABILITY / GLASS REFINEMENT
   Keep the starship-console mood while removing the blocky HUD feel.
   ========================================================================== */

:root{
  --text:#f7fafc;
  --muted:#a3b1b8;
  --line:rgba(151,205,221,.11);
  --line2:rgba(151,205,221,.20);
}

/* Softer page field */
.v9-hull-lines{
  opacity:.30;
  background:
    linear-gradient(118deg,transparent 0 27%,rgba(113,189,225,.020) 27.08%,transparent 27.17%),
    linear-gradient(62deg,transparent 0 73%,rgba(113,189,225,.017) 73.08%,transparent 73.17%),
    repeating-linear-gradient(90deg,transparent 0 170px,rgba(120,190,220,.010) 171px,transparent 172px);
}
.v9-starlight{opacity:.18}
body::after{opacity:.34}

/* Version marker */
.dev-build{
  border-radius:9px;
  clip-path:none;
  padding:7px 10px 7px 20px;
  background:rgba(4,10,15,.82);
  backdrop-filter:blur(16px);
  font-family:Inter,sans-serif;
  letter-spacing:.10em;
}

/* Header becomes a floating glass bar instead of a hard HUD frame */
.header-shell{
  min-height:72px;
  padding:0 15px 0 11px;
  border-radius:18px;
  clip-path:none;
  background:rgba(6,13,19,.72);
  backdrop-filter:blur(30px) saturate(145%);
  box-shadow:0 18px 60px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.028);
}
.header-shell::after{
  left:22px;
  width:88px;
  height:2px;
}
.brand img{
  border-radius:11px;
  clip-path:none;
}
.brand strong{
  font-family:Inter,sans-serif;
  font-size:.90rem;
  letter-spacing:-.01em;
  text-transform:none;
}
.brand small{
  font-family:Inter,sans-serif;
  font-size:.49rem;
  letter-spacing:.18em;
}
.main-nav>a,.nav-menu-button{
  min-height:40px;
  padding:0 12px;
  border-radius:10px;
  font-family:Inter,sans-serif;
  font-size:.70rem;
  font-weight:700;
  letter-spacing:0;
  text-transform:none;
}
.main-nav>a::before,.nav-menu-button::before{display:none}
.main-nav>a:hover,.main-nav>a.active,
.nav-menu.open-menu>.nav-menu-button,.nav-menu.contains-active>.nav-menu-button{
  border-color:rgba(98,215,255,.10);
  background:rgba(98,215,255,.055);
}
.nav-panel{
  border-radius:16px;
  clip-path:none;
  background:rgba(7,15,22,.97);
  backdrop-filter:blur(24px);
}
.nav-panel>a{
  border-left:0;
  border:1px solid transparent;
  border-radius:10px;
}
.nav-panel>a:hover,.nav-panel>a.active{
  border-color:rgba(98,215,255,.10);
  background:linear-gradient(90deg,rgba(98,215,255,.07),rgba(137,183,255,.02));
}
.nav-panel>a>b{border-radius:8px}
.v8-search-trigger,.v8-theme-trigger,.header-cta{
  border-radius:10px;
}
.v8-search-trigger span,.v8-theme-trigger b,.header-cta{
  font-family:Inter,sans-serif;
  text-transform:none;
  letter-spacing:0;
}
.v8-theme-popover{
  border-radius:14px;
  clip-path:none;
  background:rgba(7,15,22,.975);
  backdrop-filter:blur(24px);
}
.v8-theme-popover button,.v8-theme-popover button i{border-radius:8px}

/* Hero: much easier to scan */
.v8-hero{
  min-height:730px;
  grid-template-columns:1fr 1fr;
  gap:72px;
  padding:86px 0 58px;
}
.v8-kicker{
  border:1px solid rgba(98,215,255,.10);
  border-radius:999px;
  padding:7px 11px;
  background:rgba(98,215,255,.025);
  font-family:Inter,sans-serif;
  font-size:.53rem;
  letter-spacing:.11em;
  text-transform:none;
}
.v8-kicker b{font-weight:600}
.v8-hero h1{
  max-width:760px;
  margin-top:30px;
  font-family:Inter,sans-serif;
  font-size:clamp(3.55rem,5.7vw,5.95rem);
  line-height:.98;
  font-weight:700;
  letter-spacing:-.055em;
  text-transform:none;
  text-wrap:balance;
}
.v8-hero h1 em{
  background:linear-gradient(96deg,#fff 0%,#bcecff 45%,#75c9ff 74%,#e1bc75 100%);
  -webkit-background-clip:text;
  background-clip:text;
}
.v8-hero-copy>p{
  max-width:670px;
  color:#a0afb6;
  font-size:1.02rem;
  line-height:1.78;
}
.v8-actions a,.v8-actions button{
  min-height:50px;
  border-radius:11px;
  clip-path:none;
  font-family:Inter,sans-serif;
  font-size:.70rem;
  letter-spacing:0;
  text-transform:none;
}
.v8-trust{
  color:#687d86;
  font-family:Inter,sans-serif;
  font-size:.50rem;
  letter-spacing:.055em;
}

/* Propulsion visual: retain the idea, remove visual clutter */
.v9-drive-stage{
  min-height:565px;
  border-radius:24px;
  clip-path:none;
  background:
    radial-gradient(circle at 50% 48%,rgba(98,215,255,.07),transparent 40%),
    linear-gradient(160deg,rgba(13,25,35,.72),rgba(4,10,15,.94));
  backdrop-filter:blur(8px);
}
.v9-drive-stage::before{
  opacity:.28;
  background:
    linear-gradient(90deg,transparent 0 49.92%,rgba(98,215,255,.055) 50%,transparent 50.08%),
    repeating-linear-gradient(0deg,transparent 0 58px,rgba(98,215,255,.016) 59px,transparent 60px);
}
.v9-stage-header{
  min-height:55px;
  padding:0 18px;
  background:rgba(4,10,15,.44);
  font-family:Inter,sans-serif;
  font-size:.50rem;
  letter-spacing:.08em;
}
.v9-drive-field{inset:55px 0 48px}
.v9-core-spine{height:360px}
.v9-core-light{
  width:20px;
  height:300px;
  opacity:.88;
  filter:blur(.7px);
}
.v9-core-emitter{
  width:136px;
  height:136px;
  border-color:rgba(98,215,255,.22);
  background:radial-gradient(circle,rgba(26,56,73,.94),rgba(4,10,15,.96) 72%);
  box-shadow:0 0 0 12px rgba(98,215,255,.012),0 0 44px rgba(98,215,255,.20),inset 0 0 32px rgba(98,215,255,.07);
}
.v9-core-emitter small,.v9-core-emitter span{
  font-family:Inter,sans-serif;
  letter-spacing:.10em;
}
.v9-core-emitter strong{
  font-family:Inter,sans-serif;
  font-size:2.25rem;
  letter-spacing:-.05em;
}
.v9-arc.arc-a{width:410px;height:410px;opacity:.72}
.v9-arc.arc-b{width:326px;height:326px;opacity:.60}
.v9-arc.arc-c{width:252px;height:252px;opacity:.48}
.v9-diagnostic{
  width:142px;
  grid-template-columns:36px 1fr;
  opacity:.42;
  font-family:Inter,sans-serif;
  letter-spacing:.05em;
}
.v9-diagnostic b{display:none}
.v9-diagnostic.diag-a{left:28px;top:105px}
.v9-diagnostic.diag-b{right:28px;top:150px}
.v9-diagnostic.diag-c{left:28px;bottom:150px}
.v9-diagnostic.diag-d{right:28px;bottom:105px}
.v9-node{
  min-width:150px;
  padding:10px 11px;
  border:1px solid rgba(98,215,255,.09);
  border-left:2px solid rgba(98,215,255,.65);
  border-radius:10px;
  background:rgba(5,12,17,.62);
  backdrop-filter:blur(14px);
}
.v9-node:hover{
  transform:translateY(-2px);
  border-color:rgba(98,215,255,.22);
  background:rgba(98,215,255,.07);
}
.v9-node>b{
  border-radius:7px;
  font-family:Inter,sans-serif;
}
.v9-node>span{
  color:#9aadb5;
  font-family:Inter,sans-serif;
  font-size:.59rem;
  letter-spacing:0;
}
.v9-node.node-a{left:28px;top:176px}
.v9-node.node-b{right:28px;top:226px}
.v9-node.node-c{left:28px;bottom:216px}
.v9-node.node-d{right:28px;bottom:166px}
.v8-stage-status{
  min-height:48px;
  padding:0 17px;
  background:rgba(3,9,13,.56);
  font-family:Inter,sans-serif;
  letter-spacing:.07em;
  text-transform:none;
}

/* Quick access bar: more breathable */
.v8-quickbar{
  border-radius:16px;
  clip-path:none;
  background:rgba(8,17,24,.52);
  backdrop-filter:blur(12px);
}
.v8-quickbar>a{
  min-height:100px;
  padding:18px;
}
.v8-quickbar>a::before{width:32%;opacity:.34}
.v8-quickbar>a>span,.v8-quickbar small,.v8-quickbar strong{
  font-family:Inter,sans-serif;
}
.v8-quickbar strong{font-size:.76rem;letter-spacing:-.01em}
.v8-quickbar small{letter-spacing:.08em}

/* Section typography */
.v8-products,.v8-showcase,.v8-updates{padding-top:116px}
.v8-section-head{gap:76px;margin-bottom:36px}
.v8-section-head>div>span{
  font-family:Inter,sans-serif;
  font-size:.53rem;
  letter-spacing:.11em;
}
.v8-section-head h2{
  max-width:850px;
  margin-top:10px;
  font-family:Inter,sans-serif;
  font-size:clamp(2.6rem,4.5vw,4.5rem);
  line-height:1;
  font-weight:700;
  letter-spacing:-.05em;
  text-transform:none;
  text-wrap:balance;
}
.v8-section-head>p{color:#94a4ab}

/* Controls */
.v8-filter-row button,.v8-view-row button{
  min-height:38px;
  padding:0 12px;
  border-radius:9px;
  font-family:Inter,sans-serif;
  font-size:.58rem;
  letter-spacing:0;
  text-transform:none;
}

/* Product cards: softer glass, larger copy */
.v8-product-grid{gap:15px}
.v8-product-card{
  min-height:310px;
  padding:24px;
  border-radius:18px;
  clip-path:none;
  background:
    linear-gradient(155deg,rgba(15,28,38,.76),rgba(5,11,16,.88));
  backdrop-filter:blur(9px);
}
.v8-product-card::before{
  left:20px;
  width:78px;
  height:2px;
  border-radius:2px;
  opacity:.52;
}
.v8-product-card::after{display:none}
.v8-product-card.featured{
  min-height:610px;
  background:
    radial-gradient(circle at 78% 14%,rgba(98,215,255,.065),transparent 34%),
    linear-gradient(155deg,rgba(16,30,41,.82),rgba(5,11,16,.92));
}
.v8-product-card:hover{
  transform:translateY(-3px);
  border-color:rgba(98,215,255,.20);
  box-shadow:0 28px 75px rgba(0,0,0,.26),0 0 30px rgba(98,215,255,.018);
}
.card-meta{
  font-family:Inter,sans-serif;
  letter-spacing:.055em;
}
.card-mark{
  border-radius:13px;
  font-family:Inter,sans-serif;
}
.featured .card-mark{border-radius:21px}
.card-body small{
  font-family:Inter,sans-serif;
  letter-spacing:.09em;
}
.card-body h3{
  margin-top:7px;
  font-family:Inter,sans-serif;
  font-size:1.35rem;
  font-weight:700;
  letter-spacing:-.025em;
  text-transform:none;
}
.featured .card-body h3{font-size:2.35rem}
.card-body p{
  color:#8f9fa6;
  font-size:.75rem;
  line-height:1.72;
}
.v8-product-card>em{
  font-family:Inter,sans-serif;
  letter-spacing:0;
  text-transform:none;
}

/* Feature panels */
.v8-showcase-card{
  border-radius:22px;
  clip-path:none;
  background:linear-gradient(155deg,rgba(14,27,37,.78),rgba(5,11,16,.91));
}
.v8-showcase-visual{
  min-height:410px;
  background:radial-gradient(circle at center,rgba(98,215,255,.08),transparent 40%),#071019;
}
.v8-showcase-visual::before{opacity:.52}
.v8-visual-core{
  width:120px;height:120px;
  border-radius:50%;
  font-family:Inter,sans-serif;
  font-size:1.85rem;
}
.v8-showcase-visual>span{
  font-family:Inter,sans-serif;
  letter-spacing:.08em;
}
.v8-showcase-copy{padding:48px}
.v8-showcase-copy>span{
  font-family:Inter,sans-serif;
  letter-spacing:.10em;
}
.v8-showcase-copy h2{
  font-family:Inter,sans-serif;
  font-size:clamp(2.3rem,3.8vw,3.65rem);
  font-weight:700;
  letter-spacing:-.045em;
  text-transform:none;
}
.v8-showcase-copy>p{color:#91a2a9}
.v8-pills i{
  border-radius:999px;
  font-family:Inter,sans-serif;
  font-size:.57rem;
}
.v8-showcase-copy>a{
  font-family:Inter,sans-serif;
  letter-spacing:0;
  text-transform:none;
}

/* Updates / review readability */
.v8-update-list small,.v8-update-list strong{
  font-family:Inter,sans-serif;
  letter-spacing:0;
}
.v8-update-list strong{font-size:.83rem}
.v8-update-list p{color:#81949c;font-size:.66rem}
.v8-reviews{
  border-radius:22px;
  clip-path:none;
  background:radial-gradient(circle at 0 0,rgba(98,215,255,.055),transparent 36%),linear-gradient(155deg,rgba(14,27,37,.78),rgba(5,11,16,.92));
}
.v8-review-copy>span,.v8-review-grid strong,.v8-review-grid>a>span{
  font-family:Inter,sans-serif;
}
.v8-review-copy h2{
  font-family:Inter,sans-serif;
  font-size:clamp(2.45rem,3.8vw,3.7rem);
  letter-spacing:-.045em;
  text-transform:none;
}
.v8-review-copy p{color:#8d9ea5}
.v8-review-grid>*{border-radius:14px}

/* Interior pages: readable website first, sci-fi second */
.v4-hero{
  min-height:520px;
  grid-template-columns:minmax(0,1fr) 300px;
  column-gap:76px;
  padding:104px 0 72px;
}
.signal-pill{
  border:1px solid rgba(98,215,255,.10);
  border-radius:999px;
  padding:7px 11px;
  background:rgba(98,215,255,.025);
  font-family:Inter,sans-serif;
  letter-spacing:.09em;
}
.v4-hero h1{
  max-width:900px;
  font-family:Inter,sans-serif;
  font-size:clamp(3.25rem,5.4vw,5.5rem);
  line-height:.98;
  font-weight:700;
  letter-spacing:-.055em;
  text-transform:none;
  text-wrap:balance;
}
.v4-hero>p{color:#98a8af;font-size:1rem}
.v8-page-id{
  min-height:280px;
  border-radius:18px;
  clip-path:none;
  background:linear-gradient(155deg,rgba(14,27,37,.76),rgba(5,11,16,.92));
}
.v8-page-id>span,.v8-page-id>strong,.v8-page-id>b{
  font-family:Inter,sans-serif;
}
.v8-page-id>strong{
  font-size:1.35rem;
  letter-spacing:-.025em;
  text-transform:none;
}
.v8-page-id>small{color:#83969e;font-size:.66rem}
.v8-page-id>b{border-radius:7px}

.v4-section{padding-top:98px}
.eyebrow{
  font-family:Inter,sans-serif!important;
  letter-spacing:.09em!important;
}
.v4-section h2{
  max-width:900px;
  font-family:Inter,sans-serif;
  font-size:clamp(2.35rem,4vw,4.05rem);
  line-height:1;
  font-weight:700;
  letter-spacing:-.045em;
  text-transform:none;
}
.v4-section>p{color:#91a2a9}
.v4-card{
  border-radius:16px;
  clip-path:none;
  background:linear-gradient(155deg,rgba(14,27,37,.74),rgba(5,11,16,.90));
}
.v4-badge{
  border-radius:999px;
  font-family:Inter,sans-serif;
  letter-spacing:.06em;
}
.v4-card h2,.v4-card h3{
  font-family:Inter,sans-serif;
  letter-spacing:-.025em;
  text-transform:none;
}
.v4-card p,.v4-copy{color:#899ba2}
.v4-row,.v4-details details,.v4-note,.v4-links,.v4-links>a{
  border-radius:12px;
}
.v4-row strong,.v4-details summary,.v4-links>a{
  font-family:Inter,sans-serif;
  text-transform:none;
  letter-spacing:0;
}
.roadmap-card,.download-card,.plan-card{
  border-radius:16px;
  clip-path:none;
  background:linear-gradient(155deg,rgba(14,27,37,.74),rgba(5,11,16,.90));
}
.download-icon{border-radius:12px;font-family:Inter,sans-serif}
.roadmap-card h3,.download-card h3,.plan-card h3{
  font-family:Inter,sans-serif;
  letter-spacing:-.025em;
  text-transform:none;
}
.service-plan-strip{border-radius:14px}
.service-plan-strip strong{font-family:Inter,sans-serif;text-transform:none}

/* Footer / search softer too */
.footer-brand strong,.footer-groups small{font-family:Inter,sans-serif}
.v8-search-dialog{
  border-radius:18px;
  clip-path:none;
  background:rgba(7,15,22,.985);
  backdrop-filter:blur(24px);
}
.v8-search-head input,.v8-search-head button,.v8-search-meta,.v8-result>span,.v8-result strong,.v8-result b{
  font-family:Inter,sans-serif;
}
.v8-result{border-radius:10px}
.v8-result:hover,.v8-result.active{
  border-left:1px solid rgba(98,215,255,.18);
}
.v8-result>span{border-radius:8px}
.v8-result strong{text-transform:none}
.v8-top{border-radius:11px}

/* Responsive refinements */
@media(max-width:1100px){
  .v8-hero{grid-template-columns:1fr;gap:46px}
  .v8-hero-copy{max-width:820px}
  .v9-drive-stage{max-width:820px}
}
@media(max-width:900px){
  .main-nav.open{border-radius:16px;background:rgba(6,13,19,.985);backdrop-filter:blur(24px)}
}
@media(max-width:680px){
  .v8-hero h1{font-size:clamp(3rem,13vw,4.5rem)}
  .v4-hero h1{font-size:clamp(2.8rem,12vw,4.3rem)}
  .v8-showcase-copy{padding:30px}
}


/* ==========================================================================
   V9.2 — ACCOUNT ENTRY
   ========================================================================== */
.account-cta{
  min-height:40px;display:flex;align-items:center;gap:8px;padding:0 11px;
  border:1px solid rgba(114,240,159,.15);border-radius:10px;
  background:rgba(114,240,159,.035);color:#dff9e9;
  font-size:.63rem;font-weight:800;transition:.16s;
}
.account-cta:hover{border-color:rgba(114,240,159,.28);background:rgba(114,240,159,.07)}
.account-cta b{font-size:.63rem}
.account-dot{width:9px;height:9px;border:1px solid rgba(114,240,159,.55);border-radius:50%;box-shadow:0 0 10px rgba(114,240,159,.18)}
@media(max-width:1100px){.account-cta b{display:none}.account-cta{width:40px;padding:0;justify-content:center}}
@media(max-width:680px){.v8-theme-trigger{display:none}}


/* ==========================================================================
   V9.5 — MESH IMAGE BACKGROUND
   User-supplied Matrix Engine Systems Hub artwork.
   ========================================================================== */
body{
  background:#02060a;
  background-attachment:fixed;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-7;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(2,6,10,.79) 0%,rgba(3,8,13,.84) 42%,rgba(2,6,10,.92) 100%),
    radial-gradient(900px 650px at 72% 12%,rgba(0,174,255,.12),transparent 60%),
    radial-gradient(820px 620px at 20% 82%,rgba(0,255,214,.055),transparent 66%),
    linear-gradient(90deg,rgba(0,0,0,.18),transparent 22%,transparent 78%,rgba(0,0,0,.22)),
    url("assets/mes-hub-background.webp") center top / cover no-repeat;
  background-blend-mode:normal,screen,screen,normal,normal;
  filter:saturate(1.04) contrast(1.03);
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-4;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(2,7,11,.06),rgba(2,7,11,.22) 58%,rgba(2,7,11,.48)),
    radial-gradient(circle at 50% 0%,rgba(98,215,255,.055),transparent 32%);
  opacity:1;
}
.v9-hull-lines{opacity:.16}
.v9-starlight{opacity:.08}
.site-header{isolation:isolate}
.header-shell{
  background:linear-gradient(180deg,rgba(6,13,19,.86),rgba(3,8,13,.80));
  box-shadow:0 18px 65px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.035);
}
.v9-drive-stage,
.v8-product-card,
.v8-showcase-card,
.v8-reviews,
.v4-card,
.roadmap-card,
.download-card,
.plan-card{
  backdrop-filter:blur(13px) saturate(125%);
}
@media(max-width:760px){
  body::before{background-position:center top;background-size:auto 100vh}
}


/* ==========================================================================
   V9.6 — MESH BACKGROUND / HERO REWORK
   Keep the supplied artwork sharp and visible. The artwork is the visual.
   ========================================================================== */
body{
  background:#020508;
}
body::before{
  background:
    linear-gradient(90deg,
      rgba(1,4,7,.78) 0%,
      rgba(1,4,7,.56) 22%,
      rgba(1,4,7,.24) 45%,
      rgba(1,4,7,.20) 58%,
      rgba(1,4,7,.40) 78%,
      rgba(1,4,7,.66) 100%),
    linear-gradient(180deg,
      rgba(1,4,7,.18) 0%,
      rgba(1,4,7,.08) 36%,
      rgba(1,4,7,.30) 76%,
      rgba(1,4,7,.58) 100%),
    url("assets/mes-hub-background.webp") center 76px / cover no-repeat fixed;
  background-blend-mode:normal,normal,normal;
  filter:none;
}
body::after{
  background:
    radial-gradient(900px 540px at 50% 6%,rgba(39,192,255,.08),transparent 68%),
    linear-gradient(180deg,transparent 0 68%,rgba(2,6,10,.22) 84%,rgba(2,6,10,.45) 100%);
  opacity:1;
}
.v9-hull-lines{opacity:.08}
.v9-starlight{display:none}

/* let the hero use the artwork rather than covering it */
.v8-hero{
  position:relative;
  min-height:800px;
  grid-template-columns:minmax(0,600px) 1fr;
  gap:40px;
  align-items:center;
  padding:92px 0 70px;
}
.v8-hero-copy{
  position:relative;
  z-index:3;
  padding:38px 36px 38px 0;
}
.v8-hero-copy::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-24px -22px -24px -46px;
  border:1px solid rgba(98,215,255,.08);
  border-left-color:rgba(98,215,255,.16);
  border-radius:0 30px 30px 0;
  background:
    linear-gradient(90deg,rgba(2,7,11,.90) 0%,rgba(2,7,11,.76) 56%,rgba(2,7,11,.22) 100%);
  backdrop-filter:blur(8px) saturate(125%);
  box-shadow:0 34px 90px rgba(0,0,0,.22);
}
.v8-hero h1{
  max-width:640px;
  font-size:clamp(3.65rem,5.25vw,5.7rem);
  line-height:.98;
  text-shadow:0 8px 34px rgba(0,0,0,.42);
}
.v8-hero-copy>p{
  max-width:590px;
  color:#c1cdd2;
  text-shadow:0 2px 14px rgba(0,0,0,.50);
}
.v8-kicker{
  background:rgba(3,11,16,.58);
  border-color:rgba(98,215,255,.15);
  backdrop-filter:blur(12px);
}
.v8-trust{color:#81939b}
.v8-trust span:first-child{color:#a1bac4}

/* compact route control; intentionally avoids the centre MESH artwork */
.mesh-hero-routes{
  position:relative;
  z-index:3;
  align-self:end;
  justify-self:end;
  width:min(360px,100%);
  margin-bottom:36px;
  border:1px solid rgba(98,215,255,.17);
  border-radius:20px;
  background:linear-gradient(160deg,rgba(4,11,16,.72),rgba(3,8,12,.86));
  backdrop-filter:blur(18px) saturate(140%);
  box-shadow:0 28px 80px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.035);
  overflow:hidden;
}
.mesh-route-head{
  min-height:70px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:15px 17px;
  border-bottom:1px solid rgba(98,215,255,.09);
}
.mesh-route-head>div{display:flex;flex-direction:column}
.mesh-route-head small{
  color:#66808b;
  font-size:.48rem;
  font-weight:800;
  letter-spacing:.10em;
}
.mesh-route-head strong{
  margin-top:3px;
  font-size:.78rem;
  letter-spacing:-.01em;
}
.mesh-route-head>span{
  display:flex;
  align-items:center;
  gap:7px;
  color:#7f9c93;
  font-size:.48rem;
  font-weight:800;
}
.mesh-route-head i{
  width:6px;height:6px;border-radius:50%;
  background:var(--c);
  box-shadow:0 0 10px var(--c);
}
.mesh-route-list{display:grid;padding:8px}
.mesh-route-list>a{
  min-height:62px;
  display:grid;
  grid-template-columns:32px 1fr auto;
  gap:11px;
  align-items:center;
  padding:9px 10px;
  border:1px solid transparent;
  border-radius:12px;
  transition:.17s;
}
.mesh-route-list>a:hover{
  transform:translateX(3px);
  border-color:rgba(98,215,255,.14);
  background:linear-gradient(90deg,rgba(98,215,255,.07),rgba(216,166,79,.025));
}
.mesh-route-list>a>b{
  width:31px;height:31px;
  display:grid;place-items:center;
  border:1px solid rgba(98,215,255,.14);
  border-radius:9px;
  color:#a7eaff;
  background:rgba(98,215,255,.035);
  font-size:.49rem;
}
.mesh-route-list>a>div{display:flex;flex-direction:column;min-width:0}
.mesh-route-list small{
  color:#5e7480;
  font-size:.45rem;
  font-weight:800;
  letter-spacing:.08em;
}
.mesh-route-list strong{
  margin-top:2px;
  font-size:.67rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.mesh-route-list>a>span{color:#7fb9ca}
.mesh-route-foot{
  min-height:42px;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 17px;
  border-top:1px solid rgba(98,215,255,.08);
  color:#58707a;
  font-size:.46rem;
  font-weight:800;
  letter-spacing:.09em;
}
.mesh-route-foot b{color:#7b929c}

/* translucent lower sections so the MESH background still reads */
.v8-quickbar{
  background:rgba(3,9,13,.70);
  border-color:rgba(98,215,255,.13);
  box-shadow:0 20px 60px rgba(0,0,0,.22);
}
.v8-product-card,
.v8-showcase-card,
.v8-reviews,
.v4-card,
.roadmap-card,
.download-card,
.plan-card{
  background:linear-gradient(155deg,rgba(8,18,25,.78),rgba(3,9,13,.88));
  backdrop-filter:blur(18px) saturate(125%);
}
.site-footer{background:rgba(2,6,10,.91);backdrop-filter:blur(20px)}

@media(max-width:1100px){
  body::before{
    background:
      linear-gradient(90deg,rgba(1,4,7,.72),rgba(1,4,7,.36) 58%,rgba(1,4,7,.62)),
      linear-gradient(180deg,rgba(1,4,7,.14),rgba(1,4,7,.46)),
      url("assets/mes-hub-background.webp") center 70px / cover no-repeat fixed;
  }
  .v8-hero{
    grid-template-columns:minmax(0,620px) 1fr;
    gap:24px;
  }
  .mesh-hero-routes{width:320px}
}
@media(max-width:900px){
  body::before{
    background:
      linear-gradient(180deg,rgba(1,4,7,.32),rgba(1,4,7,.58)),
      url("assets/mes-hub-background.webp") center 70px / auto 720px no-repeat fixed;
  }
  .v8-hero{grid-template-columns:1fr;min-height:auto;padding-top:72px}
  .v8-hero-copy{max-width:700px}
  .v8-hero-copy::before{right:-12px}
  .mesh-hero-routes{
    justify-self:start;
    width:min(520px,100%);
    margin:0 0 8px;
  }
}
@media(max-width:680px){
  body::before{
    background:
      linear-gradient(180deg,rgba(1,4,7,.40),rgba(1,4,7,.68)),
      url("assets/mes-hub-background.webp") 50% 74px / auto 640px no-repeat fixed;
  }
  .v8-hero-copy{padding:24px 0}
  .v8-hero-copy::before{inset:-12px;border-radius:20px}
  .mesh-hero-routes{border-radius:16px}
}


/* ==========================================================================
   V9.7 — BACKGROUND QUALITY PASS
   Keep the MESH artwork on an unfiltered image layer and move all readability
   shading to a separate overlay. Avoid fixed-background resampling in Chrome.
   ========================================================================== */
body{
  background:#020508;
  background-attachment:scroll;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-7;
  pointer-events:none;

  /* Keep the source close to native size at common desktop resolutions. */
  background-image:url("assets/mes-hub-background.webp");
  background-repeat:no-repeat;
  background-position:center 76px;
  background-size:max(100vw,1672px) auto;
  background-attachment:scroll;
  background-color:#020508;

  /* No blur, opacity reduction or blend mode on the artwork itself. */
  opacity:1;
  filter:none;
  background-blend-mode:normal;
}

body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-4;
  pointer-events:none;

  /* Readability lives here instead of being composited into the image layer. */
  background:
    linear-gradient(
      90deg,
      rgba(1,4,7,.70) 0%,
      rgba(1,4,7,.47) 22%,
      rgba(1,4,7,.12) 43%,
      rgba(1,4,7,.08) 61%,
      rgba(1,4,7,.25) 80%,
      rgba(1,4,7,.52) 100%
    ),
    linear-gradient(
      180deg,
      rgba(1,4,7,.04) 76px,
      rgba(1,4,7,.03) 32%,
      rgba(1,4,7,.15) 70%,
      rgba(1,4,7,.42) 100%
    ),
    radial-gradient(
      860px 480px at 50% 10%,
      rgba(35,196,255,.055),
      transparent 72%
    );
  opacity:1;
}

.v9-hull-lines{opacity:.035}
.v9-starlight{display:none}

/* Do not blur the supplied artwork behind the main homepage text. */
.v8-hero-copy::before{
  background:linear-gradient(
    90deg,
    rgba(2,7,11,.86) 0%,
    rgba(2,7,11,.67) 52%,
    rgba(2,7,11,.12) 100%
  );
  backdrop-filter:none;
}

/* Keep floating controls translucent without heavily smearing the artwork. */
.mesh-hero-routes{
  background:linear-gradient(160deg,rgba(4,11,16,.80),rgba(3,8,12,.88));
  backdrop-filter:blur(7px) saturate(112%);
}

.header-shell{
  backdrop-filter:blur(14px) saturate(125%);
}

.v8-quickbar,
.v8-product-card,
.v8-showcase-card,
.v8-reviews,
.v4-card,
.roadmap-card,
.download-card,
.plan-card{
  backdrop-filter:blur(7px) saturate(112%);
}

@media(max-width:900px){
  body::before{
    background-position:center 70px;
    background-size:auto 720px;
    background-attachment:scroll;
  }
}

@media(max-width:680px){
  body::before{
    background-position:center 72px;
    background-size:auto 640px;
  }
}


/* ==========================================================================
   V9.8 — HIGHER QUALITY MESH ASSET
   The background file itself has been replaced with a substantially higher
   quality WebP. Keep it unfiltered and avoid browser fixed-background scaling.
   ========================================================================== */
body::before{
  image-rendering:auto;
  filter:none;
  opacity:1;
  background-attachment:scroll;
}


/* ==========================================================================
   V9.9 — BACKGROUND RECOVERY
   Restore the last verified browser-decodable MESH asset and use a simple,
   reliable rendering path. This removes the broken V9.8 asset from the page.
   ========================================================================== */
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-7;
  pointer-events:none;
  background-color:#020508;
  background-image:url("assets/mes-hub-background.webp");
  background-repeat:no-repeat;
  background-position:center 76px;
  background-size:cover;
  background-attachment:scroll;
  opacity:1;
  filter:none;
  transform:none;
  image-rendering:auto;
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-4;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(1,4,7,.68) 0%,rgba(1,4,7,.42) 24%,rgba(1,4,7,.10) 46%,rgba(1,4,7,.08) 60%,rgba(1,4,7,.26) 80%,rgba(1,4,7,.48) 100%),
    linear-gradient(180deg,rgba(1,4,7,.03) 76px,rgba(1,4,7,.06) 40%,rgba(1,4,7,.40) 100%);
}
@media(max-width:900px){
  body::before{background-position:center 70px;background-size:cover}
}
@media(max-width:680px){
  body::before{background-position:center 72px;background-size:auto 640px}
}


/* ==========================================================================
   V9.10 — HIGH-FIDELITY MESH BACKGROUND
   Loads the optimized 1672x941 artwork reconstructed by nav.js. The tiny
   legacy WebP remains only as the instant fallback while the parts load.
   ========================================================================== */
:root{--mesh-bg-url:url("assets/mes-hub-background.webp")}
body::before{
  background-color:#020508;
  background-image:var(--mesh-bg-url);
  background-repeat:no-repeat;
  background-position:center 76px;
  background-size:max(100vw,1672px) auto;
  background-attachment:scroll;
  background-blend-mode:normal;
  filter:none;
  opacity:1;
  transform:none;
  image-rendering:auto;
}
html.mesh-bg-hq body::before{
  background-image:var(--mesh-bg-url);
  filter:none;
}
body::after{
  background:
    linear-gradient(90deg,rgba(1,4,7,.60) 0%,rgba(1,4,7,.34) 22%,rgba(1,4,7,.06) 44%,rgba(1,4,7,.04) 62%,rgba(1,4,7,.18) 81%,rgba(1,4,7,.40) 100%),
    linear-gradient(180deg,rgba(1,4,7,.02) 76px,rgba(1,4,7,.03) 38%,rgba(1,4,7,.31) 100%);
}
.v9-hull-lines{opacity:.02}
.v9-starlight{display:none}
.v8-hero-copy::before{backdrop-filter:none}
@media(max-width:900px){
  body::before{background-position:center 70px;background-size:auto 720px}
}
@media(max-width:680px){
  body::before{background-position:center 72px;background-size:auto 640px}
}


/* ==========================================================================
   V9.11 — 2X / HIGH-DPI BACKGROUND QUALITY
   Uses a 3344x1882 sharpened WebP for a ~1672 CSS-pixel hero background.
   This avoids browser upscaling on Windows display scaling / high-DPI panels.
   ========================================================================== */
body::before{
  background-image:var(--mesh-bg-url);
  background-size:max(100vw,1672px) auto;
  background-position:center 76px;
  image-rendering:auto;
  filter:none;
  transform:none;
}
html.mesh-bg-hq body::before{
  background-image:var(--mesh-bg-url);
  background-size:max(100vw,1672px) auto;
}