/* VUXORA MEDIA — HERO / HEADER
   Standalone, scoped styling. All classes begin with vx-.
   Swap the original site's header/hero with the vx-site-header node.
*/
/* Uses local sans-serif fallback; no network resources required. */


.vx-site-header, .vx-site-header * { box-sizing: border-box; }
html { scroll-behavior: smooth; }

.vx-site-header button, .vx-site-header a { -webkit-tap-highlight-color: transparent; }
.vx-site-header button { font: inherit; }

.vx-site-header {
  --vx-text: #f8faff;
  --vx-muted: #dce4f4;
  --vx-subtext: #a1aece;
  --vx-canvas: #020c22;
  --vx-orange: #ff6519;
  --vx-topline: rgba(184,210,255,.16);
  --vx-hover: rgba(255,255,255,.08);
  --vx-panel: #091933;
  --vx-mouse-x: 0px;
  --vx-mouse-y: 0px;
  --vx-scroll-y: 0px;
  position: relative;
  isolation: isolate;
  width: 100%;
  min-height: 100svh;
  overflow: clip;
  background: radial-gradient(ellipse at 81% 19%, #042964 0%, transparent 40%),
              radial-gradient(ellipse at 44% 60%, #071639 0%, transparent 56%),
              linear-gradient(115deg, #01091b 0%, #030e27 62%, #071d48 100%);
  color: var(--vx-text);
  font-family: 'Inter', 'Arial', system-ui, sans-serif;
  transition: background-color .35s ease, color .35s ease;
}
.vx-site-header[data-theme="light"] {
  --vx-text: #06112e;
  --vx-muted: #56678f;
  --vx-subtext: #66779b;
  --vx-canvas: #f8fbff;
  --vx-topline: rgba(65,89,147,.14);
  --vx-hover: rgba(13,39,90,.055);
  --vx-panel: #f4f8ff;
  background: radial-gradient(ellipse at 65% 34%, #ecf5ff 0%, transparent 45%),
              radial-gradient(ellipse at 23% 68%, #fbfdff 0%, transparent 58%),
              linear-gradient(112deg, #fff 5%, #f4f9ff 70%, #f3f8ff 100%);
}
/* A single original full-bleed liquid-light animation replaces the older glass image.
   There is no top border, mask, or second background picture. */
.vx-site-header::before { display: none; }
.vx-flow-canvas {
  position: absolute; inset: 0; display: block;
  width: 100%; height: 100%; z-index: 0;
  pointer-events: none; opacity: 1;
  mix-blend-mode: normal;
}
/* No static ribbon image in either light or dark theme. */
.vx-abstract { display: none !important; }
.vx-topnav {
  position: relative; z-index: 5;
  display: grid;
  grid-template-columns: minmax(175px, 340px) minmax(0,1fr) auto;
  align-items: start;
  width: 100%;
  padding: 28px clamp(26px, 5.1vw, 100px) 0;
  column-gap: 22px;
}
.vx-logo { display: inline-flex; width: 165px; height: 111px; align-items: flex-start; }
.vx-logo img { width: 165px; height: 107px; object-fit: contain; }
.vx-logo .vx-logo-light { display: none; }
.vx-site-header[data-theme="light"] .vx-logo .vx-logo-light { display: block; }
.vx-site-header[data-theme="light"] .vx-logo .vx-logo-dark { display: none; }
.vx-primary-links { display: flex; align-items: center; gap: clamp(20px, 2.65vw, 49px); height: 74px; white-space: nowrap; }
.vx-primary-links > a, .vx-nav-dropdown > button {
  display: inline-flex; align-items: center; gap: 7px;
  color: var(--vx-text); text-decoration: none;
  padding: 12px 0; background: none; border: 0; cursor: pointer;
  font-size: 15.5px; font-weight: 700; line-height: 1.2;
  letter-spacing: -.02em;
}
.vx-primary-links > a:hover, .vx-nav-dropdown > button:hover { color: var(--vx-orange); }
.vx-primary-links > a.vx-active { color: var(--vx-orange); }
.vx-nav-dropdown { position: relative; }
.vx-nav-dropdown > button svg { transition: transform .2s ease; }
.vx-nav-dropdown[aria-expanded="true"] > button svg { transform: rotate(180deg); }
/* Wide navy mega menu, styled to match the supplied reference in BOTH themes. */
.vx-nav-dropdown { position: relative; }
.vx-drop-panel {
  position: absolute;
  display: block;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translate(-35%, -7px);
  top: calc(100% + 18px);
  left: 50%;
  width: 628px;
  padding: 25px 27px 25px;
  color: #f9fbff;
  background: #091433;
  border: 1px solid rgba(153,180,244,.18);
  border-radius: 9px;
  box-shadow: 0 24px 55px rgba(0, 4, 20, .38);
  transition: opacity .19s ease, transform .19s ease, visibility .19s ease;
  white-space: normal;
  cursor: default;
  z-index: 20;
}
/* Invisible bridge prevents the panel closing when moving from trigger to mega menu. */
.vx-drop-panel::before { content: ''; position: absolute; left: 0; right: 0; height: 21px; bottom: 100%; }
.vx-nav-dropdown[aria-expanded="true"] .vx-drop-panel,
.vx-nav-dropdown:hover .vx-drop-panel,
.vx-nav-dropdown:focus-within .vx-drop-panel {
  visibility: visible;
  opacity: 1;
  transform: translate(-35%, 0);
  pointer-events: auto;
}
.vx-mega-top { display: flex; flex-direction: column; gap: 10px; }
.vx-mega-kicker { color: #ff721b; font-size: 12px; font-weight: 850; letter-spacing: .14em; line-height: 1.1; }
.vx-mega-headline { font-size: 22px; font-weight: 800; line-height: 1.16; letter-spacing: -.045em; }
.vx-mega-separator { width: 100%; height: 1px; background: rgba(167,189,234,.18); margin: 22px 0 12px; }
.vx-mega-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); column-gap: 14px; row-gap: 0; }
.vx-mega-service { display: grid; grid-template-columns: 23px minmax(0,1fr) 13px; align-items: center; gap: 4px; min-height: 49px; padding: 10px 6px; text-decoration: none; color: #fcfdff; border-radius: 5px; transition: background .18s ease, transform .18s ease; }
.vx-service-number { color: #ff721b; font-size: 11px; font-weight: 800; letter-spacing: .01em; }
.vx-service-label { font-size: 12px; font-weight: 750; line-height: 1.35; letter-spacing: -.035em; }
.vx-service-arrow { justify-self: end; font-size: 15px; font-weight: 800; line-height: 1; transition: transform .2s ease; }
.vx-mega-service:hover,.vx-mega-service:focus-visible { background: rgba(255,255,255,.075); }
.vx-mega-service:hover .vx-service-arrow { transform: translate(2px,-2px); color: #ff721b; }
.vx-nav-actions { display: flex; align-items: center; gap: 20px; height: 75px; }
.vx-language { display: inline-flex; gap: 0; align-items: center; white-space: nowrap; }
.vx-language button { border: none; padding: 10px 2px; background: none; color: var(--vx-subtext); cursor: pointer; font-size: 15px; font-weight: 750; }
.vx-language button[aria-pressed="true"] { color: var(--vx-orange); }
.vx-language span { padding: 0 3px; color: var(--vx-subtext); font-size: 14px; }
.vx-theme-btn { width: 58px; height: 58px; flex: 0 0 58px; display: inline-grid; place-items: center; border-radius: 50%; border: 1px solid var(--vx-topline); color: var(--vx-text); background: rgba(30,76,150,.055); cursor: pointer; }
.vx-theme-btn:hover { background: var(--vx-hover); }
.vx-theme-btn .vx-sun { display: block; }
.vx-theme-btn .vx-moon { display: none; }
.vx-site-header[data-theme="light"] .vx-theme-btn .vx-sun { display: none; }
.vx-site-header[data-theme="light"] .vx-theme-btn .vx-moon { display: block; }
.vx-primary-cta { display: inline-flex; align-items: center; justify-content: center; gap: 13px; border: none; border-radius: 999px; background: linear-gradient(115deg,#ff5a12,#ff7517); color: #fff; text-decoration: none; font-weight: 750; letter-spacing: -.028em; font-size: 15.8px; padding: 0 30px; height: 61px; white-space: nowrap; box-shadow: none; transition: transform .18s ease, box-shadow .18s ease; }
.vx-primary-cta:hover { transform: translateY(-2px); box-shadow: 0 12px 35px rgba(255,100,20,.24); }
.vx-primary-cta svg { flex: 0 0 auto; }
/* Reference-matched main menu. Navigation stays visible at desktop sizes. */
.vx-primary-links { justify-content: flex-start; }
.vx-topnav .vx-primary-cta { box-shadow: 0 4px 12px rgba(255, 91, 20, .06); }
.vx-primary-links > a, .vx-nav-dropdown > button { transition: color .2s ease; }
.vx-menu-btn { display:none; }
.vx-close-icon { display:none; }
.vx-menu-btn[aria-expanded="true"] .vx-hamburger { display:none; }
.vx-menu-btn[aria-expanded="true"] .vx-close-icon { display:block; }


.vx-hero-content {
  position: relative; z-index: 2;
  padding: clamp(63px, 11.45vh, 108px) clamp(26px, 5.1vw, 100px) 54px;
}
.vx-eyebrow {
  font-size: clamp(10px,.9vw,14px);
  font-weight: 750; letter-spacing: .205em; line-height: 1.5;
  color: var(--vx-muted); text-transform: uppercase; margin: 0 0 23px;
}
.vx-hero-title { font-size: clamp(61px, 6.65vw, 110px); line-height: .945; letter-spacing: -.076em; margin: 0; font-weight: 900; max-width: 1170px; }
.vx-line-one { font-weight: 620; letter-spacing: -.07em; }
.vx-line-two { font-weight: 900; letter-spacing: -.084em; }
.vx-line-three { font-weight: 820; letter-spacing: -.07em; }
.vx-hero-title .vx-line { display:block; width:max-content; max-width:100%; }
.vx-hero-title .vx-orange-line { margin-top: .07em; color: var(--vx-orange); font-size:.81em; letter-spacing: -.067em; line-height: 1.05; white-space: nowrap; }
.vx-line-one, .vx-line-two, .vx-line-three { text-wrap: balance; }
.vx-hero-description {
  margin: 22px 0 25px;
  max-width: 596px;
  color: var(--vx-muted);
  font-size: clamp(17px, 1.25vw, 21px);
  line-height: 1.62; font-weight: 400; letter-spacing: -.018em;
}
.vx-hero-ctas { display:flex; align-items:center; gap: 39px; }
.vx-hero-ctas .vx-primary-cta { height: 62px; padding: 0 33px; }
.vx-secondary-cta { display: inline-flex; align-items: center; gap: 11px; text-decoration: none; color: var(--vx-text); font-size: 17px; font-weight: 750; letter-spacing: -.038em; white-space: nowrap; }
.vx-secondary-cta span { border-bottom: 1.5px solid currentColor; padding-bottom: 7px; }
.vx-secondary-cta:hover { color: var(--vx-orange); }
.vx-scroll-cue { display: flex; align-items:center; gap: 11px; width: max-content; text-decoration: none; font-size: 15px; color: var(--vx-subtext); margin-top: clamp(32px, 6.25vh, 68px); }
.vx-scroll-cue svg { animation: vx-down 2s ease-in-out infinite; }
.vx-site-header a:focus-visible,.vx-site-header button:focus-visible { outline: 3px solid #ff9d5d; outline-offset:4px; }

@keyframes vx-down { 0%,100% { transform:translateY(0); } 50% { transform:translateY(5px); } }

@media (min-width: 1600px) {
  .vx-site-header { min-height: 100svh; }
  .vx-hero-content { padding-top: 99px; }
  .vx-hero-title { font-size: 108px; }
  .vx-hero-description { font-size: 21px; }
}
@media (max-width: 1470px) {
  .vx-topnav { grid-template-columns: minmax(150px,265px) minmax(0,1fr) auto; }
  .vx-primary-links { gap: clamp(15px,1.75vw,30px); }
  .vx-nav-actions { gap: 12px; }
  .vx-primary-cta { padding: 0 23px; }
  .vx-primary-links > a,.vx-nav-dropdown > button { font-size: 14.5px; }
  .vx-theme-btn { width: 50px; height: 50px; flex-basis:50px; }
  .vx-hero-title { font-size: clamp(61px,6.5vw,100px); }
}
@media (min-width: 961px) and (max-width: 1160px) {
  .vx-topnav { grid-template-columns: 150px minmax(0,1fr) auto; grid-template-rows: 70px 49px; padding-top:14px; }
  .vx-logo { grid-column:1; grid-row:1 / 3; height:90px; width:138px; }
  .vx-logo img { width:138px; height:90px; }
  .vx-nav-actions { grid-column:3; grid-row:1; justify-self:end; height:62px; }
  .vx-primary-links { grid-column:2 / 4; grid-row:2; align-self:start; justify-self:center; height:48px; gap:clamp(20px,3vw,41px); }
  .vx-primary-links > a,.vx-nav-dropdown > button { font-size:15px; }
  .vx-hero-content { padding-top:75px; }
}
@media (max-width: 960px) {
  .vx-topnav { grid-template-columns: auto 1fr auto; align-items:center; padding-top: 16px; }
  .vx-logo { height: 85px; width: 138px; }
  .vx-logo img { width: 138px; height: 85px; }
  .vx-primary-links { position: absolute; top: 101px; z-index:20; left: 4vw; right:4vw; display:none; height:auto; background:var(--vx-panel); border:1px solid var(--vx-topline); border-radius:18px; flex-direction:column; align-items:stretch; padding:14px 18px; gap:0; box-shadow:0 24px 48px rgba(0,0,0,.16); }
  .vx-primary-links.is-open { display:flex; }
  .vx-primary-links > a,.vx-nav-dropdown > button { padding:14px 6px; font-size: 16px; width:100%; }
  .vx-drop-panel { position:relative; top:auto; left:auto; transform:none; visibility:visible; opacity:1; pointer-events:auto; display:none; box-shadow:none; width:100%; min-width:0; background:#091433; border-color:rgba(167,189,234,.15); margin: 1px 0 12px; padding:18px 14px 16px; }
  .vx-drop-panel::before { display:none; }
  .vx-nav-dropdown[aria-expanded="true"] .vx-drop-panel { display:block; transform:none; }
  .vx-nav-dropdown:hover .vx-drop-panel,.vx-nav-dropdown:focus-within .vx-drop-panel { transform:none; }
  .vx-mega-headline { font-size:19px; }
  .vx-mega-grid { grid-template-columns:1fr; }
  .vx-mega-service { min-height:41px; }
  .vx-primary-links { max-height:calc(100svh - 115px); overflow-y:auto; }

  .vx-nav-actions { justify-self: end; }
  .vx-menu-btn { display:inline-grid; place-items:center; width:48px; height:48px; color:var(--vx-text); border:1px solid var(--vx-topline); border-radius:50%; background:transparent; cursor:pointer; }
  .vx-primary-links.is-open { display:flex; }
  .vx-hero-content { padding-top: 92px; }
}
@media (max-width: 820px) {
  .vx-site-header { min-height: 810px; }
  .vx-topnav { padding: 12px 25px 0; }
  .vx-nav-actions > .vx-primary-cta { display:none; }
  .vx-language button { font-size:14px; }
  .vx-hero-content { padding: 106px 30px 52px; }
  .vx-hero-title { font-size: clamp(52px, 8.15vw, 80px); }
  .vx-hero-title .vx-orange-line { font-size: .75em; }
  .vx-hero-description { max-width:540px; font-size: 19px; }
}
@media (max-width: 570px) {
  .vx-site-header { min-height: 100svh; }
  .vx-topnav { padding: 12px 20px 0; }
  .vx-logo,.vx-logo img { width: 119px; height:78px; }
  .vx-nav-actions { gap:9px; height:60px; }
  .vx-theme-btn { width:40px; height:40px; flex-basis:40px; }
  .vx-theme-btn svg { width:21px; }
  .vx-menu-btn { width:40px; height:40px; }
  .vx-hero-content { padding: 88px 23px 45px; }
  .vx-eyebrow { font-size:10px; letter-spacing:.13em; margin-bottom:23px; }
  .vx-hero-title { font-size: clamp(48px, 11.55vw, 64px); line-height:.99; letter-spacing:-.075em; }
  .vx-hero-title .vx-orange-line { font-size:.82em; line-height:1.05; white-space:normal; max-width: 100%; }
  .vx-hero-description { max-width:450px; margin:20px 0 27px; font-size: 16.5px; line-height:1.55; }
  .vx-hero-ctas { gap:20px; align-items:flex-start; flex-wrap:wrap; }
  .vx-hero-ctas .vx-primary-cta { height:54px; padding:0 22px; font-size:14px; }
  .vx-secondary-cta { font-size:14px; min-height:52px; }
  .vx-scroll-cue { font-size:13px; margin-top: 65px; }
  .vx-primary-links { top:94px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  .vx-site-header * { transition-duration:0.01ms !important; }
}

@media (max-width: 960px) {
  .vx-nav-dropdown:not([aria-expanded="true"]) .vx-drop-panel { display:none !important; }
}
@media (max-width: 430px) {
  .vx-mega-headline { font-size: 17px; }
  .vx-mega-separator { margin: 16px 0 7px; }
  .vx-service-label { font-size: 12px; }
}


/* V7 | Original and interactive luminous-silk background. */
.vx-site-header { background:#010619; }
.vx-site-header[data-theme="light"] { background:linear-gradient(125deg,#fff,#fffcf9 55%,#fff8f2); }
.vx-flow-canvas { position:absolute;inset:0;width:100%;height:100%;z-index:0;display:block;pointer-events:none; }
.vx-flow-canvas.vx-no-webgl {opacity:0;}
.vx-hero-content {z-index:2;}
.vx-topnav {z-index:5;}
.vx-hero-title .vx-line-one {font-weight:350;letter-spacing:-.069em;}
.vx-hero-title .vx-line-two {font-weight:900;}
.vx-hero-title .vx-line-three {font-weight:760;}

/* Floating MacBook Pro illustration, articulated around its physical hinge. */
.vx-scroll-stage { position:relative; height:170svh; background:#010619; }
.vx-scroll-stage:has([data-theme="light"]) {background:#fffdfb;}
.vx-scroll-stage .vx-site-header {position:sticky;top:0;min-height:100svh;}
.vx-hero-content {width:58%;padding-right:0;}
.vx-hero-title {font-size:clamp(54px,5.7vw,91px);}
.vx-hero-title .vx-orange-line {font-size:.66em;}
.vx-hero-description {max-width:520px;padding-right:25px;}
.vx-laptop-scene {position:absolute;z-index:1;right:3%;top:27%;width:43%;height:63%;perspective:1400px;pointer-events:none;--vx-lid:-32deg;--vx-turn:-12deg;}
.vx-laptop-float {position:absolute;inset:0;transform-style:preserve-3d;animation:vx-laptop-hover 7s ease-in-out infinite;}
.vx-macbook {position:absolute;left:4%;top:54%;width:92%;aspect-ratio:1.52;transform-style:preserve-3d;transform:rotateX(63deg) rotateZ(var(--vx-turn));}
.vx-mac-base {position:absolute;inset:0;border-radius:10px 10px 20px 20px;background:linear-gradient(135deg,#b5b8be,#666c76 35%,#b7bbc1 75%,#7c828b);border:1px solid #d0d3d8;box-shadow:inset 0 0 0 2px #777e89;transform-style:preserve-3d;}
.vx-mac-front {position:absolute;left:0;right:0;bottom:0;height:10px;transform-origin:bottom;transform:rotateX(-90deg);background:linear-gradient(#adb2bb,#525a65);border-radius:0 0 13px 13px;}
.vx-mac-front:after {content:'';position:absolute;left:40%;width:20%;height:4px;top:0;background:#4a505a;border-radius:0 0 8px 8px;}
.vx-mac-keyboard {position:absolute;left:11%;right:11%;top:9%;height:47%;padding:6px;display:grid;grid-template-columns:repeat(14,1fr);grid-template-rows:repeat(5,1fr);gap:3px;background:#282c33;border:1px solid #575e69;border-radius:5px;box-shadow:0 1px 1px #e0e3e6;}
.vx-mac-key {background:linear-gradient(#292d34,#12151a);border-radius:2px;box-shadow:0 1px 0 #656b74;display:grid;place-items:center;color:#aeb5bf;font:5px Arial;}
.vx-mac-key.space {grid-column:5 / 11;}
.vx-mac-speaker {position:absolute;top:10%;height:43%;width:6%;background:radial-gradient(#343942 .65px,transparent .9px) 0 0/3px 3px;opacity:.8;}
.vx-mac-speaker.left {left:3%;}.vx-mac-speaker.right {right:3%;}
.vx-mac-trackpad {position:absolute;left:31%;width:38%;top:63%;height:28%;border:1px solid #555e6c;background:linear-gradient(130deg,#9299a3,#a4a9b1);border-radius:6px;box-shadow:0 1px 0 #ced2d7;}
.vx-mac-hinge {position:absolute;left:9%;right:9%;top:0;height:6px;background:#15191f;border-radius:4px;transform:translateZ(2px);}
.vx-mac-lid {position:absolute;bottom:100%;left:0;width:100%;height:103%;transform-origin:50% 100%;transform:rotateX(var(--vx-lid));transform-style:preserve-3d;}
.vx-mac-display {position:absolute;inset:0;background:#101217;border:2px solid #a1a7b0;border-radius:14px 14px 6px 6px;padding:9px 9px 15px;backface-visibility:hidden;box-shadow:0 0 0 1px #333b48;}
.vx-mac-display:after {content:'MacBook Pro';position:absolute;bottom:3px;left:0;right:0;text-align:center;font:5px Arial;letter-spacing:.4px;color:#a2a8b2;}
.vx-mac-screen {position:relative;overflow:hidden;width:100%;height:100%;border-radius:7px 7px 2px 2px;background:radial-gradient(ellipse at 88% 65%,#7b3428 0,transparent 40%),linear-gradient(125deg,#061127,#142f58);color:white;padding:7% 7%;}
.vx-mac-notch {position:absolute;top:0;left:43%;width:14%;height:7px;border-radius:0 0 4px 4px;background:#101217;}
.vx-mac-notch:after {content:'';position:absolute;left:50%;top:2px;width:2px;height:2px;background:#3c5266;border-radius:50%;}
.vx-screen-brand {font:bold clamp(6px,.72vw,13px) Arial;letter-spacing:2px;}
.vx-screen-brand b {color:#ff6b25;font-size:1.5em;margin-right:5px;}
.vx-screen-nav {float:right;font:5px Arial;color:#c4cfdf;margin-top:5px;letter-spacing:1px;}
.vx-screen-kicker {font:5px Arial;letter-spacing:2px;color:#b3c2da;margin-top:12%;}
.vx-screen-heading {font:800 clamp(13px,2.1vw,36px)/1.05 Arial;letter-spacing:-1px;margin-top:4%;}
.vx-screen-heading span {color:#ff7b36;}
.vx-screen-rule {width:35%;height:4px;background:#90a0b6;opacity:.35;margin-top:7%;box-shadow:0 8px 0 #90a0b6;}
.vx-screen-button {width:27%;height:8%;border-radius:20px;background:#ff6b25;margin-top:8%;}
.vx-screen-orbit {position:absolute;right:-13%;top:33%;width:55%;aspect-ratio:1;border:1px solid #ff9c68;border-radius:50%;box-shadow:0 0 0 12px #ff8a3810,0 0 0 26px #ff8a3810,0 0 0 45px #ff8a3809;transform:rotate(-35deg) scaleX(.65);}
.vx-mac-back {position:absolute;inset:0;backface-visibility:hidden;transform:rotateY(180deg) translateZ(3px);border-radius:14px 14px 6px 6px;background:linear-gradient(130deg,#a0a6ae,#4a525e);border:1px solid #c2c7ce;display:grid;place-items:center;}
.vx-mac-back svg {width:12%;fill:#1e242d;}
.vx-laptop-shadow {position:absolute;left:18%;right:3%;bottom:2%;height:9%;border-radius:50%;background:radial-gradient(ellipse,#0007,transparent 70%);transform:rotate(-10deg);}
[data-theme="light"] .vx-laptop-shadow {opacity:.35;}
@keyframes vx-laptop-hover {0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@media(min-width:1600px){.vx-hero-title{font-size:91px}}
@media(max-width:1100px) and (min-width:821px){.vx-hero-title{font-size:60px}.vx-hero-description{font-size:17px}.vx-hero-ctas{gap:18px}.vx-secondary-cta{font-size:14px}.vx-laptop-scene{right:1%;width:43%;top:34%;height:52%;}}
@media(max-width:820px){.vx-scroll-stage{height:190svh}.vx-scroll-stage .vx-site-header{min-height:100svh}.vx-hero-content{width:100%;padding-top:35px;padding-bottom:300px}.vx-hero-title{font-size:clamp(48px,8vw,66px)}.vx-hero-title .vx-orange-line{font-size:.72em}.vx-hero-description{font-size:16px;max-width:560px}.vx-scroll-cue{margin-top:22px}.vx-laptop-scene{width:60%;right:12%;height:280px;top:auto;bottom:24px}.vx-screen-heading{font-size:clamp(16px,3vw,26px)}.vx-laptop-scene .vx-screen-brand{font-size:8px}}
@media(max-width:480px){.vx-hero-content{padding-top:28px;padding-bottom:240px}.vx-hero-title{font-size:48px}.vx-hero-description{font-size:15px;margin:15px 0 18px}.vx-hero-ctas{gap:12px}.vx-laptop-scene{width:78%;right:9%;height:240px;bottom:6px}.vx-scroll-cue{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.vx-laptop-float{animation:none}.vx-scroll-stage{height:auto}.vx-scroll-stage .vx-site-header{position:relative}.vx-laptop-scene{--vx-lid:-95deg;--vx-turn:-8deg;}}


/* Three scroll poses, followed by the page moving within the screen. */
.vx-scroll-stage {height:240svh;}
.vx-laptop-scene {top:18%;height:58%;width:36%;right:9%;--vx-lid:-155deg;--vx-turn:22deg;--vx-yaw:18deg;--vx-pitch:58deg;}
.vx-macbook {top:44%;transform:translateY(var(--vx-rise,-65px)) rotateX(var(--vx-pitch)) rotateY(var(--vx-yaw)) rotateZ(var(--vx-turn));}
.vx-laptop-float {animation:none;}
.vx-mac-lid {will-change:transform;}
.vx-mac-screen {padding:0;background:#eee;}
.vx-screen-page {display:block;width:100%;height:auto;max-width:none;transform:translate3d(0,var(--vx-page-y,0px),0);will-change:transform;}
.vx-mac-display {padding:8px 8px 14px;}
@media(max-width:820px){.vx-scroll-stage{height:250svh}.vx-laptop-scene{top:auto;bottom:40px;height:280px;width:60%;right:12%}.vx-hero-content{padding-bottom:320px}}
@media(max-width:480px){.vx-laptop-scene{bottom:20px;height:240px;width:78%;right:9%}.vx-hero-content{padding-bottom:270px}}
@media(prefers-reduced-motion:reduce){.vx-scroll-stage{height:auto}.vx-laptop-scene{--vx-lid:-65deg;--vx-turn:0deg;--vx-yaw:0deg;--vx-pitch:65deg;--vx-rise:0px;}}


/* Balanced spacing and compositor-only floating motion. */
.vx-laptop-scene{top:23%;width:32%;right:15%;}
.vx-laptop-float{animation:vx-laptop-hover 6s ease-in-out infinite;will-change:transform;}
.vx-laptop-shadow{animation:vx-shadow-breathe 6s ease-in-out infinite;}
@keyframes vx-shadow-breathe{0%,100%{opacity:.55;transform:scale(1) rotate(-8deg)}50%{opacity:.32;transform:scale(.9) rotate(-8deg)}}
@media(min-width:1600px){.vx-laptop-scene{width:30%;right:16%;}}
@media(min-width:821px) and (max-width:1100px){.vx-laptop-scene{width:35%;right:9%;top:28%;}.vx-hero-title{font-size:clamp(45px,5.4vw,60px)}.vx-hero-title .vx-orange-line{font-size:.61em}.vx-hero-content{width:57%}.vx-hero-ctas{flex-wrap:wrap;gap:10px 20px}}
@media(max-width:820px){.vx-laptop-scene{top:auto;bottom:26px;right:20%;width:60%;height:270px}.vx-hero-content{padding:22px 25px 310px;width:100%}.vx-hero-title{font-size:clamp(38px,7vw,58px)}.vx-hero-description{font-size:15px;margin:16px 0 19px;max-width:540px}.vx-scroll-cue{margin-top:18px}}
@media(max-width:480px){.vx-laptop-scene{width:70%;right:17%;height:220px;bottom:12px}.vx-hero-content{padding:15px 20px 250px}.vx-hero-title{font-size:clamp(35px,10vw,46px)}.vx-eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:16px}.vx-hero-description{font-size:14px;padding-right:0;line-height:1.5}.vx-hero-ctas{gap:10px}.vx-hero-ctas .vx-primary-cta{font-size:12px;height:45px;padding:0 17px}.vx-secondary-cta{font-size:12px;min-height:45px}.vx-scroll-cue{font-size:11px;margin-top:14px}.vx-nav-actions{gap:5px}.vx-logo,.vx-logo img{width:100px}}
@media(max-height:600px) and (min-width:821px){.vx-hero-content{padding-top:25px;padding-bottom:20px}.vx-hero-title{font-size:50px}.vx-hero-description{font-size:15px;margin:14px 0}.vx-scroll-cue{margin-top:18px}.vx-laptop-scene{top:20%;width:30%;right:15%}}
@media(prefers-reduced-motion:reduce){.vx-laptop-float,.vx-laptop-shadow{animation:none;will-change:auto}}

@media(max-height:600px) and (min-width:600px){
.vx-topnav{padding-top:6px;align-items:center}.vx-logo,.vx-logo img{height:62px;width:105px}.vx-nav-actions{height:62px}.vx-topnav{min-height:74px}
.vx-hero-content{padding-top:7px;padding-bottom:14px;width:56%}.vx-eyebrow{font-size:8px;margin-bottom:12px}.vx-hero-title{font-size:38px}.vx-hero-title .vx-orange-line{font-size:.65em}.vx-hero-description{font-size:12px;line-height:1.4;margin:10px 0;max-width:370px}.vx-hero-ctas .vx-primary-cta{height:37px;font-size:11px;padding:0 15px}.vx-secondary-cta{font-size:11px;min-height:37px}.vx-scroll-cue{font-size:10px;margin-top:10px}.vx-laptop-scene{top:29%;height:60%;width:30%;right:13%;bottom:auto}.vx-macbook{transform:translateY(calc(var(--vx-rise,-65px) * .35)) rotateX(var(--vx-pitch)) rotateY(var(--vx-yaw)) rotateZ(var(--vx-turn))}
}

/* Vuxora — signature light-trace introduction */
.vx-preloader{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:#010619;pointer-events:none;animation:vx-loader-safety .4s 4.6s forwards;transition:opacity .55s ease,visibility .55s;}
html[data-vx-intro-theme="light"] .vx-preloader{background:#fffdfb;}
.vx-preloader.is-leaving{opacity:0;visibility:hidden;}
.vx-preloader svg{width:86px;height:52px;overflow:visible;}
.vx-loader-outline{fill:none;stroke:#ff791f;stroke-width:1;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:vx-trace 1.2s cubic-bezier(.4,0,.2,1) .1s forwards;}
.vx-loader-fill{opacity:0;animation:vx-fill .6s ease 1.1s forwards;}
.vx-loader-spark{fill:none;stroke:#ffe2b2;stroke-width:1.6;stroke-linecap:round;stroke-dasharray:.018 .982;stroke-dashoffset:1;filter:drop-shadow(0 0 3px #ff761b);animation:vx-spark 1.2s cubic-bezier(.4,0,.2,1) .1s both;}
.vx-loader-right{animation-delay:.24s;}
.vx-loader-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
@keyframes vx-trace{to{stroke-dashoffset:0;}}
@keyframes vx-spark{0%{stroke-dashoffset:1;opacity:0;}8%{opacity:1;}90%{opacity:1;}100%{stroke-dashoffset:0;opacity:0;}}
@keyframes vx-fill{to{opacity:1;}}
@keyframes vx-loader-safety{to{opacity:0;visibility:hidden;}}
@keyframes vx-enter{from{opacity:0;translate:0 16px;}to{opacity:1;translate:0 0;}}
.vx-intro-wait{opacity:0;}
.vx-intro-enter{animation:vx-enter .8s cubic-bezier(.22,1,.36,1) var(--vx-entry-delay,0ms) both;}
@media(prefers-reduced-motion:reduce){.vx-preloader{display:none;}.vx-intro-wait{opacity:1;}.vx-intro-enter{animation:none;}}


.vx-site-header a{ text-decoration:none }
.vx-site-header .vx-hero-content{max-width:none;margin:0}
html.nx-paused .vx-laptop-float,html.nx-paused .vx-laptop-shadow{animation-play-state:paused}


/* V8 intro tuning: 3 logo cycles and longer reveal */
.vx-preloader{animation:vx-loader-safety .35s 3.32s forwards!important}
.vx-loader-outline{animation:vx-trace .95s cubic-bezier(.4,0,.2,1) 0s 3 both!important}
.vx-loader-spark{animation:vx-spark .95s cubic-bezier(.4,0,.2,1) 0s 3 both!important}
.vx-loader-right{animation-delay:.12s!important}
.vx-loader-fill{opacity:0;animation:vx-fill-pulse .95s ease 0s 3 both!important}
@keyframes vx-fill-pulse{0%,18%{opacity:0}38%,72%{opacity:1}100%{opacity:0}}

.lp-mega-all{display:inline-block;color:#ff792f!important;font-weight:800;font-size:13px;text-decoration:none;margin-top:14px}.lp-mega-all:hover{text-decoration:underline}