
/* DIGITVAR V21 — software jako samostatná, smysluplná služba. */
.dv-sw-showcase{position:relative;overflow:hidden;background:linear-gradient(140deg,#06162c 0%,#082448 56%,#06182d 100%);border-block:1px solid #224774;padding:clamp(75px,8vw,130px) 0}
.dv-sw-showcase:before{content:"";position:absolute;inset:-40% -20%;pointer-events:none;background:radial-gradient(ellipse 32% 45% at 70% 48%,#168cff33,transparent 70%);animation:dv-sw-glow 15s ease-in-out infinite alternate}
@keyframes dv-sw-glow{to{transform:translate3d(-4%,4%,0);opacity:.58}}
.dv-sw-grid{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);align-items:center;gap:clamp(35px,6vw,100px);position:relative;padding-bottom:clamp(70px,7vw,120px)}
.dv-sw-copy h2{font-size:clamp(38px,4.5vw,68px);line-height:1.08;letter-spacing:-.055em;max-width:650px;margin:21px 0}
.dv-sw-copy h2 span{color:#5dbdff}.dv-sw-copy>p{font-size:15px;line-height:1.8;color:#b9cee9;max-width:540px}.dv-sw-highlights{display:flex;flex-wrap:wrap;gap:10px;margin:23px 0 30px}
.dv-sw-highlights span{padding:10px 14px;border:1px solid #3b6999;border-radius:10px;color:#d2e6fc;font-size:12px;background:#0e2d4c99}.dv-sw-copy>small{display:block;line-height:1.65;color:#9ab8db;font-size:11px;max-width:520px;margin-top:18px}
.dv-sw-window{border:1px solid #2b76bc;border-radius:18px;overflow:hidden;background:#061326f2;box-shadow:0 30px 90px #010a1b99,0 0 55px #007cff17;transform:rotate(1deg)}
.dv-sw-window-head{padding:17px 20px;border-bottom:1px solid #234569;display:flex;align-items:center;gap:12px;color:#d4e8fa;font-size:12px}.dv-sw-window-head>span{display:flex;gap:5px}.dv-sw-window-head i{height:8px;width:8px;border-radius:50%;background:#ff7587}.dv-sw-window-head i:nth-child(2){background:#ffcd77}.dv-sw-window-head i:nth-child(3){background:#57d5ba}.dv-sw-window-head small{margin-left:auto;color:#6bc9ff;font-weight:700;letter-spacing:.13em}
.dv-sw-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:20px}.dv-sw-steps button{min-height:80px;background:#0b2443;border:1px solid #2b4d73;border-radius:10px;padding:10px;text-align:left;color:#bfd7f2;display:flex;gap:7px;flex-direction:column;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.dv-sw-steps button:hover{transform:translateY(-3px)}.dv-sw-steps button[aria-pressed="true"]{background:#104c80;border-color:#65caff;color:white}.dv-sw-steps span{font-size:10px;color:#7acaed}.dv-sw-steps b{font-size:12px;font-weight:800}
.dv-sw-detail{margin:0 20px 22px;background:#0b2039;padding:26px;border-radius:12px;border:1px solid #1e4466}.dv-sw-live{font-size:10px;font-weight:800;letter-spacing:.1em;color:#4be0ba}.dv-sw-detail h3{font-size:clamp(19px,2vw,28px);line-height:1.2;margin:13px 0;color:#f5fbff}.dv-sw-detail p{font-size:13px;line-height:1.65;color:#b1cbe8;min-height:65px;margin:0 0 17px}.dv-sw-progress{height:5px;background:#123558;border-radius:99px;overflow:hidden}.dv-sw-progress span{height:100%;width:25%;display:block;background:linear-gradient(90deg,#168fff,#68dcff);transition:width .4s ease;border-radius:99px}
@media(max-width:900px){.dv-sw-grid{grid-template-columns:1fr}.dv-sw-window{transform:none}.dv-sw-showcase{padding-top:75px}}
@media(max-width:520px){.dv-sw-steps{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.dv-sw-detail{margin:0 12px 12px;padding:20px}.dv-sw-steps button{min-height:60px}.dv-sw-copy h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){.dv-sw-showcase:before{animation:none}.dv-sw-steps button{transition:none}.dv-sw-steps button:hover{transform:none}}
