/* Velico - sito vetrina. Un solo file, mobile-first, nessuna dipendenza esterna. */
@font-face{font-family:"Figtree";src:url("/fonts/figtree-var.woff2") format("woff2");font-weight:400 800;font-style:normal;font-display:swap}
:root{
  --font:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --navy:#0F3D6E;--navy-d:#0A2D55;--navy-dd:#071F3D;
  --teal:#14B8A6;--teal-d:#0F766E;--teal-l:#5EEAD4;
  --amber:#F59E0B;--amber-d:#8A5100;--amber-l:#FDE9B8;
  --crema:#FFF8EB;--crema-2:#FBEFD6;--bianco:#fff;
  --ink:#1B2A3E;--muted:#4A5A6E;--line:#E7DCC6;--campo:#6B7A8C;--err:#B42318;
  --r:16px;--w:1120px;
  --sh:0 1px 2px rgba(15,61,110,.05),0 4px 14px rgba(15,61,110,.07);
  --sh-l:0 2px 6px rgba(15,61,110,.08),0 28px 56px rgba(15,61,110,.16);
  --onda:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0 0H1440V30C1330 54 1210 54 1090 36S850 4 720 14 470 56 340 52 110 18 0 36Z'/%3E%3C/svg%3E");
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:5rem;scroll-padding-bottom:5.5rem;-webkit-text-size-adjust:100%}
body{margin:0;font:400 clamp(1rem,.97rem + .2vw,1.0625rem)/1.6 var(--font);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color:var(--ink);background:var(--bianco);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--navy)}
h1,h2,h3,h4{margin:0 0 .6rem;color:var(--navy);font-family:var(--font);text-wrap:balance}
h1{font-size:clamp(2.25rem,1.4rem + 3.4vw,3.75rem);font-weight:700;line-height:1.05;letter-spacing:-.03em}
h2{font-size:clamp(1.75rem,1.3rem + 1.9vw,2.5rem);font-weight:700;line-height:1.12;letter-spacing:-.022em}
h3{font-size:clamp(1.15rem,1.08rem + .35vw,1.3rem);font-weight:650;line-height:1.25;letter-spacing:-.01em}
p{margin:0 0 1rem;text-wrap:pretty}
ul,ol{margin:0;padding:0;list-style:none}
:focus-visible{outline:3px solid var(--navy);outline-offset:3px;border-radius:6px}
.c-navy :focus-visible,.foot :focus-visible{outline-color:var(--amber)}
.modulo :focus-visible,.barra :focus-visible{outline-color:var(--navy)}
.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.salta{position:absolute;left:1rem;top:-6rem;z-index:100;background:var(--navy);color:#fff;padding:.8rem 1.2rem;border-radius:0 0 12px 12px;font-weight:700;text-decoration:none}
.salta:focus{top:0}
.wrap{width:min(100% - 2rem,var(--w));margin-inline:auto}
.i{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* Bottoni */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.75rem 1.6rem;border-radius:999px;border:2px solid transparent;font:inherit;font-weight:650;letter-spacing:-.005em;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;transition:transform .18s,box-shadow .18s,background-color .18s,color .18s}
.btn--p{background:var(--amber);color:var(--navy-dd);box-shadow:0 6px 18px rgba(245,158,11,.35)}
.btn--p:hover{background:#FBB023;transform:translateY(-2px);box-shadow:0 10px 24px rgba(245,158,11,.45)}
.btn--g{border-color:var(--navy);color:var(--navy);background:transparent}
.btn--g:hover{background:var(--navy);color:#fff}
.btn--s{min-height:44px;padding:.5rem 1.15rem;box-shadow:none}
.btn[disabled]{opacity:.75;cursor:progress;transform:none}
.btn[aria-busy=true]::before{content:"";width:1em;height:1em;border:2.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:gira .7s linear infinite}
@keyframes gira{to{transform:rotate(1turn)}}

/* Header */
.top{position:sticky;top:0;z-index:50;background:rgba(255,248,235,.94);border-bottom:1px solid rgba(15,61,110,.08)}
@supports (backdrop-filter:blur(1px)){.top{background:rgba(255,248,235,.82);backdrop-filter:saturate(1.5) blur(12px)}}
.top__in{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.25rem 1rem;min-height:64px}
.brand{display:inline-flex;align-items:center;gap:.6rem;min-height:44px;text-decoration:none;color:var(--navy);font-size:1.45rem;font-weight:700;letter-spacing:-.025em}
.brand img{width:34px;height:auto}
.nav ul{display:flex;flex-wrap:wrap;align-items:center;gap:0 1.1rem}
.nav a:not(.btn){display:inline-flex;align-items:center;min-height:44px;padding:.25rem .15rem;color:var(--navy);font-weight:550;font-size:.95rem;text-decoration:none;background:linear-gradient(var(--teal),var(--teal)) 0 82%/0 3px no-repeat;transition:background-size .2s}
.nav a:not(.btn):hover{background-size:100% 3px}
.menu-btn{display:none;align-items:center;justify-content:center;width:48px;height:48px;border:0;border-radius:12px;background:transparent;color:var(--navy);cursor:pointer}
.burger,.burger::before,.burger::after{display:block;width:24px;height:3px;border-radius:3px;background:currentColor;transition:transform .2s,opacity .2s}
.burger{position:relative}
.burger::before,.burger::after{content:"";position:absolute;left:0}
.burger::before{top:-8px}.burger::after{top:8px}
.menu-btn[aria-expanded=true] .burger{background:transparent}
.menu-btn[aria-expanded=true] .burger::before{transform:translateY(8px) rotate(45deg)}
.menu-btn[aria-expanded=true] .burger::after{transform:translateY(-8px) rotate(-45deg)}
@media (max-width:899.98px) and (scripting:enabled){
  .menu-btn{display:inline-flex}
  .nav{display:none;position:absolute;top:100%;left:0;right:0;padding:.5rem 1rem 1.25rem;background:var(--crema);border-bottom:1px solid var(--line);box-shadow:0 18px 30px rgba(15,61,110,.12)}
  .nav.open{display:block}
  .nav ul{flex-direction:column;align-items:stretch;width:min(100%,var(--w));margin-inline:auto}
  .nav a:not(.btn){display:flex;min-height:48px;font-size:1.05rem;border-bottom:1px solid var(--line)}
  .nav li:last-child{margin-top:.9rem}
  .nav .btn{width:100%}
}
@media (max-width:899.98px) and (scripting:none){.nav{flex-basis:100%;padding-bottom:.5rem}}

/* Sezioni */
.sez{position:relative;overflow-x:clip;padding-block:clamp(3.25rem,6vw,5.25rem);background:var(--bg)}
.c-crema{--bg:var(--crema)}.c-bianco{--bg:var(--bianco)}.c-navy{--bg:var(--navy)}
.p-crema{--prev:var(--crema)}.p-bianco{--prev:var(--bianco)}.p-navy{--prev:var(--navy)}
.sez[class*=" p-"]::before{content:"";position:absolute;inset:0 0 auto;height:clamp(26px,4.2vw,58px);background:var(--prev);-webkit-mask:var(--onda) center/100% 100% no-repeat;mask:var(--onda) center/100% 100% no-repeat;pointer-events:none}
.sez[class*=" p-"]{padding-top:clamp(4.75rem,8vw,7rem)}
.c-navy{color:#DCE7F3}
.c-navy h2,.c-navy h3{color:#fff}
.sez__head{max-width:46rem;margin:0 auto clamp(1.75rem,4vw,2.75rem);text-align:center}
.lead{font-size:clamp(1.0625rem,1rem + .4vw,1.3125rem);line-height:1.5;color:var(--muted)}
.c-navy .lead{color:#C3D3E6}
.eyebrow{display:block;margin:0 0 1rem;padding:0;border-radius:0;background:none;color:var(--teal-d);font-size:.8125rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}

/* Hero */
.hero{padding-block:clamp(2rem,4vw,3.5rem) clamp(3rem,5vw,4.5rem);background:radial-gradient(60% 75% at 88% 18%,rgba(20,184,166,.16),transparent 62%),radial-gradient(40% 45% at 4% 55%,rgba(245,158,11,.16),transparent 62%),var(--crema)}
.hero__in{display:grid;gap:2.5rem;align-items:center}
.evid{background:linear-gradient(transparent 60%,var(--amber-l) 60% 94%,transparent 94%);padding-inline:.1em}
.hero .lead{max-width:36rem;margin-bottom:1.6rem}
.cta{display:flex;flex-wrap:wrap;gap:.8rem}
.nota{margin:.9rem 0 0;font-size:.9rem;color:var(--muted)}
.cta .btn--t{min-height:48px;padding-inline:.4rem;border:0;background:none;color:var(--navy);font-weight:650;text-decoration:underline;text-decoration-color:var(--teal);text-underline-offset:.3em;text-decoration-thickness:2px}
.cta .btn--t:hover{color:var(--teal-d);transform:none}
.punti{display:grid;gap:.6rem;margin-top:1.8rem}
.punti li,.bul li{position:relative;padding-left:2rem}
.punti li::before,.bul li::before{content:"";position:absolute;left:0;top:.28em;width:1.3rem;height:1.3rem;border-radius:50%;background:var(--teal-d)}
.punti li::after,.bul li::after{content:"";position:absolute;left:.46rem;top:.52em;width:.38rem;height:.7rem;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) scale(.8);transform-origin:center}
.hero__img{position:relative}
.hero__img::before,.fig::before{content:"";position:absolute;inset:7% -3% -5% 5%;border-radius:32px;background:var(--teal);opacity:.22;transform:rotate(3deg)}
.hero__img img,.fig>img{position:relative;width:100%;border-radius:26px;box-shadow:var(--sh-l);background:var(--crema)}
@media (min-width:900px){
  .hero__in{grid-template-columns:1.02fr .98fr;gap:3.5rem}
  .hero h1{font-size:clamp(2.75rem,1.5rem + 2.9vw,3.75rem)}
}

/* Pilastri */
.pil{display:grid;gap:1.75rem;align-items:center;margin-top:clamp(2.5rem,6vw,4.5rem)}
.pil:first-of-type{margin-top:0}
.ico{display:grid;place-items:center;width:52px;height:52px;margin-bottom:1rem;border-radius:12px;background:var(--crema);color:var(--teal-d);box-shadow:inset 0 0 0 1px var(--line)}
.ico .i{width:1.7rem;height:1.7rem}
.pil p{color:var(--muted);margin:0;max-width:34rem}
.fig{position:relative;margin:0}
.pil:nth-of-type(even) .fig::before,.piu .fig::before{background:var(--amber);opacity:.25;transform:rotate(-3deg);inset:7% 5% -5% -3%}
@media (min-width:860px){
  .pil{grid-template-columns:1fr 1fr;gap:4.5rem}
  .pil:nth-of-type(even) .fig{order:-1}
}

/* Telefono */
.tel{position:relative;width:min(100%,270px);margin:0 auto;border:9px solid #14253B;border-radius:40px;background:#14253B;box-shadow:var(--sh-l);overflow:hidden}
.tel img{width:100%;aspect-ratio:520/911;object-fit:cover;object-position:top;border-radius:30px;background:#fff}
.tels{margin:0;text-align:center}
.tels figcaption,.sch figcaption{margin-top:1.4rem;font-size:.95rem;color:var(--muted)}
.tels figcaption strong,.sch figcaption strong{display:block;color:var(--navy);font-size:1.05rem}

/* E in più */
.piu{display:grid;gap:2.5rem;align-items:center}
.piu__lista{display:grid;gap:.9rem;margin-top:1.5rem}
.piu__lista li{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;border-radius:18px;background:#fff;box-shadow:var(--sh);font-weight:600;color:var(--ink)}
.piu__lista .i{width:2rem;height:2rem;padding:.4rem;box-sizing:content-box;border-radius:12px;background:var(--crema);color:var(--teal-d)}
.piu__lista .i{width:1.5rem;height:1.5rem}
@media (min-width:860px){.piu{grid-template-columns:1.2fr .8fr;gap:4rem}}

/* Azienda */
.griglia{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.griglia--4{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.card{padding:1.5rem;border-radius:var(--r);background:#fff;border:1px solid var(--line);box-shadow:var(--sh)}
.card p{color:var(--muted)}
.card .ico{background:var(--crema)}
.bul{display:grid;gap:.55rem;margin-top:1rem;padding-top:1rem;border-top:1px dashed var(--line);font-size:.95rem}
.bul li{padding-left:1.8rem}
.bul li::before{width:1.15rem;height:1.15rem;top:.3em}
.bul li::after{left:.4rem;top:.5em;width:.33rem;height:.6rem}
.schermate{margin-top:clamp(3.5rem,8vw,6rem)}
.schermate .sez__head{margin-bottom:2rem}
.sch{margin:0}
.sch--w{max-width:880px;margin:0 auto 2.5rem;text-align:center}
.duo{display:grid;gap:2rem;align-items:start}
.finestra{overflow:hidden;border-radius:16px;background:#fff;border:1px solid #D3DCE7;box-shadow:var(--sh-l)}
.finestra__b{display:flex;gap:7px;align-items:center;height:34px;padding:0 14px;background:#EAF0F6;border-bottom:1px solid #D3DCE7}
.finestra__b i{width:11px;height:11px;border-radius:50%;background:#C3CEDB}
.finestra img{width:100%}
.sch figcaption{text-align:center}
@media (min-width:860px){.duo{grid-template-columns:1fr 1.15fr}}

/* Passi */
.passi{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.passo{position:relative;padding:2.4rem 1.6rem 1.6rem;border-radius:var(--r);background:#fff;box-shadow:var(--sh)}
.passo p{color:var(--muted);margin:0}
.num{position:absolute;top:-1.4rem;left:1.4rem;display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:var(--navy);color:#fff;font-size:1.35rem;font-weight:700;box-shadow:0 0 0 6px var(--crema)}
.passo:nth-child(2) .num{background:var(--teal-d)}
.passo:nth-child(3) .num{background:var(--amber);color:var(--navy-dd)}
.passi{padding-top:1.4rem}

/* Sicurezza */
.card--n{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16);box-shadow:none}
.card--n p{color:#DCE7F3;margin:0}
.card--n .ico{background:rgba(255,255,255,.1);color:var(--teal-l);box-shadow:none}

/* FAQ */
.faq{max-width:50rem;margin-inline:auto}
details{margin-bottom:.8rem;border-radius:18px;background:var(--crema);border:1px solid var(--line);transition:background-color .2s,box-shadow .2s}
details[open]{background:#fff;box-shadow:var(--sh)}
summary{position:relative;display:flex;align-items:center;min-height:60px;padding:1rem 3.4rem 1rem 1.3rem;font-weight:700;color:var(--navy);cursor:pointer;list-style:none;border-radius:18px}
summary::-webkit-details-marker{display:none}
summary::after{content:"";position:absolute;right:1.4rem;top:50%;width:.7rem;height:.7rem;margin-top:-.55rem;border:solid var(--teal-d);border-width:0 3px 3px 0;transform:rotate(45deg);transition:transform .25s}
details[open] summary::after{transform:rotate(-135deg);margin-top:-.2rem}
details p{margin:0;padding:0 1.3rem 1.3rem;max-width:64ch;line-height:1.6;color:var(--muted)}

/* Modulo */
.demo{display:grid;gap:2.5rem;align-items:start}
.demo__txt .lead{color:#C3D3E6}
.demo__txt a{color:#fff;font-weight:700}
.scrivi{margin-top:1.5rem;font-size:1rem}
.scrivi a,.esigenze a,.foot p a{display:inline-flex;align-items:center;min-height:44px}
.modulo{padding:clamp(1.4rem,3vw,2.2rem);border-radius:26px;background:#fff;color:var(--ink);box-shadow:var(--sh-l)}
.riga{display:grid;gap:1rem}
.campo{margin-bottom:1rem}
.campo label{display:block;margin-bottom:.35rem;font-weight:700;font-size:.97rem;color:var(--navy)}
.campo input,.campo select,.campo textarea{display:block;width:100%;min-height:48px;padding:.7rem .9rem;border:1.5px solid var(--campo);border-radius:12px;background:#fff;color:var(--ink);font:inherit;font-size:1rem}
.campo textarea{min-height:110px;resize:vertical}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:3px solid var(--navy);outline-offset:1px;border-color:var(--navy)}
.campo [aria-invalid=true]{border-color:var(--err);border-width:2px}
.err{display:block;min-height:0;margin-top:.3rem;font-size:.9rem;font-weight:600;color:var(--err)}
.err:not(:empty)::before{content:"\26A0\FE0E  ";content:"\26A0\FE0E  " / ""}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.req,.priv{margin:.2rem 0 1rem;font-size:.9rem;color:var(--muted)}
.priv{margin:1rem 0 0}
.modulo .btn{width:100%}
.esito:empty,.fb{display:none}
.fb:target{display:block}
.esito,.fb{margin:1rem 0 0;padding:.9rem 1.1rem;border-radius:14px;font-weight:600;outline:none}
.esito::before,.fb::before{font-weight:800;margin-right:.5rem}
.ok::before,#inviato::before{content:"\2713"}
.ko::before,#errore::before{content:"\26A0\FE0E"}
.ok,#inviato{background:#DDF6F2;color:#0B4F49}
.ko,#errore{background:#FDE7E4;color:#7A1710}
@media (min-width:560px){.riga{grid-template-columns:1fr 1fr;gap:0 1rem}}
@media (min-width:900px){.demo{grid-template-columns:.9fr 1.1fr;gap:4rem}.demo__txt{padding-top:1rem}}

/* Footer */
.foot{padding:3rem 0 2rem;background:var(--navy-dd);color:#C3D3E6;font-size:.97rem}
.foot a{color:#fff}
.foot__in{display:grid;gap:2rem}
.foot .brand{color:#fff}
.foot ul{display:grid;gap:.1rem}
.foot li a{display:inline-flex;align-items:center;min-height:44px}
@media (min-width:760px){.foot li a{min-height:34px}}
.foot h2{margin:0 0 .5rem;color:#fff;font-size:1rem;letter-spacing:0;text-transform:uppercase}
.foot__b{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;margin-top:2rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.14)}
.foot__b a{display:inline-flex;align-items:center;min-height:44px}
.foot__s{margin:.9rem 0 0;font-size:.875rem;line-height:1.5;color:rgba(255,255,255,.82);max-width:62ch}
@media (min-width:760px){.foot__in{grid-template-columns:1.4fr 1fr 1fr}}

/* Barra CTA mobile */
.barra{position:fixed;inset:auto 0 0;z-index:40;padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid var(--line);box-shadow:0 -10px 30px rgba(15,61,110,.14);transform:translateY(105%);visibility:hidden;transition:transform .3s,visibility 0s .3s}
.barra.on{transform:none;visibility:visible;transition-delay:0s}
.barra .btn{width:100%}
@media (min-width:900px){.barra{display:none}}

/* Pagine di testo */
.doc{padding-block:clamp(2.5rem,6vw,4.5rem) clamp(3rem,7vw,5rem);background:var(--crema)}
.doc .wrap{max-width:46rem}
.doc h2{margin-top:2.2rem;font-size:1.5rem}
.doc li{margin-bottom:.4rem}
.doc ul{list-style:disc;padding-left:1.4rem;margin-bottom:1rem}
.seg{padding:.1em .4em;border-radius:6px;background:var(--amber);color:var(--navy-dd);font-weight:700}
.doc--c{text-align:center;padding-block:clamp(4rem,12vw,8rem)}
.doc--c .btn{margin-top:1rem}

/* Comparsa allo scroll (solo con JS e movimento consentito) */
@media (scripting:enabled) and (prefers-reduced-motion:no-preference){
  .rev{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
  .rev.in{opacity:1;transform:none}
  .griglia>.rev:nth-child(3n+2),.passi>.rev:nth-child(2){transition-delay:.1s}
  .griglia>.rev:nth-child(3n),.passi>.rev:nth-child(3){transition-delay:.2s}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}
@media print{.top,.barra,.modulo,.menu-btn{display:none}.rev{opacity:1;transform:none}}

/* Prezzo */
.prezzo{max-width:44rem;margin:0 auto;padding:clamp(1.8rem,4vw,2.8rem);border-radius:28px;background:#fff;border:2px solid var(--amber);box-shadow:var(--sh-l);text-align:center}
.prezzo__n{margin:0;color:var(--navy);font-size:clamp(3.4rem,2rem + 7vw,5.5rem);font-weight:700;line-height:1;letter-spacing:-.035em;font-variant-numeric:tabular-nums lining-nums}
.prezzo__u{margin:.3rem 0 .2rem;font-size:1.2rem;font-weight:700;color:var(--teal-d)}
.prezzo__t{color:var(--muted);font-size:.95rem}
.prezzo__l{margin:1.6rem 0 0;font-weight:700;color:var(--navy);text-align:left}
.bul--2{text-align:left;margin:.8rem 0 1.8rem;padding-top:0;border:0;font-size:1rem}
.prezzo .btn{width:100%;max-width:22rem}
.prezzo .nota{margin-top:.8rem}
.esigenze{margin:1.5rem 0 0;text-align:center;font-weight:600}
@media (min-width:640px){.bul--2{grid-template-columns:1fr 1fr;gap:.7rem 1.5rem}}

/* Hero con il prodotto vero */
.hero__img--prod{position:relative;padding-bottom:2.75rem}
.hero__img--prod::before{display:none}
.hero__img--prod .finestra{position:relative}
.hero__img--prod .finestra img{border-radius:0;box-shadow:none}
.hero__img--prod .tel{position:absolute;right:-.5rem;bottom:0;width:min(33%,170px);border-width:6px;border-radius:26px;margin:0}
.hero__img--prod .tel img{border-radius:20px}
@media (min-width:900px){.hero__img--prod .tel{right:-1.25rem}}
.hero__prezzo{margin:1rem 0 0;font-size:1rem;color:var(--ink)}
.hero__prezzo strong{color:var(--navy);font-weight:700}

/* Fatti in breve */
.fid{background:var(--bianco);border-block:1px solid var(--line)}
.fid ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:.85rem 2rem;padding-block:1.1rem}
.fid li{display:flex;align-items:center;gap:.6rem;font-size:.95rem;font-weight:600;color:var(--navy);line-height:1.3}
.fid .i{color:var(--teal-d)}

/* Azienda: card protagonista */
.card--big{display:grid;gap:1.25rem;align-items:center}
.card--big .finestra{box-shadow:var(--sh)}
@media (min-width:860px){.griglia--az{grid-template-columns:repeat(6,1fr)}
  .griglia--az>.card{grid-column:span 2}
  .griglia--az>.card--big{grid-column:1/-1;grid-template-columns:1fr 1.15fr;gap:2.25rem;padding:1.75rem}
  .griglia--az>.card:nth-child(n+5){grid-column:span 3}}
.card--big h3{font-size:clamp(1.3rem,1.15rem + .6vw,1.6rem)}

/* Dipendenti, in una sola sezione */
.dip{display:grid;gap:2.5rem;align-items:center}
.dip__lista{display:grid;gap:1.1rem;margin-top:1.6rem}
.dip__lista li{display:grid;grid-template-columns:auto 1fr;gap:0 1rem;align-items:start}
.dip__lista .ico{grid-row:span 2;width:44px;height:44px;margin:0;border-radius:12px}
.dip__lista .ico .i{width:1.4rem;height:1.4rem}
.dip__lista h3{margin:0 0 .15rem;font-size:1.08rem}
.dip__lista p{margin:0;color:var(--muted);font-size:1rem}
.dip__tel .tel{width:min(100%,290px)}
.dip__tel{position:relative}
.dip__tel::before{content:"";position:absolute;inset:6% 6% -3% 10%;border-radius:32px;background:var(--amber);opacity:.2;transform:rotate(-3deg)}
.dip__tel .tel{position:relative}
.dip__giorni{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:.8rem;margin-top:0}
.dip__giorni li{display:flex;align-items:center;gap:.75rem;padding:.9rem 1.1rem;border-radius:14px;background:var(--crema);font-weight:600;color:var(--ink);font-size:.97rem;line-height:1.35}
.dip__giorni .i{color:var(--teal-d);width:1.4rem;height:1.4rem}
@media (min-width:860px){.dip{grid-template-columns:1.1fr .9fr;gap:4rem}}

/* Chi c'e dietro */
.fond{display:grid;gap:1.4rem;align-items:center;margin-top:2rem;padding:1.25rem;border-radius:var(--r);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16)}
.fond img{width:112px;height:140px;object-fit:cover;object-position:50% 20%;border-radius:14px}
.fond p{margin:0;color:#DCE7F3;font-size:1rem}
.fond strong{display:block;color:#fff;font-size:1.05rem}
@media (min-width:560px){.fond{grid-template-columns:auto 1fr;gap:1.4rem}}

/* Telefono: solo l'essenziale */
@media (max-width:640px){
  .schermate{display:none}
  #azienda .bul li:nth-child(n+3){display:none}
}
.card--big .bul{margin:0;padding:0;border:0;font-size:1rem}
.dip__t{margin:clamp(2rem,4vw,3rem) 0 1rem;font-size:1.15rem;text-align:left}
.fond__t{display:block;margin-bottom:.35rem;color:var(--teal-l);font-size:.8125rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
@media (min-width:860px){.card--big .bul{padding-left:1rem}}

/* Attivita e obiettivi */
.lavoro{display:grid;gap:1.5rem}
.lav{display:flex;flex-direction:column;padding:1.25rem;border-radius:var(--r);background:var(--crema);border:1px solid var(--line)}
.lav .finestra{margin-bottom:1.25rem;box-shadow:var(--sh)}
.lav h3{margin-bottom:.4rem}
.lav p{color:var(--muted)}
.lav .bul{margin-top:auto}
@media (min-width:900px){.lavoro{grid-template-columns:1fr 1fr;gap:1.75rem}}

/* Colore: sfondi tenui, illustrazioni, accenti per categoria */
:root{--sky:#EAF4FB;--menta:#E6F6F2;--sole:#FFF1D2;--corallo-t:#FDE6E1;--corallo:#D9523F}
.c-sky{--bg:var(--sky)}.c-menta{--bg:var(--menta)}.p-sky{--prev:var(--sky)}
.ill{display:block;width:100%;height:auto;object-fit:contain}
.sez__head>.ill{width:clamp(150px,20vw,200px);margin:0 auto .5rem}
.ill--l{width:clamp(140px,16vw,170px);margin:0 0 .75rem}
.demo__txt>.ill--l{width:clamp(130px,14vw,160px)}
.hero__img--prod .hero__boat{position:absolute;top:-6.25rem;right:1.5rem;width:clamp(110px,12vw,150px);z-index:1;pointer-events:none}
@media (max-width:899.98px){.hero__img--prod .hero__boat{top:-5rem;right:.5rem;width:100px}}
.passo__ill{width:min(150px,55%);margin:0 auto .75rem}
.prezzo{position:relative}
.prezzo__ill{position:absolute;top:-4.25rem;right:-.75rem;width:clamp(88px,10vw,118px);pointer-events:none}
@media (max-width:639.98px){.prezzo__ill{top:-3.4rem;right:.25rem;width:84px}}
.griglia--az>.card{border-top:4px solid var(--c,var(--teal))}
.griglia--az>.card:nth-child(4n+1){--c:var(--teal)}
.griglia--az>.card:nth-child(4n+2){--c:var(--amber)}
.griglia--az>.card:nth-child(4n+3){--c:var(--corallo)}
.griglia--az>.card:nth-child(4n){--c:var(--navy)}
.griglia--az>.card:nth-child(4n+1) .ico{background:var(--menta);color:var(--teal-d)}
.griglia--az>.card:nth-child(4n+2) .ico{background:var(--sole);color:var(--amber-d)}
.griglia--az>.card:nth-child(4n+3) .ico{background:var(--corallo-t);color:#B4372A}
.griglia--az>.card:nth-child(4n) .ico{background:var(--sky);color:var(--navy)}
.dip__lista li:nth-child(4n+1) .ico{background:var(--menta);color:var(--teal-d)}
.dip__lista li:nth-child(4n+2) .ico{background:var(--sole);color:var(--amber-d)}
.dip__lista li:nth-child(4n+3) .ico{background:var(--corallo-t);color:#B4372A}
.dip__lista li:nth-child(4n) .ico{background:var(--sky);color:var(--navy)}
.fid li:nth-child(1) .i{color:var(--amber-d)}.fid li:nth-child(2) .i{color:var(--teal-d)}.fid li:nth-child(3) .i{color:var(--navy)}.fid li:nth-child(4) .i{color:#B4372A}
.c-sky .lav{background:#fff}
.c-menta .passo{box-shadow:0 1px 2px rgba(15,61,110,.05),0 6px 18px rgba(15,118,110,.12)}
.c-menta .num{box-shadow:0 0 0 6px var(--menta)}
.dip__giorni li:nth-child(4n+1){background:var(--menta)}.dip__giorni li:nth-child(4n+2){background:var(--sole)}
.dip__giorni li:nth-child(4n+3){background:var(--corallo-t)}.dip__giorni li:nth-child(4n){background:var(--sky)}
.c-sky details{background:#fff}.c-sky details[open]{background:#fff}

/* Chi c'e dietro: team e scena di Brindisi */
.fond{display:block;padding:0;overflow:hidden}
.fond img{width:100%;height:auto;aspect-ratio:3/2;border-radius:0;object-fit:cover}
.fond>div{padding:1.1rem 1.25rem 1.25rem}
.hero__img .ill,.hero__img--prod .ill{background:none;box-shadow:none;border-radius:0}
.hero__img--prod .hero__boat{top:-8.6rem;right:2.2rem}
@media (max-width:899.98px){.hero__img--prod .hero__boat{top:-6.8rem;right:.75rem}}