.svc-body{font-family:Inter,Arial,Helvetica,sans-serif!important;color:#111;background:#fff}
.svc-hero{
  min-height:300px;position:relative;background:url('commerciali-hero.jpg') center/cover no-repeat;
  display:flex;align-items:center;overflow:hidden
}
.svc-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,9,8,.92) 0%,rgba(10,9,8,.78) 31%,rgba(10,9,8,.25) 59%,rgba(10,9,8,.05) 100%)}
.svc-copy{position:relative;z-index:2;padding:34px 4.8vw;color:#fff;max-width:660px}
.svc-crumb{font-size:10px;margin-bottom:22px}.svc-crumb b{color:#ff6b28}
.svc-copy h1{font-size:43px;line-height:1.02;margin:0 0 18px;letter-spacing:-1.4px;font-weight:900;color:#fff}
.svc-copy h1 em{font-style:normal;color:#ff6a2b}
.svc-copy p{font-size:14px;line-height:1.58;max-width:520px;color:#fff;margin-bottom:22px}
.svc-primary{display:inline-flex;gap:15px;align-items:center;background:linear-gradient(90deg,#ff6a20,#f01882);color:#fff!important;padding:14px 20px;border-radius:5px;font-size:11px;font-weight:900}

.svc-services{text-align:center;padding:20px 4vw 22px;background:#fff}
.svc-eyebrow{font-size:10px;color:#ff5d21;font-weight:900;letter-spacing:.04em;margin-bottom:6px}
.svc-services h2,.svc-demo h2{font-size:23px;line-height:1.15;margin:0 0 18px;font-weight:900;color:#111}
.svc-service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;max-width:1500px;margin:auto}
.svc-service{background:#fff;border:1px solid #e9e4df;border-radius:8px;overflow:hidden;padding-bottom:17px;box-shadow:0 4px 14px rgba(45,30,15,.05)}
.svc-service img{width:100%;height:96px;display:block;object-fit:cover}
.svc-service i{display:flex;width:50px;height:50px;margin:-25px auto 10px;border-radius:50%;background:#fff;align-items:center;justify-content:center;color:#ff6424;font-size:22px;font-style:normal;position:relative;z-index:2;box-shadow:0 5px 16px rgba(0,0,0,.13)}
.svc-service b{display:block;font-size:11px;margin:0 12px 8px;font-weight:900}
.svc-service span{display:block;font-size:10px;line-height:1.5;color:#4c4c4c;padding:0 12px}

.svc-demo{text-align:center;padding:22px 4vw 28px;background:linear-gradient(180deg,#fbfbff,#f5f6ff)}
.svc-demo>p{font-size:11px;line-height:1.5;color:#555b69;margin:-9px 0 16px}
.svc-demo-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;max-width:1500px;margin:auto}
.svc-demo-grid article{background:#fff;border:1px solid #e8e7e8;border-radius:8px;overflow:hidden;box-shadow:0 4px 14px rgba(30,30,30,.04)}
.svc-demo-img{display:block;width:100%;height:120px;object-fit:cover}
.svc-demo-body{padding:12px 12px 15px}
.svc-demo-body h3{font-size:12px;margin:0 0 7px;font-weight:900}
.svc-demo-body p{font-size:10px;line-height:1.45;color:#5b5f68;min-height:40px;margin:0 0 12px}
.svc-outline{display:inline-block;border:1px solid #ff6b2d;color:#ff5e20!important;border-radius:4px;font-size:9px;font-weight:900;padding:9px 12px}

.svc-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px 9vw;background:linear-gradient(90deg,#101010,#e43b20,#ff641e);color:#fff}
.svc-cta h2{font-size:22px;margin:0 0 6px;color:#fff;font-weight:900}.svc-cta p{font-size:11px;margin:0;color:#fff}
.svc-cta-btn{background:#fff;color:#ff5a1f!important;padding:13px 24px;border-radius:4px;font-size:10px;font-weight:900}

.svc-glow{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
@media (hover:hover) and (pointer:fine){
 .svc-glow:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 0 0 3px rgba(255,100,36,.10),0 8px 24px rgba(255,100,36,.22)}
}
.svc-glow.is-lit{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 0 0 3px rgba(255,100,36,.10),0 8px 24px rgba(255,100,36,.22)}

.svc-placeholder{min-height:calc(100vh - 76px);display:grid;place-items:center;padding:40px 20px;background:#fff8f3;text-align:center}
.svc-placeholder>div{max-width:700px;background:#fff;border:1px solid #f1dfd4;border-radius:12px;padding:52px 36px}
.svc-placeholder h1{font-size:42px;margin:8px 0 15px}.svc-placeholder p{font-size:15px;line-height:1.7;color:#575757;margin-bottom:24px}

@media(max-width:1200px){.svc-service-grid,.svc-demo-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){
 .svc-hero{min-height:455px;background-position:62% center}.svc-overlay{background:linear-gradient(180deg,rgba(10,9,8,.94),rgba(10,9,8,.62))}
 .svc-copy{padding:34px 20px}.svc-copy h1{font-size:34px}.svc-copy p{font-size:14px}
 .svc-service-grid{grid-template-columns:repeat(2,1fr);gap:10px}.svc-demo-grid{grid-template-columns:1fr}
 .svc-services,.svc-demo{padding:22px 18px}.svc-cta{flex-direction:column;align-items:flex-start;padding:24px 20px}
}