/* x20dt-compliance-2910 — Vetro su tinta, leggibilità e navigazione completa. */
html[data-theme=light],html[data-theme=light] body{background-color:#fff;background-image:radial-gradient(ellipse at 12% 35%,rgba(226,235,255,.38),transparent 52%),radial-gradient(ellipse at 90% 75%,rgba(235,239,255,.32),transparent 55%);background-attachment:fixed}
html[data-theme=dark],html[data-theme=dark] body{background-color:#080d19;background-image:radial-gradient(ellipse at 12% 35%,rgba(31,53,102,.24),transparent 55%);--surface:#080d19}
.eyebrow,.hero .eyebrow,.metric-label,.brand small,.form-note,.footer p,.footer-bottom{font-size:16px}
.brand small{max-width:130px;letter-spacing:0;text-transform:none}
.header .brand-mark{font-size:30px}
html[data-theme=light] .header,html[data-theme=dark] .header{background:rgba(255,255,255,.87);backdrop-filter:blur(24px);border-bottom:1px solid rgba(111,137,192,.18)}
html[data-theme=dark] .header{background:rgba(8,13,25,.9)}
.header{gap:16px}
.header .primary-nav{gap:16px}
.hero{display:block;background:transparent!important}
.hero-copy{max-width:1050px;padding:40px 0 28px}
.hero h1{font-size:clamp(30px,3.5vw,52px);max-width:1000px}
.hero p{max-width:none}
.hero .eyebrow{margin-bottom:16px}
.mission{padding:28px 32px;margin:0}
.mission h2{font-size:clamp(26px,2.7vw,36px);font-weight:400;line-height:1.2;margin:0 0 12px}
.mission p{margin:0;font-size:18px;max-width:none}
html[data-theme=light] body main#contenuto :is(.mission.glass,article.app-card.glass,.legal.glass),html[data-theme=dark] body main#contenuto :is(.mission.glass,article.app-card.glass,.legal.glass){background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(242,247,255,.52));border:1px solid rgba(167,188,255,.36);border-radius:16px;backdrop-filter:blur(28px) saturate(130%);box-shadow:0 1px 2px rgba(22,42,84,.04),0 9px 24px rgba(22,42,84,.06),inset 0 1px 0 rgba(255,255,255,.9)}
html[data-theme=dark] body main#contenuto :is(.mission.glass,article.app-card.glass,.legal.glass){background:linear-gradient(135deg,rgba(30,43,69,.78),rgba(19,29,49,.58));border-color:rgba(167,188,255,.22);box-shadow:0 1px 3px rgba(0,0,0,.16),0 9px 24px rgba(0,0,0,.14),inset 0 1px 0 rgba(211,225,255,.1)}
.app-list{gap:24px;align-items:start}
main article.app-card.glass{padding:28px;min-width:0}
.app-card h3{font-size:28px;margin:0 0 10px;line-height:1.2}
.app-card p{max-width:none;font-size:16px;line-height:1.5}
.app-card .app-audience{margin:0 0 16px;color:inherit}
.app-features{padding-left:21px;margin:0 0 16px;display:grid;gap:8px;font-size:16px;line-height:1.5}
.app-features li::marker{color:var(--accent)}
.app-scope{border-top:1px solid rgba(128,150,190,.28);padding-top:14px;margin-top:4px}
.app-scope p+p{margin-top:5px}
html[data-theme=light] .app-card .app-price,html[data-theme=dark] .app-card .app-price{color:var(--accent);font-size:25px;line-height:1.3;margin:18px 0 8px;font-variant-numeric:tabular-nums}
.app-card .app-note{margin-top:6px}
.app-link{margin-top:12px}
.other-apps{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0 0}
.other-apps a{display:inline-flex;align-items:center;gap:10px;color:var(--accent)}
.section-heading h2{margin:0}
html{scroll-padding-top:160px}
@media(max-width:1199px){.header{flex-wrap:wrap;gap:4px 16px}.header-tools{margin-left:auto}.header .primary-nav{order:3;width:100%;margin:0;flex-wrap:wrap;gap:0 20px}}
@media(max-width:767px){.header .primary-nav{overflow:visible;flex-wrap:wrap;gap:0 18px}.all-pages{display:none}.header{padding-top:8px;padding-bottom:8px}.header-tools{gap:8px}.header-tools [data-theme-toggle] span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.brand small{font-size:16px}.hero-copy{padding:28px 0 24px}.mission{padding:22px}.mission p{font-size:16px}main article.app-card.glass{padding:22px}.app-list{gap:20px}.app-card h3{font-size:26px}.hero h1{font-size:30px}.section{padding-top:32px}html{scroll-padding-top:196px}}
@media(prefers-reduced-motion:reduce){.app-card{transition:none}html[data-theme=light] .app-card:hover{transform:none}}