:root{--bg:#07080d;--card:#12131b;--line:#262833;--gold:#e9b44c;--gold2:#f5cd72;--text:#efecf5;--dim:#a19bb0}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg);-webkit-text-size-adjust:100%}
body{background:radial-gradient(120% 70vh at 70% -10%,rgba(233,180,76,.13),transparent 62%),var(--bg);color:var(--text);
  font:400 16px/1.6 Montserrat,system-ui,-apple-system,'Segoe UI',sans-serif;overflow-x:hidden}
h1,h2{font-family:Cinzel,Georgia,serif;font-weight:700;letter-spacing:.01em}

.hero{position:relative;max-width:1180px;margin:0 auto;padding:clamp(56px,9vw,104px) 24px clamp(40px,6vw,72px);
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(28px,5vw,64px);align-items:center}
.lingue{position:absolute;top:18px;right:24px;display:flex;gap:4px}
.lingue button{font:600 12px Montserrat,sans-serif;letter-spacing:.08em;color:var(--dim);background:none;border:1px solid transparent;border-radius:7px;padding:5px 9px;cursor:pointer}
.lingue button[aria-pressed=true]{color:var(--gold);border-color:var(--line)}
.lingue button:focus-visible,.cta:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
.kicker{color:var(--gold);font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
h1{font-size:clamp(2.5rem,6vw,4.3rem);line-height:1.08;margin:.45em 0 .5em}
.sub{color:#d6d2de;font-size:1.06rem;max-width:30em}
.cta{display:inline-block;margin-top:1.7rem;padding:.95em 1.9em;border-radius:14px;font-weight:700;color:#14110a;text-decoration:none;
  background:linear-gradient(135deg,var(--gold2),var(--gold));box-shadow:0 14px 34px -14px rgba(233,180,76,.75);transition:transform .2s ease}
.cta:hover{transform:translateY(-2px)}
.meta{margin-top:.8rem;color:var(--dim);font-size:.86rem}

.tv{min-width:0}
.tv-frame{padding:10px;border-radius:14px;background:linear-gradient(160deg,#2a2c37,#101116);box-shadow:0 36px 80px -30px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.06)}
.tv-frame img{display:block;width:100%;height:auto;border-radius:6px}
.tv-foot{width:34%;height:12px;margin:0 auto;background:linear-gradient(180deg,#1b1c24,#0c0d12);border-radius:0 0 12px 12px}

main{max-width:1180px;margin:0 auto;padding:0 24px clamp(56px,8vw,90px)}
.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.trio article{padding:26px 24px 28px;background:var(--card);border:1px solid var(--line);border-radius:18px}
.num{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(233,180,76,.14);color:var(--gold);font-weight:700;font-size:.85rem}
.trio h2,.band h2{font-size:1.3rem;margin:.75em 0 .45em}
.trio p,.band p,.honest li,.install li{color:#c9c5d2}

.band{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,5vw,56px);padding:clamp(40px,6vw,64px) 4px}
.install,.honest{max-width:760px;padding:clamp(20px,3vw,30px) 4px}
.install h2,.honest h2{font-size:1.5rem;margin-bottom:.7em}
.install ol{counter-reset:s;list-style:none}
.install li{counter-increment:s;position:relative;padding:.4em 0 .4em 2.3em}
.install li::before{content:counter(s);position:absolute;left:0;top:.45em;width:1.6em;height:1.6em;border-radius:50%;display:grid;place-items:center;
  font-size:.82rem;font-weight:700;color:var(--gold);border:1px solid var(--line)}
.honest ul{list-style:none}
.honest li{padding:.5em 0;border-top:1px solid var(--line)}
.honest li:first-child{border-top:none}

footer{max-width:1180px;margin:0 auto;padding:26px 24px 44px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 22px;color:var(--dim);font-size:.85rem}
footer a{color:var(--gold);text-decoration:none;font-weight:600}

@media(max-width:860px){
  .hero{grid-template-columns:minmax(0,1fr);padding-top:64px}
  .trio,.band{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){.cta{transition:none}}