/* VEX Cars Features 1.0.0 — all selectors are scoped to this page's vxf-* classes. */
.vxf-section {
  --vxf-bg:#070b10; --vxf-surface:#0d131d; --vxf-line:#1d2a3b;
  --vxf-text:#f3f6fa; --vxf-muted:#a5b2c3; --vxf-faint:#8c9cb0;
  --vxf-blue:#55afff; --vxf-accent:#2592ff;
  position:relative; padding:0!important; margin:0!important;
  background:var(--vxf-bg); color:var(--vxf-text); isolation:isolate;
  font-family:inherit; text-align:left; line-height:1.6;
}
.vxf-section *, .vxf-section *::before, .vxf-section *::after { box-sizing:border-box; }
.vxf-section h1,.vxf-section h2,.vxf-section h3,.vxf-section strong { color:var(--vxf-text); font-family:inherit; }
.vxf-section h1,.vxf-section h2,.vxf-section h3 { text-transform:none; }
.vxf-section h1,.vxf-section h2 { font-weight:650; letter-spacing:-.053em; line-height:1.07; }
.vxf-section h2 { font-size:clamp(36px,4vw,54px); margin:0 0 20px; }
.vxf-section h2 span { color:#a4b2c6; }
.vxf-section p { margin:0 0 20px; color:var(--vxf-muted); }
.vxf-section a { color:inherit; text-decoration:none; }
.vxf-section button { font-family:inherit; }
.vxf-section a:focus-visible,.vxf-section button:focus-visible,.vxf-section summary:focus-visible {
  outline:2px solid #82caff; outline-offset:5px;
}
.vxf-section [hidden] { display:none!important; }
.vxf-section [id^="vxf-"] { scroll-margin-top:130px; }
.vxf-section .section-content { position:relative; z-index:1; }
.vxf-section .row.vxf-wrap { width:100%; max-width:1280px!important; margin:0 auto!important; padding:0 28px; }
.vxf-section .vxf-wrap>.col { padding:0; min-width:0; }
.vxf-section .vxf-wrap>.col>.col-inner { width:100%; }
.vxf-section .text { margin:0; }
.vxf-section .text>:last-child { margin-bottom:0; }
.vxf-section .vxf-kicker { color:#84c7ff; font-size:10px; letter-spacing:.18em; font-weight:700; margin:0 0 20px; line-height:1.6; text-transform:uppercase; }
.vxf-icon { display:inline-block; width:24px; height:24px; flex:none; vertical-align:middle; }
/* First screen */
.vxf-hero { overflow:hidden; background:radial-gradient(ellipse at 80% 39%,#11263c 0,transparent 48%),#070b10; }
.vxf-hero::before { content:""; position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.28; background-image:linear-gradient(#1c2a3e 1px,transparent 1px),linear-gradient(90deg,#1c2a3e 1px,transparent 1px); background-size:88px 88px; mask-image:radial-gradient(ellipse at 75% 42%,#000,transparent 66%); }
.vxf-section .vxf-hero-row { display:grid!important; grid-template-columns:.94fr 1.1fr; align-items:center; gap:26px; padding-top:64px!important; padding-bottom:40px!important; min-height:710px; }
.vxf-section .vxf-hero-row>.col { max-width:none!important; width:auto; flex-basis:auto!important; }
.vxf-section .vxf-eyebrow { display:inline-flex; align-items:center; gap:11px; padding:8px 13px; border:1px solid #273342; border-radius:99px; color:#c0ccda; font-size:10px; font-weight:650; letter-spacing:.15em; background:#0f151db3; margin-bottom:26px; }
.vxf-status-dot,.vxf-mini-dot { display:inline-block; width:6px; height:6px; border-radius:50%; background:#59e6b1; flex:none; box-shadow:0 0 14px #3ce4a54d; }
.vxf-section .vxf-title { font-size:clamp(50px,5.05vw,72px); line-height:1.005; margin:0 0 30px; }
.vxf-section .vxf-title span { color:#aec6e7; background:linear-gradient(105deg,#e5f2ff 5%,#7aa7d6 92%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.vxf-section .vxf-hero-intro { color:#e3e9f1; font-size:17px; font-weight:500; letter-spacing:-.015em; margin-bottom:12px; }
.vxf-section .vxf-lead { font-size:16px; line-height:1.75; max-width:440px; margin-bottom:27px!important; }
.vxf-section .vxf-button { display:inline-flex; justify-content:center; align-items:center; min-height:46px; padding:11px 23px!important; margin:0 8px 10px 0!important; border-radius:99px!important; font-size:12px!important; line-height:1.5!important; font-weight:650; text-transform:none!important; letter-spacing:.015em; box-shadow:none; transition:background .2s,border-color .2s,transform .2s; }
.vxf-section .vxf-button--primary { color:#fff!important; background:#1375d6!important; border:1px solid #5ab1ff!important; box-shadow:0 8px 28px #007fff20; }
.vxf-section .vxf-button--primary:hover { background:#0e62b6!important; transform:translateY(-2px); }
.vxf-section .vxf-button--secondary { color:#e4ecf8!important; background:transparent!important; border:1px solid #3d4a5b!important; }
.vxf-section .vxf-button--secondary:hover { background:#182436!important; border-color:#799aba!important; }
.vxf-section .vxf-hero-note { font-size:10px; letter-spacing:.025em; margin-top:8px!important; color:#a6b4c6; }
.vxf-section .row.vxf-value-strip { padding-bottom:35px; }
.vxf-value-items { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #273448; padding-top:23px; gap:24px; }
.vxf-value-items span { font-size:12px; color:#c7d2df; text-align:center; letter-spacing:.01em; }
.vxf-value-items span+span { border-left:1px solid #243248; }
/* Orbit: the product stays readable; only the illustration moves. */
.vxf-orbit { position:relative; width:100%; max-width:610px; margin:0 auto; aspect-ratio:1/1; perspective:1100px; --vxf-rx:0deg; --vxf-ry:0deg; --vxf-parallax:0px; }
.vxf-orbit-aura { position:absolute; inset:10%; pointer-events:none; border-radius:50%; background:radial-gradient(ellipse,#238af42c,transparent 69%); }
.vxf-orbit-plane { position:absolute; inset:0; transform-style:preserve-3d; transform:translateY(var(--vxf-parallax)) rotateX(var(--vxf-rx)) rotateY(var(--vxf-ry)); }
.vxf-wheel { position:absolute; inset:0; width:100%; height:100%; }
.vxf-core { position:absolute; left:50%; top:50%; width:28%; aspect-ratio:1; border:1px solid #466587; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; background:radial-gradient(ellipse at 50% 20%,#203854,#0c1727 85%); box-shadow:0 20px 70px #0008,inset 0 1px 2px #ffffff14; transform:translate(-50%,-50%) translateZ(18px); }
.vxf-core img { width:76%; height:auto; display:block; margin:0 0 8px; }
.vxf-core span { color:#adc3da; font-size:7px; font-weight:600; letter-spacing:.09em; }
.vxf-core i { position:absolute; bottom:24px; width:5px; height:5px; border-radius:50%; background:#6fbfff; box-shadow:0 0 16px #6fbfff; }
.vxf-orbit-node { display:flex; align-items:center; gap:9px; position:absolute; z-index:2; width:174px; padding:15px 12px; background:linear-gradient(135deg,#1c2c41,#0c1624); border:1px solid #38506a; border-radius:13px; box-shadow:0 13px 35px #0005,inset 0 1px 0 #ffffff09; transform:translate(-50%,-50%) translateZ(36px); transition:border-color .2s,box-shadow .2s; }
.vxf-orbit-node:hover { border-color:#74c3ff; box-shadow:0 10px 35px #2787ed26; }
.vxf-orbit-node .vxf-icon { width:27px; height:27px; color:#94cfff; }
.vxf-orbit-node small { display:block; color:#abc0d7; font-size:6.5px; font-weight:700; letter-spacing:.08em; white-space:nowrap; }
.vxf-orbit-node strong { display:block; font-size:10px; font-weight:600; margin-top:3px; white-space:nowrap; }
.vxf-orbit-node--top { left:50%; top:15%; }
.vxf-orbit-node--right { left:81%; top:50%; }
.vxf-orbit-node--bottom { left:50%; top:85%; }
.vxf-orbit-node--left { left:19%; top:50%; }
.vxf-section .vxf-orbit-caption { position:absolute; bottom:-5px; left:0; right:0; text-align:center; color:#a6bad1; font-size:7px; letter-spacing:.16em; margin:0; }
/* Service catalogue */
.vxf-catalog { padding-top:85px!important; padding-bottom:62px!important; background:linear-gradient(#090f17,#070b10); border-top:1px solid #1a2635; }
.vxf-section-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:32px; margin-bottom:32px; }
.vxf-section-heading h2 { margin-bottom:0; }
.vxf-section .vxf-section-heading>p { font-size:13px; line-height:1.85; max-width:320px; margin-bottom:4px; }
.vxf-filterbar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 0 24px; margin-bottom:4px; }
.vxf-filter-buttons { display:flex; flex-wrap:wrap; gap:7px; }
.vxf-section .vxf-filter-buttons button { display:inline-flex; align-items:center; gap:8px; border:1px solid #344256; border-radius:30px; min-height:42px; padding:9px 16px; margin:0; text-transform:none; letter-spacing:0; color:#bdcddd; background:transparent; font-size:11px; line-height:1.5; cursor:pointer; box-shadow:none; transition:background .2s,color .2s; }
.vxf-section .vxf-filter-buttons button:hover { border-color:#5b84a8; color:#fff; }
.vxf-section .vxf-filter-buttons button[aria-pressed="true"] { background:#e3f1ff; border-color:#e3f1ff; color:#092038; }
.vxf-filter-buttons button span { font-size:9px; opacity:.75; }
.vxf-section .vxf-filter-count { font-size:10px; color:#a2b3c8; white-space:nowrap; margin:0; }
.vxf-section .row.vxf-grid { display:grid!important; grid-template-columns:repeat(12,minmax(0,1fr)); gap:18px; }
.vxf-section .vxf-grid>.vxf-service { grid-column:span 4; flex-basis:auto!important; max-width:none!important; width:auto; padding:0; }
.vxf-section .vxf-grid>.vxf-featured { grid-column:span 6; }
.vxf-section .vxf-service>.col-inner { position:relative; padding:22px; height:100%; border:1px solid #253244; background:radial-gradient(ellipse at 75% -20%,#1b304a60,transparent 65%),#0c131e; border-radius:20px; overflow:hidden; display:flex; flex-direction:column; transition:transform .3s,border-color .3s,box-shadow .3s; }
.vxf-section .vxf-service:hover>.col-inner { border-color:#4b7197; transform:translateY(-4px); box-shadow:0 18px 50px #0004; }
.vxf-section .vxf-service>.col-inner>.text:last-child { flex:1; display:flex; }
.vxf-section .vxf-service-copy { width:100%; display:flex; flex-direction:column; }
.vxf-service-top { display:flex; justify-content:space-between; gap:12px; align-items:center; margin-bottom:19px; }
.vxf-product-label { color:#b7d9fa; font-size:9px; letter-spacing:.105em; font-weight:650; }
.vxf-service-index { color:#92a4ba; font-size:9px; letter-spacing:.05em; }
.vxf-section .vxf-service h3 { font-size:25px; font-weight:600; letter-spacing:-.038em; line-height:1.18; margin:22px 0 15px; }
.vxf-section .vxf-featured h3 { font-size:31px; }
.vxf-section .vxf-service-copy>p { font-size:13px; line-height:1.85; margin:0 0 20px; color:#afbdd0; }
.vxf-tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:auto; padding-top:1px; }
.vxf-tags span { color:#b5c7da; font-size:8px; border:1px solid #35465c; border-radius:20px; padding:4px 8px; line-height:1.6; white-space:normal; }
.vxf-section a.vxf-service-link { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:42px; font-size:11px; font-weight:600; margin-top:20px; padding:14px 0 0; border-top:1px solid #243548; color:#d9eafd; }
.vxf-service-link span { color:#86cbff; font-size:20px; line-height:1; transition:transform .2s; }
.vxf-service-link:hover span { transform:translate(2px,-2px); }
.vxf-section .vxf-visual-note { color:#93a6bc; font-size:10px; margin-top:24px!important; max-width:880px; line-height:1.7; }
/* Miniature product illustrations, all real HTML and vector shapes. */
.vxf-art { height:188px; position:relative; overflow:hidden; padding:29px 13px 10px; border:1px solid #22364d; border-radius:13px; background:radial-gradient(ellipse at 55% 120%,#184a7877,transparent 90%),#0a1420; color:#d8e7f7; }
.vxf-featured .vxf-art { height:211px; }
.vxf-art-label { position:absolute; top:10px; left:13px; font-size:6px; letter-spacing:.15em; color:#b5c9df; z-index:1; }
.vxf-art small,.vxf-art strong,.vxf-art span,.vxf-art b,.vxf-art em { font-style:normal; line-height:1.5; }
.vxf-art p { margin:0; }
.vxf-board { border:1px solid #355474; border-radius:9px; margin-top:9px; background:#121e2f; box-shadow:0 12px 30px #0004; padding:12px; }
.vxf-board-head { display:flex; align-items:center; gap:6px; border-bottom:1px solid #294059; padding-bottom:10px; color:#b7cadd; font-size:6px; letter-spacing:.07em; }
.vxf-board-head b { margin-left:auto; color:#d8eafd; font-size:8px; }
.vxf-board-columns { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:12px; }
.vxf-board-columns>div>small { display:block; font-size:5.5px; letter-spacing:.05em; color:#a6bdd4; padding-bottom:7px; }
.vxf-mini-lead { display:flex; align-items:center; gap:6px; padding:9px 6px; border-radius:6px; border:1px solid #375473; background:#182941; }
.vxf-mini-lead--highlight { border-color:#3b826e; background:#122f2d; }
.vxf-avatar { display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; flex:none; font-size:7px; border-radius:50%; color:#a9d8ff; background:#244768; }
.vxf-mini-lead span { font-size:7px; color:#e5f0fb; }
.vxf-mini-lead em { display:block; color:#a8c2d9; font-size:5.5px; }
.vxf-skeleton { height:22px; margin-top:7px; width:84%; border:1px dashed #344962; border-radius:6px; }
.vxf-chat-window { max-width:375px; margin:0 auto; }
.vxf-chat-head { display:flex; align-items:center; gap:8px; font-size:8px; margin-bottom:10px; color:#e4edfa; }
.vxf-chat-head small { display:block; color:#aec7da; font-size:6px; }
.vxf-chat-head>.vxf-mini-dot { margin-left:auto; }
.vxf-chat-avatar { width:27px; height:27px; border-radius:8px; background:#124538; display:flex; align-items:center; justify-content:center; }
.vxf-chat-avatar .vxf-icon { width:16px; color:#7edbc2; }
.vxf-bubble { border-radius:8px; font-size:8px; line-height:1.65; max-width:80%; padding:10px 12px; }
.vxf-bubble--incoming { background:#243448; margin:0 30px 8px 0; }
.vxf-bubble--reply { background:#194638; border:1px solid #396e5c; margin-left:auto; }
.vxf-handoff { display:flex; justify-content:flex-end; align-items:center; gap:4px; font-size:6px; color:#b2ccb9; margin-top:8px; }
.vxf-handoff .vxf-icon { width:12px; height:12px; }
.vxf-market-grid { display:flex; align-items:center; gap:10px; height:100%; }
.vxf-market-listing { width:44%; background:#192d46; border:1px solid #35597c; border-radius:8px; padding:7px; transform:rotate(-4deg); }
.vxf-car-slab { display:flex; align-items:center; justify-content:center; background:linear-gradient(120deg,#2c527a,#152c45); height:70px; border-radius:5px; }
.vxf-car-slab .vxf-icon { width:53px; height:53px; color:#c0ddf9; stroke-width:.9; }
.vxf-market-listing>span:last-of-type { font-size:7px; display:block; margin-top:7px; }
.vxf-market-listing>i { display:block; height:3px; width:65%; background:#4e7398; margin-top:6px; border-radius:4px; }
.vxf-market-arrow { color:#7bbdff; }
.vxf-market-arrow .vxf-icon { width:18px; }
.vxf-market-inquiry { flex:1; }
.vxf-market-inquiry>.vxf-icon { display:block; color:#97cfff; width:22px; height:22px; margin-bottom:8px; }
.vxf-market-inquiry strong { display:block; font-size:8px; margin-bottom:5px; }
.vxf-market-inquiry span { color:#a3bed7; font-size:7px; display:block; }
.vxf-ad-panel { padding-top:6px; }
.vxf-ad-tags { display:flex; gap:6px; align-items:center; }
.vxf-ad-tags span { font-size:7px; padding:3px 7px; border-radius:4px; background:#284160; }
.vxf-ad-tags b { font-size:6px; font-weight:400; color:#afc4dc; margin-left:auto; }
.vxf-signal-chart { width:100%; height:100px; display:block; }
.vxf-ad-bottom { display:flex; justify-content:space-between; gap:6px; font-size:6px; color:#b6d0e8; border-top:1px solid #273d57; padding-top:6px; }
.vxf-video-stack { position:relative; height:100%; }
.vxf-film { position:absolute; top:8px; border-radius:8px; border:1px solid #476c93; width:31%; height:124px; background:linear-gradient(155deg,#345475,#0d192a 95%); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.vxf-film--one { left:10%; transform:rotate(-11deg); }
.vxf-film--two { left:35%; width:34%; top:-1px; height:145px; z-index:2; background:linear-gradient(145deg,#4479a9,#173658 65%,#112437); box-shadow:0 5px 25px #0007; }
.vxf-film--three { right:4%; transform:rotate(10deg); }
.vxf-film .vxf-icon { width:35px; height:35px; color:#d5eaff; }
.vxf-film>span { font-size:5px; letter-spacing:.06em; color:#c9e0f6; margin-top:9px; }
.vxf-film>i { width:28px; height:28px; border-radius:50%; border:1px solid #b6d6f2; display:flex; align-items:center; justify-content:center; }
.vxf-film>i .vxf-icon { width:13px; height:13px; }
.vxf-film>b { margin-top:10px; font-size:11px; letter-spacing:-.025em; font-weight:650; }
.vxf-planner { padding:8px 6px 0; }
.vxf-planner-head { display:flex; align-items:center; justify-content:space-between; gap:4px; margin-bottom:10px; }
.vxf-planner-head b { font-size:8px; }
.vxf-planner-head span { font-size:6px; color:#b4c9de; }
.vxf-calendar { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:4px; text-align:center; }
.vxf-calendar>span { font-size:6px; color:#afc1d5; margin-bottom:1px; }
.vxf-calendar>i { height:31px; display:flex; align-items:center; justify-content:center; border-radius:4px; border:1px solid #2b425b; background:#101e30; font-size:5px; color:#d3e9ff; font-style:normal; }
.vxf-calendar>i.vxf-cal-active { background:#23496d; border-color:#46799f; }
.vxf-planner-foot { display:flex; gap:10px; margin-top:9px; font-size:6px; color:#bcd4ed; }
.vxf-status-preview { display:flex; align-items:center; justify-content:center; height:100%; gap:23px; }
.vxf-status-phone { width:85px; height:150px; padding:7px; border:1px solid #45796c; border-radius:13px; background:linear-gradient(135deg,#275648,#0a1c1c); transform:rotate(-5deg); text-align:center; box-shadow:0 10px 20px #0004; }
.vxf-story-bars { display:flex; gap:3px; }
.vxf-story-bars i { height:2px; background:#bfe4d5; flex:1; border-radius:1px; }
.vxf-status-phone small { display:block; font-size:4px; letter-spacing:.04em; margin-top:8px; }
.vxf-status-phone>.vxf-icon { width:42px; height:42px; color:#cbe9df; margin:10px 0 2px; }
.vxf-status-phone b { display:block; font-size:8px; }
.vxf-status-phone>span { display:block; font-size:4px; margin-top:8px; color:#a9d5c5; }
.vxf-status-note { max-width:140px; }
.vxf-status-note>.vxf-ring-icon { display:flex; align-items:center; justify-content:center; width:30px; height:30px; border:1px dashed #80ccab; border-radius:50%; margin-bottom:9px; }
.vxf-status-note .vxf-icon { width:17px; height:17px; color:#a0dfc6; }
.vxf-status-note strong { display:block; font-size:8px; margin-bottom:7px; }
.vxf-status-note>span:last-child { display:block; color:#abcbbf; font-size:7px; }
.vxf-inventory-preview { padding:7px 2px; }
.vxf-inventory-source { display:flex; align-items:center; justify-content:space-between; gap:4px; padding-bottom:10px; font-size:5px; color:#bed7ef; letter-spacing:.045em; }
.vxf-inventory-source>.vxf-icon { width:18px; height:18px; color:#8bcbff; }
.vxf-stock-row { display:flex; align-items:center; gap:9px; border:1px solid #2e4a67; background:#14263b; border-radius:7px; padding:10px 9px; margin-bottom:7px; }
.vxf-stock-row>.vxf-icon { width:23px; color:#a8d5fa; }
.vxf-stock-row>span { font-size:8px; }
.vxf-stock-row small { display:block; font-size:5px; color:#a9c3db; }
.vxf-stock-row>b { margin-left:auto; font-size:6px; font-weight:500; color:#a1e0c2; }
/* Connected workflow and editorial sections */
.vxf-workflow { padding:78px 0 82px!important; border-top:1px solid #243245; border-bottom:1px solid #243245; overflow:hidden; background:radial-gradient(ellipse at 50% 50%,#12304d66,transparent 75%),#080e17; }
.vxf-section .vxf-flow-intro { font-size:13px; max-width:600px; }
.vxf-flow-art { height:100px; margin-top:0; transform:translateY(var(--vxf-flow-shift,0px)); }
.vxf-flow-art svg { display:block; width:100%; height:100%; overflow:visible; }
.vxf-flow-active { stroke-dasharray:1; stroke-dashoffset:var(--vxf-flow-offset,0); }
.vxf-flow-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; margin-top:5px; }
.vxf-flow-steps>div>span { color:#82bdf1; font-size:8px; font-weight:650; letter-spacing:.1em; }
.vxf-section .vxf-flow-steps h3 { font-size:16px; font-weight:600; letter-spacing:-.025em; margin:13px 0 10px; }
.vxf-section .vxf-flow-steps p { font-size:12px; line-height:1.75; }
.vxf-manager { padding:95px 0 75px!important; }
.vxf-section.vxf-manager>.section-content>.vxf-wrap,.vxf-section.vxf-faq>.section-content>.vxf-wrap { gap:40px; }
.vxf-section.vxf-manager .row.vxf-wrap,.vxf-section.vxf-faq .row.vxf-wrap { display:grid!important; grid-template-columns:5fr 7fr; gap:50px; }
.vxf-section.vxf-manager .row.vxf-wrap>.col,.vxf-section.vxf-faq .row.vxf-wrap>.col { width:auto; max-width:none; flex-basis:auto!important; }
.vxf-manager-list>div { display:flex; gap:20px; padding:0 0 24px; margin-bottom:24px; border-bottom:1px solid #273446; }
.vxf-manager-list>div:last-child { margin-bottom:0; padding-bottom:0; border-bottom:0; }
.vxf-manager-list>div>span { font-size:10px; color:#95c4ee; width:25px; padding-top:4px; flex:none; }
.vxf-manager-list section { background:none; padding:0; width:auto; flex:1; }
.vxf-section .vxf-manager-list h3 { font-size:20px; font-weight:550; letter-spacing:-.03em; margin:0 0 9px; }
.vxf-section .vxf-manager-list p { font-size:13px; margin:0; line-height:1.8; }
.vxf-faq { padding:55px 0 90px!important; }
.vxf-faq-list { border-top:1px solid #293b50; }
.vxf-faq-list details { border-bottom:1px solid #293b50; padding:0; }
.vxf-faq-list summary { cursor:pointer; list-style:none; display:flex; gap:18px; justify-content:space-between; align-items:center; font-size:13px; font-weight:500; padding:22px 0; color:#dde9f7; }
.vxf-faq-list summary::-webkit-details-marker { display:none; }
.vxf-faq-list summary>span { color:#8fcaff; font-size:20px; font-weight:300; flex:none; transition:transform .2s; }
.vxf-faq-list details[open] summary>span { transform:rotate(45deg); }
.vxf-section .vxf-faq-list details>p { font-size:12px; line-height:1.8; color:#b0c2d7; padding:0 30px 22px 0; margin:0; }
/* Final invitation */
.vxf-cta { padding:75px 0 60px!important; text-align:center; overflow:hidden; border-top:1px solid #293d55; background:radial-gradient(ellipse at 50% 130%,#155f99aa,transparent 77%),#090f19; }
.vxf-cta-inner { position:relative; isolation:isolate; }
.vxf-section.vxf-cta h2 { font-size:clamp(33px,4.2vw,57px); }
.vxf-section.vxf-cta h2 span { color:#bdd6f0; }
.vxf-section .vxf-cta-inner>p { font-size:13px; }
.vxf-section .vxf-cta-inner>.vxf-kicker { font-size:9px; }
.vxf-section.vxf-cta .vxf-button { margin-top:25px!important; position:relative; }
.vxf-section .vxf-cta-note { font-size:9px; margin-top:10px!important; color:#bbccdf; }
.vxf-cta-rings { position:absolute; z-index:-1; width:780px; height:780px; left:50%; top:20%; transform:translateX(-50%) rotate(var(--vxf-cta-rotate,0deg)); pointer-events:none; opacity:.35; }
.vxf-cta-rings i { display:block; position:absolute; inset:0; border:1px solid #3b6593; border-radius:50%; }
.vxf-cta-rings i:nth-child(2) { inset:35px; border-style:dashed; }
.vxf-cta-rings i:nth-child(3) { inset:70px; }
/* Reveals keep text readable with JavaScript disabled or reduced motion. */
@keyframes vxf-arrive { from { opacity:.3; transform:translateY(15px); } to { opacity:1; transform:translateY(0); } }
.vxf-revealing { animation:vxf-arrive .65s ease-out both; }
@media (max-width:1100px) {
 .vxf-section .vxf-hero-row { grid-template-columns:1fr 1fr; gap:12px; min-height:635px; padding-top:70px!important; }
 .vxf-section .vxf-title { font-size:55px; }
 .vxf-orbit-node { width:144px; padding:12px 9px; gap:6px; }
 .vxf-orbit-node .vxf-icon { width:20px; height:20px; }
 .vxf-orbit-node strong { font-size:8.5px; }
 .vxf-orbit-node small { font-size:5.5px; }
 .vxf-core span { font-size:5.5px; }
 .vxf-core i { bottom:16px; }
 .vxf-section .vxf-grid>.vxf-service { grid-column:span 6; }
 .vxf-section .vxf-service h3 { font-size:28px; }
 .vxf-section-heading { align-items:flex-start; }
 .vxf-section .vxf-section-heading>p { max-width:255px; }
}
@media (max-width:849px) {
 .vxf-section .row.vxf-wrap { padding-left:24px; padding-right:24px; }
 .vxf-section .vxf-hero-row { grid-template-columns:1fr; padding-top:52px!important; gap:16px; padding-bottom:25px!important; }
 .vxf-hero-copy { text-align:center; }
 .vxf-section .vxf-title { font-size:clamp(49px,7.8vw,68px); }
 .vxf-section .vxf-title span>br { display:none; }
 .vxf-section .vxf-lead { margin-left:auto; margin-right:auto; max-width:475px; }
 .vxf-orbit { max-width:525px; }
 .vxf-orbit-node { width:162px; padding:14px 10px; }
 .vxf-orbit-node strong { font-size:9px; }
 .vxf-orbit-node small { font-size:6px; }
 .vxf-core span { font-size:6px; }
 .vxf-value-items span { font-size:10px; }
 .vxf-section-heading { flex-direction:column; gap:20px; }
 .vxf-section .vxf-section-heading>p { max-width:100%; }
 .vxf-catalog { padding-top:58px!important; }
 .vxf-filterbar { align-items:flex-start; }
 .vxf-filter-count { padding-top:13px; }
 .vxf-section .vxf-service>.col-inner { padding:18px; }
 .vxf-product-label { font-size:8px; }
 .vxf-section .vxf-service h3 { font-size:25px; }
 .vxf-tags { gap:5px; }
 .vxf-art { height:180px; }
 .vxf-featured .vxf-art { height:190px; }
 .vxf-flow-steps { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
 .vxf-section.vxf-manager .row.vxf-wrap,.vxf-section.vxf-faq .row.vxf-wrap { grid-template-columns:1fr; gap:30px; }
 .vxf-manager { padding-top:62px!important; }
 .vxf-faq { padding-top:18px!important; padding-bottom:58px!important; }
}
@media (max-width:600px) {
 .vxf-section .row.vxf-wrap { padding-left:20px; padding-right:20px; }
 .vxf-section .vxf-title { font-size:48px; }
 .vxf-section .vxf-title span>br { display:initial; }
 .vxf-section .vxf-eyebrow { font-size:9px; }
 .vxf-section .vxf-hero-intro { font-size:15px; max-width:280px; margin-left:auto; margin-right:auto; }
 .vxf-section .vxf-lead { font-size:14px; }
 .vxf-section .vxf-button { padding:11px 18px!important; font-size:11px!important; }
 .vxf-section .vxf-hero-note { font-size:9px; }
 .vxf-orbit { max-width:400px; }
 .vxf-orbit-node { width:123px; padding:11px 7px; gap:5px; border-radius:10px; }
 .vxf-orbit-node strong { font-size:7px; }
 .vxf-orbit-node small { font-size:4.5px; }
 .vxf-orbit-node .vxf-icon { width:17px; height:17px; }
 .vxf-orbit-node--left { left:18%; }
 .vxf-orbit-node--right { left:82%; }
 .vxf-core { width:29%; }
 .vxf-core span { font-size:4.3px; letter-spacing:.04em; }
 .vxf-core img { margin-bottom:4px; }
 .vxf-core i { bottom:11px; width:4px; height:4px; }
 .vxf-section .vxf-orbit-caption { font-size:5px; letter-spacing:.07em; }
 .vxf-value-items { gap:12px; padding-top:20px; }
 .vxf-value-items span { font-size:9px; line-height:1.7; padding:0 5px; }
 .vxf-section .vxf-grid>.vxf-service { grid-column:span 12; }
 .vxf-section .vxf-service>.col-inner { padding:22px; }
 .vxf-section .vxf-service h3 { font-size:28px; }
 .vxf-section .vxf-service-copy>p { font-size:13px; }
 .vxf-art,.vxf-featured .vxf-art { height:197px; }
 .vxf-product-label { font-size:9px; }
 .vxf-section .vxf-filter-buttons button { padding:10px 13px; font-size:10px; }
 .vxf-filterbar { display:block; }
 .vxf-section .vxf-filter-count { margin:8px 0 0; padding:0; }
 .vxf-section h2 { font-size:36px; }
 .vxf-section .vxf-section-heading>p { font-size:13px; }
 .vxf-flow-art { height:70px; }
 .vxf-workflow { padding-top:60px!important; padding-bottom:50px!important; }
 .vxf-flow-steps { gap:22px; }
 .vxf-section .vxf-flow-steps h3 { font-size:16px; }
 .vxf-section .vxf-flow-steps p { font-size:12px; }
 .vxf-section.vxf-cta h2 { font-size:34px; }
 .vxf-section .vxf-cta-inner>p { font-size:13px; }
 .vxf-cta { padding-top:59px!important; padding-bottom:48px!important; }
 .vxf-cta-rings { width:550px; height:550px; }
}
@media (max-width:359px) {
 .vxf-section .vxf-title { font-size:42px; }
 .vxf-orbit-node { width:109px; padding:10px 6px; }
 .vxf-orbit-node strong { font-size:6px; }
 .vxf-orbit-node small { font-size:4px; }
 .vxf-orbit-node .vxf-icon { width:15px; height:15px; }
 .vxf-core span { font-size:3.5px; }
 .vxf-section .vxf-service>.col-inner { padding:17px; }
 .vxf-board { padding:8px; }
 .vxf-mini-lead { gap:4px; padding:8px 4px; }
 .vxf-mini-lead span { font-size:6px; }
 .vxf-avatar { width:16px; height:16px; }
}
@media (hover:none),(pointer:coarse) {
 .vxf-orbit-plane { transform:none!important; }
 .vxf-service:hover>.col-inner { transform:none!important; }
}
@media (prefers-reduced-motion:reduce) {
 .vxf-section *, .vxf-section *::before, .vxf-section *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
 .vxf-orbit-plane,.vxf-flow-art { transform:none!important; }
 .vxf-service:hover>.col-inner { transform:none!important; }
 .vxf-flow-active { stroke-dashoffset:0!important; }
 .vxf-cta-rings { transform:translateX(-50%)!important; }
}

/* Keep touch-screen orbit labels legible without perspective resampling. */
@media (max-width:849px) {
 .vxf-orbit-node,.vxf-core { transform:translate(-50%,-50%); }
}
@media (max-width:600px) {
 .vxf-orbit-node strong { font-size:9px; white-space:normal; line-height:1.3; }
 .vxf-orbit-node small { font-size:5.5px; white-space:normal; line-height:1.4; }
 .vxf-core span,.vxf-section .vxf-orbit-caption { display:none; }
}
@media (max-width:359px) {
 .vxf-orbit-node strong { font-size:8px; }
 .vxf-orbit-node small { font-size:5px; }
}