/* ============================================================
   HERO ORIGINALE — trapianto verbatim dal monolite homepage_LAVORO.html
   (righe 77-188: .xph condiviso + #f-nft/#f-gaming/#f-satspay/#f-pro)
   ============================================================ */
.xph{position:relative;overflow:hidden;min-height:100%;padding:46px 44px 44px;align-items:center;justify-content:center;text-align:center;isolation:isolate;}
.xph::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 40%, rgba(232,147,26,0.08), transparent 55%);pointer-events:none;}
.xph-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(232,147,26,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(232,147,26,0.03) 1px,transparent 1px);background-size:34px 34px;opacity:.5;pointer-events:none;}
.xph-wrap{position:relative;z-index:2;max-width:690px;display:flex;flex-direction:column;align-items:center;padding:54px 0 42px;}
.xph-kicker{font-size:10px;font-family:'DM Mono',monospace;letter-spacing:2.6px;text-transform:uppercase;color:#E8931A;margin-bottom:14px;}
.xph h2{font-family:'Bebas Neue',sans-serif;font-size:58px;line-height:.95;letter-spacing:2px;color:#E8931A;margin-bottom:8px;}
.xph-sub{font-size:15px;color:#f0f0f0;line-height:1.4;margin-bottom:24px;max-width:460px;}
.xph-text{max-width:620px;font-size:12px;color:#888;line-height:1.72;}
.xph-text p{margin:0 0 10px 0;}
.xph-final{color:#E8931A !important;font-weight:500;}
.xph-marquee{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;pointer-events:none;opacity:.34;z-index:1;}
.xph-marquee.top{top:12px;}
.xph-marquee.bottom{bottom:8px;opacity:.27;}
.xph-track{display:inline-flex;gap:48px;min-width:max-content;animation:xscroll 36s linear infinite;}
.xph-track.rev{animation-direction:reverse;animation-duration:42s;}
.xph-track span{font-family:'Bebas Neue',sans-serif;font-size:29px;letter-spacing:1.8px;color:#E8931A;text-shadow:0 0 16px rgba(232,147,26,0.10);}
@keyframes xscroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}


.xph{min-height:100%;justify-content:flex-start;}
.xph-wrap{padding:54px 0 104px;}
.xph-marquee.top{top:10px;}
.xph-marquee.bottom{bottom:64px;opacity:.27;}
.xph-footer{position:absolute;left:0;right:0;bottom:0;z-index:3;height:54px;padding:0 18px;border-top:1px solid #161616;background:rgba(6,6,6,.92);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;}
.xph-footer-left,.xph-footer-right{display:flex;align-items:center;user-select:none;}
.xph-footer-left{cursor:default;justify-self:start;gap:9px;}
.xph-footer-right{cursor:pointer;justify-self:end;gap:8px;}
.xph-footer-icon{font-size:12px;line-height:1;filter:saturate(.95);}
.xph-footer-phase{font-size:11px;line-height:1.1;color:#f0f0f0;}
.xph-footer-sub{font-size:9px;line-height:1.2;color:#686868;margin-top:2px;}
.xph-footer-copy{justify-self:center;text-align:center;font-size:10px;line-height:1.35;color:#3f3f3f;}
.xph-footer-copy strong{color:#E8931A;font-weight:600;}
.xph-footer-copy-text{text-align:center;font-size:10px;line-height:1.35;color:inherit;}
.xph-toggle{width:40px;height:20px;border-radius:999px;border:1px solid #383838;background:#181818;position:relative;flex-shrink:0;transition:all .18s;}
.xph-toggle::after{content:'';position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#747474;transition:all .18s;}
body.day .xph-footer{background:rgba(255,255,255,.94);border-top-color:#dfdfdf;}
body.day .xph-footer-phase{color:#1a1a1a;}
body.day .xph-footer-sub{color:#8d8d8d;}
body.day .xph-footer-copy{color:#8b8b8b;}
body.day .xph-toggle{background:#ededed;border-color:#d5d5d5;}
body.day .xph-toggle::after{left:22px;background:#d1d1d1;}

#f-nft{padding:46px 44px 0;}
#f-nft .xph-wrap{max-width:800px;}
#f-nft .xph-kicker{margin-bottom:16px;}
#f-nft h2{margin-bottom:10px;}
#f-nft .xph-sub{max-width:740px;margin-bottom:26px;}
#f-nft .xph-text{max-width:780px;font-size:12px;line-height:1.58;letter-spacing:0.16px;}
#f-nft .xph-text p{margin:0 0 14px 0;}
#f-nft .xph-marquee.top{top:10px;opacity:.34;}
#f-nft .xph-marquee.bottom{bottom:56px;opacity:.34;}
#f-nft .xph-track{animation-duration:40s;}
#f-nft .xph-track.rev{animation-duration:46s;}
#f-nft .xph-track span{font-size:29px;letter-spacing:1.8px;text-shadow:0 0 16px rgba(232,147,26,0.10);}
#f-gaming{padding:42px 44px 0;justify-content:flex-start;min-height:154vh;}
#f-gaming .xph-wrap{max-width:860px;padding:84px 0 128px;}
#f-gaming .xph-kicker{margin-bottom:18px;}
#f-gaming h2{margin-bottom:12px;font-size:72px;}
#f-gaming .xph-sub{max-width:760px;margin-bottom:24px;font-size:16px;}
#f-gaming .xph-text{max-width:820px;font-size:13px;line-height:1.72;letter-spacing:0.14px;}
#f-gaming .xph-text p{margin:0 0 18px 0;}
#f-gaming .xph-marquee.top{top:10px;opacity:.34;}
#f-gaming .xph-marquee.bottom{bottom:78px;opacity:.34;}
#f-gaming .xph-track{animation-duration:38s;}
#f-gaming .xph-track.rev{animation-duration:44s;}
#f-gaming .xph-track span{font-size:29px;letter-spacing:1.8px;text-shadow:0 0 16px rgba(232,147,26,0.10);}
#f-gaming::before{background:radial-gradient(circle at 50% 22%, rgba(232,147,26,0.11), transparent 56%);}
#f-gaming .gm-hero{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:42px;text-align:center;}
#f-gaming .gm-title{font-family:'Bebas Neue',sans-serif;font-size:58px;line-height:1.02;letter-spacing:1.6px;color:#f2f2f2;max-width:760px;}
#f-gaming .gm-lines{display:flex;flex-direction:column;gap:8px;font-size:18px;color:#b8b8b8;line-height:1.45;max-width:540px;}
#f-gaming .gm-cta{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:4px;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:1.3px;text-transform:uppercase;color:#8d8d8d;}
#f-gaming .gm-cta span:last-child{color:#E8931A;}
#f-gaming .gm-bands{width:100%;margin:10px 0 54px;display:flex;flex-direction:column;gap:14px;overflow:hidden;}
#f-gaming .gm-band{white-space:nowrap;overflow:hidden;opacity:.14;}
#f-gaming .gm-band-track{display:inline-flex;gap:28px;min-width:max-content;animation:xscroll 28s linear infinite;}
#f-gaming .gm-band.rev .gm-band-track{animation-direction:reverse;animation-duration:34s;}

#f-gaming .gm-band span{font-family:'Bebas Neue',sans-serif;font-size:29px;letter-spacing:1.8px;color:#E8931A;text-shadow:0 0 16px rgba(232,147,26,0.10);}
#f-gaming .gm-transition{margin:0 0 38px;font-size:14px;line-height:1.7;color:#c6c6c6;max-width:540px;text-align:center;}
#f-gaming .gm-break{font-family:'Bebas Neue',sans-serif;font-size:30px;line-height:1.05;letter-spacing:1px;color:#E8931A;margin:10px 0 2px;}
#f-gaming .gm-final{font-family:'DM Mono',monospace;color:#E8931A !important;letter-spacing:.4px;text-transform:none;margin-top:8px;}
body.day #f-gaming .gm-title{color:#1a1a1a;}
body.day #f-gaming .gm-lines{color:#555;}
body.day #f-gaming .gm-transition{color:#5f5f5f;}
@media (max-width: 900px){.xph-wrap{padding:48px 0 96px;}#f-gaming{min-height:140vh;}#f-gaming .xph-wrap{padding:72px 0 118px;}#f-gaming .xph-marquee.bottom{bottom:72px;}#f-gaming h2{font-size:58px;}#f-gaming .gm-title{font-size:46px;}#f-gaming .gm-band span,#f-gaming .xph-track span,#f-nft .xph-track span{font-size:24px;} .xph-footer{height:50px;padding:0 14px;}}
@media (max-width: 768px){#f-gaming{padding:30px 18px 26px;min-height:136vh;}#f-gaming .xph-wrap{padding:62px 0 102px;}#f-gaming .xph-marquee.bottom{bottom:68px;}#f-gaming h2{font-size:48px;}#f-gaming .xph-sub{font-size:14px;}#f-gaming .gm-title{font-size:38px;}#f-gaming .gm-lines{font-size:15px;}#f-gaming .gm-cta{gap:10px;font-size:10px;}#f-gaming .gm-band span{font-size:22px;letter-spacing:1.1px;}#f-gaming .gm-transition{font-size:12px;}#f-gaming .gm-break{font-size:24px;}#f-gaming .gm-footer{width:calc(100% + 36px);margin:24px -18px -26px;padding:18px 16px 20px;grid-template-columns:1fr;justify-items:center;text-align:center;}#f-gaming .gm-moon,#f-gaming .gm-theme{justify-self:center;}#f-gaming .gm-copy{order:2;}#f-gaming .gm-theme{order:3;}}
body.day .xph{background:#f4f4f4;}
body.day .xph::before{background:radial-gradient(circle at 50% 40%, rgba(232,147,26,0.08), transparent 58%);}
body.day .xph-grid{background-image:linear-gradient(rgba(232,147,26,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(232,147,26,0.03) 1px,transparent 1px);}
body.day .xph-sub{color:#1a1a1a;}
body.day .xph-text{color:#666;}
body.day .xph-track span{color:#E8931A;text-shadow:none;}
body.day .xph-marquee.top,body.day .xph-marquee.bottom{opacity:.34;}

#f-satspay{padding:46px 44px 0;}
#f-satspay .xph-wrap{max-width:800px;}
#f-satspay .xph-marquee.top{top:10px;opacity:.34;}
#f-satspay .xph-marquee.bottom{bottom:56px;opacity:.34;}
#f-satspay .xph-track{animation-duration:40s;}
#f-satspay .xph-track.rev{animation-duration:46s;}
#f-satspay .xph-track span{font-size:29px;letter-spacing:1.8px;text-shadow:0 0 16px rgba(232,147,26,0.10);}
#f-pro{padding:46px 44px 0;}
#f-pro .xph-wrap{max-width:800px;}
#f-pro .xph-marquee.top{top:10px;opacity:.34;}
#f-pro .xph-marquee.bottom{bottom:56px;opacity:.34;}
#f-pro .xph-track{animation-duration:40s;}
#f-pro .xph-track.rev{animation-duration:46s;}
#f-pro .xph-track span{font-size:29px;letter-spacing:1.8px;text-shadow:0 0 16px rgba(232,147,26,0.10);}
body.day #f-satspay .xph-track span,body.day #f-pro .xph-track span{color:#E8931A;text-shadow:none;}

@media (max-width: 900px){.xph{padding:34px 24px 30px;}.xph-wrap{padding:44px 0 34px;}.xph h2{font-size:46px;}.xph-sub{font-size:14px;}.xph-track span{font-size:22px;}}
@media (max-width: 768px){.nb{padding:0 8px;gap:4px;}.app{width:100vw;}.xph{padding:30px 18px 26px;}.xph-wrap{padding:40px 0 30px;}.xph-kicker{font-size:9px;letter-spacing:2px;}.xph h2{font-size:40px;}.xph-sub{font-size:13px;max-width:100%;}.xph-text{font-size:11px;line-height:1.65;}.xph-track span{font-size:18px;letter-spacing:1px;}}

/* ── Adattamenti standalone Remake v2 — STANDARD VIEWPORT ──
   Regole: footer agganciato al fondo del viewport; niente vh puri;
   l'hero riempie lo spazio disponibile ma il contenuto resta centrato;
   la pagina cresce oltre il viewport solo per contenuto reale. */
/* regole base .ph del monolite (righe 73-74) — il font DM Mono dei paragrafi viene da qui */
.ph h2{font-family:'Bebas Neue',sans-serif;font-size:40px;color:#E8931A;letter-spacing:2px;}
.ph p{font-size:12px;color:#555;font-family:'DM Mono',monospace;margin-top:4px;}
body{min-height:100vh;display:flex;flex-direction:column;}
main{flex:1;display:flex;flex-direction:column;}
.xph{flex:1;display:flex;flex-direction:column;justify-content:center;gap:12px;background:var(--bg);min-height:min(100vh,880px);font-family:'DM Sans',sans-serif;}
/* Gaming: via il 154vh artificiale — l'altezza la detta il contenuto (vince sulle regole precedenti, anche nelle media query) */
#f-gaming{min-height:0;}

/* RIFLESSO DARK ANTRACITE grigio freddo (solo dark) */
body:not(.day) .xph::before{background:radial-gradient(circle at 50% 40%, rgba(150,160,180,0.07), transparent 55%);}
body:not(.day) #f-gaming::before{background:radial-gradient(circle at 50% 22%, rgba(150,160,180,0.09), transparent 56%);}
body:not(.day) .xph-grid{background-image:linear-gradient(rgba(150,160,180,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(150,160,180,0.03) 1px,transparent 1px);}