/* La barra comune è definita in topbar.css per tutte le pagine Laravel. */
html{scrollbar-gutter:stable}
main{position:relative}
/* Una presentazione dei prodotti dentro la Home. */
.home-guide{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:40px;margin:8px 0;padding:36px;border:1px solid #658e9e;border-radius:16px;background:radial-gradient(ellipse at 90% 5%,rgba(132,205,219,.16),transparent 62%),linear-gradient(125deg,#153748,#244e61);box-shadow:0 12px 30px rgba(23,58,76,.09),inset 0 1px rgba(221,246,251,.25);color:#fff}
.home-guide-copy{min-width:0}
.home-guide .eyebrow{margin:0 0 16px;color:#cde7ef;font-size:10px;letter-spacing:1.6px}
.home-guide h2{margin:0;color:#fff;font-size:clamp(28px,2.7vw,36px);line-height:1.2;letter-spacing:-.7px}
.home-guide-copy>p:not(.eyebrow){margin:18px 0 0;color:#e1eef2;font-size:15px;line-height:1.75}
.home-guide .button{margin-top:24px;min-height:44px;font-size:14px;gap:16px;background:#f1f7fa;border-color:#c4dbe7;color:#163a4e}
.home-guide .button:hover{background:#e2eef3}
.home-guide-image{min-width:0;margin:0;overflow:hidden;border:1px solid rgba(218,238,244,.5);border-radius:12px;box-shadow:0 10px 26px rgba(5,25,39,.2)}
.home-guide-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
@media(max-width:900px){.home-guide{grid-template-columns:1fr;padding:26px;gap:26px}.home-guide-image{width:100%;max-width:560px}}
@media(max-width:700px){.home-guide{margin:32px 0;padding:24px}.home-guide-copy>p:not(.eyebrow){font-size:14px}}

.managed-workspace .managed-service{padding:36px;background:#edf4f3}.managed-workspace .managed-service>div{display:block;max-width:760px}.managed-workspace h1{font:600 var(--section-title)/1.16 var(--presentation-font);letter-spacing:-1.5px;color:var(--portal-text)}.managed-workspace .managed-service .eyebrow{margin-bottom:20px}.managed-workspace .managed-service p:not(.eyebrow){font-size:16px;line-height:1.75;margin-top:20px}.managed-workspace .managed-service .button{margin-top:26px}.managed-workspace .managed-service small{display:block;font-size:12px}
/* Le tre presentazioni condividono misure e allineamenti. */
:is(#pratiche,#scadenzario,#affida-pratica).workspace>.presentation-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;min-height:384px;gap:40px;padding:36px;margin:0 0 36px;border-radius:16px}
:is(#pratiche,#scadenzario,#affida-pratica).workspace>.presentation-intro h1{font-size:clamp(32px,3.4vw,46px);line-height:1.15;letter-spacing:-1.2px}
:is(#pratiche,#scadenzario,#affida-pratica).workspace>.presentation-intro .eyebrow{font-size:10px;line-height:1.6;letter-spacing:1.6px;margin-bottom:18px}
:is(#pratiche,#scadenzario,#affida-pratica).workspace>.presentation-intro :is(.section-intro-copy>p:not(.eyebrow):not(.practice-demo-label),.section-heading>div>p:not(.eyebrow),.managed-service>div>p:not(.eyebrow)){font-size:15px;line-height:1.75}
:is(#pratiche,#scadenzario).workspace>.presentation-intro figure{aspect-ratio:16/9;min-width:0;align-self:center}
:is(#pratiche,#scadenzario).workspace>.presentation-intro figure img{height:100%;width:100%;aspect-ratio:auto;object-fit:cover}
#affida-pratica>.presentation-intro>div{min-width:0}
#affida-pratica>.presentation-intro .managed-illustration{width:100%;max-width:560px;aspect-ratio:16/9;margin:0;border-radius:12px;box-shadow:0 10px 24px rgba(22,61,77,.13);overflow:hidden}
#affida-pratica>.presentation-intro .managed-illustration svg{display:block;width:100%;height:100%}
/* Finitura specchiata delle tre presentazioni: riflesso statico sotto i contenuti. */
#pratiche>.presentation-intro{--mirror-surface:#c9deef;--mirror-border:#7298b3}
#scadenzario>.presentation-intro{--mirror-surface:#b9d6db;--mirror-border:#638f9b}
#affida-pratica>.presentation-intro{--mirror-surface:#dfeceb;--mirror-border:#7a9fa3}
:is(#pratiche,#scadenzario,#affida-pratica).workspace>.presentation-intro{position:relative;isolation:isolate;background-color:var(--mirror-surface);background-image:linear-gradient(145deg,rgba(255,255,255,.28),rgba(255,255,255,.04) 42%,rgba(21,66,85,.07));border-color:var(--mirror-border);box-shadow:0 10px 26px rgba(22,61,77,.065),inset 0 1px rgba(255,255,255,.75),inset 0 -1px rgba(32,79,94,.08)}
:is(#pratiche,#scadenzario,#affida-pratica).workspace>.presentation-intro::before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;background:linear-gradient(116deg,transparent 36%,rgba(255,255,255,.24) 36.2%,rgba(255,255,255,.07) 53%,transparent 53.2%),radial-gradient(ellipse at 90% 0,rgba(239,254,255,.2),transparent 65%)}
:is(#pratiche,#scadenzario,#affida-pratica).workspace>.presentation-intro::after{content:"";position:absolute;inset:1px;z-index:0;border:1px solid rgba(255,255,255,.32);border-bottom-color:rgba(40,86,101,.07);border-radius:14px;pointer-events:none}
:is(#pratiche,#scadenzario,#affida-pratica).workspace>.presentation-intro>*{position:relative;z-index:1}
:is(#pratiche,#scadenzario).workspace>.presentation-intro figure img{box-shadow:0 5px 16px rgba(15,47,63,.11)}
/* La luce resta sulle cornici; il movimento indica soltanto le schede cliccabili. */
:is(#pratiche,#scadenzario).workspace>.presentation-intro figure{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 8px 22px rgba(15,47,63,.1)}
:is(#pratiche,#scadenzario).workspace>.presentation-intro figure::after{content:"";position:absolute;inset:0;border:1px solid rgba(222,248,251,.35);border-radius:inherit;box-shadow:inset 0 1px rgba(245,255,255,.25);pointer-events:none}
:is(#pratiche,#scadenzario,#affida-pratica).workspace>.presentation-intro::after{background:radial-gradient(ellipse at 12% 0,rgba(255,255,255,.18),transparent 42%)}
.home>.pillars>button{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
@media(hover:hover) and (pointer:fine){.home>.pillars>button:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(23,58,76,.09)}}
@media(prefers-reduced-motion:reduce){.home>.pillars>button{transition:none;transform:none}}

@media(max-width:900px){:is(#pratiche,#scadenzario,#affida-pratica).workspace>.presentation-intro{grid-template-columns:1fr;min-height:0;gap:24px;padding:26px;margin-bottom:28px}:is(#pratiche,#scadenzario).workspace>.presentation-intro figure{max-width:560px}:is(#pratiche,#scadenzario,#affida-pratica).workspace>.presentation-intro h1{font-size:34px;letter-spacing:-1px}}
@media(max-width:700px){:is(#pratiche,#scadenzario,#affida-pratica).workspace>.presentation-intro{padding:24px}}
.hero-stage{background-image:linear-gradient(90deg,rgba(8,44,58,.78),rgba(17,65,80,.58)),url('/presentation/assets/studio-hero-v3.png')}.hero-stage .lead,.hero-stage .floating-label,.hero-stage .hero-demo-note{color:#e3edf0}.hero-stage .window-top{color:#405f69}.hero-stage .mini-steps{color:#3e6269}.hero-stage .preview-status p{color:#3e6269}
/* Prova Home: riflesso singolo sulla fotografia, sotto testi e comandi. */
.hero-gloss-preview{isolation:isolate;overflow:hidden}
.hero-gloss-preview>.hero-copy,.hero-gloss-preview>.hero-visual,.hero-gloss-preview>.hero-demo-note{z-index:1}
.hero-gloss-preview>.hero-copy,.hero-gloss-preview>.hero-visual{position:relative}
.hero-gloss-preview::before,.hero-gloss-preview::after{content:"";position:absolute;pointer-events:none;z-index:0}
.hero-gloss-preview::before{inset:0;border-radius:inherit;background:radial-gradient(ellipse at 82% 8%,rgba(203,248,255,.12),transparent 58%),linear-gradient(125deg,transparent 48%,rgba(220,251,255,.045) 64%,transparent 79%);box-shadow:inset 0 1px rgba(229,253,255,.26),inset 0 0 36px rgba(162,225,238,.035)}
.hero-gloss-preview::after{top:-25%;bottom:-25%;left:-45%;width:40%;background:linear-gradient(90deg,transparent,rgba(219,249,255,.025) 25%,rgba(240,255,255,.2) 49%,rgba(225,252,255,.06) 66%,transparent);opacity:0;transform:translateX(0) skewX(-18deg)}
.hero-gloss-preview.hero-gloss-opening::after{animation:home-gloss-sweep 2.6s .25s cubic-bezier(.22,.55,.35,1) 1 both}
@keyframes home-gloss-sweep{0%{opacity:0;transform:translateX(0) skewX(-18deg)}15%{opacity:1}75%{opacity:.85}100%{opacity:0;transform:translateX(410%) skewX(-18deg)}}
@media(prefers-reduced-motion:reduce){.hero-gloss-preview.hero-gloss-opening::after{animation:none}}
@media(max-width:760px){.hero-stage{background-image:linear-gradient(180deg,rgba(8,44,58,.8),rgba(17,65,80,.79)),url('/presentation/assets/studio-hero-v3.png')}.managed-workspace .managed-service{padding:24px}.managed-workspace .managed-service p:not(.eyebrow){font-size:14px}}
.home-sections{position:sticky;top:var(--portal-topbar-height,100px);z-index:900;display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 5vw;border-bottom:1px solid var(--portal-border);background:var(--portal-surface);font-family:var(--portal-font)}
.home-sections[hidden]{display:none}.home-sections button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;min-height:42px;margin:0;padding:9px 14px;border:1px solid var(--portal-border);border-radius:7px;background:var(--portal-surface);color:var(--portal-text);font:500 14px/1.5 var(--portal-font);cursor:pointer}.home-sections button:hover{background:var(--portal-tint)}.home-sections button[aria-current=page]{background:var(--portal-primary);border-color:var(--portal-primary);color:#fff}.home-sections button:focus-visible{outline:3px solid var(--portal-focus);outline-offset:-2px}
@media(max-width:480px){.home-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;padding:10px 20px;gap:6px}.home-sections button{font-size:12px;padding:8px 4px}}