/* I caratteri della landing, serviti da araldo e non da Google: nessun indirizzo di chi guarda esce verso terzi.
   Bricolage Grotesque, Poppins, JetBrains Mono: SIL Open Font License 1.1. Solo latin e latin-ext. */
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:500 800;font-display:swap;src:url("../fonts/landing/bricolage-grotesque-500-800-latin-ext.c4c7bb6a8d9b.woff2") format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:500 800;font-display:swap;src:url("../fonts/landing/bricolage-grotesque-500-800-latin.ad33cbc6d232.woff2") format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 500;font-display:swap;src:url("../fonts/landing/jetbrains-mono-400-latin-ext.bd4781a31b42.woff2") format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 500;font-display:swap;src:url("../fonts/landing/jetbrains-mono-400-latin.b636a65da4f0.woff2") format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/landing/poppins-400-latin-ext.90926c36b712.woff2") format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/landing/poppins-400-latin.9212f6f9860f.woff2") format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/landing/poppins-500-latin-ext.1f24684cbd72.woff2") format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/landing/poppins-500-latin.a09f2fccfee3.woff2") format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/landing/poppins-600-latin-ext.a575b6d9df98.woff2") format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/landing/poppins-600-latin.72993dddf88a.woff2") format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* La landing di araldo (prototipo approvato dal fondatore il 01/10/2026). Un mondo solo, scelto: la pagina va
   dalla notte al mattino e non segue il tema chiaro/scuro di chi guarda, apposta. */
/* Un mondo solo, scelto: la pagina va dalla notte al mattino. Ogni sezione dipinge il suo fondo e i suoi
   colori da questi token; non segue il tema chiaro/scuro di chi guarda, apposta. */
:root{
  --notte:#100E0B; --notte-2:#15120E; --notte-3:#1B1713;
  --sup:#1E1A15; --sup-2:#27221C; --linea-n:#332E26;
  --t-n:#F3EFE6; --t-n2:#ABA496; --t-n3:#7F786C;
  --carta:#F7F5F0; --carta-2:#FFFFFF; --carta-3:#EFECE5;
  --ink:#14120F; --ink-2:#5F5A50; --ink-3:#8A8477; --linea:#E2DED4;
  --verde:#1E6B3A; --verde-l:#3DD68C; --verde-scuro:#0C2415; --verde-tinta:#E4EFE7;
  --ambra:#9A6516; --ambra-l:#F0B458; --ambra-tinta:#F5EBD8;
  --blu:#225D94; --blu-l:#8DBBEA; --blu-tinta:#E4EDF6;
  --f-disp:"Bricolage Grotesque","Poppins",system-ui,sans-serif;
  --f-body:"Poppins",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --wrap:1160px;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--notte);color:var(--t-n);font-family:var(--f-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit}
button,input{font:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--verde-l);outline-offset:3px;border-radius:6px}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:20px}
@media (min-width:720px){.wrap{padding-inline:32px}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.eyebrow{font-family:var(--f-mono);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--t-n3);margin:0}
h1,h2,h3{font-family:var(--f-disp);text-wrap:balance;margin:0}
h2{font-weight:800;font-size:clamp(34px,4.8vw,58px);line-height:1.02;letter-spacing:-.032em}
h3{font-weight:700;font-size:24px;line-height:1.15;letter-spacing:-.02em}
.lead{font-size:clamp(17px,1.5vw,19px);color:var(--t-n2);max-width:34em;margin:0}
section{position:relative}
.pad{padding-block:clamp(72px,9vw,124px)}

/* ---------- chip di stato: i colori che parlano di araldo ---------- */
.st{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-mono);font-size:11px;letter-spacing:.04em;line-height:1;padding:5px 9px;border-radius:999px;white-space:nowrap}
.st::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.st.ok{color:var(--verde-l);background:rgba(61,214,140,.13)}
.st.wait{color:var(--ambra-l);background:rgba(240,180,88,.13)}
.st.talk{color:var(--blu-l);background:rgba(141,187,234,.13)}
.st.off{color:var(--t-n3);background:rgba(255,255,255,.06)}
.giorno .st.ok{color:var(--verde);background:var(--verde-tinta)}
.giorno .st.wait{color:var(--ambra);background:var(--ambra-tinta)}
.giorno .st.talk{color:var(--blu);background:var(--blu-tinta)}
.tag{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;padding:3px 7px;border-radius:6px;border:1px solid var(--linea-n);color:var(--t-n3);white-space:nowrap}
.giorno .tag{border-color:var(--linea);color:var(--ink-3)}

