/* VirgoX / Signal — local Suisse trial design proof, 06 November 2026.
   Font binaries supplied by the owner. Replace with licensed webfonts before publishing. */
@font-face{font-family:"Suisse Intl";src:url("./assets/fonts/SuisseIntlTrial-Regular.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Suisse Intl";src:url("./assets/fonts/SuisseIntlTrial-Medium.otf") format("opentype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Suisse Intl";src:url("./assets/fonts/SuisseIntlTrial-RegularIt.otf") format("opentype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Suisse Intl";src:url("./assets/fonts/SuisseIntlTrial-MediumIt.otf") format("opentype");font-weight:500 900;font-style:italic;font-display:swap}
@font-face{font-family:"Suisse Intl";src:url("./assets/fonts/SuisseIntlTrial-Semibold.otf") format("opentype");font-weight:600 900;font-style:normal;font-display:swap}
@font-face{font-family:"Suisse Mono";src:url("./assets/fonts/SuisseIntlMonoTrial-Regular.otf") format("opentype");font-weight:100 900;font-style:normal;font-display:swap}
:root{
  --vx-orange:#ff5a1f;--vx-carbon:#141518;--vx-earth:#713b2b;--vx-concrete:#eef0f2;
  --amber:var(--vx-orange);--amber-deep:#bc3509;--paper:var(--vx-concrete);--paper-2:#f9fafb;
  --ink:var(--vx-carbon);--ink-2:#292c31;--muted:#626870;--line:#d8dce1;--accent-soft:#f5e4de;
  --display-font:"Suisse Intl",Arial,sans-serif;--body-font:"Suisse Intl",Arial,sans-serif;
  --mono-font:"Suisse Mono",Consolas,monospace;--grid-line:rgba(36,42,51,.045);
  --vx-glass:rgba(255,255,255,.68);--vx-border:rgba(255,255,255,.8);
  --max:1320px;
}
html{background:var(--vx-concrete);scroll-padding-top:100px}
body{background:var(--vx-concrete);font-family:var(--body-font);font-weight:400;-webkit-font-smoothing:antialiased}
button,input,textarea,select{font-family:var(--body-font)}
h1,h2,h3,h4{font-family:var(--display-font)!important;font-weight:500;letter-spacing:-.045em!important}
h2{line-height:1.04}
strong,b{font-weight:600}
p{line-height:1.6}
::selection{background:var(--vx-orange);color:var(--vx-carbon)}
.paper-section,.dark-section{background-color:var(--vx-concrete);background-image:none}
.eyebrow,.mono-label{font-family:var(--mono-font);font-weight:400!important;letter-spacing:.045em}
.eyebrow{font-size:.66rem;line-height:1.5;text-transform:uppercase;color:var(--vx-earth)}
.section{padding-block:clamp(80px,9vw,140px)}
.section-intro h2{font-weight:500!important}
main>[id]{scroll-margin-top:100px}
:is(.button-primary,.nav-cta,.mobile-sticky-cta){border:1px solid transparent;background:var(--vx-orange);color:var(--vx-carbon);border-radius:9px;font-weight:500;box-shadow:0 3px 10px #713b2b0d;transition:background .2s,transform .2s,box-shadow .2s}
:is(.button-primary,.nav-cta):hover{background:#ed4b10;color:#141518;transform:translateY(-2px);box-shadow:0 8px 20px #713b2b20}
:is(.button-secondary,.arrow-link){font-weight:500}
:is(button,a,input,textarea,select):focus-visible{outline:2px solid #b6390e;outline-offset:4px}
/* Glass is reserved for navigation and layered content; text retains a solid contrast floor. */
.site-nav{top:14px;left:24px;right:24px;width:auto;border:1px solid #ffffffc4;border-radius:14px;background:rgba(242,244,246,.82);color:var(--ink);box-shadow:0 8px 40px #14151808;backdrop-filter:blur(22px) saturate(120%);-webkit-backdrop-filter:blur(22px) saturate(120%)}
.site-nav::after{display:none}
.site-nav .nav-inner{height:72px;width:100%;max-width:1480px;padding-inline:22px}
.site-nav.is-scrolled{background:rgba(243,245,247,.86);border-color:#ffffffba;box-shadow:0 10px 34px #14151812;border-radius:14px}
.site-nav .nav-links a{font-family:var(--body-font);font-size:.77rem;letter-spacing:-.01em;text-transform:none;color:#4d535a;gap:5px;font-weight:400}
.nav-links a>span{font-family:var(--mono-font);font-size:.51rem;color:#8d9299;align-self:flex-start;margin-top:11px}
.site-nav .nav-cta{min-height:43px;font-size:.8rem;padding-inline:20px}
.logo-wordmark img{object-fit:cover}
.site-nav>.scroll-meter{height:1px;opacity:.6}
.nav-menu-toggle{border-radius:8px;background:#ffffff8c;border-color:#d7dbe0}
/* An editorial concrete hero paired with a live, atmospheric signal field. */
#top.hero{position:relative;isolation:isolate;min-height:860px;padding:162px clamp(24px,5vw,84px) 76px;background:linear-gradient(90deg,#d9dde245 1px,transparent 1px),linear-gradient(#d9dde245 1px,transparent 1px),var(--vx-concrete);background-size:calc((100vw - 48px)/12) 100%,100% 88px}
#top.hero::before{display:none}
#top.hero::after{content:"";position:absolute;bottom:0;left:24px;right:24px;height:1px;background:#d0d5dc;display:block}
.hero-signal-field{display:none}
#top .hero-grid{position:relative;z-index:1;width:100%;max-width:1450px;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:center;gap:clamp(44px,5.4vw,88px);margin-inline:auto}
#top .hero-copy{max-width:760px}
#top .hero-copy .eyebrow{display:flex;align-items:center;gap:10px;color:#6a4a40;width:fit-content;max-width:100%;margin:0 0 30px;padding:0;border:0;background:none;box-shadow:none;border-radius:0;font-size:.61rem}
#top .hero-copy .eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--vx-orange);box-shadow:0 0 0 4px #ff5a1f12;flex-shrink:0}
#top .hero-copy h1{max-width:760px;font-size:clamp(2.8rem,4.25vw,4.6rem);line-height:1.015;font-weight:400;letter-spacing:-.057em!important;margin:0 0 28px;text-wrap:pretty}
#top .hero-copy h1>span{display:block;margin:0}
#top .hero-copy h1>span:first-child{color:#777d84}
#top .hero-copy h1>span+span{margin-top:0}
#top .hero-word-highlight{padding:0;color:var(--vx-carbon)}
#top .hero-pencil-circle{padding:0;color:#bd3a13;white-space:nowrap}
#top :is(.hero-word-highlight,.hero-pencil-circle)::before,#top .hero-pencil-circle::after{display:none}
#top .hero-subhead{max-width:520px;color:#626870;font-size:1rem;line-height:1.65;margin:0 0 28px}
#top .hero-actions{align-items:flex-start;gap:22px;display:flex;flex-direction:column;margin:0}
#top .button-primary{min-height:54px;padding:0 24px;gap:26px;font-size:.9rem;border-radius:9px;background:var(--vx-orange);color:var(--vx-carbon);font-weight:500;box-shadow:0 3px 14px #713b2b13}
#top .button-primary:hover{background:#ed4b10;color:var(--vx-carbon)}
#top .hero-live-proof{display:flex;flex-wrap:wrap;gap:6px;margin:0;color:#777d84;font-size:.66rem;font-family:var(--body-font);font-weight:400}
#top .hero-live-proof strong{color:#3c4249;font-weight:500;font-size:inherit}
#top .hero-live-proof strong::after{display:none}
#top .proof-status{width:5px;height:5px;align-self:center;background:var(--vx-orange);box-shadow:none;animation:none}
#top .agent-stack{gap:0;margin-top:32px;padding-top:18px;border-top:1px solid #d2d7dd;display:flex;flex-wrap:wrap}
#top .agent-stack span{border:0;padding:0 12px;color:#777d84;line-height:1.8;background:none;font:400 .61rem var(--mono-font)}
#top .agent-stack span:first-child{padding-left:0}
#top .agent-stack span+span{border-left:1px solid #c8cdd4}
#top .hero-media{position:relative;isolation:isolate;min-width:0;min-height:660px;padding:100px 24px 62px;display:flex;align-items:center;justify-content:center;align-self:stretch}
#top .hero-media::before,#top .hero-media::after{display:none}
.signal-sculpture{position:absolute;z-index:-1;inset:0;overflow:hidden;border-radius:22px;background:radial-gradient(ellipse at 50% 30%,#42281f,transparent 65%),var(--vx-carbon);border:1px solid #292c31}
.signal-sculpture::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,#141518b3);pointer-events:none}
.signal-sculpture canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.8}
.signal-coordinate,.signal-caption{position:absolute;z-index:1;color:#b5b1af;font:400 .52rem var(--mono-font);letter-spacing:.07em}
.signal-coordinate{top:26px;left:24px}
.signal-caption{bottom:25px;left:24px;display:flex;align-items:center;gap:8px}
.signal-caption i{display:block;width:5px;height:5px;border-radius:50%;background:var(--vx-orange);box-shadow:0 0 12px #ff5a1f}
#top .hero-media .live-system-preview{width:100%;max-width:540px;min-height:510px;transform:none;border:1px solid #ffffffb3;border-radius:16px;background:rgba(245,247,249,.9);padding:18px;box-shadow:0 28px 70px #0005,inset 0 1px #fff;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
#top .live-system-preview::before,#top .live-system-preview::after{display:none}
#top .live-widget-head{border:0;background:none;padding:0 0 14px}
#top .live-widget-head>div strong{font-family:var(--body-font);font-size:1rem;font-weight:500;letter-spacing:-.025em;text-transform:none}
#top .live-widget-head>div span{font-size:.65rem;color:#6c7179;font-family:var(--body-font);text-transform:none}
#top :is(.status-dot,.live-window-bar>span i){background:var(--vx-orange);box-shadow:0 0 0 4px #ff5a1f12}
#top .live-system-preview .live-window-bar{background:transparent;border:0;padding:14px 0 9px}
#top .live-system-preview .live-window-bar>span{font-size:.55rem;font-weight:400}
#top .live-system-preview .live-window-bar strong{color:#8f3f23;font-weight:500;font-size:.6rem;background:#ff5a1f12;border:0;border-radius:5px}
#top .live-progress{height:2px;background:#d6dbe1}
#top .live-progress>span{background:var(--vx-orange)}
#top .journey-node>b{border-radius:50%;font-weight:400;background:#e2e6eb;border-color:transparent}
#top .journey-node small{font-weight:400;font-size:.52rem}
#top .live-system-preview .live-event-line{background:#ffffff8c;border:1px solid #ffffffbf;border-radius:8px;color:#5e646c;font-size:.64rem;line-height:1.5}
#top .live-event-line>i{background:transparent;color:#b43c13;border:0;box-shadow:none}
#top .live-scene{border-radius:10px;background:rgba(255,255,255,.45);border:1px solid #ffffff82}
#top .live-scene .scene-context{background:transparent;border-bottom:1px solid #dce0e4}
#top .live-scene .scene-context strong{font-size:.61rem;font-weight:500}
#top .live-scene .scene-context span{font-size:.53rem;color:#737980}
#top .live-system-preview :is(.caller-card,.voice-agent-card,.live-ticket,.live-document,.crm-lead-card){box-shadow:none;border-color:#dce0e5;border-radius:10px}
#top .voice-agent-card{background:#e6e9ed}
#top .journey-node>b{color:#717780}
#top .live-completion-bar{background:transparent;border-top:1px solid #d3d8df;color:#5e646c;font-family:var(--body-font);font-size:.62rem;font-weight:400}
#top .live-completion-bar strong{font-family:var(--mono-font);font-weight:400;color:#8d3e23}
/* Video theatre: an intentional carbon transition, without changing the player. */
#vsl.vsl-section{background:var(--vx-carbon);padding:84px 24px;overflow:hidden;border:0}
#vsl .vsl-inner{max-width:1140px}
#vsl .vsl-aurora{opacity:.5}
#vsl .video-frame{border:1px solid #ffffff2b;border-radius:18px;background:#1c1d20;box-shadow:0 25px 90px #0004;overflow:hidden}
#vsl .video-frame::before,#vsl .video-frame::after{display:none}
#vsl mux-player{--media-accent-color:var(--vx-orange);--media-primary-color:#eef0f2}
.trust-bar{background:#e7eaee;border-bottom:1px solid #d4d9e0;border-top:0;padding-block:32px}
.trust-bar .trust-intro{color:#717780;font:400 .59rem var(--mono-font);letter-spacing:.07em}
.trust-badge-item>img{mix-blend-mode:multiply}
.site-grid-signals{opacity:.3}
.agent-rail{display:none!important}
.scroll-nudge{background:#f4f6f8ee;border:1px solid #fff;border-radius:14px;box-shadow:0 12px 36px #14151816;backdrop-filter:blur(20px)}
.scroll-nudge strong{font-weight:500}
/* The closing contact surface uses the same carbon and frosted material system. */
#contact.footer{--ink:#eef0f2;--ink-2:#d9dee5;--muted:#a4abb4;background-color:var(--vx-carbon);background-size:96px 96px;color:#eef0f2}
#contact.footer::before{width:64px;height:2px;left:clamp(24px,6vw,92px)}
#contact :is(h2,h3){color:#eef0f2;font-weight:400}
#contact .footer-contact-details>h2,#contact .footer-form-head h2{line-height:1.05;letter-spacing:-.045em!important}
#contact .footer-contact-grid{border-color:#ffffff1a}
#contact .footer-contact-details{border-color:#ffffff1a}
#contact .footer-message-panel{background:linear-gradient(140deg,#ffffff09,#ffffff02);border:0}
#contact :is(.footer-section-label,.footer-nav-label){color:#9ca3ad!important;font-weight:400;letter-spacing:.06em}
#contact .footer-form input,#contact .footer-form textarea{background:#ffffff05;border:1px solid #ffffff26;border-radius:9px;color:#eef0f2}
#contact .footer-form :is(input,textarea):focus{border-color:var(--vx-orange)}
#contact .footer-form :is(input,textarea)::placeholder{color:#9299a3}
#contact .footer-form .button-primary{color:#141518;background:var(--vx-orange);border:0;box-shadow:none;border-radius:9px}
#contact .footer-map-shell{border-radius:12px;overflow:hidden;border:1px solid #ffffff24;box-shadow:none}
#contact .footer-map-head{background:#ffffff06}
#contact .footer-navigation{background:transparent;border-color:#ffffff1a}
#contact .footer-logo-wordmark img{object-fit:cover}
#contact .footer-outro-cta{background:#ffffff08;border:1px solid #ffffff24;border-radius:8px;box-shadow:none;color:#eef0f2}
#contact .fine-print{background:transparent;border-top:1px solid #ffffff1a;color:#989fa9}
.mobile-sticky-cta{color:#141518!important;border-radius:10px}
/* Legal pages use the same typography and neutral foundation. */
.legal-document{background:var(--vx-concrete)}
.legal-document :is(.legal-nav,.legal-hero,.legal-panel,.legal-rail){background-color:var(--vx-concrete)}
.legal-document .legal-logo img{object-fit:cover}
@supports not (backdrop-filter:blur(1px)){
  .site-nav,.site-nav.is-scrolled{background:#eef0f2}
  #top .hero-media .live-system-preview{background:#f3f5f7}
}
@media(min-width:1800px){#top .hero-copy h1{font-size:4.8rem}}
@media(max-width:1180px){
  #top.hero{padding-top:144px;min-height:800px}
  #top .hero-grid{gap:32px;grid-template-columns:minmax(0,1fr) minmax(0,.95fr)}
  #top .hero-copy h1{font-size:clamp(2.7rem,4.5vw,3.5rem)}
  #top .hero-media{padding-inline:16px;min-height:620px}
  #top .hero-media .live-system-preview{padding:14px}
  .site-nav .nav-menu{background:#f1f3f5f5;border:1px solid #fff;border-radius:12px;backdrop-filter:blur(24px);box-shadow:0 16px 50px #14151816}
}
@media(max-width:900px){
  #top.hero{padding:142px 28px 64px}
  #top .hero-grid{grid-template-columns:1fr;gap:48px;max-width:680px}
  #top .hero-copy h1{font-size:clamp(3rem,6.9vw,4.5rem);max-width:660px}
  #top .hero-subhead{max-width:560px}
  #top .hero-media{width:100%;min-height:660px;padding:100px 40px 60px}
  #top .hero-copy .eyebrow{margin-bottom:24px}
  #top .hero-actions{gap:18px}
  #vsl.vsl-section{padding:60px 24px}
}
@media(max-width:560px){
  :root{--nav-height:70px}
  .site-nav{top:10px;left:12px;right:12px;border-radius:12px}
  .site-nav .nav-inner{height:62px;padding:0 10px;gap:8px}
  .site-nav .nav-cta{padding-inline:13px;font-size:.73rem;min-height:40px}
  .site-nav .logo-wordmark{width:104px;flex-basis:104px}
  .site-nav .nav-menu-toggle{width:38px;height:38px;flex-basis:38px}
  .site-nav .nav-links a{font-size:.73rem;min-height:54px}
  #top.hero{padding:123px 22px 48px;background-size:25% 100%,100% 72px}
  #top .hero-grid{gap:38px}
  #top .hero-copy h1{font-size:clamp(2.5rem,9.3vw,3.3rem);line-height:1.045;margin-bottom:24px;letter-spacing:-.05em!important}
  #top .hero-copy .eyebrow{font-size:.53rem;letter-spacing:.015em;gap:7px;line-height:1.6}
  #top .hero-subhead{font-size:.92rem;line-height:1.65;margin-bottom:24px}
  #top .button-primary{width:100%;padding-inline:18px;font-size:.82rem;justify-content:space-between;gap:10px}
  #top .hero-live-proof{font-size:.6rem;gap:4px}
  #top .agent-stack{margin-top:24px;gap:7px 0;padding-top:15px}
  #top .agent-stack span{font-size:.52rem;padding-inline:9px}
  #top .hero-media{min-height:610px;padding:84px 12px 52px;margin:0}
  #top .hero-media .live-system-preview{padding:12px;min-height:470px;margin:0;border-radius:12px;box-shadow:0 14px 30px #0003}
  .signal-sculpture{border-radius:16px}
  .signal-coordinate{font-size:.43rem;top:22px;left:18px}
  .signal-caption{font-size:.48rem;bottom:22px;left:18px}
  #top .live-system-preview .live-window-bar strong{font-size:.5rem}
  #top .live-system-preview .live-event-line{font-size:.57rem}
  #vsl.vsl-section{padding:36px 16px}
  #vsl .video-frame{border-radius:10px}
  .trust-bar{padding-block:24px}
  .section{padding-block:72px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .reveal-section,.reveal-stack>*{opacity:1!important;transform:none!important}
}
/* Rich hero art direction. The pencil marks are part of the VirgoX identity. */
#top.hero{
  color:#f6f7f8;
  background:radial-gradient(ellipse at 9% -24%,#ff7a29 0%,#c64510 19%,#713b2b80 39%,transparent 61%),
    radial-gradient(ellipse at 100% 115%,#ff6a1c 0%,#a83c14 18%,#713b2b66 33%,transparent 56%),#151619;
}
.hero-atmosphere{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}
.hero-atmosphere>span{position:absolute;width:65%;height:28%;border-radius:50%;filter:blur(70px);opacity:.35;transform:rotate(-12deg);background:#ff6a18;animation:vxLightDrift 16s ease-in-out infinite alternate}
.hero-atmosphere>span:first-child{top:-22%;left:20%}
.hero-atmosphere>span:last-child{right:-20%;bottom:-17%;animation-delay:-8s;background:#ff4310}
.hero-contours{position:absolute;z-index:0;inset:0;width:100%;height:100%;pointer-events:none;stroke:#f0e7e2;stroke-width:.8;opacity:.25}
#top.hero::after{background:#ffffff24}
#top .hero-copy .eyebrow{color:#e5c3b2}
#top .hero-copy h1{font-weight:500;color:#f8f9fa}
#top .hero-copy h1>span:first-child{color:#eee9e5}
#top .hero-copy h1>span:first-child{font-size:.79em;font-weight:400;line-height:1.12;margin-bottom:.15em}
#top .hero-copy h1>span:nth-child(2){font-size:1em;font-weight:500;line-height:1.04}
#top .hero-copy h1>span:nth-child(3){font-size:.83em;font-weight:400;line-height:1.12;margin-top:.18em}
#top .hero-word-highlight{color:#151619;padding:0 .06em;z-index:0}
#top .hero-word-highlight::before{display:block;bottom:.04em;height:.83em;left:-.035em;right:-.035em;background:#ff671f;opacity:1;transform:rotate(-2deg) skewX(-5deg) scaleX(1);border-radius:5px 2px 6px 2px;animation:heroMarkerSwipe .76s .18s both}
#top .hero-pencil-circle{color:#ff8a4c;padding-inline:.09em;z-index:0;font-weight:500;font-style:italic}
#top .hero-pencil-circle::before{display:block;inset:-.055em -.12em -.07em -.1em;border:2px solid #ff7a35;border-radius:50%;opacity:1;transform:rotate(-3deg) scaleX(1);animation:heroCircleDraw .72s .56s both}
#top .hero-pencil-circle::after{display:block;inset:-.01em -.15em -.11em -.06em;border-top:1px solid #ffb08a;border-bottom:1px solid #ff7a35;opacity:.8;transform:rotate(2deg) scaleX(1);animation:heroCircleDrawSecondary .64s .72s both}
#top .hero-subhead{color:#c1bdbb}
#top .hero-subhead strong{color:#f3e7e0;font-weight:500}
#top .hero-live-proof{color:#a9a6a6;text-transform:none}
#top .hero-live-proof strong{color:#e4dfdc}
#top .agent-stack{border-color:#ffffff24}
#top .agent-stack span{color:#bfbab7;text-transform:none}
#top .agent-stack span+span{border-color:#ffffff25}
#top .button-primary{background:#ff681f;color:#151619;border:1px solid #ff985c;font-weight:500;box-shadow:0 0 32px #ff5a1f21,inset 0 1px #ffffff50}
#top .button-primary:hover{background:#ff8747;color:#151619;box-shadow:0 8px 40px #ff5a1f40}
#top .hero-media{padding:96px 20px 56px}
.signal-sculpture{background:radial-gradient(ellipse at 50% 0%,#a7452166,transparent 55%),linear-gradient(145deg,#ffffff08,#ffffff00 70%);border:1px solid #ffffff24;box-shadow:inset 0 1px #ffffff12,0 30px 100px #0002;backdrop-filter:blur(10px)}
.signal-sculpture::after{background:linear-gradient(180deg,transparent 60%,#15161930)}
.signal-coordinate,.signal-caption{color:#dfc1b2}
#top .hero-media .live-system-preview{background:rgba(238,237,236,.86);border-color:#ffffffa8;box-shadow:0 30px 70px #0005,inset 0 1px #fff;backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}
.site-nav:not(.is-scrolled){background:rgba(38,29,25,.4);border-color:#ffffff2e;box-shadow:0 8px 40px #0001}
.site-nav:not(.is-scrolled) .nav-links a{color:#eee5df}
.site-nav:not(.is-scrolled) .nav-links a>span{color:#cfaa96}
.site-nav:not(.is-scrolled) .logo-wordmark img{filter:brightness(0) invert(1)}
.site-nav:not(.is-scrolled) .nav-menu-toggle{background:#ffffff12;border-color:#ffffff35}
.site-nav:not(.is-scrolled) .nav-menu-toggle span{background:#eee5df}
@keyframes vxLightDrift{from{transform:translate3d(-2%,0,0) rotate(-12deg)}to{transform:translate3d(8%,18%,0) rotate(-8deg)}}
@media(max-width:1180px){.site-nav:not(.is-scrolled) .nav-menu{background:#25201df5;border-color:#ffffff24}.site-nav.is-scrolled .nav-menu{background:#f1f3f5f5}}
@media(max-width:900px){
  #top .hero-copy{display:block;order:0;text-align:left}
  #top .hero-media{order:1;padding:90px 32px 56px}
  #top .hero-grid{display:grid;grid-template-columns:minmax(0,1fr)}
  #top .hero-copy h1{max-width:100%;font-size:clamp(2.8rem,7vw,4.5rem)}
}
@media(max-width:560px){
  #top.hero{background:radial-gradient(ellipse at -20% -6%,#f86c23 0%,#a33b18 20%,transparent 49%),radial-gradient(ellipse at 110% 105%,#a1401b 0%,transparent 45%),#151619}
  #top .hero-copy{display:block}
  #top .hero-copy h1{font-size:clamp(2.35rem,9vw,3.25rem);line-height:1.12;margin-bottom:26px;text-align:left}
  #top .hero-copy .eyebrow{font-size:.52rem;line-height:1.65;margin-bottom:26px}
  #top .hero-subhead{font-size:.93rem}
  #top .hero-media{padding:84px 12px 52px}
  .hero-contours{opacity:.13;min-width:800px}
}
@media(prefers-reduced-motion:reduce){.hero-atmosphere>span{animation:none}.hero-atmosphere{opacity:.8}}
/* Sculptural liquid glass: a clear rim, internal refraction, and reflected orange light. */
.liquid-orbit{position:absolute;z-index:2;top:-14px;right:-22px;width:158px;height:158px;pointer-events:none;transform:perspective(700px) rotateX(54deg) rotateY(-18deg) rotateZ(-20deg);transform-style:preserve-3d;animation:vxGlassOrbit 11s ease-in-out infinite alternate}
.liquid-orbit>i,.liquid-orbit>b{position:absolute;inset:0;display:block;border-radius:50%;border:1px solid #ffffffb0;box-shadow:inset 3px 4px 7px #fff8,inset -6px -8px 12px #ff6a1f55,0 12px 24px #0005,0 0 24px #ff5a1f10;background:conic-gradient(from 30deg,#ffffff05,#ffffff75 9%,#ffffff08 17%,#fff3 36%,#ff8b4655 51%,#ffffff08 65%,#fff9 80%,#ffffff08 91%);-webkit-mask:radial-gradient(transparent 42%,#000 43%);mask:radial-gradient(transparent 42%,#000 43%);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.liquid-orbit>b{transform:translateZ(-13px);opacity:.5;filter:blur(1px)}
.liquid-status{position:absolute;z-index:3;bottom:20px;right:-22px;display:flex;align-items:center;gap:12px;padding:14px 18px;border:1px solid #ffffff67;border-radius:16px;background:linear-gradient(125deg,#ffffff33,#ffffff09);box-shadow:inset 0 1px 1px #ffffff75,inset 0 -1px 2px #ffffff25,0 16px 36px #0003;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);color:#e4d8d1;font-size:.7rem;line-height:1.5;animation:vxGlassFloat 7s ease-in-out infinite alternate;pointer-events:none}
.liquid-status strong{color:#fff;font-weight:500;font-size:.95rem;letter-spacing:-.025em}
.liquid-status-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#ffffff55,#ffffff09);border:1px solid #ffffff50;box-shadow:inset 0 1px #fff7;font-size:1.4rem;color:#ffc4a2}
.liquid-status>i{width:5px;height:5px;border-radius:50%;background:#ff9f60;box-shadow:0 0 12px #ff751f;margin-left:12px}
#top .hero-media .live-system-preview{transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s}
@media(hover:hover) and (prefers-reduced-motion:no-preference){#top .hero-media:hover .live-system-preview{transform:perspective(1400px) rotateY(-2deg) rotateX(1deg) translateY(-4px);box-shadow:4px 38px 85px #0006,inset 0 1px #fff}}
@keyframes vxGlassOrbit{from{transform:perspective(700px) rotateX(54deg) rotateY(-18deg) rotateZ(-20deg) translateY(0)}to{transform:perspective(700px) rotateX(42deg) rotateY(12deg) rotateZ(16deg) translateY(-10px)}}
@keyframes vxGlassFloat{from{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-10px) rotate(1deg)}}
:is(#client-voices,#components,#ownership,.build-close) h2 em{font-weight:400;font-style:italic;color:var(--vx-earth)}
#ownership h2 em{color:#ff9a6f}
#client-voices h2 em{display:inline}
@media(max-width:900px){.liquid-orbit{right:-7px;top:-12px;width:130px;height:130px}.liquid-status{right:-8px;bottom:16px}}
@media(max-width:560px){.liquid-orbit{width:108px;height:108px;right:-5px;top:0}.liquid-status{right:-5px;bottom:18px;padding:10px 13px;gap:9px}.liquid-status-icon{width:29px;height:29px}.liquid-status strong{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.liquid-orbit,.liquid-status{animation:none}}
@media(prefers-reduced-transparency:reduce){.liquid-status{background:#2e2420;backdrop-filter:none}.site-nav:not(.is-scrolled){background:#25201d}}