/* ===== FluidNEXT home v2: glass header + tre arene ===== */
.fx-header,.fx-hero{--dooh:#EA34C3;--sport:#41CEC5;--retail:#F36122;--media:#E7E743;--ink:#231F20;--blue:#1B45FF;--blue-d:#6E8BFF}
.fx-header{position:fixed;top:0;left:0;right:0;z-index:1000;color:#fff;background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);border-bottom:1px solid rgba(255,255,255,.22);transition:background .35s ease,color .35s ease,border-color .35s ease}
.fx-bar{max-width:1280px;margin:0 auto;height:76px;padding:0 20px;display:flex;align-items:center;gap:32px}
.fx-logo{display:flex;flex:none}
.fx-logo-img{height:32px;width:auto;display:block;filter:brightness(0) invert(1);transition:filter .35s ease}
.fx-logo svg{height:32px;width:auto;display:block;fill:currentColor;overflow:visible}
.fx-logo{color:#fff;transition:color .35s ease}
.fx-header.is-light .fx-logo{color:var(--ink)}
.fx-links{display:flex;gap:28px;margin-left:auto}
.fx-link{color:inherit;text-decoration:none;font:600 13px/1 Archivo,sans-serif;opacity:.9}
.fx-link:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}
.fx-actions{display:flex;align-items:center;gap:12px}
.fx-demo{color:inherit;text-decoration:none;font:800 13px/1 Archivo,sans-serif;height:38px;padding:0 18px;display:inline-flex;align-items:center;border-radius:999px;border:1.5px solid currentColor;transition:background .2s,color .2s}
.fx-demo:hover{background:#fff;color:var(--ink);border-color:#fff}
.fx-mkts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.22)}
.fx-mkt{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;height:52px;padding:0 20px;border-right:1px solid rgba(255,255,255,.22);color:rgba(255,255,255,.82);text-decoration:none;font-family:Archivo,sans-serif;transition:background .45s ease,color .3s ease}
.fx-mkt:last-child{border-right:0}
.fx-mkt-idx{font-size:11px;font-weight:700;opacity:.6}
.fx-mkt-name{font-size:14px;font-weight:800;letter-spacing:2.5px}
.fx-mkt-sub{font-size:12px;opacity:.75}
.fx-mkt:hover{background:rgba(255,255,255,.1);color:#fff}
.fx-mkt[data-market=dooh]{--c:var(--dooh)}.fx-mkt[data-market=sport]{--c:var(--sport)}.fx-mkt[data-market=retail]{--c:var(--retail)}.fx-mkt[data-market=media]{--c:var(--media)}
.fx-mkt[aria-current=true]{background:var(--c);color:var(--ink)}
.fx-mkt[aria-current=true] .fx-mkt-idx,.fx-mkt[aria-current=true] .fx-mkt-sub{opacity:.85}
/* header leggibile sopra le sezioni bianche */
.fx-header.is-light{background:rgba(255,255,255,.78);color:var(--ink);border-bottom-color:rgba(35,31,32,.1)}
.fx-header.is-light .fx-logo-img{filter:none}
.fx-header.is-light .fx-mkts{border-top-color:rgba(35,31,32,.1)}
.fx-header.is-light .fx-mkt{color:rgba(35,31,32,.75);border-right-color:rgba(35,31,32,.1)}
.fx-header.is-light .fx-mkt:hover{background:rgba(35,31,32,.05);color:var(--ink)}
.fx-header.is-light .fx-mkt[aria-current=true]{background:var(--c);color:var(--ink)}
.fx-header.is-light .fx-demo{background:var(--blue);color:#fff;border-color:var(--blue)}

/* ===== hero ===== */
.fx-hero{position:relative;height:100vh;min-height:720px;max-height:980px;overflow:hidden;background:#030306;color:#fff;font-family:Archivo,sans-serif}
.fx-gen,.fx-mk{position:absolute;inset:0;transition:opacity .7s ease,visibility .7s}
.fx-mk{opacity:0;visibility:hidden}
.fx-hero:not([data-m=generic]) .fx-gen{opacity:0;visibility:hidden}
.fx-hero[data-m=media] .fx-mk[data-market=media],.fx-hero[data-m=dooh] .fx-mk[data-market=dooh],.fx-hero[data-m=sport] .fx-mk[data-market=sport],.fx-hero[data-m=retail] .fx-mk[data-market=retail]{opacity:1;visibility:visible}
.fx-media{position:absolute;inset:0;background:#030306 center/cover no-repeat}
.fx-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fx-tint{position:absolute;inset:0;background:rgba(3,3,6,.42);transition:background .5s ease;pointer-events:none}
/* trittico */
.fx-panes{position:absolute;inset:0;display:flex;gap:2px;background:#030306}
.fx-pane{position:relative;flex:1 1 0;min-width:0;overflow:hidden;color:#fff;text-decoration:none;transition:flex-grow .7s cubic-bezier(.2,.7,.2,1)}
.fx-pane[data-market=dooh]{--c:var(--dooh)}.fx-pane[data-market=sport]{--c:var(--sport)}.fx-pane[data-market=retail]{--c:var(--retail)}
.fx-pane .fx-tint{background:rgba(3,3,6,.5)}
.fx-pane:hover{flex-grow:1.7}
.fx-pane:hover .fx-tint{background:rgba(3,3,6,.22)}
.fx-topline{position:absolute;left:0;right:0;top:0;height:4px;background:var(--c);z-index:1}
.fx-pane-txt{position:absolute;left:28px;right:28px;bottom:40px;display:flex;flex-direction:column;gap:10px}
.fx-pane-lbl{font-weight:800;font-size:13px;letter-spacing:2px}
.fx-pane-h{font-weight:900;font-stretch:112%;font-size:clamp(22px,2.2vw,32px);line-height:1.08}
.fx-pane-cta{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:15px}
.fx-arrow{width:36px;height:36px;border-radius:50%;background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:16px;transition:background .3s}
.fx-pane:hover .fx-arrow{background:var(--c)}
.fx-gen-txt{position:absolute;left:0;right:0;top:200px;padding:0 20px;pointer-events:none}
.fx-wrap{max-width:1240px;margin:0 auto}
.fx-kicker{margin:0;font-weight:800;font-size:13px;letter-spacing:2.5px}
.fx-h1{margin:16px 0 0;font-weight:900;font-stretch:115%;font-size:clamp(56px,8.6vw,132px);line-height:.92;letter-spacing:-.03em;color:#fff}
.fx-blue{color:var(--blue-d)}
.fx-lead{margin:22px 0 0;max-width:560px;font-size:19px;line-height:1.5;color:rgba(255,255,255,.92)}
/* cover di mercato */
.fx-mk[data-market=dooh]{--c:var(--dooh)}.fx-mk[data-market=sport]{--c:var(--sport)}.fx-mk[data-market=retail]{--c:var(--retail)}.fx-mk[data-market=media]{--c:var(--media)}
.fx-mk-in{position:absolute;inset:0;padding:168px 20px 44px;box-sizing:border-box}
.fx-mk-in>.fx-wrap{height:100%;display:flex;flex-direction:column;justify-content:space-between}
.fx-back{align-self:flex-start;display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:999px;border:1.5px solid rgba(255,255,255,.5);color:#fff;text-decoration:none;font-weight:800;font-size:14px;transition:background .2s,color .2s}
.fx-back:hover{background:#fff;color:var(--ink)}
.fx-mk-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px}
.fx-mk-main{flex:1 1 560px;min-width:0;max-width:800px}
.fx-lbl{margin:0;display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:13px;letter-spacing:2px}
.fx-lbl-line{width:32px;height:4px;background:var(--c)}
.fx-h2{margin:16px 0 0;font-weight:900;font-stretch:115%;font-size:clamp(44px,6.4vw,100px);line-height:.95;letter-spacing:-.03em;color:#fff}
.fx-hl{color:var(--c)}
.fx-sub{margin:20px 0 0;max-width:620px;font-size:18px;line-height:1.55;color:rgba(255,255,255,.9)}
.fx-ctas{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.fx-btn-w{background:#fff;color:var(--ink);text-decoration:none;font-weight:800;font-size:16px;height:54px;padding:0 26px;display:inline-flex;align-items:center;border-radius:999px;transition:background .2s}
.fx-btn-w:hover{background:var(--c)}
.fx-btn-o{color:#fff;text-decoration:none;font-weight:800;font-size:16px;height:54px;padding:0 22px 0 8px;display:inline-flex;align-items:center;gap:12px;border-radius:999px;border:1.5px solid rgba(255,255,255,.7);transition:background .2s}
.fx-btn-o:hover{background:rgba(255,255,255,.12)}
.fx-play{width:40px;height:40px;border-radius:50%;background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:13px;padding-left:2px;box-sizing:border-box}
.fx-stats{margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.3);display:flex;flex-wrap:wrap;gap:12px 36px}
.fx-stat-n{font-weight:900;font-stretch:112%;font-size:26px}
.fx-stat-l{font-size:13px;color:rgba(255,255,255,.8)}
.fx-live{width:340px;flex:none;background:#fff;color:var(--ink);border-radius:10px;padding:18px 18px 8px;box-sizing:border-box}
.fx-live-head{display:flex;justify-content:space-between;align-items:center}
.fx-live-t{font-weight:800;font-size:14px}
.fx-status{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:1px;color:var(--blue)}
.fx-mk[data-market=sport] .fx-status{color:#C8102E}
.fx-dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:fxpulse 1.6s ease-in-out infinite}
.fx-prog{margin-top:14px}
.fx-prog-row{display:flex;justify-content:space-between;font-size:12px;color:#56534F}
.fx-prog-row strong{color:var(--ink);font-weight:900}
.fx-prog-track{margin-top:6px;height:8px;background:#EDEDEB;border-radius:999px;overflow:hidden}
.fx-prog-fill{height:100%;width:0;background:var(--blue);border-radius:999px}
.fx-hero[data-m=dooh] .fx-prog-fill{animation:fxprog 7s ease-out forwards}
.fx-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #EDEDEB;font-size:13px}
.fx-prog+.fx-row,.fx-live-head+.fx-row{margin-top:10px}
.fx-row-l{color:#56534F}
.fx-row-v{font-weight:800;text-align:right}
.fx-live-foot{padding:10px 0 8px;border-top:1px solid #EDEDEB;font-size:11px;color:#56534F}
.fx-credit{position:absolute;right:20px;bottom:12px;margin:0;font-size:11px;color:rgba(255,255,255,.7)}
/* entrata del testo quando si sceglie un mercato */
.fx-hero .fx-mk .fx-mk-main>*,.fx-hero .fx-mk .fx-live{opacity:0;transform:translateY(18px)}
.fx-hero[data-m=dooh] .fx-mk[data-market=dooh] .fx-mk-main>*,.fx-hero[data-m=sport] .fx-mk[data-market=sport] .fx-mk-main>*,.fx-hero[data-m=retail] .fx-mk[data-market=retail] .fx-mk-main>*,.fx-hero[data-m=media] .fx-mk[data-market=media] .fx-mk-main>*,.fx-hero[data-m=media] .fx-mk[data-market=media] .fx-live,
.fx-hero[data-m=dooh] .fx-mk[data-market=dooh] .fx-live,.fx-hero[data-m=sport] .fx-mk[data-market=sport] .fx-live,.fx-hero[data-m=retail] .fx-mk[data-market=retail] .fx-live{animation:fxup .8s cubic-bezier(.2,.7,.2,1) forwards}
.fx-mk-main>*:nth-child(2){animation-delay:.08s!important}.fx-mk-main>*:nth-child(3){animation-delay:.16s!important}.fx-mk-main>*:nth-child(4){animation-delay:.24s!important}.fx-mk-main>*:nth-child(5){animation-delay:.32s!important}.fx-mk .fx-live{animation-delay:.3s!important}
.fx-gen-txt .fx-wrap>*{animation:fxup .9s cubic-bezier(.2,.7,.2,1) both}.fx-gen-txt .fx-h1{animation-delay:.1s}.fx-gen-txt .fx-lead{animation-delay:.2s}
@keyframes fxup{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes fxprog{from{width:0}to{width:68%}}
@keyframes fxpulse{0%,100%{opacity:1}50%{opacity:.35}}
/* striscia sotto la hero */
.fx-strip{padding:28px 20px;border-bottom:1px solid #EDEDEB;background:#fff}
.fx-strip-in{max-width:1240px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}
.fx-strip-p{margin:0;font-size:17px;line-height:1.5;max-width:700px;color:var(--ink,#231F20)}
.fx-strip-a{font-weight:800;font-size:15px;color:#1B45FF;text-decoration:none}
.fx-strip-a:hover{text-decoration:underline}
/* la vecchia sezione hero ora contiene solo il ticker clienti */
.fn-hero-sec{padding-top:32px}
html{scroll-padding-top:120px}
/* responsive */
@media (max-width:1023px){.fx-live{display:none}}
@media (max-width:899px){.fx-links{display:none}.fx-actions{margin-left:auto}.fx-mkt-sub,.fx-mkt-idx{display:none}}
@media (max-width:767px){
.fx-bar{height:60px;gap:16px}.fx-logo svg,.fx-logo-img{height:24px}.fx-demo{height:34px;padding:0 14px;font-size:12px}
.fx-mkt{height:44px;padding:0 4px}.fx-mkt-name{font-size:11px;letter-spacing:1.2px}
.fx-hero{height:auto;min-height:0;max-height:none}
.fx-gen{position:relative;min-height:100svh;display:flex;flex-direction:column}
.fx-gen-txt{position:relative;top:auto;padding:136px 20px 24px}
.fx-h1{font-size:52px}.fx-lead{font-size:16px}
.fx-panes{position:relative;inset:auto;flex:1;flex-direction:column;min-height:420px}
.fx-pane{min-height:140px}.fx-pane:hover{flex-grow:1}
.fx-pane-txt{left:20px;right:20px;bottom:18px;gap:6px}.fx-pane-h{font-size:20px}.fx-pane-cta{display:none}
.fx-hero:not([data-m=generic]) .fx-gen{display:none}
.fx-mk{position:absolute}
.fx-hero:not([data-m=generic]) .fx-mk{position:relative;min-height:100svh}
.fx-hero:not([data-m=generic]) .fx-mk:not(.is-on){display:none}
.fx-mk-in{position:relative;inset:auto;min-height:100svh;padding:132px 20px 40px}
.fx-mk-in>.fx-wrap{gap:40px}
.fx-sub{font-size:16px}.fx-stat-n{font-size:22px}
.fx-strip-p{font-size:15px}
.fx-gen-txt{order:-1}.fx-gen-txt .fx-wrap{padding-bottom:8px}
.fx-pane .fx-tint{background:rgba(3,3,6,.38)}
.fx-mk .fx-tint{background:rgba(3,3,6,.58)}
.fx-mk-row{gap:0}
}
@media (prefers-reduced-motion:reduce){.fx-hero *,.fx-header{animation:none!important;transition:none!important}.fx-hero .fx-mk .fx-mk-main>*,.fx-hero .fx-mk .fx-live{opacity:1;transform:none}.fx-prog-fill{width:68%}}
/* MEDIA: concessionaria retail media */
.fx-mk[data-market=media] .fx-status{color:#5E5E0C}
.fx-mk[data-market=media] .fx-dot{background:#E7E743;box-shadow:0 0 0 2px #5E5E0C inset}
.fx-mk[data-market=media] .fx-stat-n{font-size:20px}
.fx-mk[data-market=media] .fx-h2{font-size:clamp(40px,5.4vw,84px)}
.fx-mk[data-market=media] .fx-mk-main{max-width:860px}
.fx-mk[data-market=media] .fx-btn-w:hover{background:var(--media)}
@media (max-width:899px){.fx-mkt{gap:8px}}

@media (max-width:767px){.fx-gen-txt{order:-1}.fx-pane .fx-tint{background:rgba(3,3,6,.38)}.fx-mk .fx-tint{background:rgba(3,3,6,.58)}.fx-mk-row{gap:0}}

/* ===== modulo Chiedi una demo ===== */
.fx-fieldset,.fx-form-sep{display:flex;flex-direction:column;gap:16px}
.fx-fieldset{gap:10px}
.fx-legend{margin:0;font:700 12px/1.1 Archivo,sans-serif;color:#B7C5FF;letter-spacing:.3px}
.fx-hint{margin-left:6px;font-weight:400;letter-spacing:0;color:#B7C5FF;opacity:.9}
.fx-chips{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.fx-chip{position:relative;display:flex;align-items:center;gap:10px;min-height:48px;margin:0;padding:0 16px;border-radius:999px;border:1.5px solid rgba(255,255,255,.55);color:#fff;font:800 14px/1.2 Archivo,sans-serif;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.fx-chip[data-market=dooh]{--c:#EA34C3}.fx-chip[data-market=sport]{--c:#41CEC5}.fx-chip[data-market=retail]{--c:#F36122}.fx-chip[data-market=media]{--c:#E7E743}
.fx-chip::before{content:"";flex:none;width:12px;height:12px;border-radius:50%;background:var(--c);box-shadow:0 0 0 2px rgba(255,255,255,.9)}
.fx-chip:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.fx-chip input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.fx-chip.is-on{background:var(--c);border-color:var(--c);color:#231F20}
.fx-chip.is-on::before{background:#231F20;box-shadow:none}
.fx-chip:focus-within{outline:3px solid #fff;outline-offset:2px}
.fx-chips.is-invalid .fx-chip{border-color:#FFD0D0}
.fx-chips-err{margin:0;font:600 13px/1.3 Archivo,sans-serif;color:#FFE3E3}
.fx-select{-webkit-appearance:none;appearance:none;padding-right:40px;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23231F20' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 16px center}
.fx-consent{display:flex;align-items:flex-start;gap:12px;margin:0;cursor:pointer;font:400 14px/1.45 Archivo,sans-serif;color:#EAF0FF}
.fx-consent input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:#231F20;cursor:pointer}
.fx-consent .fx-hint{margin-left:4px}
.fn-form>.fn-field,.fn-form>.fx-form-sep,.fn-form>.fx-fieldset,.fx-form-sep>.fn-field{flex:0 0 auto}
@media (max-width:479px){.fx-chips{grid-template-columns:1fr}}
dialog.fx-modal{position:fixed;padding:0;border:0;border-radius:10px;width:calc(100% - 32px);max-width:680px;max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;background:#1B45FF;color:#fff;font-family:Archivo,sans-serif}
dialog.fx-modal[open]{animation:fxmodal .35s cubic-bezier(.2,.7,.2,1)}
dialog.fx-modal::backdrop{background:rgba(3,3,6,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
@keyframes fxmodal{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.fx-modal-in{position:relative;padding:40px 40px 32px}
.fx-modal-h{margin:0 56px 8px 0;font:900 36px/1.02 Archivo,sans-serif;font-stretch:112%;letter-spacing:-.02em;color:#fff}
.fx-modal-p{margin:0 0 24px;max-width:520px;font:400 15px/1.5 Archivo,sans-serif;color:#EAF0FF}
.fx-modal-x{position:absolute;top:20px;right:20px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1.5px solid rgba(255,255,255,.6);background:transparent;color:#fff;cursor:pointer;transition:background .2s,color .2s}
.fx-modal-x:hover{background:#fff;color:#231F20}
.fx-modal-x:focus-visible{outline:3px solid #fff;outline-offset:2px}
.fx-modal .fn-demo-form{max-width:none;flex:none;margin:0}
html.fx-lock{overflow:hidden}
@media (max-width:600px){dialog.fx-modal{width:100%;max-width:none;height:100dvh;max-height:none;border-radius:0}.fx-modal-in{padding:28px 20px 32px}.fx-modal-h{font-size:30px}}