/* ============================================
   Glixy Virtual Workspace (VDI) components.
   Ported from the VDI prototype; every selector is scoped to .vdi and
   variables/keyframes are v- prefixed so nothing leaks into style.css.
   Theme bridge overrides live at the bottom of this file.
   ============================================ */
.vdi{--v-bg:#080b11;--v-bg2:#0c1018;--v-surface:#101620;--v-surface2:#151b25;--v-line:#27303b;--v-line-soft:#1d2630;--v-text:#f4f5f6;--v-muted:#9ba5b2;--v-subtle:#6f7b8b;--v-orange:#ff763d;--v-orange-bright:#ff9659;--v-green:#78daae;--v-blue:#8caef6;--v-radius:15px;--v-max:1240px;--v-shadow:0 32px 100px #0008}
.vdi *{box-sizing:border-box}.vdi{scroll-behavior:smooth}.vdi{margin:0;background:var(--v-bg);color:var(--v-text);font-family:Inter,"Segoe UI",-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}.vdi body.modal-open{overflow:hidden}.vdi a{color:inherit;text-decoration:none}.vdi button,.vdi input,.vdi select,.vdi textarea{font:inherit}.vdi button{cursor:pointer}.vdi button:focus-visible,.vdi a:focus-visible,.vdi input:focus-visible,.vdi select:focus-visible,.vdi textarea:focus-visible,.vdi summary:focus-visible{outline:2px solid var(--v-orange);outline-offset:4px}.vdi .svg-symbols{position:absolute;width:0;height:0;overflow:hidden}.vdi .icon{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.vdi .container{width:min(calc(100% - 80px),var(--v-max));margin:0 auto}.vdi .v-section{position:relative;padding:112px 0}.vdi .kicker{font-size:11px;font-weight:760;letter-spacing:2.1px;color:var(--v-orange);line-height:1.5}.vdi .v-section-head{margin-bottom:48px}.vdi .v-section-head h2,.vdi .console-info h2,.vdi .capacity-layout h2,.vdi .faq-layout h2{font-size:clamp(38px,4.2vw,61px);line-height:1.1;letter-spacing:-2.6px;margin:18px 0;font-weight:740}.vdi .v-section-head h2 span,.vdi .console-info h2 span,.vdi .capacity-layout h2 span,.vdi .faq-layout h2 span,.vdi .quote-modal h2 span{color:#798594}.vdi .v-section-head>p,.vdi .v-section-head.split-head>p{color:var(--v-muted);max-width:405px;font-size:16px;line-height:1.85}.vdi .split-head{display:flex;align-items:flex-end;justify-content:space-between;gap:60px}.vdi .split-head p{margin:0 0 7px}.vdi .v-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:8px;padding:13px 20px;font-weight:720;font-size:12.5px;letter-spacing:.03px;white-space:nowrap;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s}.vdi .v-btn:hover{transform:translateY(-2px)}.vdi .v-btn-primary{background:var(--v-orange);color:#11100f;box-shadow:0 8px 28px #f764351f}.vdi .v-btn-primary:hover{background:#ff955a;box-shadow:0 12px 35px #fb79452b}.vdi .v-btn-secondary{background:#131a24;border-color:#35404e;color:#eef1f6}.vdi .v-btn-secondary:hover{border-color:#697383;background:#1a202a}.vdi .v-btn-lg{padding:16px 21px;font-size:13px}.vdi .btn-outline-light{color:#fff;border-color:#ffffff6b;background:#ffffff14}.vdi .btn-outline-light:hover{background:#ffffff2b}.vdi .dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:var(--v-green);box-shadow:0 0 12px #7cf3bb55}
.vdi .header{height:78px;position:sticky;top:0;z-index:100;background:#090d13eb;backdrop-filter:blur(24px);border-bottom:1px solid #2b323a99}.vdi .footer-brand{display:inline-flex;gap:9px;align-items:center}.vdi .nav{display:flex;align-items:center;gap:31px}.vdi .nav a{font-size:12px;color:#b9c1cb;font-weight:600;transition:color .2s}.vdi .nav a:hover{color:var(--v-orange)}.vdi .nav-actions{display:flex;align-items:center;gap:16px}.vdi .hero-grid{position:absolute;inset:0;pointer-events:none;opacity:.35;background-image:linear-gradient(#27313d55 1px,transparent 1px),linear-gradient(90deg,#27313d55 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(110deg,transparent 5%,black 65%,transparent 100%)}.vdi .hero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.25;pointer-events:none}
.vdi .intro-section{background:#0b0f15;border-top:1px solid #1d2630}.vdi .v-features-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:15px}.vdi .feature-card{border:1px solid #29323c;border-radius:12px;background:linear-gradient(160deg,#151b25,#0f151d);min-height:393px;display:flex;flex-direction:column;padding:24px;overflow:hidden;position:relative;transition:border .2s,transform .2s}.vdi .feature-card:hover{border-color:#67717c;transform:translateY(-4px)}.vdi .feature-top{display:flex;justify-content:space-between;align-items:center}.vdi .feature-index{font-size:9px;letter-spacing:1.3px;font-weight:750;color:#919dad}.vdi .feature-top .icon{width:19px;height:19px;color:#e49369}.vdi .feature-bottom{margin-top:auto;position:relative;z-index:2}.vdi .feature-bottom h3{font-size:22px;line-height:1.25;letter-spacing:-.75px;margin:0 0 9px}.vdi .feature-bottom p{color:#9ca8b5;font-size:12px;line-height:1.8;margin:0;max-width:300px}.vdi .feature-art{height:208px;position:relative;display:flex;align-items:center;justify-content:center}.vdi .nodes-center{z-index:2;width:91px;height:91px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#3a332f,#1b2530);border:1px solid #6a605b;box-shadow:0 0 80px #e96e353b}.vdi .nodes-center>span{font-size:47px;font-weight:900;letter-spacing:-7px;color:white;padding-right:8px;line-height:1}.vdi .nodes-center span span{color:var(--v-orange)}.vdi .orbit{border:1px dashed #7a8b9a56;border-radius:50%;position:absolute}.vdi .orbit-1{width:240px;height:160px;transform:rotate(24deg)}.vdi .orbit-2{width:240px;height:160px;transform:rotate(-24deg)}.vdi .v-node{position:absolute;z-index:1;background:#212a36;border:1px solid #54606b;border-radius:6px;padding:5px 9px;font-size:9px;color:#d4dce4}.vdi .node-a{top:24px;left:8%}.vdi .node-b{top:25px;right:4%}.vdi .node-c{bottom:29px;left:8%}.vdi .node-d{bottom:29px;right:5%}.vdi .feature-big-icon{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.vdi .feature-big-icon>.icon{width:58px;height:58px;color:var(--v-green);z-index:1;stroke-width:1.1}.vdi .lock-halo{position:absolute;width:165px;height:165px;border-radius:50%;background:radial-gradient(circle,#1a6d5140,transparent 66%);border:1px solid #204c4130;box-shadow:0 0 0 23px #204c4115,0 0 0 46px #204c410d}.vdi .stack-art{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;perspective:450px}.vdi .stack-art span{display:flex;align-items:center;justify-content:center;width:170px;height:43px;background:linear-gradient(120deg,#3b332e,#243140);border:1px solid #635b5b;transform:rotateX(25deg) rotateZ(-12deg);font-size:9px;font-weight:800;letter-spacing:1.1px;color:#d8d5d3;box-shadow:0 8px 18px #0007}.vdi .stack-art span:nth-child(2){margin-left:23px;background:linear-gradient(120deg,#51392d,#344353);border-color:#a35d40}.vdi .stack-art span:nth-child(3){margin-left:45px}
.vdi .experience-section{border-top:1px solid #212b35;background:radial-gradient(circle at 48% 80%,#171d2635,transparent 40%),#090d13}.vdi .experience-section .v-section-head{text-align:center}.vdi .experience-section .v-section-head>p{margin:0 auto}.vdi .steps{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #2a343f;border-radius:12px;overflow:hidden;margin-top:55px}.vdi .step{padding:28px 24px 32px;min-height:234px;border-right:1px solid #2a343f;background:#101620}.vdi .step:last-child{border-right:0}.vdi .step-no{font-size:33px;font-weight:700;letter-spacing:-2px;color:var(--v-orange);display:flex;align-items:center;justify-content:space-between;margin-bottom:31px;line-height:1}.vdi .step-no span{font-size:14px;letter-spacing:0;color:#737f8b}.vdi .step h3{font-size:15px;line-height:1.45;margin:0 0 10px}.vdi .step p{font-size:12px;color:#9aa6b5;margin:0;line-height:1.8}
.vdi .console-section{border-top:1px solid #27303a;background:linear-gradient(120deg,#0d131c,#121820 46%,#0c1017)}.vdi .console-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:86px;align-items:center}.vdi .console-info h2{margin:23px 0}.vdi .console-info>p{color:#a4aeba;font-size:15px;max-width:420px;line-height:1.9}.vdi .console-points{margin:28px 0;display:grid;gap:12px}.vdi .console-points span{display:flex;gap:10px;align-items:center;font-size:13px;color:#c4ced9}.vdi .console-points .icon{width:15px;height:15px;color:var(--v-orange)}.vdi .console-info .small-disclaimer{font-size:10px;margin-top:14px;color:#71808d}.vdi .mini-console{height:412px;display:flex;overflow:hidden;border:1px solid #4f5a6699;border-radius:14px;background:#131923;box-shadow:var(--v-shadow);transform:perspective(1400px) rotateY(-5deg)}.vdi .mini-sidebar{width:58px;display:flex;flex-direction:column;align-items:center;gap:23px;background:#10151e;border-right:1px solid #293441;padding:20px 9px;color:#81909e;font-size:20px}.vdi .mini-sidebar .selected{color:var(--v-orange);position:relative}.vdi .mini-sidebar .selected:before{content:"";height:25px;width:2px;background:var(--v-orange);position:absolute;left:-16px}.vdi .mini-sidebar-end{margin-top:auto}.vdi .mini-content{flex:1;min-width:0;padding:26px 26px 23px}.vdi .mini-header{display:flex;align-items:center;justify-content:space-between}.vdi .mini-header small{color:#748496;font-size:9px;letter-spacing:1px;font-weight:750}.vdi .mini-header h3{font-size:21px;letter-spacing:-.8px;margin:7px 0 0}.vdi .mini-header h3 span{color:var(--v-orange)}.vdi .mini-avatar,.vdi .demo-avatar{border-radius:9px;background:#35465a;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:11px;width:34px;height:34px}.vdi .mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:26px 0 20px}.vdi .mini-stats>div{background:#1a222d;border:1px solid #324050;border-radius:8px;padding:13px}.vdi .mini-stats small,.vdi .mini-stats span{display:block;font-size:9px;color:#8593a2}.vdi .mini-stats strong{font-size:26px;display:block;line-height:1.4}.vdi .mini-stats strong span{display:inline;font-size:13px;color:#778898}.vdi .mini-stats .mini-positive{color:var(--v-green)}.vdi .mini-table{border:1px solid #303b48;border-radius:9px;overflow:hidden}.vdi .mini-table-title{padding:12px 13px;display:flex;justify-content:space-between;align-items:center;font-size:11px;border-bottom:1px solid #303b48}.vdi .mini-table-title span{font-size:9px;color:var(--v-orange)}.vdi .mini-table-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #2b3540;padding:9px 12px}.vdi .mini-table-row:last-child{border:0}.vdi .mini-desktop-icon{width:27px;height:27px;border:1px solid #a86542;background:#473227;color:#f99b5b;border-radius:6px;display:flex;align-items:center;justify-content:center}.vdi .mini-desktop-icon.blue{border-color:#5174a9;color:#b3cfff;background:#2b3b58}.vdi .mini-desktop-icon.purple{border-color:#785dac;color:#d0b2fa;background:#403353}.vdi .mini-table-row>div:nth-child(2){display:flex;flex-direction:column}.vdi .mini-table-row strong{font-size:10px}.vdi .mini-table-row small{font-size:9px;color:#8c9aaa}.vdi .mini-status{margin-left:auto;white-space:nowrap;font-size:9px;color:#6bd4a1}.vdi .mini-status.paused{color:#efbd7a}
.vdi .v-pricing-section{background:#090d13}.vdi .v-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}.vdi .v-price-card{border:1px solid #2b3642;background:linear-gradient(145deg,#151c27,#0c1118);border-radius:11px;position:relative;padding:29px 26px 24px;min-height:455px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.vdi .v-price-card:hover{transform:translateY(-3px);border-color:#69717c}.vdi .v-price-card.v-featured{border-color:#d36c43;box-shadow:0 0 55px #ec663017;background:linear-gradient(160deg,#271b19,#141b24 43%,#0c1118)}.vdi .recommended{position:absolute;right:15px;top:-13px;background:var(--v-orange);color:#121213;border-radius:4px;padding:6px 11px;font-size:9px;font-weight:900;letter-spacing:.7px}.vdi .price-label{font-size:10px;font-weight:900;color:var(--v-orange);letter-spacing:1.1px}.vdi .price-label span{color:#728293;display:block;font-size:9px;margin-top:4px}.vdi .v-price-card h3{font-size:23px;letter-spacing:-.8px;margin:24px 0 9px;line-height:1.25}.vdi .v-price-card>p{color:#9aa8b6;font-size:12px;min-height:45px;margin:0}.vdi .price{margin:29px 0 21px;font-size:37px;letter-spacing:-1.5px;font-weight:800;white-space:nowrap}.vdi .price small{font-size:11px;letter-spacing:0;color:#9da9b5;font-weight:500}.vdi .price-rule{height:1px;background:#39434c;margin-bottom:22px}.vdi .v-price-card ul{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:12px}.vdi .v-price-card li{display:flex;align-items:center;gap:9px;color:#bbc7d1;font-size:12px}.vdi .v-price-card li .icon{width:14px;height:14px;color:var(--v-orange)}.vdi .btn-price{width:100%;margin-top:auto;background:#202936;border-color:#485462;color:#eef3f8}.vdi .btn-price:hover{background:#2d3745}.vdi .v-price-card.v-featured .btn-price{background:var(--v-orange);border-color:var(--v-orange);color:#121212}.vdi .pricing-legal{font-size:11px;color:#738191;margin:15px 0 0}
.vdi .capacity-section{background:linear-gradient(110deg,#111820,#141716);border-top:1px solid #26323c;border-bottom:1px solid #29343c;padding-bottom:42px}.vdi .capacity-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;align-items:center}.vdi .capacity-layout>div>p{max-width:445px;color:#9eabb6;line-height:1.9}.vdi .text-link{padding:0;border:0;border-bottom:1px solid var(--v-orange);background:none;color:var(--v-orange);display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:13px;margin-top:15px}.vdi .capacity-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.vdi .capacity-metrics>div{background:#1b2429;border:1px solid #3b4b4f;padding:25px 16px 23px;border-radius:9px;min-height:198px}.vdi .capacity-metrics>div:nth-child(2){border-color:#865b46;background:#2b2423}.vdi .capacity-metrics>div>span{font-size:9px;letter-spacing:1px;color:#a1acb6;font-weight:700}.vdi .capacity-metrics strong{font-size:33px;letter-spacing:-1.7px;display:block;white-space:nowrap;margin:14px 0 0}.vdi .capacity-metrics strong small{font-size:11px;color:#acb5bd;letter-spacing:0}.vdi .capacity-metrics p{font-size:11px;color:#a1b0bd;margin:0;line-height:1.6}.vdi .capacity-footnote{margin:55px 0 0;border-top:1px solid #38434b;padding-top:17px;font-size:10px;color:#8995a2}
.vdi .faq-section{background:#080c12}.vdi .faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px}.vdi .faq-layout p{color:#9ca8b5;max-width:300px;line-height:1.8}.vdi .v-faq-list{border-top:1px solid #37424c}.vdi .v-faq-list details{border-bottom:1px solid #37424c}.vdi .v-faq-list summary{display:flex;justify-content:space-between;gap:20px;align-items:center;list-style:none;cursor:pointer;font-size:15px;font-weight:700;padding:23px 0}.vdi .v-faq-list summary::-webkit-details-marker{display:none}.vdi .v-faq-list summary .icon{transition:transform .2s;color:var(--v-orange)}.vdi .v-faq-list details[open] summary .icon{transform:rotate(180deg)}.vdi .v-faq-list details>p{max-width:100%;font-size:13px;line-height:1.9;color:#a5b0bd;margin:0 0 22px}.vdi .cta-glow{position:absolute;width:440px;height:440px;left:-100px;top:-160px;border:1px solid #fff5;border-radius:100%;box-shadow:0 0 0 70px #fff1,0 0 0 150px #fff1}.vdi .cta-buttons{position:relative;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}
.vdi .footer{border-top:1px solid #2d3540;background:#0b0f15;padding-top:54px}.vdi .footer-bottom{border-top:1px solid #25313a;padding:20px 0;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#72808d}.vdi .footer-bottom span:last-child{letter-spacing:1px}
/* Console and contact overlays */
.vdi .modal-wrap{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:28px}.vdi .modal-wrap.is-open{display:flex}.vdi .modal-backdrop{position:absolute;inset:0;background:#02060beb;backdrop-filter:blur(8px)}.vdi .close-modal{position:absolute;right:13px;top:13px;z-index:4;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#27303b;color:#fff;border:1px solid #445160;border-radius:7px}.vdi .close-modal:hover{background:#46515e}.vdi .console-modal{position:relative;z-index:2;width:min(1160px,100%);height:min(730px,calc(100vh - 56px));background:#111721;border:1px solid #41505e;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--v-shadow)}.vdi .demo-ribbon{height:32px;flex:0 0 32px;background:#211c1b;color:#e3a887;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800;letter-spacing:1.1px;font-size:9px;border-bottom:1px solid #514034}.vdi .demo-ribbon .dot{width:5px;height:5px;background:#e7a273}.vdi .demo-shell{display:flex;flex:1;min-height:0}.vdi .demo-sidebar{width:228px;background:#0e141c;border-right:1px solid #28313c;display:flex;flex-direction:column;flex-shrink:0;padding:25px 13px 15px}.vdi .demo-logo{font-size:31px;font-weight:900;line-height:1;letter-spacing:-3px;margin:0 0 38px 15px}.vdi .demo-logo span{color:var(--v-orange)}.vdi .demo-logo small{font-size:9px;vertical-align:middle;letter-spacing:1.8px;margin-left:6px;color:#929fac}.vdi .demo-sidebar-label{margin:0 0 10px 15px;font-size:9px;letter-spacing:1.4px;color:#737f8c;font-weight:800}.vdi .demo-tab{border:0;background:transparent;color:#8c9bab;text-align:left;border-radius:7px;margin-bottom:6px;display:flex;gap:12px;align-items:center;padding:12px 15px;font-size:13px;font-weight:650}.vdi .demo-tab:hover{background:#1b2530;color:#fff}.vdi .demo-tab.active{background:#2f2928;color:#ffa06b}.vdi .demo-tab .icon{width:17px;height:17px}.vdi .demo-sidebar-spacer{flex:1}.vdi .demo-tenant{border-top:1px solid #283442;padding:15px 5px 0;display:flex;gap:10px;align-items:center}.vdi .demo-tenant>div:last-child{display:flex;flex-direction:column}.vdi .demo-tenant strong{font-size:11px}.vdi .demo-tenant small{color:#738291;font-size:10px}.vdi .demo-main{min-width:0;flex:1;overflow-y:auto;padding:39px 39px 32px}.vdi .demo-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}.vdi .demo-header h2{font-size:29px;letter-spacing:-1.1px;margin:5px 0 0}.vdi .demo-online{background:#193126;border:1px solid #32674b;border-radius:20px;padding:7px 12px;font-size:10px;color:#99e6bf;display:inline-flex;align-items:center;gap:8px}.vdi .demo-online .dot{width:6px;height:6px}.vdi .demo-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:26px}.vdi .demo-stat{background:#171f2a;border:1px solid #33404e;border-radius:11px;padding:20px}.vdi .demo-stat .icon{color:var(--v-orange);width:19px;height:19px}.vdi .demo-stat p{font-size:12px;color:#99a7b6;margin:14px 0 4px}.vdi .demo-stat strong{display:block;font-size:29px;line-height:1.3;letter-spacing:-1px}.vdi .demo-stat small{font-size:10px;color:#788a9a}.vdi .demo-panel{border:1px solid #34414d;border-radius:10px;overflow:hidden;background:#141b24;margin-bottom:16px}.vdi .demo-panel-title{display:flex;align-items:center;justify-content:space-between;padding:17px 19px;border-bottom:1px solid #2e3945}.vdi .demo-panel-title strong{font-size:14px}.vdi .demo-panel-title small{font-size:10px;color:#91a2b1}.vdi .demo-row{display:flex;align-items:center;gap:15px;padding:15px 18px;border-bottom:1px solid #26313b}.vdi .demo-row:last-child{border:0}.vdi .demo-row-icon{height:39px;width:39px;border-radius:8px;border:1px solid #805544;background:#3e2924;color:#fd9665;display:flex;align-items:center;justify-content:center}.vdi .demo-row-icon .icon{width:19px;height:19px}.vdi .demo-row-icon.blue{color:#91b8ff;border-color:#4d6892;background:#26324a}.vdi .demo-row-icon.green{color:#8de6b4;border-color:#416955;background:#243c33}.vdi .demo-row-info{display:flex;flex-direction:column;gap:2px;min-width:0}.vdi .demo-row-info strong{font-size:12px}.vdi .demo-row-info small{font-size:10px;color:#8092a2}.vdi .demo-state{margin-left:auto;font-size:10px;color:#86dbae;white-space:nowrap}.vdi .demo-state.off{color:#e2c08b}.vdi .launch-btn{background:#2c362e;border:1px solid #4e8b69;color:#a0e8ba;border-radius:6px;padding:7px 11px;font-size:10px;font-weight:750;margin-left:12px;white-space:nowrap}.vdi .launch-btn:hover{background:#3f5342}.vdi .empty-illustration{text-align:center;padding:45px 25px;color:#a2b1c0}.vdi .empty-illustration .icon{height:42px;width:42px;color:var(--v-orange)}.vdi .empty-illustration h3{color:#ecf0f5;margin:15px 0 6px}.vdi .empty-illustration p{font-size:12px;max-width:370px;margin:auto}.vdi .demo-split{display:grid;grid-template-columns:1fr 1fr;gap:15px}.vdi .demo-usage{background:#171f2a;border:1px solid #35414d;border-radius:10px;padding:19px}.vdi .demo-usage label{display:flex;justify-content:space-between;font-size:11px;color:#c1ced9;margin-bottom:9px}.vdi .demo-usage meter{width:100%;height:13px;accent-color:var(--v-orange)}.vdi .demo-usage>p{font-size:10px;color:#8da0b2}.vdi .quote-modal{position:relative;z-index:1;background:#141a23;border:1px solid #44505d;border-radius:14px;width:min(650px,100%);max-height:calc(100vh - 50px);overflow:auto;padding:42px 44px;box-shadow:var(--v-shadow)}.vdi .quote-modal h2{font-size:42px;line-height:1.1;letter-spacing:-1.9px;margin:15px 0}.vdi .quote-modal>p{max-width:520px;color:#a6b2be;font-size:13px;line-height:1.7}.vdi .quote-modal form{display:flex;flex-direction:column;gap:16px;margin-top:23px}.vdi .form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.vdi .quote-modal label{font-size:11px;color:#bbc5d0;font-weight:700;display:flex;flex-direction:column;gap:7px}.vdi .quote-modal input,.vdi .quote-modal textarea,.vdi .quote-modal select{width:100%;color:#f1f4f8;background:#0c1219;border:1px solid #3c4854;border-radius:7px;padding:12px 13px;outline:none}.vdi .quote-modal input:focus,.vdi .quote-modal textarea:focus,.vdi .quote-modal select:focus{border-color:var(--v-orange)}.vdi .quote-modal input::placeholder,.vdi .quote-modal textarea::placeholder{color:#627180}.vdi .form-submit{width:100%;margin-top:5px}.vdi .form-help{font-size:10px;color:#7d8c9c;text-align:center}.vdi .toast{position:fixed;bottom:26px;left:50%;z-index:1500;transform:translate(-50%,30px);opacity:0;pointer-events:none;border:1px solid #675b50;background:#211d1a;color:#ffccab;box-shadow:0 15px 35px #0007;border-radius:9px;font-size:12px;max-width:calc(100% - 30px);text-align:center;padding:12px 20px;transition:opacity .2s,transform .2s}.vdi .toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1180px){.vdi .nav{gap:18px}.vdi .capacity-layout{gap:35px}.vdi .capacity-metrics strong{font-size:28px}.vdi .console-layout{gap:45px}.vdi .price{font-size:32px}.vdi .v-price-card{padding:26px 20px}}
@media(max-width:940px){.vdi .container{width:min(calc(100% - 48px),var(--v-max))}.vdi .nav{gap:14px}.vdi .nav a{font-size:11px}.vdi .header{height:69px}.vdi .v-features-grid{grid-template-columns:repeat(2,1fr)}.vdi .feature-large{grid-column:span 2}.vdi .feature-large .feature-art{height:180px}.vdi .feature-large{min-height:360px}.vdi .feature-card{min-height:365px}.vdi .feature-large .feature-bottom p{max-width:600px}.vdi .steps{grid-template-columns:repeat(2,1fr)}.vdi .step:nth-child(2){border-right:0}.vdi .step:nth-child(-n+2){border-bottom:1px solid #2a343f}.vdi .console-layout{grid-template-columns:1fr}.vdi .console-info>p{max-width:700px}.vdi .mini-console{max-width:700px;transform:none}.vdi .capacity-layout{grid-template-columns:1fr}.vdi .capacity-metrics strong{font-size:34px}.vdi .faq-layout{gap:35px}}
@media(max-width:700px){.vdi .container{width:min(calc(100% - 34px),var(--v-max))}.vdi .v-section{padding:76px 0}.vdi .split-head{display:block}.vdi .v-section-head h2,.vdi .console-info h2,.vdi .capacity-layout h2,.vdi .faq-layout h2{font-size:43px;letter-spacing:-2px}.vdi .nav{display:none;position:absolute;top:100%;left:0;right:0;background:#0e141c;border-bottom:1px solid #33404c;padding:18px 24px 24px;flex-direction:column;align-items:stretch;gap:0}.vdi .nav.open{display:flex}.vdi .nav a{padding:14px 0;border-bottom:1px solid #252f3a;font-size:13px}.vdi .v-features-grid{grid-template-columns:1fr}.vdi .feature-large{grid-column:span 1}.vdi .feature-card{min-height:340px}.vdi .feature-art{height:155px}.vdi .feature-large .feature-art{height:165px}.vdi .step{min-height:200px;padding:22px 18px}.vdi .step-no{margin-bottom:20px}.vdi .console-section{padding-top:80px}.vdi .mini-console{height:375px}.vdi .mini-content{padding:17px 11px}.vdi .mini-sidebar{width:40px;font-size:15px;gap:19px}.vdi .mini-header h3{font-size:16px}.vdi .mini-stats{gap:5px}.vdi .mini-stats>div{padding:7px}.vdi .mini-stats strong{font-size:20px}.vdi .mini-stats small,.vdi .mini-stats span{font-size:8px}.vdi .mini-table-row{padding:8px;gap:7px}.vdi .mini-table-row small{font-size:8px}.vdi .mini-table-row strong{font-size:9px}.vdi .mini-status{font-size:8px}.vdi .v-price-grid{grid-template-columns:1fr}.vdi .v-price-card{min-height:400px}.vdi .price{font-size:38px}.vdi .capacity-metrics{grid-template-columns:1fr 1fr;gap:9px}.vdi .capacity-metrics>div{min-height:155px}.vdi .capacity-metrics>div:last-child{grid-column:span 2}.vdi .capacity-metrics strong{font-size:30px}.vdi .faq-layout{grid-template-columns:1fr;gap:25px}.vdi .v-faq-list summary{font-size:13px}.vdi .cta-buttons{flex-direction:column}.vdi .cta-buttons .v-btn{width:100%;max-width:300px}.vdi .footer-bottom{flex-direction:column;gap:8px}.vdi .modal-wrap{padding:9px}.vdi .console-modal{height:calc(100dvh - 18px)}.vdi .demo-sidebar{width:56px;align-items:center;padding:20px 6px 10px}.vdi .demo-logo{margin:0 0 38px 0;font-size:22px}.vdi .demo-logo small,.vdi .demo-sidebar-label,.vdi .demo-tab span,.vdi .demo-tenant>div:last-child{display:none}.vdi .demo-tab{width:42px;justify-content:center;padding:12px 0}.vdi .demo-tenant{padding:10px 0}.vdi .demo-main{padding:27px 14px}.vdi .demo-header h2{font-size:23px}.vdi .demo-online{font-size:0;padding:8px}.vdi .demo-online .dot{width:8px;height:8px}.vdi .demo-stat-grid{grid-template-columns:1fr 1fr}.vdi .demo-stat{padding:12px}.vdi .demo-stat:last-child{grid-column:span 2}.vdi .demo-stat strong{font-size:24px}.vdi .demo-row{gap:8px;padding:11px}.vdi .demo-row-icon{width:32px;height:32px;flex-shrink:0}.vdi .demo-row-info strong{font-size:10px}.vdi .demo-row-info small{font-size:9px}.vdi .launch-btn{padding:6px;font-size:9px;margin-left:4px}.vdi .demo-state{font-size:9px}.vdi .demo-split{grid-template-columns:1fr}.vdi .quote-modal{padding:34px 19px}.vdi .quote-modal h2{font-size:37px}.vdi .form-row{grid-template-columns:1fr;gap:16px}}
@media(max-width:390px){.vdi .mini-header h3{font-size:14px}.vdi .mini-avatar{display:none}}
@media(prefers-reduced-motion:reduce){.vdi *,.vdi *:before,.vdi *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Official Glixy Labs branding — sourced from original user-owned logo assets. */
.vdi .footer-brand{display:inline-flex;align-items:center;gap:9px;flex-shrink:0}
.vdi .mini-brand-logo{width:28px;height:28px;object-fit:contain;flex:none;display:block}
.vdi .demo-logo{display:flex;align-items:center;gap:7px}
.vdi .demo-brand-logo{width:34px;height:34px;object-fit:contain;display:block;flex:none}
@media(max-width:700px){
 .vdi .demo-brand-logo{width:29px;height:29px}
 .vdi .demo-logo{justify-content:center}
}


/* 2026 pricing update: group-specific user + application + resource estimation */
.vdi .workspace-builder{margin-top:52px;border:1px solid #3a4551;border-radius:16px;background:radial-gradient(ellipse at 88% 0%,#3b211b 0%,transparent 38%),linear-gradient(135deg,#111924,#0b1119);padding:34px;box-shadow:0 26px 72px #0004}
.vdi .builder-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:23px}
.vdi .builder-heading h3{margin:10px 0 10px;font-size:clamp(24px,2.6vw,35px);line-height:1.23;letter-spacing:-1.3px}
.vdi .builder-heading h3 span{color:#a1adba}.vdi .builder-heading p{font-size:12px;line-height:1.8;color:#9cacbb;max-width:710px;margin:0}
.vdi .builder-prototype{display:flex;gap:8px;align-items:center;white-space:nowrap;border:1px solid #62503f;background:#2d251d;color:#efb28b;padding:9px 11px;font-size:9px;letter-spacing:1px;border-radius:22px;font-weight:800}
.vdi .builder-equation{display:flex;align-items:center;flex-wrap:wrap;gap:9px 15px;border:1px solid #384553;border-radius:9px;padding:15px 19px;background:#0a1018;color:#d0d9e2;font-size:10px;letter-spacing:.7px;font-weight:770;margin-bottom:26px}
.vdi .builder-equation>b{color:#ff763d;font-size:16px}.vdi .builder-equation span b{color:#ff763d}.vdi .builder-equation strong{color:#ffac7e}
.vdi .builder-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,0.85fr);gap:24px;align-items:start}
.vdi .builder-list-head{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-bottom:15px}.vdi .builder-list-head strong{font-size:17px}.vdi .builder-list-head span{font-size:10px;color:#8798a9}
.vdi .builder-groups{display:grid;gap:15px}.vdi .builder-group{background:#151e29;border:1px solid #334251;border-radius:12px;padding:20px}.vdi .builder-group-head{display:flex;justify-content:space-between;gap:14px;align-items:start;border-bottom:1px solid #2b3947;padding-bottom:15px}
.vdi .builder-group-heading{display:flex;align-items:center;gap:11px}.vdi .builder-group-index{display:flex;align-items:center;justify-content:center;border-radius:8px;background:#3d2820;color:#ff9e69;width:35px;height:35px;font-size:10px;font-weight:850}.vdi .builder-group-head strong{font-size:15px;display:block}.vdi .builder-group-head small{font-size:10px;color:#8395a7}
.vdi .builder-remove{background:none;color:#d49f89;border:1px solid #645147;border-radius:6px;padding:7px 10px;font-size:10px}.vdi .builder-remove:hover{background:#442a25}.vdi .builder-remove:disabled{opacity:.32;cursor:not-allowed}
.vdi .builder-row{display:grid;grid-template-columns:1.3fr .65fr 1fr;gap:12px;margin-top:16px}.vdi .builder-row.two{grid-template-columns:1.2fr 1fr}
.vdi .builder-field{font-size:10px;color:#9dafbf;font-weight:700;display:flex;flex-direction:column;gap:7px;min-width:0}
.vdi .builder-field input,.vdi .builder-field select{width:100%;background:#0b121b;color:#f2f5f8;border:1px solid #415062;border-radius:7px;padding:11px 10px;font-size:12px;min-width:0;outline:none}.vdi .builder-field input:focus,.vdi .builder-field select:focus{border-color:#ff763d}.vdi .builder-field input::placeholder{color:#607284}
.vdi .builder-app-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:20px 0 11px;font-size:11px;color:#e5eaf0;font-weight:760}.vdi .builder-app-title small{font-size:9px;color:#8094a8;font-weight:500}
.vdi .builder-app-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.vdi .builder-app-option{border:1px solid #354455;border-radius:7px;background:#0b131d;display:flex;align-items:start;gap:7px;padding:10px 8px;cursor:pointer;min-width:0;transition:border-color .15s,background .15s}
.vdi .builder-app-option:has(input:checked){border-color:#cf794f;background:#2c211e}.vdi .builder-app-option input{accent-color:#ff763d;margin:1px 0 0;flex-shrink:0}.vdi .builder-app-option span{min-width:0}.vdi .builder-app-option strong{font-size:10px;display:block;line-height:1.2;word-wrap:break-word;color:#eef3f7}.vdi .builder-app-option small{display:block;color:#91a3b3;font-size:9px;margin-top:4px;line-height:1.3}
.vdi .builder-group-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-top:17px;margin-top:16px;border-top:1px solid #2b3947}.vdi .builder-group-foot>span{font-size:10px;color:#9eabba}.vdi .builder-group-foot>strong{color:#ffc19c;font-size:18px;letter-spacing:-.4px}
.vdi .builder-add{width:100%;border:1px dashed #76513c;background:#241e1d;color:#f1ad7f;border-radius:8px;padding:14px;margin-top:15px;font-size:12px;font-weight:750;display:flex;justify-content:space-between;align-items:center}.vdi .builder-add:hover{background:#30231d}.vdi .builder-add:disabled{opacity:.4;cursor:not-allowed}
.vdi .builder-license-note{display:flex;gap:11px;background:#101822;border:1px solid #2f3c49;padding:14px 15px;margin-top:17px;border-radius:8px}.vdi .builder-license-note svg{color:#dba47f;width:19px;margin-top:4px}.vdi .builder-license-note p{margin:0;line-height:1.75;color:#8395a6;font-size:10px;max-width:none}.vdi .builder-license-note strong{color:#cbd6df}
.vdi .builder-summary{position:sticky;top:90px;border:1px solid #8b573e;border-radius:11px;background:linear-gradient(170deg,#291f20,#111923 40%,#101820);padding:25px;box-shadow:0 20px 46px #0005}.vdi .builder-summary-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.vdi .builder-summary-top small{letter-spacing:1.25px;font-size:10px;color:#b8c6d1;font-weight:800}.vdi .builder-summary-top span{background:#463126;border-radius:5px;color:#e8a780;font-size:9px;font-weight:800;padding:5px 7px}
.vdi .builder-total{display:block;color:#fff;font-size:clamp(30px,3vw,41px);letter-spacing:-2px;line-height:1.2;margin-top:13px;word-break:break-word}.vdi .builder-total-sub{font-size:10px;color:#94a5b4;line-height:1.5;margin-top:4px}
.vdi .builder-summary-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:23px 0}.vdi .builder-summary-metrics>div{border:1px solid #3a4551;background:#0d141c;padding:13px;border-radius:7px}.vdi .builder-summary-metrics small{font-size:9px;display:block;color:#899dab}.vdi .builder-summary-metrics b{font-size:23px;display:block;margin-top:6px}
.vdi .builder-breakdown{border-top:1px solid #384553;padding-top:14px}.vdi .builder-breakdown>div{display:flex;justify-content:space-between;gap:12px;font-size:11px;margin:11px 0;color:#aab7c1}.vdi .builder-breakdown strong{color:#e4eaf0;font-size:12px}.vdi .builder-breakdown .builder-breakdown-total{border-top:1px solid #344252;padding-top:14px;margin-top:14px;color:#f1f4f8;font-weight:800}.vdi .builder-breakdown-total strong{color:#ffb185;font-size:15px}
.vdi .builder-departments{margin:19px 0;border:1px solid #344453;border-radius:8px;padding:13px;background:#0a111a}.vdi .builder-departments>div{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;color:#a8b5c2;margin:7px 0}.vdi .builder-departments span{min-width:0;overflow-wrap:anywhere}.vdi .builder-departments strong{color:#e4ebf1;font-size:10px;white-space:nowrap}.vdi .builder-annual{display:flex;justify-content:space-between;gap:10px;padding:10px 0;color:#899caf;font-size:10px}.vdi .builder-annual strong{color:#e2eaf1}
.vdi .builder-capacity{border-left:2px solid #5daf88;padding:8px 9px;margin:15px 0;font-size:10px;line-height:1.5;color:#8fc6a8!important;max-width:none!important;background:#19352a3b}.vdi .builder-capacity.warning{border-left-color:#dba36e;color:#ecc099!important;background:#3c2c1e75}
.vdi .builder-cta{width:100%;margin-top:6px;white-space:normal}.vdi .builder-fineprint{display:block;color:#80909f;font-size:9px;line-height:1.6;margin-top:13px;text-align:center}
.vdi .quote-package-preview{background:#0b121a;border:1px solid #374553;padding:15px;border-radius:9px;color:#acbcc9;font-size:11px;line-height:1.7;max-height:180px;overflow:auto}.vdi .quote-package-preview>strong{display:block;color:#f3f5f8;font-size:11px;margin-bottom:5px}.vdi .quote-package-preview>div{white-space:pre-line}
@media(max-width:1150px){.vdi .builder-layout{grid-template-columns:minmax(0,1.4fr) minmax(250px,.85fr)}.vdi .builder-app-options{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.vdi .workspace-builder{padding:22px}.vdi .builder-layout{grid-template-columns:1fr}.vdi .builder-summary{position:static}.vdi .builder-app-options{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.vdi .workspace-builder{margin-top:36px;padding:17px}.vdi .builder-heading{flex-direction:column}.vdi .builder-equation{font-size:9px;gap:8px}.vdi .builder-list-head{flex-direction:column;align-items:start}.vdi .builder-group{padding:14px}.vdi .builder-row{grid-template-columns:1fr 1fr}.vdi .builder-row:not(.two) .builder-field:first-child{grid-column:span 2}.vdi .builder-row.two{grid-template-columns:1fr}.vdi .builder-app-options{grid-template-columns:1fr}.vdi .builder-app-option{align-items:center}.vdi .builder-app-option strong{font-size:11px}.vdi .builder-summary{padding:20px}.vdi .builder-heading h3{font-size:25px}.vdi .builder-group-foot strong{font-size:16px}}

/* Expanded business application catalogue — October 2026 */
.vdi .builder-app-title b{font-size:10px;color:#f4a67a;margin-left:4px}
.vdi .builder-app-filters{display:grid;grid-template-columns:1.05fr 1fr;gap:10px;margin-bottom:10px}
.vdi .builder-app-filters .builder-field input,.vdi .builder-app-filters .builder-field select{font-size:12px}
.vdi .builder-selected-apps{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:30px;margin-bottom:10px}
.vdi .builder-selected-apps>span{font-size:10px;color:#efbd9f;border:1px solid #694537;background:#2c211c;border-radius:5px;padding:6px 8px;line-height:1.35}
.vdi .builder-selected-apps>.builder-muted{color:#8ea0b1;background:#121a25;border-color:#2f3c49}
.vdi .builder-app-catalog{max-height:335px;overflow:auto;overscroll-behavior:contain;scrollbar-color:#5a463b #111923;padding:3px 4px 3px 1px;align-content:start}
.vdi .builder-app-option{min-height:104px;cursor:pointer}
.vdi .builder-app-option>span{display:block;width:100%}
.vdi .builder-app-option strong{font-size:11px}
.vdi .builder-app-option small{font-size:10px;color:#ffb38a;font-weight:750}
.vdi .builder-app-option em{display:block;font-size:9px;font-weight:650;color:#a1bacb;font-style:normal;margin-top:7px}
.vdi .builder-app-desc{font-size:9px;line-height:1.45;color:#8095a5;display:block;margin-top:5px}
.vdi .builder-app-option.quote-only small{color:#dbb78a}
.vdi .builder-app-empty{grid-column:1/-1;text-align:center;border:1px dashed #475363;background:#101821;padding:19px;color:#90a0af;font-size:12px;border-radius:8px}
.vdi .builder-app-explainer{margin:10px 0 0!important;color:#839aac!important;font-size:10px!important;max-width:none!important;line-height:1.6!important}
.vdi .builder-app-explainer strong{color:#dbc9a9}
.vdi .builder-other-apps{margin-top:16px;padding:14px;background:#0e1721;border:1px solid #3b4e5e;border-radius:8px}
.vdi .builder-other-head{display:flex;justify-content:space-between;align-items:center;gap:14px}
.vdi .builder-other-head>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.vdi .builder-other-head strong{color:#f4f6f8;font-size:12px}
.vdi .builder-other-head small{color:#859caf;font-size:10px;line-height:1.45}
.vdi .builder-other-btn{flex-shrink:0;background:#372419;border:1px solid #a65c33;border-radius:7px;padding:10px 12px;color:#ffb68f;font-size:11px;font-weight:750;cursor:pointer}
.vdi .builder-other-btn:hover,.vdi .builder-other-btn:focus-visible{background:#4a2b1f;border-color:#ee814a}
.vdi .builder-other-form{margin-top:15px;display:flex;align-items:end;gap:9px;flex-wrap:wrap}
.vdi .builder-other-form .builder-field{flex:1 1 230px}
.vdi .builder-other-save{border:1px solid #f18b53;background:#e57336;color:#10151b;border-radius:7px;padding:11px 12px;font-size:11px;min-height:40px;font-weight:800;cursor:pointer}
.vdi .builder-other-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:6px}
.vdi .builder-other-tag{display:inline-flex;align-items:center;gap:9px;background:#212e3b;color:#c4d5e3;border:1px solid #4b6171;border-radius:6px;padding:7px 8px;font-size:10px;line-height:1.3;max-width:100%;overflow-wrap:anywhere}
.vdi .builder-other-tag button{border:0;background:transparent;color:#ffaa87;cursor:pointer;font-size:17px;line-height:1;padding:0 2px}
.vdi .builder-pending{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #62503b;border-radius:6px;padding:10px 12px;background:#2b251e;font-size:10px;color:#dfc3a6;margin:-10px 0 17px}
.vdi .builder-pending strong{color:#ffc390;font-size:16px}
.vdi .builder-download{margin-top:10px;border:1px solid #6b7783;border-radius:7px;background:#111d2a;color:#c6d6e3;width:100%;padding:13px;font-size:11px;font-weight:750;cursor:pointer;transition:background .15s}
.vdi .builder-download:hover,.vdi .builder-download:focus-visible{background:#253445;border-color:#ed8b51}
.vdi .builder-license-note a{color:#ffb891;text-decoration:underline;text-underline-offset:2px}
@media(max-width:1000px){.vdi .builder-app-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.vdi .builder-app-filters{grid-template-columns:1fr}.vdi .builder-app-catalog{grid-template-columns:1fr;max-height:350px}.vdi .builder-app-option{min-height:85px}.vdi .builder-other-head{align-items:stretch;flex-direction:column}.vdi .builder-other-btn{width:100%;min-height:42px}.vdi .builder-other-form{align-items:stretch;flex-direction:column}.vdi .builder-other-form .builder-field{width:100%;flex:auto}.vdi .builder-other-save{width:100%}}

/* Keep pricing exclusions and team selection reviews close to their context. */
.vdi .builder-selection-warning,.vdi .builder-quote-items{padding:12px 14px;border:1px solid #b7791f;border-radius:10px;background:#fff6df;color:#67430c;font-size:13px;line-height:1.6;overflow-wrap:anywhere;}
.vdi .builder-selection-warning[hidden]{display:none;}
.vdi .builder-quote-items{margin:14px 0;}

/* Glixy Labs light brand system — original orange mark, clean ivory surfaces,
   graphite type and restrained orange highlights. The same styles are used
   across the landing page, app builder, demo console and quote form. */
.vdi {
  color-scheme: light;
  --v-bg:#fffdfb; --v-bg2:#f7f7f6; --v-surface:#fff; --v-surface2:#fff8f3;
  --v-line:#e8e7e5; --v-line-soft:#efefed; --v-text:#171b23;
  --v-muted:#606a78; --v-subtle:#86909c; --v-orange:#f36f32;
  --v-orange-bright:#fa883f; --v-green:#18835d; --v-blue:#3679bd;
  --v-shadow:0 24px 70px rgba(39,47,56,.10);
}
.vdi{background:#fffdfb;color:#171b23}
.vdi .v-section-head h2 span,.vdi .console-info h2 span,.vdi .capacity-layout h2 span,.vdi .faq-layout h2 span,.vdi .quote-modal h2 span{color:#747d89}
.vdi .v-btn-primary{color:white;background:#f16b2d;box-shadow:0 10px 26px #f16b2d24}
.vdi .v-btn-primary:hover{background:#df581b;box-shadow:0 12px 30px #f16b2d37}
.vdi .v-btn-secondary,.vdi .btn-price{background:#fff;border-color:#dedfdd;color:#242a33}
.vdi .v-btn-secondary:hover,.vdi .btn-price:hover{background:#fff5ee;border-color:#f0b393}
.vdi .header{background:#ffffffef;border-bottom:1px solid #e8e9e8;box-shadow:0 3px 22px #151d2b0a}
.vdi .nav a{color:#45505c}.vdi .nav a:hover{color:#d35e29}
.vdi .hero-grid{opacity:.29;background-image:linear-gradient(#e8dbcd 1px,transparent 1px),linear-gradient(90deg,#e8dbcd 1px,transparent 1px);mask-image:linear-gradient(110deg,transparent 5%,black 75%,transparent 100%)}
/* About and feature sections */
.vdi .intro-section{background:#faf9f7;border-top-color:#eee9e4}
.vdi .feature-card{background:#fff;border-color:#e6e4e1;box-shadow:0 6px 25px #28282807}
.vdi .feature-card:hover{border-color:#f0b58f;box-shadow:0 16px 42px #e8a17918}
.vdi .feature-index{color:#687685}.vdi .feature-bottom p{color:#6a7480}
.vdi .nodes-center{background:linear-gradient(145deg,#fff0e3,#fff);border-color:#f1d3c1;box-shadow:0 8px 27px #d8814529}
.vdi .nodes-center>span{color:#202733}
.vdi .orbit{border-color:#c9cfd383}.vdi .v-node{background:white;color:#50606f;border-color:#dce3e5;box-shadow:0 6px 20px #17283a09}
.vdi .lock-halo{background:radial-gradient(circle,#c7eddb92,transparent 67%);border-color:#c9e9dc;box-shadow:0 0 0 23px #e0f1e959,0 0 0 46px #e7f4ed6b}
.vdi .stack-art span{background:linear-gradient(120deg,#fff0e4,#fff);border-color:#e7c8b6;color:#b7653d}
.vdi .stack-art span:nth-child(2){background:linear-gradient(120deg,#fce1d1,#fff3ed);border-color:#eeac88}
.vdi .experience-section{background:#fff;border-top-color:#eae9e7}
.vdi .steps{border-color:#e7e7e5;box-shadow:0 10px 26px #1e2d350a}
.vdi .step{background:#fff;border-right-color:#e7e7e5}.vdi .step:nth-child(-n+2){border-bottom-color:#e7e7e5}
.vdi .step-no span,.vdi .step p{color:#707d88}
/* Portal preview */
.vdi .console-section{background:linear-gradient(130deg,#fbf8f5,#fff 64%,#fff4eb);border-top-color:#ece6df}
.vdi .console-info>p,.vdi .console-info .small-disclaimer{color:#697581}.vdi .console-points span{color:#465565}
.vdi .mini-console{background:#fff;border-color:#e4e2df;box-shadow:0 28px 76px #36455317}
.vdi .mini-sidebar{background:#fff8f2;border-right-color:#eaddd4}
.vdi .mini-content{background:#fff}.vdi .mini-header small{color:#667582}
.vdi .mini-stats>div{background:#fbfaf8;border-color:#e3e6e8}.vdi .mini-stats small,.vdi .mini-stats span,.vdi .mini-stats strong span{color:#697580}
.vdi .mini-table{border-color:#e3e5e7}.vdi .mini-table-title,.vdi .mini-table-row{border-color:#e9eaec}.vdi .mini-table-row small{color:#6b7887}
.vdi .mini-status{color:#258a5e}.vdi .mini-status.paused{color:#b38034}
/* Packages and builder */
.vdi .v-pricing-section{background:#fff}
.vdi .v-price-card{background:#fff;border-color:#e3e4e4;box-shadow:0 8px 30px #2c343b07}
.vdi .v-price-card.v-featured{background:linear-gradient(157deg,#fff4eb,#fff 42%);border-color:#f7aa80;box-shadow:0 16px 50px #dc844b1b}
.vdi .price-label span,.vdi .v-price-card>p,.vdi .price small,.vdi .pricing-legal{color:#697686}.vdi .price-rule{background:#e8e8e6}
.vdi .v-price-card li{color:#4e5d69}.vdi .btn-price{background:#fff;color:#232a35;border-color:#e7d9cc}
.vdi .workspace-builder{background:radial-gradient(ellipse at 94% 0%,#fff1e7,transparent 42%),linear-gradient(145deg,#fff,#fdfaf7);border:1px solid #e7e2dd;box-shadow:0 22px 55px #3439430d}
.vdi .builder-heading h3 span{color:#707b88}.vdi .builder-heading p{color:#687683}
.vdi .builder-prototype{background:#fff0e6;border-color:#f4d2bd;color:#9e4f28}
.vdi .builder-equation{background:#fff8f4;border-color:#f2ddd0;color:#455364}.vdi .builder-equation strong{color:#bd5828}
.vdi .builder-list-head span,.vdi .builder-group-head small{color:#687989}
.vdi .builder-group{background:#fff;border-color:#e4e7e9;box-shadow:0 4px 15px #1b2d3c06}
.vdi .builder-group-index{background:#ffede1;color:#b54e1e}
.vdi .builder-remove{color:#a54d31;border-color:#e7c4b0}.vdi .builder-remove:hover{background:#fff0e8}
.vdi .builder-field{color:#4e5c6a}
.vdi .builder-field input,.vdi .builder-field select{background:#fff;color:#1e2935;border-color:#ced5db}
.vdi .builder-field input::placeholder{color:#9da7b0}
.vdi .builder-app-title{color:#283542}.vdi .builder-app-title small{color:#697b89}.vdi .builder-app-title b{color:#b4572b}
.vdi .builder-app-option{background:#fff;border-color:#e2e6e9}
.vdi .builder-app-option:has(input:checked){background:#fff5ed;border-color:#ef935e;box-shadow:inset 0 0 0 1px #f5b694}
.vdi .builder-app-option strong{color:#232e3a}.vdi .builder-app-option small{color:#b75629}
.vdi .builder-app-option em{color:#697887}.vdi .builder-app-desc{color:#6c7a88}
.vdi .builder-app-option.quote-only small{color:#96662d}
.vdi .builder-selected-apps>span{background:#fff0e5;color:#ae5325;border-color:#edc9b3}
.vdi .builder-selected-apps>.builder-muted{background:#f3f5f6;color:#63717d;border-color:#dfe5e8}
.vdi .builder-app-catalog{scrollbar-color:#e3b18d #f7f7f6}
.vdi .builder-app-empty{background:#fbfbfb;border-color:#cbd3da;color:#626e7b}
.vdi .builder-app-explainer{color:#687583!important}.vdi .builder-app-explainer strong{color:#a54b22}
.vdi .builder-other-apps{background:#fdf8f5;border-color:#ebded3}
.vdi .builder-other-head strong{color:#2c3540}.vdi .builder-other-head small{color:#6d7c89}
.vdi .builder-other-btn{background:#fff;border-color:#e8a47b;color:#b44e20}
.vdi .builder-other-btn:hover,.vdi .builder-other-btn:focus-visible{background:#ffeddf;border-color:#d87132}
.vdi .builder-other-save{background:#ee7438;border-color:#e7682f;color:#fff}
.vdi .builder-other-tag{background:#f5f7f8;color:#3f5261;border-color:#d6dfe4}
.vdi .builder-other-tag button{color:#b64c20}
.vdi .builder-group-foot{border-top-color:#e5e9ec}.vdi .builder-group-foot>span{color:#6b7b87}.vdi .builder-group-foot>strong{color:#c95b26}
.vdi .builder-add{background:#fff7f1;color:#ac4d24;border-color:#efa878}.vdi .builder-add:hover{background:#ffebdc}
.vdi .builder-license-note{background:#fff8f1;border-color:#ebdacd}
.vdi .builder-license-note p{color:#5d6b77}.vdi .builder-license-note strong{color:#283545}.vdi .builder-license-note a{color:#b85125}
.vdi .builder-summary{background:linear-gradient(165deg,#fff5ed,#fff 24%,#fff);border-color:#e7c7af;box-shadow:0 18px 45px #d0906516}
.vdi .builder-summary-top small{color:#4e5a65}.vdi .builder-summary-top span{background:#ffead9;color:#9c4e26}
.vdi .builder-total{color:#202a36}.vdi .builder-total-sub{color:#75818d}
.vdi .builder-summary-metrics>div{background:#f9faf9;border-color:#e3e7ea}.vdi .builder-summary-metrics small{color:#707e89}
.vdi .builder-breakdown,.vdi .builder-breakdown .builder-breakdown-total{border-color:#e4e8eb}
.vdi .builder-breakdown>div{color:#6b7784}.vdi .builder-breakdown strong{color:#303b46}
.vdi .builder-breakdown .builder-breakdown-total{color:#27303a}.vdi .builder-breakdown-total strong{color:#d05b2c}
.vdi .builder-departments{background:#fbfcfc;border-color:#e2e7e9}
.vdi .builder-departments>div{color:#687782}.vdi .builder-departments strong{color:#303b47}
.vdi .builder-annual{color:#697884}.vdi .builder-annual strong{color:#2c3641}
.vdi .builder-capacity{background:#f0faf2;color:#287650!important;border-color:#47a677}
.vdi .builder-capacity.warning{background:#fff7e9;color:#9c692e!important;border-color:#db9c4a}
.vdi .builder-fineprint{color:#717e88}
.vdi .builder-pending{background:#fff6ec;border-color:#eed1b6;color:#926037}
.vdi .builder-pending strong{color:#b65a24}
.vdi .builder-download{background:#fff;color:#3c4b57;border-color:#cbd3d9}
.vdi .builder-download:hover,.vdi .builder-download:focus-visible{background:#fff4ea;border-color:#e69a68}
/* Capacity, questions and closing CTA */
.vdi .capacity-section{background:#fbfaf8;border-color:#e8e6e3}.vdi .capacity-layout>div>p{color:#687784}
.vdi .capacity-metrics>div{background:#fff;border-color:#e1e4e3;box-shadow:0 7px 25px #333b4b09}
.vdi .capacity-metrics>div:nth-child(2){background:#fff4ec;border-color:#efbd9d}
.vdi .capacity-metrics>div>span,.vdi .capacity-metrics p,.vdi .capacity-metrics strong small,.vdi .capacity-footnote{color:#697986}
.vdi .capacity-footnote{border-color:#e3e7e9}
.vdi .faq-section{background:#fff}.vdi .faq-layout p,.vdi .v-faq-list details>p{color:#697784}
.vdi .v-faq-list,.vdi .v-faq-list details{border-color:#e1e5e7}
.vdi .footer{background:#f8f8f7;border-top-color:#e4e5e4}.vdi .footer-bottom{color:#76838d}
.vdi .footer-bottom{border-color:#e0e3e5}
/* Interactive console, team management and quote modal */
.vdi .modal-backdrop{background:#1b2733a8}
.vdi .console-modal,.vdi .quote-modal{background:#fff;border-color:#dadfe3;box-shadow:0 35px 100px #0e1f2e36}
.vdi .demo-ribbon{background:#fff0e7;color:#a55627}
.vdi .close-modal{background:#f2f4f5;color:#46535f;border-color:#dce1e4}.vdi .close-modal:hover{background:#e7eaec}
.vdi .demo-sidebar{background:#fff9f4;border-right-color:#e6e0da}.vdi .demo-logo{color:#1f2530}.vdi .demo-logo small{color:#687783}
.vdi .demo-sidebar-label,.vdi .demo-tenant small{color:#7b8894}
.vdi .demo-tab{color:#677481}.vdi .demo-tab:hover{background:#f9e9dc;color:#303844}.vdi .demo-tab.active{background:#fee8d8;color:#ad4d21}
.vdi .demo-tenant{border-color:#e3e4e4}
.vdi .demo-main{background:#fff}
.vdi .demo-stat,.vdi .demo-panel,.vdi .demo-usage{background:#fff;border-color:#e0e5e8}
.vdi .demo-stat p,.vdi .demo-stat small,.vdi .demo-panel-title small,.vdi .demo-row-info small,.vdi .demo-usage>p{color:#687784}
.vdi .demo-panel-title,.vdi .demo-row{border-color:#e8ebed}
.vdi .demo-row-icon{background:#fff0e6;border-color:#f1bd9b;color:#b65829}
.vdi .demo-row-icon.blue{background:#eaf2fd;border-color:#bbd5ee;color:#3570b6}
.vdi .demo-row-icon.green{background:#e9f7ef;border-color:#c1e3cc;color:#24865d}
.vdi .demo-state{color:#1d885b}.vdi .demo-state.off{color:#b07a2b}
.vdi .launch-btn{background:#effaf3;border-color:#aadabc;color:#187044}.vdi .launch-btn:hover{background:#daf5e4}
.vdi .demo-online{background:#ebf8f0;border-color:#bde1cb;color:#248158}
.vdi .empty-illustration{color:#6a7a88}.vdi .empty-illustration h3{color:#283443}.vdi .demo-usage label{color:#3c4a58}
.vdi .quote-modal>p,.vdi .form-help{color:#6b7884}.vdi .quote-modal label{color:#495867}
.vdi .quote-modal input,.vdi .quote-modal textarea,.vdi .quote-modal select{background:#fff;color:#202b35;border-color:#d1d9df}
.vdi .quote-modal input::placeholder,.vdi .quote-modal textarea::placeholder{color:#94a0aa}
.vdi .quote-package-preview{background:#fafafa;border-color:#dfe4e7;color:#46545f}
.vdi .quote-package-preview>strong{color:#252f38}
.vdi .toast{background:#272b32;border-color:#424951;color:white}
/* Navigation and small-screen safeguards */
@media(max-width:1000px){.vdi .nav{background:#fff;border-bottom-color:#e5e8ea}}
@media(max-width:620px){
  .vdi .builder-app-option{min-height:85px}
  .vdi .builder-selected-apps>span{word-break:break-word}
}


    /* App download entry and setup guide; scoped to this page addition. */
    .vdi #glixy-app{scroll-margin-top:95px;padding:32px 0;background:#fffdfa}
    .vdi #glixy-app .glixy-app-panel{padding:28px;border:1px solid #e7d7ca;border-radius:14px;background:#fff8f2;min-width:0}
    .vdi #glixy-app .glixy-app-header{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
    .vdi #glixy-app .glixy-app-header img{object-fit:contain;flex-shrink:0}
    .vdi #glixy-app h2{font-size:clamp(25px,3vw,34px);line-height:1.2;letter-spacing:-1px;margin:6px 0}
    .vdi #glixy-app .glixy-app-downloads{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 12px}
    .vdi #glixy-app .glixy-app-downloads button:disabled{background:#f2ece6;border:1px solid #d8cbbf;color:#6b5c50;cursor:not-allowed;box-shadow:none;transform:none;white-space:normal}
    .vdi #glixy-app .glixy-app-note{font-size:12px;color:#6e635a;line-height:1.7;margin:0;max-width:760px}
    .vdi #glixy-app h3{font-size:16px;margin:24px 0 12px}
    .vdi #glixy-app .glixy-app-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 28px;margin:0;padding-left:20px;color:#a8542d}
    .vdi #glixy-app .glixy-app-steps li{padding-left:2px;min-width:0}
    .vdi #glixy-app .glixy-app-steps strong{display:block;font-size:13px;color:#343e49}
    .vdi #glixy-app .glixy-app-steps p{font-size:12px;line-height:1.7;color:#5c6975;margin:5px 0 0;overflow-wrap:anywhere}
    @media(max-width:850px){.vdi #glixy-app .glixy-app-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
    @media(max-width:620px){.vdi #glixy-app .glixy-app-panel{padding:20px}.vdi #glixy-app .glixy-app-steps{grid-template-columns:minmax(0,1fr)}.vdi #glixy-app .glixy-app-downloads{flex-direction:column;align-items:stretch}}
  

    /* Customer readiness information; intentionally scoped to these additions. */
    .vdi .customer-info{padding:60px 0;background:#faf9f7;scroll-margin-top:95px}
    .vdi .customer-info .customer-heading{max-width:760px;margin-bottom:24px}
    .vdi .customer-info h2{font-size:clamp(28px,3.4vw,42px);line-height:1.15;letter-spacing:-1.3px;margin:12px 0}
    .vdi .customer-info p,.vdi .customer-info li{font-size:13px;line-height:1.8;color:#5e6b77}
    .vdi .customer-info .customer-links{display:flex;flex-wrap:wrap;gap:10px 20px;margin:18px 0 26px;font-size:12px;font-weight:700}
    .vdi .customer-info a:not(.v-btn),.vdi .customer-pricing a,.vdi .customer-help a{color:#a64d23;text-decoration:underline;text-underline-offset:3px}
    .vdi .customer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
    .vdi .customer-card{padding:24px;border:1px solid #e3e3df;border-radius:12px;background:#fff;min-width:0;overflow-wrap:anywhere}
    .vdi .customer-card h3{font-size:18px;line-height:1.35;margin:0 0 10px;color:#2c3742}
    .vdi .customer-card p{margin:8px 0}
    .vdi .customer-card ul{margin:10px 0 0;padding-left:20px}
    .vdi .customer-card .customer-status{display:inline-block;font-size:10px;letter-spacing:.5px;font-weight:750;padding:3px 8px;border-radius:20px;background:#fff1e5;color:#8d4b2a;margin-bottom:12px}
    .vdi .customer-pilot{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px;padding:24px;background:#fff1e5;border:1px solid #efd4bf;border-radius:12px;scroll-margin-top:95px}
    .vdi .customer-pilot h3{margin:0 0 8px;font-size:21px;line-height:1.3}
    .vdi .customer-pilot p{margin:0;max-width:720px}
    .vdi .customer-pilot .v-btn{flex-shrink:0}
    .vdi .customer-pricing{margin:24px 0 30px;scroll-margin-top:95px}
    .vdi .customer-pricing>h3{font-size:20px;margin:0 0 14px}
    .vdi .customer-pricing h4{font-size:14px;margin:0 0 8px;color:#37424d}
    .vdi .customer-pricing ul{font-size:12px;line-height:1.8;color:#5e6b77;padding-left:19px;margin:0}
    .vdi .customer-pricing>p{font-size:12px;color:#6a7680;line-height:1.7}
    .vdi .customer-help{margin-top:24px;padding-top:20px;border-top:1px solid #eadacc;scroll-margin-top:95px}
    .vdi #glixy-app .customer-help details{border-bottom:1px solid #eadacc;padding:12px 0}
    .vdi #glixy-app .customer-help summary{font-size:13px;font-weight:700;color:#37424d;cursor:pointer}
    .vdi #glixy-app .customer-help p{font-size:12px;color:#5e6b77;line-height:1.8;margin:10px 0 0;max-width:800px}
    @media(max-width:700px){.vdi .customer-info{padding:40px 0}.vdi .customer-grid{grid-template-columns:minmax(0,1fr)}.vdi .customer-card{padding:20px}.vdi .customer-pilot{flex-direction:column;align-items:stretch;padding:20px}.vdi .customer-pilot .v-btn{white-space:normal}}.vdi .page-pilot{padding:0 0 44px}.vdi .page-pilot .customer-pilot p{font-size:13px;line-height:1.8;color:#5e6b77}.vdi .page-pilot a:not(.v-btn){color:#a64d23;text-decoration:underline}
    .vdi .page-note{font-size:12px;color:#657380;line-height:1.7;margin:18px 0}
    @media(max-width:1000px){.vdi #mainNav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid #e3e5e7;padding:18px 24px;flex-direction:column;align-items:stretch;gap:0}.vdi #mainNav.open{display:flex}.vdi #mainNav a{padding:12px 0;border-bottom:1px solid #eee;font-size:13px}}
  

    .vdi #quoteModal .quote-estimate-note{padding:14px 16px;background:#fff3e5;border:1px solid #e4b789;border-left:4px solid #d56b28;border-radius:8px;color:#493423}
    .vdi #quoteModal .quote-estimate-note>strong{display:block;font-size:14px;line-height:1.5;margin-bottom:5px}
    .vdi #quoteModal .quote-estimate-note>p{font-size:13px;line-height:1.7;text-align:left;color:#493423;margin:0}
  
/* ============================================
   Theme bridge overrides live at the bottom of this file.
   ============================================ */
.vdi{--v-bg:#080b11;--v-bg2:#0c1018;--v-surface:#101620;--v-surface2:#151b25;--v-line:#27303b;--v-line-soft:#1d2630;--v-text:#f4f5f6;--v-muted:#9ba5b2;--v-subtle:#6f7b8b;--v-orange:#ff763d;--v-orange-bright:#ff9659;--v-green:#78daae;--v-blue:#8caef6;--v-radius:15px;--v-max:1240px;--v-shadow:0 32px 100px #0008}
.vdi *{box-sizing:border-box}.vdi{scroll-behavior:smooth}.vdi{margin:0;background:var(--v-bg);color:var(--v-text);font-family:Inter,"Segoe UI",-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}.vdi body.modal-open{overflow:hidden}.vdi a{color:inherit;text-decoration:none}.vdi button,.vdi input,.vdi select,.vdi textarea{font:inherit}.vdi button{cursor:pointer}.vdi button:focus-visible,.vdi a:focus-visible,.vdi input:focus-visible,.vdi select:focus-visible,.vdi textarea:focus-visible,.vdi summary:focus-visible{outline:2px solid var(--v-orange);outline-offset:4px}.vdi .svg-symbols{position:absolute;width:0;height:0;overflow:hidden}.vdi .icon{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.vdi .container{width:min(calc(100% - 80px),var(--v-max));margin:0 auto}.vdi .section{position:relative;padding:112px 0}.vdi .kicker{font-size:11px;font-weight:760;letter-spacing:2.1px;color:var(--v-orange);line-height:1.5}.vdi .section-head{margin-bottom:48px}.vdi .section-head h2,.vdi .console-info h2,.vdi .capacity-layout h2,.vdi .faq-layout h2{font-size:clamp(38px,4.2vw,61px);line-height:1.1;letter-spacing:-2.6px;margin:18px 0;font-weight:740}.vdi .section-head h2 span,.vdi .console-info h2 span,.vdi .capacity-layout h2 span,.vdi .faq-layout h2 span,.vdi .quote-modal h2 span{color:#798594}.vdi .section-head>p,.vdi .section-head.split-head>p{color:var(--v-muted);max-width:405px;font-size:16px;line-height:1.85}.vdi .split-head{display:flex;align-items:flex-end;justify-content:space-between;gap:60px}.vdi .split-head p{margin:0 0 7px}.vdi .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:8px;padding:13px 20px;font-weight:720;font-size:12.5px;letter-spacing:.03px;white-space:nowrap;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s}.vdi .btn:hover{transform:translateY(-2px)}.vdi .btn-primary{background:var(--v-orange);color:#11100f;box-shadow:0 8px 28px #f764351f}.vdi .btn-primary:hover{background:#ff955a;box-shadow:0 12px 35px #fb79452b}.vdi .btn-secondary{background:#131a24;border-color:#35404e;color:#eef1f6}.vdi .btn-secondary:hover{border-color:#697383;background:#1a202a}.vdi .btn-lg{padding:16px 21px;font-size:13px}.vdi .btn-outline-light{color:#fff;border-color:#ffffff6b;background:#ffffff14}.vdi .btn-outline-light:hover{background:#ffffff2b}.vdi .dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:var(--v-green);box-shadow:0 0 12px #7cf3bb55}
.vdi .header{height:78px;position:sticky;top:0;z-index:100;background:#090d13eb;backdrop-filter:blur(24px);border-bottom:1px solid #2b323a99}.vdi .footer-brand{display:inline-flex;gap:9px;align-items:center}.vdi .nav{display:flex;align-items:center;gap:31px}.vdi .nav a{font-size:12px;color:#b9c1cb;font-weight:600;transition:color .2s}.vdi .nav a:hover{color:var(--v-orange)}.vdi .nav-actions{display:flex;align-items:center;gap:16px}.vdi .hero-grid{position:absolute;inset:0;pointer-events:none;opacity:.35;background-image:linear-gradient(#27313d55 1px,transparent 1px),linear-gradient(90deg,#27313d55 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(110deg,transparent 5%,black 65%,transparent 100%)}.vdi .hero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.25;pointer-events:none}
.vdi .intro-section{background:#0b0f15;border-top:1px solid #1d2630}.vdi .features-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:15px}.vdi .feature-card{border:1px solid #29323c;border-radius:12px;background:linear-gradient(160deg,#151b25,#0f151d);min-height:393px;display:flex;flex-direction:column;padding:24px;overflow:hidden;position:relative;transition:border .2s,transform .2s}.vdi .feature-card:hover{border-color:#67717c;transform:translateY(-4px)}.vdi .feature-top{display:flex;justify-content:space-between;align-items:center}.vdi .feature-index{font-size:9px;letter-spacing:1.3px;font-weight:750;color:#919dad}.vdi .feature-top .icon{width:19px;height:19px;color:#e49369}.vdi .feature-bottom{margin-top:auto;position:relative;z-index:2}.vdi .feature-bottom h3{font-size:22px;line-height:1.25;letter-spacing:-.75px;margin:0 0 9px}.vdi .feature-bottom p{color:#9ca8b5;font-size:12px;line-height:1.8;margin:0;max-width:300px}.vdi .feature-art{height:208px;position:relative;display:flex;align-items:center;justify-content:center}.vdi .nodes-center{z-index:2;width:91px;height:91px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#3a332f,#1b2530);border:1px solid #6a605b;box-shadow:0 0 80px #e96e353b}.vdi .nodes-center>span{font-size:47px;font-weight:900;letter-spacing:-7px;color:white;padding-right:8px;line-height:1}.vdi .nodes-center span span{color:var(--v-orange)}.vdi .orbit{border:1px dashed #7a8b9a56;border-radius:50%;position:absolute}.vdi .orbit-1{width:240px;height:160px;transform:rotate(24deg)}.vdi .orbit-2{width:240px;height:160px;transform:rotate(-24deg)}.vdi .node{position:absolute;z-index:1;background:#212a36;border:1px solid #54606b;border-radius:6px;padding:5px 9px;font-size:9px;color:#d4dce4}.vdi .node-a{top:24px;left:8%}.vdi .node-b{top:25px;right:4%}.vdi .node-c{bottom:29px;left:8%}.vdi .node-d{bottom:29px;right:5%}.vdi .feature-big-icon{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.vdi .feature-big-icon>.icon{width:58px;height:58px;color:var(--v-green);z-index:1;stroke-width:1.1}.vdi .lock-halo{position:absolute;width:165px;height:165px;border-radius:50%;background:radial-gradient(circle,#1a6d5140,transparent 66%);border:1px solid #204c4130;box-shadow:0 0 0 23px #204c4115,0 0 0 46px #204c410d}.vdi .stack-art{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;perspective:450px}.vdi .stack-art span{display:flex;align-items:center;justify-content:center;width:170px;height:43px;background:linear-gradient(120deg,#3b332e,#243140);border:1px solid #635b5b;transform:rotateX(25deg) rotateZ(-12deg);font-size:9px;font-weight:800;letter-spacing:1.1px;color:#d8d5d3;box-shadow:0 8px 18px #0007}.vdi .stack-art span:nth-child(2){margin-left:23px;background:linear-gradient(120deg,#51392d,#344353);border-color:#a35d40}.vdi .stack-art span:nth-child(3){margin-left:45px}
.vdi .experience-section{border-top:1px solid #212b35;background:radial-gradient(circle at 48% 80%,#171d2635,transparent 40%),#090d13}.vdi .experience-section .section-head{text-align:center}.vdi .experience-section .section-head>p{margin:0 auto}.vdi .steps{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #2a343f;border-radius:12px;overflow:hidden;margin-top:55px}.vdi .step{padding:28px 24px 32px;min-height:234px;border-right:1px solid #2a343f;background:#101620}.vdi .step:last-child{border-right:0}.vdi .step-no{font-size:33px;font-weight:700;letter-spacing:-2px;color:var(--v-orange);display:flex;align-items:center;justify-content:space-between;margin-bottom:31px;line-height:1}.vdi .step-no span{font-size:14px;letter-spacing:0;color:#737f8b}.vdi .step h3{font-size:15px;line-height:1.45;margin:0 0 10px}.vdi .step p{font-size:12px;color:#9aa6b5;margin:0;line-height:1.8}
.vdi .console-section{border-top:1px solid #27303a;background:linear-gradient(120deg,#0d131c,#121820 46%,#0c1017)}.vdi .console-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:86px;align-items:center}.vdi .console-info h2{margin:23px 0}.vdi .console-info>p{color:#a4aeba;font-size:15px;max-width:420px;line-height:1.9}.vdi .console-points{margin:28px 0;display:grid;gap:12px}.vdi .console-points span{display:flex;gap:10px;align-items:center;font-size:13px;color:#c4ced9}.vdi .console-points .icon{width:15px;height:15px;color:var(--v-orange)}.vdi .console-info .small-disclaimer{font-size:10px;margin-top:14px;color:#71808d}.vdi .mini-console{height:412px;display:flex;overflow:hidden;border:1px solid #4f5a6699;border-radius:14px;background:#131923;box-shadow:var(--v-shadow);transform:perspective(1400px) rotateY(-5deg)}.vdi .mini-sidebar{width:58px;display:flex;flex-direction:column;align-items:center;gap:23px;background:#10151e;border-right:1px solid #293441;padding:20px 9px;color:#81909e;font-size:20px}.vdi .mini-sidebar .selected{color:var(--v-orange);position:relative}.vdi .mini-sidebar .selected:before{content:"";height:25px;width:2px;background:var(--v-orange);position:absolute;left:-16px}.vdi .mini-sidebar-end{margin-top:auto}.vdi .mini-content{flex:1;min-width:0;padding:26px 26px 23px}.vdi .mini-header{display:flex;align-items:center;justify-content:space-between}.vdi .mini-header small{color:#748496;font-size:9px;letter-spacing:1px;font-weight:750}.vdi .mini-header h3{font-size:21px;letter-spacing:-.8px;margin:7px 0 0}.vdi .mini-header h3 span{color:var(--v-orange)}.vdi .mini-avatar,.vdi .demo-avatar{border-radius:9px;background:#35465a;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:11px;width:34px;height:34px}.vdi .mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:26px 0 20px}.vdi .mini-stats>div{background:#1a222d;border:1px solid #324050;border-radius:8px;padding:13px}.vdi .mini-stats small,.vdi .mini-stats span{display:block;font-size:9px;color:#8593a2}.vdi .mini-stats strong{font-size:26px;display:block;line-height:1.4}.vdi .mini-stats strong span{display:inline;font-size:13px;color:#778898}.vdi .mini-stats .mini-positive{color:var(--v-green)}.vdi .mini-table{border:1px solid #303b48;border-radius:9px;overflow:hidden}.vdi .mini-table-title{padding:12px 13px;display:flex;justify-content:space-between;align-items:center;font-size:11px;border-bottom:1px solid #303b48}.vdi .mini-table-title span{font-size:9px;color:var(--v-orange)}.vdi .mini-table-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #2b3540;padding:9px 12px}.vdi .mini-table-row:last-child{border:0}.vdi .mini-desktop-icon{width:27px;height:27px;border:1px solid #a86542;background:#473227;color:#f99b5b;border-radius:6px;display:flex;align-items:center;justify-content:center}.vdi .mini-desktop-icon.blue{border-color:#5174a9;color:#b3cfff;background:#2b3b58}.vdi .mini-desktop-icon.purple{border-color:#785dac;color:#d0b2fa;background:#403353}.vdi .mini-table-row>div:nth-child(2){display:flex;flex-direction:column}.vdi .mini-table-row strong{font-size:10px}.vdi .mini-table-row small{font-size:9px;color:#8c9aaa}.vdi .mini-status{margin-left:auto;white-space:nowrap;font-size:9px;color:#6bd4a1}.vdi .mini-status.paused{color:#efbd7a}
.vdi .pricing-section{background:#090d13}.vdi .price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}.vdi .price-card{border:1px solid #2b3642;background:linear-gradient(145deg,#151c27,#0c1118);border-radius:11px;position:relative;padding:29px 26px 24px;min-height:455px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.vdi .price-card:hover{transform:translateY(-3px);border-color:#69717c}.vdi .price-card.featured{border-color:#d36c43;box-shadow:0 0 55px #ec663017;background:linear-gradient(160deg,#271b19,#141b24 43%,#0c1118)}.vdi .recommended{position:absolute;right:15px;top:-13px;background:var(--v-orange);color:#121213;border-radius:4px;padding:6px 11px;font-size:9px;font-weight:900;letter-spacing:.7px}.vdi .price-label{font-size:10px;font-weight:900;color:var(--v-orange);letter-spacing:1.1px}.vdi .price-label span{color:#728293;display:block;font-size:9px;margin-top:4px}.vdi .price-card h3{font-size:23px;letter-spacing:-.8px;margin:24px 0 9px;line-height:1.25}.vdi .price-card>p{color:#9aa8b6;font-size:12px;min-height:45px;margin:0}.vdi .price{margin:29px 0 21px;font-size:37px;letter-spacing:-1.5px;font-weight:800;white-space:nowrap}.vdi .price small{font-size:11px;letter-spacing:0;color:#9da9b5;font-weight:500}.vdi .price-rule{height:1px;background:#39434c;margin-bottom:22px}.vdi .price-card ul{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:12px}.vdi .price-card li{display:flex;align-items:center;gap:9px;color:#bbc7d1;font-size:12px}.vdi .price-card li .icon{width:14px;height:14px;color:var(--v-orange)}.vdi .btn-price{width:100%;margin-top:auto;background:#202936;border-color:#485462;color:#eef3f8}.vdi .btn-price:hover{background:#2d3745}.vdi .price-card.featured .btn-price{background:var(--v-orange);border-color:var(--v-orange);color:#121212}.vdi .pricing-legal{font-size:11px;color:#738191;margin:15px 0 0}
.vdi .capacity-section{background:linear-gradient(110deg,#111820,#141716);border-top:1px solid #26323c;border-bottom:1px solid #29343c;padding-bottom:42px}.vdi .capacity-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;align-items:center}.vdi .capacity-layout>div>p{max-width:445px;color:#9eabb6;line-height:1.9}.vdi .text-link{padding:0;border:0;border-bottom:1px solid var(--v-orange);background:none;color:var(--v-orange);display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:13px;margin-top:15px}.vdi .capacity-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.vdi .capacity-metrics>div{background:#1b2429;border:1px solid #3b4b4f;padding:25px 16px 23px;border-radius:9px;min-height:198px}.vdi .capacity-metrics>div:nth-child(2){border-color:#865b46;background:#2b2423}.vdi .capacity-metrics>div>span{font-size:9px;letter-spacing:1px;color:#a1acb6;font-weight:700}.vdi .capacity-metrics strong{font-size:33px;letter-spacing:-1.7px;display:block;white-space:nowrap;margin:14px 0 0}.vdi .capacity-metrics strong small{font-size:11px;color:#acb5bd;letter-spacing:0}.vdi .capacity-metrics p{font-size:11px;color:#a1b0bd;margin:0;line-height:1.6}.vdi .capacity-footnote{margin:55px 0 0;border-top:1px solid #38434b;padding-top:17px;font-size:10px;color:#8995a2}
.vdi .faq-section{background:#080c12}.vdi .faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px}.vdi .faq-layout p{color:#9ca8b5;max-width:300px;line-height:1.8}.vdi .faq-list{border-top:1px solid #37424c}.vdi .faq-list details{border-bottom:1px solid #37424c}.vdi .faq-list summary{display:flex;justify-content:space-between;gap:20px;align-items:center;list-style:none;cursor:pointer;font-size:15px;font-weight:700;padding:23px 0}.vdi .faq-list summary::-webkit-details-marker{display:none}.vdi .faq-list summary .icon{transition:transform .2s;color:var(--v-orange)}.vdi .faq-list details[open] summary .icon{transform:rotate(180deg)}.vdi .faq-list details>p{max-width:100%;font-size:13px;line-height:1.9;color:#a5b0bd;margin:0 0 22px}.vdi .cta-glow{position:absolute;width:440px;height:440px;left:-100px;top:-160px;border:1px solid #fff5;border-radius:100%;box-shadow:0 0 0 70px #fff1,0 0 0 150px #fff1}.vdi .cta-buttons{position:relative;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}
.vdi .footer{border-top:1px solid #2d3540;background:#0b0f15;padding-top:54px}.vdi .footer-bottom{border-top:1px solid #25313a;padding:20px 0;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#72808d}.vdi .footer-bottom span:last-child{letter-spacing:1px}
/* Console and contact overlays */
.vdi .modal-wrap{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:28px}.vdi .modal-wrap.is-open{display:flex}.vdi .modal-backdrop{position:absolute;inset:0;background:#02060beb;backdrop-filter:blur(8px)}.vdi .close-modal{position:absolute;right:13px;top:13px;z-index:4;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#27303b;color:#fff;border:1px solid #445160;border-radius:7px}.vdi .close-modal:hover{background:#46515e}.vdi .console-modal{position:relative;z-index:2;width:min(1160px,100%);height:min(730px,calc(100vh - 56px));background:#111721;border:1px solid #41505e;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--v-shadow)}.vdi .demo-ribbon{height:32px;flex:0 0 32px;background:#211c1b;color:#e3a887;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800;letter-spacing:1.1px;font-size:9px;border-bottom:1px solid #514034}.vdi .demo-ribbon .dot{width:5px;height:5px;background:#e7a273}.vdi .demo-shell{display:flex;flex:1;min-height:0}.vdi .demo-sidebar{width:228px;background:#0e141c;border-right:1px solid #28313c;display:flex;flex-direction:column;flex-shrink:0;padding:25px 13px 15px}.vdi .demo-logo{font-size:31px;font-weight:900;line-height:1;letter-spacing:-3px;margin:0 0 38px 15px}.vdi .demo-logo span{color:var(--v-orange)}.vdi .demo-logo small{font-size:9px;vertical-align:middle;letter-spacing:1.8px;margin-left:6px;color:#929fac}.vdi .demo-sidebar-label{margin:0 0 10px 15px;font-size:9px;letter-spacing:1.4px;color:#737f8c;font-weight:800}.vdi .demo-tab{border:0;background:transparent;color:#8c9bab;text-align:left;border-radius:7px;margin-bottom:6px;display:flex;gap:12px;align-items:center;padding:12px 15px;font-size:13px;font-weight:650}.vdi .demo-tab:hover{background:#1b2530;color:#fff}.vdi .demo-tab.active{background:#2f2928;color:#ffa06b}.vdi .demo-tab .icon{width:17px;height:17px}.vdi .demo-sidebar-spacer{flex:1}.vdi .demo-tenant{border-top:1px solid #283442;padding:15px 5px 0;display:flex;gap:10px;align-items:center}.vdi .demo-tenant>div:last-child{display:flex;flex-direction:column}.vdi .demo-tenant strong{font-size:11px}.vdi .demo-tenant small{color:#738291;font-size:10px}.vdi .demo-main{min-width:0;flex:1;overflow-y:auto;padding:39px 39px 32px}.vdi .demo-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}.vdi .demo-header h2{font-size:29px;letter-spacing:-1.1px;margin:5px 0 0}.vdi .demo-online{background:#193126;border:1px solid #32674b;border-radius:20px;padding:7px 12px;font-size:10px;color:#99e6bf;display:inline-flex;align-items:center;gap:8px}.vdi .demo-online .dot{width:6px;height:6px}.vdi .demo-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:26px}.vdi .demo-stat{background:#171f2a;border:1px solid #33404e;border-radius:11px;padding:20px}.vdi .demo-stat .icon{color:var(--v-orange);width:19px;height:19px}.vdi .demo-stat p{font-size:12px;color:#99a7b6;margin:14px 0 4px}.vdi .demo-stat strong{display:block;font-size:29px;line-height:1.3;letter-spacing:-1px}.vdi .demo-stat small{font-size:10px;color:#788a9a}.vdi .demo-panel{border:1px solid #34414d;border-radius:10px;overflow:hidden;background:#141b24;margin-bottom:16px}.vdi .demo-panel-title{display:flex;align-items:center;justify-content:space-between;padding:17px 19px;border-bottom:1px solid #2e3945}.vdi .demo-panel-title strong{font-size:14px}.vdi .demo-panel-title small{font-size:10px;color:#91a2b1}.vdi .demo-row{display:flex;align-items:center;gap:15px;padding:15px 18px;border-bottom:1px solid #26313b}.vdi .demo-row:last-child{border:0}.vdi .demo-row-icon{height:39px;width:39px;border-radius:8px;border:1px solid #805544;background:#3e2924;color:#fd9665;display:flex;align-items:center;justify-content:center}.vdi .demo-row-icon .icon{width:19px;height:19px}.vdi .demo-row-icon.blue{color:#91b8ff;border-color:#4d6892;background:#26324a}.vdi .demo-row-icon.green{color:#8de6b4;border-color:#416955;background:#243c33}.vdi .demo-row-info{display:flex;flex-direction:column;gap:2px;min-width:0}.vdi .demo-row-info strong{font-size:12px}.vdi .demo-row-info small{font-size:10px;color:#8092a2}.vdi .demo-state{margin-left:auto;font-size:10px;color:#86dbae;white-space:nowrap}.vdi .demo-state.off{color:#e2c08b}.vdi .launch-btn{background:#2c362e;border:1px solid #4e8b69;color:#a0e8ba;border-radius:6px;padding:7px 11px;font-size:10px;font-weight:750;margin-left:12px;white-space:nowrap}.vdi .launch-btn:hover{background:#3f5342}.vdi .empty-illustration{text-align:center;padding:45px 25px;color:#a2b1c0}.vdi .empty-illustration .icon{height:42px;width:42px;color:var(--v-orange)}.vdi .empty-illustration h3{color:#ecf0f5;margin:15px 0 6px}.vdi .empty-illustration p{font-size:12px;max-width:370px;margin:auto}.vdi .demo-split{display:grid;grid-template-columns:1fr 1fr;gap:15px}.vdi .demo-usage{background:#171f2a;border:1px solid #35414d;border-radius:10px;padding:19px}.vdi .demo-usage label{display:flex;justify-content:space-between;font-size:11px;color:#c1ced9;margin-bottom:9px}.vdi .demo-usage meter{width:100%;height:13px;accent-color:var(--v-orange)}.vdi .demo-usage>p{font-size:10px;color:#8da0b2}.vdi .quote-modal{position:relative;z-index:1;background:#141a23;border:1px solid #44505d;border-radius:14px;width:min(650px,100%);max-height:calc(100vh - 50px);overflow:auto;padding:42px 44px;box-shadow:var(--v-shadow)}.vdi .quote-modal h2{font-size:42px;line-height:1.1;letter-spacing:-1.9px;margin:15px 0}.vdi .quote-modal>p{max-width:520px;color:#a6b2be;font-size:13px;line-height:1.7}.vdi .quote-modal form{display:flex;flex-direction:column;gap:16px;margin-top:23px}.vdi .form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.vdi .quote-modal label{font-size:11px;color:#bbc5d0;font-weight:700;display:flex;flex-direction:column;gap:7px}.vdi .quote-modal input,.vdi .quote-modal textarea,.vdi .quote-modal select{width:100%;color:#f1f4f8;background:#0c1219;border:1px solid #3c4854;border-radius:7px;padding:12px 13px;outline:none}.vdi .quote-modal input:focus,.vdi .quote-modal textarea:focus,.vdi .quote-modal select:focus{border-color:var(--v-orange)}.vdi .quote-modal input::placeholder,.vdi .quote-modal textarea::placeholder{color:#627180}.vdi .form-submit{width:100%;margin-top:5px}.vdi .form-help{font-size:10px;color:#7d8c9c;text-align:center}.vdi .toast{position:fixed;bottom:26px;left:50%;z-index:1500;transform:translate(-50%,30px);opacity:0;pointer-events:none;border:1px solid #675b50;background:#211d1a;color:#ffccab;box-shadow:0 15px 35px #0007;border-radius:9px;font-size:12px;max-width:calc(100% - 30px);text-align:center;padding:12px 20px;transition:opacity .2s,transform .2s}.vdi .toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1180px){.vdi .nav{gap:18px}.vdi .capacity-layout{gap:35px}.vdi .capacity-metrics strong{font-size:28px}.vdi .console-layout{gap:45px}.vdi .price{font-size:32px}.vdi .price-card{padding:26px 20px}}
@media(max-width:940px){.vdi .container{width:min(calc(100% - 48px),var(--v-max))}.vdi .nav{gap:14px}.vdi .nav a{font-size:11px}.vdi .header{height:69px}.vdi .features-grid{grid-template-columns:repeat(2,1fr)}.vdi .feature-large{grid-column:span 2}.vdi .feature-large .feature-art{height:180px}.vdi .feature-large{min-height:360px}.vdi .feature-card{min-height:365px}.vdi .feature-large .feature-bottom p{max-width:600px}.vdi .steps{grid-template-columns:repeat(2,1fr)}.vdi .step:nth-child(2){border-right:0}.vdi .step:nth-child(-n+2){border-bottom:1px solid #2a343f}.vdi .console-layout{grid-template-columns:1fr}.vdi .console-info>p{max-width:700px}.vdi .mini-console{max-width:700px;transform:none}.vdi .capacity-layout{grid-template-columns:1fr}.vdi .capacity-metrics strong{font-size:34px}.vdi .faq-layout{gap:35px}}
@media(max-width:700px){.vdi .container{width:min(calc(100% - 34px),var(--v-max))}.vdi .section{padding:76px 0}.vdi .split-head{display:block}.vdi .section-head h2,.vdi .console-info h2,.vdi .capacity-layout h2,.vdi .faq-layout h2{font-size:43px;letter-spacing:-2px}.vdi .nav{display:none;position:absolute;top:100%;left:0;right:0;background:#0e141c;border-bottom:1px solid #33404c;padding:18px 24px 24px;flex-direction:column;align-items:stretch;gap:0}.vdi .nav.open{display:flex}.vdi .nav a{padding:14px 0;border-bottom:1px solid #252f3a;font-size:13px}.vdi .features-grid{grid-template-columns:1fr}.vdi .feature-large{grid-column:span 1}.vdi .feature-card{min-height:340px}.vdi .feature-art{height:155px}.vdi .feature-large .feature-art{height:165px}.vdi .step{min-height:200px;padding:22px 18px}.vdi .step-no{margin-bottom:20px}.vdi .console-section{padding-top:80px}.vdi .mini-console{height:375px}.vdi .mini-content{padding:17px 11px}.vdi .mini-sidebar{width:40px;font-size:15px;gap:19px}.vdi .mini-header h3{font-size:16px}.vdi .mini-stats{gap:5px}.vdi .mini-stats>div{padding:7px}.vdi .mini-stats strong{font-size:20px}.vdi .mini-stats small,.vdi .mini-stats span{font-size:8px}.vdi .mini-table-row{padding:8px;gap:7px}.vdi .mini-table-row small{font-size:8px}.vdi .mini-table-row strong{font-size:9px}.vdi .mini-status{font-size:8px}.vdi .price-grid{grid-template-columns:1fr}.vdi .price-card{min-height:400px}.vdi .price{font-size:38px}.vdi .capacity-metrics{grid-template-columns:1fr 1fr;gap:9px}.vdi .capacity-metrics>div{min-height:155px}.vdi .capacity-metrics>div:last-child{grid-column:span 2}.vdi .capacity-metrics strong{font-size:30px}.vdi .faq-layout{grid-template-columns:1fr;gap:25px}.vdi .faq-list summary{font-size:13px}.vdi .cta-buttons{flex-direction:column}.vdi .cta-buttons .btn{width:100%;max-width:300px}.vdi .footer-bottom{flex-direction:column;gap:8px}.vdi .modal-wrap{padding:9px}.vdi .console-modal{height:calc(100dvh - 18px)}.vdi .demo-sidebar{width:56px;align-items:center;padding:20px 6px 10px}.vdi .demo-logo{margin:0 0 38px 0;font-size:22px}.vdi .demo-logo small,.vdi .demo-sidebar-label,.vdi .demo-tab span,.vdi .demo-tenant>div:last-child{display:none}.vdi .demo-tab{width:42px;justify-content:center;padding:12px 0}.vdi .demo-tenant{padding:10px 0}.vdi .demo-main{padding:27px 14px}.vdi .demo-header h2{font-size:23px}.vdi .demo-online{font-size:0;padding:8px}.vdi .demo-online .dot{width:8px;height:8px}.vdi .demo-stat-grid{grid-template-columns:1fr 1fr}.vdi .demo-stat{padding:12px}.vdi .demo-stat:last-child{grid-column:span 2}.vdi .demo-stat strong{font-size:24px}.vdi .demo-row{gap:8px;padding:11px}.vdi .demo-row-icon{width:32px;height:32px;flex-shrink:0}.vdi .demo-row-info strong{font-size:10px}.vdi .demo-row-info small{font-size:9px}.vdi .launch-btn{padding:6px;font-size:9px;margin-left:4px}.vdi .demo-state{font-size:9px}.vdi .demo-split{grid-template-columns:1fr}.vdi .quote-modal{padding:34px 19px}.vdi .quote-modal h2{font-size:37px}.vdi .form-row{grid-template-columns:1fr;gap:16px}}
@media(max-width:390px){.vdi .mini-header h3{font-size:14px}.vdi .mini-avatar{display:none}}
@media(prefers-reduced-motion:reduce){.vdi *,.vdi *:before,.vdi *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Official Glixy Labs branding — sourced from original user-owned logo assets. */
.vdi .footer-brand{display:inline-flex;align-items:center;gap:9px;flex-shrink:0}
.vdi .mini-brand-logo{width:28px;height:28px;object-fit:contain;flex:none;display:block}
.vdi .demo-logo{display:flex;align-items:center;gap:7px}
.vdi .demo-brand-logo{width:34px;height:34px;object-fit:contain;display:block;flex:none}
@media(max-width:700px){
 .vdi .demo-brand-logo{width:29px;height:29px}
 .vdi .demo-logo{justify-content:center}
}


/* 2026 pricing update: group-specific user + application + resource estimation */
.vdi .workspace-builder{margin-top:52px;border:1px solid #3a4551;border-radius:16px;background:radial-gradient(ellipse at 88% 0%,#3b211b 0%,transparent 38%),linear-gradient(135deg,#111924,#0b1119);padding:34px;box-shadow:0 26px 72px #0004}
.vdi .builder-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:23px}
.vdi .builder-heading h3{margin:10px 0 10px;font-size:clamp(24px,2.6vw,35px);line-height:1.23;letter-spacing:-1.3px}
.vdi .builder-heading h3 span{color:#a1adba}.vdi .builder-heading p{font-size:12px;line-height:1.8;color:#9cacbb;max-width:710px;margin:0}
.vdi .builder-prototype{display:flex;gap:8px;align-items:center;white-space:nowrap;border:1px solid #62503f;background:#2d251d;color:#efb28b;padding:9px 11px;font-size:9px;letter-spacing:1px;border-radius:22px;font-weight:800}
.vdi .builder-equation{display:flex;align-items:center;flex-wrap:wrap;gap:9px 15px;border:1px solid #384553;border-radius:9px;padding:15px 19px;background:#0a1018;color:#d0d9e2;font-size:10px;letter-spacing:.7px;font-weight:770;margin-bottom:26px}
.vdi .builder-equation>b{color:#ff763d;font-size:16px}.vdi .builder-equation span b{color:#ff763d}.vdi .builder-equation strong{color:#ffac7e}
.vdi .builder-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,0.85fr);gap:24px;align-items:start}
.vdi .builder-list-head{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-bottom:15px}.vdi .builder-list-head strong{font-size:17px}.vdi .builder-list-head span{font-size:10px;color:#8798a9}
.vdi .builder-groups{display:grid;gap:15px}.vdi .builder-group{background:#151e29;border:1px solid #334251;border-radius:12px;padding:20px}.vdi .builder-group-head{display:flex;justify-content:space-between;gap:14px;align-items:start;border-bottom:1px solid #2b3947;padding-bottom:15px}
.vdi .builder-group-heading{display:flex;align-items:center;gap:11px}.vdi .builder-group-index{display:flex;align-items:center;justify-content:center;border-radius:8px;background:#3d2820;color:#ff9e69;width:35px;height:35px;font-size:10px;font-weight:850}.vdi .builder-group-head strong{font-size:15px;display:block}.vdi .builder-group-head small{font-size:10px;color:#8395a7}
.vdi .builder-remove{background:none;color:#d49f89;border:1px solid #645147;border-radius:6px;padding:7px 10px;font-size:10px}.vdi .builder-remove:hover{background:#442a25}.vdi .builder-remove:disabled{opacity:.32;cursor:not-allowed}
.vdi .builder-row{display:grid;grid-template-columns:1.3fr .65fr 1fr;gap:12px;margin-top:16px}.vdi .builder-row.two{grid-template-columns:1.2fr 1fr}
.vdi .builder-field{font-size:10px;color:#9dafbf;font-weight:700;display:flex;flex-direction:column;gap:7px;min-width:0}
.vdi .builder-field input,.vdi .builder-field select{width:100%;background:#0b121b;color:#f2f5f8;border:1px solid #415062;border-radius:7px;padding:11px 10px;font-size:12px;min-width:0;outline:none}.vdi .builder-field input:focus,.vdi .builder-field select:focus{border-color:#ff763d}.vdi .builder-field input::placeholder{color:#607284}
.vdi .builder-app-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:20px 0 11px;font-size:11px;color:#e5eaf0;font-weight:760}.vdi .builder-app-title small{font-size:9px;color:#8094a8;font-weight:500}
.vdi .builder-app-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.vdi .builder-app-option{border:1px solid #354455;border-radius:7px;background:#0b131d;display:flex;align-items:start;gap:7px;padding:10px 8px;cursor:pointer;min-width:0;transition:border-color .15s,background .15s}
.vdi .builder-app-option:has(input:checked){border-color:#cf794f;background:#2c211e}.vdi .builder-app-option input{accent-color:#ff763d;margin:1px 0 0;flex-shrink:0}.vdi .builder-app-option span{min-width:0}.vdi .builder-app-option strong{font-size:10px;display:block;line-height:1.2;word-wrap:break-word;color:#eef3f7}.vdi .builder-app-option small{display:block;color:#91a3b3;font-size:9px;margin-top:4px;line-height:1.3}
.vdi .builder-group-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-top:17px;margin-top:16px;border-top:1px solid #2b3947}.vdi .builder-group-foot>span{font-size:10px;color:#9eabba}.vdi .builder-group-foot>strong{color:#ffc19c;font-size:18px;letter-spacing:-.4px}
.vdi .builder-add{width:100%;border:1px dashed #76513c;background:#241e1d;color:#f1ad7f;border-radius:8px;padding:14px;margin-top:15px;font-size:12px;font-weight:750;display:flex;justify-content:space-between;align-items:center}.vdi .builder-add:hover{background:#30231d}.vdi .builder-add:disabled{opacity:.4;cursor:not-allowed}
.vdi .builder-license-note{display:flex;gap:11px;background:#101822;border:1px solid #2f3c49;padding:14px 15px;margin-top:17px;border-radius:8px}.vdi .builder-license-note svg{color:#dba47f;width:19px;margin-top:4px}.vdi .builder-license-note p{margin:0;line-height:1.75;color:#8395a6;font-size:10px;max-width:none}.vdi .builder-license-note strong{color:#cbd6df}
.vdi .builder-summary{position:sticky;top:90px;border:1px solid #8b573e;border-radius:11px;background:linear-gradient(170deg,#291f20,#111923 40%,#101820);padding:25px;box-shadow:0 20px 46px #0005}.vdi .builder-summary-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.vdi .builder-summary-top small{letter-spacing:1.25px;font-size:10px;color:#b8c6d1;font-weight:800}.vdi .builder-summary-top span{background:#463126;border-radius:5px;color:#e8a780;font-size:9px;font-weight:800;padding:5px 7px}
.vdi .builder-total{display:block;color:#fff;font-size:clamp(30px,3vw,41px);letter-spacing:-2px;line-height:1.2;margin-top:13px;word-break:break-word}.vdi .builder-total-sub{font-size:10px;color:#94a5b4;line-height:1.5;margin-top:4px}
.vdi .builder-summary-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:23px 0}.vdi .builder-summary-metrics>div{border:1px solid #3a4551;background:#0d141c;padding:13px;border-radius:7px}.vdi .builder-summary-metrics small{font-size:9px;display:block;color:#899dab}.vdi .builder-summary-metrics b{font-size:23px;display:block;margin-top:6px}
.vdi .builder-breakdown{border-top:1px solid #384553;padding-top:14px}.vdi .builder-breakdown>div{display:flex;justify-content:space-between;gap:12px;font-size:11px;margin:11px 0;color:#aab7c1}.vdi .builder-breakdown strong{color:#e4eaf0;font-size:12px}.vdi .builder-breakdown .builder-breakdown-total{border-top:1px solid #344252;padding-top:14px;margin-top:14px;color:#f1f4f8;font-weight:800}.vdi .builder-breakdown-total strong{color:#ffb185;font-size:15px}
.vdi .builder-departments{margin:19px 0;border:1px solid #344453;border-radius:8px;padding:13px;background:#0a111a}.vdi .builder-departments>div{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;color:#a8b5c2;margin:7px 0}.vdi .builder-departments span{min-width:0;overflow-wrap:anywhere}.vdi .builder-departments strong{color:#e4ebf1;font-size:10px;white-space:nowrap}.vdi .builder-annual{display:flex;justify-content:space-between;gap:10px;padding:10px 0;color:#899caf;font-size:10px}.vdi .builder-annual strong{color:#e2eaf1}
.vdi .builder-capacity{border-left:2px solid #5daf88;padding:8px 9px;margin:15px 0;font-size:10px;line-height:1.5;color:#8fc6a8!important;max-width:none!important;background:#19352a3b}.vdi .builder-capacity.warning{border-left-color:#dba36e;color:#ecc099!important;background:#3c2c1e75}
.vdi .builder-cta{width:100%;margin-top:6px;white-space:normal}.vdi .builder-fineprint{display:block;color:#80909f;font-size:9px;line-height:1.6;margin-top:13px;text-align:center}
.vdi .quote-package-preview{background:#0b121a;border:1px solid #374553;padding:15px;border-radius:9px;color:#acbcc9;font-size:11px;line-height:1.7;max-height:180px;overflow:auto}.vdi .quote-package-preview>strong{display:block;color:#f3f5f8;font-size:11px;margin-bottom:5px}.vdi .quote-package-preview>div{white-space:pre-line}
@media(max-width:1150px){.vdi .builder-layout{grid-template-columns:minmax(0,1.4fr) minmax(250px,.85fr)}.vdi .builder-app-options{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.vdi .workspace-builder{padding:22px}.vdi .builder-layout{grid-template-columns:1fr}.vdi .builder-summary{position:static}.vdi .builder-app-options{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.vdi .workspace-builder{margin-top:36px;padding:17px}.vdi .builder-heading{flex-direction:column}.vdi .builder-equation{font-size:9px;gap:8px}.vdi .builder-list-head{flex-direction:column;align-items:start}.vdi .builder-group{padding:14px}.vdi .builder-row{grid-template-columns:1fr 1fr}.vdi .builder-row:not(.two) .builder-field:first-child{grid-column:span 2}.vdi .builder-row.two{grid-template-columns:1fr}.vdi .builder-app-options{grid-template-columns:1fr}.vdi .builder-app-option{align-items:center}.vdi .builder-app-option strong{font-size:11px}.vdi .builder-summary{padding:20px}.vdi .builder-heading h3{font-size:25px}.vdi .builder-group-foot strong{font-size:16px}}

/* Expanded business application catalogue — October 2026 */
.vdi .builder-app-title b{font-size:10px;color:#f4a67a;margin-left:4px}
.vdi .builder-app-filters{display:grid;grid-template-columns:1.05fr 1fr;gap:10px;margin-bottom:10px}
.vdi .builder-app-filters .builder-field input,.vdi .builder-app-filters .builder-field select{font-size:12px}
.vdi .builder-selected-apps{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:30px;margin-bottom:10px}
.vdi .builder-selected-apps>span{font-size:10px;color:#efbd9f;border:1px solid #694537;background:#2c211c;border-radius:5px;padding:6px 8px;line-height:1.35}
.vdi .builder-selected-apps>.builder-muted{color:#8ea0b1;background:#121a25;border-color:#2f3c49}
.vdi .builder-app-catalog{max-height:335px;overflow:auto;overscroll-behavior:contain;scrollbar-color:#5a463b #111923;padding:3px 4px 3px 1px;align-content:start}
.vdi .builder-app-option{min-height:104px;cursor:pointer}
.vdi .builder-app-option>span{display:block;width:100%}
.vdi .builder-app-option strong{font-size:11px}
.vdi .builder-app-option small{font-size:10px;color:#ffb38a;font-weight:750}
.vdi .builder-app-option em{display:block;font-size:9px;font-weight:650;color:#a1bacb;font-style:normal;margin-top:7px}
.vdi .builder-app-desc{font-size:9px;line-height:1.45;color:#8095a5;display:block;margin-top:5px}
.vdi .builder-app-option.quote-only small{color:#dbb78a}
.vdi .builder-app-empty{grid-column:1/-1;text-align:center;border:1px dashed #475363;background:#101821;padding:19px;color:#90a0af;font-size:12px;border-radius:8px}
.vdi .builder-app-explainer{margin:10px 0 0!important;color:#839aac!important;font-size:10px!important;max-width:none!important;line-height:1.6!important}
.vdi .builder-app-explainer strong{color:#dbc9a9}
.vdi .builder-other-apps{margin-top:16px;padding:14px;background:#0e1721;border:1px solid #3b4e5e;border-radius:8px}
.vdi .builder-other-head{display:flex;justify-content:space-between;align-items:center;gap:14px}
.vdi .builder-other-head>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.vdi .builder-other-head strong{color:#f4f6f8;font-size:12px}
.vdi .builder-other-head small{color:#859caf;font-size:10px;line-height:1.45}
.vdi .builder-other-btn{flex-shrink:0;background:#372419;border:1px solid #a65c33;border-radius:7px;padding:10px 12px;color:#ffb68f;font-size:11px;font-weight:750;cursor:pointer}
.vdi .builder-other-btn:hover,.vdi .builder-other-btn:focus-visible{background:#4a2b1f;border-color:#ee814a}
.vdi .builder-other-form{margin-top:15px;display:flex;align-items:end;gap:9px;flex-wrap:wrap}
.vdi .builder-other-form .builder-field{flex:1 1 230px}
.vdi .builder-other-save{border:1px solid #f18b53;background:#e57336;color:#10151b;border-radius:7px;padding:11px 12px;font-size:11px;min-height:40px;font-weight:800;cursor:pointer}
.vdi .builder-other-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:6px}
.vdi .builder-other-tag{display:inline-flex;align-items:center;gap:9px;background:#212e3b;color:#c4d5e3;border:1px solid #4b6171;border-radius:6px;padding:7px 8px;font-size:10px;line-height:1.3;max-width:100%;overflow-wrap:anywhere}
.vdi .builder-other-tag button{border:0;background:transparent;color:#ffaa87;cursor:pointer;font-size:17px;line-height:1;padding:0 2px}
.vdi .builder-pending{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #62503b;border-radius:6px;padding:10px 12px;background:#2b251e;font-size:10px;color:#dfc3a6;margin:-10px 0 17px}
.vdi .builder-pending strong{color:#ffc390;font-size:16px}
.vdi .builder-download{margin-top:10px;border:1px solid #6b7783;border-radius:7px;background:#111d2a;color:#c6d6e3;width:100%;padding:13px;font-size:11px;font-weight:750;cursor:pointer;transition:background .15s}
.vdi .builder-download:hover,.vdi .builder-download:focus-visible{background:#253445;border-color:#ed8b51}
.vdi .builder-license-note a{color:#ffb891;text-decoration:underline;text-underline-offset:2px}
@media(max-width:1000px){.vdi .builder-app-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.vdi .builder-app-filters{grid-template-columns:1fr}.vdi .builder-app-catalog{grid-template-columns:1fr;max-height:350px}.vdi .builder-app-option{min-height:85px}.vdi .builder-other-head{align-items:stretch;flex-direction:column}.vdi .builder-other-btn{width:100%;min-height:42px}.vdi .builder-other-form{align-items:stretch;flex-direction:column}.vdi .builder-other-form .builder-field{width:100%;flex:auto}.vdi .builder-other-save{width:100%}}

/* Keep pricing exclusions and team selection reviews close to their context. */
.vdi .builder-selection-warning,.vdi .builder-quote-items{padding:12px 14px;border:1px solid #b7791f;border-radius:10px;background:#fff6df;color:#67430c;font-size:13px;line-height:1.6;overflow-wrap:anywhere;}
.vdi .builder-selection-warning[hidden]{display:none;}
.vdi .builder-quote-items{margin:14px 0;}

/* Glixy Labs light brand system — original orange mark, clean ivory surfaces,
   graphite type and restrained orange highlights. The same styles are used
   across the landing page, app builder, demo console and quote form. */
.vdi {
  color-scheme: light;
  --v-bg:#fffdfb; --v-bg2:#f7f7f6; --v-surface:#fff; --v-surface2:#fff8f3;
  --v-line:#e8e7e5; --v-line-soft:#efefed; --v-text:#171b23;
  --v-muted:#606a78; --v-subtle:#86909c; --v-orange:#f36f32;
  --v-orange-bright:#fa883f; --v-green:#18835d; --v-blue:#3679bd;
  --v-shadow:0 24px 70px rgba(39,47,56,.10);
}
.vdi{background:#fffdfb;color:#171b23}
.vdi .section-head h2 span,.vdi .console-info h2 span,.vdi .capacity-layout h2 span,.vdi .faq-layout h2 span,.vdi .quote-modal h2 span{color:#747d89}
.vdi .btn-primary{color:white;background:#f16b2d;box-shadow:0 10px 26px #f16b2d24}
.vdi .btn-primary:hover{background:#df581b;box-shadow:0 12px 30px #f16b2d37}
.vdi .btn-secondary,.vdi .btn-price{background:#fff;border-color:#dedfdd;color:#242a33}
.vdi .btn-secondary:hover,.vdi .btn-price:hover{background:#fff5ee;border-color:#f0b393}
.vdi .header{background:#ffffffef;border-bottom:1px solid #e8e9e8;box-shadow:0 3px 22px #151d2b0a}
.vdi .nav a{color:#45505c}.vdi .nav a:hover{color:#d35e29}
.vdi .hero-grid{opacity:.29;background-image:linear-gradient(#e8dbcd 1px,transparent 1px),linear-gradient(90deg,#e8dbcd 1px,transparent 1px);mask-image:linear-gradient(110deg,transparent 5%,black 75%,transparent 100%)}
/* About and feature sections */
.vdi .intro-section{background:#faf9f7;border-top-color:#eee9e4}
.vdi .feature-card{background:#fff;border-color:#e6e4e1;box-shadow:0 6px 25px #28282807}
.vdi .feature-card:hover{border-color:#f0b58f;box-shadow:0 16px 42px #e8a17918}
.vdi .feature-index{color:#687685}.vdi .feature-bottom p{color:#6a7480}
.vdi .nodes-center{background:linear-gradient(145deg,#fff0e3,#fff);border-color:#f1d3c1;box-shadow:0 8px 27px #d8814529}
.vdi .nodes-center>span{color:#202733}
.vdi .orbit{border-color:#c9cfd383}.vdi .node{background:white;color:#50606f;border-color:#dce3e5;box-shadow:0 6px 20px #17283a09}
.vdi .lock-halo{background:radial-gradient(circle,#c7eddb92,transparent 67%);border-color:#c9e9dc;box-shadow:0 0 0 23px #e0f1e959,0 0 0 46px #e7f4ed6b}
.vdi .stack-art span{background:linear-gradient(120deg,#fff0e4,#fff);border-color:#e7c8b6;color:#b7653d}
.vdi .stack-art span:nth-child(2){background:linear-gradient(120deg,#fce1d1,#fff3ed);border-color:#eeac88}
.vdi .experience-section{background:#fff;border-top-color:#eae9e7}
.vdi .steps{border-color:#e7e7e5;box-shadow:0 10px 26px #1e2d350a}
.vdi .step{background:#fff;border-right-color:#e7e7e5}.vdi .step:nth-child(-n+2){border-bottom-color:#e7e7e5}
.vdi .step-no span,.vdi .step p{color:#707d88}
/* Portal preview */
.vdi .console-section{background:linear-gradient(130deg,#fbf8f5,#fff 64%,#fff4eb);border-top-color:#ece6df}
.vdi .console-info>p,.vdi .console-info .small-disclaimer{color:#697581}.vdi .console-points span{color:#465565}
.vdi .mini-console{background:#fff;border-color:#e4e2df;box-shadow:0 28px 76px #36455317}
.vdi .mini-sidebar{background:#fff8f2;border-right-color:#eaddd4}
.vdi .mini-content{background:#fff}.vdi .mini-header small{color:#667582}
.vdi .mini-stats>div{background:#fbfaf8;border-color:#e3e6e8}.vdi .mini-stats small,.vdi .mini-stats span,.vdi .mini-stats strong span{color:#697580}
.vdi .mini-table{border-color:#e3e5e7}.vdi .mini-table-title,.vdi .mini-table-row{border-color:#e9eaec}.vdi .mini-table-row small{color:#6b7887}
.vdi .mini-status{color:#258a5e}.vdi .mini-status.paused{color:#b38034}
/* Packages and builder */
.vdi .pricing-section{background:#fff}
.vdi .price-card{background:#fff;border-color:#e3e4e4;box-shadow:0 8px 30px #2c343b07}
.vdi .price-card.featured{background:linear-gradient(157deg,#fff4eb,#fff 42%);border-color:#f7aa80;box-shadow:0 16px 50px #dc844b1b}
.vdi .price-label span,.vdi .price-card>p,.vdi .price small,.vdi .pricing-legal{color:#697686}.vdi .price-rule{background:#e8e8e6}
.vdi .price-card li{color:#4e5d69}.vdi .btn-price{background:#fff;color:#232a35;border-color:#e7d9cc}
.vdi .workspace-builder{background:radial-gradient(ellipse at 94% 0%,#fff1e7,transparent 42%),linear-gradient(145deg,#fff,#fdfaf7);border:1px solid #e7e2dd;box-shadow:0 22px 55px #3439430d}
.vdi .builder-heading h3 span{color:#707b88}.vdi .builder-heading p{color:#687683}
.vdi .builder-prototype{background:#fff0e6;border-color:#f4d2bd;color:#9e4f28}
.vdi .builder-equation{background:#fff8f4;border-color:#f2ddd0;color:#455364}.vdi .builder-equation strong{color:#bd5828}
.vdi .builder-list-head span,.vdi .builder-group-head small{color:#687989}
.vdi .builder-group{background:#fff;border-color:#e4e7e9;box-shadow:0 4px 15px #1b2d3c06}
.vdi .builder-group-index{background:#ffede1;color:#b54e1e}
.vdi .builder-remove{color:#a54d31;border-color:#e7c4b0}.vdi .builder-remove:hover{background:#fff0e8}
.vdi .builder-field{color:#4e5c6a}
.vdi .builder-field input,.vdi .builder-field select{background:#fff;color:#1e2935;border-color:#ced5db}
.vdi .builder-field input::placeholder{color:#9da7b0}
.vdi .builder-app-title{color:#283542}.vdi .builder-app-title small{color:#697b89}.vdi .builder-app-title b{color:#b4572b}
.vdi .builder-app-option{background:#fff;border-color:#e2e6e9}
.vdi .builder-app-option:has(input:checked){background:#fff5ed;border-color:#ef935e;box-shadow:inset 0 0 0 1px #f5b694}
.vdi .builder-app-option strong{color:#232e3a}.vdi .builder-app-option small{color:#b75629}
.vdi .builder-app-option em{color:#697887}.vdi .builder-app-desc{color:#6c7a88}
.vdi .builder-app-option.quote-only small{color:#96662d}
.vdi .builder-selected-apps>span{background:#fff0e5;color:#ae5325;border-color:#edc9b3}
.vdi .builder-selected-apps>.builder-muted{background:#f3f5f6;color:#63717d;border-color:#dfe5e8}
.vdi .builder-app-catalog{scrollbar-color:#e3b18d #f7f7f6}
.vdi .builder-app-empty{background:#fbfbfb;border-color:#cbd3da;color:#626e7b}
.vdi .builder-app-explainer{color:#687583!important}.vdi .builder-app-explainer strong{color:#a54b22}
.vdi .builder-other-apps{background:#fdf8f5;border-color:#ebded3}
.vdi .builder-other-head strong{color:#2c3540}.vdi .builder-other-head small{color:#6d7c89}
.vdi .builder-other-btn{background:#fff;border-color:#e8a47b;color:#b44e20}
.vdi .builder-other-btn:hover,.vdi .builder-other-btn:focus-visible{background:#ffeddf;border-color:#d87132}
.vdi .builder-other-save{background:#ee7438;border-color:#e7682f;color:#fff}
.vdi .builder-other-tag{background:#f5f7f8;color:#3f5261;border-color:#d6dfe4}
.vdi .builder-other-tag button{color:#b64c20}
.vdi .builder-group-foot{border-top-color:#e5e9ec}.vdi .builder-group-foot>span{color:#6b7b87}.vdi .builder-group-foot>strong{color:#c95b26}
.vdi .builder-add{background:#fff7f1;color:#ac4d24;border-color:#efa878}.vdi .builder-add:hover{background:#ffebdc}
.vdi .builder-license-note{background:#fff8f1;border-color:#ebdacd}
.vdi .builder-license-note p{color:#5d6b77}.vdi .builder-license-note strong{color:#283545}.vdi .builder-license-note a{color:#b85125}
.vdi .builder-summary{background:linear-gradient(165deg,#fff5ed,#fff 24%,#fff);border-color:#e7c7af;box-shadow:0 18px 45px #d0906516}
.vdi .builder-summary-top small{color:#4e5a65}.vdi .builder-summary-top span{background:#ffead9;color:#9c4e26}
.vdi .builder-total{color:#202a36}.vdi .builder-total-sub{color:#75818d}
.vdi .builder-summary-metrics>div{background:#f9faf9;border-color:#e3e7ea}.vdi .builder-summary-metrics small{color:#707e89}
.vdi .builder-breakdown,.vdi .builder-breakdown .builder-breakdown-total{border-color:#e4e8eb}
.vdi .builder-breakdown>div{color:#6b7784}.vdi .builder-breakdown strong{color:#303b46}
.vdi .builder-breakdown .builder-breakdown-total{color:#27303a}.vdi .builder-breakdown-total strong{color:#d05b2c}
.vdi .builder-departments{background:#fbfcfc;border-color:#e2e7e9}
.vdi .builder-departments>div{color:#687782}.vdi .builder-departments strong{color:#303b47}
.vdi .builder-annual{color:#697884}.vdi .builder-annual strong{color:#2c3641}
.vdi .builder-capacity{background:#f0faf2;color:#287650!important;border-color:#47a677}
.vdi .builder-capacity.warning{background:#fff7e9;color:#9c692e!important;border-color:#db9c4a}
.vdi .builder-fineprint{color:#717e88}
.vdi .builder-pending{background:#fff6ec;border-color:#eed1b6;color:#926037}
.vdi .builder-pending strong{color:#b65a24}
.vdi .builder-download{background:#fff;color:#3c4b57;border-color:#cbd3d9}
.vdi .builder-download:hover,.vdi .builder-download:focus-visible{background:#fff4ea;border-color:#e69a68}
/* Capacity, questions and closing CTA */
.vdi .capacity-section{background:#fbfaf8;border-color:#e8e6e3}.vdi .capacity-layout>div>p{color:#687784}
.vdi .capacity-metrics>div{background:#fff;border-color:#e1e4e3;box-shadow:0 7px 25px #333b4b09}
.vdi .capacity-metrics>div:nth-child(2){background:#fff4ec;border-color:#efbd9d}
.vdi .capacity-metrics>div>span,.vdi .capacity-metrics p,.vdi .capacity-metrics strong small,.vdi .capacity-footnote{color:#697986}
.vdi .capacity-footnote{border-color:#e3e7e9}
.vdi .faq-section{background:#fff}.vdi .faq-layout p,.vdi .faq-list details>p{color:#697784}
.vdi .faq-list,.vdi .faq-list details{border-color:#e1e5e7}
.vdi .footer{background:#f8f8f7;border-top-color:#e4e5e4}.vdi .footer-bottom{color:#76838d}
.vdi .footer-bottom{border-color:#e0e3e5}
/* Interactive console, team management and quote modal */
.vdi .modal-backdrop{background:#1b2733a8}
.vdi .console-modal,.vdi .quote-modal{background:#fff;border-color:#dadfe3;box-shadow:0 35px 100px #0e1f2e36}
.vdi .demo-ribbon{background:#fff0e7;color:#a55627}
.vdi .close-modal{background:#f2f4f5;color:#46535f;border-color:#dce1e4}.vdi .close-modal:hover{background:#e7eaec}
.vdi .demo-sidebar{background:#fff9f4;border-right-color:#e6e0da}.vdi .demo-logo{color:#1f2530}.vdi .demo-logo small{color:#687783}
.vdi .demo-sidebar-label,.vdi .demo-tenant small{color:#7b8894}
.vdi .demo-tab{color:#677481}.vdi .demo-tab:hover{background:#f9e9dc;color:#303844}.vdi .demo-tab.active{background:#fee8d8;color:#ad4d21}
.vdi .demo-tenant{border-color:#e3e4e4}
.vdi .demo-main{background:#fff}
.vdi .demo-stat,.vdi .demo-panel,.vdi .demo-usage{background:#fff;border-color:#e0e5e8}
.vdi .demo-stat p,.vdi .demo-stat small,.vdi .demo-panel-title small,.vdi .demo-row-info small,.vdi .demo-usage>p{color:#687784}
.vdi .demo-panel-title,.vdi .demo-row{border-color:#e8ebed}
.vdi .demo-row-icon{background:#fff0e6;border-color:#f1bd9b;color:#b65829}
.vdi .demo-row-icon.blue{background:#eaf2fd;border-color:#bbd5ee;color:#3570b6}
.vdi .demo-row-icon.green{background:#e9f7ef;border-color:#c1e3cc;color:#24865d}
.vdi .demo-state{color:#1d885b}.vdi .demo-state.off{color:#b07a2b}
.vdi .launch-btn{background:#effaf3;border-color:#aadabc;color:#187044}.vdi .launch-btn:hover{background:#daf5e4}
.vdi .demo-online{background:#ebf8f0;border-color:#bde1cb;color:#248158}
.vdi .empty-illustration{color:#6a7a88}.vdi .empty-illustration h3{color:#283443}.vdi .demo-usage label{color:#3c4a58}
.vdi .quote-modal>p,.vdi .form-help{color:#6b7884}.vdi .quote-modal label{color:#495867}
.vdi .quote-modal input,.vdi .quote-modal textarea,.vdi .quote-modal select{background:#fff;color:#202b35;border-color:#d1d9df}
.vdi .quote-modal input::placeholder,.vdi .quote-modal textarea::placeholder{color:#94a0aa}
.vdi .quote-package-preview{background:#fafafa;border-color:#dfe4e7;color:#46545f}
.vdi .quote-package-preview>strong{color:#252f38}
.vdi .toast{background:#272b32;border-color:#424951;color:white}
/* Navigation and small-screen safeguards */
@media(max-width:1000px){.vdi .nav{background:#fff;border-bottom-color:#e5e8ea}}
@media(max-width:620px){
  .vdi .builder-app-option{min-height:85px}
  .vdi .builder-selected-apps>span{word-break:break-word}
}


    /* App download entry and setup guide; scoped to this page addition. */
    .vdi #glixy-app{scroll-margin-top:95px;padding:32px 0;background:#fffdfa}
    .vdi #glixy-app .glixy-app-panel{padding:28px;border:1px solid #e7d7ca;border-radius:14px;background:#fff8f2;min-width:0}
    .vdi #glixy-app .glixy-app-header{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
    .vdi #glixy-app .glixy-app-header img{object-fit:contain;flex-shrink:0}
    .vdi #glixy-app h2{font-size:clamp(25px,3vw,34px);line-height:1.2;letter-spacing:-1px;margin:6px 0}
    .vdi #glixy-app .glixy-app-downloads{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 12px}
    .vdi #glixy-app .glixy-app-downloads button:disabled{background:#f2ece6;border:1px solid #d8cbbf;color:#6b5c50;cursor:not-allowed;box-shadow:none;transform:none;white-space:normal}
    .vdi #glixy-app .glixy-app-note{font-size:12px;color:#6e635a;line-height:1.7;margin:0;max-width:760px}
    .vdi #glixy-app h3{font-size:16px;margin:24px 0 12px}
    .vdi #glixy-app .glixy-app-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 28px;margin:0;padding-left:20px;color:#a8542d}
    .vdi #glixy-app .glixy-app-steps li{padding-left:2px;min-width:0}
    .vdi #glixy-app .glixy-app-steps strong{display:block;font-size:13px;color:#343e49}
    .vdi #glixy-app .glixy-app-steps p{font-size:12px;line-height:1.7;color:#5c6975;margin:5px 0 0;overflow-wrap:anywhere}
    @media(max-width:850px){.vdi #glixy-app .glixy-app-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
    @media(max-width:620px){.vdi #glixy-app .glixy-app-panel{padding:20px}.vdi #glixy-app .glixy-app-steps{grid-template-columns:minmax(0,1fr)}.vdi #glixy-app .glixy-app-downloads{flex-direction:column;align-items:stretch}}
  

    /* Customer readiness information; intentionally scoped to these additions. */
    .vdi .customer-info{padding:60px 0;background:#faf9f7;scroll-margin-top:95px}
    .vdi .customer-info .customer-heading{max-width:760px;margin-bottom:24px}
    .vdi .customer-info h2{font-size:clamp(28px,3.4vw,42px);line-height:1.15;letter-spacing:-1.3px;margin:12px 0}
    .vdi .customer-info p,.vdi .customer-info li{font-size:13px;line-height:1.8;color:#5e6b77}
    .vdi .customer-info .customer-links{display:flex;flex-wrap:wrap;gap:10px 20px;margin:18px 0 26px;font-size:12px;font-weight:700}
    .vdi .customer-info a:not(.btn),.vdi .customer-pricing a,.vdi .customer-help a{color:#a64d23;text-decoration:underline;text-underline-offset:3px}
    .vdi .customer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
    .vdi .customer-card{padding:24px;border:1px solid #e3e3df;border-radius:12px;background:#fff;min-width:0;overflow-wrap:anywhere}
    .vdi .customer-card h3{font-size:18px;line-height:1.35;margin:0 0 10px;color:#2c3742}
    .vdi .customer-card p{margin:8px 0}
    .vdi .customer-card ul{margin:10px 0 0;padding-left:20px}
    .vdi .customer-card .customer-status{display:inline-block;font-size:10px;letter-spacing:.5px;font-weight:750;padding:3px 8px;border-radius:20px;background:#fff1e5;color:#8d4b2a;margin-bottom:12px}
    .vdi .customer-pilot{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px;padding:24px;background:#fff1e5;border:1px solid #efd4bf;border-radius:12px;scroll-margin-top:95px}
    .vdi .customer-pilot h3{margin:0 0 8px;font-size:21px;line-height:1.3}
    .vdi .customer-pilot p{margin:0;max-width:720px}
    .vdi .customer-pilot .btn{flex-shrink:0}
    .vdi .customer-pricing{margin:24px 0 30px;scroll-margin-top:95px}
    .vdi .customer-pricing>h3{font-size:20px;margin:0 0 14px}
    .vdi .customer-pricing h4{font-size:14px;margin:0 0 8px;color:#37424d}
    .vdi .customer-pricing ul{font-size:12px;line-height:1.8;color:#5e6b77;padding-left:19px;margin:0}
    .vdi .customer-pricing>p{font-size:12px;color:#6a7680;line-height:1.7}
    .vdi .customer-help{margin-top:24px;padding-top:20px;border-top:1px solid #eadacc;scroll-margin-top:95px}
    .vdi #glixy-app .customer-help details{border-bottom:1px solid #eadacc;padding:12px 0}
    .vdi #glixy-app .customer-help summary{font-size:13px;font-weight:700;color:#37424d;cursor:pointer}
    .vdi #glixy-app .customer-help p{font-size:12px;color:#5e6b77;line-height:1.8;margin:10px 0 0;max-width:800px}
    @media(max-width:700px){.vdi .customer-info{padding:40px 0}.vdi .customer-grid{grid-template-columns:minmax(0,1fr)}.vdi .customer-card{padding:20px}.vdi .customer-pilot{flex-direction:column;align-items:stretch;padding:20px}.vdi .customer-pilot .btn{white-space:normal}}.vdi .page-pilot{padding:0 0 44px}.vdi .page-pilot .customer-pilot p{font-size:13px;line-height:1.8;color:#5e6b77}.vdi .page-pilot a:not(.btn){color:#a64d23;text-decoration:underline}
    .vdi .page-note{font-size:12px;color:#657380;line-height:1.7;margin:18px 0}
    @media(max-width:1000px){.vdi #mainNav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid #e3e5e7;padding:18px 24px;flex-direction:column;align-items:stretch;gap:0}.vdi #mainNav.open{display:flex}.vdi #mainNav a{padding:12px 0;border-bottom:1px solid #eee;font-size:13px}}
  

    .vdi #quoteModal .quote-estimate-note{padding:14px 16px;background:#fff3e5;border:1px solid #e4b789;border-left:4px solid #d56b28;border-radius:8px;color:#493423}
    .vdi #quoteModal .quote-estimate-note>strong{display:block;font-size:14px;line-height:1.5;margin-bottom:5px}
    .vdi #quoteModal .quote-estimate-note>p{font-size:13px;line-height:1.7;text-align:left;color:#493423;margin:0}
  
/* ============================================
   Theme bridge — align VDI components with the main Glixy theme
   ============================================ */
.vdi {
  --v-orange: var(--orange-3);
  --v-orange-bright: var(--orange-2);
  font-family: var(--font-sans);
  background: var(--bg);
}
.vdi h2 em,
.vdi h3 em {
  font-family: var(--font-serif);
  font-style: italic;
  font-weight: 400;
  background: linear-gradient(120deg, var(--orange-3), var(--orange-2));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Icon sprite sits outside .vdi; keep it out of the layout */
.svg-symbols { position: absolute; width: 0; height: 0; overflow: hidden; }