/* Analisi AI (page-templates/analisi.php): il questionario del plugin Xaflo Workflow Audit con i colori di Rocket Web.
 * Il plugin si colora con variabili --xaflo-*: qui si riscrivono quelle, più pulsanti bianchi come nel resto del sito
 * e gli anelli dei punteggi nei colori del tema. Il questionario si apre in sovrimpressione (.xaflo-overlay, figlio
 * di body), per questo ogni regola vale sia per .xaflo-app sia per .xaflo-overlay. Dietro c'è la tela di particelle
 * di assets/js/analisi.js: lo sfondo del plugin diventa trasparente. */
.an-page{position:relative;padding-top:84px}
.an-sky{position:absolute;left:0;right:0;top:0;height:clamp(640px,100vh,1040px);z-index:0;pointer-events:none;overflow:hidden;-webkit-mask-image:linear-gradient(transparent 40px,#000 130px,#000 70%,transparent);mask-image:linear-gradient(transparent 40px,#000 130px,#000 70%,transparent)}
.an-sky canvas{display:block;width:100%;height:100%}
/* Questionario aperto: la tela copre lo schermo sotto la sovrimpressione, che diventa trasparente. */
html.xaflo-locked .an-sky{position:fixed;inset:0;height:auto;z-index:99999;background:var(--bg);-webkit-mask-image:none;mask-image:none}
/* Con le particelle attive il vortice prende il posto della macchia colorata dell'analisi (lo spazio resta). */
.an-gl .xaflo-overlay .xaflo-siri{visibility:hidden}
/* Larga come le altre pagine (.container del tema): da solo il plugin occupa tutto lo schermo. La tela resta larga. */
.an-page .xaflo-app{position:relative;z-index:1;scroll-margin-top:80px;max-width:var(--max);margin-inline:auto;--xaflo-gutter:36px}
/* Il report si apre nella pagina, sotto la testata fissa del sito: il suo indice resta visibile sotto la testata. */
.an-page .xaflo-app .xaflo-report>.xaflo-report__nav{top:80px}
.an-page [id^="xaflo-sec-"]{scroll-margin-top:150px}

.an-page .xaflo-app,.xaflo-overlay{
 --xaflo-accent:#5f87ff!important;--xaflo-accent-contrast:#fff;
 --xaflo-ai:linear-gradient(100deg,#5f87ff 0%,#8f9dff 34%,#c6b4f1 64%,#ff9a55 100%);
 --xaflo-font:'Inter',system-ui,sans-serif;
 --xaflo-bg:#050507;--xaflo-canvas:transparent;--xaflo-bg-elevated:#0b0b11;
 --xaflo-surface:rgba(255,255,255,.04);--xaflo-surface-2:rgba(255,255,255,.07);--xaflo-surface-3:#1a1a24;
 --xaflo-glass:rgba(11,11,17,.78);--xaflo-glass-bg:rgba(255,255,255,.035);--xaflo-glass-bg-strong:rgba(14,14,22,.84);
 --xaflo-glass-border:rgba(255,255,255,.1);
 --xaflo-glass-rim:linear-gradient(140deg,rgba(95,135,255,.5),rgba(255,255,255,.06) 34%,rgba(255,255,255,0) 62%,rgba(255,154,85,.32));
 --xaflo-glass-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 30px 80px -30px rgba(0,0,0,.8);
 --xaflo-hairline:rgba(255,255,255,.07);--xaflo-separator:rgba(255,255,255,.13);
 --xaflo-text:#f4f4f7;--xaflo-text-2:#9c9cab;--xaflo-text-3:#83838f;
 --xaflo-orange:#ff9a55;--xaflo-indigo:#5f87ff;--xaflo-purple:#c6b4f1;
 --xaflo-radius-lg:24px;--xaflo-radius:18px;--xaflo-radius-sm:12px;--xaflo-radius-xs:9px;
 --xaflo-aurora-opacity:.3;
 font-family:'Inter',system-ui,sans-serif
}
.xaflo-overlay{background:transparent}
.an-page .xaflo-landing{background:transparent;box-shadow:none;border-radius:0}
/* Con le particelle accese le macchie colorate del plugin non servono. */
.an-gl .an-page .xaflo-aurora{display:none}
/* Tipografia del sito: il carattere è già Inter, ma il plugin scrive titoli e numeri a 700; nel sito i titoli sono
 * a 500 e numeri e titoli delle schede a 600. Apertura, testo e pulsanti nelle misure del tema (il plugin arriva a 92 px). */
.an-page .xaflo-app :is(h1,h2,.xaflo-display,.xaflo-title,.xaflo-section__title,.xaflo-cta__title,.xaflo-how__title,.xaflo-final__title,.xaflo-first__title,.xaflo-save__title,.xaflo-work__title),.xaflo-overlay :is(h1,h2,.xaflo-display,.xaflo-title,.xaflo-unlock__title,.xaflo-section__title){font-weight:500;letter-spacing:-.03em}
.an-page .xaflo-app :is(h3,.xaflo-tile__title,.xaflo-feature__title,.xaflo-wf__title,.xaflo-aicard__name,.xaflo-svc__name,.xaflo-numbers__value,.xaflo-stat__value,.xaflo-rings__value,.xaflo-rings-legend__value,.xaflo-kpi-tile__value,.xaflo-econ__value,.xaflo-peer__value,.xaflo-aimap__value,.xaflo-wf__saving-value),.xaflo-overlay :is(h3,.xaflo-stat__value,.xaflo-rings__value,.xaflo-rings-legend__value){font-weight:600}
.an-page .xaflo-display--hero{font-size:clamp(36px,4.4vw,58px);line-height:1.06;letter-spacing:-.035em}
.an-page .xaflo-hero .xaflo-lead,.an-page .an-pre-sub{font-size:clamp(15.5px,1.25vw,18px);line-height:1.6}
.an-page .xaflo-app .xaflo-btn--xl,.xaflo-overlay .xaflo-btn--xl{min-height:52px;padding:14px 28px;font-size:15px}
.an-page .xaflo-hero .xaflo-meta{justify-content:flex-start}
/* Apertura scritta nella pagina finché il plugin non disegna la sua (inc/analisi.php): stesse misure e stesso posto. */
.an-page .an-pre{max-width:640px;padding:clamp(8px,2vw,24px) var(--xaflo-gutter) 0}
.an-page .an-pre-sub{margin:24px 0 0;font-size:clamp(18px,2.1vw,22px);line-height:1.45;color:#9c9cab;letter-spacing:-.016em}
/* Domande frequenti sotto il questionario. */
.an-faq{position:relative;z-index:1}
.an-faq .h-sec{margin:20px 0 25px}
.an-faq-list{max-width:850px}
.an-faq-list details{border-bottom:1px solid var(--line2);padding:20px 0}
.an-faq-list summary{cursor:pointer;font-size:17px;font-weight:500;line-height:1.5}
.an-faq-list details p{margin:0;padding-top:17px;color:var(--mut);font-size:15px;line-height:1.8}
.an-faq-list a{color:#c6b4f1;text-decoration:underline;text-underline-offset:4px}
/* La testata del sito c'è già: via la barra del plugin con logo e lingue (la lingua la decide la pagina). */
.an-page .xaflo-landing__bar{display:none}
.an-page .xaflo-aurora__blob--1{background:radial-gradient(circle,#5f87ff 0%,transparent 62%)}
.an-page .xaflo-aurora__blob--2{background:radial-gradient(circle,#8f7bff 0%,transparent 62%)}
.an-page .xaflo-aurora__blob--3{background:radial-gradient(circle,#ff9a55 0%,transparent 60%)}
.an-page .xaflo-aurora__blob--4{background:radial-gradient(circle,#3a5bd9 0%,transparent 60%)}
.an-page .xaflo-aurora__grain{display:none}

/* Pulsante principale: bianco, testo scuro, come le «pill» del sito. */
.an-page .xaflo-app .xaflo-btn--primary,.xaflo-overlay .xaflo-btn--primary{background:#fff;color:#0a0a0e;box-shadow:0 14px 34px -14px rgba(95,135,255,.75)}
.an-page .xaflo-app .xaflo-btn--primary:hover,.xaflo-overlay .xaflo-btn--primary:hover{box-shadow:0 18px 44px -12px rgba(95,135,255,.9)}
.an-page .xaflo-app .xaflo-btn--glass,.xaflo-overlay .xaflo-btn--glass{background:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.an-page .xaflo-app .xaflo-btn,.xaflo-overlay .xaflo-btn{letter-spacing:-.01em}
.an-page .xaflo-display{letter-spacing:-.035em}

/* Anelli dei punteggi: Potenziale arancio, Prontezza blu, Adatto all'AI lilla. Il plugin scrive i colori negli
 * attributi; qui si riconoscono dal valore e si sostituiscono. */
.an-page stop[stop-color="#fa114f"],.xaflo-overlay stop[stop-color="#fa114f"]{stop-color:#ff8a3d}
.an-page stop[stop-color="#ff6a8d"],.xaflo-overlay stop[stop-color="#ff6a8d"]{stop-color:#ffc08a}
.an-page stop[stop-color="#a6ff00"],.xaflo-overlay stop[stop-color="#a6ff00"]{stop-color:#8fb0ff}
.an-page stop[stop-color="#30d158"],.xaflo-overlay stop[stop-color="#30d158"]{stop-color:#4f78ff}
.an-page stop[stop-color="#00d4ff"],.xaflo-overlay stop[stop-color="#00d4ff"]{stop-color:#e0d4ff}
.an-page stop[stop-color="#0a84ff"],.xaflo-overlay stop[stop-color="#0a84ff"]{stop-color:#a98bff}
.an-page circle[stroke="#fa114f"],.xaflo-overlay circle[stroke="#fa114f"]{stroke:#ff8a3d}
.an-page circle[stroke="#a6ff00"],.xaflo-overlay circle[stroke="#a6ff00"]{stroke:#5f87ff}
.an-page circle[stroke="#00d4ff"],.xaflo-overlay circle[stroke="#00d4ff"]{stroke:#c6b4f1}
.an-page [style*="--glow: #fa114f"],.xaflo-overlay [style*="--glow: #fa114f"],.an-page [style*="--c: #fa114f"],.xaflo-overlay [style*="--c: #fa114f"]{--glow:#ff8a3d!important;--c:#ff9a55!important;--c2:#ffb27a!important}
.an-page [style*="--glow: #a6ff00"],.xaflo-overlay [style*="--glow: #a6ff00"],.an-page [style*="--c: #a6ff00"],.xaflo-overlay [style*="--c: #a6ff00"]{--glow:#5f87ff!important;--c:#7f9fff!important;--c2:#9db6ff!important}
.an-page [style*="--glow: #00d4ff"],.xaflo-overlay [style*="--glow: #00d4ff"],.an-page [style*="--c: #00d4ff"],.xaflo-overlay [style*="--c: #00d4ff"]{--glow:#c6b4f1!important;--c:#c6b4f1!important;--c2:#ddd0ff!important}
.xaflo-overlay .xaflo-preview__ready{--c:#7f9fff!important}

/* Bordo luminoso e macchia dell'analisi (quando le particelle non partono): gli stessi colori. */
.xaflo-overlay .xaflo-edge-glow:before,.xaflo-overlay .xaflo-edge-glow:after{background:conic-gradient(from var(--xaflo-angle),#5f87ff,#8f7bff,#c6b4f1,#ff9a55,#5f87ff)}
.xaflo-overlay .xaflo-siri span:nth-child(1){background:radial-gradient(circle at 30% 30%,#c3d5ff,#5f87ff 60%,transparent 72%)}
.xaflo-overlay .xaflo-siri span:nth-child(2){background:radial-gradient(circle at 70% 35%,#e0d4ff,#8f7bff 58%,transparent 72%)}
.xaflo-overlay .xaflo-siri span:nth-child(3){background:radial-gradient(circle at 50% 75%,#ffc08a,#ff9a55 50%,transparent 70%)}

@media(max-width:760px){
 .an-page{padding-top:70px}
 .an-page .xaflo-app{scroll-margin-top:68px;--xaflo-gutter:20px}
 .an-page .xaflo-app .xaflo-report>.xaflo-report__nav{top:68px}
 .an-sky{height:clamp(560px,92vh,820px)}
}