/* ==========================================================================
SCA Polish — overlay su identity.css / sca-variant.css
Caricare DOPO i due fogli esistenti. Nessuna modifica ai file originali.
Rimuovere il per tornare al look precedente.
========================================================================== */
/* ---- 1. Font locali (niente CDN: coerente con "offline-first") ---------- */
@font-face{font-family:"Inter";font-weight:400;font-style:normal;font-display:swap;src:url("../fonts/inter-400.woff2") format("woff2")}
@font-face{font-family:"Inter";font-weight:500;font-style:normal;font-display:swap;src:url("../fonts/inter-500.woff2") format("woff2")}
@font-face{font-family:"Inter";font-weight:600;font-style:normal;font-display:swap;src:url("../fonts/inter-600.woff2") format("woff2")}
@font-face{font-family:"Inter Display";font-weight:700;font-style:normal;font-display:swap;src:url("../fonts/inter-display-700.woff2") format("woff2")}
/* ---- 2. Token aggiuntivi ------------------------------------------------ */
:root{
--sca-blue:#0e90fe; /* blu del marchio (swoosh) */
--sca-mark-fg:#0f2f58; --sca-mark-accent:var(--sca-blue);
--sca-mono:ui-monospace,"SF Mono","JetBrains Mono","Roboto Mono",Menlo,Consolas,monospace;
--sca-display:"Inter Display","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
--sca-panel:linear-gradient(165deg,#0f2f58 0%,#0a1d33 55%,#071322 100%);
--sca-dial:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%22-104 -104 208 208%22 stroke=%22%23000%22 fill=%22none%22 stroke-linecap=%22round%22%3E%3Cline x1=%220%22 y1=%22-86%22 x2=%220%22 y2=%22-99%22 stroke-width=%221.8%22 transform=%22rotate(-135.00)%22/%3E%3Cline x1=%220%22 y1=%22-86%22 x2=%220%22 y2=%22-92%22 stroke-width=%221%22 transform=%22rotate(-128.25)%22/%3E%3Cline x1=%220%22 y1=%22-86%22 x2=%220%22 y2=%22-92%22 stroke-width=%221%22 transform=%22rotate(-121.50)%22/%3E%3Cline x1=%220%22 y1=%22-86%22 x2=%220%22 y2=%22-92%22 stroke-width=%221%22 transform=%22rotate(-114.75)%22/%3E%3Cline x1=%220%22 y1=%22-86%22 x2=%220%22 y2=%22-92%22 stroke-width=%221%22 transform=%22rotate(-108.00)%22/%3E%3Cline x1=%220%22 y1=%22-86%22 x2=%220%22 y2=%22-99%22 stroke-width=%221.8%22 transform=%22rotate(-101.25)%22/%3E%3Cline x1=%220%22 y1=%22-86%22 x2=%220%22 y2=%22-92%22 stroke-width=%221%22 transform=%22rotate(-94.50)%22/%3E%3Cline x1=%220%22 y1=%22-86%22 x2=%220%22 y2=%22-92%22 stroke-width=%221%22 transform=%22rotate(-87.75)%22/%3E%3Cline x1=%220%22 y1=%22-86%22 x2=%220%22 y2=%22-92%22 stroke-width=%221%22 transform=%22rotate(-81.00)%22/%3E%3Cline x1=%220%22 y1=%22-86%22 x2=%220%22 y2=%22-92%22 stroke-width=%221%22 transform=%22rotate(-74.25)%22/%3E%3Cline x1=%220%22 y1=%22-86%22 x2=%220%22 y2=%22-99%22 stroke-width=%221.8%22 transform=%22rotate(-67.50)%22/%3E%3Cline x1=%220%22 y1=%22-86%22 x2=%220%22 y2=%22-92%22 stroke-width=%221%22 transform=%22rotate(-60.75)%22/%3E%3Cline x1=%220%22 y1=%22-86%22 x2=%220%22 y2=%22-92%22 stroke-width=%221%22 transform=%22rotate(-54.00)%22/%3E%3Cline x1=%220%22 y1=%22-86%22 x2=%220%22 y2=%22-92%22 stroke-width=%221%22 transform=%22rotate(-47.25)%22/%3E%3Cline x1=%220%22 y1=%22-86%22 x2=%220%22 y2=%22-92%22 stroke-width=%221%22 transform=%22rotate(-40.50)%22/%3E%3Cline x1=%220%22 y1=%22-86%22 x2=%220%22 y2=%22-99%22 stroke-width=%221.8%22 transform=%22rotate(-33.75)%22/%3E%3Cline x1=%220%22 y1=%22-86%22 x2=%220%22 y2=%22-92%22 stroke-width=%221%22 transform=%22rotate(-27.00)%22/%3E%3Cline x1=%220%22 y1=%22-86%22 x2=%220%22 y2=%22-92%22 stroke-width=%221%22 transform=%22rotate(-20.25)%22/%3E%3Cline x1=%220%22 y1=%22-86%22 x2=%220%22 y2=%22-92%22 stroke-width=%221%22 transform=%22rotate(-13.50)%22/%3E%3Cline x1=%220%22 y1=%22-86%22 x2=%220%22 y2=%22-92%22 stroke-width=%221%22 transform=%22rotate(-6.75)%22/%3E%3Cline x1=%220%22 y1=%22-86%22 x2=%220%22 y2=%22-99%22 stroke-width=%221.8%22 transform=%22rotate(0.00)%22/%3E%3Cline x1=%220%22 y1=%22-86%22 x2=%220%22 y2=%22-92%22 stroke-width=%221%22 transform=%22rotate(6.75)%22/%3E%3Cline x1=%220%22 y1=%22-86%22 x2=%220%22 y2=%22-92%22 stroke-width=%221%22 transform=%22rotate(13.50)%22/%3E%3Cline x1=%220%22 y1=%22-86%22 x2=%220%22 y2=%22-92%22 stroke-width=%221%22 transform=%22rotate(20.25)%22/%3E%3Cline x1=%220%22 y1=%22-86%22 x2=%220%22 y2=%22-92%22 stroke-width=%221%22 transform=%22rotate(27.00)%22/%3E%3Cline x1=%220%22 y1=%22-86%22 x2=%220%22 y2=%22-99%22 stroke-width=%221.8%22 transform=%22rotate(33.75)%22/%3E%3Cline x1=%220%22 y1=%22-86%22 x2=%220%22 y2=%22-92%22 stroke-width=%221%22 transform=%22rotate(40.50)%22/%3E%3Cline x1=%220%22 y1=%22-86%22 x2=%220%22 y2=%22-92%22 stroke-width=%221%22 transform=%22rotate(47.25)%22/%3E%3Cline x1=%220%22 y1=%22-86%22 x2=%220%22 y2=%22-92%22 stroke-width=%221%22 transform=%22rotate(54.00)%22/%3E%3Cline x1=%220%22 y1=%22-86%22 x2=%220%22 y2=%22-92%22 stroke-width=%221%22 transform=%22rotate(60.75)%22/%3E%3Cline x1=%220%22 y1=%22-86%22 x2=%220%22 y2=%22-99%22 stroke-width=%221.8%22 transform=%22rotate(67.50)%22/%3E%3Cline x1=%220%22 y1=%22-86%22 x2=%220%22 y2=%22-92%22 stroke-width=%221%22 transform=%22rotate(74.25)%22/%3E%3Cline x1=%220%22 y1=%22-86%22 x2=%220%22 y2=%22-92%22 stroke-width=%221%22 transform=%22rotate(81.00)%22/%3E%3Cline x1=%220%22 y1=%22-86%22 x2=%220%22 y2=%22-92%22 stroke-width=%221%22 transform=%22rotate(87.75)%22/%3E%3Cline x1=%220%22 y1=%22-86%22 x2=%220%22 y2=%22-92%22 stroke-width=%221%22 transform=%22rotate(94.50)%22/%3E%3Cline x1=%220%22 y1=%22-86%22 x2=%220%22 y2=%22-99%22 stroke-width=%221.8%22 transform=%22rotate(101.25)%22/%3E%3Cline x1=%220%22 y1=%22-86%22 x2=%220%22 y2=%22-92%22 stroke-width=%221%22 transform=%22rotate(108.00)%22/%3E%3Cline x1=%220%22 y1=%22-86%22 x2=%220%22 y2=%22-92%22 stroke-width=%221%22 transform=%22rotate(114.75)%22/%3E%3Cline x1=%220%22 y1=%22-86%22 x2=%220%22 y2=%22-92%22 stroke-width=%221%22 transform=%22rotate(121.50)%22/%3E%3Cline x1=%220%22 y1=%22-86%22 x2=%220%22 y2=%22-92%22 stroke-width=%221%22 transform=%22rotate(128.25)%22/%3E%3Cline x1=%220%22 y1=%22-86%22 x2=%220%22 y2=%22-99%22 stroke-width=%221.8%22 transform=%22rotate(135.00)%22/%3E%3Cpath d=%22M-60.8 60.8A86 86 0 1 1 60.8 60.8%22 stroke-width=%220.8%22/%3E%3Cpath d=%22M-60.8 60.8A70 70 0 1 1 60.8 60.8%22 stroke-width=%220.5%22 stroke-dasharray=%221 4%22/%3E%3C/svg%3E");
--sca-tick:#62bfff; --sca-ease:cubic-bezier(.2,.7,.2,1);
--sca-glow:0 0 0 1px #62bfff22,0 30px 60px -24px #0e90fe66;
}
html[data-sca-variant="consultant"]{
--sca-mark-fg:#edf2fd;
--sca-panel:linear-gradient(165deg,#0c1d2d 0%,#08131d 60%,#060b11 100%);
}
body{font-feature-settings:"cv05","ss01" 0,"kern";font-variant-numeric:tabular-nums;text-rendering:optimizeLegibility}
.sc-site :is(h1,h2){font-family:var(--sca-display);font-weight:700;letter-spacing:-.032em}
.sc-site h3{font-weight:600;letter-spacing:-.015em}
.sc-site :is(h1,h2,h3,h4){font-weight:inherit}
.sc-site h1{font-weight:700}.sc-site h2{font-weight:700}.sc-site h3{font-weight:600}
/* ---- 3. Etichette "da strumento" (eyebrow, numeri, stato) -------------- */
.sc-eyebrow,.sc-status,.sc-step-number{font-family:var(--sca-mono);font-size:var(--fs-2xs)!important;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.sc-step-number{font-size:var(--fs-2xs);display:inline-flex;align-items:center;gap:var(--sp-2)}
.sc-step-number::after{content:"";width:2.2rem;height:1px;background:currentColor;opacity:.35}
/* ---- 4. Header --------------------------------------------------------- */
.sc-header{background:color-mix(in srgb,var(--sc-paper) 84%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);transition:box-shadow .3s var(--sca-ease),border-color .3s}
.sc-header.is-scrolled{box-shadow:0 10px 30px -18px #000a;border-bottom-color:color-mix(in srgb,var(--sc-line) 70%,var(--sc-accent))}
.sc-brand{gap:.8rem}
.sc-site .sc-brand-mark{width:72px;height:auto;aspect-ratio:1145/665;flex-shrink:0;overflow:visible}
.sc-site .sc-footer-brand .sc-brand-mark{width:104px}
.sc-brand>span{display:flex;flex-direction:column;gap:var(--sp-1);font-family:var(--sca-display);font-weight:700;font-size:var(--fs-md);letter-spacing:-.02em;line-height:1}
.sc-brand-sub{font-family:var(--sca-mono)!important;font-size:.625rem!important;font-weight:600!important;letter-spacing:.26em!important;text-transform:uppercase;color:var(--sc-accent)!important}
.sc-desktop-nav a{position:relative;border-radius:8px;transition:color .2s}
.sc-desktop-nav a::after{content:"";position:absolute;left:.75rem;right:.75rem;bottom:.35rem;height:2px;border-radius:2px;background:var(--sc-accent);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--sca-ease)}
.sc-desktop-nav a:hover::after,.sc-desktop-nav a[aria-current]::after{transform:scaleX(1)}
.sc-site .sc-desktop-nav a:hover{text-decoration:none}
.sc-language{border:1px solid var(--sc-line);border-radius:10px;font-family:var(--sca-mono);font-size:var(--fs-2xs)!important;font-weight:600;letter-spacing:.08em;min-width:44px;transition:border-color .2s,background .2s}
.sc-site .sc-language:hover{border-color:var(--sc-accent);background:var(--sc-surface);text-decoration:none}
.sc-theme-switch{background:var(--sc-surface);border-radius:12px;padding:3px}
.sc-theme-switch a{gap:.4rem;border-radius:9px;transition:background .2s,color .2s;font-weight:500}
.sc-theme-switch a::before{content:"";width:14px;height:14px;background:currentColor;-webkit-mask:var(--sca-ic) center/contain no-repeat;mask:var(--sca-ic) center/contain no-repeat}
.sc-theme-switch a[href*="design=sca"]{--sca-ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8Z%22/%3E%3C/svg%3E")}
.sc-theme-switch a[href*="design=original"]{--sca-ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%224%22/%3E%3Cpath d=%22M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4%22/%3E%3C/svg%3E")}
.sc-theme-switch [aria-current=true]{background:var(--sc-white);box-shadow:0 1px 0 #fff1 inset,0 2px 8px -4px #000a;font-weight:600}
.sc-site .sc-theme-switch a:hover{text-decoration:none;color:var(--sc-ink)}
/* ---- 5. Bottoni e link ------------------------------------------------- */
.sc-site .sc-btn{transition:transform .2s var(--sca-ease),box-shadow .25s,border-color .2s,background .2s}
.sc-site .sc-btn-primary{background:linear-gradient(180deg,var(--sc-action),color-mix(in srgb,var(--sc-action) 88%,#000));box-shadow:0 1px 0 #fff3 inset,0 10px 24px -12px var(--sca-blue)}
.sc-site .sc-btn-primary:hover{transform:translateY(-1px);box-shadow:0 1px 0 #fff3 inset,0 16px 30px -12px var(--sca-blue);text-decoration:none}
.sc-site .sc-btn:active{transform:translateY(0)}
.sc-site .sc-link,.sc-site .sc-feature a,.sc-site .sc-steps a{transition:letter-spacing .25s var(--sca-ease)}
.sc-site .sc-link:hover,.sc-site .sc-feature a:hover,.sc-site .sc-steps a:hover{text-decoration:none;letter-spacing:.012em}
:where(a,button,summary,[tabindex]):focus-visible{outline:2px solid var(--sc-accent);outline-offset:3px;border-radius:6px;box-shadow:0 0 0 5px color-mix(in srgb,var(--sc-accent) 25%,transparent)}
/* ---- 6. Hero: pannello strumentazione ---------------------------------- */
.sc-hero-panel{grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:0;padding:0;overflow:hidden;border-radius:28px;box-shadow:var(--sc-shadow)}
.sc-hero-copy{padding:clamp(1.5rem,4vw,3.25rem)}
.sc-hero h1{max-width:13ch;font-size:var(--fs-5xl);line-height:var(--lh-h1)}
.sc-hero-visual{position:relative;isolation:isolate;align-self:stretch;justify-self:stretch;width:auto;margin:0;padding:2.75rem 1.5rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:var(--sca-panel);border-left:1px solid var(--sc-line);color:#a5b6c6}
.sc-hero-visual::before{content:"";position:absolute;z-index:-1;inset:8% -2% 8% -2%;background:var(--sca-tick);opacity:.3;-webkit-mask:var(--sca-dial) center/contain no-repeat;mask:var(--sca-dial) center/contain no-repeat}
.sc-hero-visual::after{content:"";position:absolute;z-index:-1;left:50%;top:48%;width:70%;aspect-ratio:1;translate:-50% -50%;background:radial-gradient(closest-side,#0e90fe55,transparent);filter:blur(10px)}
.sc-hero-visual .sc-image-link{width:min(100%,262px);border:7px solid #1b2f40;border-radius:30px;box-shadow:0 40px 70px -28px #000c,0 0 0 1px #ffffff14 inset,var(--sca-glow);transition:transform .5s var(--sca-ease)}
.sc-hero-visual .sc-image-link:hover{transform:translateY(-4px) rotate(-.6deg)}
.sc-hero-visual figcaption{color:#a5b6c6;font-family:var(--sca-mono);font-size:var(--fs-2xs);letter-spacing:.1em;text-transform:uppercase}
.sc-hero-visual figcaption span{opacity:.7}
.sc-site .sca-gauge{position:absolute;left:-2%;top:8%;width:104%;height:84%;z-index:-1;pointer-events:none;overflow:visible}
.sca-gauge path{fill:none;stroke:var(--sca-blue);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:sca-sweep 1.6s .25s var(--sca-ease) forwards}
@keyframes sca-sweep{to{stroke-dashoffset:calc(var(--len)*.34)}}
.hero-benefit svg{color:var(--sc-accent)}
.sc-bridge{padding-top:2rem}
/* ---- 7. Funzioni ------------------------------------------------------- */
.sc-feature{position:relative;transition:border-color .3s}
.sc-feature::before{content:"";position:absolute;left:0;right:100%;top:-2px;height:2px;background:var(--sc-accent);transition:right .5s var(--sca-ease)}
.sc-feature:hover::before{right:0}
.sc-feature-more>div{align-items:center;gap:var(--sp-3);font-weight:600;font-size:var(--fs-sm)}
.sc-feature-more svg{box-sizing:content-box;width:20px;height:20px;padding:10px;border-radius:12px;background:color-mix(in srgb,var(--sc-accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--sc-accent) 28%,transparent)}
.sc-feature-more small{font-weight:400;font-size:var(--fs-sm)}
/* ---- 8. Demo interattiva ---------------------------------------------- */
.sc-explorer-panel{border-radius:28px;box-shadow:var(--sc-shadow)}
.sc-explorer-copy{align-self:center}
.sc-tabs{flex-direction:column;gap:.5rem;counter-reset:scatab}
.sc-tabs button{display:flex;align-items:center;gap:.9rem;width:100%;text-align:left;padding:.75rem 1rem;border-radius:14px;font-weight:600;transition:background .2s,border-color .2s,transform .2s var(--sca-ease)}
.sc-tabs button::before{content:none}
.sc-tabs button:hover{border-color:var(--sc-accent);transform:translateX(2px)}
.sc-tabs button[aria-selected=true]{box-shadow:0 10px 24px -14px var(--sca-blue)}
.sc-tabs button[aria-selected=true]::before{opacity:1}
.sc-phone{border:7px solid #1b2f40;border-radius:32px;box-shadow:0 40px 70px -30px #000b,0 0 0 1px #ffffff12 inset}
.sc-explorer-figure figcaption{font-family:var(--sca-mono);font-size:var(--fs-2xs);letter-spacing:.04em}
.legacy-sample-badge{font-family:var(--sca-mono)!important;letter-spacing:.08em;text-transform:uppercase;font-size:9px!important;background:#0e90fe!important;color:#04121f!important}
.legacy-hotspot{box-shadow:0 6px 18px -6px #000a;transition:transform .2s var(--sca-ease),background .2s}
.legacy-hotspot:hover{transform:translateX(-2px)}
/* ---- 9. Visione ------------------------------------------------------- */
.sc-vision{background:linear-gradient(180deg,var(--sc-dark),color-mix(in srgb,var(--sc-dark) 70%,var(--sc-paper)))}
.sc-site blockquote{font-family:var(--sca-display);font-weight:600;border-left-width:4px;border-image:linear-gradient(180deg,var(--sca-blue),transparent) 1}
.sc-pillars{counter-reset:scap}
.sc-pillar{transition:border-color .3s}
.sc-pillar:hover{border-top-color:var(--sc-accent)}
.sc-pillar h3::before{counter-increment:scap;content:counter(scap,decimal-leading-zero);display:block;margin-bottom:.6rem;font-family:var(--sca-mono);font-size:var(--fs-2xs);font-weight:600;letter-spacing:.12em;color:var(--sc-accent)}
/* Diagramma "due tempi" (snippet opzionale: snippets/vision-lifecycle-*.html) */
.sca-lifecycle{margin-block:2.5rem;padding:1.5rem clamp(1rem,3vw,2rem);border:1px solid var(--sc-line);border-radius:20px;background:var(--sc-white)}
.sca-lifecycle figcaption{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem;font-family:var(--sca-mono);font-size:var(--fs-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--sc-muted)}
.sca-lc-row{display:grid;grid-template-columns:minmax(7.5rem,11rem) 1fr;gap:1rem;align-items:center;padding-block:.55rem}
.sca-lc-label{font-size:var(--fs-sm);font-weight:600;color:var(--sc-ink)}
.sca-lc-track{position:relative;height:14px;border-radius:99px;background:color-mix(in srgb,var(--sc-line) 50%,transparent)}
.sca-lc-bar{position:absolute;left:0;top:0;bottom:0;border-radius:99px;width:var(--w);background:var(--sc-muted);transform-origin:left;animation:sca-grow 1.1s var(--sca-ease) both}
.sca-lc-bar.is-ext{left:var(--from);width:calc(var(--w) - var(--from));background:linear-gradient(90deg,var(--sca-blue),var(--sc-accent))}
.sca-lc-bar.is-base{background:color-mix(in srgb,var(--sc-muted) 80%,transparent)}
.sca-lc-note{margin-top:var(--sp-4);font-size:var(--fs-sm)}
@keyframes sca-grow{from{transform:scaleX(0)}}
@media(max-width:560px){.sca-lc-row{grid-template-columns:1fr;gap:.4rem}}
/* ---- 10. FAQ ---------------------------------------------------------- */
.sc-site details:not(.sc-menu)>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;list-style:none;border-radius:10px;transition:color .2s,background .2s;padding-inline:.5rem}
.sc-site details:not(.sc-menu)>summary::-webkit-details-marker{display:none}
.sc-site details:not(.sc-menu)>summary::after{content:"";flex:none;width:18px;height:18px;background:var(--sc-accent);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M12 5v14M5 12h14%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M12 5v14M5 12h14%22/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .35s var(--sca-ease)}
.sc-site details:not(.sc-menu)[open]>summary::after{transform:rotate(135deg)}
.sc-site details:not(.sc-menu)>summary:hover{color:var(--sc-accent)}
.sc-site details:not(.sc-menu)[open]{border-top-color:var(--sc-accent)}
.sc-site details:not(.sc-menu)>p{padding-inline:.5rem;animation:sca-fade .35s var(--sca-ease)}
@keyframes sca-fade{from{opacity:0;translate:0 -4px}}
/* ---- 11. CTA finale e footer ------------------------------------------ */
.sc-final-panel{position:relative;overflow:hidden;isolation:isolate;border-radius:28px;background:var(--sca-panel);border-color:color-mix(in srgb,var(--sca-blue) 30%,var(--sc-line));padding:clamp(1.75rem,4vw,3rem)}
.sc-final-panel::before{content:"";position:absolute;z-index:-1;right:-6%;top:-70%;width:420px;aspect-ratio:1;background:var(--sca-tick);opacity:.22;-webkit-mask:var(--sca-dial) center/contain no-repeat;mask:var(--sca-dial) center/contain no-repeat}
.sc-final-panel :is(h2){color:#eaf2f8}.sc-final-panel p{color:#a5b6c6}
.sc-footer{background:linear-gradient(180deg,var(--sc-paper),color-mix(in srgb,var(--sc-paper) 92%,var(--sc-accent)))}
.sc-footer nav a{color:var(--sc-muted);transition:color .2s}.sc-footer nav a:hover{color:var(--sc-accent);text-decoration:none}
.sc-footer-bottom{font-family:var(--sca-mono);letter-spacing:.04em}
/* ---- 12. Comparsa allo scroll (aggiunta da sca-polish.js) -------------- */
.sca-reveal{opacity:0;translate:0 14px;transition:opacity .7s var(--sca-ease),translate .7s var(--sca-ease)}
.sca-reveal.is-in{opacity:1;translate:0 0}
/* ---- 13. Responsive --------------------------------------------------- */
@media(max-width:1080px){.sc-hero-panel{grid-template-columns:minmax(0,1fr) 270px}.sc-hero-visual{padding-inline:1rem}.sc-hero-visual .sc-image-link{width:min(100%,220px)}}
@media(max-width:760px){
.sc-hero-panel{grid-template-columns:1fr}
.sc-hero-visual{border-left:0;border-top:1px solid var(--sc-line);padding-block:2.25rem 1.5rem}
.sc-hero-visual .sc-image-link{width:min(72%,250px)}
.sc-site .sc-brand-mark{width:60px}
.sc-tabs{flex-direction:row;flex-wrap:wrap}.sc-tabs button{width:auto}.sc-tabs button::before{display:none}
}
@media(prefers-reduced-motion:reduce){.sca-reveal{opacity:1;translate:none}.sca-gauge path{animation:none;stroke-dashoffset:calc(var(--len)*.34)}}
/* ==========================================================================
v2 — AGGIUNTE (tutto ciò che segue è nuovo rispetto alla v1)
========================================================================== */
/* ---- 14. PAGINE LEGACY: guida, adattatori, galleria, supporto, privacy -----
Stesso linguaggio della home: token SCA al posto dei colori Tailwind,
header/footer/pannelli coerenti, contrasti AA. Nessuna modifica all'HTML
(eccetto gli snippet opzionali legacy-header-brand.html e il © del footer).
Il prefisso "html:root body:not(.sc-site)" batte il ponte di sca-variant.css. */
html:root body:not(.sc-site){
--sca-tint:color-mix(in srgb,var(--sc-accent) 12%,transparent);
--sca-tint-line:color-mix(in srgb,var(--sc-accent) 30%,transparent);
--sca-on-panel:#c9d8e6;
--sca-accent-ink:color-mix(in srgb,var(--sc-accent) 88%,#000); /* testo accent su tinte chiare: ≥ 4.5:1 */
}
html:root[data-sca-variant="consultant"] body:not(.sc-site){--sca-accent-ink:var(--sc-accent)}
html:root body:not(.sc-site) .font-display{font-family:var(--sca-display);letter-spacing:-.028em}
/* marchio nelle pagine legacy: il loro markup ha viewBox="100 125 1145 665" sull'