.vd-site{--vd-bg:#f4f7f4;--vd-panel:#fff;--vd-ink:#10202a;--vd-muted:#536875;--vd-border:#d8e3e1;--vd-deep:#071a2b;--vd-accent:#cfff52;background:var(--vd-bg);color:var(--vd-ink)}
[data-theme=dark] .vd-site{--vd-bg:#07111e;--vd-panel:#0e2030;--vd-ink:#f5f8f6;--vd-muted:#a4b5bd;--vd-border:#294153;--vd-deep:#071a2b}
.vd-site .site-header{position:sticky;top:0;z-index:50;background:#071a2b;color:#fff;backdrop-filter:blur(18px);border-bottom:1px solid #294153}
.vd-site .nav{max-width:1440px}.vd-site .nav-links{gap:26px}.vd-site .nav-links a{font-size:12px}.vd-site .nav-contact{background:var(--vd-accent);color:#142311}
.vd-site .container{max-width:1400px}
.vd-site h1,.vd-site h2,.vd-site h3{font-family:var(--font-display);letter-spacing:-.045em}
.vd-site h1,.vd-site h2,.vd-site h3,.vd-site p{margin-top:0}
.vd-kicker{display:inline-flex;align-items:center;gap:9px;color:#428ca8;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.vd-kicker i{width:8px;height:8px;border-radius:50%;background:var(--vd-accent);box-shadow:0 0 0 4px #cfff5230}
.vd-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border-radius:100px;padding:14px 20px;font-size:13px;font-weight:800;min-width:170px;transition:transform .2s,background .2s}
.vd-btn:hover{transform:translateY(-3px)}.vd-btn-primary{background:var(--vd-accent);color:#142311}.vd-btn-secondary{border:1px solid var(--vd-border);color:var(--vd-ink);background:var(--vd-panel)}
.vd-actions{display:flex;gap:10px;flex-wrap:wrap}
.vd-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 10%,#154267 0,transparent 42%),linear-gradient(125deg,#071320,#0b253e 75%,#102f3c);color:#fff;padding:105px 0 105px}
.vd-hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.14;background-image:linear-gradient(#c9d8ec55 1px,transparent 1px),linear-gradient(90deg,#c9d8ec55 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(90deg,transparent 25%,#000 100%)}
.vd-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:60px;align-items:center;position:relative;z-index:1}
.vd-hero h1{font-size:clamp(48px,5.6vw,85px);line-height:.99;max-width:750px;margin:22px 0 25px}
.vd-hero h1 em,.vd-section-head h2 em{color:#a6def8;font-style:normal}
.vd-hero-copy>p{max-width:620px;color:#c0d0dc;font-size:17px;line-height:1.7;margin-bottom:27px}
.vd-hero .vd-btn-secondary{border-color:#5d7890;color:#fff;background:#ffffff12}.vd-hero-note{font-size:11px;color:#9eb3c3;margin-top:27px;max-width:540px}
.vd-hero-art{min-height:490px;position:relative;display:flex;align-items:center}
.vd-browser{border:1px solid #7fa0b262;border-radius:19px;overflow:hidden;box-shadow:0 26px 80px #0007}
.vd-browser-main{width:100%;background:#f7faf5;color:#182f31;transform:translateZ(0)}
.vd-browser-top{height:42px;background:#fff;display:flex;gap:20px;align-items:center;padding:0 19px;color:#5e7377;font-size:11px}.vd-dots{color:#ff9b4c;letter-spacing:3px}
.vd-browser-body{display:grid;grid-template-columns:1fr 1.05fr;min-height:360px;background:#e8f1e8}
.vd-browser-body>div{padding:48px 30px 35px}.vd-browser-body small{color:#377887;letter-spacing:.15em;font-size:9px;font-weight:800}.vd-browser-body h2{font-size:clamp(27px,3vw,44px);line-height:1.05;margin:16px 0}.vd-browser-body p{color:#5b6b64;font-size:12px;line-height:1.6}.vd-browser-body img{width:100%;height:100%;object-fit:cover}.vd-mini-button{display:inline-block;background:#18778a;color:#fff;border-radius:30px;padding:9px 13px;font-size:10px;font-weight:800;margin-top:12px}
.vd-browser-float{position:absolute;bottom:-10px;left:-42px;background:#0d2135;color:#fff;width:240px;padding:20px;border-color:#365c75}.vd-browser-float small{display:block;color:#9dc5d5;font-size:9px;letter-spacing:.1em}.vd-browser-float strong{display:block;font-size:22px;margin:10px 0 2px}.vd-browser-float>span{font-size:12px;color:#bbcbd5}.vd-browser-float div{margin-top:16px;border-top:1px solid #ffffff21;padding-top:11px;font-size:10px;color:#b8ec81}.vd-browser-float i{display:inline-block;width:7px;height:7px;background:#6bd290;border-radius:50%;margin-right:4px}
.vd-section{padding:100px 0;scroll-margin-top:80px}.vd-section-head{max-width:790px;margin-bottom:38px}.vd-section-head h2{font-size:clamp(38px,5vw,68px);line-height:1.07;margin:14px 0 20px}.vd-section-head p{font-size:16px;line-height:1.7;color:var(--vd-muted);max-width:660px}
.vd-why{background:var(--vd-bg)}.vd-why .vd-section-head h2 em{color:#2985aa}
.vd-why-grid,.vd-feature-grid,.vd-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.vd-why-grid article,.vd-feature-grid article,.vd-steps-grid article{border:1px solid var(--vd-border);background:var(--vd-panel);border-radius:18px;padding:28px;min-height:185px}
.vd-why-grid article>span,.vd-feature-grid article>span{font-size:10px;font-weight:800;color:#2189b1;letter-spacing:.12em}.vd-why-grid h3,.vd-feature-grid h3,.vd-steps-grid h3{font-size:23px;margin:34px 0 9px}.vd-why-grid p,.vd-feature-grid p,.vd-steps-grid p{font-size:13px;line-height:1.6;color:var(--vd-muted)}
.vd-gallery-section{background:#0b1b2c;color:#fff}.vd-head-split{max-width:none;display:flex;align-items:end;justify-content:space-between;gap:50px}.vd-head-split>div{max-width:690px}.vd-head-split>p{max-width:390px;color:#afc4d1}.vd-gallery-bar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff28;padding:16px 0}.vd-gallery-bar>span{font-size:11px;color:#9ab2c4;font-weight:800;letter-spacing:.15em}.vd-gallery-bar>div{display:flex;gap:7px}.vd-gallery-bar button{border:1px solid #4c6b80;background:#153048;color:#fff;border-radius:50px;min-width:40px;height:38px;padding:0 13px;font-size:12px}.vd-gallery-bar button:hover,.vd-gallery-bar button:focus-visible{background:#276480}.vd-gallery{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:16px;min-height:490px}.vd-gallery-card{border:1px solid #456175;background:#0d263a;border-radius:23px;overflow:hidden;display:flex;flex-direction:column;animation:vd-enter .42s ease both}.vd-gallery-card.is-secondary{opacity:.86;animation-delay:.07s}.vd-gallery-card-top{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;font-size:10px;color:#bcd3e2;letter-spacing:.08em}.vd-gallery-preview{background:var(--card-soft,#e8f4ee);min-height:340px;display:grid;grid-template-columns:1fr 1.02fr;align-items:stretch;color:#1a323a}.vd-gallery-preview>div{padding:38px 25px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.vd-gallery-preview small{font-size:10px;letter-spacing:.14em;color:var(--card-accent,#2089a3);font-weight:800}.vd-gallery-preview h3{font-size:clamp(27px,3vw,45px);line-height:1.04;margin:16px 0}.vd-gallery-preview p{font-size:12px;line-height:1.55;color:#536975}.vd-gallery-preview img{width:100%;height:100%;object-fit:cover}.vd-gallery-preview span{display:inline-block;padding:8px 14px;background:var(--card-accent,#2089a3);border-radius:30px;color:#fff;font-size:10px;font-weight:800}.vd-gallery-card-foot{display:flex;align-items:center;justify-content:space-between;padding:20px 23px;gap:20px}.vd-gallery-card-foot strong{font-size:20px}.vd-gallery-card-foot a{font-size:12px;color:#cdf666;font-weight:800;white-space:nowrap}.vd-gallery-card.is-secondary .vd-gallery-preview{min-height:340px;grid-template-columns:1fr}.vd-gallery-card.is-secondary .vd-gallery-preview img{display:none}.vd-gallery-card.is-secondary .vd-gallery-preview>div{padding:38px}.vd-gallery-thumbs{display:flex;gap:7px;overflow-x:auto;margin:14px 0;padding-bottom:7px}.vd-gallery-thumbs button{flex:0 0 auto;background:#112e44;border:1px solid #456175;color:#b8d0df;border-radius:9px;padding:9px 12px;font-size:11px}.vd-gallery-thumbs button[aria-current=true]{background:#d1ff57;color:#1b2f22;border-color:#d1ff57;font-weight:800}.vd-honesty{font-size:11px;color:#9fb5c3;margin:18px 0 0}
.vd-dashboard-section{background:var(--vd-bg)}.vd-flow{display:grid;grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);align-items:center;gap:10px;background:#092035;border:1px solid #2d536c;border-radius:26px;padding:26px;color:#fff}.vd-flow-window{min-height:400px;border-radius:17px;padding:25px;background:#fff;color:#162a31}.vd-flow-top{font-size:10px;letter-spacing:.11em;color:#5b7b8b;font-weight:800;display:flex;justify-content:space-between}.vd-flow-top span{color:#559b70}.vd-flow-window h3{font-size:27px;margin:27px 0 24px}.vd-flow-product{display:flex;align-items:center;gap:12px;border:1px solid #dfe8e8;border-radius:12px;padding:10px;margin-bottom:10px}.vd-flow-product img,.vd-flow-product-icon{width:64px;height:57px;object-fit:cover;border-radius:8px}.vd-flow-product-icon{display:grid;place-items:center;background:#d9efec;font-size:25px;color:#2b8897}.vd-flow-product>div:nth-child(2){flex:1;display:grid;font-size:12px}.vd-flow-product small{font-size:10px;color:#71828a}.vd-flow-product b{color:#137ba5}.vd-flow-product>span{font-size:21px;color:#1684a4}.vd-flow-total{background:#e4f3f8;padding:14px;border-radius:10px;margin-top:25px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px}.vd-flow-total b{background:#1683a8;color:#fff;padding:9px;border-radius:7px;white-space:nowrap}.vd-flow-mid{display:grid;gap:9px;justify-items:center;color:#b5cddd;font-size:11px}.vd-flow-mid span{background:#183a52;padding:8px 14px;border-radius:20px}.vd-flow-mid i{font-size:30px;color:#d1ff57;font-style:normal}.vd-flow-admin{background:#0f1e33;color:#f4f7f8;border:1px solid #36546b}.vd-flow-admin .vd-flow-top{color:#8aaac0}.vd-flow-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:25px}.vd-flow-kpi div{background:#182c42;border:1px solid #36546b;padding:14px;border-radius:9px;display:grid}.vd-flow-kpi small{color:#9ab3c4;font-size:10px}.vd-flow-kpi strong{font-size:29px;color:#d1ff57}.vd-flow-order{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff25;padding:16px 0}.vd-flow-order div{display:grid}.vd-flow-order strong{font-size:12px}.vd-flow-order small{font-size:10px;color:#9cb2c1}.vd-flow-order>span{color:#bcf770;font-size:11px}
.vd-feature-grid{margin-top:14px}.vd-feature-grid h3{margin-top:24px}.vd-section-action{text-align:center;margin-top:30px}
.vd-pricing{background:#0a1525;color:#fff}.vd-pricing .vd-section-head p{color:#aec1d0}.vd-pricing .pricing-grid{background:#0c2236}.vd-pricing .price-card{background:#10253c;border-color:#28435b}.vd-pricing .price-card h3,.vd-pricing .price-card strong{color:#fff}.vd-pricing .price-card p,.vd-pricing .price-card li,.vd-pricing .pricing-note{color:#a9bfcb}.vd-pricing .price-card.featured{border-color:#50bbef}.vd-pricing .price-btn{background:#39baf3;color:#092035}.vd-pricing .price-btn span{background:#d1ff57;color:#14290c}.vd-pricing .price-card:hover{transform:translateY(-4px)}
.vd-steps{background:var(--vd-bg)}.vd-steps-grid article b{font-size:12px;color:#2b9abd}.vd-steps-grid article h3{margin-top:30px}
.vd-faq{background:var(--vd-panel)}.vd-faq .faq-grid{max-width:900px;margin:auto}.vd-faq .faq-item{border-color:var(--vd-border)}.vd-faq .faq-q{color:var(--vd-ink)}.vd-faq .faq-a p{color:var(--vd-muted)}
.vd-final{background:#12384b;color:#fff;padding:85px 0}.vd-final-grid{display:flex;align-items:end;justify-content:space-between;gap:60px}.vd-final h2{font-size:clamp(35px,4vw,60px);max-width:800px;line-height:1.08;margin:13px 0}.vd-final p{color:#bed5db;font-size:15px}.vd-final .vd-btn-secondary{background:#ffffff12;border-color:#6a9eb1;color:#fff}
.vd-site .footer{background:#061322}
@keyframes vd-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1120px){.vd-hero-grid{gap:35px}.vd-hero-art{min-height:400px}.vd-gallery{min-height:400px}.vd-gallery-preview{min-height:300px}.vd-gallery-card.is-secondary .vd-gallery-preview{min-height:300px}.vd-flow{grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr)}}
@media(max-width:800px){.vd-hero{padding:70px 0}.vd-hero-grid{grid-template-columns:1fr}.vd-hero-art{max-width:690px;min-height:380px}.vd-browser-float{left:auto;right:10px}.vd-head-split{display:block}.vd-gallery{grid-template-columns:1fr;min-height:0}.vd-gallery-card.is-secondary{display:none}.vd-flow{grid-template-columns:1fr;gap:15px}.vd-flow-mid{grid-auto-flow:column;justify-content:center}.vd-flow-mid i{display:none}.vd-why-grid,.vd-feature-grid,.vd-steps-grid{grid-template-columns:1fr}.vd-final-grid{display:block}.vd-final .vd-actions{margin-top:25px}}
@media(max-width:560px){.vd-section{padding:68px 0}.vd-hero h1{font-size:clamp(43px,11vw,65px)}.vd-hero-copy>p{font-size:14px}.vd-hero-art{min-height:300px}.vd-browser-body{min-height:250px}.vd-browser-body>div{padding:20px 12px}.vd-browser-body h2{font-size:24px}.vd-browser-body p{font-size:10px}.vd-browser-float{position:absolute;width:175px;padding:12px;bottom:-8px}.vd-browser-float strong{font-size:16px}.vd-gallery-preview{grid-template-columns:1fr;min-height:320px}.vd-gallery-preview img{height:150px;order:-1}.vd-gallery-preview>div{padding:20px}.vd-gallery-preview h3{font-size:30px;margin:8px 0}.vd-gallery-card-foot strong{font-size:15px}.vd-gallery-card-foot a{font-size:10px}.vd-flow-window{min-height:0}.vd-flow-mid{font-size:9px}.vd-btn{min-width:145px;padding:12px 15px}}
@media(prefers-reduced-motion:reduce){.vd-gallery-card{animation:none}.vd-btn:hover,.vd-pricing .price-card:hover{transform:none}}
.vd-hero-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:38px}
.vd-hero-art,.vd-browser-main,.vd-browser-body img{min-width:0}
.vd-browser-body{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
@media(max-width:800px){.vd-hero-grid{grid-template-columns:1fr}}

/* Keep the original sky and moving cards at the top of the site. */
.vd-site .hero{min-height:0;background:#057bc4}
.vd-site .hero-content{padding-top:68px;padding-bottom:70px}
.vd-site .hero h1{font-size:clamp(45px,5vw,68px);max-width:1080px;line-height:1.06}
.vd-site .hero-lead{max-width:660px}
.vd-site .hero-showcase{perspective:none;-webkit-perspective:none;touch-action:pan-y}
.vd-site .arc-card{backface-visibility:visible;-webkit-backface-visibility:visible}
.vd-site .nav{gap:16px}.vd-site .nav-links{gap:15px}.vd-site .nav-links a{font-size:10px}
@media(max-width:1350px){
  .vd-site .nav-links,.vd-site .nav-contact{display:none}
  .vd-site .theme-toggle{margin-left:auto;flex:none}
  .vd-site .menu-toggle{margin-left:0;margin-right:12px;display:grid;gap:5px;background:#ffffff24;border:1px solid #ffffff66;border-radius:10px;padding:12px;cursor:pointer}
  .vd-site .menu-toggle span{width:18px;height:2px;background:#fff}
  .vd-site .mobile-menu{position:absolute;top:76px;left:16px;right:16px;background:var(--vd-panel);border:1px solid var(--vd-border);color:var(--vd-ink);border-radius:16px;padding:20px;box-shadow:0 20px 50px #0005;display:none;flex-direction:column;gap:14px;z-index:101}
  .vd-site .mobile-menu.open{display:flex}
}
@media(max-width:768px){.vd-site .hero-content{padding-top:75px;padding-bottom:55px}.vd-site .hero h1{font-size:clamp(39px,8.5vw,62px)}.vd-site .hero-showcase{margin-top:26px}}
@media(max-width:520px){.vd-site .hero-content{padding-top:65px}.vd-site .hero h1{font-size:clamp(35px,10vw,48px)}.vd-site .hero-lead{font-size:14px}.vd-site .hero-caption{font-size:10px}}

/* The order story uses real laundry imagery and readable example details. */
.vd-flow{grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);padding:20px;gap:14px}
.vd-flow-window{min-height:420px;padding:24px}
.vd-flow-window h3{margin:20px 0 6px}
.vd-flow-intro{font-size:12px;color:#61747a;margin-bottom:17px}
.vd-flow-product{padding:8px;gap:13px}
.vd-flow-product img{width:72px;height:68px;flex:none}
.vd-flow-product>div:nth-child(2){gap:3px}
.vd-flow-product>span{color:#0d8f7e;font-size:17px}
.vd-flow-total{margin-top:18px;font-size:11px}
.vd-flow-total strong{font-size:14px;color:#102f43}
.vd-flow-total a,.vd-flow-order-link{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:#1683a8;color:#fff;font-size:11px;font-weight:800;padding:10px 13px;white-space:nowrap}
.vd-flow-admin h3{display:flex;align-items:center;justify-content:space-between;gap:12px}
.vd-flow-admin h3 small{font:700 11px var(--font-body);color:#b9d1de;letter-spacing:0}
.vd-flow-order-main{background:#152d42;border:1px solid #35566c;border-radius:12px;padding:13px;margin-top:16px}
.vd-flow-order-main small{margin-top:4px}
.vd-flow-order-link{margin-top:20px;background:#cfff52;color:#122317;width:100%;padding:12px 15px;justify-content:space-between}
@media(max-width:900px){.vd-flow{grid-template-columns:1fr}.vd-flow-mid{grid-auto-flow:column;justify-content:center}.vd-flow-mid i{display:none}}
@media(max-width:560px){.vd-flow{padding:12px}.vd-flow-window{min-height:0;padding:17px}.vd-flow-total{align-items:flex-start}.vd-flow-total a{white-space:normal}}
.vd-gallery{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);min-height:610px}
.vd-gallery-preview,.vd-gallery-card.is-secondary .vd-gallery-preview{display:block;min-height:520px;background:#071727;overflow:hidden}
.vd-gallery-preview img,.vd-gallery-card.is-secondary .vd-gallery-preview img{display:block;width:100%;height:520px;object-fit:contain;object-position:center top}
.vd-gallery-card-foot span{color:#a9bfd0;font-size:12px}
.vd-site .sky-layer{inset:0;background-size:cover;background-position:center center}
.vd-site .site-header .nav-links a{color:#f4fbff;opacity:1}
.vd-site .site-header .nav-links a:hover{color:#d1ff57}
.vd-site .theme-toggle{width:36px;height:36px;display:grid;place-items:center;padding:0;color:#fff;background:#ffffff1b;border:1px solid #ffffff70}
.vd-site .theme-toggle::after{display:none}
.vd-site .theme-toggle svg{position:relative;z-index:1}
.vd-site .theme-toggle .theme-moon{display:none}
.vd-site [data-theme="dark"] .theme-toggle .theme-moon{display:block}
.vd-site [data-theme="dark"] .theme-toggle .theme-sun{display:none}
html[data-theme="dark"] .vd-site .theme-toggle .theme-moon{display:block}
html[data-theme="dark"] .vd-site .theme-toggle .theme-sun{display:none}
@media(max-width:800px){.vd-gallery{grid-template-columns:1fr;min-height:0}.vd-gallery-card.is-secondary{display:none}}
@media(max-width:560px){.vd-gallery-preview,.vd-gallery-card.is-secondary .vd-gallery-preview{min-height:390px}.vd-gallery-preview img,.vd-gallery-card.is-secondary .vd-gallery-preview img{height:390px}}

/* Use the available width on large monitors, including at 110% browser zoom. */
@media(min-width:1500px){
  .vd-site .container,.vd-site .nav{width:min(1840px,calc(100% - 96px));max-width:none}
  .vd-site .hero-showcase{max-width:1500px}
}

/* Portfolio artwork is 1672 × 941; matching its ratio removes the empty band. */
.vd-site .vd-gallery{grid-template-columns:repeat(2,minmax(0,1fr));min-height:0}
.vd-site .vd-gallery-card{min-width:0}
.vd-site .vd-gallery-preview,.vd-site .vd-gallery-card.is-secondary .vd-gallery-preview{aspect-ratio:1672/941;min-height:0;flex:none}
.vd-site .vd-gallery-preview img,.vd-site .vd-gallery-card.is-secondary .vd-gallery-preview img{width:100%;height:100%;object-fit:cover}
.vd-site .vd-gallery-card-foot{margin-top:auto}
@media(max-width:800px){.vd-site .vd-gallery{grid-template-columns:1fr}}

/* A static sky avoids continuous repainting across the whole 2K viewport. */
.vd-site .sky-layer{animation:none;will-change:auto}
.vd-site .site-header{backdrop-filter:none;-webkit-backdrop-filter:none}
.vd-site .vd-section{content-visibility:auto;contain-intrinsic-size:auto 850px}

/* Clean automatic portfolio: the artwork stays fully visible instead of being cropped. */
.vd-gallery-bar{gap:18px}.vd-gallery-progress{width:min(260px,38vw);height:5px;background:#315066;border-radius:10px;overflow:hidden}.vd-gallery-progress i{display:block;height:100%;width:12.5%;border-radius:inherit;background:#d1ff57;transition:width .5s ease}.vd-gallery-hint{margin-left:auto}.vd-gallery{min-height:0;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.vd-gallery-preview,.vd-gallery-card.is-secondary .vd-gallery-preview{min-height:0;display:block;aspect-ratio:1672/941;background:#f3f6f4}.vd-gallery-preview img,.vd-gallery-card.is-secondary .vd-gallery-preview img{display:block;width:100%;height:100%;object-fit:contain}.vd-gallery-card-foot span{font-size:11px;color:#adcadb}.vd-gallery-card.is-secondary{opacity:.72;transform:scale(.975);transform-origin:left center}.vd-gallery-card{transition:transform .4s ease,opacity .4s ease}

/* Product UI is drawn with HTML so the dashboard copy stays crisp and editable. */
.vd-saas-showcase{position:relative;isolation:isolate;min-height:530px;margin-top:26px;padding:50px 34% 46px 35px;overflow:hidden;border:1px solid #255478;border-radius:28px;background:radial-gradient(circle at 84% 42%,#245c83 0,#0f324e 37%,#071b30 73%);box-shadow:0 25px 80px #07172d22}.vd-saas-showcase::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#ffffff07,transparent 42%);pointer-events:none}.vd-saas-screen{position:relative;z-index:1;width:100%;min-height:420px;padding:17px;border:1px solid #396584;border-radius:18px;background:#0b1d30;color:#f4fbff;box-shadow:0 30px 55px #03101b9e;transform:perspective(1100px) rotateY(-5deg)}.vd-saas-top{display:flex;align-items:center;gap:11px;padding-bottom:17px;border-bottom:1px solid #ffffff1b;font-size:11px;font-weight:700}.vd-saas-logo{display:grid;place-items:center;width:26px;height:26px;background:#d2ff59;border-radius:8px;color:#11271e;font-size:14px}.vd-saas-live{margin-left:auto;color:#a7dc79;font-size:9px;letter-spacing:.08em}.vd-saas-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.vd-saas-metrics div{display:grid;gap:6px;padding:14px;background:#162d43;border:1px solid #ffffff19;border-radius:12px}.vd-saas-metrics small,.vd-saas-metrics span{font-size:9px;color:#9db8c8}.vd-saas-metrics strong{font-size:31px;line-height:1;color:#d2ff59}.vd-saas-body{display:grid;grid-template-columns:1.1fr .9fr;gap:10px}.vd-saas-chart,.vd-saas-tickets{padding:14px;border:1px solid #ffffff1c;border-radius:12px;background:#10263c;min-height:185px}.vd-saas-row{display:flex;justify-content:space-between;align-items:center;gap:5px}.vd-saas-row strong,.vd-saas-tickets>strong{font-size:11px}.vd-saas-row small{font-size:9px;color:#a2bac9}.vd-saas-bars{height:112px;display:flex;align-items:end;gap:9px;margin-top:20px;border-bottom:1px solid #ffffff22}.vd-saas-bars i{flex:1;min-width:5px;border-radius:5px 5px 0 0;background:linear-gradient(#cfff59,#57a941)}.vd-saas-tickets>div{display:flex;gap:5px;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #ffffff17;font-size:9px}.vd-saas-tickets b{color:#d8f4ff}.vd-saas-tickets span{color:#9cb8c8}.vd-saas-tickets em{font-style:normal;color:#b6ec66;font-size:8px}.vd-saas-person{position:absolute;z-index:2;right:-5%;bottom:-14%;width:45%;max-height:112%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 22px 28px #03101b94);pointer-events:none}
@media(max-width:1000px){.vd-saas-showcase{padding-right:24%;padding-left:24px}.vd-saas-person{width:40%;right:-10%}.vd-saas-screen{transform:none}}
@media(max-width:760px){.vd-gallery-card.is-secondary{display:none}.vd-gallery{grid-template-columns:1fr}.vd-gallery-hint{display:none}.vd-saas-showcase{min-height:0;padding:20px 20px 220px}.vd-saas-person{width:300px;max-width:70%;right:-8%;bottom:-50px}.vd-saas-screen{min-height:0}.vd-saas-body{grid-template-columns:1fr}.vd-saas-chart{min-height:150px}.vd-saas-tickets{min-height:0}}
@media(max-width:460px){.vd-saas-metrics strong{font-size:23px}.vd-saas-metrics div{padding:9px}.vd-saas-metrics small,.vd-saas-metrics span{font-size:8px}.vd-saas-showcase{padding-bottom:175px}.vd-saas-person{width:230px}.vd-saas-live{display:none}}
html[data-performance="lite"] .vd-site *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;animation-duration:0s!important;transition-duration:0s!important}
html[data-performance="lite"] .vd-site .reveal{opacity:1;transform:none}

/* Hero: one clear card, adjacent cards fade without continuous GPU rendering. */
.vd-site .hero-showcase{height:290px;max-width:1050px;margin-top:34px;overflow:hidden;cursor:default;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.vd-site .showcase-track{display:block;position:relative;height:100%}
.vd-site .hero-slide{position:absolute;left:50%;top:22px;width:340px;height:225px;overflow:hidden;padding:0;border:2px solid #ffffffb8;border-radius:18px;background:#0b2338;color:white;cursor:pointer;box-shadow:0 18px 38px #05253c73;transform:translateX(calc(-50% + var(--shift))) scale(var(--scale));opacity:var(--opacity);z-index:var(--layer);transition:transform .65s ease,opacity .65s ease,box-shadow .65s ease}
.vd-site .hero-slide[data-offset="0"]{--shift:0px;--scale:1.12;--opacity:1;--layer:5;box-shadow:0 24px 55px #002945b8}
.vd-site .hero-slide[data-offset="-1"]{--shift:-310px;--scale:.91;--opacity:.7;--layer:4}
.vd-site .hero-slide[data-offset="1"]{--shift:310px;--scale:.91;--opacity:.7;--layer:4}
.vd-site .hero-slide[data-offset="-2"]{--shift:-570px;--scale:.78;--opacity:.35;--layer:3}
.vd-site .hero-slide[data-offset="2"]{--shift:570px;--scale:.78;--opacity:.35;--layer:3}
.vd-site .hero-slide img{display:block;width:100%;height:100%;object-fit:cover}
.vd-site .hero-slide span{position:absolute;left:10px;bottom:10px;background:#071b2dd9;padding:6px 10px;border-radius:8px;font:700 12px var(--font-body);box-shadow:0 2px 10px #0006}
.vd-site .hero-slide:focus-visible{outline:3px solid #d7ff44;outline-offset:3px}
@media(max-width:700px){.vd-site .hero-showcase{height:210px}.vd-site .hero-slide{width:245px;height:155px;top:19px}.vd-site .hero-slide[data-offset="-1"]{--shift:-185px}.vd-site .hero-slide[data-offset="1"]{--shift:185px}.vd-site .hero-slide[data-offset="-2"]{--shift:-350px}.vd-site .hero-slide[data-offset="2"]{--shift:350px}}
@media(prefers-reduced-motion:reduce){.vd-site .hero-slide{transition:none}}