/* Proposta conservativa: struttura originale, stessi contenuti e foto. */
body{font-size:17px;line-height:1.7}
.top{background:#0b1117f5;border-bottom-color:#3c515f}
.top .container{min-height:78px;gap:22px}
.brand-logo{width:154px;height:54px}
#site-nav a{font-size:15px;padding:10px 5px;min-height:44px;display:flex;align-items:center}
#site-nav a:hover{text-decoration:underline;text-underline-offset:6px}
.pill,.cta{min-height:48px;border-radius:6px;font-size:15px;line-height:1.35;padding:13px 22px}
.cta:hover,.pill:hover{background:#70d1f4}
.cta.outline:hover{background:#ffffff12}
.hero{min-height:0}
.hero-photo{filter:blur(2px);transform:scale(1.025);object-position:center center}
.hero:after{background:linear-gradient(90deg,#071017bd,#07101785 55%,#071017ad),linear-gradient(0deg,#071017c9,transparent 65%)}
.hero-content{max-width:900px;padding:44px 0 42px}
.hero-logo-wrap{width:220px;max-width:70vw;margin:0 auto 17px}
.hero .eyebrow{font-size:12px;letter-spacing:.13em}
.hero-services{margin:9px 0 0;font-size:16px;line-height:1.5;font-weight:700;letter-spacing:.015em;color:#fff}
.hero h1{font-size:clamp(38px,4.4vw,60px);line-height:1.08;letter-spacing:-.04em;margin:16px 0 18px}
.hero .lead{max-width:640px;margin:0 auto;color:#eef4f7;font-size:18px;line-height:1.7;text-shadow:0 1px 10px #0007}
.hero .lead strong{font-weight:650}
.hero .buttons{margin-top:24px;gap:12px}
.hero .buttons .cta{min-height:50px}
.hero .buttons .cta:first-child{box-shadow:0 6px 24px #0003}
.hero .trust{margin-top:25px;gap:12px 22px;color:#e0eaf0;font-size:12px;line-height:1.5}
.section{padding:78px 0}
.section h2{font-size:clamp(32px,4vw,48px);line-height:1.14;letter-spacing:-.035em}
.section-head p{font-size:18px;line-height:1.75}
.service-card h3{font-size:23px;line-height:1.28}
.service-card .inside{padding:27px}
.service-card p,.feature p,.step p{font-size:16px;line-height:1.8;color:#c7d4dc}
.more{font-size:15px;min-height:44px;display:flex;align-items:center}
.more:hover{text-decoration:underline;text-underline-offset:4px}
.work-tab{font:600 14px/1.3 system-ui,sans-serif;min-height:46px;padding:12px 16px;border-radius:6px;border-color:#9eafb9}
.work-tabs{gap:9px}
.work-description{font-size:15px;line-height:1.75;color:#d2e0e7;margin-top:12px}
.work-summary{font-size:16px}
.work-bottom{padding:20px 22px}
.work-arrow{min-width:44px;min-height:48px}
.work-mini-controls button{min-height:46px;font-size:14px}
.contact-box p{font-size:16px;line-height:1.75}
.contact-box a:not(.cta){color:#00688f}
.light a:focus-visible,.light button:focus-visible{outline-color:#00688f}
.footer{font-size:13px}
:focus-visible{outline:3px solid #34b9ec;outline-offset:5px}
@media(max-width:900px){
 .top .container{min-height:74px;gap:12px}
 .brand-logo{width:136px;height:48px}
 .mobile-menu-button{min-height:46px;font-size:14px;padding:10px 13px}
 #site-nav a{font-size:16px;padding:13px 12px}
 .top .pill{font-size:13px;padding:12px 16px}
 .hero-content{padding:35px 0}
 .hero-logo-wrap{width:210px}
}
@media(max-width:620px){
 .top .container{min-height:68px;gap:8px}
 .brand-logo{width:111px;height:44px}
 .mobile-menu-button{min-height:44px;padding:9px 11px;font-size:12px}
 .top .pill{min-height:44px;font-size:12px;padding:10px 12px}
 .hero-content{padding:27px 0 30px}
 .hero-logo-wrap{width:190px;margin-bottom:15px}
 .hero .eyebrow{font-size:11px;letter-spacing:.11em}
 .hero-services{font-size:13px;line-height:1.6;margin-top:8px;letter-spacing:0}
 .hero h1{font-size:clamp(28px,8.8vw,38px);line-height:1.12;letter-spacing:-.04em;margin:14px 0 17px}
 .hero .lead{font-size:15.5px;line-height:1.75;max-width:440px}
 .hero .buttons{margin-top:22px;gap:10px;flex-wrap:nowrap;width:100%;justify-content:center}
 .hero .buttons .cta{width:auto;font-size:13px;min-height:49px;padding:12px 13px}
 .hero .buttons .cta:first-child{flex:1.35}
 .hero .buttons .cta:last-child{flex:1}
 .hero .trust{margin-top:22px;font-size:11px;gap:9px 15px}
 .section{padding:57px 0}
 .section h2{font-size:34px}
 .section-head p{font-size:16px}
 .service-card h3{font-size:24px}
 .service-card p,.feature p,.step p{font-size:16px}
 .service-card .inside{padding:25px}
 .work-tabs{flex-wrap:wrap;overflow:visible;padding:0;margin-bottom:20px;gap:8px}
 .work-tab{white-space:normal;flex:0 1 auto;font-size:13px;min-height:45px;padding:11px 12px}
 .work-tab-count{font-size:11px;margin-left:4px}
 #work-photo{height:290px}
 .work-bottom{padding:18px 16px}
 .work-description{font-size:15px}
 .work-mini-controls{margin-top:15px}
 .contact-box{padding:27px}
 .contact-box .cta{width:100%;font-size:14px}
}
@media(max-width:350px){.brand-logo{width:94px}.mobile-menu-button{padding:9px}.top .pill{font-size:11px;padding:10px}.hero .buttons .cta{font-size:11px;padding:12px 9px}.hero-services{font-size:11.5px}.hero-logo-wrap{width:172px}}
@media(prefers-reduced-motion:reduce){.cta,.pill{transition:none}}