/* Hero Sviluppo Web — finestre browser stratificate */
.win{position:absolute;background:rgba(255,255,255,.78);backdrop-filter:blur(6px);border:1px solid rgba(150,180,240,.55);border-radius:12px;box-shadow:0 24px 50px -20px rgba(30,70,170,.38);overflow:hidden;animation:bob 7s ease-in-out infinite}
.win .bar{height:22px;background:rgba(230,240,255,.95);display:flex;gap:5px;align-items:center;padding:0 10px;border-bottom:1px solid rgba(150,180,240,.3)}
.win .bar i{width:7px;height:7px;border-radius:50%;background:#c3d7f7}
.win .bar i:first-child{background:#8fb3f5}
.ln{height:8px;border-radius:4px;background:linear-gradient(90deg,#dbe7fb 25%,#eef4ff 40%,#dbe7fb 55%);background-size:200% 100%;animation:shimmer 2.6s linear infinite;margin:10px 12px 0}
@keyframes shimmer{to{background-position:-200% 0}}
.imgph{margin:10px 12px 0;height:54px;border-radius:8px;background:linear-gradient(135deg,#c3d7f7,#eaf1fd);display:grid;place-items:center;color:#7ea6ef}
.w1{width:250px;height:196px;left:50%;top:24%;margin-left:-125px;z-index:3}
.w2{width:190px;height:150px;right:6%;top:8%;animation-delay:-2.5s;z-index:2;opacity:.94}
.w3{width:170px;height:140px;left:6%;top:40%;animation-delay:-4s;z-index:2;opacity:.94}
.wcode{width:150px;height:110px;right:10%;top:52%;background:#0d1024;border-color:#2e3763;animation-delay:-1.5s;z-index:4}
.wcode .bar{background:#161b36;border-color:#2e3763}
.wcode .cl{height:7px;border-radius:4px;margin:9px 12px 0;background:linear-gradient(90deg,#31408f 25%,#4c5db8 40%,#31408f 55%);background-size:200% 100%;animation:shimmer 2.2s linear infinite}
.wcode .cl.s{width:55%}.wcode .cl.m{width:75%}
.badge-code{position:absolute;right:-12px;top:-12px;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#4078ff,#2158e8);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700;box-shadow:0 0 18px rgba(59,130,246,.6);animation:blink 3s infinite}