/* ---------- bottoni ---------- */
.cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--verde-l);color:var(--verde-scuro);font-weight:600;font-size:15.5px;border:0;border-radius:999px;padding:12px 20px;text-decoration:none;white-space:nowrap;transition:transform .15s ease,filter .15s ease}
.cta:hover{filter:brightness(1.07);transform:translateY(-1px)}
.cta.ink{background:var(--ink);color:var(--carta)}
.cta.carta{background:var(--carta);color:var(--ink)}
.ghost{background:transparent;color:var(--t-n2);border:1px solid var(--linea-n);border-radius:999px;padding:9px 16px;font-size:14px}
.ghost:hover{color:var(--t-n);border-color:var(--t-n3)}

/* ---------- testata ---------- */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:rgba(16,14,11,.8);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}
.top .wrap{display:flex;align-items:center;gap:24px;height:64px}
.logo{display:flex;align-items:center;text-decoration:none}
.logo svg{height:24px;width:auto;display:block}
.nav{display:none;gap:26px;margin-left:12px}
.nav a{text-decoration:none;color:var(--t-n2);font-size:15px}
.nav a:hover{color:var(--t-n)}
.top .right{margin-left:auto;display:flex;align-items:center;gap:14px}
.top .accedi{text-decoration:none;color:var(--t-n2);font-size:15px;display:none}
.top .cta{padding:9px 16px;font-size:14.5px}
@media (min-width:1080px){.nav{display:flex}.top .accedi{display:inline}}

/* ---------- 1. il turno di notte ---------- */
.hero{overflow:hidden;padding-block:clamp(40px,6vw,84px) clamp(48px,6vw,88px)}
.hero::before{content:"";position:absolute;top:-180px;right:-120px;width:760px;height:760px;background:radial-gradient(closest-side,rgba(61,214,140,.15),transparent 72%);pointer-events:none}
.hero::after{content:"";position:absolute;bottom:-260px;left:-200px;width:700px;height:700px;background:radial-gradient(closest-side,rgba(141,187,234,.08),transparent 70%);pointer-events:none}
.hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);gap:48px;align-items:center}
@media (min-width:980px){.hero .wrap{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:64px}}
.wrap>*,.tre>*,.passi>*,.proposte>*,.griglia>*,.conto-g>*,.testa>*,.agenzia>*{min-width:0}
.hero h1{font-weight:800;font-size:clamp(42px,6.3vw,80px);line-height:.97;letter-spacing:-.038em;margin:20px 0 24px}
.hero h1 em{font-style:normal;color:var(--verde-l);display:block}
.hero .lead b{color:var(--t-n);font-weight:500}
/* il modulo: la «pillola» (campo + bottone) e sotto, nello stesso modulo, cosa succede dopo il clic */
.start{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:6px;row-gap:12px;max-width:480px;margin-top:30px}
.start::before{content:"";grid-column:1/-1;grid-row:1;align-self:stretch;background:var(--sup);border:1px solid var(--linea-n);border-radius:999px;transition:border-color .15s ease}
.start:focus-within::before{border-color:var(--verde-l)}
.start input{grid-column:1;grid-row:1;position:relative;z-index:1;min-width:0;margin:6px 0 6px 6px;background:transparent;border:0;color:var(--t-n);font-size:16px;padding:11px 14px}
.start .cta{grid-column:2;grid-row:1;position:relative;z-index:1;margin:6px 6px 6px 0}
.start .micro{grid-column:1/-1;grid-row:2;margin:0}
.start input::placeholder{color:var(--t-n3)}
.start input:focus{outline:none}
.micro{font-size:13.5px;color:var(--t-n3);margin:12px 0 0;max-width:480px}
.garanzie{margin:22px 0 0;font-size:14px;color:var(--t-n2);max-width:480px}
.bandierina{width:11px;height:13px;flex:none}
.fondatori{display:inline-flex;flex-wrap:wrap;max-width:100%;align-items:center;gap:10px;margin-top:26px;padding:8px 14px 8px 10px;border-radius:999px;background:rgba(240,180,88,.08);border:1px solid rgba(240,180,88,.22);font-size:13.5px;color:var(--t-n2);text-decoration:none}
.fondatori b{color:var(--ambra-l);font-weight:600}

