:root{
  /* Palette allineata al logo ufficiale (colori campionati da LOGO/logo.svg e logo blue british.png) */
  --pink:#FF0091;
  --pink-dark:#D6007A;
  --blue:#0048A3;
  --blue-deep:#00397E;
  --blue-light:#1E6FD9;
  --cream:#F8F4E9;
  --ink:#1B2A44;
  --grey:#6b7280;
  --radius-xl:48px;
  --radius-lg:28px;
  --radius-md:16px;
  --maxw:1180px;
  font-size:16px;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Montserrat',system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
h1,h2,h3,h4,.headline{font-family:'Montserrat',system-ui,sans-serif;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
img,svg{display:block;max-width:100%;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px;}

/* Header */
header.site{position:absolute;top:0;left:0;right:0;z-index:50;background:transparent;}
.nav-row{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;max-width:var(--maxw);margin:0 auto;flex-wrap:nowrap;gap:16px;}
.logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:16.5px;letter-spacing:.01em;white-space:nowrap;flex-shrink:0;}
.logo .logo-svg{height:46px;width:auto;}
.logo .mark{width:34px;height:34px;flex-shrink:0;}
.logo .fvg{color:var(--pink);}
nav.main-nav{flex-shrink:1;min-width:0;margin-left:auto;}
/* Misurato: le tre voci con la freccetta sono alte 33px invece di 28, perche'
   la freccetta e' un elemento in piu' dentro il link. Allineate al CENTRO
   finivano 1,6px piu' in alto delle altre — poco, ma il menu si legge come una
   riga sola e un pixel e mezzo di scarto si nota.
   `baseline` le appoggia tutte sulla stessa linea, che e' come si allinea il
   testo: non si mette in fila il riquadro, si mette in fila la scrittura. */
nav.main-nav ul{display:flex;gap:18px;align-items:baseline;flex-wrap:nowrap;white-space:nowrap;}
nav.main-nav a{font-weight:700;font-size:13px;color:#fff;position:relative;padding:6px 0;}
nav.main-nav a:hover,nav.main-nav a.active{color:var(--pink);}
nav.main-nav .area-riservata{display:flex;align-items:center;gap:4px;color:#fff;}
nav.main-nav li{position:relative;}
nav.main-nav .has-sub>a{display:inline-flex;align-items:center;gap:6px;cursor:pointer;user-select:none;}
nav.main-nav .has-sub>a::after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-3px;opacity:.85;}
/* La tendina: era un rettangolo bianco con le voci che occupavano tutta la
   larghezza. Adesso ha il bordo sfumato magenta→blu delle card e le voci sono
   pastiglie staccate dal bordo — cosi' il fondo del passaggio del mouse non
   puo' piu' uscire dagli angoli tondi, perche' e' proprio piu' piccolo della
   piastra. E' la stessa correzione di prima, ma per costruzione invece che con
   un ritaglio. */
nav.main-nav .submenu{display:block;position:absolute;top:100%;right:0;min-width:236px;
  border-radius:22px;padding:10px;
  border:3px solid transparent;
  background:linear-gradient(#fff,#fff) padding-box,
    linear-gradient(140deg,var(--pink) 0%,var(--pink-dark) 46%,var(--blue) 100%) border-box;
  box-shadow:0 20px 44px rgba(214,0,122,.20);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .16s ease,transform .16s ease,visibility .16s;z-index:60;}
nav.main-nav .has-sub:hover>.submenu{opacity:1;visibility:visible;transform:translateY(0);}
nav.main-nav .submenu li{border:0;}
nav.main-nav .submenu a{position:relative;display:block;padding:11px 16px 11px 28px;
  border-radius:13px;color:var(--ink);font-size:13.5px;font-weight:600;white-space:nowrap;
  transition:background .15s ease,color .15s ease;}
/* il segno magenta che spunta a sinistra: c'e' sempre ma e' invisibile, e
   scorre dentro al passaggio del mouse. Se comparisse dal nulla sposterebbe
   il testo. */
nav.main-nav .submenu a::before{content:"";position:absolute;left:13px;top:50%;
  width:6px;height:6px;margin-top:-3px;border-radius:50%;background:currentColor;
  opacity:0;transform:translateX(-5px);transition:opacity .15s ease,transform .15s ease;}
nav.main-nav .submenu a:hover{color:#fff;
  background:linear-gradient(135deg,var(--pink),var(--pink-dark));}
nav.main-nav .submenu a:hover::before{opacity:1;transform:translateX(0);}
.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.header-actions .btn{padding:10px 16px;font-size:13px;white-space:nowrap;}
.btn{display:inline-block;padding:11px 22px;border-radius:30px;font-weight:600;font-size:14px;transition:transform .15s ease;}
.btn:hover{transform:translateY(-2px);}
.btn-pink{background:var(--pink);color:#fff;}
.btn-pink:hover{background:var(--pink-dark);}
.btn-outline{border:1.5px solid var(--blue);color:var(--blue);}
.btn-outline-white{border:1.5px solid #fff;color:#fff;}
.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:0;}
.burger span{width:24px;height:2.5px;background:#fff;border-radius:2px;}

/* Hero grande (homepage) */
.hero{position:relative;overflow:hidden;background:linear-gradient(160deg,#00397E 0%, #0048A3 55%, #1E6FD9 100%);border-radius:0 0 100px 100px;padding:120px 32px 96px;color:#fff;}
.hero-inner{max-width:var(--maxw);margin:0 auto;position:relative;z-index:2;}
.hero h1{font-size:clamp(34px,5vw,54px);font-weight:800;line-height:1.12;max-width:640px;}
.hero .accent{color:var(--pink);}
.hero p.lead{margin-top:20px;max-width:520px;font-size:17px;color:#dbe3f7;}
.hero-ctas{display:flex;gap:16px;margin-top:32px;flex-wrap:wrap;}
.hero-swoosh{position:absolute;right:-40px;top:30px;width:420px;opacity:.9;z-index:1;}

/* Hero pagina interna (piu piccolo) */
.page-hero{position:relative;overflow:hidden;background:linear-gradient(160deg,#00397E 0%, #0048A3 55%, #1E6FD9 100%);border-radius:0 0 80px 80px;padding:104px 32px 56px;color:#fff;}
.page-hero-inner{max-width:var(--maxw);margin:0 auto;position:relative;z-index:2;}
.breadcrumb{font-size:12.5px;color:#b9c6ee;margin-bottom:14px;}
.breadcrumb a{color:#b9c6ee;font-weight:600;}
.breadcrumb a:hover{color:#fff;}
.page-hero h1{font-size:clamp(28px,4vw,40px);font-weight:800;max-width:720px;}
.page-hero p.lead{margin-top:14px;max-width:640px;font-size:15.5px;color:#dbe3f7;}

/* Contenuto */
.content-section{padding:56px 32px;}
.content-section.tight{padding:32px 32px;}
.content-section.grey{background:#f8f9fd;}
.content-narrow{max-width:820px;margin:0 auto;}
.content-section h2{font-size:29px;color:var(--blue);font-weight:800;margin-bottom:18px;line-height:1.25;}
.content-section h3{font-size:20px;color:var(--blue);font-weight:700;margin:26px 0 10px;position:relative;padding-left:15px;}
.content-section h3::before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:4px;border-radius:3px;background:var(--pink);}
.card h3::before{background:var(--blue-deep);}
.content-section p{margin-bottom:14px;color:#374151;font-size:15px;}
.content-section p:last-child{margin-bottom:0;}
.content-section ul.bullets{margin:14px 0;}
.content-section ul.bullets li{position:relative;padding-left:30px;margin-bottom:10px;color:#374151;font-size:15px;}
.content-section ul.bullets li::before{content:"";position:absolute;left:0;top:3px;width:19px;height:19px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23FF0091'/%3E%3Cpath d='M5.5 10.5l3 3 6-6.5' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain;}
.lead-intro{font-size:17px;color:var(--blue);font-weight:600;margin-bottom:18px;}

/* Card griglia (servizi / landing) */
.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:32px;}
.card-grid.cols-3{grid-template-columns:repeat(3,1fr);}
/* Il bordo era `--pink-dark` e il fondo `--pink`: due rosa diversi che si
   toccano, con 1,37 di contrasto fra loro — un gradino visibile tutto
   intorno alla card. Adesso sono lo stesso colore, e il bordo si sente solo
   come cornice attorno alla fotografia, che e' quello che deve fare. */
.card{border:5px solid var(--pink);border-radius:var(--radius-xl);overflow:hidden;background:var(--pink);transition:transform .15s ease, box-shadow .15s ease;}
.card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(255,0,145,.30);}
/* La cornice dell'immagine di una card — foto o segnaposto, la stessa.
   Rapporto 3:2, che e' il formato di casa: delle foto presenti, sei su otto
   sono 3:2, quindi dentro questa cornice non si tagliano affatto. Prima la
   finestra era 260×100 (2,6:1) e mangiava il 42% dell'altezza, il 61% su
   quella quadrata — misurato.
   Il rapporto invece dell'altezza fissa: cosi' l'immagine cresce con la card
   e non serve rifare i conti a ogni larghezza di schermo.
   object-position al 40%: se un giorno arriva una foto piu' alta di 3:2, il
   taglio parte dal basso e le teste restano dentro. */
.card img,.card .ph{display:block;width:100%;height:auto;aspect-ratio:3/2;
  object-fit:cover;object-position:50% 40%;}
.card .ph{background:linear-gradient(135deg,var(--blue),var(--blue-deep));
  display:flex;align-items:center;justify-content:center;
  color:#ffffff;font-size:12px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;opacity:.92;}
.card .body{padding:26px 24px 28px;}
.card h3{font-size:17px;color:#fff;font-weight:700;margin:0 0 11px;line-height:1.32;}
/* Misurato: fra il testo e il tasto c'erano ZERO pixel — `margin-top:auto`
   spinge il tasto in fondo ma non garantisce nessuno stacco quando il testo
   arriva fin li'. Il margine sotto al paragrafo e' il minimo garantito. */
.card p{font-size:14px;color:#fff;margin:0 0 22px;line-height:1.55;}
/* «Scopri di piu'» era un link sottolineato: piccolo, e su una card magenta
   una sottolineatura bianca sembra un difetto di stampa piu' che un invito.
   Adesso e' un tasto bianco pieno, sempre visibile, appoggiato in fondo alla
   card. Il testo e' magenta scuro perche' bianco su bianco non si legge e il
   magenta chiaro su bianco fa 3,71 — sotto soglia; `--pink-dark` fa 5,07.
   `margin-top:auto` lo spinge in fondo: se una card ha meno testo delle altre
   il tasto resta comunque allineato con quello delle vicine. */
.card .body{display:flex;flex-direction:column;}
.card .go{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;
  margin-top:auto;padding:11px 20px;border-radius:999px;
  background:#fff;color:var(--pink-dark);font-size:13.5px;font-weight:800;
  border:0;letter-spacing:.01em;
  box-shadow:0 6px 16px rgba(120,0,66,.18);
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease;}
.card .go::after{content:"→";font-size:15px;line-height:1;transition:transform .15s ease;}
.card:hover .go{background:var(--cream);box-shadow:0 10px 22px rgba(120,0,66,.26);}
.card:hover .go::after{transform:translateX(3px);}
/* la card diventa una colonna: immagine, corpo che cresce, tasto in fondo */
.card{display:flex;flex-direction:column;}
.card .body{flex:1;}

/* Feature list (garanzie / punti chiave) */
.feature-list{display:flex;flex-direction:column;gap:18px;margin-top:20px;}
.feature-item{display:flex;gap:14px;align-items:flex-start;}
.feature-item .dot{width:11px;height:11px;border-radius:4px;background:var(--pink);margin-top:5px;flex-shrink:0;}
.feature-item h4{font-size:15px;color:var(--blue);font-weight:700;}
.feature-item p{font-size:13.5px;color:var(--grey);margin-top:3px;}

/* Box informativi (indirizzi / codici centro) */
.info-box{background:#f8f9fd;border:1px solid #e9edf7;border-radius:var(--radius-xl);padding:22px 24px;margin:22px 0;}
.info-box h4{color:var(--blue);font-size:14px;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:9px;}
.info-box h4::before{content:"";width:20px;height:20px;flex-shrink:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23FF0091'/%3E%3Ccircle cx='10' cy='6' r='1.25' fill='white'/%3E%3Crect x='9' y='8.5' width='2' height='6' rx='1' fill='white'/%3E%3C/svg%3E") no-repeat center/contain;}
.info-box p{font-size:13.5px;color:#374151;margin:0;}
.pill-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;}
.pill{border:1.5px solid #d9def0;border-radius:30px;padding:8px 18px;font-size:13px;font-weight:600;color:var(--blue);}

/* CTA banner riutilizzabile */
/* Era un rettangolo magenta appena sotto quattro card magenta: due blocchi
   dello stesso colore attaccati, e il secondo non si stacca dal primo. Qui va
   il blu profondo del marchio, che e' l'altro colore di casa e fa respirare. */
.cta-banner{background:var(--blue-deep);color:#fff;border-radius:var(--radius-xl);max-width:calc(var(--maxw) + 64px);margin:16px auto 72px;padding:48px 40px;text-align:center;position:relative;overflow:hidden;}
.cta-banner::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 86% 8%, rgba(255,0,145,.30), transparent 48%);}
.cta-banner-inner{position:relative;z-index:2;max-width:640px;margin:0 auto;}
.cta-banner h2{font-size:28px;font-weight:800;color:#fff;line-height:1.25;}
.cta-banner p{margin-top:10px;color:rgba(255,255,255,.9);font-size:14.5px;}
.cta-banner .btn{margin-top:22px;}
.cta-banner .btn-pink{background:var(--pink);color:#fff;}
.cta-banner .btn-pink:hover{background:var(--pink-dark);color:#fff;}

/* Sedi / partners */
.partners{margin-top:28px;display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap;}
.partners .logo-ph{background:#fff;color:var(--blue);border-radius:14px;padding:14px 20px;font-weight:800;font-size:12px;letter-spacing:.03em;min-width:100px;text-align:center;border:1px solid #eee;}
/* Pastiglie con logo reale: fondo bianco richiesto dalle linee guida Cambridge/IELTS.
   Tutti i loghi sono ritagliati al riquadro effettivo del marchio, quindi una sola
   altezza li rende otticamente allineati senza deformarli (width:auto = scala proporzionale). */
/* Fascia loghi a due livelli:
   riga 1 = accreditamenti della scuola (AISLi, Eaquals), piu grandi
   riga 2 = marchi di centro esami autorizzato, piu piccoli e subordinati */
.partners:has(img){flex-wrap:nowrap;gap:10px;}
.partners .logo-ph:has(img){display:flex;align-items:center;justify-content:center;padding:8px 12px;min-width:auto;border-radius:10px;flex-shrink:0;}
.partners-primary{margin-top:30px;}
.partners-primary .logo-ph img{height:48px;width:auto;display:block;}
.partners-certs{margin-top:12px;}
.partners-certs .logo-ph:has(img){padding:7px 11px;border-radius:9px;}
.partners-certs .logo-ph img{height:29px;width:auto;display:block;}
@media(max-width:900px){
  .partners:has(img){flex-wrap:wrap;gap:8px;}
  .partners-primary .logo-ph img{height:38px;}
  .partners-certs .logo-ph img{height:24px;}
}

/* Tabella semplice */
table.simple{width:100%;border-collapse:collapse;margin:16px 0;font-size:13.5px;}
table.simple th,table.simple td{text-align:left;padding:10px 12px;border-bottom:1px solid #eee;}
table.simple th{color:var(--blue);font-weight:700;background:#f8f9fd;}

/* Form (contatti) */
/* I due moduli erano riquadri quasi bianchi su fondo bianco: non si vedeva
   dove cominciavano. Adesso hanno il fondo crema del marchio e lo stesso bordo
   sfumato delle card dei corsi — cosi' si staccano dalla pagina e parlano la
   lingua del resto del sito, senza aggiungere altro blu.
   Il crema serve anche a un'altra cosa: i campi da compilare sono bianchi, e
   su crema si vedono per quello che sono — caselle in cui scrivere — mentre su
   un fondo quasi bianco sparivano dentro la card. */
.form-card{border-radius:var(--radius-xl);padding:30px;margin-top:20px;
  border:4px solid transparent;
  background:linear-gradient(var(--cream),var(--cream)) padding-box,
    linear-gradient(140deg,var(--pink) 0%,var(--pink-dark) 46%,var(--blue) 100%) border-box;}
.form-card .form-row input,.form-card .form-row textarea,.form-card .form-row select{
  border-color:#e6ddc7;}
.form-card .form-row input:focus,.form-card .form-row textarea:focus,.form-card .form-row select:focus{
  outline:none;border-color:var(--pink);box-shadow:0 0 0 4px rgba(255,0,145,.14);}
.form-row{margin-bottom:14px;}
.form-row label{display:block;font-size:13px;font-weight:600;color:var(--blue);margin-bottom:6px;}
.form-row input,.form-row textarea,.form-row select{width:100%;padding:11px 14px;border-radius:10px;border:1.5px solid #dfe3f0;font-family:inherit;font-size:14px;background:#fff;}
.form-row textarea{min-height:110px;resize:vertical;}
.form-check{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:var(--grey);margin-bottom:16px;line-height:1.45;}
/* La spunta era alta 13px: sul telefono il minimo per un dito e' 44. Il
   quadratino cresce a 20 e l'etichetta intera diventa toccabile, cosi' l'area
   utile e' tutta la riga e non un francobollo. */
.form-check{cursor:pointer;padding:6px 0;}
.form-check input{width:20px;height:20px;margin-top:1px;flex-shrink:0;accent-color:var(--pink);cursor:pointer;}
.form-check a{color:var(--pink);font-weight:700;text-decoration:underline;}

/* Footer */
/* Il piede passa al magenta: sopra c'e' il richiamo blu, quindi la pagina
   chiude sull'altro colore di casa invece di ripetere lo stesso.
   Magenta SCURO, non quello chiaro: misurato, il testo piccolo del piede su
   `--pink` arriva a 3,25 di contrasto — sotto la soglia. Su `--pink-dark` con
   il bianco si arriva a 5,07.
   E la gerarchia non la fa piu' l'opacita' ma la misura e il peso: su un fondo
   cosi' saturo un grigio schiarito perde subito leggibilita', mentre un bianco
   piu' piccolo resta nitido. */
footer.site{background:var(--pink-dark);color:#fff;position:relative;overflow:hidden;margin-top:40px;border-radius:80px 80px 0 0;padding:56px 32px 24px;}
.footer-inner{max-width:var(--maxw);margin:0 auto;}
.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;}
.footer-brand .logo{color:#fff;margin-bottom:12px;}
.footer-brand p{font-size:13.5px;color:#fff;font-weight:500;max-width:260px;}
.footer-brand .footer-legal{font-size:12px;color:#fff;font-weight:400;margin-top:10px;line-height:1.5;}
.footer-social{display:flex;gap:10px;margin-top:16px;}
.footer-social a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:38% 38% 38% 12%;background:rgba(255,255,255,.18);color:#fff;transition:background .16s ease,color .16s ease,transform .16s ease;}
.footer-social a:hover{background:var(--blue-deep);color:#fff;transform:translateY(-2px);}
.footer-social svg{width:19px;height:19px;}
.footer-col h5{color:#fff;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.13em;opacity:1;margin-bottom:14px;letter-spacing:.02em;}
.footer-col ul li{margin-bottom:9px;}
.footer-col a{font-size:13.5px;color:#fff;font-weight:500;}
.footer-col a:hover{color:var(--cream);}
.social-row{display:flex;gap:10px;margin-top:16px;}
.social-row a{width:34px;height:34px;border-radius:50%;border:1px solid #33437a;display:flex;align-items:center;justify-content:center;font-size:13px;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.26);margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12.5px;color:#fff;}

@media (max-width:960px){
  nav.main-nav, .header-actions .btn-outline{display:none;}
  .burger{display:flex;}
  nav.main-nav.open{display:block;position:absolute;top:100%;left:0;right:0;background:#fff;padding:8px 32px 18px;box-shadow:0 14px 28px rgba(8,18,45,.18);}
  nav.main-nav.open ul{flex-direction:column;align-items:stretch;gap:0;white-space:normal;}
  nav.main-nav.open li{border-top:1px solid #eee;}
  nav.main-nav.open a{display:block;width:100%;font-size:16px;padding:13px 0;color:var(--ink);}
  nav.main-nav.open .area-riservata{padding:13px 0;color:var(--blue);}
  nav.main-nav.open .has-sub>a::after{display:none;}
  nav.main-nav.open .submenu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border-radius:0;padding:0;min-width:0;background:#f6f7fb;}
  nav.main-nav.open .submenu li{border-top:1px solid #eee;}
  /* Il rientro qui era 18px mentre il pallino sta a 13 ed e' largo 6: cadeva
     sopra la prima lettera. Sul telefono la voce parte da 36, e il pallino ha
     lo spazio suo. La pastiglia magenta perde gli angoli tondi del desktop
     perche' qui e' larga tutto lo schermo. */
  nav.main-nav.open .submenu a{padding:13px 14px 13px 36px;font-size:14.5px;font-weight:600;color:#3a4a6b;border-radius:0;}
  nav.main-nav.open .submenu a::before{left:16px;}
  .card-grid,.card-grid.cols-3{grid-template-columns:repeat(2,1fr);}
  .footer-top{grid-template-columns:1fr 1fr;}
}
@media (max-width:600px){
  .card-grid,.card-grid.cols-3{grid-template-columns:1fr;}
  .footer-top{grid-template-columns:1fr;}
  .hero{border-radius:0 0 60px 60px;padding:100px 20px 72px;}
  .page-hero{border-radius:0 0 48px 48px;padding:92px 20px 40px;}
  footer.site{border-radius:44px 44px 0 0;}
}

/* Sottotitoli su una riga da >=760px, a capo su mobile */
.nowrap-lg{white-space:nowrap;}
@media(max-width:760px){.nowrap-lg{white-space:normal;}}
.partners-1line{flex-wrap:nowrap;}
@media(max-width:760px){.partners-1line{flex-wrap:wrap;}}
.footer-bottom a{color:inherit;}
.footer-bottom a:hover{color:#fff;text-decoration:underline;}

/* ---- Abbellimenti pagine ---- */
.card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(255,0,145,.34);}

.page-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 15%,rgba(255,0,145,.22),transparent 42%);z-index:1;pointer-events:none;}
.media-ph{position:relative;border-radius:var(--radius-xl);overflow:hidden;background:linear-gradient(135deg,#0048A3,#1E6FD9);min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#cfe0ff;border:1px solid rgba(255,255,255,.08);}
.media-ph::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 18%,rgba(255,0,145,.30),transparent 45%);pointer-events:none;}
.media-ph .m-ico{position:relative;z-index:1;width:62px;height:62px;border-radius:18px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;}
.media-ph .m-label{position:relative;z-index:1;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;}
.media-ph.small{min-height:220px;}
.media-band{margin-top:28px;}
@media(max-width:600px){.media-ph{min-height:220px;}}

/* ---- Componenti contenuto sottopagine ---- */
.steps{display:flex;gap:14px;flex-wrap:wrap;margin:22px 0;}

.step .n{width:30px;height:30px;border-radius:50%;background:var(--pink);color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;}
.step h4{color:var(--blue);font-size:15px;font-weight:700;margin:0 0 4px;}
.step p{color:var(--grey);font-size:13px;margin:0;}
.stat-row{display:flex;gap:18px;flex-wrap:wrap;margin:24px 0;}
.stat{flex:1;min-width:150px;background:linear-gradient(150deg,#00397E,#1E6FD9);color:#fff;border-radius:var(--radius-xl);padding:22px;text-align:center;}
.stat .num{font-family:'Montserrat',system-ui,sans-serif;font-size:34px;font-weight:800;line-height:1;}
.stat .lbl{font-size:12.5px;color:#cfe0ff;margin-top:8px;}
.mini-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin:22px 0;}
/* Le carte delle pagine corso avevano un filo grigio da un pixel: sparivano sul
   bianco e non dicevano niente. Il bordo diventa spesso tre pixel e sfumato dal
   magenta al blu — i due colori di casa nello stesso segno. Si fa con due fondi:
   il bianco che si ferma dentro il bordo, la sfumatura che vive nel bordo.
   Serve `border:3px solid transparent`, se no il bordo non c'e' e la sfumatura
   non ha dove stare. */
.mini-card,.step{padding:22px;border-radius:var(--radius-xl);
  border:3px solid transparent;
  background:linear-gradient(#fff,#fff) padding-box,
    linear-gradient(135deg,var(--pink) 0%,var(--pink-dark) 46%,var(--blue) 100%) border-box;
  transition:transform .15s ease,box-shadow .15s ease;}
.mini-card:hover,.step:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(214,0,122,.16);}
.step{flex:1;min-width:150px;}


/* Stessa forma delle altre pastiglie: quadrato molto arrotondato con un
   angolo piu' stretto. Cosi' i tre contenitori di icone del sito — garanzie,
   pastiglie e schede — parlano la stessa lingua invece di essere tre cose. */
.mini-card .mc-ico{width:48px;height:48px;border-radius:38% 38% 38% 12%;
  background:linear-gradient(138deg,var(--pink),var(--pink-dark));color:#fff;
  display:flex;align-items:center;justify-content:center;margin-bottom:14px;
  box-shadow:0 8px 18px rgba(255,0,145,.26);}
.mini-card .mc-ico svg{width:22px;height:22px;}
.mini-card h4{color:var(--blue);font-size:15px;font-weight:700;margin:0 0 6px;}
.mini-card p{color:var(--grey);font-size:13px;margin:0;}
.icon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:22px 0;}
.icon-tile{display:flex;align-items:center;gap:12px;background:#f8f9fd;border:1px solid #e9edf7;border-radius:12px;padding:13px 15px;font-size:13.5px;font-weight:600;color:var(--blue);}
.icon-tile .it-ico{border-radius:38% 38% 38% 12% !important;color:#fff;background:linear-gradient(138deg,var(--pink),var(--pink-dark));width:32px;height:32px;flex-shrink:0;border-radius:9px;background:#fbeaf1;display:flex;align-items:center;justify-content:center;color:var(--pink);}
.media-ph .m-cap{position:relative;z-index:1;font-size:13px;color:#e7eefc;max-width:70%;text-align:center;margin-top:-4px;}

/* Decorazioni di sezione — nastri e asterischi delle campagne.
   L'asterisco e' UN SOLO tracciato di 24 vertici, non quattro barre
   sovrapposte: con l'alfa, quattro barre si sommano dove si incrociano e
   il centro viene scuro. Un tracciato solo ha la stessa trasparenza da una
   punta all'altra. Proporzioni misurate sul manifesto delle campagne:
   otto punte, tagli netti, braccio spesso il 13,3% del diametro.
   Sei per pagina al massimo, ognuno nella sua casella — fascia d'altezza
   piu' lato — cosi' non si accavallano mai. Arrivano fino in fondo perche'
   stanno anche sulle sezioni basse, non solo sulla prima.
   Chi cade nella colonna del testo sta al 10% invece che al 30%: misurato,
   il grigio del testo sopra il 30% da 2,8:1, sopra il 10% da 4,1:1. */
.content-section,.guarantees,.testimonials{position:relative;overflow:hidden;background-repeat:no-repeat;}
.content-section::before,.content-section::after{content:"";position:absolute;z-index:-1;pointer-events:none;background-repeat:no-repeat;background-size:contain;width:var(--nw);height:calc(var(--nw)*.321);opacity:.5;-webkit-mask-image:linear-gradient(var(--nf),#000 30%,rgba(0,0,0,0) 94%);mask-image:linear-gradient(var(--nf),#000 30%,rgba(0,0,0,0) 94%);}
body[data-deco="1"] .content-section::before{left:auto;right:calc(50% + var(--maxw)/2 - 46px);bottom:auto;top:2%;--nw:780px;--nf:270deg;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%274.5%2028.5%20201%2064.5%27%3E%3Cpath%20d=%27M8,70%20C10,25%2060,20%2066,55%20C70,80%2040,82%2044,58%20C48,38%2092,32%20118,58%20C140,80%2096,108%20104,72%20C112,42%20165,48%20202,82%27%20fill=%27none%27%20stroke=%27%230048A3%27%20stroke-width=%277%27%20stroke-linecap=%27round%27/%3E%3C/svg%3E");}
body[data-deco="1"] .content-section::after{right:auto;left:calc(50% + var(--maxw)/2 - 46px);top:auto;bottom:3%;--nw:700px;--nf:90deg;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%274.5%2028.5%20201%2064.5%27%3E%3Cpath%20d=%27M8,70%20C10,25%2060,20%2066,55%20C70,80%2040,82%2044,58%20C48,38%2092,32%20118,58%20C140,80%2096,108%20104,72%20C112,42%20165,48%20202,82%27%20fill=%27none%27%20stroke=%27%23FF0091%27%20stroke-width=%277%27%20stroke-linecap=%27round%27/%3E%3C/svg%3E");}
body[data-deco="1"] .content-section{background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20100%20100%27%3E%3Cpath%20d=%27M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z%27%20fill=%27%23FF0091%27%20fill-opacity=%270.3%27/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20100%20100%27%3E%3Cpath%20d=%27M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z%27%20fill=%27%23FF0091%27%20fill-opacity=%270.3%27/%3E%3C/svg%3E");background-position:103.2% 19.6%,-1.9% 74.2%;background-size:142px 142px,113px 113px;}
body[data-deco="1"] .content-section~.content-section{background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20100%20100%27%3E%3Cpath%20d=%27M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z%27%20fill=%27%230048A3%27%20fill-opacity=%270.3%27/%3E%3C/svg%3E");background-position:-1.7% 38.6%;background-size:170px 170px;}
body[data-deco="1"] .guarantees{background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20100%20100%27%3E%3Cpath%20d=%27M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z%27%20fill=%27%230048A3%27%20fill-opacity=%270.3%27/%3E%3C/svg%3E");background-position:105% 39.7%;background-size:141px 141px;}
body[data-deco="1"] .testimonials{background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20100%20100%27%3E%3Cpath%20d=%27M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z%27%20fill=%27%23FF0091%27%20fill-opacity=%270.3%27/%3E%3C/svg%3E");background-position:3.4% 43.7%;background-size:139px 139px;}
body[data-deco="2"] .content-section::before{right:auto;left:calc(50% + var(--maxw)/2 - 46px);bottom:auto;top:5%;--nw:860px;--nf:250deg;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%274.5%2028.5%20201%2064.5%27%3E%3Cpath%20d=%27M8,70%20C10,25%2060,20%2066,55%20C70,80%2040,82%2044,58%20C48,38%2092,32%20118,58%20C140,80%2096,108%20104,72%20C112,42%20165,48%20202,82%27%20fill=%27none%27%20stroke=%27%23FF0091%27%20stroke-width=%277%27%20stroke-linecap=%27round%27/%3E%3C/svg%3E");}
body[data-deco="2"] .content-section::after{left:auto;right:calc(50% + var(--maxw)/2 - 46px);top:auto;bottom:1%;--nw:720px;--nf:110deg;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%274.5%2028.5%20201%2064.5%27%3E%3Cpath%20d=%27M8,70%20C10,25%2060,20%2066,55%20C70,80%2040,82%2044,58%20C48,38%2092,32%20118,58%20C140,80%2096,108%20104,72%20C112,42%20165,48%20202,82%27%20fill=%27none%27%20stroke=%27%230048A3%27%20stroke-width=%277%27%20stroke-linecap=%27round%27/%3E%3C/svg%3E");}
body[data-deco="2"] .content-section{background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20100%20100%27%3E%3Cpath%20d=%27M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z%27%20fill=%27%230048A3%27%20fill-opacity=%270.3%27/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20100%20100%27%3E%3Cpath%20d=%27M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z%27%20fill=%27%23FF0091%27%20fill-opacity=%270.3%27/%3E%3C/svg%3E");background-position:-5.6% 11.1%,101.5% 78%;background-size:169px 169px,105px 105px;}
body[data-deco="2"] .content-section~.content-section{background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20100%20100%27%3E%3Cpath%20d=%27M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z%27%20fill=%27%23FF0091%27%20fill-opacity=%270.3%27/%3E%3C/svg%3E");background-position:106.2% 22.7%;background-size:161px 161px;}
body[data-deco="2"] .guarantees{background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20100%20100%27%3E%3Cpath%20d=%27M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z%27%20fill=%27%230048A3%27%20fill-opacity=%270.3%27/%3E%3C/svg%3E");background-position:1.6% 18.1%;background-size:144px 144px;}
body[data-deco="2"] .testimonials{background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20100%20100%27%3E%3Cpath%20d=%27M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z%27%20fill=%27%230048A3%27%20fill-opacity=%270.3%27/%3E%3C/svg%3E");background-position:104.7% 31.2%;background-size:115px 115px;}
body[data-deco="3"] .content-section::before{left:auto;right:calc(50% + var(--maxw)/2 - 46px);bottom:auto;top:1%;--nw:820px;--nf:285deg;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%274.5%2028.5%20201%2064.5%27%3E%3Cpath%20d=%27M8,70%20C10,25%2060,20%2066,55%20C70,80%2040,82%2044,58%20C48,38%2092,32%20118,58%20C140,80%2096,108%20104,72%20C112,42%20165,48%20202,82%27%20fill=%27none%27%20stroke=%27%230048A3%27%20stroke-width=%277%27%20stroke-linecap=%27round%27/%3E%3C/svg%3E");}
body[data-deco="3"] .content-section::after{right:auto;left:calc(50% + var(--maxw)/2 - 46px);top:auto;bottom:6%;--nw:760px;--nf:75deg;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%274.5%2028.5%20201%2064.5%27%3E%3Cpath%20d=%27M8,70%20C10,25%2060,20%2066,55%20C70,80%2040,82%2044,58%20C48,38%2092,32%20118,58%20C140,80%2096,108%20104,72%20C112,42%20165,48%20202,82%27%20fill=%27none%27%20stroke=%27%23FF0091%27%20stroke-width=%277%27%20stroke-linecap=%27round%27/%3E%3C/svg%3E");}
body[data-deco="3"] .content-section{background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20100%20100%27%3E%3Cpath%20d=%27M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z%27%20fill=%27%230048A3%27%20fill-opacity=%270.3%27/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20100%20100%27%3E%3Cpath%20d=%27M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z%27%20fill=%27%230048A3%27%20fill-opacity=%270.3%27/%3E%3C/svg%3E");background-position:98.3% 16.1%,-6.9% 83.8%;background-size:156px 156px,162px 162px;}
body[data-deco="3"] .content-section~.content-section{background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20100%20100%27%3E%3Cpath%20d=%27M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z%27%20fill=%27%23FF0091%27%20fill-opacity=%270.3%27/%3E%3C/svg%3E");background-position:-1.5% 53.9%;background-size:127px 127px;}
body[data-deco="3"] .guarantees{background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20100%20100%27%3E%3Cpath%20d=%27M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z%27%20fill=%27%23FF0091%27%20fill-opacity=%270.3%27/%3E%3C/svg%3E");background-position:97.9% 31.3%;background-size:151px 151px;}
body[data-deco="3"] .testimonials{background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20100%20100%27%3E%3Cpath%20d=%27M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z%27%20fill=%27%23FF0091%27%20fill-opacity=%270.3%27/%3E%3C/svg%3E");background-position:-1.3% 31.4%;background-size:158px 158px;}
body[data-deco="4"] .content-section::before{right:auto;left:calc(50% + var(--maxw)/2 - 46px);bottom:auto;top:7%;--nw:740px;--nf:255deg;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%274.5%2028.5%20201%2064.5%27%3E%3Cpath%20d=%27M8,70%20C10,25%2060,20%2066,55%20C70,80%2040,82%2044,58%20C48,38%2092,32%20118,58%20C140,80%2096,108%20104,72%20C112,42%20165,48%20202,82%27%20fill=%27none%27%20stroke=%27%23FF0091%27%20stroke-width=%277%27%20stroke-linecap=%27round%27/%3E%3C/svg%3E");}
body[data-deco="4"] .content-section::after{left:auto;right:calc(50% + var(--maxw)/2 - 46px);top:auto;bottom:2%;--nw:800px;--nf:105deg;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%274.5%2028.5%20201%2064.5%27%3E%3Cpath%20d=%27M8,70%20C10,25%2060,20%2066,55%20C70,80%2040,82%2044,58%20C48,38%2092,32%20118,58%20C140,80%2096,108%20104,72%20C112,42%20165,48%20202,82%27%20fill=%27none%27%20stroke=%27%230048A3%27%20stroke-width=%277%27%20stroke-linecap=%27round%27/%3E%3C/svg%3E");}
body[data-deco="4"] .content-section{background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20100%20100%27%3E%3Cpath%20d=%27M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z%27%20fill=%27%230048A3%27%20fill-opacity=%270.3%27/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20100%20100%27%3E%3Cpath%20d=%27M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z%27%20fill=%27%23FF0091%27%20fill-opacity=%270.3%27/%3E%3C/svg%3E");background-position:0.2% 10.5%,103.8% 79.6%;background-size:155px 155px,112px 112px;}
body[data-deco="4"] .content-section~.content-section{background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20100%20100%27%3E%3Cpath%20d=%27M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z%27%20fill=%27%23FF0091%27%20fill-opacity=%270.3%27/%3E%3C/svg%3E");background-position:94.7% 59.9%;background-size:148px 148px;}
body[data-deco="4"] .guarantees{background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20100%20100%27%3E%3Cpath%20d=%27M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z%27%20fill=%27%230048A3%27%20fill-opacity=%270.3%27/%3E%3C/svg%3E");background-position:-6.5% 46.7%;background-size:161px 161px;}
body[data-deco="4"] .testimonials{background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20100%20100%27%3E%3Cpath%20d=%27M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z%27%20fill=%27%23FF0091%27%20fill-opacity=%270.3%27/%3E%3C/svg%3E");background-position:103.2% 40.7%;background-size:166px 166px;}
body[data-deco="5"] .content-section::before{left:auto;right:calc(50% + var(--maxw)/2 - 46px);bottom:auto;top:4%;--nw:700px;--nf:265deg;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%274.5%2028.5%20201%2064.5%27%3E%3Cpath%20d=%27M8,70%20C10,25%2060,20%2066,55%20C70,80%2040,82%2044,58%20C48,38%2092,32%20118,58%20C140,80%2096,108%20104,72%20C112,42%20165,48%20202,82%27%20fill=%27none%27%20stroke=%27%230048A3%27%20stroke-width=%277%27%20stroke-linecap=%27round%27/%3E%3C/svg%3E");}
body[data-deco="5"] .content-section::after{right:auto;left:calc(50% + var(--maxw)/2 - 46px);top:auto;bottom:5%;--nw:840px;--nf:95deg;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%274.5%2028.5%20201%2064.5%27%3E%3Cpath%20d=%27M8,70%20C10,25%2060,20%2066,55%20C70,80%2040,82%2044,58%20C48,38%2092,32%20118,58%20C140,80%2096,108%20104,72%20C112,42%20165,48%20202,82%27%20fill=%27none%27%20stroke=%27%23FF0091%27%20stroke-width=%277%27%20stroke-linecap=%27round%27/%3E%3C/svg%3E");}
body[data-deco="5"] .content-section{background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20100%20100%27%3E%3Cpath%20d=%27M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z%27%20fill=%27%23FF0091%27%20fill-opacity=%270.3%27/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20100%20100%27%3E%3Cpath%20d=%27M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z%27%20fill=%27%230048A3%27%20fill-opacity=%270.3%27/%3E%3C/svg%3E");background-position:98.9% 11.5%,-4.4% 70.6%;background-size:132px 132px,108px 108px;}
body[data-deco="5"] .content-section~.content-section{background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20100%20100%27%3E%3Cpath%20d=%27M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z%27%20fill=%27%230048A3%27%20fill-opacity=%270.3%27/%3E%3C/svg%3E");background-position:0.3% 64%;background-size:155px 155px;}
body[data-deco="5"] .guarantees{background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20100%20100%27%3E%3Cpath%20d=%27M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z%27%20fill=%27%230048A3%27%20fill-opacity=%270.3%27/%3E%3C/svg%3E");background-position:94.1% 57.5%;background-size:148px 148px;}
body[data-deco="5"] .testimonials{background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20100%20100%27%3E%3Cpath%20d=%27M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z%27%20fill=%27%23FF0091%27%20fill-opacity=%270.3%27/%3E%3C/svg%3E");background-position:-3.4% 57.9%;background-size:165px 165px;}
body[data-deco="6"] .content-section::before{right:auto;left:calc(50% + var(--maxw)/2 - 46px);bottom:auto;top:2%;--nw:800px;--nf:240deg;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%274.5%2028.5%20201%2064.5%27%3E%3Cpath%20d=%27M8,70%20C10,25%2060,20%2066,55%20C70,80%2040,82%2044,58%20C48,38%2092,32%20118,58%20C140,80%2096,108%20104,72%20C112,42%20165,48%20202,82%27%20fill=%27none%27%20stroke=%27%23FF0091%27%20stroke-width=%277%27%20stroke-linecap=%27round%27/%3E%3C/svg%3E");}
body[data-deco="6"] .content-section::after{left:auto;right:calc(50% + var(--maxw)/2 - 46px);top:auto;bottom:7%;--nw:680px;--nf:120deg;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%274.5%2028.5%20201%2064.5%27%3E%3Cpath%20d=%27M8,70%20C10,25%2060,20%2066,55%20C70,80%2040,82%2044,58%20C48,38%2092,32%20118,58%20C140,80%2096,108%20104,72%20C112,42%20165,48%20202,82%27%20fill=%27none%27%20stroke=%27%230048A3%27%20stroke-width=%277%27%20stroke-linecap=%27round%27/%3E%3C/svg%3E");}
body[data-deco="6"] .content-section{background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20100%20100%27%3E%3Cpath%20d=%27M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z%27%20fill=%27%23FF0091%27%20fill-opacity=%270.3%27/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20100%20100%27%3E%3Cpath%20d=%27M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z%27%20fill=%27%23FF0091%27%20fill-opacity=%270.3%27/%3E%3C/svg%3E");background-position:3.7% 17.8%,95.9% 82.9%;background-size:129px 129px,115px 115px;}
body[data-deco="6"] .content-section~.content-section{background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20100%20100%27%3E%3Cpath%20d=%27M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z%27%20fill=%27%230048A3%27%20fill-opacity=%270.3%27/%3E%3C/svg%3E");background-position:105.9% 56.2%;background-size:117px 117px;}
body[data-deco="6"] .guarantees{background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20100%20100%27%3E%3Cpath%20d=%27M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z%27%20fill=%27%23FF0091%27%20fill-opacity=%270.3%27/%3E%3C/svg%3E");background-position:1.6% 53.7%;background-size:140px 140px;}
body[data-deco="6"] .testimonials{background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20100%20100%27%3E%3Cpath%20d=%27M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z%27%20fill=%27%23FF0091%27%20fill-opacity=%270.3%27/%3E%3C/svg%3E");background-position:106.9% 63.8%;background-size:155px 155px;}
body[data-deco="7"] .content-section::before{left:auto;right:calc(50% + var(--maxw)/2 - 46px);bottom:auto;top:6%;--nw:860px;--nf:275deg;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%274.5%2028.5%20201%2064.5%27%3E%3Cpath%20d=%27M8,70%20C10,25%2060,20%2066,55%20C70,80%2040,82%2044,58%20C48,38%2092,32%20118,58%20C140,80%2096,108%20104,72%20C112,42%20165,48%20202,82%27%20fill=%27none%27%20stroke=%27%230048A3%27%20stroke-width=%277%27%20stroke-linecap=%27round%27/%3E%3C/svg%3E");}
body[data-deco="7"] .content-section::after{right:auto;left:calc(50% + var(--maxw)/2 - 46px);top:auto;bottom:3%;--nw:720px;--nf:80deg;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%274.5%2028.5%20201%2064.5%27%3E%3Cpath%20d=%27M8,70%20C10,25%2060,20%2066,55%20C70,80%2040,82%2044,58%20C48,38%2092,32%20118,58%20C140,80%2096,108%20104,72%20C112,42%20165,48%20202,82%27%20fill=%27none%27%20stroke=%27%23FF0091%27%20stroke-width=%277%27%20stroke-linecap=%27round%27/%3E%3C/svg%3E");}
body[data-deco="7"] .content-section{background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20100%20100%27%3E%3Cpath%20d=%27M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z%27%20fill=%27%230048A3%27%20fill-opacity=%270.3%27/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20100%20100%27%3E%3Cpath%20d=%27M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z%27%20fill=%27%23FF0091%27%20fill-opacity=%270.3%27/%3E%3C/svg%3E");background-position:103.4% 22.8%,0% 82.6%;background-size:170px 170px,163px 163px;}
body[data-deco="7"] .content-section~.content-section{background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20100%20100%27%3E%3Cpath%20d=%27M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z%27%20fill=%27%230048A3%27%20fill-opacity=%270.3%27/%3E%3C/svg%3E");background-position:4% 51.9%;background-size:104px 104px;}
body[data-deco="7"] .guarantees{background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20100%20100%27%3E%3Cpath%20d=%27M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z%27%20fill=%27%23FF0091%27%20fill-opacity=%270.3%27/%3E%3C/svg%3E");background-position:104.7% 33.8%;background-size:148px 148px;}
body[data-deco="7"] .testimonials{background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20100%20100%27%3E%3Cpath%20d=%27M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z%27%20fill=%27%230048A3%27%20fill-opacity=%270.3%27/%3E%3C/svg%3E");background-position:1.5% 24.1%;background-size:141px 141px;}
body[data-deco="8"] .content-section::before{right:auto;left:calc(50% + var(--maxw)/2 - 46px);bottom:auto;top:3%;--nw:720px;--nf:260deg;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%274.5%2028.5%20201%2064.5%27%3E%3Cpath%20d=%27M8,70%20C10,25%2060,20%2066,55%20C70,80%2040,82%2044,58%20C48,38%2092,32%20118,58%20C140,80%2096,108%20104,72%20C112,42%20165,48%20202,82%27%20fill=%27none%27%20stroke=%27%23FF0091%27%20stroke-width=%277%27%20stroke-linecap=%27round%27/%3E%3C/svg%3E");}
body[data-deco="8"] .content-section::after{left:auto;right:calc(50% + var(--maxw)/2 - 46px);top:auto;bottom:4%;--nw:780px;--nf:100deg;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%274.5%2028.5%20201%2064.5%27%3E%3Cpath%20d=%27M8,70%20C10,25%2060,20%2066,55%20C70,80%2040,82%2044,58%20C48,38%2092,32%20118,58%20C140,80%2096,108%20104,72%20C112,42%20165,48%20202,82%27%20fill=%27none%27%20stroke=%27%230048A3%27%20stroke-width=%277%27%20stroke-linecap=%27round%27/%3E%3C/svg%3E");}
body[data-deco="8"] .content-section{background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20100%20100%27%3E%3Cpath%20d=%27M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z%27%20fill=%27%230048A3%27%20fill-opacity=%270.3%27/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20100%20100%27%3E%3Cpath%20d=%27M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z%27%20fill=%27%230048A3%27%20fill-opacity=%270.3%27/%3E%3C/svg%3E");background-position:-4.8% 11%,96.2% 85.1%;background-size:105px 105px,106px 106px;}
body[data-deco="8"] .content-section~.content-section{background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20100%20100%27%3E%3Cpath%20d=%27M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z%27%20fill=%27%230048A3%27%20fill-opacity=%270.3%27/%3E%3C/svg%3E");background-position:102.1% 40%;background-size:165px 165px;}
body[data-deco="8"] .guarantees{background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20100%20100%27%3E%3Cpath%20d=%27M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z%27%20fill=%27%23FF0091%27%20fill-opacity=%270.3%27/%3E%3C/svg%3E");background-position:0.5% 43.4%;background-size:116px 116px;}
body[data-deco="8"] .testimonials{background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20100%20100%27%3E%3Cpath%20d=%27M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z%27%20fill=%27%23FF0091%27%20fill-opacity=%270.3%27/%3E%3C/svg%3E");background-position:103.2% 64.9%;background-size:165px 165px;}
.content-section::before{--nw:780px;--nf:270deg;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%274.5%2028.5%20201%2064.5%27%3E%3Cpath%20d=%27M8,70%20C10,25%2060,20%2066,55%20C70,80%2040,82%2044,58%20C48,38%2092,32%20118,58%20C140,80%2096,108%20104,72%20C112,42%20165,48%20202,82%27%20fill=%27none%27%20stroke=%27%230048A3%27%20stroke-width=%277%27%20stroke-linecap=%27round%27/%3E%3C/svg%3E");right:calc(50% + var(--maxw)/2 - 46px);top:8px;}
.content-section::after{--nw:700px;--nf:90deg;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%274.5%2028.5%20201%2064.5%27%3E%3Cpath%20d=%27M8,70%20C10,25%2060,20%2066,55%20C70,80%2040,82%2044,58%20C48,38%2092,32%20118,58%20C140,80%2096,108%20104,72%20C112,42%20165,48%20202,82%27%20fill=%27none%27%20stroke=%27%23FF0091%27%20stroke-width=%277%27%20stroke-linecap=%27round%27/%3E%3C/svg%3E");left:calc(50% + var(--maxw)/2 - 46px);bottom:34px;}
.content-section{background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20100%20100%27%3E%3Cpath%20d=%27M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z%27%20fill=%27%230048A3%27%20fill-opacity=%270.3%27/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20100%20100%27%3E%3Cpath%20d=%27M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z%27%20fill=%27%230048A3%27%20fill-opacity=%270.3%27/%3E%3C/svg%3E");background-position:96.3% 10.4%,-6.9% 68.6%;background-size:134px 134px,104px 104px;}
@media(max-width:1080px){.content-section::before,.content-section::after{display:none;}.content-section,.guarantees,.testimonials{background-image:none;}}

/* Il riquadro di una card che ospita un MARCHIO, non una foto: un logo non si
   ritaglia mai a riempire — si posa dentro, intero, su un campo chiaro. Stessa
   cornice 3:2 delle foto, cosi' le card restano tutte della stessa altezza. */
.card .ph.marchio{background:#fff;padding:22px 26px;}
.card .ph.marchio img{width:100%;height:100%;object-fit:contain;object-position:50% 50%;
  aspect-ratio:auto;}
/* La fascia dei marchi in cima a una pagina di certificazione */
.partners-pagina{justify-content:flex-start;margin:0 0 26px;}
.partners-pagina .logo-ph{background:#fff;border:1px solid #e8eef8;}

/* Il blocco che prende il posto di una sezione ancora senza contenuti. Non e'
   un errore ne' un segnaposto tecnico: e' una cosa detta. Quindi ha la forma
   degli altri blocchi del sito — bordo, raggio grande, aria — invece di essere
   un paragrafo lasciato li'. */
.vuoto-gentile{max-width:640px;margin:36px auto 8px;padding:34px 38px;text-align:center;
  border:3px solid var(--pink-dark);border-radius:var(--radius-xl);background:#fff;}
.vuoto-gentile p{margin:0;color:var(--grey);font-size:15px;line-height:1.6;}
.vuoto-gentile p:first-child{color:var(--blue);font-size:19px;margin-bottom:10px;}
.vuoto-gentile p:first-child b{font-weight:800;}
.vuoto-gentile a{color:var(--pink);font-weight:700;border-bottom:1.5px solid rgba(255,0,145,.4);}
.vuoto-gentile a:hover{border-bottom-color:var(--pink);}

/* I ritratti dei docenti arrivano dalle schede social della scuola: sono 4:5,
   verticali, sul crema con il ghirigoro magenta della campagna. Lasciarli nel
   riquadro 3:2 delle altre card taglierebbe la faccia, quindi qui il riquadro
   prende la forma della foto invece del contrario. */
.card.docente img{aspect-ratio:1/1;object-position:50% 50%;}
.card.docente .body h3{margin-bottom:2px;}

/* L'hero della home: l'immagine di copertina fatta da Lorenzo — blu in alto,
   onda magenta, le persone ritagliate, e l'onda bianca in basso che entra nella
   pagina. Niente velo scuro e niente sfumatura sopra: l'immagine e' gia'
   composta, aggiungerci roba la sporcherebbe.
   Tre scelte che vale la pena spiegare:
   · `aspect-ratio` invece di un'altezza fissa: cosi' l'immagine sta larga tutto
     lo schermo e non si taglia mai, e l'onda bianca cade ESATTAMENTE in fondo,
     dove comincia il bianco della pagina. Con un'altezza fissa l'onda si
     sarebbe tagliata a meta' o avrebbe lasciato una striscia.
   · il fondo e' `#0349A9`, campionato dalla PRIMA RIGA dell'immagine — non
     dalla media delle prime tre, che includeva gia' la sfumatura e lasciava una
     giunta visibile sul telefono: quando
     lo schermo e' stretto e serve piu' altezza del rapporto, il blu prosegue
     verso l'alto e non si vede la giunta.
   · via gli angoli tondi in basso: quel raggio serviva a chiudere un rettangolo,
     e adesso a chiudere ci pensa l'onda. */
.hero.campagna{aspect-ratio:1750/895;min-height:470px;height:auto;
  display:flex;align-items:flex-start;justify-content:center;
  padding:clamp(78px,9vw,124px) clamp(22px,6vw,88px) 17%;border-radius:0;
  background:url('../LOGO/hero-home.jpg') center bottom/100% auto no-repeat #0349A9;}
.hero.campagna{background-image:image-set(
  url('../LOGO/hero-home.webp') type('image/webp'),
  url('../LOGO/hero-home.jpg') type('image/jpeg'));}
.hero.campagna .hero-inner{width:100%;max-width:none;margin:0 auto;text-align:center;position:relative;z-index:2;}
/* Misurato sull'immagine: nella fascia dove cade il titolo il bianco arriva a
   1,00 di contrasto — cioe' bianco su bianco — perche' le persone hanno un
   contorno chiaro e le facce sono schiarite. In media fa 6,59, ma la media non
   si legge: si legge il punto peggiore.
   Rimedio: un'ombra morbida sul testo invece di un velo scuro sull'immagine.
   Dove il fondo e' blu o magenta non si vede; dove e' chiaro tiene su la
   lettera. Due ombre: una larga che stacca, una stretta che definisce il bordo. */
.hero.campagna h1{margin:0 auto;max-width:none;color:#fff;line-height:1.02;
  font-size:clamp(34px,5.4vw,74px);letter-spacing:-.01em;
  text-shadow:0 2px 24px rgba(3,14,44,.55), 0 1px 4px rgba(3,14,44,.45);}
.hero.campagna h1 .accent{color:#fff;}
.hero.campagna .hero-sedi{margin:18px 0 0;text-align:center;color:#fff;
  font-weight:800;letter-spacing:.16em;font-size:clamp(12px,1.35vw,17px);
  text-shadow:0 1px 12px rgba(3,14,44,.60), 0 1px 3px rgba(3,14,44,.50);}

/* Sotto i 900 il rapporto darebbe una testata troppo bassa per il titolo:
   comanda `min-height` e il blu prosegue verso l'alto. L'onda resta in fondo. */
@media (max-width:900px){
  .hero.campagna{aspect-ratio:auto;min-height:430px;padding:96px 22px 26%;
    background-size:118% auto;}
}
@media (max-width:560px){
  .hero.campagna{min-height:400px;padding:88px 20px 30%;background-size:150% auto;}
  .hero.campagna .hero-sedi{margin-top:14px;letter-spacing:.08em;font-size:11.5px;}
}
}

/* Le tre sedi, finche' non arrivano le fotografie. Senza immagine la card
   magenta resterebbe un rettangolo di colore con dentro un indirizzo: qui il
   nome della citta' diventa la cosa grossa, e il resto gli sta sotto. */
.card.card-sede .body{padding:20px 22px 26px;}
.card.card-sede h3{font-size:19px;letter-spacing:-.01em;margin-bottom:10px;}
.card.card-sede p{font-size:14.5px;line-height:1.55;}
.card.card-sede p+p{margin-top:10px;}
.card.card-sede a{color:#fff;border-bottom:1.5px solid rgba(255,255,255,.45);}
.card.card-sede a:hover{border-bottom-color:#fff;}

/* «Un mondo d'inglese in FVG». Prima era un rettangolo blu con tutto in mezzo e
   sei loghi appiccicati su piastrine bianche: piatto, e soprattutto muto — sei
   marchi in fila non dicono che due sono chi ti ispeziona e quattro sono cosa
   puoi sostenere qui dentro.
   Adesso: due colonne, il discorso a sinistra e le credenziali a destra su UNA
   piastra bianca sola. La piastra non e' un vezzo, e' la soluzione a un problema
   vero: due loghi su sei hanno il bianco cotto dentro senza trasparenza, e su
   qualunque fondo colorato sarebbero due rettangoli bianchi. Su una piastra
   bianca ci spariscono dentro.
   Ogni marchio sta in una cella uguale con `object-fit:contain`, perche' le
   proporzioni sono da 1,35:1 a 5,7:1: a altezza fissa il piu' largo verrebbe
   il triplo degli altri. */
.credenziali{position:relative;overflow:hidden;color:#fff;margin:16px 0 72px;
  padding:clamp(34px,4.4vw,58px);border-radius:var(--radius-xl);
  background:
    radial-gradient(88% 120% at 100% 108%, rgba(255,0,145,.42), transparent 58%),
    linear-gradient(148deg,#00265A 0%,#00397E 44%,#0048A3 100%);}
/* l'asterisco del marchio, grande, appena accennato: da' profondita' senza
   aggiungere un altro oggetto da leggere */
.credenziali::before{content:"";position:absolute;z-index:1;pointer-events:none;
  width:min(420px,44%);aspect-ratio:1;left:-9%;bottom:-34%;opacity:.10;
  background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3E%3Cpath%20d='M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z'%20fill='%23ffffff'/%3E%3C/svg%3E") center/contain no-repeat;}
.cred-griglia{position:relative;z-index:2;display:grid;
  grid-template-columns:1.1fr .9fr;gap:clamp(26px,3.6vw,54px);align-items:center;}
.cred-occhiello{margin:0 0 10px;font-size:12.5px;font-weight:800;letter-spacing:.2em;
  text-transform:uppercase;color:#FF7EC2;}
.credenziali h2{margin:0;color:#fff;font-size:clamp(28px,3.2vw,42px);line-height:1.08;text-wrap:balance;
  letter-spacing:-.01em;max-width:none;}
.cred-lead{margin:16px 0 0;color:rgba(255,255,255,.88);font-size:clamp(14.5px,1.25vw,16.5px);
  line-height:1.62;max-width:46ch;}
.cred-tasto{margin-top:26px;display:inline-block;font-size:16px;padding:14px 28px;}

.cred-piastra{background:#fff;border-radius:30px;padding:clamp(22px,2.2vw,30px);
  box-shadow:0 22px 52px rgba(0,18,54,.30);}
.cred-gruppo+.cred-gruppo{margin-top:20px;padding-top:20px;border-top:1px solid #e8edf7;}
.cred-gruppo h4{margin:0 0 14px;font-size:11px;font-weight:800;letter-spacing:.15em;
  text-transform:uppercase;color:#7A8AA8;}
/* In celle di uguale larghezza i marchi uscivano di quattro altezze diverse —
   15, 24, 33 e 44 px — perche' le proporzioni vanno da 1,35:1 a 5,7:1 e quelli
   larghi finivano schiacciati dalla cella. Un muro di marchi si fa al contrario:
   altezza uguale per tutti, larghezza libera, e si lascia andare a capo. Il tetto
   di larghezza serve solo a non far dominare il piu' lungo. */
.cred-loghi{display:flex;flex-wrap:wrap;align-items:center;gap:16px 26px;}
.cred-loghi img{width:auto;height:34px;max-width:172px;object-fit:contain;display:block;}
.cred-due img{height:50px;max-width:140px;}
/* Rebecca 24/8: Cambridge e IELTS un filo piu' grandi, Eaquals ingrandito perche' non si leggeva "Trieste Centre". AISLi resta. */
.cred-loghi img[src*="cambridge-authorised"]{height:42px;max-width:200px;}
.cred-loghi img[src*="ielts-preparation"]{height:42px;max-width:150px;}
.cred-due img[src*="eaquals-trieste"]{height:62px;max-width:175px;}
.cred-loghi .con-nota{display:inline-flex;flex-direction:column;align-items:center;gap:6px;}
.cred-loghi .con-nota small{font-size:9.5px;font-weight:800;letter-spacing:.05em;color:#5a6b8c;text-transform:uppercase;line-height:1;white-space:nowrap;}

@media (max-width:900px){
  .cred-griglia{grid-template-columns:1fr;gap:28px;}
  .cred-lead{max-width:none;}
  
  .credenziali::before{width:300px;left:-16%;bottom:-22%;}
}

/* ── I pezzi per le pagine che sono muri di testo ─────────────────────────
   Misurato: nove pagine su venti hanno piu' di cinquanta parole per ogni
   elemento di disegno, e la peggiore ha quattro servizi diversi raccontati
   come quattro paragrafi identici. Questi pezzi servono a dare forma a quel
   testo senza riscriverlo: quello che c'e' scritto resta, cambia come si
   presenta. Sono quattro, e bastano. */

/* 1 · I blocchi: quando una pagina elenca piu' cose dello stesso rango
   (servizi, livelli, vantaggi) e le mette in fila come capoversi. */
.blocchi{display:grid;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));
  gap:20px;margin:30px 0;}
.blocco{position:relative;padding:30px 28px 28px;border-radius:var(--radius-xl);
  border:4px solid transparent;
  background:linear-gradient(#fff,#fff) padding-box,
    linear-gradient(140deg,var(--pink) 0%,var(--pink-dark) 46%,var(--blue) 100%) border-box;
  transition:transform .16s ease,box-shadow .16s ease;}
.blocco:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(214,0,122,.16);}
.blocco .b-segno{display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:14px;margin-bottom:16px;
  background:linear-gradient(140deg,var(--pink),var(--pink-dark));color:#fff;
  font-weight:800;font-size:17px;}
.blocco h3::before{display:none;}
.blocco h3{padding-left:0;margin:0 0 8px;color:var(--blue);font-size:18px;font-weight:800;line-height:1.25;}
.blocco p{margin:0;color:var(--grey);font-size:14.5px;line-height:1.62;}

/* 2 · La banda: una fotografia a tutta larghezza in mezzo alla pagina, con
   sopra una frase sola. Serve a far respirare, non a decorare — la foto la
   sceglie la pagina, con uno stile in riga. */
.banda-foto{position:relative;overflow:hidden;margin:44px 0;color:#fff;text-align:center;
  padding:clamp(52px,6.5vw,92px) clamp(24px,4vw,56px);border-radius:var(--radius-xl);
  background-color:var(--blue-deep);background-position:center 42%;background-size:cover;
  background-repeat:no-repeat;}
.banda-foto::after{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(rgba(4,14,38,.60),rgba(4,14,38,.72));}
.banda-foto>*{position:relative;z-index:2;}
.banda-foto p{margin:0 auto;max-width:22ch;font-weight:800;line-height:1.22;
  font-size:clamp(21px,2.9vw,36px);letter-spacing:-.01em;}
.banda-foto .b-piccolo{margin:14px auto 0;max-width:46ch;font-size:clamp(14px,1.3vw,16.5px);
  font-weight:500;line-height:1.6;color:rgba(255,255,255,.86);letter-spacing:0;}

/* 3 · Gli elenchi: la classe c'era gia' e aveva il suo segno magenta col
   visto. Non ne aggiungo una seconda che fa la stessa cosa — miglioro quella:
   piu' aria fra le voci, testo un filo piu' grande, e l'alone attorno al segno
   che lo stacca dal bianco. */
.content-section ul.bullets{margin:22px 0;display:grid;gap:14px;}
.content-section ul.bullets li{padding-left:38px;margin-bottom:0;font-size:15.5px;line-height:1.6;}
.content-section ul.bullets li::before{top:.28em;width:21px;height:21px;
  box-shadow:0 0 0 5px rgba(255,0,145,.14);border-radius:50%;}
.content-section ul.bullets li b,.content-section ul.bullets li strong{color:var(--blue);font-weight:800;}

/* 4 · La citazione: tira fuori dal testo la frase che vale, e la mette in
   una superficie sua. Una per pagina, se no non e' piu' una citazione. */
.citazione{position:relative;margin:38px 0;padding:30px 34px 30px 62px;
  border-radius:var(--radius-xl);background:var(--cream);
  border-left:6px solid var(--pink);}
.citazione::before{content:"\201C";position:absolute;left:20px;top:2px;
  font:700 62px/1 Georgia,'Times New Roman',serif;color:var(--pink);opacity:.55;}
.citazione p{margin:0;color:var(--blue);font-weight:600;line-height:1.5;
  font-size:clamp(16.5px,1.6vw,20px);}
.citazione .c-chi{display:block;margin-top:10px;font-size:13px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:var(--pink-dark);}

@media (max-width:640px){
  .blocco{padding:24px 22px;}
  .citazione{padding:24px 22px 24px 48px;}
  .citazione::before{left:14px;font-size:50px;}
}

/* Il richiamo finale, su diciotto pagine. Era un rettangolo blu con tutto in
   mezzo e un tasto: chiudeva la pagina senza dare niente. Adesso ha la stessa
   struttura della sezione delle credenziali in home — discorso a sinistra,
   piastra bianca a destra — ma la piastra qui non e' decorativa: sono i tre
   numeri di telefono, cliccabili. Chi e' arrivato in fondo alla pagina o
   prenota, o chiama: gli si danno tutt'e due, non solo il primo. */
/* Niente larghezza propria: sta nel contenitore di pagina come la banda e la
   sezione delle credenziali, e prende la stessa misura a qualunque schermo.
   Prima era `--maxw + 64` — piu' largo del contenitore stesso — e accanto a una
   banda si vedeva lo scalino di 128 pixel. */
.chiamata{position:relative;overflow:hidden;color:#fff;margin:56px 0 24px;
  padding:clamp(34px,4.4vw,58px);border-radius:var(--radius-xl);
  background:
    radial-gradient(88% 120% at 100% 108%, rgba(255,0,145,.42), transparent 58%),
    linear-gradient(148deg,#00265A 0%,#00397E 44%,#0048A3 100%);}
.chiamata::before{content:"";position:absolute;z-index:1;pointer-events:none;
  width:min(400px,42%);aspect-ratio:1;left:-8%;bottom:-32%;opacity:.10;
  background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3E%3Cpath%20d='M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z'%20fill='%23ffffff'/%3E%3C/svg%3E") center/contain no-repeat;}
.ch-griglia{position:relative;z-index:2;display:grid;
  grid-template-columns:1.12fr .88fr;gap:clamp(26px,3.6vw,52px);align-items:center;}
.ch-occhiello{margin:0 0 10px;font-size:12.5px;font-weight:800;letter-spacing:.2em;
  text-transform:uppercase;color:#FF7EC2;}
.chiamata h2{margin:0;color:#fff;font-size:clamp(26px,3.1vw,40px);line-height:1.1;
  letter-spacing:-.01em;max-width:none;text-wrap:balance;}
.ch-lead{margin:16px 0 0;color:rgba(255,255,255,.88);font-size:clamp(14.5px,1.2vw,16.5px);
  line-height:1.62;max-width:44ch;}
.ch-tasto{margin-top:26px;display:inline-block;font-size:16px;padding:14px 28px;}

.ch-piastra{background:#fff;border-radius:30px;padding:clamp(22px,2.2vw,28px);
  box-shadow:0 22px 52px rgba(0,18,54,.30);}
.ch-piastra h4{margin:0 0 14px;font-size:11px;font-weight:800;letter-spacing:.15em;
  text-transform:uppercase;color:#7A8AA8;}
.ch-sedi{list-style:none;margin:0;padding:0;display:grid;gap:2px;}
.ch-sedi li{display:grid;grid-template-columns:1fr auto;align-items:baseline;
  gap:4px 14px;padding:12px 0;border-top:1px solid #eef1f8;}
.ch-sedi li:first-child{border-top:0;padding-top:2px;}
.ch-citta{grid-column:1;color:var(--blue);font-weight:800;font-size:15.5px;}
.ch-via{grid-column:1;grid-row:2;color:var(--grey);font-size:12.5px;}
.ch-sedi a{grid-column:2;grid-row:1/3;align-self:center;color:var(--pink);
  font-weight:800;font-size:15px;white-space:nowrap;
  border-bottom:2px solid rgba(255,0,145,.28);}
.ch-sedi a:hover{border-bottom-color:var(--pink);}

@media (max-width:900px){
  .ch-griglia{grid-template-columns:1fr;gap:28px;}
  .ch-lead{max-width:none;}
  .chiamata::before{width:280px;left:-14%;bottom:-20%;}
}

/* Le pagine lunghe erano una sezione sola: quaranta capoversi e tre elenchi
   dentro lo stesso rettangolo bianco, senza un solo appiglio per l'occhio.
   Adesso si tagliano ai titoli e si alternano due superfici. Non e' decorazione:
   e' il modo in cui si capisce dove finisce un discorso e ne comincia un altro. */
.content-section.crema{background:var(--cream);}
.content-section.crema+.content-section.crema{padding-top:0;}

/* Il marchio dell'ente d'esame: dentro la testata, sopra al titolo — la prima
   cosa che si vede aprendo la pagina. La piastra e' bianca perche' due di quei
   tre loghi hanno il fondo bianco cotto dentro: su una fotografia sarebbero
   rettangoli. La misura e' quella del sigillo che stava sotto, tenuta uguale:
   e' la grandezza in cui la dicitura «Registered Examination Centre» si legge. */
/* Con la piastra dentro la testata il marchio della scuola e quello dell'ente
   finivano a venti pixel uno dall'altro: la testata prende un po' piu' d'aria
   in cima, ma solo dove la piastra c'e'. */
.page-hero:has(.marchio-alto){padding-top:132px;}
@media (max-width:820px){.page-hero:has(.marchio-alto){padding-top:112px;}}
.marchio-alto{display:inline-flex;align-items:center;gap:22px;
  background:#fff;border-radius:24px;padding:18px 26px;margin:0 0 22px;
  box-shadow:0 16px 38px rgba(0,18,54,.26);}
.marchio-alto img{display:block;height:auto;width:auto;max-height:56px;max-width:204px;}
.marchio-alto img+img{padding-left:22px;border-left:1px solid #eef1f8;}
@media (max-width:820px){
  .marchio-alto{flex-wrap:wrap;gap:14px;padding:14px 18px;margin-bottom:18px;}
  .marchio-alto img{max-height:40px;max-width:150px;}
  .marchio-alto img+img{padding-left:14px;}
}

/* Il tocco leggero: l'asterisco del marchio, grande e appena accennato in basso
   a destra. Un solo segno, perche' un piede deve restare pulito. */
footer.site::before{content:"";position:absolute;z-index:0;pointer-events:none;
  width:min(360px,38%);aspect-ratio:1;right:-7%;bottom:-30%;opacity:.10;
  background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3E%3Cpath%20d='M100.00,43.35L100.00,56.65L66.05,56.65L90.06,80.65L80.65,90.06L56.65,66.05L56.65,100.00L43.35,100.00L43.35,66.05L19.35,90.06L9.94,80.65L33.95,56.65L0.00,56.65L-0.00,43.35L33.95,43.35L9.94,19.35L19.35,9.94L43.35,33.95L43.35,0.00L56.65,-0.00L56.65,33.95L80.65,9.94L90.06,19.35L66.05,43.35Z'%20fill='%23ffffff'/%3E%3C/svg%3E") center/contain no-repeat;}
.footer-inner{position:relative;z-index:2;}

/* I due moduli erano sfasati: ogni colonna e' un blocco a se', quindi il testo
   introduttivo piu' lungo a sinistra spingeva giu' la sua card e le due
   partivano ad altezze diverse.
   La griglia esterna dichiara tre righe — titolo, testo, modulo — e ogni
   colonna si aggancia a QUELLE righe con `subgrid` invece di farsi le sue.
   Cosi' i titoli si allineano fra loro, i testi fra loro, e le due card
   partono e finiscono insieme.
   Dove `subgrid` non c'e', resta la colonna a flex qui sotto: le card almeno
   finiscono insieme, che e' meglio di niente. */
.moduli{display:grid;grid-template-columns:1fr 1fr;gap:40px;
  grid-template-rows:auto auto 1fr;align-items:start;}
.moduli>div{display:flex;flex-direction:column;height:100%;}
.moduli>div>.form-card{flex:1;}
@supports (grid-template-rows:subgrid){
  .moduli>div{display:grid;grid-template-rows:subgrid;grid-row:span 3;height:auto;}
}
@media (max-width:820px){
  .moduli{grid-template-columns:1fr;grid-template-rows:none;}
  .moduli>div{grid-row:auto;display:block;}
}

/* ══ TELEFONO ═══════════════════════════════════════════════════════════════
   Misurato a 375x812: la home era lunga 8.543 px, cioe' dieci schermate e
   mezza. Le otto card da sole ne facevano 3.090 — il 36% della pagina — perche'
   una card pensata per stare in fila con altre tre, messa da sola su una
   colonna, diventa un manifesto alto quattro dita.
   Impilare non basta: qui le card cambiano forma. Diventano righe — immagine a
   sinistra, testo a destra, freccia in fondo — che e' come si leggono gli
   elenchi su un telefono. */
@media (max-width:640px){

  /* ── il margine doppio ──
     `.content-section` mette 32px per lato e `.wrap` dentro ne mette altri 32:
     su uno schermo da 375 se ne vanno 128 e al contenuto ne restano 247, cioe'
     due terzi. Sul telefono il margine lo mette uno solo dei due. */
  .content-section,.guarantees,.testimonials{padding-left:20px;padding-right:20px;}
  .content-section>.wrap,.guarantees>.wrap,.testimonials>.wrap,
  .content-section>.content-narrow{padding-left:0;padding-right:0;}

  /* ── le card diventano righe ── */
  .card{flex-direction:row;align-items:stretch;position:relative;
    border-width:4px;border-radius:28px;}
  .card picture{flex:0 0 102px;display:block;}
  .card img,.card .ph{width:102px;height:100%;min-height:126px;aspect-ratio:auto;
    object-fit:cover;object-position:50% 42%;}
  .card .body{flex:1;min-width:0;padding:14px 50px 14px 15px;justify-content:center;}
  .card h3{font-size:15.5px;margin:0 0 5px;line-height:1.28;}
  .card h3::before{display:none;}
  .card p{font-size:12.8px;line-height:1.45;margin:0;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
  /* il tasto diventa una freccia tonda: il testo «Scopri di piu'» resta nel
     markup per chi legge con la voce, ma non occupa piu' una riga sua */
  .card .go{position:absolute;right:11px;top:50%;margin:0;transform:translateY(-50%);
    width:36px;height:36px;padding:0;justify-content:center;font-size:0;gap:0;
    box-shadow:0 4px 12px rgba(120,0,66,.22);}
  .card .go::after{font-size:16px;}
  .card:hover .go::after{transform:none;}
  .card-grid{gap:14px;}

  /* ── il piede: i tre elenchi stanno in due colonne, non in fila indiana ── */
  .footer-top{grid-template-columns:1fr 1fr;gap:26px 20px;}
  .footer-brand{grid-column:1/-1;}
  .footer-col ul li{margin-bottom:7px;}
  footer.site{padding:44px 22px 20px;}
  .footer-bottom{margin-top:28px;padding-top:16px;}

  /* ── le credenziali: i marchi due per riga ── */
  .cred-loghi{gap:12px 18px;}
  .cred-loghi img{height:28px;max-width:132px;}
  .cred-due img{height:40px;max-width:112px;}
  .cred-loghi img[src*="cambridge-authorised"]{height:34px;max-width:160px;}
  .cred-loghi img[src*="ielts-preparation"]{height:34px;max-width:120px;}
  .cred-due img[src*="eaquals-trieste"]{height:50px;max-width:145px;}
  .cred-piastra{padding:20px;border-radius:24px;}
  .credenziali{padding:30px 22px;}

  /* ── il richiamo finale ── */
  .chiamata{padding:30px 22px;margin:36px 0 20px;}
  .ch-piastra{padding:20px;border-radius:24px;}
  .ch-sedi li{padding:11px 0;}

  /* ── le bande: alte la meta' ── */
  .banda-foto{margin:32px 0;padding:44px 22px;border-radius:30px;}

  /* ── i blocchi e le schede dei corsi ── */
  .blocchi{gap:14px;}
  .blocco{padding:22px 20px;}
  .steps{gap:12px;}
}

@media (max-width:640px){
  /* i tasti sotto i 44px non si centrano col dito */
  .btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;}
  .form-check{padding:9px 0;}
  .form-row input,.form-row select,.form-row textarea{padding:13px 14px;font-size:16px;}
  /* 16px non e' un vezzo: sotto i 16 Safari ingrandisce la pagina da solo
     quando si tocca un campo, e poi resta ingrandita */
}

/* Rebecca 24/8: contatti per sede nella pagina Cambridge (Open Centres) */
.centri-titolo{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#7c8aa6;margin:26px 0 12px;}
.centri-cambridge{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 10px;}
.centri-cambridge .centro{background:#fff;border:1px solid #e2e8f4;border-radius:16px;padding:18px 20px;}
.centri-cambridge .centro-testa{display:flex;align-items:baseline;gap:8px;margin-bottom:9px;}
.centri-cambridge .centro-testa h5{margin:0;font-size:18px;color:#0349A9;font-weight:800;}
.centri-cambridge .centro-testa span{font-size:11px;font-weight:700;letter-spacing:.06em;color:#9aa6bd;}
.centri-cambridge .centro-ind{margin:0 0 10px;font-size:13.5px;color:#43506e;line-height:1.45;}
.centri-cambridge .centro a{display:block;font-size:14.5px;font-weight:700;color:#0349A9;text-decoration:none;line-height:1.85;}
.centri-cambridge .centro a:hover{text-decoration:underline;}
@media(max-width:640px){.centri-cambridge{grid-template-columns:1fr;gap:12px;}}

/* Rebecca 24/8: link al sito Cambridge nelle sezioni esami (bambini/ragazzi) — pill blu ben visibile */
.link-cambridge{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:14.5px;color:#D6007A;background:#ffe9f5;border:1px solid #ffc2e3;border-radius:999px;padding:11px 20px;text-decoration:none;transition:background .15s,border-color .15s;}
.link-cambridge::after{content:"\2197";font-size:14px;}
.link-cambridge:hover{background:#ffd9ee;border-color:var(--pink);}

/* Rebecca 24/8: loghi ente sotto ciascuna sezione (Qualità) con link al sito ufficiale */
.ente-marchio{display:flex;align-items:center;gap:24px;margin:26px 0 6px;flex-wrap:wrap;background:#fff;border:1px solid #e6ecf6;border-radius:18px;padding:20px 26px;box-shadow:0 8px 24px rgba(10,40,90,.06);}
.ente-marchio img{height:62px;width:auto;object-fit:contain;display:block;}
.ente-marchio a{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-weight:800;color:#fff;background:#0349A9;border-radius:999px;padding:11px 22px;text-decoration:none;font-size:14.5px;transition:background .15s,transform .15s;}
.ente-marchio a:hover{background:#023b8a;transform:translateY(-1px);}
@media(max-width:560px){.ente-marchio{gap:14px;padding:16px 18px;}.ente-marchio a{margin-left:0;}}

/* Link inline nel contenuto: ben visibili come link (blu sottolineato) */
.bullets a, .content-narrow p a:not([class]){color:#0349A9;font-weight:700;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1.5px;}
.bullets a:hover, .content-narrow p a:not([class]):hover{color:#D6007A;}