/* Pagina pubblica del CRM. Parte da landing.css di VEDA Analytics con i token del sito veda.consulting. */
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url('/sito/fonts/inter-latin-variable.woff2') format('woff2')}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:200 900;font-display:swap;src:url('/sito/fonts/source-serif-4-latin-wght-normal.woff2') format('woff2')}
:root{--ink:#081f3a;--muted:#334660;--soft-ink:#6f7a8b;--gold:#b97924;--border:#ded8cd;--paper:#fffdf8;--bg:#fbfaf7;--on-ink:#fff;--primary-hover:#163d63;--glow:#f5e8ca;--soft:#f1eee7;--soft-2:#e6e0d4;--dot:#ded8cd;--track:#f1eee7;--shadow:rgba(8,31,58,.1);--serif:'Source Serif 4','Source Serif Pro',Georgia,'Times New Roman',serif;font-family:Inter,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;-webkit-font-smoothing:antialiased;color-scheme:light}
:root[data-theme=dark]{--ink:#f5f0e7;--muted:#c8d0dc;--soft-ink:#93a0b1;--gold:#e0aa4f;--border:rgba(245,240,231,.16);--paper:#0f2034;--bg:#081525;--on-ink:#081525;--primary-hover:#e4ddd0;--glow:rgba(58,112,184,.22);--soft:rgba(245,240,231,.08);--soft-2:rgba(245,240,231,.14);--dot:rgba(245,240,231,.18);--track:rgba(245,240,231,.08);--shadow:rgba(0,0,0,.4);color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(ellipse 60% 40% at 85% 0%,var(--glow),transparent 70%),var(--bg);overflow-x:hidden}
a{color:inherit}
a:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}
h1,h2,h3{margin:0}
h1,h2{font-family:var(--serif);letter-spacing:-.01em}
h3{letter-spacing:-.01em}
p{margin:0}
.site-header,main,.site-footer{max-width:1120px;margin:0 auto;padding-inline:clamp(16px,4vw,40px)}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:12px;height:80px}
.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-size:20px;font-weight:740;letter-spacing:.035em}
.brand-sub{display:block;font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--soft-ink);margin-top:1px}
.button{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--ink);border-radius:8px;padding:9px 16px;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;min-height:40px}
.button.primary{background:var(--ink);color:var(--on-ink)}
.button.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}
.button.large{padding:13px 22px;font-size:14px;min-height:48px}
.eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-weight:650;margin-bottom:14px}
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding:72px 0 96px}
.hero h1{font-size:clamp(32px,4.2vw,46px);line-height:1.12;font-weight:600;max-width:15em}
.lead{font-size:18px;line-height:1.6;color:var(--muted);margin-top:22px;max-width:34em}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:34px}
.text-link{font-size:14px;font-weight:550;text-underline-offset:4px}
/* Anteprima astratta dell'app: schede, card, una riga di agenda, le colonne delle trattative. Nessun dato. */
.preview{margin:0;background:var(--paper);border:1px solid var(--border);border-radius:16px;box-shadow:0 30px 70px var(--shadow);overflow:hidden}
.preview-bar{display:flex;gap:6px;padding:14px 16px;border-bottom:1px solid var(--border)}
.preview-bar span{width:9px;height:9px;border-radius:50%;background:var(--dot)}
.preview-body{padding:22px;display:grid;gap:18px}
.preview-tabs{display:flex;gap:8px}
.preview-tabs span{display:block;width:64px;height:22px;border-radius:999px;border:1px solid var(--border)}
.preview-tabs .on{background:var(--ink);border-color:var(--ink)}
.preview-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.preview-cards div{border:1px solid var(--border);border-radius:10px;padding:14px;display:grid;gap:10px}
.preview-cards i{display:block;height:6px;width:55%;border-radius:4px;background:var(--soft-2)}
.preview-cards b{display:block;height:14px;width:75%;border-radius:4px;background:var(--ink)}
.preview-cards .gold b{background:var(--gold)}
.preview-agenda{display:grid;gap:8px}
.preview-agenda div{display:grid;grid-template-columns:8px 1fr 44px;align-items:center;gap:12px;border:1px solid var(--border);border-radius:10px;padding:11px 14px}
.preview-agenda i{display:block;width:8px;height:8px;border-radius:50%;background:var(--gold)}
.preview-agenda b{display:block;height:8px;width:72%;border-radius:4px;background:var(--ink)}
.preview-agenda div+div b{width:54%}
.preview-agenda div+div i{background:var(--dot)}
.preview-agenda em{display:block;height:8px;border-radius:4px;background:var(--soft-2)}
.preview-pipe{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.preview-pipe div{display:grid;align-content:start;gap:8px;background:var(--soft);border-radius:10px;padding:10px}
.preview-pipe i{display:block;height:6px;width:60%;border-radius:4px;background:var(--soft-ink);opacity:.5}
.preview-pipe b{display:block;height:24px;border-radius:6px;background:var(--paper);border:1px solid var(--border)}
.preview-pipe div:last-child b{border-color:var(--gold)}
.section{padding:72px 0;border-top:1px solid var(--border)}
.section h2{font-size:clamp(26px,3vw,34px);line-height:1.2;font-weight:600;max-width:20em}
.section p{font-size:15px;line-height:1.7;color:var(--muted)}
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.split h2+p{margin-top:16px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}
.cards article{background:var(--paper);border:1px solid var(--border);border-radius:12px;padding:24px}
.cards .icon{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:var(--soft);font-size:19px;margin-bottom:18px}
.cards h3{font-size:16px;font-weight:650;margin-bottom:10px}
.cards p{font-size:14px;line-height:1.6}
.cards.two{grid-template-columns:repeat(2,1fr)}
.steps{margin:0;padding:0;list-style:none;display:grid;counter-reset:step;gap:14px}
.steps li{counter-increment:step;background:var(--paper);border:1px solid var(--border);border-radius:12px;padding:20px 22px 20px 64px;position:relative;font-size:15px;line-height:1.6;color:var(--muted)}
.steps li::before{content:counter(step);position:absolute;left:20px;top:19px;width:28px;height:28px;border-radius:50%;background:var(--ink);color:var(--on-ink);font-size:13px;font-weight:650;display:grid;place-items:center}
.steps strong{display:block;color:var(--ink);font-weight:650}
.cta{text-align:center;background:var(--paper);border:1px solid var(--border);border-radius:18px;padding:64px 24px;margin:24px 0 72px;display:grid;justify-items:center;gap:20px}
.cta h2{font-size:clamp(26px,3vw,34px);line-height:1.2;font-weight:600;max-width:18em}
.cta p{font-size:15px;line-height:1.6;color:var(--muted);max-width:34em}
.cta .note{font-size:13px;color:var(--soft-ink)}
.cta .note a{color:var(--ink);text-underline-offset:3px}
.site-footer{display:flex;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;padding-top:24px;padding-bottom:40px;font-size:12px;line-height:1.6;color:var(--soft-ink);border-top:1px solid var(--border)}
.footer-links{display:flex;flex-wrap:wrap;gap:6px 16px}
.footer-button{padding:0;border:0;background:none;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}
.footer-button:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}
.header-actions{display:flex;align-items:center;gap:12px}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:52px;height:40px;padding:0;border:1px solid var(--border);border-radius:8px;background:var(--paper);cursor:pointer;flex:none}
.theme-toggle:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.theme-track{position:relative;width:32px;height:18px;border-radius:999px;background:var(--track)}
.theme-dot{position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:var(--gold);box-shadow:inset -3px -2px 0 rgba(255,255,255,.55)}
.theme-toggle[aria-pressed=true] .theme-dot{transform:translateX(14px);box-shadow:inset 4px -1px 0 var(--paper)}
@media (max-width:960px){.cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:820px){.hero,.split{grid-template-columns:1fr;gap:36px}.hero{padding:40px 0 64px}.section{padding:56px 0}}
@media (max-width:520px){.cards,.cards.two{grid-template-columns:1fr}.site-header{height:68px}.site-header .button{padding:8px 13px}.lead{font-size:16px}.hero-actions{gap:16px}.hero-actions .button{width:100%;justify-content:center}.preview-body{padding:16px}.preview-pipe{gap:6px}.preview-pipe div{padding:8px}.steps li{padding:18px 18px 18px 58px}.steps li::before{left:16px}.cta{padding:48px 20px}}
@media (prefers-reduced-motion:no-preference){.button{transition:background .15s}.theme-dot{transition:transform .25s ease,box-shadow .25s ease}}
.legal{max-width:760px;padding:56px 0 72px}.legal h1{font-size:clamp(28px,4vw,40px);line-height:1.15;font-weight:600}.legal .updated{font-size:13px;color:var(--soft-ink);margin-top:10px}.legal h2{font-size:21px;font-weight:600;margin-top:36px}.legal p,.legal li{font-size:15px;line-height:1.7;color:var(--muted)}.legal p{margin-top:10px}.legal ul{margin:10px 0 0;padding-left:20px;display:grid;gap:6px}.legal strong{color:var(--ink);font-weight:600}.legal code{font-size:.92em}.legal a{color:inherit;text-decoration:underline;text-underline-offset:2px}
/* Banner cookie: struttura e testi del sito (CookieBanner.astro e docs/cookie-banner-design-spec.md), token della pagina. */
:root{--switch-off:#b9b1a3;--switch-on:var(--ink);--switch-thumb:#fff}
:root[data-theme=dark]{--switch-off:rgba(245,240,231,.28);--switch-on:var(--gold);--switch-thumb:var(--bg)}
.cookie-banner{position:fixed;inset-inline:0;bottom:0;z-index:1000;padding:16px 16px max(16px,env(safe-area-inset-bottom));opacity:0;transform:translateY(16px);transition:opacity 240ms ease-out,transform 240ms ease-out;pointer-events:none}
.cookie-banner.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}
.cookie-banner__inner{max-width:1120px;margin-inline:auto;background:var(--paper);border:1px solid var(--border);border-radius:14px 14px 0 0;box-shadow:0 12px 40px var(--shadow);padding:16px 20px}
.cookie-banner__summary{display:grid;gap:16px}
.cookie-banner__copy{min-width:0}
.cookie-banner__title{margin:0 0 8px;font-family:inherit;font-size:17px;font-weight:700;line-height:1.25}
.cookie-banner__description{max-width:60ch;color:var(--muted);font-size:14px;line-height:1.55}
.cookie-banner__description a{color:var(--ink);font-weight:500;text-decoration-thickness:1px;text-underline-offset:.16em}
.cookie-banner__description a:hover{color:var(--gold)}
.cookie-banner__actions,.cookie-banner__panel-actions{display:flex;gap:12px;flex-wrap:wrap}
.cookie-banner__button{min-height:44px;padding:12px 20px;border:1.5px solid;border-radius:8px;font:inherit;font-size:14px;font-weight:600;line-height:1.2;text-align:center;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
.cookie-banner__button--primary{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}
.cookie-banner__button--primary:hover,.cookie-banner__button--primary:focus-visible{background:var(--primary-hover);border-color:var(--primary-hover)}
.cookie-banner__button--secondary{background:transparent;border-color:var(--ink);color:var(--ink)}
.cookie-banner__button--secondary:hover,.cookie-banner__button--secondary:focus-visible,.cookie-banner__button--neutral:hover,.cookie-banner__button--neutral:focus-visible{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}
.cookie-banner__button--neutral{background:transparent;border-color:var(--soft-2);color:var(--ink)}
.cookie-banner__panel{max-height:0;opacity:0;overflow:clip;transition:max-height 200ms ease-out,opacity 200ms ease-out}
.cookie-banner__panel-surface{margin-top:16px;border-top:1px solid var(--border);border-radius:8px;background:var(--soft);padding:16px}
.cookie-banner__rows{display:grid;gap:12px}
.cookie-banner__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--paper)}
.cookie-banner__text{min-width:0}
.cookie-banner__label{display:block;margin:0 0 4px;font-size:14px;font-weight:600;line-height:1.25}
.cookie-banner__note{color:var(--muted);font-size:13px;line-height:1.5}
.cookie-banner__switch-wrap{display:grid;justify-items:end;gap:8px}
.cookie-banner__status{color:var(--muted);font-size:13px;line-height:1.5}
.cookie-banner__switch{appearance:none;width:48px;height:28px;margin:0;border:none;border-radius:999px;background:var(--switch-off);cursor:pointer;position:relative;transition:background-color 200ms ease-out}
.cookie-banner__switch::before{content:"";position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;background:var(--switch-thumb);box-shadow:0 1px 3px rgba(8,31,58,.25);transition:transform 200ms ease-out}
.cookie-banner__switch:checked{background:var(--switch-on)}
.cookie-banner__switch:checked::before{transform:translateX(20px)}
.cookie-banner__switch:disabled{cursor:not-allowed}
.cookie-banner__panel-actions{margin-top:16px}
.cookie-banner :is(a,button,input):focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media (min-width:960px){.cookie-banner__summary{grid-template-columns:minmax(0,1fr) auto;column-gap:20px;align-items:center}.cookie-banner__actions{justify-content:flex-end}.cookie-banner__row{align-items:center}}
@media (max-width:639px){.cookie-banner{padding-inline:0;padding-top:0}.cookie-banner__inner{border-inline:none;border-bottom:none;padding:16px}.cookie-banner__actions,.cookie-banner__panel-actions{flex-direction:column}.cookie-banner__button{width:100%}}
@media (prefers-reduced-motion:reduce){.cookie-banner,.cookie-banner__panel,.cookie-banner__switch,.cookie-banner__switch::before,.cookie-banner__button{transition:none}}