.turno{position:relative;background:linear-gradient(180deg,#1F1B16,#17140F);border:1px solid var(--linea-n);border-radius:26px;padding:20px 20px 16px;box-shadow:0 50px 90px -40px rgba(0,0,0,.85)}
.turno-h{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding-bottom:12px}
.turno-h .chi{min-width:0}
.turno-h .chi{font-weight:600;font-size:15px}
.turno-h .orologio{margin-left:auto;font-family:var(--f-mono);font-size:22px;letter-spacing:.02em;color:var(--t-n);font-variant-numeric:tabular-nums}
.turno ol{list-style:none;margin:0;padding:0}
.evt{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;padding:12px 10px;margin-inline:-10px;border-top:1px solid rgba(255,255,255,.055);border-radius:14px;transition:background-color .45s ease,box-shadow .45s ease}
.evt.ora-qui{background-color:rgba(61,214,140,.08);box-shadow:inset 3px 0 0 var(--verde-l)}
.evt time{font-family:var(--f-mono);font-size:13px;color:var(--t-n3);padding-top:3px;font-variant-numeric:tabular-nums}
.dep{display:flex;align-items:center;gap:7px;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--t-n3)}
.dep svg{width:13px;height:13px;flex:none}
.said{margin:5px 0 3px;color:var(--t-n);font-weight:500;font-size:15px;line-height:1.4}
.did{margin:0 0 8px;color:var(--t-n2);font-size:14px;line-height:1.45}
.buongiorno{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;margin-top:10px;background:var(--carta);color:var(--ink);border-radius:18px;padding:13px 14px;box-shadow:0 22px 40px -22px rgba(0,0,0,.7);transition:box-shadow .5s ease}
.turno.fine .buongiorno{box-shadow:0 22px 40px -22px rgba(0,0,0,.7),0 0 0 3px rgba(61,214,140,.45)}
.badge{width:40px;height:40px;border-radius:12px;background:var(--verde);display:grid;place-items:center}
.badge svg{width:15px;height:18px}
.buongiorno p{margin:0;font-size:14px;line-height:1.4;color:var(--ink-2)}
.buongiorno p b{color:var(--ink);font-weight:600}
.buongiorno .riga{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}
.buongiorno .cta{padding:7px 14px;font-size:13.5px;background:var(--ink);color:var(--carta)}
.buongiorno .ora{font-family:var(--f-mono);font-size:11px;color:var(--ink-3);margin-left:auto}

/* ---------- 2. i canali ---------- */
.canali{padding-block:8px 72px}
.canali .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px}
.canali p{margin:0;font-size:14px;color:var(--t-n3);margin-right:6px}
.canali ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.canali li{display:flex;align-items:center;gap:8px;padding:7px 13px;border:1px solid var(--linea-n);border-radius:999px;font-size:14px;color:var(--t-n2)}
.canali li i{width:8px;height:8px;border-radius:50%;display:block}

/* ---------- 3. i tre reparti ---------- */
.reparti{background:var(--notte-2)}
.testa{display:grid;gap:18px;margin-bottom:44px}
@media (min-width:900px){.testa{grid-template-columns:1.1fr .9fr;align-items:end;gap:48px}}
.testa .eyebrow{margin-bottom:14px}
.tre{display:grid;gap:18px}
@media (min-width:980px){.tre{grid-template-columns:repeat(3,1fr)}}
.rep{display:flex;flex-direction:column;gap:18px;background:var(--sup);border:1px solid var(--linea-n);border-radius:26px;padding:22px}
.rep-h{display:flex;align-items:flex-start;gap:14px}
.rep-h .ico{width:44px;height:44px;border-radius:14px;background:var(--sup-2);display:grid;place-items:center;flex:none}
.rep-h .ico svg{width:22px;height:22px}
.rep-h h3{font-size:26px}
.rep-h p{margin:3px 0 0;color:var(--t-n2);font-size:15px}
.mock{background:var(--notte-2);border:1px solid var(--linea-n);border-radius:18px;padding:14px}
.rep ul.fa{list-style:none;margin:auto 0 0;padding:0;display:grid;gap:9px}
.rep ul.fa li{display:flex;align-items:flex-start;gap:10px;font-size:15px;color:var(--t-n)}
.rep ul.fa li .bandierina{margin-top:5px}
.rep ul.fa li .tag{margin-left:auto;align-self:center}
.rep ul.fa li.dopo{color:var(--t-n2)}

