:root{--teal:#007985;--deep:#07565d;--navy:#15243e;--body:#445064;--ice:#eef8fa;--pale:#dff6f9}
*{box-sizing:border-box}
html{margin:0;padding:0;scroll-behavior:smooth}
body{margin:0;padding:0;overflow-x:hidden;font-family:Arial,Helvetica,sans-serif;color:var(--navy);background:#fff;-webkit-text-size-adjust:100%}
a{text-decoration:none;color:inherit}img{display:block;max-width:100%;height:auto}svg{display:block}
h1,h2,h3,p{margin-top:0}
.site{width:100%;max-width:100%;overflow:hidden}
.wrap{width:min(1200px,100%);margin:0 auto;padding-left:clamp(17px,4vw,44px);padding-right:clamp(17px,4vw,44px)}
section{padding:clamp(32px,4.8vw,70px) 0}
.kicker{font-size:12px;font-weight:800;letter-spacing:1.05px;color:#078b98;margin:0 0 11px}
h1{font-size:clamp(38px,4.6vw,65px);line-height:1.08;letter-spacing:-1.8px;font-weight:800;margin-bottom:22px}
h2{font-size:clamp(28px,3vw,39px);line-height:1.14;letter-spacing:-.8px;margin-bottom:16px}
h3{font-size:17px;line-height:1.25;margin-bottom:8px}
p{font-size:15px;line-height:1.65;color:var(--body);margin-bottom:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:47px;border-radius:50px;padding:12px 22px;font-size:14px;font-weight:700;text-align:center;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00646f25}
.primary{background:#006e7a;color:white}.secondary{background:#fff;color:var(--deep);border:1px solid #72b7bf}
.hero{background:linear-gradient(125deg,#fafdfe 0%,#f0f9fb 57%,#e7f7f9 100%);position:relative;padding:clamp(40px,5vw,75px) 0}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 90% 0%,#b9edf333,transparent 33%),radial-gradient(circle at 8% 85%,#c7edf445,transparent 38%)}
.hero-layout{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.93fr);gap:clamp(20px,4vw,58px);align-items:center}
.hero strong{color:#192b40}.hero-copy{max-width:600px}.hero-copy>p{font-size:clamp(15px,1.4vw,18px)}
.checks{list-style:none;padding:0;margin:22px 0 25px;display:grid;gap:12px}
.checks li{display:flex;align-items:flex-start;gap:11px;font-size:15px;line-height:1.35}
.tick{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:var(--teal);color:white;font-weight:800;font-size:13px}
.hero-buttons{display:flex;flex-wrap:wrap;gap:12px}











.problem{background:linear-gradient(120deg,#f6fbfc,#edf7f9)}
.problem-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);align-items:center;gap:clamp(20px,3vw,45px)}
.problem-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.problem-card{background:#fff;padding:19px 16px;border-radius:14px;min-width:0;box-shadow:0 3px 20px #173b4909}
.icon-circle{width:54px;height:54px;border-radius:50%;background:#dff6f9;display:grid;place-items:center;flex:0 0 54px;margin-bottom:15px}
.icon-circle svg{width:30px;height:30px;stroke:#078b98;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.problem-card p,.audience-card p,.benefit p{font-size:13px;line-height:1.55}
.process-header{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:end;margin-bottom:26px}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2.4vw,28px)}
.step{min-width:0}.step img{width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:13px;background:#edf7fa;margin-bottom:17px}
.step-name{display:flex;align-items:baseline;gap:12px;color:var(--deep);margin-bottom:9px}
.step-name b{font-size:31px;color:#008c98}.step-name h3{margin:0;font-size:17px}
.step p{padding-left:43px;font-size:13px;line-height:1.6}
.audience{background:linear-gradient(110deg,#f5fbfc,#eaf7f9)}
.audience-head{display:grid;grid-template-columns:1fr 1.15fr;gap:25px;align-items:center;margin-bottom:24px}
.audience-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.audience-card{background:#fff;border-radius:13px;padding:16px 13px;display:flex;align-items:center;gap:12px;min-width:0}
.audience-card .icon-circle{margin:0;flex-basis:50px;width:50px;height:50px}
.audience-card .icon-circle svg{width:29px;height:29px}.audience-card h3{font-size:15px;color:#07565d;margin-bottom:5px}
.impact{background:linear-gradient(110deg,#e5f7f9,#d8f1f4 55%,#e9f9fa)}
.impact-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2.2fr);gap:28px;align-items:center}
.impact h2{color:var(--deep);margin-bottom:0}
.benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.benefit{min-width:0;display:flex;align-items:flex-start;gap:12px;padding:10px 14px}
.benefit:not(:first-child){border-left:1px solid #b8dce1}.benefit .icon-circle{background:#fff;margin:0;width:50px;height:50px;flex-basis:50px}
.benefit h3{font-size:14px;color:#07565d;margin-bottom:7px}
.cta{background:#006e7b center/cover no-repeat;color:#fff;padding:36px 0}
.cta-row{display:flex;align-items:center;justify-content:space-between;gap:20px}
.cta h2{color:white;margin:0 0 7px;font-size:clamp(24px,2.5vw,34px)}.cta p{color:#f0ffff;font-size:15px}
.cta .btn{background:#fff;color:#07565d;flex-shrink:0;min-width:180px}
@media(max-width:1050px){.problem-layout,.impact-layout{grid-template-columns:1fr}.audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.benefit:first-child{padding-left:0}}
@media(max-width:750px){.hero-layout{grid-template-columns:1fr}.process-header,.audience-head{grid-template-columns:1fr}.steps{gap:16px}.problem-cards{grid-template-columns:1fr}.problem-card{display:flex;align-items:center;gap:14px}.problem-card .icon-circle{margin:0}.problem-card h3{margin-bottom:4px}.benefits{grid-template-columns:1fr}.benefit{padding:12px 0}.benefit:not(:first-child){border-left:0;border-top:1px solid #b8dce1}}
@media(max-width:570px){section{padding:27px 0}.hero{padding:28px 0 35px}h1{font-size:clamp(34px,9vw,45px);letter-spacing:-1px}.hero-copy>p{font-size:14px}.checks{gap:9px;margin:16px 0 19px}.checks li{font-size:13px}.btn{font-size:13px;padding:11px 16px;min-height:42px}.problem-layout{gap:17px}.problem-card{padding:12px}.problem-card .icon-circle{width:42px;height:42px;flex-basis:42px}.problem-card .icon-circle svg{width:25px;height:25px}.problem-card h3{font-size:15px}.problem-card p{font-size:12px}h2{font-size:27px}.process-header{gap:6px}.steps{grid-template-columns:1fr;gap:18px}.step{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;align-items:center}.step img{grid-row:span 2;margin:0;aspect-ratio:1.3;object-fit:cover;height:100%}.step-name{gap:7px;align-self:end;margin-bottom:0}.step-name b{font-size:24px}.step-name h3{font-size:15px}.step p{padding:0;align-self:start;font-size:12px}.audience-grid{grid-template-columns:1fr;gap:9px}.audience-card{padding:11px 12px}.audience-card .icon-circle{height:43px;width:43px;flex-basis:43px}.audience-card h3{font-size:15px}.audience-card p{font-size:12px}.impact-layout{gap:13px}.benefit .icon-circle{width:43px;height:43px;flex-basis:43px}.benefit p{font-size:12px}.cta{padding:28px 0}.cta-row{flex-wrap:wrap}.cta .btn{min-width:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* AREA IMMAGINE HERO: mantiene le proporzioni su desktop e smartphone */



@media(max-width:750px){}
/* Sfondo locale per la call-to-action */
.cta{background-image:linear-gradient(90deg,#005a67aa,#006d7480),url("../img/sfondo-contatti.webp")}

/* Dettagli visuali */
.hero-accent{color:var(--deep)}


/* Accessibilità: link per saltare al contenuto */
.skip-link{position:absolute;left:12px;top:-60px;z-index:20;padding:12px 16px;background:#fff;color:var(--deep);border:2px solid var(--teal);border-radius:8px}
.skip-link:focus{top:12px}
a:focus-visible{outline:3px solid #004c58;outline-offset:4px}

/* ===========================================================
   CAREEASY — HEADER / MENU RESPONSIVE
   =========================================================== */
html { scroll-padding-top: 92px; }
section[id] { scroll-margin-top: 84px; }
.site-header { position: sticky; top: 0; z-index: 60; background: #ffffffed; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom: 1px solid #deeff1; box-shadow: 0 2px 15px #0c4b5810; }
.header-inner { display: flex; min-height: 78px; align-items: center; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 10px; flex-shrink: 0; color: var(--deep); font-size: 22px; font-weight: 800; line-height: 1; letter-spacing: -.65px; }
.brand-icon { width: 42px; height: 42px; flex-shrink: 0; }
.brand-easy { color: #078b98; }
.brand small { display: block; margin-top: 5px; font-size: 9px; font-weight: 700; letter-spacing: .45px; color: #567782; text-transform: uppercase; }
.desktop-nav { margin-left: auto; display: flex; align-items: center; gap: clamp(14px, 2vw, 28px); }
.desktop-nav a { color: #314858; font-size: 13.5px; font-weight: 650; white-space: nowrap; border-bottom: 2px solid transparent; padding: 11px 0; transition: color .18s; }
.desktop-nav a:hover, .desktop-nav a:focus-visible, .desktop-nav a.is-current { color: #006e7a; }
.desktop-nav a.is-current { border-bottom-color: #008896; }
.header-cta { background: var(--teal); color: #fff; font-size: 13px; white-space: nowrap; font-weight: 750; border-radius: 999px; padding: 13px 18px; }
.header-cta:hover { background: #056470; }
.mobile-menu { display: none; margin-left: auto; position: relative; }
.mobile-menu summary { display: flex; align-items: center; gap: 8px; cursor: pointer; padding: 11px 14px; border: 1px solid #d6e9ec; border-radius: 11px; font-size: 14px; font-weight: 700; color: var(--deep); list-style: none; }
.mobile-menu summary::-webkit-details-marker { display: none; }
.mobile-menu summary:focus-visible { outline: 3px solid var(--teal); outline-offset: 2px; }
.mobile-links { position: absolute; top: calc(100% + 15px); right: 0; width: min(310px, calc(100vw - 34px)); display: grid; gap: 2px; padding: 10px; background: #fff; box-shadow: 0 15px 40px #0a3c4b30; border: 1px solid #dceef0; border-radius: 15px; }
.mobile-links a { display: block; font-size: 14px; font-weight: 650; border-radius: 9px; padding: 13px 12px; color: var(--navy); }
.mobile-links a:hover { background: #e9f8f9; }
.mobile-links .mobile-demo { margin-top: 5px; text-align: center; color: #fff; background: var(--teal); }
/* ===========================================================
   HERO — GRAFICA NATIVA LOCALE (NESSUNA IMMAGINE GOOGLE)
   =========================================================== */















/* ===========================================================
   FOOTER PROFESSIONALE
   =========================================================== */
.site-footer { background: #102e39; color: #ecfafb; padding: 38px 0 23px; }
.footer-top { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; gap:clamp(22px,5vw,70px); padding-bottom:30px; }
.site-footer .brand { color: #fff; }
.site-footer .brand small { color: #b2d4d9; }
.site-footer .brand-easy { color: #65d4de; }

.footer-column h2 { font-size: 15px; margin: 10px 0 17px; font-weight: 800; letter-spacing: 0; color: #fff; }
.footer-column nav { display: grid; gap: 13px; }
.footer-column a { width: max-content; max-width: 100%; font-size: 14px; color: #c9dde0; }
.footer-column a:hover, .footer-bottom a:hover { color: #fff; text-decoration: underline; text-underline-offset: 4px; }


.footer-social { display: flex; gap: 11px; }
.social-icon { width: 38px; height: 38px; border: 1px solid #50737c; display: inline-grid; place-items: center; color: #c7dfe2; border-radius: 10px; background: #ffffff08; opacity: .77; cursor: default; }
.social-icon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.footer-bottom { border-top: 1px solid #3c5861; padding-top: 21px; display: flex; gap: 15px; justify-content: space-between; align-items: center; flex-wrap: wrap; font-size: 12px; color: #bad0d5; }
.footer-bottom nav { display: flex; gap: 21px; flex-wrap: wrap; }
.footer-bottom a { color: #d9eced; }
/* ===========================================================
   PAGINE LEGALI
   =========================================================== */
.legal-page { padding: 47px 0 75px; background: #fbfefe; min-height: 60vh; }
.legal-wrap { max-width: 980px; }
.breadcrumbs { display: flex; align-items: center; gap: 10px; font-size: 12px; color: #728590; margin-bottom: 34px; }
.breadcrumbs a:hover { text-decoration: underline; }
.legal-page h1 { color: #0d4951; margin-bottom: 26px; font-size: clamp(35px,5vw,52px); }
.legal-intro { font-size: 17px; line-height: 1.7; color: #405e67; }
.legal-article section { padding: 20px 0; border-bottom: 1px solid #e4eff1; }
.legal-article section h2 { font-size: 22px; margin-bottom: 10px; letter-spacing: -.3px; }
.legal-article section p { margin-bottom: 12px; }
.legal-article section p:last-child { margin-bottom: 0; }
.legal-article a { color: #007985; text-decoration: underline; text-underline-offset: 3px; }
.legal-notice { margin: 25px 0 15px; padding: 17px 20px; color: #6c4c18; background: #fff7e6; border-left: 4px solid #d89c34; border-radius: 9px; font-size: 14px; line-height: 1.6; }
.legal-back { margin-top: 30px; }
@media (max-width: 1080px) { .desktop-nav { gap: 15px; } .header-inner { gap: 17px; } .header-cta { display: none; } }
@media (max-width: 780px) { .desktop-nav { display: none; } .mobile-menu { display: block; } .header-inner { min-height: 69px; } .site-footer { padding-top: 34px; }   }
@media (max-width: 570px) { .brand { font-size: 19px; } .brand-icon { width: 36px; height: 36px; } .brand small { font-size: 7.5px; }         .footer-column h2 { margin-top: 2px; } .footer-bottom { align-items: start; flex-direction: column; } .legal-page { padding: 28px 0 50px; } .legal-article section h2 { font-size: 20px; } }
@media (prefers-reduced-motion: reduce) { .desktop-nav a { transition: none; } }

/* Hero illustrata — immagini WebP locali, layout fluido e proporzioni riservate */
.hero-media{display:flex;align-items:center;justify-content:center;min-width:0;width:100%;}
.hero-media-image{display:block;width:100%;max-width:600px;height:auto;object-fit:contain;}
@media(max-width:750px){.hero-media{max-width:530px;margin-inline:auto;}.hero-media-image{width:100%;}}


/* ==========================================================
   PAGINA "L’AZIENDA" — CareEasy
   ========================================================== */
[id]{scroll-margin-top:94px}
.company-page{background:#fff}
.company-page .kicker{letter-spacing:1.55px}
.company-hero{background:linear-gradient(135deg,#f4fbfc 0%,#eaf8fa 62%,#f7fcfd 100%);position:relative;overflow:hidden;padding:clamp(60px,7vw,105px) 0}
.company-hero:before{content:"";position:absolute;width:420px;height:420px;border:90px solid #d7f2f533;border-radius:50%;right:-195px;top:-210px;pointer-events:none}
.company-hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.88fr);gap:clamp(36px,6.3vw,90px);align-items:center;position:relative}
.company-hero-copy{max-width:670px}
.company-hero h1{font-size:clamp(40px,4.65vw,65px);line-height:1.09;letter-spacing:-2.1px;margin-bottom:24px}
.company-hero h1 span{color:var(--deep)}
.company-hero-copy>p:not(.kicker){max-width:600px;margin:0 0 15px;font-size:16px;line-height:1.72}
.company-hero-copy>p.company-lead{font-size:clamp(17px,1.8vw,20px);line-height:1.5;color:#1e4d58;font-weight:700;margin-bottom:18px}
.company-text-link{display:inline-flex;gap:12px;align-items:center;margin-top:17px;color:#006a76;font-weight:800;font-size:14px;border-bottom:2px solid #77c8d0;padding-bottom:7px}
.company-text-link:hover{color:#043f49}
.company-expertise{border:1px solid #d3eef0;padding:clamp(22px,3vw,35px);border-radius:24px;background:#ffffffed;box-shadow:0 19px 54px #0a627016;transform:rotate(1.1deg)}
.expertise-heading{padding-bottom:17px;display:grid;gap:10px;border-bottom:1px solid #e0eff1}
.expertise-mini{font-size:10px;font-weight:800;letter-spacing:1.4px;color:#078b98}
.expertise-heading strong{font-size:clamp(22px,2.4vw,29px);line-height:1.18;letter-spacing:-.65px;color:var(--deep)}
.expertise-row{display:flex;align-items:center;gap:14px;padding:19px 0;border-bottom:1px solid #e7eff1}
.expertise-symbol{width:54px;height:54px;display:grid;place-items:center;flex-shrink:0;border-radius:16px;background:#e5f6f8;color:#007985}
.expertise-symbol svg,.network-glyph svg{width:30px;height:30px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.expertise-row strong{display:block;color:#133f4b;font-size:16px;margin-bottom:5px}
.expertise-row small{display:block;font-size:12px;color:#60727c;line-height:1.35}
.expertise-number{margin-left:auto;color:#99b8c0;font-size:11px;font-weight:800;align-self:flex-start}
.expertise-end{margin-top:21px;display:flex;gap:9px;align-items:center;color:#336771;font-size:12px;font-weight:700}
.expertise-pip{width:8px;height:8px;background:#1caa91;border-radius:50%}
.company-purpose{background:#fff;padding:clamp(55px,6vw,88px) 0}
.company-section-heading{max-width:770px;margin-bottom:30px}
.company-section-heading p:not(.kicker){font-size:16px;max-width:690px}
.purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}
.purpose-card{display:flex;flex-direction:column;min-height:305px;border-radius:19px;padding:clamp(25px,3.3vw,43px);position:relative;overflow:hidden}
.purpose-mission{background:#eaf7f8}
.purpose-vision{background:#103e4a}
.purpose-card h3{font-size:clamp(22px,2.4vw,29px);margin-bottom:16px;letter-spacing:-.5px}
.purpose-card p{font-size:clamp(15px,1.4vw,17px);line-height:1.7;max-width:530px;color:#38535c}
.purpose-vision h3{color:#fff}
.purpose-vision p{color:#e2f3f5}
.company-values{background:linear-gradient(120deg,#f2f9fa,#e6f5f6);padding:clamp(50px,5.9vw,80px) 0}
.values-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(25px,7vw,110px)}
.values-grid h2{max-width:460px}
.values-grid p{font-size:16px;line-height:1.76;margin-bottom:17px}
.value-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.value-chips span{display:inline-flex;align-items:center;gap:9px;border-radius:100px;background:white;border:1px solid #c9e6e9;color:#07565d;font-size:14px;font-weight:800;padding:11px 16px}
.value-chips span span{padding:0;border:0;background:none;font-size:18px;color:#008b96}
.company-award{background:#fff;padding:clamp(55px,7vw,105px) 0}
.award-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.92fr);gap:clamp(28px,5vw,75px);align-items:center}
.award-photo-shell{min-width:0}
.award-photo-link{display:block;position:relative;border-radius:20px;overflow:hidden;box-shadow:0 17px 45px #112f3d19;background:#edf6f8}
.award-photo-link img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform .35s}
.award-photo-link:hover img{transform:scale(1.035)}
.award-photo-link:focus-visible{outline:3px solid #007985;outline-offset:4px}
.award-photo-overlay{position:absolute;bottom:15px;left:15px;right:15px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#ffffffee;backdrop-filter:blur(8px);border-radius:12px;padding:13px 16px;font-size:13px;font-weight:800;color:#07565d}
.award-photo-overlay span{font-size:18px}
.award-caption{font-size:12px;line-height:1.5;color:#697d87;margin-top:12px}
.award-eyebrow{display:inline-flex;align-items:center;gap:11px;font-size:11px;letter-spacing:1.3px;font-weight:850;color:#007985;margin-bottom:20px}
.award-icon{display:grid;place-items:center;color:#076a74;background:#dcf4f6;border-radius:50%;width:31px;height:31px;font-size:19px}
.award-content h2{font-size:clamp(29px,3.1vw,43px);line-height:1.16;margin-bottom:22px}
.award-content h2 span{color:#007985}
.award-content p{font-size:15px;margin-bottom:16px;line-height:1.75}
.award-content p a{text-decoration:underline;text-underline-offset:3px;color:#006e7b;font-weight:700}
.award-cta{margin-top:12px}
.company-network{background:linear-gradient(120deg,#f3fbfb,#ecf8fa);padding:clamp(57px,6vw,87px) 0}
.network-header{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:25px;margin-bottom:27px}
.network-header>p{font-size:16px;max-width:515px}
.network-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.network-card{background:white;border-radius:18px;padding:clamp(24px,3vw,36px);border:1px solid #e0eff1;display:flex;flex-direction:column;min-height:270px}
.network-glyph{width:60px;height:60px;border-radius:17px;display:grid;place-items:center;background:#e7f6f8;color:#007985;margin-bottom:21px}
.network-glyph svg{width:34px;height:34px}
.network-card h3{font-size:21px;color:#143e4a;margin-bottom:10px}
.network-card p{font-size:14px;max-width:450px}
.network-note{font-size:11px;text-transform:uppercase;letter-spacing:.65px;font-weight:800;color:#6c8891;margin-top:auto;padding-top:25px}
@media(max-width:1000px){.company-hero-grid{gap:30px}.company-expertise{transform:none}}
@media(max-width:800px){.company-hero-grid,.award-grid,.values-grid{grid-template-columns:1fr}.company-expertise{max-width:660px;width:100%}.award-photo-shell{max-width:760px}.network-header{grid-template-columns:1fr}.company-hero{padding:55px 0}}
@media(max-width:620px){.company-hero{padding:37px 0}.company-hero h1{font-size:clamp(35px,9vw,48px);letter-spacing:-1.25px}.company-hero-copy>p:not(.kicker){font-size:14px}.company-expertise{padding:20px}.expertise-row{padding:15px 0}.purpose-grid,.network-grid{grid-template-columns:1fr}.purpose-card{min-height:0}.purpose-card p{font-size:15px}.company-purpose,.company-award,.company-network,.company-values{padding:40px 0}.values-grid p,.network-header>p{font-size:14px}.award-content p{font-size:14px}.award-photo-overlay{font-size:12px;padding:10px 12px;bottom:9px;left:9px;right:9px}}
@media(prefers-reduced-motion:reduce){.award-photo-link img{transition:none}}


/* ==========================================================
   CAREEASY V2.3 — Logo ufficiale, social e dati societari
   ========================================================== */
.brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;line-height:1;letter-spacing:normal;}
.brand-symbol{display:block;width:45px;height:51px;object-fit:contain;flex-shrink:0;}
.brand-wordmark{display:block;width:147px;height:auto;object-fit:contain;}
.brand--footer{background:#fff;padding:7px 12px 7px 9px;border-radius:12px;width:max-content;max-width:100%;box-shadow:0 6px 20px #00000014;}
.brand--footer .brand-symbol{width:44px;height:50px;}
.brand--footer .brand-wordmark{width:139px;}
.footer-social .social-icon{width:42px;height:42px;opacity:1;cursor:pointer;color:#fff;transition:transform .2s,background .2s,border-color .2s;}
.footer-social .social-icon svg{width:19px;height:19px;fill:currentColor;stroke:none;}
.footer-social .social-linkedin{background:#0a66c2;border-color:#0a66c2;}
.footer-social .social-facebook{background:#1877f2;border-color:#1877f2;}
.footer-social .social-icon:hover{transform:translateY(-3px);filter:brightness(1.10);}
.footer-social .social-icon:focus-visible{outline:3px solid #b8f7f8;outline-offset:3px;}
.footer-legal-details{flex-basis:100%;width:100%;margin:0;color:#acc6cd;font-size:11.5px;line-height:1.7;}
.network-wip{padding:34px 38px;background:#fff;border:1px dashed #9bc9cf;border-radius:18px;max-width:860px;margin-inline:auto;text-align:center;box-shadow:0 10px 34px #0a596308;}
.network-wip-label{display:inline-block;background:#eaf7f9;color:#075b65;border-radius:100px;font-size:11px;font-weight:800;letter-spacing:1.2px;padding:9px 15px;margin-bottom:16px;}
.network-wip h3{font-size:clamp(20px,2.5vw,26px);margin:0 0 10px;color:#07565d;}
.network-wip p{max-width:610px;margin-inline:auto;}
@media(max-width:780px){.brand-symbol{width:40px;height:46px;}.brand-wordmark{width:130px;}.brand--footer .brand-wordmark{width:138px;}}
@media(max-width:420px){.brand-symbol{width:36px;height:41px;}.brand-wordmark{width:118px;}.brand--footer .brand-symbol{width:42px;height:48px;}.brand--footer .brand-wordmark{width:130px;}.network-wip{padding:27px 20px;}}
@media(prefers-reduced-motion:reduce){.footer-social .social-icon{transition:none;}}

/* ==========================================================
   CAREEASY V2.4 — Header social + footer essenziale
   ========================================================== */
.header-actions{display:flex;align-items:center;gap:14px;flex-shrink:0;}
.header-social{display:flex;align-items:center;gap:7px;}
.header-social .social-icon{width:36px;height:36px;border-radius:10px;color:#fff;cursor:pointer;opacity:1;transition:transform .2s,filter .2s;}
.header-social .social-icon svg{width:17px;height:17px;fill:currentColor;stroke:none;}
.header-social .social-linkedin,.mobile-social .social-linkedin{background:#0a66c2;border-color:#0a66c2;}
.header-social .social-facebook,.mobile-social .social-facebook{background:#1877f2;border-color:#1877f2;}
.header-social .social-icon:hover{transform:translateY(-2px);filter:brightness(1.08);}
.header-social .social-icon:focus-visible{outline:3px solid #007985;outline-offset:3px;}
.footer-about{flex:1 1 310px;min-width:0;}
.footer-brand-row{display:flex;align-items:center;gap:15px;flex-wrap:wrap;}
.site-footer .footer-column{flex:0 0 180px;}
.site-footer .footer-column h2{margin-top:4px;}
.site-footer .footer-column nav{display:grid;grid-template-columns:repeat(2,max-content);column-gap:22px;row-gap:12px;}
.footer-social{align-items:center;}
.footer-brand-row .footer-social .social-icon{width:40px;height:40px;}
.mobile-social{display:flex;align-items:center;gap:10px;padding:12px 8px 4px;}
.mobile-links .mobile-social a.social-icon{display:inline-grid;place-items:center;padding:0;width:38px;height:38px;border-radius:10px;color:#fff;opacity:1;border:0;}
.mobile-social .social-icon svg{width:19px;height:19px;fill:currentColor;stroke:none;}
.mobile-social .social-icon:focus-visible{outline:3px solid #007985;outline-offset:3px;}
@media(max-width:1120px){
  .desktop-nav{display:none;}
  .mobile-menu{display:block;}
  .header-cta{display:none;}
  .header-inner{gap:14px;}
  .header-actions{margin-left:auto;}
}
@media(max-width:570px){
  .header-inner{gap:10px;}
  .brand--header{gap:7px;}
  .header-social .social-icon{width:33px;height:33px;}
  .header-social .social-icon svg{width:16px;height:16px;}
  .header-social{gap:6px;}
  .footer-brand-row{gap:12px;}
  .brand--footer .brand-symbol{width:36px;height:41px;}
  .brand--footer .brand-wordmark{width:110px;}
  .brand--footer{padding:6px 9px;}
  .footer-brand-row .footer-social .social-icon{width:36px;height:36px;}
  .site-footer .footer-column{flex:1 1 100%;}
}
@media(max-width:380px){
  .header-social{display:none;}
  .header-actions{display:none;}
}
@media(prefers-reduced-motion:reduce){.header-social .social-icon{transition:none;}}


/* ==========================================================
   CAREEASY V3.1 — Modulo contatti / Netlify Forms
   ========================================================== */
.demo-dialog{position:fixed;inset:0;margin:auto;width:min(620px,calc(100vw - 28px));max-height:min(92dvh,920px);overflow-y:auto;border:0;border-radius:22px;padding:clamp(20px,3vw,34px);color:var(--navy);background:#fff;box-shadow:0 25px 95px #061c2770;overscroll-behavior:contain;}
.demo-dialog::backdrop{background:#071f2ec7;backdrop-filter:blur(3px)}
.demo-dialog-head{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;margin-bottom:18px;}
.demo-eyebrow{display:block;letter-spacing:1px;font-size:11px;font-weight:800;color:#007985;margin-bottom:10px}
.demo-dialog-head h2{font-size:clamp(24px,3vw,33px);color:#07565d;line-height:1.15;margin:0 0 8px}
.demo-dialog-head p{font-size:14px;max-width:450px}
.demo-close{width:37px;height:37px;flex:0 0 37px;border:1px solid #cce2e6;background:#f1f9fa;color:#135964;border-radius:50%;cursor:pointer;font-size:16px;display:grid;place-items:center;}
.demo-close:hover{background:#e1f2f4}
.demo-form{display:block}
.demo-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px}
.demo-fields>label{display:flex;flex-direction:column;gap:7px;color:#214452;font-size:13px;font-weight:700;min-width:0}
.demo-fields .demo-full{grid-column:1/-1}
.demo-label{display:block}
.demo-optional{color:#687c82;font-weight:400}
.demo-fields input,.demo-fields textarea{font:inherit;font-size:15px;font-weight:400;display:block;width:100%;padding:12px 14px;border-radius:10px;border:1px solid #b8d7de;background:#fbfefe;color:#1b3345;outline:none;transition:box-shadow .15s,border-color .15s;}
.demo-fields textarea{resize:vertical;min-height:108px;line-height:1.5}
.demo-fields input:focus,.demo-fields textarea:focus{border-color:#007985;box-shadow:0 0 0 3px #b5e9ec}
.demo-fields input::placeholder,.demo-fields textarea::placeholder{color:#80939b}
.demo-note{font-size:12px;color:#5b7079;margin:13px 0}
.demo-privacy{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.55;color:#435766;cursor:pointer}
.demo-privacy input{width:17px;height:17px;flex:0 0 17px;margin-top:2px;accent-color:#007985}
.demo-privacy a{color:#006e7b;text-decoration:underline;text-underline-offset:2px;font-weight:700}
.demo-form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-top:21px}
.demo-submit{appearance:none;border:none;background:#006e7b;color:#fff;padding:13px 24px;border-radius:50px;font-size:14px;font-weight:750;min-height:45px;cursor:pointer;display:inline-flex;align-items:center;gap:13px;justify-content:center}
.demo-submit:hover{background:#07565d}
.demo-submit:focus-visible,.demo-close:focus-visible{outline:3px solid #27aab6;outline-offset:3px}
.demo-required{font-size:12px;color:#5c737b}
.demo-honeypot{position:absolute!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;height:1px!important;width:1px!important;margin:-1px!important;padding:0!important;border:0!important}
.contact-page{background:linear-gradient(125deg,#fafdfe,#eef8fa);min-height:65vh;padding:clamp(38px,6vw,92px) 0}
.contact-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(25px,5vw,70px);align-items:start}
.contact-intro h1{color:#07565d;font-size:clamp(36px,4.6vw,58px)}
.contact-intro>p{font-size:17px;max-width:480px}
.contact-aside{margin-top:30px;padding-top:27px;border-top:1px solid #c9e5e9}
.contact-aside h2{font-size:20px;color:#185262;margin-bottom:12px}
.contact-email{font-weight:750;color:#007985;display:inline-block;font-size:19px;margin-bottom:12px}
.contact-aside p{font-size:13px;max-width:400px}
.contact-aside p a{color:#006e7b;text-decoration:underline}
.contact-form-card{background:#fff;border-radius:22px;box-shadow:0 12px 35px #0a455416;padding:clamp(22px,3vw,38px);border:1px solid #e0f0f2;min-width:0}
.contact-form-card h2{font-size:clamp(23px,3vw,30px);color:#07565d;margin:0 0 22px}
.thanks-page{background:linear-gradient(125deg,#f9fdfe,#eaf7f9);min-height:65vh;display:flex;align-items:center;}
.thanks-box{padding-top:75px;padding-bottom:75px;text-align:center;max-width:700px}
.thanks-check{display:grid;place-items:center;margin:0 auto 19px;width:63px;height:63px;background:#dbf6ed;color:#096e5a;font-size:34px;border-radius:50%}
.thanks-box h1{font-size:clamp(32px,4vw,48px);color:#07565d}
.thanks-box>p:not(.kicker){font-size:16px;max-width:550px;margin:0 auto 24px}
@media(max-width:800px){.contact-layout{grid-template-columns:1fr}.contact-intro>p{font-size:15px}.contact-aside{margin-top:18px;padding-top:18px}}
@media(max-width:520px){.demo-fields{grid-template-columns:1fr;gap:13px}.demo-dialog{padding:21px 17px;border-radius:16px;max-height:95dvh}.demo-dialog-head h2{font-size:25px}.demo-form-actions{justify-content:stretch}.demo-submit{width:100%}.contact-page{padding:33px 0}.contact-form-card{padding:24px 18px}.contact-intro h1{font-size:36px}.demo-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.demo-fields input,.demo-fields textarea{transition:none}}