/* Shared 9-page servizio template */
.em-servizio__hero-grid{display:grid;gap:var(--space-8);align-items:center;grid-template-columns:1.1fr 0.9fr}
@media (max-width:899px){ .em-servizio__hero-grid{grid-template-columns:1fr !important} }
.em-servizio__hero-visual{height:420px}
.em-servizio__hero-title{font:var(--text-display-1);letter-spacing:var(--tracking-tight);color:var(--ink-900);margin:0 0 var(--space-5)}
.em-servizio__hero-desc{font:var(--text-body-lg);color:var(--text-secondary);margin:0 0 var(--space-6);max-width:480px}
.em-servizio__hero-ctas{display:flex;gap:var(--space-4);flex-wrap:wrap}

.em-servizio__includes-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(2,1fr)}
@media (max-width:899px){ .em-servizio__includes-grid{grid-template-columns:1fr !important} }
.em-servizio__include{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4);background:var(--surface-card)}
.em-servizio__include img{flex:none;margin-top:2px;opacity:0.8}
.em-servizio__include span{font:var(--text-body);color:var(--text-primary)}

.em-servizio__perche-title{font:var(--text-h1);color:var(--paper-000);margin:0 0 var(--space-5);max-width:760px}
.em-servizio__perche p{font:var(--text-body-lg);color:var(--concrete-200);margin:0 0 var(--space-4);max-width:680px}

.em-servizio__process-grid{display:grid;gap:var(--space-5);grid-template-columns:repeat(4,1fr)}
@media (max-width:899px){ .em-servizio__process-grid{grid-template-columns:1fr 1fr !important} }
@media (max-width:539px){ .em-servizio__process-grid{grid-template-columns:1fr !important} }
.em-servizio__process-step{border-top:2px solid var(--accent-primary);padding-top:var(--space-4)}
.em-servizio__process-step--dark{border-top-color:var(--brand-blue-500)}
.em-servizio__process-num{font:var(--text-mono);color:var(--text-muted);margin-bottom:var(--space-2)}
.em-servizio__process-step--dark .em-servizio__process-num{color:var(--brand-blue-100)}
.em-servizio__process-title{font:var(--text-h4);color:var(--ink-900);margin:0 0 var(--space-2)}
.em-servizio__process-step--dark .em-servizio__process-title{font:var(--text-h3);color:var(--paper-000);margin:0 0 var(--space-3)}
.em-servizio__process-desc{font:var(--text-body-sm);color:var(--text-secondary);margin:0}
.em-servizio__process-step--dark .em-servizio__process-desc{font:var(--text-body);color:var(--concrete-200)}

.em-servizio__crosslink{max-width:var(--container-max);margin:0 auto;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-card);padding:var(--space-6);display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap}
.em-servizio__crosslink img{width:30px;height:30px;flex:none;opacity:0.85}
.em-servizio__crosslink-body{flex:1;min-width:240px}
.em-servizio__crosslink-body h4{font:var(--text-h4);color:var(--ink-900);margin:0 0 4px}
.em-servizio__crosslink-body p{font:var(--text-body-sm);color:var(--text-secondary);margin:0}

/* .em-form-* moved to the global assets/css/components.css so every form
 * on the site (not just single-servizio's "richiedi" panel) gets it. */

/* Light template (partner services) */
.em-servizio-light__hero{max-width:820px}

/* Siti Web flagship */
.em-siti-web__marquee-track{display:inline-flex;gap:var(--space-6);animation:em-marquee-scroll 26s linear infinite;padding:0 var(--gutter-page);white-space:nowrap}
.em-siti-web__marquee span{font:var(--text-h3);color:var(--paper-000);text-transform:uppercase;letter-spacing:var(--tracking-label);opacity:0.85}

.em-siti-web__features-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(3,1fr)}
@media (max-width:899px){ .em-siti-web__features-grid{grid-template-columns:1fr 1fr !important} }
@media (max-width:539px){ .em-siti-web__features-grid{grid-template-columns:1fr !important} }
.em-feature-card{position:relative;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-5);background:var(--surface-card);transition:transform 220ms var(--ease-standard),background 220ms var(--ease-standard),border-color 220ms var(--ease-standard),box-shadow 220ms var(--ease-standard)}
.em-feature-card:hover{background:var(--ink-900);border-color:var(--ink-900);transform:translateY(-4px)}
.em-feature-card:hover .em-feature-card__title{color:var(--paper-000)}
.em-feature-card:hover .em-feature-card__desc{color:var(--concrete-400)}
.em-feature-card__icon{width:22px;height:22px;margin-bottom:var(--space-3)}
.em-feature-card__title{font:var(--text-h4);color:var(--ink-900);margin:0 0 var(--space-2)}
.em-feature-card__desc{font:var(--text-body-sm);color:var(--text-secondary);margin:0;line-height:1.4}
.em-feature-card__detail{font:var(--text-body-sm);color:var(--concrete-200);margin:0;line-height:1.4;max-height:0;opacity:0;overflow:hidden;transition:max-height 280ms var(--ease-standard),opacity 280ms var(--ease-standard),margin-top 280ms var(--ease-standard)}
.em-feature-card:hover .em-feature-card__detail{max-height:120px;opacity:1;margin-top:var(--space-3)}

.em-related-carousel .em-carousel > a{width:280px;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4);background:var(--surface-card);transition:transform 220ms var(--ease-standard),border-color 220ms var(--ease-standard),box-shadow 220ms var(--ease-standard)}
.em-related-carousel .em-carousel > a:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-sm);transform:translateY(-4px)}