/* post */
.post-h{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.av{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#A87445,#E0B67A);display:grid;place-items:center;font-size:11px;font-weight:600;color:#2B1B0C}
.post-h b{display:block;font-size:13.5px;font-weight:600;line-height:1.2}
.post-h small{display:block;font-size:12px;color:var(--t-n3)}
/* la foto del post d'esempio e' una foto vera di pane (CC0, static/img/landing/LICENZA.md): il titolare la
   scatta, araldo la mette nel post. Il velo scuro in basso tiene leggibile il titolo. */
.post-img{aspect-ratio:4/3;border-radius:12px;background:linear-gradient(180deg,rgba(20,12,6,0) 35%,rgba(20,12,6,.72) 100%),url("../img/landing/forno-aurora.9f65f2f23e20.webp") center/cover no-repeat,#4A2F18;display:flex;flex-direction:column;justify-content:flex-end;padding:14px;color:#FFF7EA;text-shadow:0 1px 2px rgba(0,0,0,.45)}
.post-img span{font-family:var(--f-disp);font-weight:800;font-size:clamp(26px,3vw,30px);line-height:.95;letter-spacing:-.02em}
.post-img i{font-style:normal;font-size:12.5px;opacity:.85;margin-top:6px}
.post-c{font-size:13.5px;color:var(--t-n2);margin:10px 0 6px;line-height:1.45}
.perche{font-size:12.5px;color:var(--blu-l);margin:0 0 12px;line-height:1.4}
.azioni{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.b-ok{background:var(--verde-l);color:var(--verde-scuro);border:0;border-radius:999px;padding:7px 14px;font-size:13.5px;font-weight:600}
.b-g{background:transparent;color:var(--t-n2);border:1px solid var(--linea-n);border-radius:999px;padding:6px 13px;font-size:13.5px}
.azioni .st{margin-left:auto}

/* contatti */
.crm-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}
.crm-h b{font-size:13.5px;font-weight:600}
.crm-h span{font-family:var(--f-mono);font-size:11.5px;color:var(--t-n3)}
.crm{list-style:none;margin:0;padding:0}
.crm li{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:11px 0;border-top:1px solid rgba(255,255,255,.06)}
.crm li b{font-size:14px;font-weight:500}
.crm li small{grid-column:1;font-size:12.5px;color:var(--t-n3)}
.crm li .st{grid-row:1/span 2;grid-column:2;align-self:center;justify-self:end}
.crm li .val{grid-column:1/-1;font-family:var(--f-mono);font-size:12px;color:var(--t-n2);font-variant-numeric:tabular-nums}
.pronto{margin-top:10px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(240,180,88,.07);border:1px solid rgba(240,180,88,.18);font-size:13px;color:var(--t-n2)}
.pronto .b-ok{margin-left:auto;padding:6px 12px;font-size:12.5px}

/* chat */
.chat{display:flex;flex-direction:column;gap:8px}
.bolla{max-width:86%;padding:9px 12px;border-radius:16px;font-size:13.5px;line-height:1.4}
.bolla small{display:block;font-family:var(--f-mono);font-size:10.5px;color:var(--t-n3);margin-top:4px}
.bolla.lui{align-self:flex-start;background:var(--sup-2);border-bottom-left-radius:6px}
.bolla.noi{align-self:flex-end;background:rgba(61,214,140,.12);color:#DDF6E8;border-bottom-right-radius:6px}
.bolla.noi small{color:var(--verde-l)}
.passo{align-self:center;display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--t-n2);margin-top:2px}

/* ---------- 4. come funziona ---------- */
.come{background:var(--notte-3)}
/* --- v8/landing-immagini ---: le tre schermate vere */
.dentro{background:var(--notte-2)}
.schermate{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}
.schermata{margin:0;display:flex;flex-direction:column;gap:10px}
.schermata img{width:100%;height:auto;aspect-ratio:1280/800;border-radius:14px;border:1px solid var(--linea-n);background:var(--sup);box-shadow:0 18px 40px rgba(0,0,0,.35)}
.schermata figcaption{font-size:15px;color:var(--t-n2);line-height:1.4}
.nota-schermate{font-size:15px;color:var(--t-n3);margin:22px 0 0}
@media (max-width:899px){.schermate{grid-template-columns:1fr;gap:26px}}
.passi{display:grid;gap:18px;counter-reset:p}
@media (min-width:980px){.passi{grid-template-columns:repeat(3,1fr)}}
.passo-c{display:flex;flex-direction:column;gap:16px}
.num{display:flex;align-items:center;gap:12px}
.num span{width:34px;height:34px;border-radius:50%;border:1px solid var(--linea-n);display:grid;place-items:center;font-family:var(--f-mono);font-size:14px;color:var(--verde-l)}
.num i{flex:1;height:1px;background:linear-gradient(90deg,var(--linea-n),transparent)}
.passo-c p{margin:0;color:var(--t-n2);font-size:15.5px;max-width:30em}
.campo{display:flex;align-items:center;gap:8px;background:var(--sup-2);border-radius:12px;padding:10px 12px;font-family:var(--f-mono);font-size:13px;color:var(--t-n)}
.campo svg{width:14px;height:14px;flex:none}
.capito{margin-top:10px;background:rgba(141,187,234,.08);border:1px solid rgba(141,187,234,.2);border-radius:14px;padding:12px 13px}
.capito b{display:block;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--blu-l);font-weight:500;margin-bottom:6px}
.capito p{font-size:13.5px;color:#DCE6F1;line-height:1.45}
.agenda{list-style:none;margin:0;padding:0}
.agenda li{display:grid;grid-template-columns:38px 44px 1fr;gap:8px;align-items:baseline;padding:9px 0;border-top:1px solid rgba(255,255,255,.06);font-size:13.5px}
.agenda li:first-child{border-top:0;padding-top:2px}
.agenda .g{font-family:var(--f-mono);font-size:12px;color:var(--t-n3)}
.agenda .h{font-family:var(--f-mono);font-size:12px;color:var(--t-n2);font-variant-numeric:tabular-nums}
.agenda .cosa b{font-weight:500;color:var(--t-n)}
.agenda .cosa{color:var(--t-n2)}
.appr{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.appr li{display:flex;align-items:center;gap:10px;background:var(--sup-2);border-radius:12px;padding:9px 10px 9px 12px;font-size:13.5px}
.appr li span{flex:1;min-width:0}
.appr li span small{display:block;font-size:12px;color:var(--t-n3)}
.si{border:1px solid var(--linea-n);background:transparent;color:var(--t-n2);border-radius:999px;padding:6px 12px;font-size:13px;min-width:56px}
.si[aria-pressed="true"]{background:var(--verde-l);border-color:var(--verde-l);color:var(--verde-scuro);font-weight:600}
.libero{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:13px;color:var(--t-n2)}
.interr{position:relative;width:40px;height:24px;border-radius:999px;border:0;background:var(--linea-n);padding:0;flex:none;transition:background .2s ease}
.interr::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--t-n);transition:transform .2s ease}
.interr[aria-checked="true"]{background:var(--verde-l)}
.interr[aria-checked="true"]::after{transform:translateX(16px);background:var(--verde-scuro)}

/* ---------- 5. l'alba ---------- */
.alba{background:linear-gradient(180deg,#1B1713 0%,#241E2A 16%,#3F2F4A 32%,#7A5068 50%,#C98672 66%,#EBB98F 80%,#F5DDB9 90%,#F7F5F0 100%);padding-block:clamp(80px,10vw,140px) clamp(96px,12vw,170px);overflow:hidden}
.alba::after{content:"";position:absolute;left:50%;bottom:-340px;width:1100px;height:620px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(255,226,170,.75),rgba(255,226,170,0) 72%);pointer-events:none}
.alba .wrap{position:relative;z-index:1}
.alba .testa .lead{color:#CFC4D6}
.proposte{display:grid;gap:16px}
@media (min-width:860px){.proposte{grid-template-columns:repeat(2,1fr)}}
.prop{background:rgba(21,17,15,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:14px}
.prop .chi{display:flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--blu-l)}
.prop .chi svg{width:14px;height:14px}
.prop .chi .rep-t{margin-left:auto;color:var(--t-n3)}
.prop p.dice{margin:0;font-size:17.5px;line-height:1.4;font-weight:500;color:var(--t-n)}
.prop .azioni .st{margin-left:0}
.grafico{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;align-items:end;height:128px;padding-top:22px}
.barra{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:100%}
.barra i{display:block;border-radius:6px 6px 3px 3px;background:#4A433A;min-height:3px}
.barra.top i{background:var(--verde-l)}
.barra em{position:absolute;left:50%;transform:translateX(-50%);font-style:normal;font-family:var(--f-mono);font-size:11px;color:var(--verde-l);white-space:nowrap}
.giorni{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;font-family:var(--f-mono);font-size:11px;color:var(--t-n3);text-align:center;margin-top:6px}
.leg{font-size:12px;color:var(--t-n3);margin:2px 0 0}

/* ---------- 6. il mattino: da qui la carta ---------- */
.giorno{background:var(--carta);color:var(--ink);color-scheme:light}
.giorno .eyebrow{color:var(--ink-3)}
.giorno .lead{color:var(--ink-2)}
.conto-g{display:grid;gap:40px;align-items:start}
@media (min-width:980px){.conto-g{grid-template-columns:1fr 1fr;gap:64px}}
.conto{background:var(--carta-2);border:1px solid var(--linea);border-radius:26px;padding:22px;box-shadow:0 30px 60px -40px rgba(20,18,15,.35)}
.conto-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.conto-h b{font-weight:600;font-size:16px}
.conto-h span{font-family:var(--f-mono);font-size:12px;color:var(--ink-3)}
.conto-h .tag{margin-left:auto}
.righe{list-style:none;margin:0;padding:0}
.righe li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--linea);font-size:15px;color:var(--ink-2)}
.righe li b{font-family:var(--f-mono);font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums}
.righe li.vero b{color:var(--verde)}
.cambio{margin-top:10px;background:var(--blu-tinta);border-radius:16px;padding:14px}
.cambio b{display:block;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--blu);font-weight:500;margin-bottom:6px}
.cambio p{margin:0;font-size:14.5px;color:#1C3550;line-height:1.45}
.onesto{list-style:none;margin:34px 0 0;padding:0;display:grid;gap:24px}
.onesto li{display:grid;grid-template-columns:auto 1fr;gap:14px}
.onesto .bandierina{width:14px;height:17px;margin-top:6px}
.onesto h3{font-size:24px;color:var(--ink)}
.onesto p{margin:4px 0 0;color:var(--ink-2);font-size:15.5px}

.fatti{padding-block:0 clamp(72px,9vw,120px)}
.fatti ul{list-style:none;margin:0;padding:28px 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:28px 20px;border-top:1px solid var(--linea)}
@media (min-width:880px){.fatti ul{grid-template-columns:repeat(4,1fr)}}
.fatti b{display:block;font-family:var(--f-disp);font-weight:800;font-size:clamp(40px,5vw,62px);line-height:1;letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:var(--ink)}
.fatti span{display:block;margin-top:8px;color:var(--ink-2);font-size:15px;max-width:16em}

.chi-e{background:var(--carta-3)}
.mestieri{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 0;padding:0}
.mestieri li{padding:10px 16px;border-radius:999px;border:1px solid #D3CEC2;background:var(--carta);font-size:15px;color:var(--ink)}
.agenzia{margin-top:40px;display:grid;gap:22px;background:var(--ink);color:var(--carta);border-radius:26px;padding:clamp(22px,4vw,40px)}
@media (min-width:880px){.agenzia{grid-template-columns:1.2fr .8fr;align-items:center}}
.agenzia h3{font-size:clamp(26px,3vw,34px);font-weight:800;letter-spacing:-.03em}
.agenzia p{margin:10px 0 0;color:#C9C3B5;font-size:16px;max-width:34em}
.agenzia .cta{justify-self:start}
@media (min-width:880px){.agenzia .cta{justify-self:end}}

.prezzi .griglia{display:grid;gap:16px;margin-top:40px}
@media (min-width:900px){.prezzi .griglia{grid-template-columns:repeat(3,1fr)}}
.piano{background:var(--carta-2);border:1px solid var(--linea);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:14px}
.piano h3{font-size:22px;color:var(--ink)}
.piano .per{margin:0;color:var(--ink-2);font-size:15px}
.prezzo{display:flex;align-items:baseline;gap:8px}
.prezzo b{font-family:var(--f-disp);font-weight:800;font-size:48px;letter-spacing:-.035em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.prezzo span{color:var(--ink-3);font-size:14px}
.piano ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:15px;color:var(--ink)}
.piano ul li{display:flex;gap:10px;align-items:flex-start}
.piano ul li .bandierina{margin-top:5px}
.piano .cta{margin-top:auto;align-self:flex-start}
.nota-prezzi{margin:18px 0 0;color:var(--ink-2);font-size:14.5px;max-width:60em}
.fond{margin-top:22px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;background:var(--verde);color:#FFFFFF;border-radius:22px;padding:18px 22px}
.fond b{font-family:var(--f-disp);font-weight:800;font-size:26px;letter-spacing:-.02em}
.fond span{color:#D7EBDD;font-size:15px}
.fond .cta{margin-left:auto;background:#FFFFFF;color:var(--verde)}

.fine-cta{background:var(--verde);color:#FFFFFF;overflow:hidden}
.fine-cta::before{content:"";position:absolute;right:-160px;top:-160px;width:520px;height:520px;background:radial-gradient(closest-side,rgba(61,214,140,.35),transparent 72%)}
.fine-cta .wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:26px}
.fine-cta h2{max-width:14em}
.fine-cta .lead{color:#D7EBDD}
.fine-cta .start::before{background:#FFFFFF;border-color:#FFFFFF}
.fine-cta .start input{color:var(--ink)}
.fine-cta .start input::placeholder{color:var(--ink-3)}
.fine-cta .start:focus-within::before{border-color:var(--verde-l)}
.fine-cta .start .cta{background:var(--ink);color:var(--carta)}
.fine-cta .micro{color:#CFE6D6}

footer{background:var(--ink);color:#A9A396;font-size:14px;padding-block:44px}
footer .wrap{display:grid;gap:18px}
@media (min-width:880px){footer .wrap{grid-template-columns:1fr auto;align-items:end}}
footer nav{display:flex;flex-wrap:wrap;gap:18px}
footer a{text-decoration:none;color:#D9D4C8}
footer p{margin:0;max-width:40em}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none!important;animation:none!important}
}

/* ---------- dal prototipo al sito (01/10): niente stile scritto negli attributi, tutto qui ---------- */
.defs{position:absolute;width:0;height:0;overflow:hidden}
.b-n{color:var(--t-n)}
.b-n2{color:var(--t-n2)}
.b-n3{color:var(--t-n3)}
.b-ink{color:var(--ink)}
.bandierina.grande{width:14px;height:17px}
.canali li i.c-ig{background:#E1306C}
.canali li i.c-fb{background:#1877F2}
.canali li i.c-li{background:#0A66C2}
.canali li i.c-x{background:#E7E3DA}
.canali li i.c-tt{background:#25F4EE}
.canali li i.c-yt{background:#FF0033}
.canali li i.c-em{background:#8DBBEA}
.canali li i.c-sito{background:#3DD68C}
.alba .eyebrow{color:#B7A9C2}
.alba .testa .tag{margin-left:10px;border-color:rgba(255,255,255,.18);color:#CFC4D6;vertical-align:middle}
.grafico .barra:nth-child(1) i,.grafico .barra:nth-child(7) i{height:11.1%}
.grafico .barra:nth-child(2) i,.grafico .barra:nth-child(5) i{height:22.2%}
.grafico .barra:nth-child(3) i{height:0}
.grafico .barra:nth-child(4) i{height:33.3%}
.grafico .barra:nth-child(6) i{height:100%}
.barra.top em{bottom:calc(100% + 4px)}
.h2-sotto{margin-top:14px}
.w15{max-width:15em}
.lead-sotto{margin-top:18px}
/* le lingue: in testata accanto ad «Accedi», nel piè di pagina per esteso */
.lingue{position:relative}
.lingue summary{list-style:none;cursor:pointer;font-family:var(--f-mono);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--t-n2);padding:6px 10px;border:1px solid var(--linea-n);border-radius:999px}
.lingue summary::-webkit-details-marker{display:none}
.lingue[open] summary{color:var(--t-n);border-color:var(--t-n3)}
.lingue ul{position:absolute;right:0;top:calc(100% + 8px);list-style:none;margin:0;padding:6px;background:var(--sup);border:1px solid var(--linea-n);border-radius:14px;min-width:150px;box-shadow:0 20px 40px -20px rgba(0,0,0,.8)}
.lingue li a{display:block;padding:8px 10px;border-radius:9px;text-decoration:none;color:var(--t-n2);font-size:14px}
.lingue li a:hover,.lingue li a[aria-current="true"]{background:var(--sup-2);color:var(--t-n)}
footer .lingue-piede{display:flex;flex-wrap:wrap;gap:6px 14px;font-family:var(--f-mono);font-size:15px}
footer .lingue-piede a[aria-current="true"]{color:var(--verde-l)}
footer .app-lingue{color:#8F897C;font-size:13px}

/* ---------- il menu del telefono: sotto gli 880 px la navigazione sta qui, con «Accedi» e le lingue ---------- */
.menu-btn{display:none;position:relative;width:48px;height:48px;border-radius:10px;border:1px solid var(--linea-n);background:transparent;padding:0;flex:none}
.menu-btn i{position:absolute;left:14px;right:14px;height:2px;border-radius:2px;background:var(--t-n)}
.menu-btn i:nth-of-type(1){top:16px}.menu-btn i:nth-of-type(2){top:23px}.menu-btn i:nth-of-type(3){top:30px}
.menu-btn[aria-expanded="true"]{border-color:var(--t-n3)}
.mobile-nav{display:none;border-top:1px solid rgba(255,255,255,.06);padding:8px 20px 16px}
.mobile-nav.open{display:grid;gap:2px}
.mobile-nav a{display:flex;align-items:center;min-height:48px;padding:0 4px;text-decoration:none;color:var(--t-n);font-size:17px;border-radius:10px}
.mobile-nav a:hover{background:var(--sup)}
.lingue-tel{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0}
.lingue-tel a{justify-content:center;min-width:48px;border:1px solid var(--linea-n);font-family:var(--f-mono);font-size:15px}
.lingue-tel a[aria-current="true"]{border-color:var(--verde-l);color:var(--verde-l)}
@media (max-width:1079px){.menu-btn{display:inline-block}.lingue{display:none}}
@media (min-width:1080px){.mobile-nav,.mobile-nav.open{display:none}}
@media (max-width:399px){.top .cta{display:none}}

/* ---------- il piede: ogni collegamento grande come un dito, staccato dagli altri ---------- */
.site-footer .wrap{align-items:start}
.site-footer a{display:inline-flex;align-items:center;min-height:48px}
.site-footer .piede-testo{display:grid;gap:10px}
.piede-logo svg{height:20px;width:auto;display:block}
.site-footer .cols{display:grid;grid-auto-flow:column;grid-template-rows:repeat(4,auto);justify-content:start;column-gap:36px;row-gap:8px}
.site-footer .contatti{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;font-size:15px}
.site-footer .no-telefono{color:#C9C3B5}
.site-footer .diritti{color:#8F897C;font-size:13px}
footer .lingue-piede{gap:8px 18px;margin-top:6px}

/* ---------- i prezzi: come si paga sta sotto il titolo, prima della cifra ---------- */
.pagamento{margin:18px 0 0;color:var(--ink-2);font-size:16px;max-width:46em}
.inizio{margin:14px 0 0;color:var(--ink);font-size:16px;font-weight:500;max-width:34em}

/* ---------- sul telefono nessun testo sotto i 15 px (la regola delle pagine pubbliche, tests/test_public_phone.py) ---------- */
@media (max-width:719px){
  .eyebrow,.st,.tag,.dep,.evt time,.did,.buongiorno p,.buongiorno .ora,.buongiorno .cta,.canali p,.canali li,.post-h b,.post-h small,.post-img i,.post-c,.perche,.b-ok,.b-g,.crm-h b,.crm-h span,.crm li b,.crm li small,.crm li .val,.pronto,.pronto .b-ok,.bolla,.bolla small,.passo,.campo,.capito b,.capito p,.agenda li,.agenda .g,.agenda .h,.appr li,.appr li span small,.si,.libero,.prop .chi,.barra em,.giorni,.leg,.conto-h span,.cambio b,.cambio p,.prezzo span,.nota-prezzi,.micro,.garanzie,.fondatori,.site-footer,.site-footer .diritti,.lingue-piede,.app-lingue,.top .cta,.pagamento,.inizio{font-size:15px}
  .st,.tag{white-space:normal;padding:6px 10px}
  .agenda li{grid-template-columns:46px 50px minmax(0,1fr)}
  .evt{grid-template-columns:52px minmax(0,1fr)}
}

/* le conseguenze scritte sotto i bottoni dei piani e dei fondatori, e il collegamento delle agenzie */
.piano .dopo-cta{margin:0;color:var(--ink-3);font-size:13.5px}
.fond-dopo{flex-basis:100%;margin:0;color:#D7EBDD;font-size:14px}
.ag-vai{display:grid;gap:8px;justify-items:start}
@media (min-width:880px){.ag-vai{justify-items:end;text-align:right}}
.link-ag{display:inline-flex;align-items:center;gap:8px;min-height:48px;color:var(--carta);font-weight:600;font-size:17px;text-decoration:underline;text-underline-offset:4px}
.ag-dopo{margin:0;color:#C9C3B5;font-size:14px;max-width:24em}
@media (max-width:719px){.piano .dopo-cta,.fond-dopo,.ag-dopo{font-size:15px}}

/* la bandierina degli elenchi, disegnata dal CSS (una per riga, senza un <svg> nel documento) */
.rep ul.fa li::before,.piano ul li::before{content:"";flex:none;width:11px;height:13px;margin-top:5px;background:no-repeat center/contain}
.rep ul.fa li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 26'%3E%3Crect x='1' y='1' width='3' height='24' rx='1.5' fill='%23F3EFE6'/%3E%3Cpath d='M6 2.5h15l-4.6 5.2L21 13H6z' fill='%233DD68C'/%3E%3C/svg%3E")}
.rep ul.fa li.dopo::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 26'%3E%3Crect x='1' y='1' width='3' height='24' rx='1.5' fill='%237F786C'/%3E%3Cpath d='M6 2.5h15l-4.6 5.2L21 13H6z' fill='%233DD68C'/%3E%3C/svg%3E")}
.piano ul li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 26'%3E%3Crect x='1' y='1' width='3' height='24' rx='1.5' fill='%2314120F'/%3E%3Cpath d='M6 2.5h15l-4.6 5.2L21 13H6z' fill='%231E6B3A'/%3E%3C/svg%3E")}

/* le ancore della pagina non finiscono sotto la testata attaccata in alto */
html{scroll-padding-top:84px}
@media (max-width:719px){.av{font-size:15px;width:36px;height:36px}.num span{font-size:15px}}

/* la chiusura verde: dalla larghezza di un tablet, il titolo a sinistra e il modulo a destra (la pagina piena) */
@media (min-width:820px){
  .fine-cta .wrap{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);column-gap:48px;align-items:end}
  .fine-cta .wrap>h2{grid-column:1;grid-row:1}
  .fine-cta .wrap>.lead{grid-column:1;grid-row:2}
  .fine-cta .wrap>div{grid-column:2;grid-row:1/span 2;align-self:end}
  .fine-cta .start{max-width:none}
}

/* la barra di chi legge in inglese con un browser italiano */
.prefer-bar{background:var(--sup);border-bottom:1px solid var(--linea-n);color:var(--t-n2);font-size:15px}
.prefer-bar .wrap{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;min-height:48px;padding-block:8px}
.prefer-bar .link{color:var(--verde-l);font-weight:600}
.col-piano{margin-top:10px}