/* Variante "stile Apple" (ispirata, non copiata): font di sistema, grigi sobri, un solo accento MeToo (viola), vetro, movimento morbido. */
:root{--accent:#6B3FD4;--accent-ink:#fff;--bg:#F5F5F7;--paper:#FFFFFF;--bar:#FBFBFD;--ink:#1D1D1F;--muted:#6E6E73;--line:#D9D9DE;--blue:var(--accent);--green:var(--accent);--purple:var(--accent);--cross-blue:#F5F5F7;--cross-green:#F5F5F7;--focus:#6B3FD4;--glass:rgba(255,255,255,.72);--glass-solid:#FFFFFF;--shadow:0 1px 2px rgba(0,0,0,.04),0 12px 40px -18px rgba(0,0,0,.18);--sys:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--accent:#BFA4FF;--accent-ink:#000;--bg:#000;--paper:#1C1C1E;--bar:#161617;--ink:#F5F5F7;--muted:#A1A1A6;--line:#38383A;--cross-blue:#1C1C1E;--cross-green:#1C1C1E;--focus:#D1B9FF;--glass:rgba(28,28,30,.66);--glass-solid:#1C1C1E;--shadow:0 12px 40px -18px #000}}
:root[data-theme=dark]{--accent:#BFA4FF;--accent-ink:#000;--bg:#000;--paper:#1C1C1E;--bar:#161617;--ink:#F5F5F7;--muted:#A1A1A6;--line:#38383A;--cross-blue:#1C1C1E;--cross-green:#1C1C1E;--focus:#D1B9FF;--glass:rgba(28,28,30,.66);--glass-solid:#1C1C1E;--shadow:0 12px 40px -18px #000}
body.hr{font:17px/1.5 var(--sys);-webkit-font-smoothing:antialiased;letter-spacing:-.01em}
.hr h1,.hr h2,.hr h3,.hr .hr-num,.hr .hr-trend-t,.hr .hr-top-n{font-family:var(--sys);font-weight:600;letter-spacing:-.025em}
.hr .small,.hr .eyebrow,.hr .desk-label,.hr .text-link,.hr .site-header,.hr .site-footer,.hr .hr-side,.hr .button{font-family:var(--sys)}
.hr .eyebrow{letter-spacing:.02em;text-transform:none;font-size:13px;font-weight:600;color:var(--muted)}
.hr h2,.hr .hr-sec>h2{font-size:clamp(30px,2.6vw,44px);border:0;padding:0}
.hr-hero h1{font-size:clamp(36px,3.6vw,64px)!important;line-height:1.05;letter-spacing:-.035em}
.hr .button,.hr .button.nexus,.hr .button.crypto{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);border-radius:980px;padding:10px 22px;font-weight:500;transition:transform .25s ease,filter .25s ease}
.hr .button:hover{filter:brightness(1.1);transform:translateY(-1px)}
.hr .text-link{color:var(--accent);text-decoration:none}.hr .text-link:hover{text-decoration:underline}
/* vetro, con fallback solido */
.hr .site-header,.hr-side,.hr-hero,.hr-col,.hr-trends a,.hr-subs,.hr-subcard{background:var(--glass-solid)}
@supports((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .hr .site-header,.hr-side,.hr-col,.hr-trends a,.hr-subs,.hr-subcard,.hr-hero{background:var(--glass);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}
.hr .site-header{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);padding-block:4px}
.hr .site-header nav>a,.hr .theme-toggle,.hr-burger,.hr-close{border:0;background:transparent;border-radius:980px;font-family:var(--sys);color:var(--ink)}
.hr .site-header nav>a:hover,.hr .theme-toggle:hover{background:var(--line)}
@media(min-width:861px){.hr-side{top:57px;height:calc(100vh - 57px)}.hr-layout{background:none}.hr-side{border-right:1px solid var(--line)}}
.hr-side summary{font-weight:600}.hr-side li a{color:var(--muted);border-radius:8px;padding-inline:8px;margin-left:-8px;transition:background .2s,color .2s}.hr-side li a:hover{color:var(--ink);background:var(--line);text-decoration:none}
.hr-hero,.hr-col,.hr-trends a,.hr-subs,.hr-subcard{border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}
.hr-hero{overflow:hidden}.hr-hero-img{overflow:hidden;display:block}.hr-hero-img img{transform:scale(1.08);will-change:transform}
.hr-hot{background:var(--accent);color:var(--accent-ink);border-radius:980px;padding:3px 10px}
.hr-trends a,.hr-col,.hr-subcard{border-top-width:1px;border-top-color:var(--line)}
.hr-trends a{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}.hr-trends a:hover{transform:translateY(-4px)}
.hr-num{color:var(--accent);font-size:24px}
.hr-top{border-top:1px solid var(--line)}.hr-top-n,.hr-top.crypto .hr-top-n,.hr-top:first-child .hr-top-n{background:transparent;color:var(--accent);border:1.5px solid var(--accent);font-size:20px}
.hr-top:first-child .hr-top-n{background:var(--accent);color:var(--accent-ink)}
.hr-subs{border:1px solid var(--line)}.hr-placeholder{display:none}
.hr-main{padding-top:40px}.hr-sec{margin-top:clamp(56px,6vw,96px)}.hr-cols{margin-top:clamp(56px,6vw,96px)}
.hr .site-footer{border-top:1px solid var(--line);color:var(--muted);font-size:12px}
/* reveal: attivo solo se JS lo abilita */
.rv-on .rv{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}
.rv-on .rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv-on .rv{opacity:1;transform:none;transition:none}.hr-hero-img img{transform:none!important}.hr .button,.hr-trends a{transition:none}.hr-trends a:hover,.hr .button:hover{transform:none}}
@media(max-width:520px){.hr .site-header nav{width:auto;flex-wrap:nowrap}.hr .site-header{flex-wrap:nowrap;justify-content:flex-start;gap:6px;padding-inline:10px}.hr .wordmark{font-size:17px;white-space:nowrap;flex:none}.hr .site-header nav{margin-left:auto}.hr .wordmark img{width:36px;height:36px}.hr .theme-toggle span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}
