/* Fabrika 06 — grafica v2 sulle landing HTML scritte a mano (.f06-*), es. AI Opportunity Sprint.
   Stesso linguaggio di agente-v2.css: giallo home #FFC700, fasce scure #111013, titoli Montserrat.
   Attiva solo con la body class f06-skin-v2 (option fsv_f06_v2_pages). Non modifica testi né modulo. */
@font-face{font-family:"F06 Display";font-style:normal;font-weight:600 900;font-display:swap;src:url(fonts/montserrat-latin-var.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212}
.f06-skin-v2 .f06{--ink:#111013;--ink2:#1A1B1F;--y:#FFC700;--y-dark:#E6B300;--y-soft:#FFF4CC;--line:#e7e1d6;--display:"F06 Display","Montserrat",system-ui,sans-serif}
.f06-skin-v2 .page-container.top-offset{padding-top:0}
.f06-skin-v2 #content{overflow-x:clip}

/* Titoli */
.f06-skin-v2 .f06 h2{font-family:var(--display);font-weight:800;font-size:clamp(2rem,4.3vw,3.5rem);line-height:1.04;letter-spacing:-.03em}
.f06-skin-v2 .f06 h3{font-family:var(--display);font-weight:700;letter-spacing:-.01em}
/* Etichette di sezione: barretta gialla davanti */
.f06-skin-v2 .f06 .f06-eyebrow{color:var(--ink);font-weight:700;letter-spacing:.12em;font-size:12.5px}
.f06-skin-v2 .f06 .f06-eyebrow::before{content:"";display:inline-block;width:26px;height:5px;border-radius:3px;background:var(--y);margin-right:12px;vertical-align:middle;position:relative;top:-1px}
.f06-skin-v2 .f06 .f06-points .f06-eyebrow{font-size:12px}
.f06-skin-v2 .f06 .f06-dark .f06-eyebrow{color:rgba(255,255,255,.75)}

/* Bottoni */
.f06-skin-v2 .f06 .f06-btn{font-family:var(--display);font-weight:800;padding:18px 30px;transition:transform .2s,background .2s,box-shadow .2s,color .2s}
.f06-skin-v2 .f06 .f06-btn .f06-arrow{transition:transform .25s}
.f06-skin-v2 .f06 .f06-btn:hover{transform:translateY(-3px)}
.f06-skin-v2 .f06 .f06-btn:hover .f06-arrow{transform:translateX(5px)}
.f06-skin-v2 .f06 .f06-btn--primary,.f06-skin-v2 .f06 .f06-btn--light{background:var(--y);color:var(--ink)!important;box-shadow:0 14px 34px -14px rgba(255,199,0,.75)}
.f06-skin-v2 .f06 .f06-btn--primary:hover,.f06-skin-v2 .f06 .f06-btn--light:hover{background:var(--y-dark)}

/* ---------- Apertura scura a tutta larghezza ---------- */
.f06-skin-v2 .f06 .f06-hero{position:relative;isolation:isolate;overflow:hidden;width:100vw;margin-left:calc(50% - 50vw);background:var(--ink);color:#fff;padding:190px 0 110px}
.f06-skin-v2 .f06 .f06-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 70% 40%,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse 80% 70% at 70% 40%,#000 30%,transparent 80%)}
.f06-skin-v2 .f06 .f06-hero::after{content:"";position:absolute;z-index:-1;width:560px;height:560px;border-radius:50%;background:var(--y);filter:blur(100px);opacity:.34;top:-180px;right:-140px;pointer-events:none;animation:f06Glow 16s ease-in-out infinite alternate}
@keyframes f06Glow{0%{transform:translate(0,0) scale(1)}50%{transform:translate(-140px,90px) scale(1.15)}100%{transform:translate(-40px,170px) scale(.9)}}
.f06-skin-v2 .f06 .f06-hero .f06-wrap{container-type:inline-size}
.f06-skin-v2 .f06 .f06-hero .f06-eyebrow{display:inline-block;background:var(--y);color:var(--ink);border-radius:999px;padding:8px 14px;margin-bottom:26px}
.f06-skin-v2 .f06 .f06-hero .f06-eyebrow::before{display:none}
.f06-skin-v2 .f06 .f06-hero h1.f06-title{--fs:clamp(2.8rem,7vw,6.2rem);font-family:var(--display);font-weight:900;font-size:var(--fs);font-size:min(var(--fs),calc(100cqi / (var(--ag-wl,8) * .74)));line-height:.98;letter-spacing:-.04em;color:#fff;max-width:13ch;margin-bottom:24px;overflow-wrap:normal;word-break:normal;hyphens:none}
.f06-skin-v2 .f06 .ag-hl{color:var(--ink);padding:0 .1em;border-radius:.08em;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:linear-gradient(var(--y),var(--y)) no-repeat 0 60%/100% 88%;}
.f06-skin-v2 .ag-crumbs ol{display:flex;flex-wrap:wrap;gap:6px 0;list-style:none;margin:0 0 34px;padding:0;font-size:.9rem}
.f06-skin-v2 .ag-crumbs li{display:inline-flex;align-items:center;color:rgba(255,255,255,.55);margin:0;padding:0;line-height:1.5}
.f06-skin-v2 .ag-crumbs li:not(:last-child)::after{content:"";width:6px;height:6px;border-radius:50%;background:#FFC700;margin:0 12px}
.f06-skin-v2 .ag-crumbs a{color:rgba(255,255,255,.8)!important;text-decoration:none!important;background-image:none!important;border-bottom:1px solid transparent;transition:border-color .2s,color .2s}
.f06-skin-v2 .ag-crumbs a:hover{color:#fff!important;border-bottom-color:#FFC700}
.f06-skin-v2 .f06 .f06-hero .f06-lead{color:rgba(255,255,255,.85);font-size:clamp(1.15rem,1.7vw,1.4rem);line-height:1.5}
.f06-skin-v2 .f06 .fs-hook{color:var(--y);font-weight:700;margin-bottom:12px!important}
.f06-skin-v2 .f06 .f06-hero .f06-btn--ghost{border:2px solid rgba(255,255,255,.55);color:#fff!important}
.f06-skin-v2 .f06 .f06-hero .f06-btn--ghost:hover{background:#fff;color:var(--ink)!important;border-color:#fff}
.f06-skin-v2 .f06 .f06-facts{border-top-color:rgba(255,255,255,.14)}
.f06-skin-v2 .f06 .f06-facts li{color:rgba(255,255,255,.6)}
.f06-skin-v2 .f06 .f06-facts strong{color:#fff;font-family:var(--display);font-weight:800;font-size:1.15rem}
.f06-skin-v2 .f06 .f06-facts li::before{content:"";display:block;width:10px;height:10px;border-radius:50%;background:var(--y);box-shadow:0 0 0 5px rgba(255,199,0,.16);margin-bottom:14px}

/* Problema */
.f06-skin-v2 .f06 .f06-sec[style*="padding-top:40px"]{padding-top:112px!important}
.f06-skin-v2 .f06 .f06-points li{transition:transform .25s}
.f06-skin-v2 .f06 .f06-points li:hover{transform:translateX(4px)}

/* Cosa ottieni: fascia scura, numeri grandi gialli */
.f06-skin-v2 .f06 .f06-dark{background:var(--ink);box-shadow:0 0 0 100vmax var(--ink)}
.f06-skin-v2 .f06 .f06-card{position:relative;overflow:hidden;isolation:isolate;background:var(--ink2);border-color:rgba(255,255,255,.1);transition:transform .25s,box-shadow .25s}
.f06-skin-v2 .f06 .f06-card::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--y);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.f06-skin-v2 .f06 .f06-card::after{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .3s;background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%),rgba(255,199,0,.14),transparent 60%)}
.f06-skin-v2 .f06 .f06-card:hover{transform:translateY(-6px);box-shadow:0 30px 50px -30px rgba(0,0,0,.8)}
.f06-skin-v2 .f06 .f06-card:hover::before{transform:scaleX(1)}
.f06-skin-v2 .f06 .f06-card:hover::after{opacity:1}
.f06-skin-v2 .f06 .f06-card .f06-n{font-family:var(--display);font-weight:900;font-size:2.6rem;line-height:1;letter-spacing:-.05em;color:var(--y)}
.f06-skin-v2 .f06 .f06-card h3{color:#fff}
.f06-skin-v2 .f06 .f06-card p{color:rgba(255,255,255,.66)}

/* Come funziona: linea gialla che si riempie, numeri grandi */
.f06-skin-v2 .f06 .f06-steps{border-top:0}
.f06-skin-v2 .f06 .f06-steps li{position:relative;padding-top:34px}
.f06-skin-v2 .f06 .f06-steps li::after{content:"";position:absolute;left:0;right:12px;top:0;height:3px;background:linear-gradient(90deg,var(--y) 50%,var(--line) 50%) no-repeat;background-size:200% 100%;background-position:100% 0;transition:background-position .9s ease}
.f06-skin-v2 .f06 .f06-steps li.is-in::after,.f06-skin-v2:not(.f06-js) .f06 .f06-steps li::after{background-position:0 0}
.f06-skin-v2 .f06 .f06-steps li::before{font-family:var(--display);font-weight:900;font-size:2.6rem;line-height:1;letter-spacing:-.05em;color:var(--ink);background:linear-gradient(transparent 62%,var(--y) 62%,var(--y) 92%,transparent 92%);display:inline-block;padding-right:4px}
.f06-skin-v2 .f06 .f06-example{background:var(--y-soft);border-left:6px solid var(--y);border-radius:0 20px 20px 0}

/* Per chi è */
.f06-skin-v2 .f06 .f06-fit-col{border-radius:22px;transition:transform .25s,box-shadow .25s}
.f06-skin-v2 .f06 .f06-yes{border:2px solid var(--ink)}
.f06-skin-v2 .f06 .f06-fit-col h3{font-size:1.35rem}
.f06-skin-v2 .f06 .f06-yes li{padding-left:40px}
.f06-skin-v2 .f06 .f06-yes li::before{content:"✓";top:10px;width:26px;height:26px;border-radius:50%;background:var(--y);color:var(--ink);display:grid;place-items:center;font-size:14px}
.f06-skin-v2 .f06 .f06-fit-col:hover{transform:translateY(-4px);box-shadow:0 26px 44px -32px rgba(17,16,19,.5)}

/* Perché Fabrika 06: numeri grandi sottolineati in giallo */
.f06-skin-v2 .f06 .f06-why{border-top:0}
.f06-skin-v2 .f06 .f06-why .f06-big{font-family:var(--display);font-weight:900;font-size:clamp(2.6rem,4.4vw,4rem);letter-spacing:-.05em;display:inline-block;background:linear-gradient(transparent 62%,var(--y) 62%,var(--y) 92%,transparent 92%) no-repeat 0 0/0 100%;transition:background-size .6s ease;padding-right:6px}
.f06-skin-v2 .f06 .f06-why li.is-in .f06-big,.f06-skin-v2:not(.f06-js) .f06 .f06-why .f06-big{background-size:100% 100%}
.f06-skin-v2 .f06 .f06-after{border-top-color:var(--line)}
.f06-skin-v2 .f06 .f06-after h3[style]{font-family:var(--display);font-weight:800;font-size:1.6rem!important;line-height:1.15}
.f06-skin-v2 .f06 .f06-after-list li{border-top:5px solid var(--y);transition:transform .25s,box-shadow .25s}
.f06-skin-v2 .f06 .f06-after-list li:hover{transform:translateY(-4px);box-shadow:0 24px 40px -30px rgba(17,16,19,.45)}

/* Prenota: fascia gialla piena, modulo su scheda bianca */
.f06-skin-v2 .f06 .f06-book{background:var(--y);box-shadow:0 0 0 100vmax var(--y)}
.f06-skin-v2 .f06 .f06-book .f06-eyebrow::before{background:var(--ink)}
.f06-skin-v2 .f06 .f06-book h2{font-size:clamp(2.2rem,4.8vw,3.9rem)}
.f06-skin-v2 .f06 .f06-book .f06-lead{color:rgba(17,16,19,.75)}
.f06-skin-v2 .f06 .f06-chip{border-color:transparent;font-weight:600}
.f06-skin-v2 .f06 .f06-form-slot{border:0;box-shadow:0 40px 70px -40px rgba(17,16,19,.55);border-top:6px solid var(--ink)}
.f06-skin-v2 #form_ai_opportunity_sprint .frm_submit button,.f06-skin-v2 #form_ai_opportunity_sprint input[type=submit]{background:var(--y,#FFC700)!important;color:#111013!important;font-family:"F06 Display","Montserrat",sans-serif!important;font-weight:800!important;padding:18px 34px!important;box-shadow:0 14px 34px -14px rgba(255,199,0,.75)!important;transition:transform .2s,background .2s}
.f06-skin-v2 #form_ai_opportunity_sprint .frm_submit button:hover{background:#E6B300!important;transform:translateY(-2px)}
.f06-skin-v2 #form_ai_opportunity_sprint input:focus,.f06-skin-v2 #form_ai_opportunity_sprint select:focus,.f06-skin-v2 #form_ai_opportunity_sprint textarea:focus{border-color:#111013!important;box-shadow:0 0 0 3px rgba(255,199,0,.45)!important}

/* FAQ */
.f06-skin-v2 .f06 .f06-faq summary{font-family:var(--display);font-weight:700;font-size:1.08rem}
.f06-skin-v2 .f06 .f06-faq summary::after{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--y-soft);color:var(--ink);font-size:1.4rem;transition:transform .3s,background .2s}
.f06-skin-v2 .f06 .f06-faq summary:hover::after,.f06-skin-v2 .f06 .f06-faq details[open] summary::after{background:var(--y)}

/* Chiusura scura */
.f06-skin-v2 .f06 .f06-final{position:relative;overflow:hidden;isolation:isolate;background:var(--ink)}
.f06-skin-v2 .f06 .f06-final::before{content:"";position:absolute;z-index:-1;width:480px;height:480px;border-radius:50%;background:var(--y);filter:blur(110px);opacity:.25;right:-120px;bottom:-240px}
.f06-skin-v2 .f06 .f06-final h2{color:#fff;font-size:clamp(2.2rem,4.6vw,3.8rem)}
.f06-skin-v2 .f06 .f06-related a{transition:background .2s,border-color .2s}
.f06-skin-v2 .f06 .f06-related a:hover{background:var(--y);border-color:var(--y)}

/* Pillola flottante */
.f06-skin-v2 .f06 .f06-pill{background:var(--ink);box-shadow:0 14px 40px rgba(0,0,0,.3)}
.f06-skin-v2 .f06 .f06-pill a{background:var(--y);color:var(--ink)!important;font-family:var(--display);font-weight:800}

/* Comparsa al passaggio (solo con JS attivo: senza JS tutto resta visibile) */
.f06-js .f06 .f06-rv{opacity:0;translate:0 22px;transition:opacity .6s ease,translate .6s ease,transform .25s,box-shadow .25s,background .2s}
.f06-js .f06 .f06-rv.is-in{opacity:1;translate:none}

@media (prefers-reduced-motion:reduce){.f06-skin-v2 .f06 .f06-hero::after,.f06-skin-v2 .f06 .ag-hl{animation:none}.f06-js .f06 .f06-rv{opacity:1;translate:none;transition:none}}
@media (max-width:1024px){.f06-skin-v2 .f06 .f06-hero{padding:170px 0 80px}}
@media (max-width:760px){.f06-skin-v2 .f06 .f06-hero{padding:190px 0 64px}.f06-skin-v2 .f06 .f06-hero .f06-wrap{padding:0 20px}.f06-skin-v2 .ag-crumbs ol{font-size:.8rem;margin-bottom:26px}.f06-skin-v2 .ag-crumbs li:not(:last-child)::after{margin:0 9px}.f06-skin-v2 .f06 .f06-sec[style*="padding-top:40px"]{padding-top:72px!important}.f06-skin-v2 .f06 .f06-card .f06-n{font-size:2rem}}
/* Ritocchi: punto interrogativo dentro l'evidenziazione, titolo del problema in colonna stretta */
.f06-skin-v2 .f06 .ag-hl{padding:0 .16em 0 .1em;letter-spacing:-.01em}
.f06-skin-v2 .f06 .f06-split h2{font-size:clamp(1.9rem,3.2vw,2.7rem)}

/* ---------- Componenti aggiunti per /consulenza (call esplorativa) ---------- */
/* Sei aree come schede cliccabili, 3+3 */
.f06-skin-v2 .f06 .f06-cards--areas{grid-template-columns:repeat(3,1fr);gap:16px}
.f06-skin-v2 .f06 .f06-cards--areas>li{display:flex}
.f06-skin-v2 .f06 .f06-cards--areas a.f06-card{flex:1;min-height:0;text-decoration:none!important;background-image:none!important;color:inherit}
.f06-skin-v2 .f06 .f06-cards--areas a.f06-card h3{display:flex;justify-content:space-between;align-items:center;gap:12px}
.f06-skin-v2 .f06 .f06-cards--areas a.f06-card h3::after{content:"→";flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(255,199,0,.14);color:var(--y);font-size:1rem;transition:background .2s,color .2s,transform .2s}
.f06-skin-v2 .f06 .f06-cards--areas a.f06-card:hover h3::after{background:var(--y);color:var(--ink);transform:translateX(4px)}
/* Passi su tre colonne */
.f06-skin-v2 .f06 .f06-steps--3{grid-template-columns:repeat(3,1fr)}
/* Rimando alla Sprint */
.f06-skin-v2 .f06 .f06-route{margin-top:16px;display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;border:2px solid var(--ink);border-radius:22px;padding:30px 36px;background:#fff}
.f06-skin-v2 .f06 .f06-route p{color:var(--muted);margin-top:10px!important;max-width:60ch}
.f06-skin-v2 .f06 .f06-route .f06-btn--ghost{border:2px solid var(--ink);color:var(--ink)!important}
.f06-skin-v2 .f06 .f06-route .f06-btn--ghost:hover{background:var(--y);border-color:var(--y)}
/* Qualsiasi modulo Formidable nella scheda bianca della fascia gialla */
.f06-skin-v2 .f06-form-slot .frm_forms{max-width:100%}
.f06-skin-v2 .f06-form-slot .frm_primary_label{font-weight:600;color:#111013}
.f06-skin-v2 .f06-form-slot input[type=text],.f06-skin-v2 .f06-form-slot input[type=email],.f06-skin-v2 .f06-form-slot input[type=tel],.f06-skin-v2 .f06-form-slot select,.f06-skin-v2 .f06-form-slot textarea{border:1px solid #d9d2c6;border-radius:12px;padding:14px 16px;background:#fff;font-size:16px;box-shadow:none}
.f06-skin-v2 .f06-form-slot input:focus,.f06-skin-v2 .f06-form-slot select:focus,.f06-skin-v2 .f06-form-slot textarea:focus{border-color:#111013;outline:none;box-shadow:0 0 0 3px rgba(255,199,0,.45)}
.f06-skin-v2 .f06-form-slot .frm_submit button,.f06-skin-v2 .f06-form-slot input[type=submit]{background:#FFC700!important;color:#111013!important;border:0!important;border-radius:999px!important;padding:18px 34px!important;font-family:"F06 Display","Montserrat",sans-serif!important;font-weight:800!important;font-size:16px!important;box-shadow:0 14px 34px -14px rgba(255,199,0,.75)!important;transition:transform .2s,background .2s}
.f06-skin-v2 .f06-form-slot .frm_submit button:hover{background:#E6B300!important;transform:translateY(-2px)}
/* Layout dei campi: lo decide il modulo stesso (frm_half, frm_full...), nessuna griglia imposta qui. */
@media (max-width:1024px){.f06-skin-v2 .f06 .f06-cards--areas{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.f06-skin-v2 .f06 .f06-cards--areas,.f06-skin-v2 .f06 .f06-steps--3{grid-template-columns:1fr}.f06-skin-v2 .f06 .f06-route{padding:24px 20px}}
/* Evidenziazione: il giallo sale dal basso (animare la larghezza la fissava troppo presto e lasciava fuori le ultime lettere) */
.f06-skin-v2 .f06 .ag-hl{background-position:0 100%;animation:f06MarkUp .7s cubic-bezier(.2,.8,.2,1) .45s both}
@keyframes f06MarkUp{from{background-size:100% 0}to{background-size:100% 88%}}
/* Bottone di invio: più specifico dello stile del modulo Formidable */
.f06-skin-v2 .f06 .f06-form-slot .frm_forms .frm_submit button.frm_button_submit,.f06-skin-v2 .f06 .f06-form-slot .frm_forms .frm_submit .frm_button_submit{padding:18px 34px!important;min-width:0;width:auto!important;height:auto!important;line-height:1.1!important}
/* Quattro schede su una riga (Contatti, Preventivo) */
.f06-skin-v2 .f06 .f06-cards--4,.f06-skin-v2 .f06 .f06-cards--areas.f06-cards--4{grid-template-columns:repeat(4,1fr)}
.f06-skin-v2 .f06 .f06-cards--4 .f06-card{min-height:0}
@media (max-width:1024px){.f06-skin-v2 .f06 .f06-cards--4,.f06-skin-v2 .f06 .f06-cards--areas.f06-cards--4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.f06-skin-v2 .f06 .f06-cards--4,.f06-skin-v2 .f06 .f06-cards--areas.f06-cards--4{grid-template-columns:1fr}}
/* Recapiti cliccabili nell'apertura e schede indirizzo */
.f06-skin-v2 .f06 .f06-facts strong a{color:#fff!important;text-decoration:none!important;background-image:none!important;border-bottom:2px solid var(--y)}
.f06-skin-v2 .f06 .f06-facts strong a:hover{color:var(--y)!important}
.f06-skin-v2 .f06 .f06-place{border:2px solid var(--ink)}
.f06-skin-v2 .f06 .f06-place h3{margin-bottom:12px}
.f06-skin-v2 .f06 .f06-place p{color:var(--muted);margin-bottom:12px!important;font-size:1.05rem}
.f06-skin-v2 .f06 .f06-place a{color:var(--ink)!important;font-weight:600;text-decoration:none!important;background-image:none!important;border-bottom:3px solid var(--y)}