/* VS Digital Lab public solutions page — polished layout 2.7.0 */
.vsdl-public-solutions-template{background:#fff}
.vsdl-public-solutions-template .vsdl-solutions-page-main{margin:0!important;padding:0!important;max-width:none!important}
.vsdl-solutions-page{--sol-navy:#061226;--sol-navy2:#0a1a3a;--sol-blue:#146bff;--sol-ink:#0a1730;--sol-muted:#61708a;--sol-line:#e3e9f3;background:#fff;color:var(--sol-ink);overflow:hidden}
.vsdl-solutions-page *{box-sizing:border-box}
.vsdl-solutions-page .vsdl-shell{width:min(1280px,calc(100% - 48px));margin-inline:auto}
.vsdl-solutions-page h1,.vsdl-solutions-page h2,.vsdl-solutions-page h3,.vsdl-solutions-page p{margin-top:0}
.vsdl-solutions-page h1,.vsdl-solutions-page h2,.vsdl-solutions-page h3{color:var(--sol-ink)}
.vsdl-solutions-page .vsdl-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#1b8fff;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.vsdl-solutions-page .vsdl-eyebrow:before{content:"";width:14px;height:14px;background:radial-gradient(circle,#1e91ff 1.4px,transparent 1.8px);background-size:5px 5px}
.vsdl-solutions-page .vsdl-eyebrow.light{display:none}
.vsdl-solutions-page .vsdl-solutions-section-head{margin-bottom:28px;text-align:center}
.vsdl-solutions-page .vsdl-solutions-section-head h2{position:relative;display:inline-block;margin:0;font-size:40px;line-height:1.08;letter-spacing:-.035em}
.vsdl-solutions-page .vsdl-solutions-section-head h2:after{content:"";position:absolute;left:50%;bottom:-10px;width:38px;height:3px;border-radius:3px;background:#146bff;transform:translateX(-50%)}
.vsdl-solutions-page .vsdl-solutions-section-head p{max-width:760px;margin:22px auto 0;color:var(--sol-muted);font-size:17px;line-height:1.72}

/* Hero */
.vsdl-solutions-page .vsdl-solutions-hero{position:relative;min-height:560px;padding:128px 0 58px;overflow:hidden;background:radial-gradient(circle at 78% 24%,rgba(78,142,255,.28),transparent 22%),radial-gradient(circle at 92% 78%,rgba(50,119,255,.18),transparent 18%),linear-gradient(115deg,#041023 0%,#071833 58%,#07152e 100%)}
.vsdl-solutions-page .vsdl-solutions-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 45%,rgba(21,108,255,.09) 45% 45.2%,transparent 45.2%),linear-gradient(180deg,transparent 0 62%,rgba(21,108,255,.08) 62% 62.2%,transparent 62.2%);background-size:160px 110px;opacity:.55;mask-image:linear-gradient(90deg,transparent 18%,#000 55%,#000 100%)}
.vsdl-solutions-page .vsdl-solutions-hero:after{content:"";position:absolute;right:-80px;bottom:-70px;width:620px;height:220px;border-radius:50%;background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 13px,rgba(21,108,255,.22) 14px 15px,transparent 16px 26px);opacity:.45;transform:rotate(-4deg)}
.vsdl-solutions-page .vsdl-solutions-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.86fr) minmax(540px,1.14fr);gap:48px;align-items:center}
.vsdl-solutions-page .vsdl-solutions-copy h1{max-width:640px;margin:14px 0 0;color:#fff;font-size:clamp(46px,4.6vw,70px);line-height:1.01;letter-spacing:-.05em}
.vsdl-solutions-page .vsdl-solutions-copy>p{max-width:600px;margin:24px 0 0;color:#ced8e9;font-size:18px;line-height:1.78}
.vsdl-solutions-page .vsdl-solutions-hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:25px}
.vsdl-solutions-page .vsdl-btn-primary,.vsdl-solutions-page .vsdl-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:0 24px;border-radius:14px;text-decoration:none;font-size:14px;font-weight:800;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}
.vsdl-solutions-page .vsdl-btn-primary{color:#fff;background:linear-gradient(180deg,#1685ff,#0868ef);box-shadow:0 10px 28px rgba(7,108,240,.34)}
.vsdl-solutions-page .vsdl-btn-secondary{color:#fff;border:1px solid rgba(255,255,255,.48);background:rgba(3,13,31,.38)}
.vsdl-solutions-page .vsdl-btn-primary:hover,.vsdl-solutions-page .vsdl-btn-secondary:hover{transform:translateY(-1px)}
.vsdl-solutions-page .vsdl-solutions-trust{display:none}
.vsdl-solutions-page .vsdl-solutions-stage{position:relative;min-height:395px;filter:drop-shadow(0 34px 42px rgba(0,0,0,.34))}
.vsdl-solutions-page .vsdl-stage-laptop,.vsdl-solutions-page .vsdl-stage-tablet,.vsdl-solutions-page .vsdl-stage-phone{position:absolute}
.vsdl-solutions-page .vsdl-stage-laptop{inset:0 82px 40px 0;z-index:1;transform:scale(.91);transform-origin:center}
.vsdl-solutions-page .vsdl-stage-tablet{right:-5px;bottom:23px;z-index:3;width:59%;transform:scale(.75);transform-origin:right bottom}
.vsdl-solutions-page .vsdl-stage-phone{right:155px;bottom:-8px;z-index:4;width:25%;transform:scale(.55);transform-origin:right bottom}
.vsdl-solutions-page .vsdl-card-screen{min-height:205px;overflow:hidden;border:1px solid rgba(77,122,195,.34);border-radius:13px;background:#fff;box-shadow:0 22px 55px rgba(0,0,0,.28)}
.vsdl-solutions-page .vsdl-card-screen header{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;border-bottom:1px solid #e7edf6;background:#fff}
.vsdl-solutions-page .vsdl-card-screen header span{color:#0b1730;font-size:10px;font-weight:800}.vsdl-solutions-page .vsdl-card-screen header b{padding:4px 7px;border-radius:4px;background:#eaf2ff;color:#146bff;font-size:7px}
.vsdl-solutions-page .preview-building .preview-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:11px}.vsdl-solutions-page .preview-building .preview-metrics p{margin:0;padding:9px;border:1px solid #e7edf5;border-radius:7px;background:#f8faff}.vsdl-solutions-page .preview-building .preview-metrics small{display:block;color:#8090a7;font-size:7px}.vsdl-solutions-page .preview-building .preview-metrics strong{display:block;margin-top:3px;font-size:14px}.vsdl-solutions-page .preview-line{padding:0 11px 10px}.vsdl-solutions-page .preview-line svg{width:100%;height:76px}.vsdl-solutions-page .preview-line polyline{fill:none;stroke:#1677ff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.vsdl-solutions-page .preview-auto .preview-orders{padding:10px}.vsdl-solutions-page .preview-auto .preview-orders p{display:grid;grid-template-columns:1.1fr .8fr auto;gap:6px;align-items:center;margin:0 0 6px;padding:8px;border:1px solid #e9eef6;border-radius:6px;background:#fff;font-size:7px}.vsdl-solutions-page .preview-auto .preview-orders p:last-child{margin-bottom:0}.vsdl-solutions-page .preview-auto small{color:#76859b}.vsdl-solutions-page .preview-auto em{padding:3px 5px;border-radius:3px;background:#eaf3ff;color:#146bff;font-style:normal}.vsdl-solutions-page .preview-auto em.wait{background:#fff0d9;color:#d68000}.vsdl-solutions-page .preview-auto em.done{background:#e8f8ee;color:#1d9250}
.vsdl-solutions-page .preview-student .preview-grade{display:flex;min-height:76px;flex-direction:column;align-items:center;justify-content:center}.vsdl-solutions-page .preview-student .preview-grade strong{font-size:30px;color:#4f4dff}.vsdl-solutions-page .preview-student .preview-grade small{font-size:7px;color:#7f8ca0}.vsdl-solutions-page .preview-student .preview-subjects{padding:0 9px 9px}.vsdl-solutions-page .preview-student .preview-subjects p{display:flex;align-items:center;justify-content:space-between;margin:0 0 5px;padding:6px 7px;border:1px solid #e7edf5;border-radius:6px;background:#f8faff;font-size:7px}

/* Solution cards */
.vsdl-solutions-page .vsdl-solutions-overview{padding:78px 0 42px;background:#fff}
.vsdl-solutions-page .vsdl-public-solutions-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.vsdl-solutions-page .vsdl-public-solution-card{display:flex;min-height:362px;flex-direction:column;padding:24px 20px 18px;border:1px solid #dfe6f1;border-radius:18px;background:linear-gradient(180deg,#ffffff,#fbfdff);box-shadow:0 16px 36px rgba(8,26,58,.07);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.vsdl-solutions-page .vsdl-public-solution-card:hover{transform:translateY(-5px);box-shadow:0 22px 44px rgba(8,26,58,.12);border-color:#cadef8}
.vsdl-solutions-page .vsdl-public-solution-icon{display:grid;width:54px;height:54px;place-items:center;margin-bottom:18px;border-radius:16px;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 10px 20px rgba(17,51,107,.08)}
.vsdl-solutions-page .vsdl-public-solution-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.vsdl-solutions-page .is-building .vsdl-public-solution-icon{background:#2e75e8}.vsdl-solutions-page .is-auto .vsdl-public-solution-icon{background:#46aa4f}.vsdl-solutions-page .is-student .vsdl-public-solution-icon{background:#7650ed}.vsdl-solutions-page .is-playroom .vsdl-public-solution-icon{background:#ff9418}.vsdl-solutions-page .is-custom .vsdl-public-solution-icon{background:#2bb7b5}
.vsdl-solutions-page .vsdl-public-solution-card h3{margin:0;font-size:22px;line-height:1.15;letter-spacing:-.03em}.vsdl-solutions-page .vsdl-public-solution-card>p{min-height:84px;margin:10px 0 0;color:#4e5c72;font-size:13px;line-height:1.62}.vsdl-solutions-page .vsdl-public-solution-card ul{display:grid;gap:8px;margin:14px 0 18px;padding:0;list-style:none}.vsdl-solutions-page .vsdl-public-solution-card li{position:relative;padding-left:15px;color:#17243a;font-size:12px;line-height:1.5}.vsdl-solutions-page .vsdl-public-solution-card li:before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;border:2px solid #1474ff;border-radius:50%}.vsdl-solutions-page .vsdl-public-solution-card>a{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:12px 14px;border:1px solid #cdd8e8;border-radius:12px;color:#146bff;text-decoration:none;font-size:12px;font-weight:800}

/* Platform */
.vsdl-solutions-page .vsdl-solutions-platform{padding:46px 0 72px;background:linear-gradient(180deg,#f7faff,#fff)}
.vsdl-solutions-page .vsdl-platform-grid{display:grid;grid-template-columns:minmax(430px,.88fr) minmax(0,1.12fr);gap:44px;align-items:center}
.vsdl-solutions-page .vsdl-platform-visual{position:relative;min-height:275px}.vsdl-solutions-page .vsdl-platform-desktop{position:absolute;inset:0 95px 10px 0;transform:scale(.78);transform-origin:left center}.vsdl-solutions-page .vsdl-platform-mobile{position:absolute;right:10px;bottom:0;width:30%;transform:scale(.56);transform-origin:right bottom}
.vsdl-solutions-page .vsdl-platform-copy h2{position:relative;display:inline-block;margin:0;font-size:33px;line-height:1.12;letter-spacing:-.025em}.vsdl-solutions-page .vsdl-platform-copy h2:after{content:"";position:absolute;left:0;bottom:-9px;width:36px;height:3px;border-radius:3px;background:#146bff}.vsdl-solutions-page .vsdl-platform-copy>p{margin:19px 0 0;color:var(--sol-muted);font-size:14px;line-height:1.6}
.vsdl-solutions-page .vsdl-platform-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin-top:20px}
.vsdl-solutions-page .vsdl-platform-points article{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start;padding:14px 0;border-bottom:1px solid #e5eaf2}.vsdl-solutions-page .vsdl-platform-points article:nth-last-child(-n+2){border-bottom:0}.vsdl-solutions-page .vsdl-feature-icon{display:grid;width:40px;height:40px;place-items:center;color:#146bff}.vsdl-solutions-page .vsdl-feature-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.vsdl-solutions-page .vsdl-platform-points h3{margin:0;font-size:15px}.vsdl-solutions-page .vsdl-platform-points p{margin:6px 0 0;color:#5c6b82;font-size:12px;line-height:1.6}

/* Why */
.vsdl-solutions-page .vsdl-solutions-why{padding:18px 0 66px;background:#fff}.vsdl-solutions-page .vsdl-why-grid-public{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.vsdl-solutions-page .vsdl-why-grid-public article{padding:24px 16px;border:1px solid #e0e7f1;border-radius:18px;background:#fff;text-align:center;box-shadow:0 12px 28px rgba(7,25,58,.04)}.vsdl-solutions-page .vsdl-why-grid-public .vsdl-feature-icon{margin:0 auto 12px}.vsdl-solutions-page .vsdl-why-grid-public h3{margin:0;font-size:15px;line-height:1.25}.vsdl-solutions-page .vsdl-why-grid-public p{margin:8px 0 0;color:#5b6980;font-size:12px;line-height:1.6}

/* Process */
.vsdl-solutions-page .vsdl-solutions-process{padding:10px 0 72px;background:#fff}.vsdl-solutions-page .vsdl-process-grid-public{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}.vsdl-solutions-page .vsdl-process-grid-public article{position:relative;display:grid;grid-template-columns:60px 1fr;gap:16px;align-items:center;min-height:146px;padding:24px 24px;border:1px solid #dfe6f1;border-radius:20px;background:#fff;box-shadow:0 12px 28px rgba(7,25,58,.04)}.vsdl-solutions-page .vsdl-process-grid-public article:not(:last-child):after{content:"";position:absolute;top:50%;right:-35px;width:34px;border-top:3px dotted #4c87ff}.vsdl-solutions-page .vsdl-process-grid-public .num{position:absolute;left:14px;top:14px;display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#146bff;color:#fff;font-size:12px;font-weight:800}.vsdl-solutions-page .vsdl-process-icon{display:grid;width:60px;height:60px;place-items:center;border-radius:50%;background:#edf4ff;color:#146bff}.vsdl-solutions-page .vsdl-process-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.vsdl-solutions-page .vsdl-process-grid-public h3{margin:0;font-size:16px}.vsdl-solutions-page .vsdl-process-grid-public p{margin:6px 0 0;color:#5d6c83;font-size:12px;line-height:1.6}

/* CTA */
.vsdl-solutions-page .vsdl-solutions-cta{padding:0 0 80px;background:#fff}.vsdl-solutions-page .vsdl-solutions-cta-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding:34px 36px;border-radius:24px;background:radial-gradient(circle at 100% 50%,rgba(22,107,255,.26),transparent 29%),linear-gradient(110deg,#061226,#081a37);box-shadow:0 24px 56px rgba(5,18,44,.2)}.vsdl-solutions-page .vsdl-solutions-cta-copy{display:grid;grid-template-columns:60px 1fr;gap:18px;align-items:center}.vsdl-solutions-page .vsdl-cta-icon{display:grid;width:60px;height:60px;place-items:center;border:1px solid rgba(37,131,255,.55);border-radius:50%;color:#39a0ff}.vsdl-solutions-page .vsdl-cta-icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.vsdl-solutions-page .vsdl-solutions-cta-copy h2{margin:0;color:#fff;font-size:30px;line-height:1.12}.vsdl-solutions-page .vsdl-solutions-cta-copy p{margin:8px 0 0;color:#c7d3e5;font-size:14px;line-height:1.65}.vsdl-solutions-page .vsdl-solutions-cta-actions{display:flex;gap:14px}.vsdl-solutions-page .vsdl-solutions-cta-actions .vsdl-btn-primary,.vsdl-solutions-page .vsdl-solutions-cta-actions .vsdl-btn-secondary{min-height:48px;font-size:12px}

@media(max-width:1180px){.vsdl-solutions-page .vsdl-solutions-hero-grid{grid-template-columns:1fr 1fr;gap:25px}.vsdl-solutions-page .vsdl-stage-laptop{right:20px}.vsdl-solutions-page .vsdl-stage-phone{right:100px}.vsdl-solutions-page .vsdl-public-solutions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vsdl-solutions-page .vsdl-why-grid-public{grid-template-columns:repeat(3,minmax(0,1fr))}.vsdl-solutions-page .vsdl-platform-grid{grid-template-columns:380px 1fr}}
@media(max-width:900px){.vsdl-solutions-page .vsdl-shell{width:min(100% - 32px,1280px)}.vsdl-solutions-page .vsdl-solutions-hero{padding-top:105px}.vsdl-solutions-page .vsdl-solutions-hero-grid,.vsdl-solutions-page .vsdl-platform-grid{grid-template-columns:1fr}.vsdl-solutions-page .vsdl-solutions-copy{text-align:center}.vsdl-solutions-page .vsdl-solutions-copy h1,.vsdl-solutions-page .vsdl-solutions-copy>p{margin-left:auto;margin-right:auto}.vsdl-solutions-page .vsdl-solutions-hero-actions{justify-content:center}.vsdl-solutions-page .vsdl-solutions-stage{min-height:320px}.vsdl-solutions-page .vsdl-stage-laptop{inset:0 105px 35px 50px}.vsdl-solutions-page .vsdl-stage-tablet{right:40px}.vsdl-solutions-page .vsdl-stage-phone{right:155px}.vsdl-solutions-page .vsdl-public-solutions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vsdl-solutions-page .vsdl-platform-visual{min-height:260px;order:2}.vsdl-solutions-page .vsdl-platform-copy{order:1;text-align:center}.vsdl-solutions-page .vsdl-platform-copy h2:after{left:50%;transform:translateX(-50%)}.vsdl-solutions-page .vsdl-platform-points{text-align:left}.vsdl-solutions-page .vsdl-process-grid-public{grid-template-columns:1fr}.vsdl-solutions-page .vsdl-process-grid-public article:not(:last-child):after{display:none}.vsdl-solutions-page .vsdl-solutions-cta-box{grid-template-columns:1fr}.vsdl-solutions-page .vsdl-solutions-cta-actions{justify-content:flex-start}}
@media(max-width:620px){.vsdl-solutions-page .vsdl-shell{width:min(100% - 24px,1280px)}.vsdl-solutions-page .vsdl-solutions-hero{min-height:auto;padding:102px 0 34px}.vsdl-solutions-page .vsdl-solutions-copy h1{font-size:36px}.vsdl-solutions-page .vsdl-solutions-copy>p{font-size:15px}.vsdl-solutions-page .vsdl-solutions-hero-actions{display:grid}.vsdl-solutions-page .vsdl-btn-primary,.vsdl-solutions-page .vsdl-btn-secondary{width:100%}.vsdl-solutions-page .vsdl-solutions-stage{min-height:235px;margin-top:12px}.vsdl-solutions-page .vsdl-stage-laptop{inset:0 38px 20px 0;transform:scale(.68)}.vsdl-solutions-page .vsdl-stage-tablet{right:0;bottom:10px;width:61%;transform:scale(.53)}.vsdl-solutions-page .vsdl-stage-phone{right:55px;bottom:-8px;width:30%;transform:scale(.38)}.vsdl-solutions-page .vsdl-public-solutions-grid,.vsdl-solutions-page .vsdl-why-grid-public,.vsdl-solutions-page .vsdl-platform-points{grid-template-columns:1fr}.vsdl-solutions-page .vsdl-public-solution-card{min-height:auto}.vsdl-solutions-page .vsdl-public-solution-card>p{min-height:0}.vsdl-solutions-page .vsdl-platform-points article:nth-last-child(-n+2){border-bottom:1px solid #e5eaf2}.vsdl-solutions-page .vsdl-platform-points article:last-child{border-bottom:0}.vsdl-solutions-page .vsdl-platform-visual{min-height:210px}.vsdl-solutions-page .vsdl-platform-desktop{right:42px;transform:scale(.61)}.vsdl-solutions-page .vsdl-platform-mobile{right:0;width:37%;transform:scale(.42)}.vsdl-solutions-page .vsdl-why-grid-public{grid-template-columns:repeat(2,minmax(0,1fr))}.vsdl-solutions-page .vsdl-solutions-section-head h2,.vsdl-solutions-page .vsdl-platform-copy h2{font-size:28px}.vsdl-solutions-page .vsdl-solutions-cta-copy{grid-template-columns:1fr;text-align:center}.vsdl-solutions-page .vsdl-cta-icon{margin:auto}.vsdl-solutions-page .vsdl-solutions-cta-actions{display:grid}.vsdl-solutions-page .vsdl-solutions-cta-actions .vsdl-btn-primary,.vsdl-solutions-page .vsdl-solutions-cta-actions .vsdl-btn-secondary{width:100%}}
@media(max-width:380px){.vsdl-solutions-page .vsdl-why-grid-public{grid-template-columns:1fr}.vsdl-solutions-page .vsdl-solutions-copy h1{font-size:32px}}

@media(max-width:1180px){.vsdl-solutions-page .vsdl-public-solution-card{min-height:340px}}
@media(max-width:900px){.vsdl-solutions-page .vsdl-solutions-section-head h2{font-size:34px}.vsdl-solutions-page .vsdl-solutions-copy h1{font-size:44px}.vsdl-solutions-page .vsdl-solutions-overview{padding-top:64px}.vsdl-solutions-page .vsdl-solutions-cta{padding-bottom:60px}}
@media(max-width:620px){.vsdl-solutions-page .vsdl-solutions-copy h1{font-size:38px}.vsdl-solutions-page .vsdl-public-solution-card h3{font-size:20px}.vsdl-solutions-page .vsdl-solutions-section-head h2,.vsdl-solutions-page .vsdl-platform-copy h2{font-size:30px}}

/* World-class solutions page refinements 2.7.0 */
.vsdl-solutions-page .vsdl-solutions-hero{
  min-height:690px;
  padding:136px 0 64px;
  background:
    radial-gradient(circle at 78% 18%,rgba(77,62,255,.28),transparent 24%),
    radial-gradient(circle at 94% 72%,rgba(0,119,255,.2),transparent 20%),
    linear-gradient(118deg,#030817 0%,#071126 48%,#070b20 100%);
}
.vsdl-solutions-page .vsdl-solutions-hero-grid{grid-template-columns:minmax(0,.82fr) minmax(560px,1.18fr);gap:42px}
.vsdl-solutions-page .vsdl-solutions-copy{position:relative;z-index:3}
.vsdl-solutions-page .vsdl-solutions-copy h1{max-width:620px;font-size:clamp(48px,4.35vw,68px);line-height:1.02}
.vsdl-solutions-page .vsdl-solutions-copy h1 span{background:linear-gradient(100deg,#8e46ff 0%,#346fff 72%);-webkit-background-clip:text;background-clip:text;color:transparent}
.vsdl-solutions-page .vsdl-solutions-copy>p{max-width:570px;color:#c9d3e4;font-size:17px;line-height:1.72}
.vsdl-solutions-page .vsdl-solutions-hero-actions{margin-top:30px}
.vsdl-solutions-page .vsdl-solutions-hero-actions .vsdl-btn-primary{background:linear-gradient(100deg,#176cff 0%,#6a31ff 100%);box-shadow:0 18px 42px rgba(68,62,255,.32)}
.vsdl-solutions-page .vsdl-solutions-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:610px;margin-top:38px;border-top:1px solid rgba(255,255,255,.1)}
.vsdl-solutions-page .vsdl-solutions-trust article{position:relative;display:grid;justify-items:center;padding:22px 12px 0;text-align:center}
.vsdl-solutions-page .vsdl-solutions-trust article:not(:last-child):after{content:"";position:absolute;right:0;top:22px;width:1px;height:58px;background:rgba(255,255,255,.12)}
.vsdl-solutions-page .vsdl-stat-icon{display:grid;width:34px;height:34px;place-items:center;margin-bottom:6px;color:#3a9cff}
.vsdl-solutions-page .vsdl-solutions-trust article:nth-child(2) .vsdl-stat-icon{color:#a75cff}
.vsdl-solutions-page .vsdl-solutions-trust article:nth-child(3) .vsdl-stat-icon{color:#ff9f1b}
.vsdl-solutions-page .vsdl-solutions-trust article:nth-child(4) .vsdl-stat-icon{color:#a264ff}
.vsdl-solutions-page .vsdl-stat-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vsdl-solutions-page .vsdl-solutions-trust strong{color:#fff;font-size:22px;line-height:1.05}
.vsdl-solutions-page .vsdl-solutions-trust small{max-width:98px;margin-top:6px;color:#aebbd0;font-size:11px;line-height:1.35}

.vsdl-solutions-page .vsdl-solutions-stage{min-height:500px;margin-top:12px;filter:drop-shadow(0 36px 48px rgba(0,0,0,.42))}
.vsdl-solutions-page .vsdl-stage-stack{position:absolute;z-index:0;top:0;left:70px;right:48px;height:150px}
.vsdl-solutions-page .vsdl-stage-stack span{position:absolute;right:0;display:flex;align-items:center;width:86%;height:50px;padding:0 24px;border:1px solid rgba(255,255,255,.16);border-radius:13px 13px 4px 4px;color:#fff;font-size:12px;font-weight:800;box-shadow:0 12px 30px rgba(0,0,0,.2);backdrop-filter:blur(10px)}
.vsdl-solutions-page .vsdl-stage-stack span:before{content:"";width:18px;height:18px;margin-right:12px;border:2px solid currentColor;border-radius:5px}
.vsdl-solutions-page .vsdl-stage-stack .is-building{top:0;color:#48e2cf;background:linear-gradient(90deg,rgba(2,117,111,.52),rgba(5,21,42,.88))}
.vsdl-solutions-page .vsdl-stage-stack .is-auto{top:34px;right:14px;color:#52a2ff;background:linear-gradient(90deg,rgba(13,77,171,.58),rgba(5,18,42,.9))}
.vsdl-solutions-page .vsdl-stage-stack .is-student{top:68px;right:28px;color:#ff9b32;background:linear-gradient(90deg,rgba(139,63,6,.62),rgba(18,13,38,.9))}
.vsdl-solutions-page .vsdl-stage-stack .is-playroom{top:102px;right:42px;color:#b267ff;background:linear-gradient(90deg,rgba(91,27,158,.6),rgba(18,9,38,.92))}
.vsdl-solutions-page .vsdl-stage-laptop{inset:108px 72px 30px 0;z-index:2;transform:none}
.vsdl-solutions-page .vsdl-stage-phone{right:-2px;bottom:0;z-index:4;width:24%;transform:none}
.vsdl-solutions-page .vsdl-stage-phone .vsdl-card-screen{min-height:295px;border:7px solid #17182c;border-radius:29px;background:#f7f8fc;box-shadow:0 24px 56px rgba(0,0,0,.42)}
.vsdl-solutions-page .vsdl-stage-phone .preview-playroom header{padding:14px 10px;background:linear-gradient(120deg,#5e24ad,#32116e);color:#fff}
.vsdl-solutions-page .vsdl-stage-phone .preview-playroom main{display:block;padding:10px}
.vsdl-solutions-page .vsdl-stage-phone .preview-playroom aside{display:none}
.vsdl-solutions-page .vsdl-stage-phone .preview-playroom section{width:100%}
.vsdl-solutions-page .vsdl-stage-phone .preview-calendar{grid-template-columns:repeat(3,1fr);gap:7px}
.vsdl-solutions-page .vsdl-stage-phone .preview-calendar i{height:25px;border-radius:6px;background:#e8ebf3}

.vsdl-solutions-page .vsdl-public-dashboard{height:100%;min-height:365px;overflow:hidden;border:1px solid rgba(94,107,165,.58);border-radius:20px;background:#091122;box-shadow:0 30px 72px rgba(0,0,0,.5),0 0 50px rgba(70,61,255,.16)}
.vsdl-solutions-page .vsdl-public-dashboard-top{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08);background:#0c1428;color:#dbe5f7;font-size:11px}
.vsdl-solutions-page .vsdl-public-dashboard-top strong{display:flex;align-items:center;gap:8px}.vsdl-solutions-page .vsdl-public-dashboard-top strong span{color:#8668ff;font-size:16px;font-style:italic}.vsdl-solutions-page .vsdl-public-dashboard-top div{display:flex;gap:8px}.vsdl-solutions-page .vsdl-public-dashboard-top i{width:7px;height:7px;border-radius:50%;background:#2a354e}
.vsdl-solutions-page .vsdl-public-dashboard-body{display:grid;grid-template-columns:118px 1fr;min-height:316px}
.vsdl-solutions-page .vsdl-public-dashboard-body aside{display:flex;flex-direction:column;gap:9px;padding:18px 12px;border-right:1px solid rgba(255,255,255,.07);background:#0a1224}
.vsdl-solutions-page .vsdl-public-dashboard-body aside b,.vsdl-solutions-page .vsdl-public-dashboard-body aside span{padding:9px 10px;border-radius:8px;color:#7f8ba4;font-size:9px}.vsdl-solutions-page .vsdl-public-dashboard-body aside b{background:linear-gradient(100deg,#155eff,#6633ee);color:#fff}
.vsdl-solutions-page .vsdl-public-dashboard-body>section{padding:16px;background:linear-gradient(145deg,#0e172b,#091122)}
.vsdl-solutions-page .vsdl-public-dashboard-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.vsdl-solutions-page .vsdl-public-dashboard-metrics article{position:relative;padding:13px 14px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#121d33}
.vsdl-solutions-page .vsdl-public-dashboard-metrics small{display:block;color:#8e9ab1;font-size:8px}.vsdl-solutions-page .vsdl-public-dashboard-metrics strong{display:block;margin-top:4px;color:#fff;font-size:20px}.vsdl-solutions-page .vsdl-public-dashboard-metrics em{position:absolute;right:10px;bottom:10px;color:#56d79a;font-size:8px;font-style:normal}
.vsdl-solutions-page .vsdl-public-dashboard-panels{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(135px,.65fr);gap:10px;margin-top:10px}
.vsdl-solutions-page .vsdl-public-dashboard-panels>article{min-height:196px;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#111b30}
.vsdl-solutions-page .vsdl-public-dashboard-panels header{color:#dfe6f5;font-size:9px;font-weight:700}
.vsdl-solutions-page .vsdl-public-chart svg{width:100%;height:124px;margin-top:13px}.vsdl-solutions-page .vsdl-public-chart path{fill:none;stroke:#5b4eff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.vsdl-solutions-page .vsdl-public-chart path.area{fill:url(#none);stroke:none;opacity:.12}.vsdl-solutions-page .vsdl-public-chart>div{display:flex;justify-content:space-between;color:#66748d;font-size:7px}
.vsdl-solutions-page .vsdl-public-donut{text-align:center}.vsdl-solutions-page .vsdl-public-donut .ring{display:grid;width:92px;height:92px;place-content:center;margin:17px auto 12px;border-radius:50%;background:radial-gradient(circle,#111b30 52%,transparent 54%),conic-gradient(#4e6bff 0 42%,#58d8a2 42% 70%,#9b58ff 70% 90%,#e6a64b 90%)}.vsdl-solutions-page .vsdl-public-donut .ring strong{color:#fff;font-size:18px}.vsdl-solutions-page .vsdl-public-donut .ring small{color:#77849d;font-size:7px}.vsdl-solutions-page .vsdl-public-donut p{display:flex;justify-content:space-between;margin:5px 0;color:#8996ad;font-size:7px}.vsdl-solutions-page .vsdl-public-donut p b{color:#dce5f4}

.vsdl-solutions-page .vsdl-solutions-overview{padding:74px 0 50px;background:linear-gradient(180deg,#fff,#fbfcff)}
.vsdl-solutions-page .vsdl-public-solutions-grid{gap:15px}
.vsdl-solutions-page .vsdl-public-solution-card{min-height:348px;padding:23px 18px 17px;border-radius:16px;box-shadow:0 13px 32px rgba(8,26,58,.065)}
.vsdl-solutions-page .vsdl-public-solution-icon{width:48px;height:48px;border-radius:15px}
.vsdl-solutions-page .is-building .vsdl-public-solution-icon{color:#16a98f;background:#e9fbf7}.vsdl-solutions-page .is-auto .vsdl-public-solution-icon{color:#2474e8;background:#eaf3ff}.vsdl-solutions-page .is-student .vsdl-public-solution-icon{color:#ee8617;background:#fff2e7}.vsdl-solutions-page .is-playroom .vsdl-public-solution-icon{color:#7f41e8;background:#f2eaff}.vsdl-solutions-page .is-custom .vsdl-public-solution-icon{color:#4669ff;background:#edf0ff}
.vsdl-solutions-page .vsdl-public-solution-card h3{font-size:19px}.vsdl-solutions-page .vsdl-public-solution-card>p{min-height:75px}
.vsdl-solutions-page .vsdl-public-solution-card>a{padding:0;border:0;border-radius:0;background:transparent}

.vsdl-solutions-page .vsdl-solutions-platform{padding:54px 0 72px;background:linear-gradient(180deg,#fbfcff,#fff)}
.vsdl-solutions-page .vsdl-platform-visual:before{content:"";position:absolute;left:-30px;bottom:8px;width:290px;height:170px;background-image:radial-gradient(#4f79ff 1.2px,transparent 1.2px);background-size:12px 12px;opacity:.18}
.vsdl-solutions-page .vsdl-platform-copy h2{font-size:38px}.vsdl-solutions-page .vsdl-platform-copy h2::first-line{color:inherit}
.vsdl-solutions-page .vsdl-platform-copy h2{background:linear-gradient(90deg,#0a1730 0 50%,#315dff 72%);-webkit-background-clip:text;background-clip:text;color:transparent}

.vsdl-solutions-page .vsdl-solutions-why{position:relative;padding:40px 0 54px;background:linear-gradient(110deg,#071126,#050b19)}
.vsdl-solutions-page .vsdl-solutions-why:after{content:"";position:absolute;right:0;bottom:0;width:250px;height:170px;background-image:radial-gradient(#604cff 1.2px,transparent 1.2px);background-size:12px 12px;opacity:.2;mask-image:linear-gradient(120deg,transparent,#000)}
.vsdl-solutions-page .vsdl-solutions-why .vsdl-solutions-section-head{margin-bottom:22px}.vsdl-solutions-page .vsdl-solutions-why .vsdl-solutions-section-head h2{color:#fff;font-size:30px}.vsdl-solutions-page .vsdl-solutions-why .vsdl-solutions-section-head h2:after{display:none}
.vsdl-solutions-page .vsdl-why-grid-public{position:relative;z-index:2;gap:12px}
.vsdl-solutions-page .vsdl-why-grid-public article{padding:18px 13px;border-color:rgba(255,255,255,.11);border-radius:13px;background:rgba(255,255,255,.035);box-shadow:none;text-align:left}
.vsdl-solutions-page .vsdl-why-grid-public .vsdl-feature-icon{width:34px;height:34px;margin:0 0 10px;color:#596dff}.vsdl-solutions-page .vsdl-why-grid-public .vsdl-feature-icon svg{width:28px;height:28px}.vsdl-solutions-page .vsdl-why-grid-public h3{color:#fff;font-size:13px}.vsdl-solutions-page .vsdl-why-grid-public p{color:#9eacc1;font-size:10px;line-height:1.5}

.vsdl-solutions-page .vsdl-solutions-process{padding:52px 0 62px;background:#fff}
.vsdl-solutions-page .vsdl-process-grid-public{gap:42px}.vsdl-solutions-page .vsdl-process-grid-public article{min-height:132px;border-radius:16px}.vsdl-solutions-page .vsdl-process-grid-public article:not(:last-child):after{right:-43px;width:42px;border-color:#6551ff}
.vsdl-solutions-page .vsdl-process-grid-public .num{background:linear-gradient(135deg,#315dff,#7539ed)}
.vsdl-solutions-page .vsdl-process-icon{background:#f1efff;color:#604dff}

.vsdl-solutions-page .vsdl-solutions-cta{padding:0 0 62px}.vsdl-solutions-page .vsdl-solutions-cta-box{padding:30px 32px;border-radius:20px;background:radial-gradient(circle at 65% 100%,rgba(75,45,255,.34),transparent 34%),linear-gradient(110deg,#060d20,#09062b);box-shadow:0 22px 48px rgba(5,18,44,.18)}
.vsdl-solutions-page .vsdl-cta-icon{color:#835dff;border-color:rgba(126,82,255,.48);background:radial-gradient(circle,rgba(102,52,255,.2),transparent 70%)}
.vsdl-solutions-page .vsdl-solutions-cta-copy h2{font-size:24px}.vsdl-solutions-page .vsdl-solutions-cta-copy p{font-size:12px}.vsdl-solutions-page .vsdl-solutions-cta-actions .vsdl-btn-primary{background:linear-gradient(100deg,#265fff,#7136f1)}

@media(max-width:1180px){
  .vsdl-solutions-page .vsdl-solutions-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr)}
  .vsdl-solutions-page .vsdl-stage-laptop{right:56px}
  .vsdl-solutions-page .vsdl-stage-stack{left:45px}
}
@media(max-width:900px){
  .vsdl-solutions-page .vsdl-solutions-hero{min-height:auto}
  .vsdl-solutions-page .vsdl-solutions-hero-grid{grid-template-columns:1fr}
  .vsdl-solutions-page .vsdl-solutions-trust{margin-inline:auto}
  .vsdl-solutions-page .vsdl-solutions-stage{min-height:460px;margin-top:32px}
  .vsdl-solutions-page .vsdl-stage-laptop{inset:100px 70px 30px 35px}
  .vsdl-solutions-page .vsdl-stage-phone{right:32px;width:20%}
  .vsdl-solutions-page .vsdl-stage-stack{left:92px;right:70px}
  .vsdl-solutions-page .vsdl-public-dashboard-body{grid-template-columns:105px 1fr}
  .vsdl-solutions-page .vsdl-why-grid-public{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:620px){
  .vsdl-solutions-page .vsdl-solutions-hero{padding-bottom:42px}
  .vsdl-solutions-page .vsdl-solutions-copy h1{font-size:39px}
  .vsdl-solutions-page .vsdl-solutions-trust{grid-template-columns:repeat(2,minmax(0,1fr));border-top:0}
  .vsdl-solutions-page .vsdl-solutions-trust article{border-top:1px solid rgba(255,255,255,.1)}
  .vsdl-solutions-page .vsdl-solutions-trust article:nth-child(2):after{display:none}
  .vsdl-solutions-page .vsdl-solutions-stage{min-height:320px}
  .vsdl-solutions-page .vsdl-stage-stack{left:30px;right:20px;transform:scale(.82);transform-origin:top center}
  .vsdl-solutions-page .vsdl-stage-laptop{inset:84px 15px 18px 0}
  .vsdl-solutions-page .vsdl-stage-phone{display:none}
  .vsdl-solutions-page .vsdl-public-dashboard{min-height:230px;border-radius:13px}
  .vsdl-solutions-page .vsdl-public-dashboard-top{height:36px;padding-inline:11px}
  .vsdl-solutions-page .vsdl-public-dashboard-body{grid-template-columns:75px 1fr;min-height:194px}
  .vsdl-solutions-page .vsdl-public-dashboard-body aside{gap:3px;padding:8px 6px}.vsdl-solutions-page .vsdl-public-dashboard-body aside b,.vsdl-solutions-page .vsdl-public-dashboard-body aside span{padding:5px;font-size:6px}
  .vsdl-solutions-page .vsdl-public-dashboard-body>section{padding:8px}
  .vsdl-solutions-page .vsdl-public-dashboard-metrics{gap:5px}.vsdl-solutions-page .vsdl-public-dashboard-metrics article{padding:7px}.vsdl-solutions-page .vsdl-public-dashboard-metrics strong{font-size:12px}.vsdl-solutions-page .vsdl-public-dashboard-metrics small,.vsdl-solutions-page .vsdl-public-dashboard-metrics em{font-size:5px}
  .vsdl-solutions-page .vsdl-public-dashboard-panels{grid-template-columns:1fr;margin-top:5px}.vsdl-solutions-page .vsdl-public-dashboard-panels>article{min-height:106px;padding:7px}.vsdl-solutions-page .vsdl-public-chart svg{height:68px;margin-top:5px}.vsdl-solutions-page .vsdl-public-donut{display:none}
  .vsdl-solutions-page .vsdl-why-grid-public{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vsdl-solutions-page .vsdl-solutions-cta-box{padding:26px 22px}
}
.vsdl-solutions-page .vsdl-platform-label{display:block;margin-bottom:8px;color:#5d5bff;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}

/* 2.9.3 – Jedna platforma section redesign */
.vsdl-solutions-page .vsdl-solutions-platform{
  position:relative;
  overflow:hidden;
  padding:72px 0 38px;
  background:
    radial-gradient(circle at 12% 20%,rgba(71,113,255,.18),transparent 28%),
    radial-gradient(circle at 84% 8%,rgba(132,75,255,.22),transparent 24%),
    linear-gradient(180deg,#061135 0%,#08174a 54%,#08153d 100%);
}
.vsdl-solutions-page .vsdl-solutions-platform::before,
.vsdl-solutions-page .vsdl-solutions-platform::after{
  content:"";
  position:absolute;
  inset:auto;
  pointer-events:none;
}
.vsdl-solutions-page .vsdl-solutions-platform::before{
  left:-8%;
  right:-8%;
  bottom:164px;
  height:220px;
  background:
    radial-gradient(circle at 30% 40%,rgba(39,117,255,.10),transparent 30%),
    linear-gradient(180deg,transparent 0%,rgba(0,0,0,.0) 30%,rgba(0,0,0,.0) 100%);
  opacity:.9;
}
.vsdl-solutions-page .vsdl-solutions-platform::after{
  right:-120px;
  top:0;
  width:560px;
  height:340px;
  background-image:
    linear-gradient(rgba(121,96,255,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(121,96,255,.12) 1px,transparent 1px);
  background-size:24px 24px;
  mask-image:linear-gradient(135deg,transparent 0%,#000 30%,#000 100%);
  opacity:.35;
}
.vsdl-solutions-page .vsdl-platform-showcase{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(360px,.8fr) minmax(0,1.2fr);
  gap:42px;
  align-items:center;
}
.vsdl-solutions-page .vsdl-platform-copy{color:#fff}
.vsdl-solutions-page .vsdl-platform-copy .vsdl-platform-label{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 18px;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(29,62,188,.92),rgba(84,61,225,.92));
  box-shadow:0 12px 30px rgba(3,14,49,.34);
  color:#fff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.22em;
}
.vsdl-solutions-page .vsdl-platform-copy h2{
  margin:18px 0 0;
  max-width:540px;
  color:#fff;
  font-size:62px;
  line-height:1.02;
  letter-spacing:-.05em;
  background:none;
}
.vsdl-solutions-page .vsdl-platform-copy h2::after{display:none}
.vsdl-solutions-page .vsdl-platform-copy h2 span{
  background:linear-gradient(90deg,#2998ff 0%,#8558ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.vsdl-solutions-page .vsdl-platform-copy>p{
  max-width:530px;
  margin:22px 0 0;
  color:rgba(233,240,255,.86);
  font-size:17px;
  line-height:1.68;
}
.vsdl-solutions-page .vsdl-platform-benefits{
  display:grid;
  gap:18px;
  margin-top:30px;
}
.vsdl-solutions-page .vsdl-platform-benefits article{
  display:grid;
  grid-template-columns:48px 1fr;
  gap:16px;
  align-items:start;
}
.vsdl-solutions-page .vsdl-platform-benefits .vsdl-feature-icon,
.vsdl-solutions-page .vsdl-platform-bottom-bar .vsdl-feature-icon{
  display:grid;
  width:48px;
  height:48px;
  place-items:center;
  border-radius:16px;
  background:linear-gradient(180deg,rgba(37,63,171,.55),rgba(23,33,96,.72));
  box-shadow:inset 0 0 0 1px rgba(112,147,255,.20),0 14px 28px rgba(5,10,28,.26);
  color:#9f8cff;
}
.vsdl-solutions-page .vsdl-platform-benefits .vsdl-feature-icon svg,
.vsdl-solutions-page .vsdl-platform-bottom-bar .vsdl-feature-icon svg{
  width:26px;
  height:26px;
}
.vsdl-solutions-page .vsdl-platform-benefits h3,
.vsdl-solutions-page .vsdl-platform-bottom-bar h3{
  margin:0;
  color:#fff;
  font-size:16px;
  font-weight:700;
}
.vsdl-solutions-page .vsdl-platform-benefits p,
.vsdl-solutions-page .vsdl-platform-bottom-bar p{
  margin:6px 0 0;
  color:rgba(224,233,255,.74);
  font-size:14px;
  line-height:1.6;
}
.vsdl-solutions-page .vsdl-platform-visual,
.vsdl-solutions-page .vsdl-platform-scene{
  position:relative;
}
.vsdl-solutions-page .vsdl-platform-visual{min-height:620px}
.vsdl-solutions-page .vsdl-platform-scene{
  min-height:620px;
  filter:drop-shadow(0 26px 56px rgba(2,7,24,.44));
}
.vsdl-solutions-page .vsdl-platform-scene::before{
  content:"";
  position:absolute;
  left:6%;
  right:8%;
  bottom:52px;
  height:52px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(72,124,255,.44) 0%,rgba(72,124,255,.15) 42%,transparent 72%);
  filter:blur(12px);
}
.vsdl-solutions-page .vsdl-platform-monitor,
.vsdl-solutions-page .vsdl-platform-laptop,
.vsdl-solutions-page .vsdl-platform-tablet,
.vsdl-solutions-page .vsdl-platform-phone{position:absolute}
.vsdl-solutions-page .vsdl-platform-monitor{inset:0 38px 140px 28px;z-index:2}
.vsdl-solutions-page .vsdl-platform-monitor .vsdl-public-dashboard{height:100%;min-height:0;border-radius:24px;overflow:hidden}
.vsdl-solutions-page .vsdl-platform-laptop{left:0;bottom:80px;width:52%;z-index:3;transform:scale(.96);transform-origin:left bottom}
.vsdl-solutions-page .vsdl-platform-tablet{right:62px;bottom:56px;width:43%;z-index:4;transform:scale(.98);transform-origin:right bottom}
.vsdl-solutions-page .vsdl-platform-phone{right:0;bottom:90px;width:18.5%;z-index:5;transform:scale(.95);transform-origin:right bottom}
.vsdl-solutions-page .vsdl-solutions-platform .vsdl-card-screen{
  border:1px solid rgba(135,156,255,.18);
  border-radius:22px;
  background:linear-gradient(180deg,#09152d 0%,#08102a 100%);
  box-shadow:0 26px 44px rgba(2,9,25,.36);
  color:#fff;
}
.vsdl-solutions-page .vsdl-solutions-platform .vsdl-card-screen header{
  background:rgba(255,255,255,.03);
  border-bottom:1px solid rgba(136,157,255,.08);
  color:#fff;
}
.vsdl-solutions-page .vsdl-solutions-platform .preview-orders p,
.vsdl-solutions-page .vsdl-solutions-platform .preview-subjects p,
.vsdl-solutions-page .vsdl-solutions-platform .preview-metrics p{
  background:rgba(255,255,255,.03);
  border-color:rgba(136,157,255,.08);
}
.vsdl-solutions-page .vsdl-solutions-platform .preview-orders small,
.vsdl-solutions-page .vsdl-solutions-platform .preview-grade small,
.vsdl-solutions-page .vsdl-solutions-platform .preview-subjects span,
.vsdl-solutions-page .vsdl-solutions-platform .preview-metrics small{color:rgba(219,229,255,.72)}
.vsdl-solutions-page .vsdl-solutions-platform .preview-orders em,
.vsdl-solutions-page .vsdl-solutions-platform .preview-subjects b,
.vsdl-solutions-page .vsdl-solutions-platform .preview-grade strong,
.vsdl-solutions-page .vsdl-solutions-platform .preview-metrics strong{color:#fff}
.vsdl-solutions-page .vsdl-solutions-platform .preview-line svg polyline{stroke:#48a1ff}
.vsdl-solutions-page .vsdl-platform-bottom-bar{
  position:relative;
  z-index:1;
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  border:1px solid rgba(126,145,255,.16);
  border-radius:26px;
  background:linear-gradient(180deg,rgba(7,17,56,.72),rgba(7,13,44,.84));
  box-shadow:0 20px 46px rgba(2,8,29,.30);
  overflow:hidden;
}
.vsdl-solutions-page .vsdl-platform-bottom-bar article{
  display:grid;
  grid-template-columns:48px 1fr;
  gap:16px;
  align-items:start;
  padding:26px 24px;
}
.vsdl-solutions-page .vsdl-platform-bottom-bar article + article{border-left:1px solid rgba(126,145,255,.12)}

@media (max-width: 1180px){
  .vsdl-solutions-page .vsdl-platform-showcase{grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);gap:28px}
  .vsdl-solutions-page .vsdl-platform-copy h2{font-size:54px}
  .vsdl-solutions-page .vsdl-platform-visual,.vsdl-solutions-page .vsdl-platform-scene{min-height:560px}
  .vsdl-solutions-page .vsdl-platform-monitor{inset:10px 16px 132px 12px}
  .vsdl-solutions-page .vsdl-platform-tablet{right:28px;width:42%}
  .vsdl-solutions-page .vsdl-platform-phone{width:20%}
  .vsdl-solutions-page .vsdl-platform-bottom-bar{grid-template-columns:repeat(3,minmax(0,1fr))}
  .vsdl-solutions-page .vsdl-platform-bottom-bar article:nth-child(4),
  .vsdl-solutions-page .vsdl-platform-bottom-bar article:nth-child(5){border-top:1px solid rgba(126,145,255,.12)}
  .vsdl-solutions-page .vsdl-platform-bottom-bar article:nth-child(4){border-left:0}
}
@media (max-width: 900px){
  .vsdl-solutions-page .vsdl-solutions-platform{padding:58px 0 28px}
  .vsdl-solutions-page .vsdl-platform-showcase{grid-template-columns:1fr}
  .vsdl-solutions-page .vsdl-platform-copy{text-align:left}
  .vsdl-solutions-page .vsdl-platform-copy h2{font-size:46px;max-width:none}
  .vsdl-solutions-page .vsdl-platform-copy>p{max-width:none}
  .vsdl-solutions-page .vsdl-platform-visual,.vsdl-solutions-page .vsdl-platform-scene{min-height:540px}
  .vsdl-solutions-page .vsdl-platform-monitor{inset:0 44px 152px 28px}
  .vsdl-solutions-page .vsdl-platform-laptop{bottom:92px;width:54%}
  .vsdl-solutions-page .vsdl-platform-tablet{right:40px;bottom:62px;width:43%}
  .vsdl-solutions-page .vsdl-platform-phone{bottom:94px;width:19%}
  .vsdl-solutions-page .vsdl-platform-bottom-bar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vsdl-solutions-page .vsdl-platform-bottom-bar article{border-top:1px solid rgba(126,145,255,.12)}
  .vsdl-solutions-page .vsdl-platform-bottom-bar article:nth-child(odd){border-left:0}
}
@media (max-width: 620px){
  .vsdl-solutions-page .vsdl-solutions-platform{padding:42px 0 22px}
  .vsdl-solutions-page .vsdl-platform-copy .vsdl-platform-label{font-size:11px;letter-spacing:.16em}
  .vsdl-solutions-page .vsdl-platform-copy h2{font-size:36px;line-height:1.06}
  .vsdl-solutions-page .vsdl-platform-copy>p{font-size:15px}
  .vsdl-solutions-page .vsdl-platform-benefits article,
  .vsdl-solutions-page .vsdl-platform-bottom-bar article{grid-template-columns:44px 1fr;gap:14px}
  .vsdl-solutions-page .vsdl-platform-benefits .vsdl-feature-icon,
  .vsdl-solutions-page .vsdl-platform-bottom-bar .vsdl-feature-icon{width:44px;height:44px}
  .vsdl-solutions-page .vsdl-platform-visual,.vsdl-solutions-page .vsdl-platform-scene{min-height:350px}
  .vsdl-solutions-page .vsdl-platform-monitor{inset:0 8px 96px 0}
  .vsdl-solutions-page .vsdl-platform-laptop{left:0;bottom:54px;width:56%;transform:scale(.86)}
  .vsdl-solutions-page .vsdl-platform-tablet{right:16px;bottom:40px;width:45%;transform:scale(.90)}
  .vsdl-solutions-page .vsdl-platform-phone{display:none}
  .vsdl-solutions-page .vsdl-platform-bottom-bar{grid-template-columns:1fr;border-radius:22px}
  .vsdl-solutions-page .vsdl-platform-bottom-bar article{padding:18px 18px;border-left:0 !important}
}

/* ========================================================================== */
/* VS Digital Lab public solutions page — world-class redesign 2.9.4          */
/* ========================================================================== */
.vsdl-solutions-page{
  --sol-navy:#031126;
  --sol-navy-soft:#071a38;
  --sol-blue:#087cff;
  --sol-cyan:#26b9ff;
  --sol-ink:#071632;
  --sol-muted:#5d6b82;
}
.vsdl-solutions-page .vsdl-shell{width:min(1376px,calc(100% - 80px))}
.vsdl-solutions-page .vsdl-solutions-hero{
  min-height:548px;
  padding:28px 0 34px;
  background:
    radial-gradient(circle at 73% 42%,rgba(0,121,255,.24),transparent 26%),
    radial-gradient(circle at 96% 85%,rgba(31,137,255,.13),transparent 26%),
    linear-gradient(108deg,#031027 0%,#041632 51%,#061b3d 100%);
}
.vsdl-solutions-page .vsdl-solutions-hero::before{
  background-image:
    linear-gradient(rgba(33,126,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(33,126,255,.055) 1px,transparent 1px);
  background-size:42px 42px;
  opacity:.52;
  mask-image:linear-gradient(90deg,transparent 4%,rgba(0,0,0,.2) 33%,#000 100%);
}
.vsdl-solutions-page .vsdl-solutions-hero::after{
  right:-6%;bottom:-44%;width:68%;height:72%;
  background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 18px,rgba(31,132,255,.17) 19px 20px,transparent 21px 38px);
  opacity:.42;
}
.vsdl-solutions-page .vsdl-solutions-breadcrumb{
  position:relative;z-index:3;display:flex;align-items:center;gap:12px;
  min-height:34px;margin-bottom:24px;color:#9eb1cd;font-size:13px;font-weight:500;
}
.vsdl-solutions-page .vsdl-solutions-breadcrumb a{color:#aebed5;text-decoration:none}
.vsdl-solutions-page .vsdl-solutions-breadcrumb a:hover{color:#fff}
.vsdl-solutions-page .vsdl-solutions-breadcrumb span{color:#607596;font-size:18px}
.vsdl-solutions-page .vsdl-solutions-breadcrumb strong{color:#c8d4e5;font-weight:500}
.vsdl-solutions-page .vsdl-solutions-hero-grid{
  display:grid;grid-template-columns:minmax(420px,.88fr) minmax(520px,1.12fr);
  gap:56px;align-items:center;
}
.vsdl-solutions-page .vsdl-eyebrow{
  gap:0;color:#168cff;font-size:14px;font-weight:800;letter-spacing:.04em;
}
.vsdl-solutions-page .vsdl-eyebrow::before{display:none}
.vsdl-solutions-page .vsdl-solutions-copy h1{
  max-width:650px;margin:13px 0 0;color:#fff;
  font-size:clamp(42px,4vw,62px);line-height:1.07;letter-spacing:-.042em;
}
.vsdl-solutions-page .vsdl-solutions-copy>p{
  max-width:600px;margin:18px 0 0;color:#d0d9e7;font-size:17px;line-height:1.63;
}
.vsdl-solutions-page .vsdl-solutions-hero-actions{margin-top:24px}
.vsdl-solutions-page .vsdl-solutions-trust{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;
  max-width:670px;margin-top:34px;padding-top:28px;border-top:1px solid rgba(108,151,210,.28);
}
.vsdl-solutions-page .vsdl-solutions-trust article{
  display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center;min-width:0;
}
.vsdl-solutions-page .vsdl-stat-icon{
  display:grid;width:34px;height:34px;place-items:center;color:#4dbdff;
}
.vsdl-solutions-page .vsdl-stat-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.vsdl-solutions-page .vsdl-solutions-trust strong{
  display:block;margin:0 0 3px;color:#fff;font-size:13px;line-height:1.15;letter-spacing:.015em;
}
.vsdl-solutions-page .vsdl-solutions-trust small{
  display:block;color:#b5c2d5;font-size:11px;line-height:1.35;
}

/* Native technology illustration */
.vsdl-solutions-page .vsdl-solutions-stage{position:relative;min-height:390px;filter:none}
.vsdl-solutions-page .vsdl-tech-visual{position:absolute;inset:-24px -18px -18px -20px}
.vsdl-solutions-page .vsdl-tech-circuit{display:block;width:100%;height:100%;overflow:visible}
.vsdl-solutions-page .vsdl-tech-visual::before{
  content:"";position:absolute;left:24%;top:16%;width:54%;height:62%;border-radius:50%;
  background:radial-gradient(circle,rgba(15,142,255,.30),rgba(4,84,222,.10) 48%,transparent 72%);filter:blur(22px);
}
.vsdl-solutions-page .vsdl-orbit-card{
  position:absolute;display:grid;width:62px;height:48px;place-items:center;border:1px solid rgba(53,166,255,.40);
  border-radius:13px;background:linear-gradient(145deg,rgba(5,45,101,.92),rgba(4,24,60,.95));
  box-shadow:0 12px 34px rgba(0,0,0,.30),inset 0 1px 0 rgba(151,217,255,.13);color:#38baff;
  transform:rotate(-8deg);
}
.vsdl-solutions-page .vsdl-orbit-card svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vsdl-solutions-page .vsdl-orbit-card.is-chart{left:14%;top:28%}
.vsdl-solutions-page .vsdl-orbit-card.is-shield{right:5%;top:33%;transform:rotate(8deg)}
.vsdl-solutions-page .vsdl-orbit-card.is-cloud{right:15%;bottom:15%;transform:rotate(7deg)}
.vsdl-solutions-page .vsdl-orbit-card.is-users{left:6%;bottom:20%;transform:rotate(-6deg)}

/* Main solutions cards */
.vsdl-solutions-page .vsdl-solutions-overview{padding:48px 0 16px;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)}
.vsdl-solutions-page .vsdl-solutions-section-head{margin-bottom:31px}
.vsdl-solutions-page .vsdl-solutions-section-head .vsdl-eyebrow.light{
  display:block;margin-bottom:12px;color:#087cff;font-size:13px;text-align:center;
}
.vsdl-solutions-page .vsdl-solutions-section-head h2{font-size:clamp(31px,3vw,43px);letter-spacing:-.036em}
.vsdl-solutions-page .vsdl-solutions-section-head h2::after{display:none}
.vsdl-solutions-page .vsdl-solutions-section-head p{max-width:760px;margin:10px auto 0;font-size:15px;line-height:1.55}
.vsdl-solutions-page .vsdl-public-solutions-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.vsdl-solutions-page .vsdl-public-solution-card{
  min-height:335px;padding:22px 20px 18px;border:1px solid #e0e6ef;border-radius:12px;
  background:#fff;box-shadow:0 8px 23px rgba(8,29,65,.08);
}
.vsdl-solutions-page .vsdl-public-solution-card:hover{transform:translateY(-4px);box-shadow:0 15px 34px rgba(8,29,65,.12)}
.vsdl-solutions-page .vsdl-public-solution-icon{
  width:50px;height:50px;margin-bottom:16px;border-radius:11px;box-shadow:0 10px 20px rgba(17,51,107,.15);
}
.vsdl-solutions-page .vsdl-public-solution-card h3{font-size:18px;line-height:1.22;letter-spacing:-.018em}
.vsdl-solutions-page .vsdl-public-solution-card>p{min-height:62px;margin-top:8px;color:#4e5d73;font-size:12.5px;line-height:1.55}
.vsdl-solutions-page .vsdl-public-solution-card ul{gap:7px;margin:9px 0 17px}
.vsdl-solutions-page .vsdl-public-solution-card li{padding-left:20px;font-size:12px;color:#233147}
.vsdl-solutions-page .vsdl-public-solution-card li::before{
  top:1px;width:13px;height:13px;border:1.5px solid currentColor;background:#fff;
}
.vsdl-solutions-page .vsdl-public-solution-card li::after{
  content:"";position:absolute;left:4px;top:5px;width:5px;height:2px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);
}
.vsdl-solutions-page .is-building li,.vsdl-solutions-page .is-building>a{color:#1b6ff2}
.vsdl-solutions-page .is-auto li,.vsdl-solutions-page .is-auto>a{color:#15a66b}
.vsdl-solutions-page .is-student li,.vsdl-solutions-page .is-student>a{color:#7650ed}
.vsdl-solutions-page .is-playroom li,.vsdl-solutions-page .is-playroom>a{color:#ff7b12}
.vsdl-solutions-page .vsdl-public-solution-card li{color:#26364c}
.vsdl-solutions-page .vsdl-public-solution-card>a{
  min-height:38px;padding:0 14px;border-radius:7px;text-transform:uppercase;letter-spacing:.015em;font-size:10px;
}
.vsdl-solutions-page .is-building>a{border-color:#6aa5ff;color:#146bff}
.vsdl-solutions-page .is-auto>a{border-color:#76d7ae;color:#14875d}
.vsdl-solutions-page .is-student>a{border-color:#bc9cff;color:#7240ed}
.vsdl-solutions-page .is-playroom>a{border-color:#ffb578;color:#f26500}

/* Compact benefits bar under the cards */
.vsdl-solutions-page .vsdl-overview-benefits{padding:0 0 46px;background:#fbfdff}
.vsdl-solutions-page .vsdl-overview-benefits-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #e1e7ef;border-radius:12px;
  background:#fff;box-shadow:0 7px 20px rgba(8,29,65,.055);overflow:hidden;
}
.vsdl-solutions-page .vsdl-overview-benefits article{
  display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:center;padding:17px 20px;
}
.vsdl-solutions-page .vsdl-overview-benefits article+article{border-left:1px solid #e8edf3}
.vsdl-solutions-page .vsdl-overview-benefits .vsdl-feature-icon{
  display:grid;width:42px;height:42px;place-items:center;color:#1678ff;
}
.vsdl-solutions-page .vsdl-overview-benefits .vsdl-feature-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.vsdl-solutions-page .vsdl-overview-benefits h3{margin:0;color:#17243b;font-size:13px;line-height:1.2}
.vsdl-solutions-page .vsdl-overview-benefits p{margin:5px 0 0;color:#5a687b;font-size:10.5px;line-height:1.48}

@media (max-width:1180px){
  .vsdl-solutions-page .vsdl-shell{width:min(1120px,calc(100% - 48px))}
  .vsdl-solutions-page .vsdl-solutions-hero-grid{grid-template-columns:minmax(380px,.92fr) minmax(430px,1.08fr);gap:24px}
  .vsdl-solutions-page .vsdl-solutions-copy h1{font-size:48px}
  .vsdl-solutions-page .vsdl-tech-visual{inset:-5px -20px 0 -24px}
  .vsdl-solutions-page .vsdl-public-solutions-grid{gap:14px}
  .vsdl-solutions-page .vsdl-public-solution-card{padding:20px 16px 17px}
  .vsdl-solutions-page .vsdl-overview-benefits article{padding:16px 14px;gap:10px}
}
@media (max-width:980px){
  .vsdl-solutions-page .vsdl-solutions-hero{padding-top:22px}
  .vsdl-solutions-page .vsdl-solutions-hero-grid{grid-template-columns:1fr}
  .vsdl-solutions-page .vsdl-solutions-copy{text-align:center}
  .vsdl-solutions-page .vsdl-solutions-copy h1,.vsdl-solutions-page .vsdl-solutions-copy>p{margin-left:auto;margin-right:auto}
  .vsdl-solutions-page .vsdl-solutions-trust{margin-left:auto;margin-right:auto;text-align:left}
  .vsdl-solutions-page .vsdl-solutions-stage{min-height:380px}
  .vsdl-solutions-page .vsdl-tech-visual{inset:-20px 5% -20px}
  .vsdl-solutions-page .vsdl-public-solutions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vsdl-solutions-page .vsdl-overview-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vsdl-solutions-page .vsdl-overview-benefits article:nth-child(3){border-left:0;border-top:1px solid #e8edf3}
  .vsdl-solutions-page .vsdl-overview-benefits article:nth-child(4){border-top:1px solid #e8edf3}
}
@media (max-width:680px){
  .vsdl-solutions-page .vsdl-shell{width:calc(100% - 28px)}
  .vsdl-solutions-page .vsdl-solutions-breadcrumb{margin-bottom:18px;font-size:12px}
  .vsdl-solutions-page .vsdl-solutions-hero{min-height:0;padding:18px 0 22px}
  .vsdl-solutions-page .vsdl-eyebrow{font-size:12px}
  .vsdl-solutions-page .vsdl-solutions-copy h1{font-size:37px;line-height:1.07}
  .vsdl-solutions-page .vsdl-solutions-copy>p{font-size:15px;line-height:1.6}
  .vsdl-solutions-page .vsdl-solutions-trust{grid-template-columns:1fr;gap:13px;margin-top:25px;padding-top:20px}
  .vsdl-solutions-page .vsdl-solutions-trust article{grid-template-columns:31px 1fr;max-width:310px;margin-inline:auto;width:100%}
  .vsdl-solutions-page .vsdl-solutions-stage{min-height:270px}
  .vsdl-solutions-page .vsdl-tech-visual{inset:-8px -12% -12px}
  .vsdl-solutions-page .vsdl-orbit-card{width:48px;height:38px;border-radius:10px}
  .vsdl-solutions-page .vsdl-orbit-card svg{width:20px;height:20px}
  .vsdl-solutions-page .vsdl-solutions-overview{padding-top:38px}
  .vsdl-solutions-page .vsdl-solutions-section-head h2{font-size:30px}
  .vsdl-solutions-page .vsdl-solutions-section-head p{font-size:14px}
  .vsdl-solutions-page .vsdl-public-solutions-grid{grid-template-columns:1fr}
  .vsdl-solutions-page .vsdl-public-solution-card{min-height:0}
  .vsdl-solutions-page .vsdl-public-solution-card>p{min-height:0}
  .vsdl-solutions-page .vsdl-overview-benefits-grid{grid-template-columns:1fr}
  .vsdl-solutions-page .vsdl-overview-benefits article+article{border-left:0;border-top:1px solid #e8edf3}
}

/* -------------------------------------------------------------------------- */
/* Hero refinement 2.9.5 — approved premium visual, existing global header kept */
/* -------------------------------------------------------------------------- */
.vsdl-solutions-page .vsdl-solutions-breadcrumb{display:none!important}
.vsdl-solutions-page .vsdl-solutions-hero{
  min-height:760px;padding:148px 0 72px;
  background:
    radial-gradient(circle at 72% 38%,rgba(13,113,255,.20),transparent 29%),
    radial-gradient(circle at 94% 68%,rgba(27,111,255,.15),transparent 24%),
    linear-gradient(112deg,#020b1c 0%,#041128 48%,#031027 100%);
}
.vsdl-solutions-page .vsdl-solutions-hero::before{
  inset:88px 0 0;background:
    linear-gradient(90deg,transparent 0 49.9%,rgba(53,142,255,.10) 50%,transparent 50.1%),
    linear-gradient(180deg,transparent 0 59.9%,rgba(53,142,255,.08) 60%,transparent 60.1%);
  background-size:150px 104px;opacity:.34;mask-image:linear-gradient(90deg,transparent 35%,#000 62%,#000 100%);
}
.vsdl-solutions-page .vsdl-solutions-hero::after{
  right:-130px;bottom:-95px;width:780px;height:260px;opacity:.28;
}
.vsdl-solutions-page .vsdl-solutions-hero-grid{
  grid-template-columns:minmax(430px,.88fr) minmax(560px,1.12fr);gap:8px;align-items:center;
}
.vsdl-solutions-page .vsdl-solutions-copy{position:relative;z-index:3;padding:12px 0 4px}
.vsdl-solutions-page .vsdl-eyebrow{
  display:inline-flex;align-items:center;gap:14px;color:#2998ff;font-size:13px;font-weight:800;letter-spacing:.055em;
}
.vsdl-solutions-page .vsdl-eyebrow::before{
  content:"";display:block!important;width:30px;height:1px;background:#54b9ff;opacity:.95;
}
.vsdl-solutions-page .vsdl-solutions-copy h1{
  max-width:650px;margin:30px 0 0;color:#fff;font-size:clamp(48px,4.25vw,66px);line-height:1.08;letter-spacing:-.046em;
  text-wrap:balance;
}
.vsdl-solutions-page .vsdl-solutions-copy>p{
  max-width:610px;margin:23px 0 0;color:#d2dbea;font-size:18px;line-height:1.75;
}
.vsdl-solutions-page .vsdl-solutions-hero-actions{display:flex;gap:18px;margin-top:32px}
.vsdl-solutions-page .vsdl-btn-primary,.vsdl-solutions-page .vsdl-btn-secondary{
  min-height:58px;padding:0 28px;border-radius:13px;font-size:15px;letter-spacing:-.01em;
}
.vsdl-solutions-page .vsdl-btn-primary{
  min-width:248px;background:linear-gradient(180deg,#2387ff 0%,#075fd7 100%);
  box-shadow:0 15px 36px rgba(0,102,255,.35),inset 0 1px 0 rgba(255,255,255,.22);
}
.vsdl-solutions-page .vsdl-btn-secondary{
  min-width:220px;border-color:rgba(48,136,255,.72);background:rgba(2,11,30,.48);box-shadow:inset 0 0 0 1px rgba(0,65,153,.18);
}
.vsdl-solutions-page .vsdl-btn-primary span,.vsdl-solutions-page .vsdl-btn-secondary span{font-size:20px;font-weight:400}
.vsdl-solutions-page .vsdl-solutions-trust{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-width:650px;margin-top:46px;padding-top:0;border-top:0;
}
.vsdl-solutions-page .vsdl-solutions-trust article{
  grid-template-columns:52px 1fr;gap:13px;min-height:58px;padding:0 26px 0 0;
}
.vsdl-solutions-page .vsdl-solutions-trust article+article{padding-left:28px;border-left:1px solid rgba(113,151,205,.30)}
.vsdl-solutions-page .vsdl-stat-icon{width:50px;height:50px;color:#72c8ff;filter:drop-shadow(0 0 13px rgba(22,132,255,.34))}
.vsdl-solutions-page .vsdl-stat-icon svg{width:42px;height:42px;stroke-width:1.45}
.vsdl-solutions-page .vsdl-solutions-trust strong{margin:0;color:#fff;font-size:14px;font-weight:650;white-space:nowrap}
.vsdl-solutions-page .vsdl-solutions-trust small{display:none}
.vsdl-solutions-page .vsdl-solutions-stage{min-height:590px;z-index:2}
.vsdl-solutions-page .vsdl-tech-visual{
  position:absolute;inset:-58px -110px -70px -92px;display:flex;align-items:center;justify-content:flex-end;
}
.vsdl-solutions-page .vsdl-tech-visual::before{display:none}
.vsdl-solutions-page .vsdl-tech-visual-glow{
  position:absolute;inset:15% 6% 8% 15%;border-radius:50%;background:radial-gradient(circle,rgba(15,126,255,.22),transparent 67%);filter:blur(32px);
}
.vsdl-solutions-page .vsdl-tech-visual img{
  position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:contain;object-position:center right;
  filter:drop-shadow(0 30px 48px rgba(0,0,0,.28));
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 100%);mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 100%);
}
@media(max-width:1180px){
  .vsdl-solutions-page .vsdl-solutions-hero{min-height:720px;padding-top:138px}
  .vsdl-solutions-page .vsdl-solutions-hero-grid{grid-template-columns:minmax(390px,.92fr) minmax(470px,1.08fr);gap:0}
  .vsdl-solutions-page .vsdl-solutions-copy h1{font-size:52px}
  .vsdl-solutions-page .vsdl-solutions-copy>p{font-size:16px}
  .vsdl-solutions-page .vsdl-btn-primary{min-width:220px}.vsdl-solutions-page .vsdl-btn-secondary{min-width:195px}
  .vsdl-solutions-page .vsdl-solutions-stage{min-height:540px}
  .vsdl-solutions-page .vsdl-tech-visual{inset:-35px -95px -48px -75px}
  .vsdl-solutions-page .vsdl-solutions-trust article{grid-template-columns:43px 1fr;padding-right:17px}
  .vsdl-solutions-page .vsdl-solutions-trust article+article{padding-left:18px}
  .vsdl-solutions-page .vsdl-stat-icon{width:42px;height:42px}.vsdl-solutions-page .vsdl-stat-icon svg{width:36px;height:36px}
}
@media(max-width:980px){
  .vsdl-solutions-page .vsdl-solutions-hero{min-height:0;padding:128px 0 42px}
  .vsdl-solutions-page .vsdl-solutions-hero-grid{grid-template-columns:1fr;gap:15px}
  .vsdl-solutions-page .vsdl-solutions-copy{text-align:center}
  .vsdl-solutions-page .vsdl-eyebrow{justify-content:center}
  .vsdl-solutions-page .vsdl-solutions-copy h1,.vsdl-solutions-page .vsdl-solutions-copy>p{margin-left:auto;margin-right:auto}
  .vsdl-solutions-page .vsdl-solutions-hero-actions{justify-content:center}
  .vsdl-solutions-page .vsdl-solutions-trust{margin-left:auto;margin-right:auto;text-align:left}
  .vsdl-solutions-page .vsdl-solutions-stage{min-height:540px}
  .vsdl-solutions-page .vsdl-tech-visual{inset:-28px 0 -46px}
  .vsdl-solutions-page .vsdl-tech-visual img{-webkit-mask-image:none;mask-image:none;object-position:center}
}
@media(max-width:680px){
  .vsdl-solutions-page .vsdl-solutions-hero{padding:108px 0 28px}
  .vsdl-solutions-page .vsdl-eyebrow{font-size:11px;gap:10px}.vsdl-solutions-page .vsdl-eyebrow::before{width:22px}
  .vsdl-solutions-page .vsdl-solutions-copy h1{margin-top:20px;font-size:39px;line-height:1.08}
  .vsdl-solutions-page .vsdl-solutions-copy>p{margin-top:18px;font-size:15px;line-height:1.62}
  .vsdl-solutions-page .vsdl-solutions-hero-actions{display:grid;grid-template-columns:1fr;gap:12px;margin-top:25px}
  .vsdl-solutions-page .vsdl-btn-primary,.vsdl-solutions-page .vsdl-btn-secondary{width:100%;min-width:0;min-height:54px}
  .vsdl-solutions-page .vsdl-solutions-trust{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px}
  .vsdl-solutions-page .vsdl-solutions-trust article{display:flex;min-height:0;flex-direction:column;gap:7px;padding:0 5px;text-align:center}
  .vsdl-solutions-page .vsdl-solutions-trust article+article{padding-left:5px}
  .vsdl-solutions-page .vsdl-stat-icon{width:34px;height:34px;margin:auto}.vsdl-solutions-page .vsdl-stat-icon svg{width:31px;height:31px}
  .vsdl-solutions-page .vsdl-solutions-trust strong{font-size:11px;white-space:normal}
  .vsdl-solutions-page .vsdl-solutions-stage{min-height:365px;margin-top:8px}
  .vsdl-solutions-page .vsdl-tech-visual{inset:-10px -18% -24px}
}
@media(max-width:420px){
  .vsdl-solutions-page .vsdl-solutions-copy h1{font-size:35px}
  .vsdl-solutions-page .vsdl-solutions-stage{min-height:330px}
  .vsdl-solutions-page .vsdl-tech-visual{inset:-4px -25% -20px}
}

/* -------------------------------------------------------------------------- */
/* Hero refinement 2.9.6 — clean product-page hero with native dashboard UI   */
/* -------------------------------------------------------------------------- */
.vsdl-solutions-page .vsdl-solutions-breadcrumb{display:none!important}
.vsdl-solutions-page .vsdl-solutions-hero{
  min-height:675px;padding:132px 0 58px;
  background:
    radial-gradient(circle at 82% 43%,rgba(17,105,244,.18),transparent 31%),
    linear-gradient(112deg,#020a18 0%,#061329 56%,#071735 100%);
}
.vsdl-solutions-page .vsdl-solutions-hero::before{
  inset:0;background:
    repeating-radial-gradient(ellipse at 26% 112%,transparent 0 18px,rgba(30,112,228,.075) 19px 20px,transparent 21px 35px);
  background-size:auto;opacity:.58;mask-image:linear-gradient(180deg,transparent 36%,#000 100%);
}
.vsdl-solutions-page .vsdl-solutions-hero::after{
  right:-18%;bottom:-190px;width:74%;height:370px;border-radius:50%;
  background:radial-gradient(ellipse,rgba(20,105,255,.19),transparent 66%);opacity:.7;transform:none;
}
.vsdl-solutions-page .vsdl-solutions-hero-grid{
  grid-template-columns:minmax(430px,.92fr) minmax(560px,1.08fr);gap:54px;align-items:center;
}
.vsdl-solutions-page .vsdl-solutions-copy{padding:8px 0 0}
.vsdl-solutions-page .vsdl-eyebrow{font-size:12px;letter-spacing:.17em;gap:14px}
.vsdl-solutions-page .vsdl-eyebrow::before{width:31px}
.vsdl-solutions-page .vsdl-solutions-copy h1{
  max-width:650px;margin:27px 0 0;font-size:clamp(49px,4.45vw,68px);line-height:1.07;letter-spacing:-.052em;
}
.vsdl-solutions-page .vsdl-solutions-copy>p{
  max-width:590px;margin:22px 0 0;color:#cbd6e7;font-size:17px;line-height:1.7;
}
.vsdl-solutions-page .vsdl-solutions-hero-actions{gap:16px;margin-top:30px}
.vsdl-solutions-page .vsdl-btn-primary,.vsdl-solutions-page .vsdl-btn-secondary{
  min-width:0;min-height:56px;padding:0 27px;border-radius:10px;font-size:14px;
}
.vsdl-solutions-page .vsdl-btn-primary{background:linear-gradient(180deg,#167bff,#0756ca);box-shadow:0 14px 32px rgba(5,91,224,.3)}
.vsdl-solutions-page .vsdl-btn-secondary{border-color:rgba(38,129,246,.7);background:rgba(2,11,28,.42)}
.vsdl-solutions-page .vsdl-solutions-trust{
  max-width:610px;margin-top:42px;grid-template-columns:repeat(3,minmax(0,1fr));
}
.vsdl-solutions-page .vsdl-solutions-trust article{grid-template-columns:39px 1fr;gap:10px;min-height:44px;padding-right:19px}
.vsdl-solutions-page .vsdl-solutions-trust article+article{padding-left:20px}
.vsdl-solutions-page .vsdl-stat-icon{width:38px;height:38px;color:#70bdff;filter:none}
.vsdl-solutions-page .vsdl-stat-icon svg{width:31px;height:31px;stroke-width:1.55}
.vsdl-solutions-page .vsdl-solutions-trust strong{font-size:12px;line-height:1.3;white-space:normal}
.vsdl-solutions-page .vsdl-solutions-trust small{display:none}

/* Laptop and dashboard are rendered with HTML/CSS, not an image. */
.vsdl-solutions-page .vsdl-solutions-stage{min-height:475px;z-index:2;filter:none}
.vsdl-solutions-page .vsdl-dashboard-visual{position:absolute;inset:-2px -40px -24px -10px;display:flex;align-items:center;justify-content:center}
.vsdl-solutions-page .vsdl-dashboard-ambient{
  position:absolute;right:0;bottom:1%;width:96%;height:38%;border-radius:50%;
  background:radial-gradient(ellipse,rgba(19,112,255,.3),rgba(9,49,115,.08) 46%,transparent 72%);filter:blur(26px);
}
.vsdl-solutions-page .vsdl-dashboard-laptop{position:relative;width:min(100%,720px);padding-bottom:48px;transform:perspective(1500px) rotateY(-5deg) rotateX(1.5deg);transform-origin:center}
.vsdl-solutions-page .vsdl-dashboard-screen{
  position:relative;z-index:2;overflow:hidden;aspect-ratio:1.54/1;border:10px solid #151f33;border-bottom-width:15px;border-radius:25px 25px 13px 13px;
  background:#050d1d;box-shadow:0 40px 70px rgba(0,0,0,.48),0 0 0 1px rgba(105,151,226,.38),inset 0 0 0 1px rgba(255,255,255,.06);
}
.vsdl-solutions-page .vsdl-dashboard-screen::before{content:"";position:absolute;z-index:5;left:50%;top:4px;width:5px;height:5px;border-radius:50%;background:#34425b;transform:translateX(-50%)}
.vsdl-solutions-page .vsdl-dashboard-base{
  position:absolute;z-index:1;left:-5%;right:-5%;bottom:16px;height:43px;border-radius:4px 4px 30px 30px;
  background:linear-gradient(180deg,#263248 0%,#111b2d 48%,#060c17 100%);box-shadow:0 24px 28px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.15);
  transform:perspective(560px) rotateX(65deg);transform-origin:top;
}
.vsdl-solutions-page .vsdl-dashboard-base::before{content:"";position:absolute;left:4%;right:4%;top:3px;height:9px;border-radius:2px;background:linear-gradient(90deg,#101a2c,#2c3a53 48%,#101a2c)}
.vsdl-solutions-page .vsdl-dashboard-base span{position:absolute;left:42%;right:42%;top:1px;height:8px;border-radius:0 0 7px 7px;background:#0a1220;box-shadow:inset 0 1px 1px rgba(255,255,255,.1)}

.vsdl-solutions-page .vsdl-public-dashboard{height:100%;color:#173055;background:linear-gradient(180deg,#ffffff,#f4f8ff)}
.vsdl-solutions-page .vsdl-public-dashboard-top{
  display:flex;height:46px;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid rgba(152,181,230,.42);background:linear-gradient(180deg,#f9fbff,#eef4ff);
}
.vsdl-solutions-page .vsdl-public-dashboard-top strong{font-size:10px;letter-spacing:.02em;color:#173055}.vsdl-solutions-page .vsdl-public-dashboard-top strong span{margin-right:5px;color:#1682ff;font-size:15px;font-style:italic}
.vsdl-solutions-page .vsdl-public-dashboard-top>div{display:flex;gap:5px}.vsdl-solutions-page .vsdl-public-dashboard-top i{display:block;width:5px;height:5px;border-radius:50%;background:#bfd0e7}
.vsdl-solutions-page .vsdl-public-dashboard-body{display:grid;grid-template-columns:92px 1fr;height:calc(100% - 46px)}
.vsdl-solutions-page .vsdl-public-dashboard aside{padding:16px 10px;border-right:1px solid rgba(152,181,230,.34);background:#f7faff}
.vsdl-solutions-page .vsdl-public-dashboard aside b,.vsdl-solutions-page .vsdl-public-dashboard aside span{display:block;border-radius:6px;font-size:7px}
.vsdl-solutions-page .vsdl-public-dashboard aside b{margin-bottom:12px;padding:8px 7px;color:#fff;background:linear-gradient(90deg,#1787ff,#4b6bff)}
.vsdl-solutions-page .vsdl-public-dashboard aside span{margin:2px 0;padding:7px;color:#6f84a5}
.vsdl-solutions-page .vsdl-public-dashboard-body>section{padding:14px 14px 13px;overflow:hidden}
.vsdl-solutions-page .vsdl-public-dashboard-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.vsdl-solutions-page .vsdl-public-dashboard-metrics article{position:relative;min-width:0;padding:11px;border:1px solid rgba(160,186,230,.34);border-radius:11px;background:linear-gradient(180deg,#ffffff,#f4f8ff);box-shadow:0 10px 22px rgba(48,101,184,.08)}
.vsdl-solutions-page .vsdl-public-dashboard-metrics small{display:block;overflow:hidden;color:#6d84a8;font-size:6px;white-space:nowrap;text-overflow:ellipsis}
.vsdl-solutions-page .vsdl-public-dashboard-metrics strong{display:block;margin-top:5px;color:#173055;font-size:17px;line-height:1}
.vsdl-solutions-page .vsdl-public-dashboard-metrics em{position:absolute;right:9px;bottom:9px;color:#3ed08d;font-size:6px;font-style:normal}
.vsdl-solutions-page .vsdl-public-dashboard-panels{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(120px,.75fr);gap:9px;margin-top:9px}
.vsdl-solutions-page .vsdl-public-dashboard-panels>article{min-width:0;height:205px;padding:10px;border:1px solid rgba(160,186,230,.34);border-radius:11px;background:linear-gradient(180deg,#ffffff,#f4f8ff);box-shadow:0 10px 22px rgba(48,101,184,.08)}
.vsdl-solutions-page .vsdl-public-dashboard-panels header{color:#5f79a1;font-size:7px;font-weight:700}
.vsdl-solutions-page .vsdl-public-chart svg{display:block;width:100%;height:136px;margin-top:7px;overflow:visible}
.vsdl-solutions-page .vsdl-public-chart path{fill:none;stroke:#2186ff;stroke-width:3;filter:drop-shadow(0 0 5px rgba(33,134,255,.42))}
.vsdl-solutions-page .vsdl-public-chart path.area{fill:rgba(33,134,255,.08);stroke:none;opacity:1}
.vsdl-solutions-page .vsdl-public-chart>div{display:flex;justify-content:space-between;color:#7a8fae;font-size:5px}
.vsdl-solutions-page .vsdl-public-donut{text-align:center}
.vsdl-solutions-page .vsdl-public-donut .ring{display:flex;width:92px;height:92px;flex-direction:column;align-items:center;justify-content:center;margin:16px auto 12px;border-radius:50%;background:radial-gradient(circle at center,#ffffff 0 47%,transparent 48%),conic-gradient(#1787ff 0 42%,#4f46d8 42% 70%,#1bb3ba 70% 90%,#d7e3f7 90%);box-shadow:0 0 22px rgba(26,115,255,.10)}
.vsdl-solutions-page .vsdl-public-donut .ring strong{font-size:18px}.vsdl-solutions-page .vsdl-public-donut .ring small{color:#6f829e;font-size:6px}
.vsdl-solutions-page .vsdl-public-donut p{display:flex;justify-content:space-between;margin:5px 0;color:#72849f;font-size:6px}.vsdl-solutions-page .vsdl-public-donut p b{color:#173055}

@media(max-width:1180px){
  .vsdl-solutions-page .vsdl-solutions-hero{min-height:650px;padding-top:128px}
  .vsdl-solutions-page .vsdl-solutions-hero-grid{grid-template-columns:minmax(390px,.94fr) minmax(465px,1.06fr);gap:24px}
  .vsdl-solutions-page .vsdl-solutions-copy h1{font-size:52px}
  .vsdl-solutions-page .vsdl-dashboard-visual{inset:10px -18px -10px -8px}
}
@media(max-width:980px){
  .vsdl-solutions-page .vsdl-solutions-hero{padding:126px 0 42px}
  .vsdl-solutions-page .vsdl-solutions-hero-grid{grid-template-columns:1fr;gap:28px}
  .vsdl-solutions-page .vsdl-solutions-copy{text-align:center}
  .vsdl-solutions-page .vsdl-eyebrow,.vsdl-solutions-page .vsdl-solutions-hero-actions{justify-content:center}
  .vsdl-solutions-page .vsdl-solutions-copy h1,.vsdl-solutions-page .vsdl-solutions-copy>p{margin-left:auto;margin-right:auto}
  .vsdl-solutions-page .vsdl-solutions-trust{margin-left:auto;margin-right:auto;text-align:left}
  .vsdl-solutions-page .vsdl-solutions-stage{min-height:465px;width:min(720px,100%);margin-inline:auto}
  .vsdl-solutions-page .vsdl-dashboard-visual{inset:0}
}
@media(max-width:680px){
  .vsdl-solutions-page .vsdl-solutions-hero{padding:108px 0 34px}
  .vsdl-solutions-page .vsdl-solutions-copy h1{font-size:38px}
  .vsdl-solutions-page .vsdl-solutions-copy>p{font-size:15px}
  .vsdl-solutions-page .vsdl-solutions-hero-actions{grid-template-columns:1fr}
  .vsdl-solutions-page .vsdl-solutions-trust{grid-template-columns:1fr;gap:11px;max-width:330px;margin-top:28px}
  .vsdl-solutions-page .vsdl-solutions-trust article{display:grid;grid-template-columns:34px 1fr;padding:0;text-align:left}
  .vsdl-solutions-page .vsdl-solutions-trust article+article{padding:0;border-left:0}
  .vsdl-solutions-page .vsdl-stat-icon{margin:0}
  .vsdl-solutions-page .vsdl-solutions-stage{min-height:300px;margin-top:8px}
  .vsdl-solutions-page .vsdl-dashboard-laptop{width:115%;margin-left:-7.5%;padding-bottom:33px;transform:perspective(1200px) rotateY(-3deg)}
  .vsdl-solutions-page .vsdl-dashboard-screen{border-width:6px;border-bottom-width:9px;border-radius:16px 16px 9px 9px}
  .vsdl-solutions-page .vsdl-dashboard-base{bottom:11px;height:29px}
  .vsdl-solutions-page .vsdl-public-dashboard-body{grid-template-columns:60px 1fr}
  .vsdl-solutions-page .vsdl-public-dashboard-top{height:32px;padding:0 10px}
  .vsdl-solutions-page .vsdl-public-dashboard-body{height:calc(100% - 32px)}
  .vsdl-solutions-page .vsdl-public-dashboard aside{padding:8px 6px}
  .vsdl-solutions-page .vsdl-public-dashboard aside span{padding:4px}.vsdl-solutions-page .vsdl-public-dashboard aside b{padding:5px;margin-bottom:6px}
  .vsdl-solutions-page .vsdl-public-dashboard-body>section{padding:8px}
  .vsdl-solutions-page .vsdl-public-dashboard-metrics article{padding:7px}
  .vsdl-solutions-page .vsdl-public-dashboard-metrics strong{font-size:11px}
  .vsdl-solutions-page .vsdl-public-dashboard-panels>article{height:132px;padding:7px}
  .vsdl-solutions-page .vsdl-public-chart svg{height:82px}
  .vsdl-solutions-page .vsdl-public-donut .ring{width:58px;height:58px;margin:8px auto 6px}.vsdl-solutions-page .vsdl-public-donut .ring strong{font-size:11px}
}

/* -------------------------------------------------------------------------- */
/* Hero refinement 2.9.8 — premium label and cleaner benefits rail            */
/* -------------------------------------------------------------------------- */
.vsdl-solutions-page .vsdl-solutions-copy>.vsdl-eyebrow{
  position:relative;display:inline-flex;align-items:center;gap:10px;min-height:34px;
  padding:7px 14px 7px 11px;border:1px solid rgba(79,170,255,.28);border-radius:999px;
  background:linear-gradient(135deg,rgba(20,111,255,.14),rgba(8,36,80,.34));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 30px rgba(0,38,97,.16);
  color:#79c6ff;font-size:10.5px;font-weight:800;line-height:1;letter-spacing:.16em;
  text-transform:uppercase;white-space:nowrap;backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.vsdl-solutions-page .vsdl-solutions-copy>.vsdl-eyebrow::before{
  content:"";display:block!important;width:8px;height:8px;border:0;border-radius:2px;
  background:linear-gradient(135deg,#70d2ff,#1682ff);box-shadow:0 0 0 4px rgba(39,147,255,.10),0 0 16px rgba(47,168,255,.58);
  transform:rotate(45deg);flex:0 0 auto;
}
.vsdl-solutions-page .vsdl-solutions-copy>.vsdl-eyebrow::after{
  content:"";position:absolute;inset:1px auto 1px 42px;width:56px;border-radius:999px;
  background:linear-gradient(90deg,rgba(255,255,255,.06),transparent);pointer-events:none;
}

.vsdl-solutions-page .vsdl-solutions-trust{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:700px;
  margin-top:34px;padding:8px;border:1px solid rgba(105,160,231,.20);border-radius:18px;
  background:linear-gradient(135deg,rgba(7,25,55,.68),rgba(6,18,41,.48));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 22px 55px rgba(0,9,27,.20);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
.vsdl-solutions-page .vsdl-solutions-trust article{
  position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;
  min-height:70px;padding:10px 13px;border:1px solid transparent;border-radius:13px;
  transition:transform .22s ease,border-color .22s ease,background-color .22s ease;
}
.vsdl-solutions-page .vsdl-solutions-trust article+article{padding-left:13px;border-left-color:transparent}
.vsdl-solutions-page .vsdl-solutions-trust article:hover{
  transform:translateY(-2px);border-color:rgba(73,160,255,.20);background:rgba(20,79,153,.11);
}
.vsdl-solutions-page .vsdl-solutions-trust article:not(:last-child)::after{
  content:"";position:absolute;right:-4px;top:17px;bottom:17px;width:1px;
  background:linear-gradient(180deg,transparent,rgba(112,158,219,.24),transparent);
}
.vsdl-solutions-page .vsdl-stat-icon{
  display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(79,173,255,.24);
  border-radius:12px;background:linear-gradient(145deg,rgba(24,111,218,.22),rgba(7,40,90,.28));
  color:#78caff;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 9px 22px rgba(0,70,169,.15);
  filter:none;
}
.vsdl-solutions-page .vsdl-stat-icon svg{width:25px;height:25px;stroke-width:1.55}
.vsdl-solutions-page .vsdl-solutions-trust strong{
  display:block;margin:0;color:#f4f8ff;font-size:12.5px;font-weight:700;line-height:1.28;white-space:normal;
}
.vsdl-solutions-page .vsdl-solutions-trust small{
  display:block;margin-top:4px;color:#91a4bf;font-size:9.5px;font-weight:500;line-height:1.35;
}

@media(max-width:1180px){
  .vsdl-solutions-page .vsdl-solutions-trust{max-width:650px}
  .vsdl-solutions-page .vsdl-solutions-trust article{grid-template-columns:40px 1fr;padding:9px 10px;gap:10px}
  .vsdl-solutions-page .vsdl-solutions-trust article+article{padding-left:10px}
  .vsdl-solutions-page .vsdl-stat-icon{width:40px;height:40px}.vsdl-solutions-page .vsdl-stat-icon svg{width:23px;height:23px}
}
@media(max-width:980px){
  .vsdl-solutions-page .vsdl-solutions-copy>.vsdl-eyebrow{margin-inline:auto}
  .vsdl-solutions-page .vsdl-solutions-trust{max-width:700px;text-align:left}
}
@media(max-width:680px){
  .vsdl-solutions-page .vsdl-solutions-copy>.vsdl-eyebrow{min-height:31px;padding:6px 12px 6px 10px;font-size:9.5px;letter-spacing:.13em}
  .vsdl-solutions-page .vsdl-solutions-copy>.vsdl-eyebrow::before{width:7px;height:7px}
  .vsdl-solutions-page .vsdl-solutions-trust{grid-template-columns:1fr;gap:4px;max-width:360px;margin-top:27px;padding:7px;border-radius:16px}
  .vsdl-solutions-page .vsdl-solutions-trust article{grid-template-columns:42px 1fr;min-height:62px;padding:8px 10px}
  .vsdl-solutions-page .vsdl-solutions-trust article+article{padding:8px 10px;border-left:1px solid transparent}
  .vsdl-solutions-page .vsdl-solutions-trust article:not(:last-child)::after{left:12px;right:12px;top:auto;bottom:-2px;width:auto;height:1px}
  .vsdl-solutions-page .vsdl-stat-icon{width:40px;height:40px}
  .vsdl-solutions-page .vsdl-solutions-trust strong{font-size:12px}
  .vsdl-solutions-page .vsdl-solutions-trust small{font-size:9.5px}
}


/* -------------------------------------------------------------------------- */
/* 2.9.9 — „Naša softverska rešenja“ premium product showcase                 */
/* -------------------------------------------------------------------------- */
.vsdl-solutions-page .vsdl-solutions-overview{
  position:relative;overflow:hidden;padding:104px 0 30px;
  background:
    radial-gradient(circle at 7% 12%,rgba(25,119,255,.08),transparent 24%),
    radial-gradient(circle at 93% 54%,rgba(102,73,255,.065),transparent 22%),
    linear-gradient(180deg,#ffffff 0%,#f7faff 100%);
}
.vsdl-solutions-page .vsdl-solutions-overview::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.42;
  background-image:linear-gradient(rgba(12,77,166,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(12,77,166,.035) 1px,transparent 1px);
  background-size:48px 48px;mask-image:linear-gradient(180deg,#000 0%,transparent 72%);
}
.vsdl-solutions-page .vsdl-solutions-overview>.vsdl-shell{position:relative;z-index:1}
.vsdl-solutions-page .vsdl-solutions-showcase-head{
  display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.76fr);gap:72px;align-items:end;
  margin-bottom:42px;padding-bottom:35px;border-bottom:1px solid #dfe7f2;
}
.vsdl-solutions-page .vsdl-solutions-heading-copy{max-width:720px}
.vsdl-solutions-page .vsdl-solutions-kicker{
  display:inline-flex;align-items:center;gap:11px;margin-bottom:17px;color:#1576f7;
  font-size:11px;font-weight:850;line-height:1;letter-spacing:.155em;text-transform:uppercase;
}
.vsdl-solutions-page .vsdl-solutions-kicker i{
  position:relative;display:block;width:30px;height:2px;border-radius:10px;background:linear-gradient(90deg,#1177ff,#68baff);
  box-shadow:0 0 14px rgba(30,130,255,.35);
}
.vsdl-solutions-page .vsdl-solutions-kicker i::after{
  content:"";position:absolute;right:-2px;top:-2px;width:6px;height:6px;border-radius:50%;background:#1989ff;box-shadow:0 0 0 4px rgba(25,137,255,.10);
}
.vsdl-solutions-page .vsdl-solutions-heading-copy h2{
  max-width:760px;margin:0;color:#0b1931;font-size:clamp(38px,4vw,56px);font-weight:780;line-height:1.055;letter-spacing:-.052em;
}
.vsdl-solutions-page .vsdl-solutions-heading-aside{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:25px;align-items:end;padding-bottom:3px;
}
.vsdl-solutions-page .vsdl-solutions-heading-aside>p{
  margin:0;color:#58677c;font-size:15px;line-height:1.7;
}
.vsdl-solutions-page .vsdl-solutions-count{
  display:flex;align-items:center;gap:11px;min-width:154px;padding-left:22px;border-left:1px solid #dbe4f0;
}
.vsdl-solutions-page .vsdl-solutions-count strong{
  color:#126ff0;font-size:38px;font-weight:800;line-height:.9;letter-spacing:-.065em;
}
.vsdl-solutions-page .vsdl-solutions-count span{
  color:#66758a;font-size:9px;font-weight:800;line-height:1.35;letter-spacing:.09em;text-transform:uppercase;
}

.vsdl-solutions-page .vsdl-public-solutions-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;
}
.vsdl-solutions-page .vsdl-public-solution-card{
  --vsdl-card-accent:#1976ff;--vsdl-card-accent-rgb:25,118,255;
  position:relative;isolation:isolate;display:flex;min-height:370px;overflow:hidden;flex-direction:column;
  padding:28px 29px 0;border:1px solid rgba(17,55,110,.105);border-radius:24px;
  background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(249,252,255,.98));
  box-shadow:0 20px 55px rgba(13,37,76,.075),inset 0 1px 0 rgba(255,255,255,.8);
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.vsdl-solutions-page .vsdl-public-solution-card.is-building{--vsdl-card-accent:#1976ff;--vsdl-card-accent-rgb:25,118,255}
.vsdl-solutions-page .vsdl-public-solution-card.is-auto{--vsdl-card-accent:#12a873;--vsdl-card-accent-rgb:18,168,115}
.vsdl-solutions-page .vsdl-public-solution-card.is-student{--vsdl-card-accent:#7750ee;--vsdl-card-accent-rgb:119,80,238}
.vsdl-solutions-page .vsdl-public-solution-card.is-playroom{--vsdl-card-accent:#ff7a18;--vsdl-card-accent-rgb:255,122,24}
.vsdl-solutions-page .vsdl-public-solution-card.is-custom{--vsdl-card-accent:#1b8ee8;--vsdl-card-accent-rgb:27,142,232}
.vsdl-solutions-page .vsdl-public-solution-card::before{
  content:"";position:absolute;z-index:-1;left:0;top:0;width:5px;height:100%;background:linear-gradient(180deg,var(--vsdl-card-accent),rgba(var(--vsdl-card-accent-rgb),.12));
}
.vsdl-solutions-page .vsdl-public-solution-card::after{
  content:"";position:absolute;z-index:-2;right:-80px;top:-105px;width:260px;height:260px;border-radius:50%;
  background:radial-gradient(circle,rgba(var(--vsdl-card-accent-rgb),.13),rgba(var(--vsdl-card-accent-rgb),.035) 52%,transparent 72%);
}
.vsdl-solutions-page .vsdl-solution-card-glow{
  position:absolute;z-index:-1;right:74px;top:0;width:120px;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--vsdl-card-accent-rgb),.65),transparent);
  box-shadow:0 0 22px rgba(var(--vsdl-card-accent-rgb),.34);
}
.vsdl-solutions-page .vsdl-public-solution-card:hover{
  transform:translateY(-7px);border-color:rgba(var(--vsdl-card-accent-rgb),.25);
  box-shadow:0 28px 70px rgba(10,35,77,.13),0 7px 24px rgba(var(--vsdl-card-accent-rgb),.06);
}
.vsdl-solutions-page .vsdl-public-solution-card-head{
  display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:23px;
}
.vsdl-solutions-page .vsdl-public-solution-icon{
  display:grid;width:64px;height:64px;margin:0;place-items:center;border:1px solid rgba(var(--vsdl-card-accent-rgb),.18);border-radius:18px;
  background:linear-gradient(145deg,rgba(var(--vsdl-card-accent-rgb),.15),rgba(var(--vsdl-card-accent-rgb),.055));
  color:var(--vsdl-card-accent);box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 13px 29px rgba(var(--vsdl-card-accent-rgb),.13);
}
.vsdl-solutions-page .vsdl-public-solution-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.vsdl-solutions-page .vsdl-public-solution-number{
  color:rgba(15,38,75,.12);font-size:54px;font-weight:850;line-height:.82;letter-spacing:-.08em;
}
.vsdl-solutions-page .vsdl-public-solution-card-body{display:flex;flex:1;flex-direction:column}
.vsdl-solutions-page .vsdl-public-solution-category{
  display:block;margin-bottom:8px;color:var(--vsdl-card-accent);font-size:9px;font-weight:850;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;
}
.vsdl-solutions-page .vsdl-public-solution-card h3{
  margin:0;color:#0d1c34;font-size:27px;font-weight:760;line-height:1.12;letter-spacing:-.035em;
}
.vsdl-solutions-page .vsdl-public-solution-card>p{display:none}
.vsdl-solutions-page .vsdl-public-solution-card-body>p{
  min-height:0;margin:11px 0 20px;color:#58687d;font-size:14px;line-height:1.62;
}
.vsdl-solutions-page .vsdl-public-solution-card ul{
  display:flex;gap:8px;flex-wrap:wrap;margin:0 0 25px;padding:0;list-style:none;
}
.vsdl-solutions-page .vsdl-public-solution-card li{
  position:relative;padding:7px 10px 7px 27px;border:1px solid rgba(var(--vsdl-card-accent-rgb),.13);border-radius:999px;
  background:rgba(var(--vsdl-card-accent-rgb),.045);color:#33445a!important;font-size:10.5px;font-weight:650;line-height:1.25;
}
.vsdl-solutions-page .vsdl-public-solution-card li::before{
  content:"";position:absolute;left:10px;top:50%;width:11px;height:11px;border:1.5px solid var(--vsdl-card-accent);border-radius:50%;background:transparent;transform:translateY(-50%);
}
.vsdl-solutions-page .vsdl-public-solution-card li::after{
  content:"";position:absolute;left:13px;top:50%;width:4px;height:2px;border-left:1.4px solid var(--vsdl-card-accent);border-bottom:1.4px solid var(--vsdl-card-accent);transform:translateY(-62%) rotate(-45deg);
}
.vsdl-solutions-page .vsdl-public-solution-card>a{
  display:flex;min-height:60px;align-items:center;justify-content:space-between;margin:0 -29px;padding:0 29px;border:0;border-top:1px solid #e6ecf3;border-radius:0;
  background:rgba(248,251,255,.62);color:#13233a!important;text-decoration:none;text-transform:none;letter-spacing:0;font-size:12px;font-weight:780;
  transition:color .22s ease,background-color .22s ease;
}
.vsdl-solutions-page .vsdl-public-solution-card>a i{
  display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:rgba(var(--vsdl-card-accent-rgb),.10);color:var(--vsdl-card-accent);font-style:normal;font-size:16px;transition:transform .22s ease,background-color .22s ease,color .22s ease;
}
.vsdl-solutions-page .vsdl-public-solution-card>a:hover{background:rgba(var(--vsdl-card-accent-rgb),.045);color:var(--vsdl-card-accent)!important}
.vsdl-solutions-page .vsdl-public-solution-card>a:hover i{transform:translateX(3px);background:var(--vsdl-card-accent);color:#fff}

.vsdl-solutions-page .vsdl-overview-benefits{
  position:relative;padding:28px 0 72px;background:linear-gradient(180deg,#f7faff 0%,#f5f8fd 100%);
}
.vsdl-solutions-page .vsdl-overview-benefits-grid{
  position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;
  border:1px solid rgba(79,137,220,.18);border-radius:20px;
  background:
    radial-gradient(circle at 10% 0%,rgba(35,123,255,.16),transparent 30%),
    linear-gradient(118deg,#071630 0%,#091d42 56%,#081a39 100%);
  box-shadow:0 23px 55px rgba(3,19,48,.16),inset 0 1px 0 rgba(255,255,255,.045);
}
.vsdl-solutions-page .vsdl-overview-benefits-grid::after{
  content:"";position:absolute;right:-70px;top:-80px;width:300px;height:260px;opacity:.25;pointer-events:none;
  background-image:linear-gradient(rgba(78,150,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(78,150,255,.18) 1px,transparent 1px);background-size:25px 25px;transform:rotate(10deg);
}
.vsdl-solutions-page .vsdl-overview-benefits article{
  position:relative;z-index:1;display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center;min-height:112px;padding:24px 22px;
}
.vsdl-solutions-page .vsdl-overview-benefits article+article{border-left:1px solid rgba(126,166,224,.13)}
.vsdl-solutions-page .vsdl-overview-benefits .vsdl-feature-icon{
  display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(89,169,255,.22);border-radius:14px;
  background:linear-gradient(145deg,rgba(26,120,241,.19),rgba(13,59,127,.16));color:#69bdff;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.vsdl-solutions-page .vsdl-overview-benefits .vsdl-feature-icon svg{width:27px;height:27px;stroke-width:1.55}
.vsdl-solutions-page .vsdl-overview-benefits h3{margin:0;color:#f2f7ff;font-size:13px;font-weight:720;line-height:1.25}
.vsdl-solutions-page .vsdl-overview-benefits p{margin:5px 0 0;color:#92a6c2;font-size:10px;line-height:1.5}

@media(max-width:1100px){
  .vsdl-solutions-page .vsdl-solutions-showcase-head{grid-template-columns:1fr minmax(330px,.72fr);gap:42px}
  .vsdl-solutions-page .vsdl-solutions-heading-copy h2{font-size:44px}
  .vsdl-solutions-page .vsdl-solutions-heading-aside{grid-template-columns:1fr}.vsdl-solutions-page .vsdl-solutions-count{display:none}
  .vsdl-solutions-page .vsdl-public-solution-card{min-height:390px;padding-inline:23px}
  .vsdl-solutions-page .vsdl-public-solution-card>a{margin-inline:-23px;padding-inline:23px}
  .vsdl-solutions-page .vsdl-overview-benefits article{grid-template-columns:42px 1fr;padding:20px 15px;gap:10px}
  .vsdl-solutions-page .vsdl-overview-benefits .vsdl-feature-icon{width:42px;height:42px}.vsdl-solutions-page .vsdl-overview-benefits .vsdl-feature-icon svg{width:24px;height:24px}
}
@media(max-width:820px){
  .vsdl-solutions-page .vsdl-solutions-overview{padding-top:76px}
  .vsdl-solutions-page .vsdl-solutions-showcase-head{grid-template-columns:1fr;gap:18px;margin-bottom:31px;padding-bottom:27px}
  .vsdl-solutions-page .vsdl-solutions-heading-copy h2{font-size:40px}
  .vsdl-solutions-page .vsdl-solutions-heading-aside>p{max-width:680px}
  .vsdl-solutions-page .vsdl-public-solutions-grid{grid-template-columns:1fr;gap:17px}
  .vsdl-solutions-page .vsdl-public-solution-card{min-height:0}
  .vsdl-solutions-page .vsdl-overview-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vsdl-solutions-page .vsdl-overview-benefits article:nth-child(3){border-left:0;border-top:1px solid rgba(126,166,224,.13)}
  .vsdl-solutions-page .vsdl-overview-benefits article:nth-child(4){border-top:1px solid rgba(126,166,224,.13)}
}
@media(max-width:560px){
  .vsdl-solutions-page .vsdl-solutions-overview{padding:60px 0 21px}
  .vsdl-solutions-page .vsdl-solutions-showcase-head{margin-bottom:24px;padding-bottom:22px}
  .vsdl-solutions-page .vsdl-solutions-kicker{margin-bottom:13px;font-size:9.5px;letter-spacing:.13em}
  .vsdl-solutions-page .vsdl-solutions-heading-copy h2{font-size:33px;line-height:1.08}
  .vsdl-solutions-page .vsdl-solutions-heading-aside>p{font-size:13.5px;line-height:1.62}
  .vsdl-solutions-page .vsdl-public-solution-card{padding:21px 19px 0;border-radius:19px}
  .vsdl-solutions-page .vsdl-public-solution-card-head{margin-bottom:18px}
  .vsdl-solutions-page .vsdl-public-solution-icon{width:54px;height:54px;border-radius:15px}.vsdl-solutions-page .vsdl-public-solution-icon svg{width:27px;height:27px}
  .vsdl-solutions-page .vsdl-public-solution-number{font-size:45px}
  .vsdl-solutions-page .vsdl-public-solution-card h3{font-size:23px}
  .vsdl-solutions-page .vsdl-public-solution-card-body>p{margin:9px 0 17px;font-size:13px}
  .vsdl-solutions-page .vsdl-public-solution-card ul{gap:6px;margin-bottom:20px}
  .vsdl-solutions-page .vsdl-public-solution-card li{padding:6px 9px 6px 25px;font-size:9.5px}
  .vsdl-solutions-page .vsdl-public-solution-card li::before{left:9px}
  .vsdl-solutions-page .vsdl-public-solution-card li::after{left:12px}
  .vsdl-solutions-page .vsdl-public-solution-card>a{min-height:55px;margin-inline:-19px;padding-inline:19px}
  .vsdl-solutions-page .vsdl-overview-benefits{padding:20px 0 50px}
  .vsdl-solutions-page .vsdl-overview-benefits-grid{grid-template-columns:1fr;border-radius:17px}
  .vsdl-solutions-page .vsdl-overview-benefits article{min-height:0;padding:17px 16px}
  .vsdl-solutions-page .vsdl-overview-benefits article+article{border-left:0;border-top:1px solid rgba(126,166,224,.13)}
  .vsdl-solutions-page .vsdl-overview-benefits h3{font-size:12.5px}.vsdl-solutions-page .vsdl-overview-benefits p{font-size:9.5px}
}
/* Keep the new icon surface stronger than legacy per-product selectors. */
.vsdl-solutions-page .vsdl-public-solution-card .vsdl-public-solution-icon{
  background:linear-gradient(145deg,rgba(var(--vsdl-card-accent-rgb),.15),rgba(var(--vsdl-card-accent-rgb),.055));
  color:var(--vsdl-card-accent);
}


/* -------------------------------------------------------------------------- */
/* 3.0.0 — featured + unlimited solution catalog                              */
/* -------------------------------------------------------------------------- */
.vsdl-solutions-page .vsdl-featured-solutions-label{
  display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 17px;padding:0 3px;
}
.vsdl-solutions-page .vsdl-featured-solutions-label span{
  display:inline-flex;align-items:center;gap:9px;color:#152741;font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;
}
.vsdl-solutions-page .vsdl-featured-solutions-label span::before{
  content:"";width:7px;height:7px;border-radius:50%;background:#1678fa;box-shadow:0 0 0 5px rgba(22,120,250,.09);
}
.vsdl-solutions-page .vsdl-featured-solutions-label small{color:#768398;font-size:11px;line-height:1.4}

.vsdl-solutions-page .vsdl-additional-solutions{
  margin-top:72px;padding-top:58px;border-top:1px solid #dfe7f2;
}
.vsdl-solutions-page .vsdl-additional-solutions-head{
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(330px,.58fr);gap:55px;align-items:end;margin-bottom:27px;
}
.vsdl-solutions-page .vsdl-additional-solutions-head .vsdl-solutions-kicker{margin-bottom:13px}
.vsdl-solutions-page .vsdl-additional-solutions-head h3{
  max-width:670px;margin:0;color:#0c1b33;font-size:clamp(31px,3.2vw,44px);font-weight:780;line-height:1.08;letter-spacing:-.045em;
}
.vsdl-solutions-page .vsdl-additional-solutions-head>p{margin:0;color:#5b6a7f;font-size:14px;line-height:1.72}
.vsdl-solutions-page .vsdl-solution-filters{
  display:flex;gap:9px;flex-wrap:wrap;margin-bottom:24px;padding:6px;border:1px solid #e0e8f2;border-radius:15px;background:rgba(255,255,255,.76);box-shadow:0 10px 28px rgba(15,43,85,.045);
}
.vsdl-solutions-page .vsdl-solution-filters button{
  appearance:none;min-height:38px;padding:0 15px;border:1px solid transparent;border-radius:10px;background:transparent;color:#56657a;cursor:pointer;font:inherit;font-size:10.5px;font-weight:760;letter-spacing:.025em;transition:.2s ease;
}
.vsdl-solutions-page .vsdl-solution-filters button:hover{color:#136fe9;background:#f1f6fe}
.vsdl-solutions-page .vsdl-solution-filters button.is-active{border-color:#cfe0f8;background:#eaf3ff;color:#126fe9;box-shadow:inset 0 1px 0 #fff}
.vsdl-solutions-page .vsdl-additional-solutions-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;
}
.vsdl-solutions-page .vsdl-additional-solutions-grid [hidden]{display:none!important}
.vsdl-solutions-page .vsdl-public-solution-card.is-compact{
  min-height:330px;padding:22px 22px 0;border-radius:20px;
}
.vsdl-solutions-page .vsdl-public-solution-card.is-compact .vsdl-public-solution-card-head{margin-bottom:18px}
.vsdl-solutions-page .vsdl-public-solution-card.is-compact .vsdl-public-solution-icon{width:52px;height:52px;border-radius:15px}
.vsdl-solutions-page .vsdl-public-solution-card.is-compact .vsdl-public-solution-icon svg{width:26px;height:26px}
.vsdl-solutions-page .vsdl-public-solution-card.is-compact .vsdl-public-solution-number{font-size:42px}
.vsdl-solutions-page .vsdl-public-solution-card.is-compact h3{font-size:22px}
.vsdl-solutions-page .vsdl-public-solution-card.is-compact .vsdl-public-solution-card-body>p{margin:9px 0 16px;font-size:12.5px;line-height:1.58}
.vsdl-solutions-page .vsdl-public-solution-card.is-compact ul{margin-bottom:19px}
.vsdl-solutions-page .vsdl-public-solution-card.is-compact>a{min-height:54px;margin-inline:-22px;padding-inline:22px}
.vsdl-solutions-page .vsdl-solutions-browser-footer{
  display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:58px;margin-top:24px;
}
.vsdl-solutions-page .vsdl-solutions-browser-footer>span{color:#78869a;font-size:11px;font-weight:650}
.vsdl-solutions-page .vsdl-load-more-solutions{
  display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:13px;padding:0 21px;border:1px solid #cbdcf3;border-radius:13px;background:#fff;color:#126fe9;cursor:pointer;font:inherit;font-size:11.5px;font-weight:800;box-shadow:0 10px 25px rgba(14,64,134,.07);transition:.22s ease;
}
.vsdl-solutions-page .vsdl-load-more-solutions:hover{transform:translateY(-2px);border-color:#91baf0;box-shadow:0 15px 30px rgba(14,64,134,.12)}
.vsdl-solutions-page .vsdl-load-more-solutions i{display:grid;width:26px;height:26px;place-items:center;border-radius:50%;background:#e9f3ff;font-style:normal;font-size:14px}
.vsdl-solutions-page .vsdl-load-more-solutions[hidden]{display:none!important}

@media(max-width:1050px){
  .vsdl-solutions-page .vsdl-additional-solutions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
  .vsdl-solutions-page .vsdl-additional-solutions{margin-top:54px;padding-top:42px}
  .vsdl-solutions-page .vsdl-additional-solutions-head{grid-template-columns:1fr;gap:13px}
  .vsdl-solutions-page .vsdl-additional-solutions-head h3{font-size:35px}
}
@media(max-width:560px){
  .vsdl-solutions-page .vsdl-featured-solutions-label{align-items:flex-start;flex-direction:column;gap:7px}
  .vsdl-solutions-page .vsdl-additional-solutions{margin-top:42px;padding-top:34px}
  .vsdl-solutions-page .vsdl-additional-solutions-head h3{font-size:29px}
  .vsdl-solutions-page .vsdl-solution-filters{gap:6px;padding:5px;border-radius:13px}
  .vsdl-solutions-page .vsdl-solution-filters button{min-height:35px;padding:0 11px;font-size:9.5px}
  .vsdl-solutions-page .vsdl-additional-solutions-grid{grid-template-columns:1fr}
  .vsdl-solutions-page .vsdl-public-solution-card.is-compact{min-height:0}
  .vsdl-solutions-page .vsdl-solutions-browser-footer{align-items:stretch;flex-direction:column}
  .vsdl-solutions-page .vsdl-load-more-solutions{width:100%}
}

/* ========================================================================== */
/* 3.0.1 — Fleksibilno. Sigurno. Uvek dostupno.                              */
/* ========================================================================== */
.vsdl-solutions-page .vsdl-solutions-platform{
  position:relative;
  overflow:hidden;
  padding:96px 0 82px;
  background:
    radial-gradient(circle at 18% 8%,rgba(20,116,255,.22),transparent 28%),
    radial-gradient(circle at 88% 30%,rgba(119,74,255,.18),transparent 30%),
    linear-gradient(155deg,#050d25 0%,#071637 48%,#050d24 100%);
}
.vsdl-solutions-page .vsdl-solutions-platform::before{
  left:auto;
  right:-140px;
  top:34px;
  bottom:auto;
  width:620px;
  height:620px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(48,124,255,.15),transparent 68%);
  opacity:1;
}
.vsdl-solutions-page .vsdl-solutions-platform::after{
  right:0;
  top:0;
  width:54%;
  height:100%;
  background-image:
    linear-gradient(rgba(116,145,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(116,145,255,.055) 1px,transparent 1px);
  background-size:34px 34px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 34%,#000);
  mask-image:linear-gradient(90deg,transparent,#000 34%,#000);
  opacity:.52;
}
.vsdl-solutions-page .vsdl-platform-head{
  position:relative;
  z-index:2;
  max-width:980px;
  margin:0 auto;
  text-align:center;
}
.vsdl-solutions-page .vsdl-platform-head .vsdl-platform-label{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:38px;
  margin:0;
  padding:0 17px;
  border:1px solid rgba(124,154,255,.2);
  border-radius:999px;
  background:rgba(24,45,104,.44);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 14px 34px rgba(1,7,25,.26);
  color:#c9d7ff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.2em;
  text-transform:uppercase;
}
.vsdl-solutions-page .vsdl-platform-head .vsdl-platform-label i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#4b9dff;
  box-shadow:0 0 0 5px rgba(75,157,255,.12),0 0 18px rgba(75,157,255,.75);
}
.vsdl-solutions-page .vsdl-platform-head h2{
  display:block;
  max-width:920px;
  margin:22px auto 0;
  color:#fff;
  background:none;
  font-size:clamp(48px,5.25vw,78px);
  line-height:.98;
  letter-spacing:-.055em;
  text-wrap:balance;
}
.vsdl-solutions-page .vsdl-platform-head h2::after{display:none}
.vsdl-solutions-page .vsdl-platform-title-part{display:inline-block;color:#f7f9ff}
.vsdl-solutions-page .vsdl-platform-title-part.is-blue{
  background:linear-gradient(90deg,#54b3ff,#1982ff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.vsdl-solutions-page .vsdl-platform-title-part.is-violet{
  background:linear-gradient(90deg,#9a8cff,#7558ff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.vsdl-solutions-page .vsdl-platform-title-part.is-light{color:#f4f7ff}
.vsdl-solutions-page .vsdl-platform-head>p{
  max-width:760px;
  margin:24px auto 0;
  color:rgba(226,235,255,.78);
  font-size:17px;
  line-height:1.75;
}
.vsdl-solutions-page .vsdl-platform-experience{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.22fr) minmax(390px,.78fr);
  gap:26px;
  align-items:stretch;
  margin-top:54px;
}
.vsdl-solutions-page .vsdl-platform-visual{
  position:relative;
  min-height:580px;
  overflow:hidden;
  border:1px solid rgba(121,150,255,.16);
  border-radius:34px;
  background:
    radial-gradient(circle at 52% 43%,rgba(32,113,255,.15),transparent 42%),
    linear-gradient(145deg,rgba(15,31,76,.82),rgba(7,17,48,.9));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 32px 70px rgba(0,5,22,.36);
}
.vsdl-solutions-page .vsdl-platform-visual::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:radial-gradient(rgba(133,162,255,.16) 1px,transparent 1px);
  background-size:18px 18px;
  -webkit-mask-image:linear-gradient(135deg,#000,transparent 62%);
  mask-image:linear-gradient(135deg,#000,transparent 62%);
  opacity:.38;
}
.vsdl-solutions-page .vsdl-platform-live-status{
  position:absolute;
  z-index:8;
  top:24px;
  left:24px;
  display:flex;
  align-items:center;
  gap:9px;
  min-height:38px;
  padding:0 12px;
  border:1px solid rgba(183,214,195,.52);
  border-radius:12px;
  background:rgba(255,255,255,.92);
  box-shadow:0 12px 28px rgba(5,20,56,.10);
  color:#2d6b4a;
  font-size:11px;
  font-weight:700;
  backdrop-filter:blur(12px);
}
.vsdl-solutions-page .vsdl-platform-live-status i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#4fdb9a;
  box-shadow:0 0 0 5px rgba(79,219,154,.1),0 0 16px rgba(79,219,154,.65);
}
.vsdl-solutions-page .vsdl-platform-live-status strong{
  margin-left:4px;
  color:#1db16a;
  font-size:10px;
  letter-spacing:.08em;
}
.vsdl-solutions-page .vsdl-platform-scene{
  position:relative;
  z-index:2;
  min-height:580px;
  filter:drop-shadow(0 28px 48px rgba(0,4,18,.44));
}
.vsdl-solutions-page .vsdl-platform-scene::before{
  left:10%;
  right:8%;
  bottom:40px;
  height:56px;
}
.vsdl-solutions-page .vsdl-platform-monitor{inset:70px 42px 148px 38px;z-index:2}
.vsdl-solutions-page .vsdl-platform-monitor .vsdl-public-dashboard{height:100%;min-height:0;border-radius:22px;overflow:hidden}
.vsdl-solutions-page .vsdl-platform-laptop{left:18px;bottom:54px;width:46%;z-index:3;transform:scale(.92);transform-origin:left bottom}
.vsdl-solutions-page .vsdl-platform-tablet{right:72px;bottom:38px;width:38%;z-index:4;transform:scale(.9);transform-origin:right bottom}
.vsdl-solutions-page .vsdl-platform-phone{right:18px;bottom:70px;width:15%;z-index:5;transform:scale(.9);transform-origin:right bottom}
.vsdl-solutions-page .vsdl-platform-device-list{
  position:absolute;
  z-index:8;
  right:22px;
  top:24px;
  display:flex;
  gap:7px;
}
.vsdl-solutions-page .vsdl-platform-device-list span{
  padding:7px 10px;
  border:1px solid rgba(182,203,238,.34);
  border-radius:9px;
  background:rgba(255,255,255,.88);
  color:#6f84a5;
  font-size:9px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  backdrop-filter:blur(10px);
}
.vsdl-solutions-page .vsdl-platform-benefits{
  display:grid;
  grid-template-columns:1fr;
  gap:13px;
  margin:0;
}
.vsdl-solutions-page .vsdl-platform-benefits article{
  position:relative;
  display:grid;
  grid-template-columns:52px 1fr;
  gap:17px;
  align-items:center;
  min-height:134px;
  padding:22px 52px 22px 22px;
  overflow:hidden;
  border:1px solid rgba(122,150,255,.14);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(18,37,87,.8),rgba(8,20,56,.84));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 18px 40px rgba(0,5,21,.18);
  transition:transform .25s ease,border-color .25s ease,background .25s ease;
}
.vsdl-solutions-page .vsdl-platform-benefits article::after{
  content:"";
  position:absolute;
  right:-42px;
  bottom:-58px;
  width:130px;
  height:130px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(72,120,255,.13),transparent 68%);
}
.vsdl-solutions-page .vsdl-platform-benefits article:hover{
  transform:translateY(-3px);
  border-color:rgba(112,155,255,.3);
  background:linear-gradient(145deg,rgba(22,45,104,.88),rgba(9,23,65,.9));
}
.vsdl-solutions-page .vsdl-platform-benefits .vsdl-feature-icon{
  width:52px;
  height:52px;
  border:1px solid rgba(118,153,255,.16);
  border-radius:17px;
  background:linear-gradient(145deg,rgba(40,80,190,.65),rgba(42,32,128,.58));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 26px rgba(0,5,21,.22);
  color:#9ab8ff;
}
.vsdl-solutions-page .vsdl-platform-benefits .vsdl-feature-icon svg{width:27px;height:27px}
.vsdl-solutions-page .vsdl-platform-benefits h3{
  margin:0;
  color:#fff;
  font-size:17px;
  line-height:1.25;
  letter-spacing:-.015em;
}
.vsdl-solutions-page .vsdl-platform-benefits p{
  margin:7px 0 0;
  color:rgba(217,228,255,.68);
  font-size:13px;
  line-height:1.55;
}
.vsdl-solutions-page .vsdl-platform-benefit-number{
  position:absolute;
  top:16px;
  right:17px;
  color:rgba(152,178,255,.22);
  font-size:13px;
  font-weight:800;
  letter-spacing:.12em;
}
.vsdl-solutions-page .vsdl-platform-capabilities{
  position:relative;
  z-index:2;
  margin-top:28px;
  padding:24px;
  border:1px solid rgba(123,151,255,.14);
  border-radius:30px;
  background:linear-gradient(155deg,rgba(12,28,70,.78),rgba(6,16,46,.88));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 24px 54px rgba(0,5,23,.24);
}
.vsdl-solutions-page .vsdl-platform-capabilities-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:18px;
  padding:0 4px;
}
.vsdl-solutions-page .vsdl-platform-capabilities-head span{
  color:#8eabff;
  font-size:10px;
  font-weight:800;
  letter-spacing:.2em;
}
.vsdl-solutions-page .vsdl-platform-capabilities-head p{
  margin:0;
  color:rgba(214,225,255,.55);
  font-size:12px;
}
.vsdl-solutions-page .vsdl-platform-bottom-bar{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  margin:0;
  overflow:visible;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
}
.vsdl-solutions-page .vsdl-platform-bottom-bar article{
  display:block;
  min-height:174px;
  padding:18px;
  border:1px solid rgba(124,150,239,.1) !important;
  border-radius:19px;
  background:rgba(255,255,255,.025);
  transition:transform .22s ease,border-color .22s ease,background .22s ease;
}
.vsdl-solutions-page .vsdl-platform-bottom-bar article:hover{
  transform:translateY(-3px);
  border-color:rgba(116,157,255,.25) !important;
  background:rgba(32,62,134,.16);
}
.vsdl-solutions-page .vsdl-platform-bottom-bar .vsdl-feature-icon{
  width:43px;
  height:43px;
  margin-bottom:18px;
  border:1px solid rgba(111,151,255,.14);
  border-radius:14px;
  background:rgba(48,79,173,.22);
  box-shadow:none;
  color:#80aaff;
}
.vsdl-solutions-page .vsdl-platform-bottom-bar .vsdl-feature-icon svg{width:23px;height:23px}
.vsdl-solutions-page .vsdl-platform-bottom-bar h3{font-size:14px;line-height:1.3}
.vsdl-solutions-page .vsdl-platform-bottom-bar p{margin-top:8px;font-size:11px;line-height:1.55}

@media (max-width:1180px){
  .vsdl-solutions-page .vsdl-platform-experience{grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr)}
  .vsdl-solutions-page .vsdl-platform-visual,.vsdl-solutions-page .vsdl-platform-scene{min-height:540px}
  .vsdl-solutions-page .vsdl-platform-monitor{inset:72px 24px 150px 22px}
  .vsdl-solutions-page .vsdl-platform-benefits article{min-height:124px;padding:18px 46px 18px 18px}
  .vsdl-solutions-page .vsdl-platform-bottom-bar{grid-template-columns:repeat(3,minmax(0,1fr))}
  .vsdl-solutions-page .vsdl-platform-bottom-bar article{min-height:154px}
}
@media (max-width:900px){
  .vsdl-solutions-page .vsdl-solutions-platform{padding:74px 0 62px}
  .vsdl-solutions-page .vsdl-platform-head h2{font-size:clamp(44px,9vw,66px)}
  .vsdl-solutions-page .vsdl-platform-experience{grid-template-columns:1fr}
  .vsdl-solutions-page .vsdl-platform-visual{order:1}
  .vsdl-solutions-page .vsdl-platform-benefits{order:2;grid-template-columns:repeat(2,minmax(0,1fr))}
  .vsdl-solutions-page .vsdl-platform-benefits article{min-height:142px}
  .vsdl-solutions-page .vsdl-platform-bottom-bar{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
  .vsdl-solutions-page .vsdl-solutions-platform{padding:58px 0 46px}
  .vsdl-solutions-page .vsdl-platform-head .vsdl-platform-label{font-size:10px;letter-spacing:.15em}
  .vsdl-solutions-page .vsdl-platform-head h2{margin-top:18px;font-size:38px;line-height:1.02}
  .vsdl-solutions-page .vsdl-platform-title-part{display:block}
  .vsdl-solutions-page .vsdl-platform-head>p{margin-top:20px;font-size:15px;line-height:1.65}
  .vsdl-solutions-page .vsdl-platform-experience{margin-top:36px}
  .vsdl-solutions-page .vsdl-platform-visual,.vsdl-solutions-page .vsdl-platform-scene{min-height:390px}
  .vsdl-solutions-page .vsdl-platform-visual{border-radius:24px}
  .vsdl-solutions-page .vsdl-platform-live-status{top:16px;left:16px}
  .vsdl-solutions-page .vsdl-platform-device-list{display:none}
  .vsdl-solutions-page .vsdl-platform-monitor{inset:66px 8px 102px 8px}
  .vsdl-solutions-page .vsdl-platform-laptop{left:4px;bottom:34px;width:55%;transform:scale(.82)}
  .vsdl-solutions-page .vsdl-platform-tablet{right:8px;bottom:26px;width:47%;transform:scale(.83)}
  .vsdl-solutions-page .vsdl-platform-phone{display:none}
  .vsdl-solutions-page .vsdl-platform-benefits{grid-template-columns:1fr}
  .vsdl-solutions-page .vsdl-platform-benefits article{min-height:0;padding:18px 44px 18px 17px;border-radius:20px}
  .vsdl-solutions-page .vsdl-platform-benefits .vsdl-feature-icon{width:48px;height:48px}
  .vsdl-solutions-page .vsdl-platform-capabilities{padding:18px;border-radius:24px}
  .vsdl-solutions-page .vsdl-platform-capabilities-head{display:block}
  .vsdl-solutions-page .vsdl-platform-capabilities-head p{margin-top:7px}
  .vsdl-solutions-page .vsdl-platform-bottom-bar{grid-template-columns:1fr}
  .vsdl-solutions-page .vsdl-platform-bottom-bar article{min-height:0;padding:17px}
}


/* 3.0.2 — Enhanced platform illustration */
.vsdl-solutions-page .vsdl-platform-visual{
  background:
    radial-gradient(circle at 50% 36%,rgba(96,173,255,.28),transparent 28%),
    radial-gradient(circle at 18% 76%,rgba(166,146,255,.16),transparent 26%),
    linear-gradient(160deg,rgba(255,255,255,.14),rgba(236,244,255,.08));
  backdrop-filter:blur(4px);
}
.vsdl-solutions-page .vsdl-platform-visual::after{
  content:"";
  position:absolute;
  inset:24px 22px 20px 22px;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.04));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
  opacity:1;
}
.vsdl-solutions-page .vsdl-platform-scene::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:440px;
  height:440px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  border:1px solid rgba(140,175,255,.28);
  box-shadow:0 0 0 26px rgba(116,160,255,.05),0 0 0 56px rgba(116,160,255,.03), inset 0 0 110px rgba(100,156,255,.10);
  background:radial-gradient(circle,rgba(121,172,255,.20),transparent 62%);
  opacity:.95;
}
.vsdl-solutions-page .vsdl-platform-scene::before{
  content:"";
  position:absolute;
  left:12%;
  right:12%;
  bottom:22px;
  height:60px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(1,7,25,.38),rgba(1,7,25,.04) 66%,transparent 82%);
  filter:blur(10px);
}
.vsdl-solutions-page .vsdl-platform-monitor{
  inset:66px 34px 150px 32px;
}
.vsdl-solutions-page .vsdl-platform-monitor .vsdl-public-dashboard{
  border:1px solid rgba(171,195,235,.42);
  box-shadow:0 24px 48px rgba(5,20,56,.18), inset 0 1px 0 rgba(255,255,255,.65);
}
.vsdl-solutions-page .vsdl-platform-laptop{left:24px;bottom:46px;width:44%;transform:scale(.94);}
.vsdl-solutions-page .vsdl-platform-tablet{right:82px;bottom:28px;width:36%;transform:scale(.92);}
.vsdl-solutions-page .vsdl-platform-phone{right:26px;bottom:64px;width:15%;transform:scale(.95);}
.vsdl-solutions-page .vsdl-platform-orbit{
  position:absolute;
  z-index:1;
  left:50%;
  top:50%;
  width:74%;
  height:74%;
  border-radius:50%;
  transform:translate(-50%,-46%);
  border:1px dashed rgba(145,179,255,.26);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
  opacity:.95;
}
.vsdl-solutions-page .vsdl-platform-floating-card{
  position:absolute;
  z-index:9;
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:154px;
  padding:14px 14px 13px;
  border:1px solid rgba(184,205,240,.38);
  border-radius:18px;
  background:linear-gradient(160deg,rgba(255,255,255,.96),rgba(245,249,255,.92));
  box-shadow:0 16px 28px rgba(5,20,56,.12), inset 0 1px 0 rgba(255,255,255,.95);
  backdrop-filter:blur(12px);
}
.vsdl-solutions-page .vsdl-platform-floating-card span{
  color:#5e84c6;
  font-size:10px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.vsdl-solutions-page .vsdl-platform-floating-card strong{
  color:#173055;
  font-size:15px;
  line-height:1.2;
  letter-spacing:-.02em;
}
.vsdl-solutions-page .vsdl-platform-floating-card small{
  color:#7388a9;
  font-size:11px;
  line-height:1.4;
}
.vsdl-solutions-page .vsdl-platform-floating-card.is-insight{
  top:96px;
  right:18px;
  min-width:176px;
}
.vsdl-solutions-page .vsdl-platform-mini-chart{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:7px;
  align-items:end;
  height:46px;
  margin-top:4px;
}
.vsdl-solutions-page .vsdl-platform-mini-chart i{
  display:block;
  border-radius:999px 999px 6px 6px;
  background:linear-gradient(180deg,#66c4ff,#2f7eff);
  box-shadow:0 8px 16px rgba(33,111,255,.12);
}
.vsdl-solutions-page .vsdl-platform-mini-chart i:nth-child(1){height:18px}
.vsdl-solutions-page .vsdl-platform-mini-chart i:nth-child(2){height:28px}
.vsdl-solutions-page .vsdl-platform-mini-chart i:nth-child(3){height:23px}
.vsdl-solutions-page .vsdl-platform-mini-chart i:nth-child(4){height:36px}
.vsdl-solutions-page .vsdl-platform-floating-card.is-security{
  left:18px;
  bottom:18px;
  min-width:190px;
}
@media (max-width:1180px){
  .vsdl-solutions-page .vsdl-platform-scene::after{width:380px;height:380px}
  .vsdl-solutions-page .vsdl-platform-monitor{inset:68px 24px 148px 22px}
  .vsdl-solutions-page .vsdl-platform-laptop{left:14px;width:46%}
  .vsdl-solutions-page .vsdl-platform-tablet{right:54px;width:38%}
  .vsdl-solutions-page .vsdl-platform-phone{right:14px}
}
@media (max-width:900px){
  .vsdl-solutions-page .vsdl-platform-visual,.vsdl-solutions-page .vsdl-platform-scene{min-height:560px}
  .vsdl-solutions-page .vsdl-platform-floating-card.is-insight{top:82px;right:18px}
  .vsdl-solutions-page .vsdl-platform-floating-card.is-security{left:18px;bottom:22px}
}
@media (max-width:620px){
  .vsdl-solutions-page .vsdl-platform-scene::after{width:260px;height:260px;top:47%}
  .vsdl-solutions-page .vsdl-platform-orbit{width:88%;height:68%;transform:translate(-50%,-50%)}
  .vsdl-solutions-page .vsdl-platform-floating-card{padding:10px 11px;border-radius:14px;min-width:0;gap:4px}
  .vsdl-solutions-page .vsdl-platform-floating-card span{font-size:8px}
  .vsdl-solutions-page .vsdl-platform-floating-card strong{font-size:11px}
  .vsdl-solutions-page .vsdl-platform-floating-card small{font-size:9px}
  .vsdl-solutions-page .vsdl-platform-floating-card.is-insight{top:58px;right:12px;width:128px}
  .vsdl-solutions-page .vsdl-platform-floating-card.is-security{left:12px;bottom:14px;width:138px}
  .vsdl-solutions-page .vsdl-platform-mini-chart{height:30px;gap:5px}
  .vsdl-solutions-page .vsdl-platform-live-status{z-index:10}
}

/* 3.0.4 — Professional lighter illustration only */
.vsdl-solutions-page .vsdl-platform-visual{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 28px 60px rgba(0,5,22,.28)}
.vsdl-solutions-page .vsdl-platform-floating-card.is-insight::after,
.vsdl-solutions-page .vsdl-platform-floating-card.is-security::after{content:"";position:absolute;left:14px;right:14px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(117,164,255,.45),transparent)}
.vsdl-solutions-page .vsdl-platform-monitor::after{content:"";position:absolute;inset:-8px -8px auto -8px;height:18px;border-radius:18px 18px 0 0;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent);pointer-events:none}


/* 3.0.5 — New professional illustration concept */
.vsdl-solutions-page .vsdl-platform-visual{
  border-color:rgba(154,185,235,.24);
  background:
    radial-gradient(circle at 18% 18%,rgba(108,161,255,.16),transparent 24%),
    radial-gradient(circle at 82% 16%,rgba(161,126,255,.14),transparent 22%),
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
}
.vsdl-solutions-page .vsdl-platform-visual::after{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.03));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  opacity:1;
}
.vsdl-solutions-page .vsdl-platform-scene::after{
  content:"";
  position:absolute;
  left:50%;
  top:48%;
  width:390px;
  height:390px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  border:1px solid rgba(144,176,255,.22);
  box-shadow:0 0 0 22px rgba(119,161,255,.04),0 0 0 46px rgba(119,161,255,.025), inset 0 0 90px rgba(109,156,255,.10);
  background:radial-gradient(circle,rgba(122,171,255,.18),transparent 62%);
  opacity:1;
}
.vsdl-solutions-page .vsdl-platform-scene::before{
  content:"";
  position:absolute;
  left:12%;
  right:12%;
  bottom:18px;
  height:56px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(6,15,36,.26),rgba(6,15,36,.03) 66%,transparent 82%);
  filter:blur(10px);
}
.vsdl-solutions-page .vsdl-platform-orbit{
  width:60%;
  height:60%;
  top:48%;
  transform:translate(-50%,-50%);
  border:1px solid rgba(145,179,255,.20);
  border-style:solid;
  background:radial-gradient(circle at center,rgba(255,255,255,.04),transparent 64%);
  box-shadow:0 0 0 16px rgba(132,170,255,.04), inset 0 1px 0 rgba(255,255,255,.04);
}
.vsdl-solutions-page .vsdl-platform-monitor{inset:78px 62px 188px 72px;z-index:3}
.vsdl-solutions-page .vsdl-platform-laptop{
  left:88px;
  bottom:42px;
  width:35%;
  z-index:5;
  transform:scale(.98) rotate(-5deg);
  transform-origin:left bottom;
}
.vsdl-solutions-page .vsdl-platform-tablet{
  right:58px;
  bottom:54px;
  width:31%;
  z-index:5;
  transform:scale(.96) rotate(7deg);
  transform-origin:right bottom;
}
.vsdl-solutions-page .vsdl-platform-phone{
  left:26px;
  bottom:116px;
  width:15%;
  z-index:6;
  transform:scale(.90) rotate(-9deg);
  transform-origin:left bottom;
}
.vsdl-solutions-page .vsdl-platform-monitor .vsdl-public-dashboard{
  border-radius:24px;
  border:1px solid rgba(179,201,235,.44);
  box-shadow:0 26px 54px rgba(6,20,56,.14), inset 0 1px 0 rgba(255,255,255,.68);
}
.vsdl-solutions-page .vsdl-platform-live-status{
  box-shadow:0 12px 28px rgba(6,20,56,.10);
}
.vsdl-solutions-page .vsdl-platform-device-list{
  top:auto;
  bottom:20px;
  right:22px;
}
.vsdl-solutions-page .vsdl-platform-device-list span{
  background:rgba(255,255,255,.86);
  border-color:rgba(177,200,236,.34);
}
.vsdl-solutions-page .vsdl-platform-floating-card{
  min-width:198px;
  padding:16px 16px 15px;
  border:1px solid rgba(183,204,239,.42);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(246,249,255,.93));
  box-shadow:0 16px 30px rgba(6,20,56,.10), inset 0 1px 0 rgba(255,255,255,.96);
}
.vsdl-solutions-page .vsdl-platform-floating-card span{color:#5e84c6}
.vsdl-solutions-page .vsdl-platform-floating-card strong{color:#173055;font-size:16px}
.vsdl-solutions-page .vsdl-platform-floating-card small{color:#7388a9;font-size:11px}
.vsdl-solutions-page .vsdl-platform-floating-card.is-workflow{
  top:88px;
  left:22px;
}
.vsdl-solutions-page .vsdl-platform-floating-card.is-collaboration{
  right:20px;
  bottom:138px;
}
.vsdl-solutions-page .vsdl-platform-pill-row{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin-top:8px;
}
.vsdl-solutions-page .vsdl-platform-pill-row i{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:26px;
  padding:0 10px;
  border-radius:999px;
  background:linear-gradient(180deg,#eef5ff,#e3eeff);
  border:1px solid rgba(167,192,236,.44);
  color:#2d5ea8;
  font-style:normal;
  font-size:10px;
  font-weight:700;
  letter-spacing:.01em;
}
@media (max-width:1180px){
  .vsdl-solutions-page .vsdl-platform-monitor{inset:82px 42px 178px 56px}
  .vsdl-solutions-page .vsdl-platform-laptop{left:68px;width:37%}
  .vsdl-solutions-page .vsdl-platform-tablet{right:44px;width:33%}
  .vsdl-solutions-page .vsdl-platform-phone{left:18px;bottom:112px}
}
@media (max-width:900px){
  .vsdl-solutions-page .vsdl-platform-visual,.vsdl-solutions-page .vsdl-platform-scene{min-height:560px}
  .vsdl-solutions-page .vsdl-platform-monitor{inset:82px 40px 170px 50px}
  .vsdl-solutions-page .vsdl-platform-floating-card.is-workflow{top:84px;left:18px}
  .vsdl-solutions-page .vsdl-platform-floating-card.is-collaboration{right:18px;bottom:126px}
}
@media (max-width:620px){
  .vsdl-solutions-page .vsdl-platform-visual,.vsdl-solutions-page .vsdl-platform-scene{min-height:400px}
  .vsdl-solutions-page .vsdl-platform-visual::after{inset:12px;border-radius:20px}
  .vsdl-solutions-page .vsdl-platform-scene::after{width:260px;height:260px;top:46%}
  .vsdl-solutions-page .vsdl-platform-orbit{width:72%;height:58%}
  .vsdl-solutions-page .vsdl-platform-monitor{inset:72px 26px 122px 30px}
  .vsdl-solutions-page .vsdl-platform-laptop{left:34px;bottom:28px;width:43%;transform:scale(.86) rotate(-5deg)}
  .vsdl-solutions-page .vsdl-platform-tablet{right:22px;bottom:34px;width:41%;transform:scale(.86) rotate(7deg)}
  .vsdl-solutions-page .vsdl-platform-phone{left:8px;bottom:88px;width:18%;transform:scale(.82) rotate(-8deg)}
  .vsdl-solutions-page .vsdl-platform-floating-card{min-width:0;padding:10px 11px;border-radius:14px;gap:4px}
  .vsdl-solutions-page .vsdl-platform-floating-card strong{font-size:11px}
  .vsdl-solutions-page .vsdl-platform-floating-card small{font-size:9px}
  .vsdl-solutions-page .vsdl-platform-floating-card.is-workflow{top:54px;left:10px;width:150px}
  .vsdl-solutions-page .vsdl-platform-floating-card.is-collaboration{right:10px;bottom:108px;width:140px}
  .vsdl-solutions-page .vsdl-platform-pill-row{gap:4px;margin-top:6px}
  .vsdl-solutions-page .vsdl-platform-pill-row i{min-height:22px;padding:0 8px;font-size:8px}
  .vsdl-solutions-page .vsdl-platform-device-list{display:none}
}


/* 3.1.0 — Complete public page editor variables */
.vsdl-solutions-page{display:flex;flex-direction:column;--sol-blue:var(--vsdl-page-accent,#147cff);--sol-cyan:var(--vsdl-page-accent,#147cff)}
.vsdl-solutions-page .vsdl-shell{width:min(var(--vsdl-content-width,1376px),calc(100% - 80px))}
.vsdl-solutions-page .vsdl-solutions-hero{background:radial-gradient(circle at 73% 42%,color-mix(in srgb,var(--vsdl-page-accent,#147cff) 24%,transparent),transparent 28%),linear-gradient(108deg,var(--vsdl-hero-bg-start,#031027),var(--vsdl-hero-bg-end,#061b3d))}
.vsdl-solutions-page .vsdl-solutions-platform{background:radial-gradient(circle at 18% 8%,color-mix(in srgb,var(--vsdl-page-accent,#147cff) 22%,transparent),transparent 28%),radial-gradient(circle at 88% 30%,color-mix(in srgb,var(--vsdl-page-accent-2,#7558ff) 18%,transparent),transparent 30%),linear-gradient(155deg,var(--vsdl-platform-bg-start,#050d25),var(--vsdl-platform-bg-end,#071637) 48%,var(--vsdl-platform-bg-start,#050d25))}
.vsdl-solutions-page .vsdl-btn-primary,.vsdl-solutions-page .vsdl-load-more-solutions{background:linear-gradient(135deg,var(--vsdl-page-accent,#147cff),var(--vsdl-page-accent-2,#7558ff))}
.vsdl-solutions-page .vsdl-public-solution-card,.vsdl-solutions-page .vsdl-platform-benefits article,.vsdl-solutions-page .vsdl-platform-capabilities,.vsdl-solutions-page .vsdl-why-grid-public article,.vsdl-solutions-page .vsdl-process-grid-public article{border-radius:var(--vsdl-card-radius,24px)}
.vsdl-solutions-page .vsdl-solutions-overview,.vsdl-solutions-page .vsdl-solutions-platform,.vsdl-solutions-page .vsdl-solutions-why,.vsdl-solutions-page .vsdl-solutions-process{padding-top:var(--vsdl-section-spacing,96px);padding-bottom:calc(var(--vsdl-section-spacing,96px) * .85)}
.vsdl-solutions-page .vsdl-solutions-hero-grid.is-without-visual{grid-template-columns:minmax(0,820px);justify-content:center;text-align:center}.vsdl-solutions-page .vsdl-solutions-hero-grid.is-without-visual .vsdl-solutions-copy h1,.vsdl-solutions-page .vsdl-solutions-hero-grid.is-without-visual .vsdl-solutions-copy>p,.vsdl-solutions-page .vsdl-solutions-hero-grid.is-without-visual .vsdl-solutions-trust{margin-left:auto;margin-right:auto}.vsdl-solutions-page .vsdl-solutions-hero-grid.is-without-visual .vsdl-solutions-hero-actions{justify-content:center}
.vsdl-solutions-page .vsdl-platform-experience.is-without-visual{grid-template-columns:1fr}.vsdl-solutions-page .vsdl-platform-experience.is-without-visual .vsdl-platform-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){.vsdl-solutions-page .vsdl-shell{width:min(var(--vsdl-content-width,1376px),calc(100% - 32px))}.vsdl-solutions-page .vsdl-platform-experience.is-without-visual .vsdl-platform-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.vsdl-solutions-page .vsdl-shell{width:min(var(--vsdl-content-width,1376px),calc(100% - 24px))}.vsdl-solutions-page .vsdl-platform-experience.is-without-visual .vsdl-platform-benefits{grid-template-columns:1fr}}


/* -------------------------------------------------------------------------- */
/* Hero illustration refinement 3.5.2 — prettier premium SaaS visual          */
/* -------------------------------------------------------------------------- */
.vsdl-solutions-page .vsdl-solutions-stage{
  min-height:520px;
  isolation:isolate;
}
.vsdl-solutions-page .vsdl-dashboard-visual{
  position:absolute;
  inset:-10px -24px -18px -6px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.vsdl-solutions-page .vsdl-dashboard-ambient{
  position:absolute;
  left:9%;
  right:7%;
  bottom:4%;
  height:42%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(32,126,255,.30),rgba(11,63,155,.12) 44%,transparent 74%);
  filter:blur(30px);
}
.vsdl-solutions-page .vsdl-dashboard-grid-glow{
  position:absolute;
  inset:54px 48px 54px 44px;
  border:1px solid rgba(102,161,255,.14);
  border-radius:28px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02)),
    linear-gradient(rgba(112,156,232,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(112,156,232,.08) 1px,transparent 1px);
  background-size:auto,26px 26px,26px 26px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.95),rgba(0,0,0,.25));
  opacity:.9;
}
.vsdl-solutions-page .vsdl-dashboard-orbit{
  position:absolute;
  width:470px;
  height:470px;
  left:50%;
  top:50%;
  transform:translate(-50%,-47%);
  border-radius:50%;
  border:1px solid rgba(111,163,255,.16);
  box-shadow:0 0 0 28px rgba(86,142,255,.04),0 0 0 56px rgba(86,142,255,.02),inset 0 0 120px rgba(84,145,255,.10);
  background:radial-gradient(circle,rgba(117,173,255,.14),transparent 64%);
}
.vsdl-solutions-page .vsdl-dashboard-float{
  position:absolute;
  z-index:4;
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:198px;
  padding:16px 17px;
  border:1px solid rgba(162,195,245,.26);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(245,249,255,.92));
  box-shadow:0 18px 38px rgba(5,24,60,.14), inset 0 1px 0 rgba(255,255,255,.95);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.vsdl-solutions-page .vsdl-dashboard-float span{
  color:#5b83c5;
  font-size:10px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.vsdl-solutions-page .vsdl-dashboard-float strong{
  color:#173055;
  font-size:16px;
  line-height:1.22;
  letter-spacing:-.02em;
}
.vsdl-solutions-page .vsdl-dashboard-float small{
  color:#7389aa;
  font-size:11px;
  line-height:1.5;
}
.vsdl-solutions-page .vsdl-dashboard-float.is-status{
  top:44px;
  left:18px;
  width:220px;
}
.vsdl-solutions-page .vsdl-dashboard-float.is-modules{
  right:10px;
  top:96px;
  width:240px;
}
.vsdl-solutions-page .vsdl-dashboard-float.is-sync{
  left:36px;
  bottom:48px;
  width:250px;
}
.vsdl-solutions-page .vsdl-dashboard-pill-row{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:4px;
}
.vsdl-solutions-page .vsdl-dashboard-pill-row i{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:27px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(162,193,236,.42);
  background:linear-gradient(180deg,#eef5ff,#e4efff);
  color:#295fae;
  font-style:normal;
  font-size:10px;
  font-weight:700;
}
.vsdl-solutions-page .vsdl-dashboard-laptop{
  position:relative;
  z-index:3;
  width:min(100%,740px);
  padding-bottom:50px;
  transform:perspective(1600px) rotateY(-6deg) rotateX(2deg);
  transform-origin:center;
}
.vsdl-solutions-page .vsdl-dashboard-screen{
  position:relative;
  z-index:2;
  overflow:hidden;
  aspect-ratio:1.56/1;
  border:9px solid #162238;
  border-bottom-width:14px;
  border-radius:28px 28px 16px 16px;
  background:#071225;
  box-shadow:0 42px 82px rgba(0,0,0,.46),0 0 0 1px rgba(102,151,228,.34),inset 0 1px 0 rgba(255,255,255,.08);
}
.vsdl-solutions-page .vsdl-dashboard-screen::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(115deg,rgba(255,255,255,.10),rgba(255,255,255,0) 34%);
  pointer-events:none;
}
.vsdl-solutions-page .vsdl-dashboard-base{
  left:-4%;
  right:-4%;
  bottom:15px;
  height:44px;
  border-radius:6px 6px 32px 32px;
}
.vsdl-solutions-page .vsdl-public-dashboard-metrics article,
.vsdl-solutions-page .vsdl-public-dashboard-panels>article{
  box-shadow:0 10px 24px rgba(48,101,184,.09);
}
@media(max-width:1180px){
  .vsdl-solutions-page .vsdl-solutions-stage{min-height:500px}
  .vsdl-solutions-page .vsdl-dashboard-visual{inset:-4px -10px -8px -4px}
  .vsdl-solutions-page .vsdl-dashboard-orbit{width:420px;height:420px}
  .vsdl-solutions-page .vsdl-dashboard-float.is-status{left:8px;top:46px}
  .vsdl-solutions-page .vsdl-dashboard-float.is-modules{right:4px;top:98px}
  .vsdl-solutions-page .vsdl-dashboard-float.is-sync{left:20px;bottom:40px}
}
@media(max-width:980px){
  .vsdl-solutions-page .vsdl-solutions-stage{min-height:470px}
  .vsdl-solutions-page .vsdl-dashboard-float.is-status{top:24px;left:14px}
  .vsdl-solutions-page .vsdl-dashboard-float.is-modules{top:72px;right:12px}
  .vsdl-solutions-page .vsdl-dashboard-float.is-sync{bottom:18px;left:18px}
}
@media(max-width:680px){
  .vsdl-solutions-page .vsdl-solutions-stage{min-height:360px}
  .vsdl-solutions-page .vsdl-dashboard-grid-glow{inset:36px 16px 36px 16px;border-radius:18px;background-size:auto,18px 18px,18px 18px}
  .vsdl-solutions-page .vsdl-dashboard-orbit{width:270px;height:270px;top:48%}
  .vsdl-solutions-page .vsdl-dashboard-laptop{width:116%;margin-left:-8%;padding-bottom:32px;transform:perspective(1200px) rotateY(-3deg)}
  .vsdl-solutions-page .vsdl-dashboard-screen{border-width:6px;border-bottom-width:9px;border-radius:16px 16px 9px 9px}
  .vsdl-solutions-page .vsdl-dashboard-base{bottom:11px;height:29px}
  .vsdl-solutions-page .vsdl-dashboard-float{min-width:0;padding:10px 11px;border-radius:14px;gap:4px}
  .vsdl-solutions-page .vsdl-dashboard-float span{font-size:8px}
  .vsdl-solutions-page .vsdl-dashboard-float strong{font-size:11px}
  .vsdl-solutions-page .vsdl-dashboard-float small{font-size:9px}
  .vsdl-solutions-page .vsdl-dashboard-float.is-status{left:2px;top:26px;width:138px}
  .vsdl-solutions-page .vsdl-dashboard-float.is-modules{right:0;top:56px;width:148px}
  .vsdl-solutions-page .vsdl-dashboard-float.is-sync{left:8px;bottom:14px;width:156px}
  .vsdl-solutions-page .vsdl-dashboard-pill-row{gap:4px}
  .vsdl-solutions-page .vsdl-dashboard-pill-row i{min-height:21px;padding:0 8px;font-size:8px}
}


/* -------------------------------------------------------------------------- */
/* Hero dashboard redesign 3.5.3 — prettier full dashboard illustration       */
/* -------------------------------------------------------------------------- */
.vsdl-solutions-page .vsdl-public-dashboard{
  background:linear-gradient(180deg,#ffffff 0%,#f7faff 100%);
  border:1px solid rgba(170,194,231,.48);
  border-radius:22px;
  box-shadow:0 24px 46px rgba(8,29,71,.16);
}
.vsdl-solutions-page .vsdl-public-dashboard-top{
  height:50px;
  padding:0 18px 0 16px;
  border-bottom:1px solid rgba(166,191,230,.38);
  background:linear-gradient(180deg,#fcfdff,#edf4ff);
}
.vsdl-solutions-page .vsdl-public-dashboard-top strong{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.03em;color:#163258}
.vsdl-solutions-page .vsdl-public-dashboard-top strong span{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;border-radius:8px;background:linear-gradient(135deg,#2aa0ff,#2d73ff);color:#fff;font-size:11px;font-style:normal;font-weight:800;box-shadow:0 8px 16px rgba(25,110,255,.22)}
.vsdl-solutions-page .vsdl-public-dashboard-top-meta{display:flex;align-items:center;gap:7px}
.vsdl-solutions-page .vsdl-public-dashboard-top-meta b{display:inline-flex;align-items:center;justify-content:center;min-height:20px;padding:0 8px;border-radius:999px;background:rgba(34,195,120,.10);color:#1b9961;font-size:7px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.vsdl-solutions-page .vsdl-public-dashboard-top-meta i{display:block;width:6px;height:6px;border-radius:50%;background:#c5d6ee}
.vsdl-solutions-page .vsdl-public-dashboard-body{grid-template-columns:96px 1fr;height:calc(100% - 50px)}
.vsdl-solutions-page .vsdl-public-dashboard aside{
  display:flex;
  flex-direction:column;
  gap:7px;
  padding:14px 9px;
  border-right:1px solid rgba(166,191,230,.34);
  background:linear-gradient(180deg,#f9fbff,#f2f7ff);
}
.vsdl-solutions-page .vsdl-public-dashboard aside b,
.vsdl-solutions-page .vsdl-public-dashboard aside span{
  display:flex;
  align-items:center;
  min-height:24px;
  padding:0 8px;
  border-radius:9px;
  font-size:7px;
  font-weight:700;
}
.vsdl-solutions-page .vsdl-public-dashboard aside b{background:linear-gradient(135deg,#1f84ff,#4f6dff);color:#fff;box-shadow:0 10px 16px rgba(39,105,255,.16)}
.vsdl-solutions-page .vsdl-public-dashboard aside span{color:#6580a7;background:rgba(255,255,255,.58)}
.vsdl-solutions-page .vsdl-public-dashboard-side-note{
  margin-top:auto;
  padding:10px 8px 9px;
  border:1px solid rgba(171,194,228,.34);
  border-radius:11px;
  background:linear-gradient(180deg,#ffffff,#f6f9ff);
  box-shadow:0 8px 16px rgba(35,86,167,.06);
}
.vsdl-solutions-page .vsdl-public-dashboard-side-note small{display:block;color:#8095b7;font-size:6px;text-transform:uppercase;letter-spacing:.07em}
.vsdl-solutions-page .vsdl-public-dashboard-side-note strong{display:block;margin-top:5px;color:#173055;font-size:12px;line-height:1}
.vsdl-solutions-page .vsdl-public-dashboard-body>section{padding:14px 14px 13px;background:linear-gradient(180deg,#fafdff,#f6f9ff)}
.vsdl-solutions-page .vsdl-public-dashboard-metrics{gap:10px}
.vsdl-solutions-page .vsdl-public-dashboard-metrics article{
  padding:12px 12px 10px;
  border:1px solid rgba(171,194,228,.36);
  border-radius:14px;
  background:linear-gradient(180deg,#ffffff,#f7fbff);
  box-shadow:0 12px 20px rgba(34,86,171,.08);
}
.vsdl-solutions-page .vsdl-public-dashboard-metrics small{font-size:6px;letter-spacing:.03em;color:#7187ab}
.vsdl-solutions-page .vsdl-public-dashboard-metrics strong{margin-top:6px;font-size:18px;font-weight:800;letter-spacing:-.03em;color:#143154}
.vsdl-solutions-page .vsdl-public-dashboard-metrics em{right:10px;bottom:10px;color:#1ab06c;font-size:6px;font-weight:700}
.vsdl-solutions-page .vsdl-public-dashboard-panels{grid-template-columns:minmax(0,1.65fr) minmax(130px,.72fr);gap:10px;margin-top:10px}
.vsdl-solutions-page .vsdl-public-dashboard-panels>article,
.vsdl-solutions-page .vsdl-public-dashboard-bottom>article{
  min-width:0;
  border:1px solid rgba(171,194,228,.36);
  border-radius:15px;
  background:linear-gradient(180deg,#ffffff,#f7fbff);
  box-shadow:0 14px 24px rgba(34,86,171,.07);
}
.vsdl-solutions-page .vsdl-public-dashboard-panels>article{padding:12px}
.vsdl-solutions-page .vsdl-public-dashboard-panels header,
.vsdl-solutions-page .vsdl-public-dashboard-bottom header{display:flex;align-items:center;justify-content:space-between;color:#56739d;font-size:7px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.vsdl-solutions-page .vsdl-public-chart svg{display:block;width:100%;height:134px;margin-top:8px;overflow:visible}
.vsdl-solutions-page .vsdl-public-chart .grid-line{fill:none;stroke:rgba(137,167,213,.22);stroke-width:1}
.vsdl-solutions-page .vsdl-public-chart .guide{fill:none;stroke:rgba(108,138,187,.34);stroke-width:2;stroke-dasharray:4 5}
.vsdl-solutions-page .vsdl-public-chart .area{fill:url(#vsdlChartArea);stroke:none}
.vsdl-solutions-page .vsdl-public-chart .line{fill:none;stroke:url(#vsdlChartStroke);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 6px 10px rgba(30,125,255,.18))}
.vsdl-solutions-page .vsdl-public-chart .dots circle{fill:#fff;stroke:#2f78ff;stroke-width:3}
.vsdl-solutions-page .vsdl-public-chart>div{display:flex;justify-content:space-between;margin-top:3px;color:#8ba0bf;font-size:5px}
.vsdl-solutions-page .vsdl-public-chart-legend{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.vsdl-solutions-page .vsdl-public-chart-legend span{display:inline-flex;align-items:center;gap:4px;min-height:20px;padding:0 8px;border-radius:999px;background:#f1f6ff;color:#54719a;font-size:6px;font-weight:700}
.vsdl-solutions-page .vsdl-public-chart-legend i{display:block;width:8px;height:8px;border-radius:50%}
.vsdl-solutions-page .vsdl-public-chart-legend .is-1{background:#35b5ff}
.vsdl-solutions-page .vsdl-public-chart-legend .is-2{background:#2f78ff}
.vsdl-solutions-page .vsdl-public-chart-legend .is-3{background:#8a6dff}
.vsdl-solutions-page .vsdl-public-chart-legend .is-4{background:#3ad2a4}
.vsdl-solutions-page .vsdl-public-donut{padding:12px}
.vsdl-solutions-page .vsdl-public-donut .ring{display:flex;width:94px;height:94px;flex-direction:column;align-items:center;justify-content:center;margin:16px auto 12px;border-radius:50%;background:radial-gradient(circle at center,#ffffff 0 46%,transparent 47%),conic-gradient(#2f78ff 0 42%,#7f6eff 42% 70%,#32c2d8 70% 88%,#d9e5f7 88%);box-shadow:0 0 0 10px rgba(47,120,255,.04),0 12px 22px rgba(30,91,176,.10)}
.vsdl-solutions-page .vsdl-public-donut .ring strong{color:#153255;font-size:13px;line-height:1}
.vsdl-solutions-page .vsdl-public-donut .ring small{margin-top:5px;color:#7389aa;font-size:6px;text-transform:uppercase;letter-spacing:.06em}
.vsdl-solutions-page .vsdl-public-donut p{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:7px 0 0;color:#6f84a5;font-size:6px}
.vsdl-solutions-page .vsdl-public-donut p b{color:#173055;font-size:6px}
.vsdl-solutions-page .vsdl-public-dashboard-bottom{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:10px;margin-top:10px}
.vsdl-solutions-page .vsdl-public-dashboard-bottom>article{padding:12px}
.vsdl-solutions-page .vsdl-public-activity-list,
.vsdl-solutions-page .vsdl-public-workflow-list{display:grid;gap:8px;margin-top:10px}
.vsdl-solutions-page .vsdl-public-activity-item{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:8px;padding:8px 9px;border-radius:11px;background:#f5f9ff;color:#6f84a5;font-size:6px}
.vsdl-solutions-page .vsdl-public-activity-item i{display:block;width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#35b5ff,#2f78ff);box-shadow:0 4px 10px rgba(47,120,255,.18)}
.vsdl-solutions-page .vsdl-public-activity-item b{color:#173055;font-size:6px}
.vsdl-solutions-page .vsdl-public-workflow-item{display:grid;gap:6px}
.vsdl-solutions-page .vsdl-public-workflow-item>div{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#6f84a5;font-size:6px}
.vsdl-solutions-page .vsdl-public-workflow-item b{color:#173055;font-size:6px}
.vsdl-solutions-page .vsdl-public-workflow-item em{display:block;height:8px;border-radius:999px;background:#e5eefb;overflow:hidden;position:relative}
.vsdl-solutions-page .vsdl-public-workflow-item em::before{content:"";position:absolute;inset:0 auto 0 0;border-radius:999px;background:linear-gradient(90deg,#39b7ff,#2f78ff)}
.vsdl-solutions-page .vsdl-public-workflow-item em.is-1::before{width:76%}
.vsdl-solutions-page .vsdl-public-workflow-item em.is-2::before{width:61%}
.vsdl-solutions-page .vsdl-public-workflow-item em.is-3::before{width:88%}
@media(max-width:680px){
  .vsdl-solutions-page .vsdl-public-dashboard{border-radius:14px}
  .vsdl-solutions-page .vsdl-public-dashboard-top{height:34px;padding:0 10px}
  .vsdl-solutions-page .vsdl-public-dashboard-top strong{font-size:7px;gap:5px}
  .vsdl-solutions-page .vsdl-public-dashboard-top strong span{min-width:18px;height:18px;padding:0 4px;border-radius:6px;font-size:8px}
  .vsdl-solutions-page .vsdl-public-dashboard-top-meta b{min-height:16px;padding:0 6px;font-size:5px}
  .vsdl-solutions-page .vsdl-public-dashboard-body{grid-template-columns:56px 1fr;height:calc(100% - 34px)}
  .vsdl-solutions-page .vsdl-public-dashboard aside{padding:8px 5px;gap:4px}
  .vsdl-solutions-page .vsdl-public-dashboard aside b,.vsdl-solutions-page .vsdl-public-dashboard aside span{min-height:18px;padding:0 5px;border-radius:6px;font-size:5px}
  .vsdl-solutions-page .vsdl-public-dashboard-side-note{padding:6px 5px;border-radius:8px}
  .vsdl-solutions-page .vsdl-public-dashboard-side-note small{font-size:4px}.vsdl-solutions-page .vsdl-public-dashboard-side-note strong{font-size:8px}
  .vsdl-solutions-page .vsdl-public-dashboard-body>section{padding:8px}
  .vsdl-solutions-page .vsdl-public-dashboard-metrics{gap:5px}
  .vsdl-solutions-page .vsdl-public-dashboard-metrics article{padding:7px 6px;border-radius:9px}
  .vsdl-solutions-page .vsdl-public-dashboard-metrics strong{font-size:11px}
  .vsdl-solutions-page .vsdl-public-dashboard-metrics small,.vsdl-solutions-page .vsdl-public-dashboard-metrics em{font-size:5px}
  .vsdl-solutions-page .vsdl-public-dashboard-panels{grid-template-columns:1fr;gap:6px;margin-top:6px}
  .vsdl-solutions-page .vsdl-public-dashboard-panels>article,.vsdl-solutions-page .vsdl-public-dashboard-bottom>article{padding:7px;border-radius:10px}
  .vsdl-solutions-page .vsdl-public-chart svg{height:74px;margin-top:5px}
  .vsdl-solutions-page .vsdl-public-chart-legend{gap:4px;margin-top:6px}.vsdl-solutions-page .vsdl-public-chart-legend span{min-height:15px;padding:0 5px;font-size:4px}.vsdl-solutions-page .vsdl-public-chart-legend i{width:5px;height:5px}
  .vsdl-solutions-page .vsdl-public-donut .ring{width:58px;height:58px;margin:8px auto 6px;box-shadow:none}
  .vsdl-solutions-page .vsdl-public-donut .ring strong{font-size:9px}.vsdl-solutions-page .vsdl-public-donut .ring small{font-size:4px;margin-top:3px}
  .vsdl-solutions-page .vsdl-public-donut p{margin-top:4px;font-size:4px}.vsdl-solutions-page .vsdl-public-donut p b{font-size:4px}
  .vsdl-solutions-page .vsdl-public-dashboard-bottom{grid-template-columns:1fr;gap:6px;margin-top:6px}
  .vsdl-solutions-page .vsdl-public-activity-list,.vsdl-solutions-page .vsdl-public-workflow-list{gap:5px;margin-top:6px}
  .vsdl-solutions-page .vsdl-public-activity-item{grid-template-columns:8px 1fr auto;gap:5px;padding:5px 6px;border-radius:8px;font-size:4px}
  .vsdl-solutions-page .vsdl-public-activity-item i{width:8px;height:8px}
  .vsdl-solutions-page .vsdl-public-activity-item b,.vsdl-solutions-page .vsdl-public-workflow-item b,.vsdl-solutions-page .vsdl-public-workflow-item>div{font-size:4px}
  .vsdl-solutions-page .vsdl-public-workflow-item em{height:6px}
}

/* 3.5.4 — Cleaner Hero dashboard without floating info cards */
.vsdl-solutions-page .vsdl-dashboard-visual{inset:-10px -8px -18px 4px}
.vsdl-solutions-page .vsdl-dashboard-laptop{width:min(100%,760px);transform:perspective(1600px) rotateY(-4deg) rotateX(1.5deg)}
@media(max-width:1180px){.vsdl-solutions-page .vsdl-dashboard-visual{inset:-4px 0 -8px 0}}
@media(max-width:680px){.vsdl-solutions-page .vsdl-dashboard-laptop{width:116%;margin-left:-8%;transform:perspective(1200px) rotateY(-2deg)}}