html{background:#030712;overscroll-behavior:none}
body{margin:0;padding:0;background:#030712;color:#FFFFFF;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:#07E3D4;text-decoration:none}
a:hover{color:#D9FFFF}
::selection{background:rgba(7,227,212,.28);color:#D9FFFF}
:focus-visible{outline:2px solid #07E3D4;outline-offset:3px}
::-webkit-scrollbar{width:0;height:0}
@keyframes icRing{0%{transform:scale(.5);opacity:.9}70%{transform:scale(1.9);opacity:0}100%{transform:scale(1.9);opacity:0}}
@keyframes icCaret{0%{transform:translateY(0);opacity:.25}50%{transform:translateY(7px);opacity:1}100%{transform:translateY(0);opacity:.25}}
@keyframes icBreathe{0%{opacity:.55}50%{opacity:1}100%{opacity:.55}}
@media (prefers-reduced-motion: reduce){*{animation-duration:.001s!important;animation-iteration-count:1!important}}
html{background:#030712}
body{margin:0;padding:0;background:#030712;color:#FFFFFF;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
@keyframes icFloat{0%{opacity:.5}50%{opacity:1}100%{opacity:.5}}
@media (prefers-reduced-motion: reduce){*{animation-duration:.001s!important}}
.hv1:hover{filter:drop-shadow(0 0 22px rgba(7,227,212,.5)) !important}
.hv2:hover{color:#07E3D4 !important}
.hv3:hover{background:rgba(7,227,212,.12) !important;color:#D9FFFF !important}
.hv4:hover{border-color:#07E3D4 !important;color:#D9FFFF !important}
img{border:0}
[data-menu]::-webkit-scrollbar{width:0}

@keyframes icBuildScan{0%{top:-6%;opacity:0}8%{opacity:1}90%{opacity:1}100%{top:104%;opacity:0}}
@keyframes icHudFlicker{0%{opacity:.35}22%{opacity:1}44%{opacity:.6}70%{opacity:1}84%{opacity:.8}100%{opacity:1}}
@keyframes icHudBeam{0%{left:-2%;opacity:0}10%{opacity:1}88%{opacity:1}100%{left:102%;opacity:0}}
@keyframes icHudLines{0%{opacity:0}18%{opacity:1}64%{opacity:.55}100%{opacity:0}}

/* --- mobile: l'HUD della home non deve mai essere tagliato --- */
@media (max-width:859px){
  [data-hero]{padding:clamp(84px,12vh,116px) 20px 0 !important}
  [data-hero]>div{max-width:none !important;width:100% !important}
  [data-hero] h1{max-width:none !important;font-size:clamp(25px,7.2vw,38px) !important;letter-spacing:.03em !important;text-wrap:balance;overflow-wrap:break-word}
  [data-hero] p{max-width:36ch !important;font-size:14px !important}
  [data-scrollhint]{bottom:20px !important}
  [data-menu-close]{right:20px !important}
}
@media (max-width:859px) and (orientation:landscape){
  [data-hero]{padding-top:64px !important}
  [data-hero] h1{font-size:clamp(22px,4vw,30px) !important}
  [data-hero] p{font-size:13px !important}
}

@media (max-width:859px){[data-menu]{justify-content:center !important;gap:clamp(24px,4vh,40px) !important;padding:clamp(72px,11vh,96px) 20px clamp(28px,5vh,48px) !important}[data-menulist]{gap:clamp(6px,1.4vh,12px) !important}[data-mi]{font-size:clamp(27px,min(9vw,6.2vh),46px) !important;gap:14px !important;letter-spacing:0 !important}[data-mi]>span{font-size:11px !important;letter-spacing:.22em !important}}

.ic-back{display:inline-flex;align-items:center;gap:9px;padding:9px 16px;border:1px solid rgba(7,227,212,.35);border-radius:8px;font-size:10px;letter-spacing:.28em;color:#07E3D4;transition:background .3s,border-color .3s,color .3s}
.ic-back:hover{background:rgba(7,227,212,.12);border-color:#07E3D4;color:#D9FFFF}
.ic-back span{display:block;width:14px;height:1px;background:currentColor}