:root{
  --bg:#071018; --bg2:#0b1721; --panel:#0e1b26; --panel2:#111f2b;
  --line:#223443; --text:#f3f7fb; --muted:#93a6b5; --cyan:#55d8ff;
  --green:#52e0a3; --yellow:#f4ce70; --red:#ff727d; --white:#fff;
  --shadow:0 20px 60px rgba(0,0,0,.28); --radius:22px;
}
*{box-sizing:border-box} body{margin:0;background:radial-gradient(circle at 50% -20%,#123046 0,transparent 42%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
a{text-decoration:none;color:inherit}.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.topbar{height:38px;border-bottom:1px solid var(--line);display:flex;align-items:center;overflow:hidden;background:#061019}
.ticker{display:flex;gap:28px;white-space:nowrap;font-size:12px;color:#b7c5cf;animation:scroll 28s linear infinite}
.ticker b{color:#eef5f9;font-weight:650}.up{color:var(--green)}.down{color:var(--red)}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-25%)}}
.tickerbar{height:50px;border-bottom:1px solid #1b2f3d;background:#050d14}
.ticker{animation-duration:52s !important;font-size:14.5px;letter-spacing:.2px;line-height:50px}
.ticker b{font-size:15px;font-weight:800;color:#eef5f9}
.ticker .sep{display:inline-block;width:1px;height:18px;background:#24404f;margin:0 18px;vertical-align:middle}
.navlinks a{position:relative}.navlinks a.on{color:var(--cyan)}
.navlinks a.on:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--cyan);border-radius:2px}
.menu-altro{position:relative}.dropdown{display:none;position:absolute;right:0;top:26px;background:#0d1b26;border:1px solid #24404f;border-radius:10px;padding:8px;min-width:190px;z-index:60;flex-direction:column}
.dropdown.on{display:flex}.dropdown a{padding:7px 10px;display:block}
.hamburger{display:none}
.card table{width:100%}.card .scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}
.esempio{display:inline-block;font-size:10px;font-weight:800;letter-spacing:1px;background:#2b3440;color:#b7c5cf;padding:2px 7px;border-radius:99px;vertical-align:middle}
@media(max-width:820px){
  .hamburger{display:inline-block}
  .navlinks{display:none;position:absolute;top:74px;left:0;right:0;background:#0b1720;border-bottom:1px solid #24404f;flex-direction:column;padding:10px 18px;z-index:70}
  .navlinks.aperto{display:flex}.navlinks a{padding:10px 0}
  .dropdown{position:static;border:0;padding:0 0 0 12px}.menu-altro{display:block}
  .tickerbar{height:46px}.ticker{line-height:46px;font-size:13.5px}
}
.nav{height:74px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(34,52,67,.55)}
.brand{font-weight:800;font-size:20px;letter-spacing:-.4px}.brand span{color:var(--cyan)}
.navlinks{display:flex;gap:22px;color:#a7b7c2;font-size:13px}.navlinks a:hover{color:#fff}
.btn{border:1px solid var(--line);background:#112431;color:#fff;padding:11px 16px;border-radius:12px;font-weight:700;font-size:13px;cursor:pointer}
.btn.primary{border-color:#3db8de;background:linear-gradient(180deg,#2bb6dc,#2095b7);box-shadow:0 8px 28px rgba(42,185,221,.18)}
.hero{padding:76px 0 28px;display:grid;grid-template-columns:1.1fr .9fr;gap:46px;align-items:center}
.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:7px 10px;border:1px solid #244253;border-radius:999px;background:#0b1a24;color:#9edff1;font-size:12px;font-weight:700}
.dot{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 14px rgba(82,224,163,.9)}
h1{font-size:clamp(46px,6vw,78px);line-height:.96;letter-spacing:-4px;margin:22px 0 22px;max-width:770px}
.grad{background:linear-gradient(90deg,#fff,#9bdff1 55%,#65e0b1);-webkit-background-clip:text;color:transparent}
.hero p{font-size:19px;line-height:1.5;color:#a8bac5;max-width:620px;margin:0}
.hero-actions{display:flex;gap:12px;margin:30px 0 18px}.micro{font-size:12px;color:#718795}
.mock-wrap{position:relative}.glow{position:absolute;inset:-30px;background:radial-gradient(circle,#1b6075 0,transparent 60%);opacity:.22;filter:blur(18px)}
.mock{position:relative;background:linear-gradient(180deg,#101f2b,#0b1720);border:1px solid #263b4a;border-radius:26px;padding:20px;box-shadow:var(--shadow);transform:rotate(1deg)}
.window{display:flex;gap:6px;margin-bottom:18px}.win{width:8px;height:8px;border-radius:50%;background:#334b59}
.mini-label{text-transform:uppercase;letter-spacing:1.3px;color:#6f8493;font-size:10px}
.score{display:flex;align-items:center;justify-content:space-between;margin:12px 0 18px}.score-num{font-size:46px;font-weight:800;letter-spacing:-2px}.pill{padding:7px 10px;border-radius:99px;background:#16372d;color:var(--green);font-size:11px;font-weight:800}
.bar{height:8px;border-radius:8px;background:#1a2d38;overflow:hidden}.bar i{display:block;width:63%;height:100%;background:linear-gradient(90deg,#52e0a3,#f4ce70,#ff727d);border-radius:8px}
.row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #1d303c;font-size:13px}.row:last-child{border-bottom:0}.tag{color:#a4bac6}
.section{padding:54px 0}.section h2{font-size:35px;letter-spacing:-1.5px;margin:0 0 10px}.sub{color:var(--muted);max-width:720px;line-height:1.5}
.product{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:26px}
.riga-avvisi{display:block;width:100%}
.riga-avvisi:has(> [hidden]){display:none;margin:0 !important}
.riga-avvisi .card{width:100%}
.card{background:linear-gradient(180deg,#0d1b26,#0b1720);border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.card h3{margin:0 0 9px;font-size:20px}.muted{color:var(--muted)}
.searchbox{display:flex;gap:8px;margin:16px 0}.searchbox input{flex:1;background:#08141d;border:1px solid #2b4352;color:#fff;border-radius:12px;padding:14px;font-size:14px;outline:none}.searchbox button{white-space:nowrap}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid #294252;background:#10222e;color:#dbe8ee;padding:8px 10px;border-radius:999px;font-size:12px;cursor:pointer}.chip.on{border-color:#45c7e9;background:#123341}
.holdings{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.holding{background:#0a161e;border:1px solid #1d303d;border-radius:12px;padding:12px;display:flex;justify-content:space-between}.holding small{display:block;color:#6f8493;margin-top:3px}.impact{font-weight:800}.impact.red{color:var(--red)}.impact.green{color:var(--green)}.impact.yellow{color:var(--yellow)}
.signal{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid #1c303b}.signal:last-child{border-bottom:0}.sigdot{width:10px;height:10px;border-radius:50%;margin-top:5px}.sig-high{background:var(--red)}.sig-med{background:var(--yellow)}.sig-low{background:var(--green)}
.signal strong{display:block;font-size:14px}.signal span{font-size:12px;color:#92a7b4;line-height:1.45}
.cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:22px}.metric h4{margin:0 0 6px;color:#87a0ae;font-size:12px;text-transform:uppercase;letter-spacing:1px}.metric .big{font-size:28px;font-weight:800}.metric p{font-size:12px;color:#8ba0ad;margin:6px 0 0;line-height:1.4}
.why{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:24px}.why .card{min-height:185px}.num{font-size:12px;color:#59d9ff;font-weight:800}.why h3{margin-top:24px}.why p{color:#94a8b4;line-height:1.5;font-size:14px}
.brief{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;align-items:stretch}.brief-left{display:flex;flex-direction:column;justify-content:space-between}.mailbox{background:linear-gradient(180deg,#102936,#0d1d27);border:1px solid #2c5265;padding:24px;border-radius:var(--radius)}.mailbox h3{font-size:26px;margin:0 0 8px}.mailbox p{color:#9bb0bb;line-height:1.45}.email{display:flex;gap:8px;margin-top:18px}.email input{flex:1;background:#08141d;border:1px solid #2b4352;color:#fff;border-radius:11px;padding:12px}.email button{border-radius:11px;padding:12px 15px}
.feed{display:grid;gap:10px}.feeditem{display:grid;grid-template-columns:68px 1fr auto;gap:12px;align-items:center;padding:14px;background:#0c1821;border:1px solid #1c303c;border-radius:14px}.feeditem .time{font-size:11px;color:#718795}.feeditem h4{font-size:14px;margin:0 0 4px}.feeditem p{font-size:12px;color:#8fa5b0;margin:0}.scoretag{font-size:11px;padding:6px 8px;border-radius:9px;background:#16302a;color:var(--green);font-weight:800}.scoretag.yellow{background:#332c19;color:var(--yellow)}
.cta{margin:54px 0 30px;border:1px solid #285269;background:radial-gradient(circle at 85% 20%,rgba(84,216,255,.16),transparent 33%),linear-gradient(180deg,#0e222d,#0a1821);border-radius:28px;padding:44px;display:flex;justify-content:space-between;gap:24px;align-items:center}.cta h2{font-size:38px;line-height:1.05;letter-spacing:-1.7px;margin:0 0 9px}.cta p{max-width:650px;color:#9bb0bc;line-height:1.5;margin:0}.cta-actions{display:flex;gap:10px;flex-wrap:wrap}
.footer{border-top:1px solid var(--line);padding:34px 0 54px;color:#778b98;font-size:12px}.footerline{display:flex;justify-content:space-between;gap:20px}.footer a{color:#91a7b2}
.modal{position:fixed;inset:0;background:rgba(3,8,12,.72);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:20px;z-index:20}.modal.on{display:flex}.modalbox{width:min(620px,100%);background:#0d1b25;border:1px solid #294150;border-radius:22px;padding:24px;box-shadow:var(--shadow)}.modalbox h3{margin:0 0 8px;font-size:26px}.modalbox p{color:#95a9b5;line-height:1.5}.x{float:right;border:0;background:transparent;color:#8ea1ad;font-size:24px;cursor:pointer}
@media(max-width:920px){.hero,.product,.brief{grid-template-columns:1fr}.navlinks{display:none}.why,.cols3{grid-template-columns:1fr}.cta{flex-direction:column;align-items:flex-start}h1{letter-spacing:-2.5px}.holdings{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.wrap{padding:0 16px}.hero{padding-top:52px}.hero-actions{flex-direction:column}.btn{width:100%}.cta{padding:28px}.cta h2{font-size:30px}.feeditem{grid-template-columns:48px 1fr}.scoretag{display:none}}
.sugg{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#0d1b25;border:1px solid #294150;border-radius:12px;max-height:280px;overflow:auto;z-index:15;box-shadow:var(--shadow)}
.sugg button{display:flex;justify-content:space-between;gap:10px;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid #1c303c;padding:11px 14px;color:#e6eef3;font-size:13px;cursor:pointer}.sugg button:hover{background:#112431}.sugg small{color:#7f95a3;white-space:nowrap}
.holding .x{border:0;background:transparent;color:#6f8493;font-size:18px;cursor:pointer;margin-left:6px}.holding .x:hover{color:var(--red)}
.lettura{border-top:1px solid #1c303c;padding:11px 0;font-size:12.5px;line-height:1.5;color:#a4b8c4}.lettura b{display:block;color:#eef5f9;font-size:13px;margin-bottom:3px}.lettura em{font-style:normal;font-size:10.5px;letter-spacing:1px;text-transform:uppercase;display:block;margin-top:5px}.lettura .lp{color:#9edff1}.lettura .lc{color:var(--green)}.lettura .li{color:var(--red)}
.an{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 6px}.an div{background:#0a161e;border:1px solid #1d303d;border-radius:12px;padding:10px 12px}.an b{display:block;font-size:22px;letter-spacing:-.5px}.an span{font-size:11px;color:#7f95a3}.an .warn{border-color:#5a4a1f}.an .warn b{color:var(--yellow)}
.vuoto{color:#8fa5b0;font-size:13px;line-height:1.5;padding:10px 0}
.feeditem img{width:68px;height:52px;object-fit:cover;border-radius:8px}
@media(max-width:600px){.an{grid-template-columns:1fr 1fr}.holdings{grid-template-columns:1fr}}
.delta{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid #1c303c;font-size:13px;line-height:1.45}.delta:last-child{border-bottom:0}.delta b{color:#eef5f9}.delta .d{min-width:64px;text-align:right;font-weight:800}
.tesi{border:1px solid #1d303d;background:#0a161e;border-radius:12px;padding:12px;margin-bottom:10px;font-size:13px;line-height:1.5}.tesi b{display:block;font-size:14px;color:#eef5f9}.tesi .st{display:inline-block;padding:3px 8px;border-radius:99px;font-size:11px;font-weight:800;margin-top:6px}.st.up{background:#16372d;color:var(--green)}.st.flat{background:#2b3440;color:#b7c5cf}.st.down{background:#3a1f25;color:var(--red)}.tesi .azioni{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap}.tesi .azioni button{font-size:11px;padding:6px 9px}
.ign{font-size:13px;color:#8fa5b0;padding:8px 0;border-bottom:1px solid #1c303c}.ign:last-child{border-bottom:0}.ign b{color:#c6d3db;font-weight:600}
.semafori{display:flex;gap:14px;margin-top:14px;font-size:13px;font-weight:700}.semafori span{display:inline-flex;align-items:center;gap:6px}.semafori i{width:9px;height:9px;border-radius:50%;display:inline-block}
.hid{margin-top:14px;padding:12px 14px;border-radius:12px;background:#1b1b12;border:1px solid #4a3f1c;font-size:12.5px;line-height:1.5;color:#e9d9a3}.hid b{display:block;color:#f4ce70;font-size:13px}
.ign-big{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px;align-items:stretch}.ign-hero{background:radial-gradient(circle at 85% 20%,rgba(85,216,255,.14),transparent 40%),linear-gradient(180deg,#10232f,#0b1720);border:1px solid #2a5364;display:flex;flex-direction:column;justify-content:center}.ign-hero .big{font-size:74px;line-height:1;font-weight:900;letter-spacing:-4px;color:var(--cyan)}.ign-hero p{color:#9ab0bc;line-height:1.5;margin:8px 0 0;font-size:15px}
@media(max-width:920px){.ign-big{grid-template-columns:1fr}.ign-hero .big{font-size:58px}}
.re-card{margin-bottom:12px}.re-card.alta{background:linear-gradient(180deg,#1a1216,#0d1b26);box-shadow:0 0 0 1px rgba(255,114,125,.25)}.re-card.att{opacity:.95}
#alerts-card{background:#0b141c}#alerts-card h3{font-size:14px;color:#8fa5b0;letter-spacing:.5px;text-transform:uppercase}#alerts-card .delta{font-size:13px}#alerts-card .delta b{font-size:13.5px;font-weight:600}
@media(max-width:640px){#re-lista .re-card{padding:14px}#re-lista .re-card > div:first-child{flex-direction:column;gap:4px}}
.top-stories{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.story{display:block;text-decoration:none;overflow:hidden}
.img-news{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;display:block;background:#0f1c26}
.thumb-news{width:72px;height:54px;object-fit:cover;border-radius:8px;flex:none;background:#0f1c26}
.fallback-news{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#102030,#0b1720);border:1px solid #1f3646}
.fallback-news span{font:800 12px/1 Inter,system-ui,sans-serif;letter-spacing:1.5px;color:#4f6b7d;text-transform:uppercase;text-align:center;padding:4px}
.riga-news{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid #16242f;text-decoration:none}
.riga-news:last-child{border-bottom:0}
@media(max-width:900px){.top-stories{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.top-stories{grid-template-columns:1fr}.thumb-news{width:60px;height:45px}}
.section{padding:44px 0}
.section:has(> .card:only-child){padding:32px 0}
.card{padding:18px}
.card h3{margin-top:0}
.vuoto{padding:14px 0;color:#7f95a3;font-size:13.5px}
.section h2{margin-bottom:6px}.section .sub{margin-top:6px}
@media(max-width:720px){.section{padding:30px 0}.card{padding:15px}}
.riquadro-esempio{margin-top:12px;padding:12px 14px;border:1px dashed #2b4353;border-radius:12px;background:rgba(18,32,42,.5)}
.navlinks a:hover{color:var(--cyan)}
.chip{transition:border-color .15s,color .15s}.chip:hover{border-color:var(--cyan);color:var(--cyan)}
.holding{transition:background .15s}.holding:hover{background:rgba(17,30,40,.6)}
.riga-news:hover .thumb-news{opacity:.85}

/* ---------- densità: sezioni più compatte, meno vuoti verticali ---------- */
.section{padding:34px 0}
.section h2{margin:8px 0 4px}
.section .sub{margin:4px 0 10px}
.section .card{margin-top:12px}
.eyebrow{margin-bottom:2px}
main{padding-bottom:20px}
.sezione-mobile{display:none}

/* ---------- homepage ---------- */
.hero-home{display:grid;grid-template-columns:1.05fr .95fr;gap:38px;align-items:center;padding:46px 0 34px}
.h1-home{font:800 54px/1.04 "Playfair Display",Georgia,serif;letter-spacing:-.5px;margin:10px 0 0;color:#f2f7fa}
.h1-home .acc{color:var(--cyan)}
.sub-home{font-size:17.5px;line-height:1.5;color:#9fb3bf;margin:14px 0 20px;max-width:34em}
.cta-riga{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.btn.grande{padding:13px 20px;font-size:14.5px}
.demo{background:#0b1720;border:1px solid #1f3646;border-radius:16px;padding:14px}
.demo-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.demo-radar{border:1px solid #1c303c;border-radius:10px;padding:4px 10px;margin-bottom:10px}
.demo-riga{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid #14232e;font-size:13.5px}
.demo-riga:last-child{border-bottom:0}
.demo-riga .peso{font-weight:800;color:var(--cyan)}
.demo-card{border-left:3px solid #24404f;padding:9px 0 9px 11px;margin-bottom:8px}
.demo-card.alta{border-left-color:var(--red)}.demo-card.att{border-left-color:var(--yellow)}.demo-card.ign{opacity:.62}
.demo-lab{font:800 10px/1 Inter,sans-serif;letter-spacing:1.2px;margin-bottom:3px}
.demo-tit{font-size:14.5px;font-weight:700;color:#eef5f9}
.demo-txt{font-size:12.5px;line-height:1.45;color:#8fa5b0;margin-top:2px}
.blocco{padding:30px 0;border-top:1px solid #16242f}
.h2-home{font:800 30px/1.15 "Playfair Display",Georgia,serif;color:#f2f7fa;margin:0 0 16px}
.h2-home .acc{color:var(--cyan)}
.flusso{display:flex;align-items:stretch;gap:8px;overflow-x:auto;padding-bottom:4px}
.passo{flex:1;min-width:132px;background:#0b1720;border:1px solid #1c303c;border-radius:10px;padding:11px 12px}
.passo.on{border-color:var(--cyan);box-shadow:0 0 0 1px rgba(45,212,232,.18)}
.passo-n{font:800 10.5px/1 Inter,sans-serif;letter-spacing:1.1px;color:var(--cyan);margin-bottom:5px}
.passo-d{font-size:12.5px;color:#8fa5b0;line-height:1.4}
.freccia{align-self:center;color:#3c5768;font-size:16px}
.tre{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.concetto{display:block;text-decoration:none}
.concetto .num{font:800 12px/1 Inter,sans-serif;letter-spacing:1.4px;color:#3c5768}
.concetto h3{margin:6px 0 10px;font-size:17px;color:#eef5f9}
.mini-ui{border:1px solid #1c303c;border-radius:9px;padding:8px 10px;margin-bottom:9px}
.mini-riga{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;padding:4px 0;color:#c6d3db}
.mini-riga.muted{color:#6f8493}.mini-riga.barrata span{text-decoration:line-through;color:#6f8493}
.mini-riga.barrata b{font-weight:600;color:#6f8493}
.mini-barra{height:6px;background:#132430;border-radius:99px;margin:4px 0 8px;overflow:hidden}
.mini-barra span{display:block;height:100%;background:var(--red)}
.cta-finale{text-align:center;padding:30px 0}
.cta-finale .btn{margin:16px 0 8px}
@media(max-width:900px){
  .hero-home{grid-template-columns:1fr;gap:24px;padding:28px 0 22px}
  .h1-home{font-size:38px}.h2-home{font-size:24px}
  .tre{grid-template-columns:1fr}
  .sezione-mobile{display:inline-block;font:800 11px/1 Inter,sans-serif;letter-spacing:1px;color:var(--cyan);text-transform:uppercase}
  .flusso .freccia{display:none}
}
@media(max-width:620px){.h1-home{font-size:32px}.section{padding:24px 0}.blocco{padding:22px 0}}

/* ---------- ritorno alla home ---------- */
.briciole{padding:12px 0 0;font-size:13px;color:#6f8493;display:flex;gap:8px;align-items:center}
.briciole a{color:var(--cyan);font-weight:700;text-decoration:none}
.briciole a:hover{text-decoration:underline}
.briciole b{color:#c6d3db;font-weight:700}
.navlinks .voce-home{color:var(--cyan);font-weight:700}
@media(max-width:820px){.briciole{padding:10px 0 0}}

/* ---------- card Radar della homepage (mockup illustrativo) ---------- */
.radar-card{background:linear-gradient(180deg,#0d1b26,#0a151d);border:1px solid #223c4c;border-radius:16px;padding:16px;box-shadow:0 18px 40px -28px rgba(0,0,0,.9)}
.rc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.rc-tit{font:800 11px/1 Inter,sans-serif;letter-spacing:1.6px;color:#9fb3bf}
.rc-score{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rc-box{background:#0a141c;border:1px solid #1c303c;border-radius:10px;padding:10px 12px}
.rc-lab{font:800 10px/1 Inter,sans-serif;letter-spacing:1.2px;color:#728692;margin-bottom:5px}
.rc-num{font:800 30px/1 Inter,sans-serif;color:var(--green);letter-spacing:-.5px}
.rc-num span{font-size:14px;color:#5f7embed}
.rc-num span{font-size:14px;color:#5f7684}
.rc-num.piccolo{font-size:20px}
.rc-barra{height:7px;background:#12222d;border-radius:99px;margin:10px 0 12px;overflow:hidden}
.rc-barra span{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--cyan))}
.rc-pos{border:1px solid #1c303c;border-radius:10px;padding:2px 12px;margin-bottom:12px}
.rc-riga{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid #14232e;font-size:13.5px}
.rc-riga:last-child{border-bottom:0}
.rc-sym{font-weight:800;color:#eef5f9;letter-spacing:.4px}
.rc-var{font-size:12.5px;font-weight:700}
.rc-peso{font-weight:800;color:var(--cyan);min-width:38px;text-align:right}
.rc-sez{border-left:3px solid #24404f;padding:8px 0 8px 11px;margin-bottom:8px}
.rc-sez.alta{border-left-color:var(--red)}.rc-sez.att{border-left-color:var(--yellow)}.rc-sez.ign{opacity:.6}
.rc-txt{font-size:13.5px;line-height:1.45;color:#dbe6ec}
.rc-nota{font-size:11px;color:#5f7684;border-top:1px solid #16242f;padding-top:8px;margin-top:4px}

/* ---------- fascia delle fonti ---------- */
.fonti{padding:18px 0 22px;border-top:1px solid #16242f}
.fonti-tit{font:800 10.5px/1 Inter,sans-serif;letter-spacing:1.6px;color:#5f7684;margin-bottom:12px}
.marquee{overflow:hidden;position:relative;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee-pista{display:flex;gap:34px;width:max-content;animation:scorri-fonti 58s linear infinite}
.marquee:hover .marquee-pista{animation-play-state:paused}
@keyframes scorri-fonti{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.fonte{display:inline-flex;align-items:center;gap:8px;opacity:.5;transition:opacity .2s;flex:none}
.fonte:hover{opacity:1}
.fonte img{height:18px;width:auto;max-width:96px;object-fit:contain;filter:grayscale(1) brightness(1.6)}
.fonte-nome{font:700 12.5px/1 Inter,sans-serif;color:#9fb3bf;white-space:nowrap}
.fonti-nota{margin-top:12px;color:#5f7684}
@media(max-width:620px){.fonti{padding:14px 0 16px}.marquee-pista{gap:22px}.fonte img{height:15px}.fonte-nome{font-size:11.5px}}

/* ---------- densità ulteriore ---------- */
.hero-home{padding:34px 0 26px}
.blocco{padding:26px 0}
.h2-home{margin-bottom:12px}
.cta-finale{padding:22px 0}
@media(max-width:900px){.hero-home{padding:22px 0 18px}}

/* ---------- 3 · la sezione rilevanza cresce con il contenuto ---------- */
#rilevanza,#re-lista,#radar-demo{max-height:none!important;height:auto!important;overflow:visible!important}
#re-lista .re-card{overflow:visible}
.section,.card{max-height:none}

/* ---------- 4 · CTA finale: colonna con spazi certi, niente sovrapposizioni ---------- */
.cta-finale{display:flex;flex-direction:column;align-items:center;gap:14px;padding:26px 0;position:relative;z-index:1}
.cta-finale h2{margin:0}
.cta-finale .btn{margin:0;position:static;transform:none}
.cta-finale .micro{margin:0;line-height:1.5}
@media(max-width:620px){.cta-finale{gap:12px;padding:20px 0}.cta-finale .btn{width:100%;text-align:center}}

/* ---------- fonti: nomi più grandi e nel colore del marchio ---------- */
.fonte{opacity:.72}
.fonte:hover{opacity:1}
.fonte-nome{font:800 17px/1 Inter,system-ui,sans-serif;letter-spacing:.2px;color:var(--col,#c6d3db);white-space:nowrap}
.marquee-pista{gap:42px}
@media(max-width:620px){.fonte-nome{font-size:14px}.marquee-pista{gap:26px}}

/* ---------- menu con più voci visibili ---------- */
.navlinks{gap:14px;flex-wrap:wrap}
.navlinks a{font-size:13px;white-space:nowrap}
@media(max-width:1180px){.navlinks{gap:11px}.navlinks a{font-size:12.5px}}

/* ---------- fascia fonti: wordmark reali ---------- */
.fonti{padding:22px 0 24px}
.marquee{height:38px;display:flex;align-items:center}
.marquee-pista{align-items:center;gap:46px}
.fonte{display:inline-flex;align-items:center;gap:0;opacity:.8;transition:opacity .2s;flex:none;height:26px}
.fonte:hover{opacity:1}
.fonte-logo{max-height:20px;width:auto;object-fit:contain;display:block;filter:brightness(1.15) saturate(1.05)}
.fonte-logo + .fonte-nome{display:none}
.fonte.solo-nome .fonte-nome{display:inline}
.fonte-nome{font:800 18px/1 Inter,system-ui,sans-serif;color:var(--col,#c6d3db);white-space:nowrap}
@media(max-width:620px){.marquee{height:32px}.fonte{height:22px}.fonte-logo{max-height:16px}.fonte-nome{font-size:15px}.marquee-pista{gap:28px}}

/* ---------- intestazione: altezza dal contenuto, non fissa ----------
   Con dieci voci di menu l'altezza fissa di 74px faceva uscire la seconda riga
   dalla barra, sovrapponendola al contenuto sottostante. */
.nav{height:auto;min-height:74px;padding:10px 0;flex-wrap:wrap;row-gap:8px;position:relative;z-index:50;background:var(--bg,#060f16)}
.nav > *{min-width:0}
.navlinks{flex:1 1 auto;justify-content:flex-start;align-items:center;row-gap:6px}
main{position:relative;z-index:1}
@media(max-width:820px){
  .nav{min-height:64px;flex-wrap:nowrap}
  .navlinks{position:absolute;top:100%;left:0;right:0;flex:none}
}
/* niente contenuti tagliati: i contenitori crescono con il testo */
.card,.section,.tesi,.delta,.list-item,#re-lista,#wc-lista,#fm-lista,#pi-lista,#ig-lista{height:auto;max-height:none;overflow:visible}
.riga-news,.story{overflow:visible}

/* ---------- marchio: dentro la barra, staccato dal menu ---------- */
.brand{flex:none;margin-right:26px;padding-left:2px;line-height:1}
.brand a{display:inline-block;color:inherit;text-decoration:none}
.nav{gap:8px;padding-left:2px;padding-right:2px}
.navlinks{margin-left:0}

/* ---------- fonti: marchio + nome, sempre visibili ---------- */
.fonte{gap:9px;height:28px}
.fonte-logo{max-height:22px;width:auto;object-fit:contain;border-radius:4px}
.fonte-logo + .fonte-nome{display:inline}
.fonte-nome{font-size:17px}
.marquee{padding-left:6px}
.marquee{mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
@media(max-width:620px){.fonte-logo{max-height:18px}.fonte{gap:7px}}

/* ---------- pagina Metodo: proporzioni e spazi coerenti col resto ---------- */
#metodo-hero h1,.metodo h1,body .testata + main h1{font-size:40px;line-height:1.08}
.wrap.metodo-hero{padding:34px 0 22px}

/* ---------- foto nelle card di "Quello che riguarda te" ---------- */
.re-foto{display:block;margin:-2px 0 12px}
.re-foto .img-news,.re-foto .fallback-news{aspect-ratio:21/9;border-radius:10px}
.re-card{padding:16px}
#radar-demo{margin-bottom:18px}
@media(max-width:620px){.re-foto .img-news,.re-foto .fallback-news{aspect-ratio:16/9}}

/* ---------- notizie che ti riguardano, nella colonna del Radar ---------- */
.tua-news{display:flex;gap:12px;align-items:flex-start;padding:11px 0;border-bottom:1px solid #16242f;text-decoration:none}
.tua-news:last-child{border-bottom:0}
.tua-news .thumb-news{width:84px;height:60px}
.tua-news:hover .thumb-news{opacity:.85}
#mie-news-foto .card{padding:16px}
/* le due colonne del Radar si allineano in alto: niente colonna corta con vuoto sotto */
#radar .product{align-items:start}
@media(max-width:620px){.tua-news .thumb-news{width:64px;height:48px}}
.col-radar{display:flex;flex-direction:column;gap:14px;min-width:0}

/* immagine + ripiego come elementi sorella: nessun markup annidato negli attributi */
.media-news{display:block;position:relative}
.media-news .fallback-news{display:none}
.media-news.ko img{display:none}
.media-news.ko .fallback-news{display:flex}
.tua-news .media-news{flex:none}

/* ---------- pagina Metodo: l'apertura non usa la griglia della home ---------- */
body.metodo .hero{display:block;grid-template-columns:none;padding:52px 0 40px;text-align:center}
body.metodo .hero h1{font-size:clamp(30px,3.4vw,46px);line-height:1.06;letter-spacing:-.02em;max-width:17ch;margin:14px auto 18px}
body.metodo .hero p{max-width:60ch;margin:0 auto}
body.metodo section{padding:32px 0}

/* ---------- posizioni del Radar: i controlli restano dentro il riquadro ---------- */
.holding{display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:space-between;min-width:0;overflow:hidden}
.holding > div{min-width:0;flex:1 1 auto}
.holding b{display:block;overflow:hidden;text-overflow:ellipsis}
.holding small{display:block;font-size:11.5px;line-height:1.35;word-break:break-word}
.holding .peso,.holding input{flex:none}
.holding input[type="number"],.holding input{width:52px;max-width:52px}
.holding .btn{flex:none;font-size:11px;padding:5px 8px;white-space:nowrap}
.holding .impact{flex:none;font-size:12px}
.holding .x{flex:none}
@media(max-width:1100px){.holdings{grid-template-columns:1fr}}

/* ---------- Metodo: chiusura in colonna, nessuna sovrapposizione ---------- */
body.metodo .cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:44px 28px;margin:34px 0 26px}
body.metodo .cta h2{font-size:clamp(24px,2.6vw,34px);line-height:1.12;letter-spacing:-.02em;margin:0;max-width:22ch}
body.metodo .cta p{margin:0;max-width:56ch;line-height:1.55}
body.metodo .cta .btn{margin:0}
@media(max-width:620px){body.metodo .cta{padding:30px 18px}body.metodo .cta .btn{width:100%;text-align:center}}

.passo-forte{font:800 15px/1.2 Inter,system-ui,sans-serif;color:#eef5f9;margin-bottom:4px}

/* ================= METODO · sala di controllo ================= */
body.metodo .hero{padding:44px 0 34px}
body.metodo .occhiello{font:800 10.5px/1 Inter,sans-serif;letter-spacing:1.8px;color:var(--cyan,#2dd4e8);text-transform:uppercase}
body.metodo .intro{max-width:52ch;margin:12px auto 0;font-size:16px;color:#a7bcc8}
.imbuto{display:flex;align-items:center;justify-content:center;gap:26px;margin:30px auto 8px;flex-wrap:wrap}
.imb-lato{min-width:190px;padding:18px 24px;border:1px solid #223c4c;border-radius:16px;background:linear-gradient(180deg,#0d1b26,#0a151d)}
.imb-lato.ok{border-color:#2c6b57;box-shadow:0 0 0 1px rgba(82,224,163,.12)}
.imb-num{font:800 62px/1 Inter,system-ui,sans-serif;letter-spacing:-3px;color:#eef5f9}
.imb-lato.ok .imb-num{color:var(--verde,#52e0a3)}
.imb-lab{font:800 10.5px/1 Inter,sans-serif;letter-spacing:1.4px;color:#728692;margin-top:8px}
.imb-filtro{position:relative;width:96px;height:64px;display:flex;align-items:center;justify-content:center}
.imb-linea{width:96px;height:1px;background:linear-gradient(90deg,transparent,#2b4353,transparent)}
.goccia{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--cyan,#2dd4e8);opacity:0;animation:filtra 3.4s linear infinite}
.goccia:nth-child(2){animation-delay:1.1s}.goccia:nth-child(3){animation-delay:2.2s}
@keyframes filtra{0%{transform:translateX(-46px) scale(1);opacity:.9}70%{opacity:.5}100%{transform:translateX(46px) scale(.35);opacity:0}}
@media(prefers-reduced-motion:reduce){.goccia{animation:none;opacity:.4}}
body.metodo .h-sez{font:800 clamp(22px,2.4vw,30px)/1.15 Inter,system-ui,sans-serif;letter-spacing:-.02em;margin:10px 0 18px;color:#eef5f9;text-align:left}
body.metodo section{padding:30px 0;text-align:left}
.catena{display:grid;grid-template-columns:repeat(6,1fr);gap:0;align-items:stretch}
.passo-f{border:1px solid #1c303c;border-radius:12px;padding:12px;background:#0b1720;min-width:0}
.passo-f.fine{border-color:#2c6b57}
.pf-n{font:800 26px/1 Inter,sans-serif;color:var(--cyan,#2dd4e8)}
.passo-f.fine .pf-n{color:var(--verde,#52e0a3)}
.pf-t{font-weight:700;font-size:13.5px;margin-top:6px;color:#e6eef3}
.pf-d{font-size:11.5px;color:#7f95a3;margin-top:3px;line-height:1.35}
.pf-freccia{display:none}
@media(max-width:900px){.catena{grid-template-columns:1fr;gap:6px}.pf-freccia{display:block;text-align:center;color:#3c5768}}
.cruscotto{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.kpi{border:1px solid #1c303c;border-radius:14px;padding:16px;background:#0b1720}
.kpi b{display:block;font:800 40px/1 Inter,sans-serif;letter-spacing:-2px;color:#eef5f9}
.kpi.ok b{color:var(--verde,#52e0a3)}.kpi.ko b{color:var(--giallo,#f4ce70)}
.kpi span{display:block;font-size:12px;color:#7f95a3;margin-top:6px;line-height:1.4}
@media(max-width:820px){.cruscotto{grid-template-columns:1fr 1fr}.kpi b{font-size:30px}}
.scarti{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.scarti-tot{grid-column:1/-1;font-size:14px;color:#c6d3db;margin-bottom:2px}
.scarti-tot b{font-size:22px;color:var(--giallo,#f4ce70)}
.scarto{border:1px solid #1c303c;border-left:3px solid #f4ce70;border-radius:10px;padding:12px;background:#0b1720}
.sc-tag{font:800 10.5px/1 Inter,sans-serif;letter-spacing:1.2px;color:var(--giallo,#f4ce70)}
.sc-d{font-size:12.5px;color:#9fb3bf;margin-top:6px;line-height:1.45}
@media(max-width:820px){.scarti{grid-template-columns:1fr 1fr}}
.vcat{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap}
.vp{flex:1;min-width:130px;border:1px solid #1c303c;border-radius:12px;padding:12px;background:#0b1720}
.vp.ok{border-color:#2c6b57}.vp.ko{border-color:#6b4a2c}
.vp-l{font:800 10px/1 Inter,sans-serif;letter-spacing:1.2px;color:#728692}
.vp-v{font-weight:800;font-size:15px;margin-top:6px;color:#eef5f9}
.vf{align-self:center;color:#3c5768}
.esempio-reale{display:block;margin-top:12px;padding:12px 14px;border:1px dashed #2b4353;border-radius:12px;text-decoration:none;color:#dbe6ec;font-size:13.5px;line-height:1.45}
.esempio-reale:hover{border-color:var(--cyan,#2dd4e8)}
.limiti{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lim{border:1px solid #1c303c;border-radius:12px;padding:14px;background:#0b1720}
.lim b{display:block;color:#eef5f9;margin-bottom:5px;font-size:14.5px}
.lim span{font-size:13px;color:#9fb3bf;line-height:1.5}
@media(max-width:820px){.limiti{grid-template-columns:1fr}.vcat{flex-direction:column}.vf{display:none}}
.sc-n{font:800 24px/1 Inter,sans-serif;color:var(--giallo,#f4ce70);margin-bottom:4px}
.scarto.stimato{border-left-color:#2b4353;opacity:.82}
.scarto.stimato .sc-n{color:#5f7684}

/* la colonna va applicata al contenitore che contiene davvero titolo, testo e pulsante */
body.metodo .cta{display:block;padding:44px 28px;margin:34px 0 26px;text-align:center}
body.metodo .cta .m-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}
body.metodo .cta h2,body.metodo .cta p,body.metodo .cta .btn{margin:0}
body.metodo .cta .btn{display:inline-block}
@media(max-width:620px){body.metodo .cta{padding:28px 16px}body.metodo .cta .m-wrap{gap:14px}body.metodo .cta .btn{width:100%}}

/* ---------- homepage: hero su una colonna, Radar in sezione propria ---------- */
.hero-home.solo-testo{grid-template-columns:1fr;text-align:left;padding:38px 0 8px}
.hero-home.solo-testo .hero-testo{max-width:44ch}
#radar-home{padding-top:18px}
#radar-home .radar-card{max-width:620px}
#rh-nota{margin-top:10px}

/* ---------- intestazione: tutte le voci, compatte ---------- */
.navlinks{gap:13px;font-size:12.5px;flex-wrap:wrap}
.navlinks a{white-space:nowrap;padding:2px 0}
@media(max-width:1280px){.navlinks{gap:10px;font-size:12px}}
@media(max-width:1120px){.navlinks{gap:9px;font-size:11.5px}}
.brand .lg{font:800 19px/1 Inter,system-ui,sans-serif;letter-spacing:-.3px;color:#eef5f9}
.brand .lg.acc{color:var(--cyan,#2dd4e8)}
.logo .lg{font:800 18px/1 Inter,system-ui,sans-serif}

/* i loghi mantengono i colori originali del brand: nessun filtro globale */
.marquee .brand-logo,.fonte .brand-logo{filter:none!important;-webkit-filter:none!important}

/* ---------- la card torna accanto al titolo, con una leggera profondità ---------- */
.hero-home{grid-template-columns:1.05fr .95fr;align-items:center;padding:44px 0 30px}
.hero-home.solo-testo{grid-template-columns:1.05fr .95fr}
.mock-wrap{position:relative;perspective:1400px}
.mock-wrap .radar-card{max-width:none;transform:perspective(1400px) rotateY(-4.5deg) rotateX(1.5deg) translateZ(0);
  transform-origin:left center;box-shadow:0 26px 60px -30px rgba(0,0,0,.95),0 0 0 1px rgba(45,212,232,.06);
  transition:transform .35s ease}
.mock-wrap .radar-card:hover{transform:perspective(1400px) rotateY(-1.5deg) rotateX(.5deg)}
#rh-nota{display:none}
@media(max-width:980px){
  .hero-home,.hero-home.solo-testo{grid-template-columns:1fr}
  .mock-wrap .radar-card,.mock-wrap .radar-card:hover{transform:none;box-shadow:0 18px 40px -28px rgba(0,0,0,.9)}
  .mock-wrap{margin-top:18px}
}
@media(prefers-reduced-motion:reduce){.mock-wrap .radar-card{transform:none}}

/* ---------- fascia fonti su telefono: scorre da sola e si può trascinare ----------
   Cause del difetto precedente: la pista larga quanto il contenuto sfondava il
   viewport (pagina scrollabile di lato) e su iOS la maschera senza prefisso
   nascondeva i bordi. */
html,body{max-width:100%;overflow-x:clip}   /* clip, non hidden: hidden rende il body un contenitore di scorrimento e la colonna sticky smette di seguire la pagina */
.fonti{overflow:hidden}
.marquee{width:100%;max-width:100%;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.marquee-pista{will-change:transform;-webkit-animation:scorri-fonti 62s linear infinite;animation:scorri-fonti 62s linear infinite}
@-webkit-keyframes scorri-fonti{from{-webkit-transform:translateX(0)}to{-webkit-transform:translateX(-50%)}}
@media(max-width:820px){
  /* su telefono si può anche trascinare con il dito, senza fermare lo scorrimento */
  .marquee{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .marquee::-webkit-scrollbar{display:none}
  .marquee-pista{animation-duration:38s;-webkit-animation-duration:38s}
}
/* chi ha ridotto le animazioni non resta bloccato: la fascia diventa scorrevole a mano */
@media(prefers-reduced-motion:reduce){
  .marquee-pista{animation:none;-webkit-animation:none}
  .marquee{overflow-x:auto;-webkit-overflow-scrolling:touch}
}

/* La pausa vale solo dove c'è un vero puntatore: su touch il :hover resta
   attivo dopo il tocco e bloccherebbe la fascia per sempre. */
.marquee:hover .marquee-pista{animation-play-state:running}
@media (hover:hover) and (pointer:fine){
  .marquee:hover .marquee-pista{animation-play-state:paused}
}

/* Alcuni asset ufficiali sono pensati per fondo chiaro (es. il PNG di FXStreet):
   su fondo scuro riceve un riquadro chiaro minimo, non un chip decorativo. */





/* ================= FASCIA FONTI · come le strisce "trusted by" =================
   Titolo centrato e discreto, nomi in un grigio piatto uniforme, scorrimento
   lento e continuo. Nessun colore, nessun logo, nessun accento. */
.fonti{padding:36px 0 30px;border-top:1px solid #16242f;overflow:hidden;text-align:center}
.fonti-tit{font:400 15px/1.3 Inter,system-ui,sans-serif;letter-spacing:0;color:#7e8c96;margin-bottom:26px;text-transform:none}
.marquee{height:64px;display:flex;align-items:center;width:100%;max-width:100%;overflow:hidden;position:relative;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee-pista{display:flex;align-items:center;gap:88px;width:max-content;will-change:transform;
  -webkit-animation:scorri-fonti 110s linear infinite;animation:scorri-fonti 110s linear infinite}
.fonte{display:inline-flex;align-items:center;flex:none;background:none;border:0;padding:0}
.fonte-testo{font:600 21px/1 Inter,system-ui,-apple-system,sans-serif;letter-spacing:.1px;
  color:#8d98a2;opacity:1;white-space:nowrap;transition:color .25s ease;-webkit-font-smoothing:antialiased}
.sep-fonte{display:none}
.fonti-nota{margin-top:20px;color:#5f7684;font-size:12px}
@media (hover:hover) and (pointer:fine){
  .marquee:hover .marquee-pista{animation-play-state:paused}
  .fonte:hover .fonte-testo{color:#e6eef3}
}
@media(max-width:820px){
  .fonti{padding:24px 0 20px}
  .fonti-tit{font-size:13.5px;margin-bottom:16px}
  .marquee{height:52px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .marquee::-webkit-scrollbar{display:none}
  .marquee-pista{gap:48px;animation-duration:66s;-webkit-animation-duration:66s}
  .fonte-testo{font-size:17px}
}

/* ================= PRO · lista d'attesa ================= */
#pro-attesa{padding:28px 0 34px}
.pro-box{border:1px solid #285269;border-radius:20px;padding:26px 28px;background:radial-gradient(circle at 90% 10%,rgba(84,216,255,.14),transparent 36%),linear-gradient(180deg,#0e222d,#0a1821)}
.pro-testa{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}
.pro-h{font:800 clamp(22px,2.4vw,30px)/1.12 Inter,system-ui,sans-serif;letter-spacing:-.02em;margin:10px 0 8px;color:#eef5f9}
.pro-sub{margin:0;max-width:60ch;color:#a7bcc8;line-height:1.55;font-size:15px}
.pro-tag{flex:none;font:700 11.5px/1 Inter,sans-serif;letter-spacing:.6px;color:var(--verde,#52e0a3);border:1px solid rgba(82,224,163,.35);border-radius:99px;padding:8px 12px;margin-top:6px}
.pro-voci{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}
.pro-voce{border:1px solid #1c303c;border-radius:12px;padding:12px 14px;background:rgba(6,15,22,.55)}
.pro-voce b{display:block;font-size:14px;color:#eef5f9;margin-bottom:4px}
.pro-voce span{font-size:12.5px;line-height:1.45;color:#8fa5b0}
.pro-form{display:flex;gap:10px;flex-wrap:wrap;position:relative}
.pro-form input[type="email"]{flex:1 1 260px;min-width:0;height:48px;border-radius:12px;border:1px solid #2b4353;background:#0b1720;color:#eef5f9;padding:0 14px;font:600 15px Inter,sans-serif}
.pro-form input[type="email"]:focus{outline:none;border-color:var(--cyan,#2dd4e8)}
.pro-form .btn{height:48px;flex:none;padding:0 20px}
#pw-esito{margin-top:10px;min-height:16px}
@media(max-width:820px){.pro-voci{grid-template-columns:1fr}.pro-box{padding:20px 18px}.pro-form .btn{width:100%}}

/* strumento non coperto: voce di richiesta nei suggerimenti */
.sugg .sugg-pro{border-left:3px solid var(--cyan,#2dd4e8)}
.sugg .sugg-pro .rs-cta{color:var(--cyan,#2dd4e8);font-weight:800}

/* ================= FUTURE RISK ================= */
.fr-card{padding:18px}
.fr-riga{display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid #16242f}
.fr-riga:last-of-type{border-bottom:0}
.fr-lab{font-weight:800;font-size:14px;color:#eef5f9}
.fr-lab .micro{display:block;font-weight:400;margin-top:2px}
.fr-barra{display:flex;align-items:center;gap:12px}
.fr-min,.fr-max{font:800 13px Inter,sans-serif;min-width:58px}
.fr-min{color:var(--red,#ff6b7a);text-align:right}.fr-max{color:var(--verde,#52e0a3)}
.fr-linea{flex:1;height:8px;border-radius:99px;background:linear-gradient(90deg,rgba(255,107,122,.55),#1c303c 50%,rgba(82,224,163,.55));position:relative}
.fr-linea i{position:absolute;left:50%;top:50%;width:14px;height:14px;border-radius:50%;background:#eef5f9;transform:translate(-50%,-50%);box-shadow:0 0 0 3px rgba(238,245,249,.15)}
.fr-riga.bloccata{opacity:.5}
.fr-conf{margin-top:14px;border-top:1px solid #1c303c;padding-top:12px}
.fr-tab{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0}
.fr-tab div{border:1px solid #1c303c;border-radius:10px;padding:10px 12px;background:#0b1720}
.fr-tab span{display:block;font-size:11px;color:#728692;letter-spacing:.6px;text-transform:uppercase}
.fr-tab b{display:block;font-size:20px;color:#eef5f9;margin:4px 0 2px}
.fr-tab small{color:#8fa5b0}
@media(max-width:620px){.fr-riga{grid-template-columns:1fr;gap:6px}.fr-tab{grid-template-columns:1fr}}

/* ================= FUTURE LAB ================= */
.fl-scelte{display:flex;flex-direction:column;gap:8px;margin:16px 0}
.fl-card{padding:20px}
.fl-testa{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}
.fl-n{text-align:right}.fl-n b{display:block;font:800 30px/1 Inter,sans-serif;color:#eef5f9}.fl-n span{font-size:11px;color:#728692;letter-spacing:.6px;text-transform:uppercase}
.fl-dist{margin:8px 0 18px}
.fl-scala{position:relative;height:26px;border-radius:99px;background:#0b1720;border:1px solid #1c303c}
.fl-zero{position:absolute;top:-6px;bottom:-6px;width:2px;background:#3c5768;transform:translateX(-1px)}
.fl-banda{position:absolute;top:6px;height:14px;border-radius:99px;background:rgba(45,212,232,.28)}
.fl-banda.scura{background:rgba(45,212,232,.62)}
.fl-med{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:#eef5f9;transform:translate(-50%,-50%);box-shadow:0 0 0 3px rgba(238,245,249,.15)}
.fl-etic{display:flex;justify-content:space-between;margin-top:10px;font-size:13px;font-weight:700}
.fl-mediana{color:#c6d3db}.fl-mediana b{color:#eef5f9;font-size:16px}
.fl-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}
.fl-kpi div{border:1px solid #1c303c;border-radius:10px;padding:10px 12px;background:#0b1720}
.fl-kpi span{display:block;font-size:11px;color:#728692;line-height:1.3;min-height:28px}
.fl-kpi b{display:block;font-size:20px;color:#eef5f9;margin-top:4px}
.fl-lettura{font-size:14px;line-height:1.55;color:#c6d3db;border-top:1px solid #1c303c;padding-top:12px}
.fl-note{margin-top:14px;display:grid;gap:6px}
@media(max-width:820px){.fl-kpi{grid-template-columns:1fr 1fr}.fl-testa{flex-direction:column}.fl-n{text-align:left}}

/* ================= badge PRO e teaser ================= */
.pro-badge{display:inline-block;font:800 9.5px/1 Inter,sans-serif;letter-spacing:1px;color:var(--cyan,#2dd4e8);border:1px solid rgba(45,212,232,.45);border-radius:5px;padding:3px 5px;vertical-align:middle;margin-left:4px;position:relative;top:-1px}
.navlinks .pro-badge{margin-left:3px;padding:2px 4px;font-size:9px}
.passo-n .pro-badge{margin-left:6px}
.teaser-pro{border:1px solid #285269;border-radius:14px;padding:16px 18px;margin:16px 0 18px;background:radial-gradient(circle at 90% 10%,rgba(84,216,255,.12),transparent 36%),linear-gradient(180deg,#0e222d,#0a1821)}
.teaser-testo{font-size:14px;line-height:1.55;color:#c6d3db;margin:8px 0 14px;max-width:70ch}
.navlinks{gap:11px;font-size:12.5px}
@media(max-width:1380px){.navlinks{gap:9px;font-size:12px}}
@media(max-width:1180px){.navlinks{gap:8px;font-size:11.5px}}

/* ================= Radar · Cosa conta adesso ================= */
.ca-sintesi{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 12px}
.ca-sintesi div{border:1px solid #1c303c;border-radius:10px;padding:10px 12px;background:#0b1720}
.ca-sintesi b{display:block;font:800 26px/1 Inter,sans-serif;color:#eef5f9}
.ca-sintesi span{font-size:11.5px;color:#728692}
.ca-riga{padding:10px 0;border-bottom:1px solid #16242f}
.ca-riga:last-of-type{border-bottom:0}
.ca-testa{display:flex;align-items:center;gap:10px;font-size:14px}
.ca-testa b{color:#eef5f9;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ca-tag{font:800 9.5px/1 Inter,sans-serif;letter-spacing:.8px;text-transform:uppercase;padding:3px 6px;border-radius:5px;border:1px solid}
.ca-tag.alta{color:var(--red,#ff6b7a);border-color:rgba(255,107,122,.4)}
.ca-tag.att{color:var(--yellow,#f4ce70);border-color:rgba(244,206,112,.4)}
.ca-tag.mkt{color:#8fa5b0;border-color:#2b4353}
.ca-tag.norm{color:#5f7684;border-color:#1c303c}
.ca-mov{font-size:12.5px;color:#a7bcc8;margin-top:3px}
.ca-perche{font-size:12.5px;color:#8fa5b0;margin-top:2px}
.ca-riga.none .ca-mov,.ca-riga.none .ca-perche{color:#5f7684}

/* ================= LAYOUT A COLONNA (pagine prodotto) =================
   Colonna a sinistra con i gruppi, contenuto a destra. Su schermi stretti la
   colonna si riduce a icone; su telefono diventa un pannello a scomparsa. */
body.con-colonna .shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:calc(100vh - 50px)}
body.con-colonna .contenuto{min-width:0}
body.con-colonna .sidebar{position:sticky;top:50px;align-self:start;height:calc(100vh - 50px);overflow:auto;background:#0a1520;border-right:1px solid #1c303c;padding:16px 12px;display:flex;flex-direction:column;gap:2px}
body.con-colonna .sb-brand{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 14px}
body.con-colonna .sb-brand .brand{margin:0}
body.con-colonna .sb-home{font:700 12px Inter,sans-serif;color:#5f7684;border:1px solid #1c303c;border-radius:8px;padding:5px 9px}
body.con-colonna .sb-home:hover{color:var(--cyan);border-color:#285269}
body.con-colonna .navlinks{display:block;position:static;flex-direction:column;gap:0;background:none;border:0;padding:0;font-size:13.5px;flex:1}
body.con-colonna .gruppo{margin-top:12px}
body.con-colonna .gruppo-t{font:800 10px/1 Inter,sans-serif;letter-spacing:1.8px;color:#5f7684;padding:6px 10px}
body.con-colonna .navlinks a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;color:#c6d3db;font-weight:600;white-space:nowrap}
body.con-colonna .navlinks a i{width:16px;height:16px;border-radius:5px;background:#1a2e3c;flex:none}
body.con-colonna .navlinks a b{font-weight:600;overflow:hidden;text-overflow:ellipsis}
body.con-colonna .navlinks a:hover{background:#0f2230;color:#eef5f9}
body.con-colonna .navlinks a.on,body.con-colonna .navlinks a.attiva{background:rgba(45,212,232,.12);color:#eef5f9;box-shadow:inset 3px 0 0 var(--cyan)}
body.con-colonna .navlinks a.on i,body.con-colonna .navlinks a.attiva i{background:var(--cyan)}
body.con-colonna .navlinks .pro-badge{margin-left:auto}
body.con-colonna .sb-fondo{margin-top:auto;border-top:1px solid #1c303c;padding-top:12px;display:grid;gap:8px}
body.con-colonna .sb-riga{display:flex;gap:8px}
body.con-colonna .sb-fondo .btn{padding:9px 10px;font-size:13px;text-align:center}
body.con-colonna .sb-fondo select.btn{flex:none;width:64px}
body.con-colonna .barra-mobile{display:none}
body.con-colonna .velo{display:none}
/* etichetta di posizione al posto delle briciole con la freccia */
body.con-colonna .briciole{padding:14px 0 0;font-size:12px;color:#6f8493;display:flex;gap:8px;align-items:center}
body.con-colonna .bric-gruppo{font:800 10px/1 Inter,sans-serif;letter-spacing:1.6px;color:#5f7684}
body.con-colonna .briciole b{color:#c6d3db}
/* la larghezza utile è quella del contenuto, non dello schermo intero */
body.con-colonna .contenuto .wrap{max-width:1180px}
body.con-colonna .contenuto .footer .wrap{max-width:1180px}

/* schermi stretti: colonna a icone */
@media(max-width:1180px) and (min-width:861px){
  body.con-colonna .shell{grid-template-columns:76px minmax(0,1fr)}
  body.con-colonna .sidebar{padding:14px 10px}
  body.con-colonna .sb-brand{justify-content:center;padding-bottom:10px}
  body.con-colonna .sb-brand .brand{display:none}
  body.con-colonna .sb-home{font-size:11px;padding:5px 7px}
  body.con-colonna .gruppo-t{text-align:center;padding:6px 0;font-size:9px}
  body.con-colonna .navlinks a{justify-content:center;padding:10px 0}
  body.con-colonna .navlinks a b,body.con-colonna .navlinks .pro-badge{display:none}
  body.con-colonna .navlinks a i{width:20px;height:20px}
  body.con-colonna .sb-fondo .btn{font-size:11px;padding:7px 4px}
  body.con-colonna .sb-riga{flex-direction:column}
  body.con-colonna .sb-fondo select.btn{width:auto}
}
/* telefono: barra sottile + pannello a scomparsa */
@media(max-width:860px){
  body.con-colonna .shell{display:block}
  body.con-colonna .barra-mobile{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid #1c303c;background:#060f16;position:sticky;top:50px;z-index:60}
  body.con-colonna .barra-mobile .brand{margin:0}
  body.con-colonna .barra-mobile .hamburger{display:inline-flex;padding:7px 11px}
  body.con-colonna .barra-mobile .sezione-mobile{margin-left:auto;font:700 12px Inter,sans-serif;color:#8fa5b0}
  body.con-colonna .sidebar{position:fixed;top:0;left:0;bottom:0;height:100vh;width:280px;max-width:86vw;z-index:90;transform:translateX(-100%);transition:transform .25s ease;box-shadow:0 0 0 1px #1c303c}
  body.con-colonna.nav-aperta .sidebar{transform:none}
  body.con-colonna .velo{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:80}
  body.con-colonna.nav-aperta .velo{display:block}
}
/* la barra leggera della home */
.navlinks.leggera{gap:18px;font-size:13.5px}

/* controlli in cima alla colonna */
body.con-colonna .sb-testa{display:grid;gap:8px;padding:0 0 12px;border-bottom:1px solid #1c303c}
body.con-colonna .sb-testa .btn{padding:9px 10px;font-size:13px;text-align:center}
body.con-colonna .sb-testa select.btn{flex:none;width:64px}
@media(max-width:1180px) and (min-width:861px){ body.con-colonna .sb-testa .btn{font-size:11px;padding:7px 4px} body.con-colonna .sb-testa .sb-riga{flex-direction:column} body.con-colonna .sb-testa select.btn{width:auto} }
/* rimando breve al Pro nella home */
.pro-linea{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid #285269;border-radius:14px;padding:14px 18px;background:linear-gradient(180deg,#0e222d,#0a1821);font-size:14px}
.pro-linea:hover{border-color:var(--cyan)}

/* ================= fotografia nella fascia di chiusura ================= */
.cta-finale.con-foto{position:relative;isolation:isolate;overflow:hidden;border-radius:22px;padding:64px 34px;text-align:center}
.cta-finale.con-foto .hero-foto{position:absolute;inset:0;z-index:-1;background-color:#0b1822;
  background-size:cover;background-position:center 34%}
.cta-finale.con-foto .hero-foto.vis{
  background-image:linear-gradient(180deg,rgba(6,15,22,.55) 0%,rgba(6,15,22,.72) 45%,rgba(6,15,22,.94) 100%),url('/assets/hero-alba.jpg');
  background-size:cover;background-position:center 34%}
.cta-finale.con-foto > *{position:relative;z-index:1}
@media(max-width:860px){ .cta-finale.con-foto{padding:48px 20px} .cta-finale.con-foto .hero-foto.vis{background-image:linear-gradient(180deg,rgba(6,15,22,.6),rgba(6,15,22,.95)),url('/assets/hero-alba-mobile.jpg');background-position:center 20%} }

/* ================= segno di sezione ================= */
body.con-colonna .briciole{min-height:58px;padding-top:10px}
.segno-sezione{margin-left:auto;line-height:0;flex:none}
.segno-sezione svg{width:92px;height:62px;display:block;opacity:.8}
@media(max-width:700px){.segno-sezione svg{width:66px;height:44px;opacity:.6}}

/* ---- colonna: segni al posto dei quadratini ---- */
body.con-colonna .navlinks a i{background:#7e94a3;border-radius:0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
body.con-colonna .navlinks a:hover i{background:#d2e2ec}
body.con-colonna .navlinks a.on i,body.con-colonna .navlinks a.attiva i{background:var(--cyan)}
body.con-colonna .navlinks a[data-pagina="radar"] i{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279%27/%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%274%27/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279%27/%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%274%27/%3E%3C/svg%3E")}
body.con-colonna .navlinks a[data-pagina="giornata"] i{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%274%27/%3E%3Cpath d=%27M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4%27/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%274%27/%3E%3Cpath d=%27M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4%27/%3E%3C/svg%3E")}
body.con-colonna .navlinks a[data-pagina="brief"] i{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%274%27 y=%273%27 width=%2716%27 height=%2718%27 rx=%272%27/%3E%3Cpath d=%27M8 8h8M8 12h8M8 16h5%27/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%274%27 y=%273%27 width=%2716%27 height=%2718%27 rx=%272%27/%3E%3Cpath d=%27M8 8h8M8 12h8M8 16h5%27/%3E%3C/svg%3E")}
body.con-colonna .navlinks a[data-pagina="contesto"] i{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279%27/%3E%3Cpath d=%27M3 12h18%27/%3E%3Cpath d=%27M12 3a14 14 0 0 1 0 18a14 14 0 0 1 0-18z%27/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279%27/%3E%3Cpath d=%27M3 12h18%27/%3E%3Cpath d=%27M12 3a14 14 0 0 1 0 18a14 14 0 0 1 0-18z%27/%3E%3C/svg%3E")}
body.con-colonna .navlinks a[data-pagina="cambiamenti"] i{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M7 20V4M7 4L4 7M7 4l3 3M17 4v16M17 20l3-3M17 20l-3-3%27/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M7 20V4M7 4L4 7M7 4l3 3M17 4v16M17 20l3-3M17 20l-3-3%27/%3E%3C/svg%3E")}
body.con-colonna .navlinks a[data-pagina="hidden"] i{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M2 12s4-7 10-7 10 7 10 7-4 7-10 7S2 12 2 12z%27/%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%273%27/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M2 12s4-7 10-7 10 7 10 7-4 7-10 7S2 12 2 12z%27/%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%273%27/%3E%3C/svg%3E")}
body.con-colonna .navlinks a[data-pagina="tesi"] i{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M9 18h6M10 21h4M12 3a6 6 0 0 0-3 11v2h6v-2a6 6 0 0 0-3-11z%27/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M9 18h6M10 21h4M12 3a6 6 0 0 0-3 11v2h6v-2a6 6 0 0 0-3-11z%27/%3E%3C/svg%3E")}
body.con-colonna .navlinks a[data-pagina="scenari"] i{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M5 4v6a3 3 0 0 0 3 3h11M19 9l3 4-3 4M5 13v7%27/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M5 4v6a3 3 0 0 0 3 3h11M19 9l3 4-3 4M5 13v7%27/%3E%3C/svg%3E")}
body.con-colonna .navlinks a[data-pagina="precedenti"] i{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M3 12a9 9 0 1 0 3-6.7L3 8%27/%3E%3Cpath d=%27M3 3v5h5M12 7v5l3 2%27/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M3 12a9 9 0 1 0 3-6.7L3 8%27/%3E%3Cpath d=%27M3 3v5h5M12 7v5l3 2%27/%3E%3C/svg%3E")}
body.con-colonna .navlinks a[data-pagina="futurelab"] i{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M9 3h6M10 3v6l-5 9a2 2 0 0 0 2 3h10a2 2 0 0 0 2-3l-5-9V3%27/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M9 3h6M10 3v6l-5 9a2 2 0 0 0 2 3h10a2 2 0 0 0 2-3l-5-9V3%27/%3E%3C/svg%3E")}
body.con-colonna .navlinks a[data-pagina="futurerisk"] i{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6z%27/%3E%3Cpath d=%27M12 9v4M12 16h.01%27/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6z%27/%3E%3Cpath d=%27M12 9v4M12 16h.01%27/%3E%3C/svg%3E")}
body.con-colonna .navlinks a[data-pagina="chiedi"] i{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M20 4H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h4v4l5-4h7a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z%27/%3E%3Cpath d=%27M10 9a2 2 0 1 1 3 2c-.7.5-1 1-1 2%27/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M20 4H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h4v4l5-4h7a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z%27/%3E%3Cpath d=%27M10 9a2 2 0 1 1 3 2c-.7.5-1 1-1 2%27/%3E%3C/svg%3E")}
body.con-colonna .navlinks a[data-pagina="ignora"] i{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279%27/%3E%3Cpath d=%27M6 6l12 12%27/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279%27/%3E%3Cpath d=%27M6 6l12 12%27/%3E%3C/svg%3E")}
body.con-colonna .navlinks a[data-pagina="memoria"] i{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279%27/%3E%3Cpath d=%27M12 7v5l3 2%27/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279%27/%3E%3Cpath d=%27M12 7v5l3 2%27/%3E%3C/svg%3E")}
body.con-colonna .navlinks a[data-pagina="metodo"] i{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M4 6h16M4 12h16M4 18h16%27/%3E%3Ccircle cx=%279%27 cy=%276%27 r=%272%27/%3E%3Ccircle cx=%2715%27 cy=%2712%27 r=%272%27/%3E%3Ccircle cx=%278%27 cy=%2718%27 r=%272%27/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M4 6h16M4 12h16M4 18h16%27/%3E%3Ccircle cx=%279%27 cy=%276%27 r=%272%27/%3E%3Ccircle cx=%2715%27 cy=%2712%27 r=%272%27/%3E%3Ccircle cx=%278%27 cy=%2718%27 r=%272%27/%3E%3C/svg%3E")}

/* ---- titolo principale delle pagine prodotto ---- */
.section h1{font-size:35px;line-height:1.2;letter-spacing:-1.5px;margin:8px 0 4px;max-width:none;font-weight:700}

/* ---- esito della misura a 4 ore sulle notizie ---- */
.imp4h{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;letter-spacing:.2px;
  padding:1px 7px;border-radius:999px;background:#0e1c26;border:1px solid #1e3444;white-space:nowrap}
.story .imp4h{font-size:10.5px}

/* ---- blocco "hanno mosso il prezzo" ---- */
.hm-card h3{font-size:16px;margin:0 0 4px}
.hm-lista{margin-top:10px;display:flex;flex-direction:column}
.hm-riga{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #16262f;text-decoration:none}
.hm-riga:first-child{border-top:0}
.hm-sym{flex:none;min-width:62px;font-size:11px;font-weight:800;letter-spacing:.3px;color:#9fd9ef;
  background:#0e1c26;border:1px solid #1e3444;border-radius:6px;padding:2px 6px;text-align:center}
.hm-testo{flex:1;min-width:0;font-size:13.5px;color:#dbe7ee;line-height:1.35;
  overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.hm-val{flex:none;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}
@media(max-width:520px){.hm-sym{min-width:54px;font-size:10px}.hm-testo{font-size:12.5px}}

/* ---- glossario e righe per profilo nelle notizie in evidenza ---- */
.gl,.pt{margin-top:10px;padding-top:9px;border-top:1px solid #16262f}
.gl-h,.pt-h{display:block;font-size:10.5px;font-weight:800;letter-spacing:1px;color:#7f95a3;margin-bottom:5px;text-transform:uppercase}
.gl-r{font-size:12.5px;line-height:1.45;color:#b9cdd9;margin:3px 0}
.gl-r b{color:#bfe9fb;font-weight:700}
.pt-r{display:flex;gap:9px;font-size:12.5px;line-height:1.45;color:#c3d4de;margin:4px 0}
.pt-r b{flex:none;min-width:96px;color:#55d8ff;font-weight:700;font-size:11.5px;padding-top:1px}
@media(max-width:520px){.pt-r{flex-direction:column;gap:1px}.pt-r b{min-width:0}}

/* ---- tabellone delle sessioni: righe, versione compatta ---- */
.tb-card{margin:0 0 16px;padding:9px 14px 6px;background:#070a0c;border-color:#1a2228;font-family:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;box-shadow:inset 0 0 40px #000}
.tb-top{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:4px}
.tb-card h3{font-family:Inter,system-ui,sans-serif;font-size:13px;margin:0;color:#8ba3b2}
.tb-big{font-size:10.5px;letter-spacing:1.5px;color:#8ba3b2}
.tb-big b{font-size:19px;letter-spacing:.5px;color:#ffb347;text-shadow:0 0 10px #ffb34766;font-variant-numeric:tabular-nums;margin-left:6px}
.tb-tua{margin-left:auto;font-size:11px;color:#5a6b78;font-variant-numeric:tabular-nums}
.tb-cur{display:inline-block;width:6px;height:11px;background:#38e08a;vertical-align:-2px;margin-left:4px;animation:tbblink 1s steps(1) infinite}
@keyframes tbblink{50%{opacity:0}}
.tb-h,.tb-r{display:grid;grid-template-columns:1.3fr .8fr .9fr 1.4fr;gap:8px;align-items:center}
.tb-h{font-size:9px;letter-spacing:1.8px;color:#5a6b78;padding:4px 0 3px;border-bottom:1px solid #1a2228}
.tb-r{padding:4px 0;border-bottom:1px solid #121618}
.tb-r:last-of-type{border-bottom:0}
.tb-n{color:#e6eef3;font-weight:700;letter-spacing:1px;font-size:11px;display:flex;flex-wrap:wrap;gap:3px;align-items:center}
.tb-mio{font-size:9px;font-weight:800;color:#9fd9ef;background:#0e1c26;border:1px solid #1e3444;border-radius:4px;padding:0 4px;letter-spacing:0}
.tb-f{display:inline-block;background:#111517;border-radius:3px;padding:2px 6px;color:#ffb347;font-weight:700;font-size:11.5px;letter-spacing:.4px;text-shadow:0 0 8px #ffb34766;font-variant-numeric:tabular-nums;position:relative;line-height:1.3}
.tb-f::after{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:#0007}
.tb-f.v{color:#38e08a;text-shadow:0 0 8px #38e08a88}.tb-f.o{color:#ffc44d}.tb-f.g{color:#5a6b78;text-shadow:none}
.tb-f.n{color:#a9bcc8;text-shadow:none;font-weight:500;font-size:11px}.tb-f.n b{color:#ffb347;font-weight:700}
.tb-nota{margin-top:5px;font-family:Inter,system-ui,sans-serif;font-size:11.5px;color:#8ba3b2}
@media(max-width:640px){.tb-h{display:none}.tb-r{grid-template-columns:1fr 1fr;row-gap:3px;padding:6px 0}.tb-n{grid-column:1/-1}.tb-tua{display:none}.tb-big b{font-size:16px}}

/* ---- colonna richiudibile: barra a icone pulita, apertura a scorrimento ---- */
.sb-chiudi{display:none}
@media(min-width:861px){
  .sb-chiudi{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;border:1px solid #1c303c;background:#0d1a24;color:#8ba3b2;cursor:pointer;font-size:13px;flex:none;margin-left:auto;transition:transform .3s}
  .sb-chiudi:hover{color:#eef5f9;border-color:#2a4052}
  body.con-colonna .sidebar{width:248px;transition:width .32s cubic-bezier(.2,.7,.2,1),box-shadow .32s}
  body.con-colonna.nav-stretta .shell{grid-template-columns:64px minmax(0,1fr)}
  body.con-colonna.nav-stretta .sidebar{width:64px;padding:12px 8px;z-index:90;overflow:hidden;align-items:center}
  /* testo: sfuma e si stringe, mai troncato a meta' */
  body.con-colonna .navlinks a b,body.con-colonna .navlinks .pro-badge,body.con-colonna .sb-brand .brand,body.con-colonna .sb-home,body.con-colonna #btn-account,body.con-colonna .sb-testa .btn.primary{transition:opacity .22s,max-width .32s cubic-bezier(.2,.7,.2,1);overflow:hidden;white-space:nowrap}
  body.con-colonna.nav-stretta .navlinks a b,body.con-colonna.nav-stretta .navlinks .pro-badge,body.con-colonna.nav-stretta .sb-brand .brand{opacity:0;max-width:0}
  /* l'etichetta PRO nascosta non deve occupare spazio: altrimenti l'icona di quelle voci si sposta a sinistra */
  body.con-colonna.nav-stretta .navlinks .pro-badge{padding:0;border-width:0;margin-left:0}
  body.con-colonna.nav-stretta .sidebar:hover .navlinks .pro-badge{padding:2px 4px;border-width:1px;margin-left:auto}
  /* testata: solo la freccia, centrata */
  body.con-colonna.nav-stretta .sb-brand{justify-content:center;padding:0 0 8px;gap:0}
  body.con-colonna.nav-stretta .sb-home{display:none}
  body.con-colonna.nav-stretta .sb-chiudi{margin:0;transform:rotate(180deg)}
  /* lingua e account: due pastiglie piccole, niente pulsante grande */
  body.con-colonna.nav-stretta .sb-testa{align-items:center;gap:6px}
  body.con-colonna.nav-stretta .sb-riga{flex-direction:column;gap:6px;align-items:center}
  body.con-colonna.nav-stretta #lingua{width:40px;padding:5px 2px;font-size:10.5px;text-align:center;-webkit-appearance:none;appearance:none;background-image:none}
  body.con-colonna.nav-stretta #btn-account{width:40px;height:40px;padding:0;border-radius:50%;font-size:0;flex:none;display:flex;align-items:center;justify-content:center}
  body.con-colonna.nav-stretta #btn-account::before{content:attr(data-iniziale);font-size:13px;font-weight:800;color:#9fd9ef}
  body.con-colonna.nav-stretta .sb-testa .btn.primary{width:40px;height:40px;padding:0;border-radius:50%;font-size:0;display:flex;align-items:center;justify-content:center}
  body.con-colonna.nav-stretta .sb-testa .btn.primary::before{content:'+';font-size:20px;line-height:1}
  /* gruppi: niente etichette tagliate, solo un filo di separazione */
  body.con-colonna.nav-stretta .gruppo-t{font-size:0;padding:0;height:1px;background:#1c303c;margin:8px 10px}
  body.con-colonna.nav-stretta .navlinks{width:100%}
  body.con-colonna.nav-stretta .navlinks a{justify-content:center;padding:9px 0;gap:0;border-radius:9px}
  body.con-colonna.nav-stretta .navlinks a i{width:20px;height:20px}
  body.con-colonna.nav-stretta .sb-fondo{display:none}
}
/* al passaggio del mouse la colonna scorre aperta sopra il contenuto */
@media(min-width:861px) and (hover:hover){
  body.con-colonna.nav-stretta .sidebar:hover{width:248px;padding:16px 12px;box-shadow:14px 0 40px rgba(0,0,0,.55);transition-delay:.08s;align-items:stretch}
  body.con-colonna.nav-stretta .sidebar:hover .navlinks a b,body.con-colonna.nav-stretta .sidebar:hover .navlinks .pro-badge,body.con-colonna.nav-stretta .sidebar:hover .sb-brand .brand{opacity:1;max-width:220px;transition-delay:.12s}
  body.con-colonna.nav-stretta .sidebar:hover .sb-brand{justify-content:space-between;padding:4px 8px 14px}
  body.con-colonna.nav-stretta .sidebar:hover .sb-home{display:inline-flex}
  body.con-colonna.nav-stretta .sidebar:hover .sb-chiudi{margin-left:auto}
  body.con-colonna.nav-stretta .sidebar:hover .sb-testa{align-items:stretch}
  body.con-colonna.nav-stretta .sidebar:hover .sb-riga{flex-direction:row;align-items:stretch}
  body.con-colonna.nav-stretta .sidebar:hover #lingua{width:auto;padding:inherit;font-size:inherit;text-align:left;-webkit-appearance:auto;appearance:auto}
  body.con-colonna.nav-stretta .sidebar:hover #btn-account{width:auto;height:auto;padding:inherit;border-radius:9px;font-size:inherit;flex:1}
  body.con-colonna.nav-stretta .sidebar:hover #btn-account::before{content:none}
  body.con-colonna.nav-stretta .sidebar:hover .sb-testa .btn.primary{width:auto;height:auto;padding:inherit;border-radius:9px;font-size:inherit}
  body.con-colonna.nav-stretta .sidebar:hover .sb-testa .btn.primary::before{content:none}
  body.con-colonna.nav-stretta .sidebar:hover .gruppo-t{font-size:10px;height:auto;background:none;margin:0;padding:10px 10px 4px;text-align:left}
  body.con-colonna.nav-stretta .sidebar:hover .navlinks a{justify-content:flex-start;padding:8px 10px;gap:10px}
  body.con-colonna.nav-stretta .sidebar:hover .navlinks a i{width:16px;height:16px}
  body.con-colonna.nav-stretta .sidebar:hover .sb-fondo{display:block}
}
.hm-val{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15}
.hm-val small{font-size:10px;font-weight:600;color:#7f95a3}

/* ---- striscia "il tuo quadro oggi" in cima alle pagine prodotto ---- */
#quadro-strip{padding-top:14px}
.qs{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 28px;align-items:center;padding:12px 16px;border:1px solid #1b2d3a;border-radius:14px;background:#0a1620}
.qs-h{font-size:10.5px;font-weight:800;letter-spacing:1.2px;color:#55d8ff;text-transform:uppercase;margin-bottom:8px}
.qs-chips{display:flex;gap:6px;flex-wrap:wrap}
.qs-chip{display:inline-flex;align-items:center;gap:7px;padding:4px 9px;border-radius:8px;background:#0e1c26;border:1px solid #1e3444}
.qs-chip b{font-size:12px;color:#e6eef3;letter-spacing:.3px}
.qs-chip i{font-style:normal;font-weight:700;font-size:12px;font-variant-numeric:tabular-nums}
.qs-chip i.up{color:#4ade80}.qs-chip i.down{color:#f87171}
.qs-dx{display:flex;flex-direction:column;gap:6px;align-items:flex-end;text-align:right;min-width:210px}
.qs em{font-style:normal;font-size:10px;color:#7f95a3;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:1px}
.qs-mov b{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.3px;line-height:1}
.qs-mov b.up{color:#4ade80}.qs-mov b.down{color:#f87171}
.qs-rischio b{color:#e8c46a;font-size:13px;display:block}
.qs-rischio .muted{display:block;font-size:11.5px;color:#8ba3b2}
.qs-vuota{display:block;padding:10px 16px;border:1px dashed #1e3444;border-radius:14px;color:#8ba3b2;font-size:12.5px;text-decoration:none}
@media(max-width:640px){.qs{grid-template-columns:1fr}.qs-dx{align-items:flex-start;text-align:left;flex-direction:row;gap:18px;flex-wrap:wrap}}

/* ---- home: prova subito, riga del giorno, contatore ---- */
.prova-riga{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:12px}
.prova-riga .chip{padding:5px 11px;font-size:12.5px}
.riga-giorno{margin-top:16px;padding:10px 14px;border-left:3px solid #55d8ff;background:#0a1620;border-radius:0 10px 10px 0;font-size:13.5px;line-height:1.5;color:#c3d4de}
.riga-giorno .rg-et{font-size:10.5px;font-weight:800;letter-spacing:1.2px;color:#55d8ff;text-transform:uppercase;margin-right:4px}
.riga-giorno b{color:#eef5f9}.riga-giorno a{color:#55d8ff;text-decoration:none;white-space:nowrap}
.contatore-giorno{margin-top:8px;font-size:11.5px;color:#7f95a3;font-variant-numeric:tabular-nums}
.torna-domani{margin-top:18px;color:#7f95a3}
.ph{margin-top:14px}

/* Scheda "Ti riguarda" nel Radar: chip con quota, notizia collegata, misura a 4 ore. Le altre notizie restano su Cosa ignorare. */
.re-imbuto{margin-top:14px;display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:13.5px;color:#c9d6de}.re-imbuto a{color:var(--cyan,#38bdf8);font-weight:700;text-decoration:none}
.re-card.re-ti{box-shadow:0 0 0 1px rgba(56,189,248,.28),0 10px 30px rgba(0,0,0,.25)}
.re-chip{display:inline-flex;align-items:center;gap:8px;margin:-2px 0 12px;padding:5px 10px 5px 8px;border-radius:999px;background:rgba(56,189,248,.10);border:1px solid rgba(56,189,248,.35);font-size:11.5px;letter-spacing:.6px}
.re-chip-k{font-weight:800;color:var(--cyan,#38bdf8);letter-spacing:1.2px}.re-chip-s{font-weight:800;color:#fff}.re-chip-p{color:#c9d6de}
.re-notizia{margin-top:10px;font-size:13.5px;line-height:1.45}.re-notizia a{color:#fff;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.25)}.re-notizia a:hover{border-color:#fff}
.re-misura{margin-top:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.re-misura-k{font-size:10.5px;font-weight:800;letter-spacing:1.2px;color:#7f95a3;text-transform:uppercase;display:block;width:100%}
.re-misura-v{font-size:22px;font-weight:800;letter-spacing:-.3px}.re-misura-x{font-size:13px;color:#c9d6de}
.re-barra{position:relative;flex:1;min-width:120px;height:6px;border-radius:3px;background:rgba(255,255,255,.08);overflow:visible}.re-barra-fill{display:block;height:100%;border-radius:3px}
.re-barra-tacca{position:absolute;left:33.3%;top:-4px;width:2px;height:14px;background:rgba(255,255,255,.35)}

/* colonna: mai tagliata. Nella versione stretta, al passaggio del mouse, deve poter scorrere; su finestre basse i gruppi si stringono */
body.con-colonna.nav-stretta .sidebar:hover{overflow:auto;scrollbar-width:thin}
@media (max-height:820px){ body.con-colonna .navlinks a{padding-top:6px;padding-bottom:6px} body.con-colonna .gruppo{margin-top:8px} body.con-colonna .sb-brand{padding-bottom:8px} }

.tua-news.mie-nascosta{display:none}.btn.mie-tutte{margin-top:10px;width:100%;justify-content:center}

/* righe del brief del mattino: etichetta a sinistra, fatto a destra */
.bm-riga{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid rgba(255,255,255,.05);font-size:14.5px;line-height:1.5}
.bm-riga:first-of-type{border-top:0}
.bm-et{flex:0 0 96px;font-size:10px;font-weight:800;letter-spacing:.9px;color:#6f8493;padding-top:3px}
@media (max-width:620px){.bm-riga{flex-direction:column;gap:2px}.bm-et{flex:none}}

/* Impact Precedent · PRO: dentro la scheda Ti riguarda */
.ip-card{margin-top:12px;padding:12px 14px;border:1px solid rgba(94,213,255,.18);border-radius:12px;background:rgba(94,213,255,.035)}
.ip-testa{display:flex;align-items:center;gap:8px}
.ip-h{font-size:10.5px;font-weight:800;letter-spacing:1.3px;color:#9fdcf2}
.ip-evento{margin-top:4px;font-size:13px}
.ip-riga{margin-top:7px;font-size:13.5px;line-height:1.5}
.ip-lv{font-size:10px;margin-left:4px}
.ip-griglia{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:9px}
.ip-griglia>div{display:flex;flex-direction:column;gap:2px;font-size:13.5px}
.ip-chiusa .ip-cta{display:inline-block;margin-top:10px;font-size:13px}
@media (max-width:620px){.ip-griglia{grid-template-columns:1fr 1fr}}

.ip-rimando a{color:var(--cyan);font-weight:700;text-decoration:none}
#prec-lista .ip-card{margin-top:10px}

/* ===== home, audit primo arrivo ===== */
/* le regole .hero-home/.blocco/.fonti azzeravano il margine laterale della .wrap: il testo toccava il bordo del telefono */
.wrap.hero-home,.wrap.blocco,.wrap.fonti{padding-left:24px;padding-right:24px}
@media(max-width:600px){.wrap.hero-home,.wrap.blocco,.wrap.fonti{padding-left:16px;padding-right:16px}}
/* la fila dei passi sul telefono si legge in colonna, niente riquadri tagliati */
@media(max-width:700px){.flusso{flex-direction:column;overflow:visible}.flusso .passo{min-width:0}}
.card.concetto .num .esempio{margin-left:6px;vertical-align:middle}
/* Oggi, misurato */
.riga-giorno.og{border-left:0;border:1px solid #1d3442;background:linear-gradient(180deg,#0c1b26,#0a1620);border-radius:14px;padding:14px 14px 12px;margin-top:18px}
.og-tit{font-size:11px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;color:#55d8ff;margin-bottom:10px}
.og-imbuto{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px}
.og-imbuto div{background:#0b1720;border:1px solid #1c303c;border-radius:10px;padding:8px 6px;text-align:center}
.og-imbuto b{display:block;font-size:20px;color:#eef5f9;font-variant-numeric:tabular-nums;line-height:1.1}
.og-imbuto span{display:block;font-size:10.5px;color:#8fa5b0;line-height:1.25;margin-top:3px}
.og-caso{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-top:1px solid #16242f}
.og-caso b{color:#eef5f9;font-size:13.5px;line-height:1.35;font-weight:600}
.og-sym,.nr-sym{flex:none;font-size:10.5px;font-weight:800;color:#0a1620;background:#55d8ff;border-radius:6px;padding:3px 6px;margin-top:2px;white-space:nowrap}
.og-caso.fermo .og-sym{background:#8fa5b0}
.og-frase{font-size:12.5px;margin-top:3px;color:#9fe3b8}
.og-caso.fermo .og-frase{color:#c3d4de}
.og-link,.nr-link{display:inline-block;margin-top:8px;font-size:12.5px;color:#55d8ff;text-decoration:none}
/* notizie sugli strumenti scelti */
.notizie-radar{margin-top:14px;border:1px solid #1d3442;background:#0a1620;border-radius:14px;padding:14px}
.nr-tit{font-size:11px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;color:#55d8ff;margin-bottom:8px}
.nr-riga{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-top:1px solid #16242f;color:inherit;text-decoration:none}
.nr-riga b{color:#eef5f9;font-size:13.5px;line-height:1.35;font-weight:600}
.nr-meta{font-size:12px;color:#8fa5b0;margin-top:3px}
.nr-mosso{color:#9fe3b8}.nr-fermo{color:#c3d4de}.nr-attesa{color:#8fa5b0}
.nr-vuoto{font-size:13.5px;line-height:1.5;color:#c3d4de;padding:4px 0}

/* ===== audit primo arrivo, secondo giro ===== */
/* margine laterale uguale per tutte le sezioni: varie regole (.section, .blocco, .fonti, .hero-home) lo azzeravano con padding:Xpx 0 */
main .wrap,.footer .wrap{padding-left:24px!important;padding-right:24px!important}
@media(max-width:600px){main .wrap,.footer .wrap{padding-left:16px!important;padding-right:16px!important}}
/* il pulsante del menu restava largo come lo schermo per la regola .btn{width:100%} del telefono: sembrava una casella vuota */
.barra-mobile .btn.hamburger{width:auto;flex:none;min-width:44px}
/* home, telefono, Radar vuoto: niente scheda d'esempio (la spiegazione e' nei tre riquadri) */
@media(max-width:900px){.mock-wrap.vuoto{display:none}}
#radar .product + #radar-demo{margin-top:18px}
.og-attesa{font-size:11.5px;color:#8fa5b0;margin:-4px 0 10px;text-align:center}
.og-sym,.nr-sym{max-width:42%;overflow:hidden;text-overflow:ellipsis}

/* ===== audit primo arrivo, terzo giro: Radar ===== */
.tua-news div.muted{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.letture-det summary{cursor:pointer;color:#55d8ff;font-size:13.5px;font-weight:700;padding:6px 0;list-style:none}
.letture-det summary::-webkit-details-marker{display:none}
.letture-det summary::after{content:" ▾"}
.letture-det[open] summary::after{content:" ▴"}
.let-rif{margin:2px 0 6px;color:#8fa5b0}
.prova-riga .chip[hidden]{display:none}

#sugg small.sn{color:#8fa5b0;font-style:italic}

/* ===== primo schermo: la domanda e i pulsanti grandi prima di tutto ===== */
.scelta-rapida{margin-top:20px;padding:16px;border:1px solid #1d3442;border-radius:16px;background:linear-gradient(180deg,#0c1b26,#0a1620)}
.sr-domanda{margin:0 0 4px;font-size:22px;line-height:1.2;color:#eef5f9}
.sr-sub{margin:0 0 12px;font-size:14px;line-height:1.45;color:#a9bcc7}
.sr-griglia{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;margin:0 0 10px}
.prova-riga .chip.sr-chip{padding:13px 10px;font-size:16px;font-weight:700;border-radius:12px;min-height:48px;text-align:center;justify-content:center;border:1px solid #2a4a5c;background:#0f2230;color:#eef5f9}
.prova-riga .chip.sr-chip:active{transform:scale(.98)}
.prova-riga .chip.sr-chip.on{border-color:#55d8ff;color:#55d8ff;background:#0d2a38}
.cta-seconda{margin-top:14px}
.cta-seconda .btn.grande{font-size:14px;padding:10px 14px}

/* dopo il tocco la scheda non deve finire sotto la barra fissa in cima */
#radar-demo{scroll-margin-top:calc(84px + env(safe-area-inset-top, 0px))}

/* ===== vetrina in tre pannelli: a sinistra domanda, pulsanti e Radar; a destra la prova del giorno e i precedenti ===== */
.hero-home.solo-testo{padding-bottom:6px}
.hero-home.solo-testo .hero-testo{max-width:760px}
.vetrina{padding-top:4px;padding-bottom:26px}
.vt-griglia{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;align-items:start}
.vt-grande .scelta-rapida{margin-top:0}
.vt-grande .mock-wrap{margin-top:14px}
.vt-destra{display:grid;gap:16px}
.vt-pannello{border:1px solid #1d3442;border-radius:16px;background:linear-gradient(180deg,#0c1b26,#0a1620);padding:14px}
.vt-pannello .riga-giorno.og{margin-top:0;border:0;background:none;padding:0}
.vetrina .mock-wrap,.vetrina .mock-wrap *{transform:none!important}
.vetrina .mock-wrap{perspective:none}
.vt-testa{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.vt-tit{font-size:15px;font-weight:800;color:#eef5f9}
.vt-sub{margin:0 0 10px;font-size:13px;line-height:1.45;color:#a9bcc7}
.vt-caso{padding:10px 0 12px;border-top:1px solid #16242f}
.vt-caso-testa{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.vt-barra{display:flex;height:10px;border-radius:6px;overflow:hidden;background:#16242f;margin-bottom:8px}
.vt-barra .giu{background:#ff8a8a}.vt-barra .fermo{background:#3c5768}.vt-barra .su{background:#9fe3b8}
.vt-caso-frase{font-size:13.5px;line-height:1.5;color:#c3d4de}
.vt-riga{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #16242f}
.vt-tipo{flex:1;font-size:13.5px;color:#c3d4de}
.vt-n{font-size:13.5px;color:#eef5f9;font-variant-numeric:tabular-nums}
.cta-frase{margin:10px 0 14px;font-size:17px;color:#eef5f9}
@media(max-width:900px){.vt-griglia{grid-template-columns:1fr}}

/* pulsante "Mostra le altre N" nell'elenco delle misure */
.hm-piu{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;padding:8px 14px;border:1px solid #24404f;border-radius:10px;background:#0f2230;color:#55d8ff;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.hm-piu:hover,.hm-piu:focus-visible{background:#132b3b;border-color:#55d8ff;outline:none}
.hm-extra{margin-top:0}
.hm-lista.hm-extra[hidden]{display:none}

/* ===== home: testo a sinistra, dati di oggi e Radar a destra ===== */
.hero-home.hero-due{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:28px;align-items:start}
.hero-home.hero-due .hero-testo{max-width:none;min-width:0}
.hero-home.hero-due .scelta-rapida{margin-top:18px}
.hero-live{min-width:0;border:1px solid #1d3442;border-radius:18px;background:linear-gradient(180deg,#0c1b26,#0a1620);padding:14px}
.hero-live .mock-wrap,.hero-live .mock-wrap *{transform:none!important}
.hero-live .mock-wrap{perspective:none;margin-top:0}
.vivo-testa{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:1.4px;font-weight:800;color:#9fe3b8}
.vivo-punto{width:8px;height:8px;border-radius:50%;background:#3ddc84;animation:vivoPulsa 2s infinite}
@keyframes vivoPulsa{0%{box-shadow:0 0 0 0 rgba(61,220,132,.55)}70%{box-shadow:0 0 0 8px rgba(61,220,132,0)}100%{box-shadow:0 0 0 0 rgba(61,220,132,0)}}
.cv{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}
.cv-box{min-width:0;border:1px solid #1d3442;border-radius:12px;padding:10px 8px;background:#0b1822;text-align:center}
.cv-n{font-size:26px;font-weight:800;line-height:1.1;color:#eef5f9;font-variant-numeric:tabular-nums}
.cv-box.acc .cv-n{color:#55d8ff}
.cv-l{margin-top:4px;font-size:11.5px;line-height:1.25;color:#9fb3bf}
.cv-riga{display:flex;flex-wrap:wrap;gap:6px 16px;margin-bottom:12px;font-size:12.5px;color:#a9bcc7}
.cv-riga b{color:#eef5f9;font-variant-numeric:tabular-nums}
.misura-home .og-imbuto{display:none}
.mh-sub{max-width:760px}
.mh-griglia{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;align-items:start}
.perche-home .ph-card h3{margin:0 0 6px}
.perche-home .ph-card p{margin:0;color:#a9bcc7;line-height:1.5}
@media(prefers-reduced-motion:reduce){.vivo-punto{animation:none}}
@media(max-width:900px){.hero-home.hero-due{grid-template-columns:1fr;gap:18px}.mh-griglia{grid-template-columns:1fr}}
@media(max-width:420px){.cv{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* scheda a destra nello stile del concept: finestra, etichette sopra i numeri, esempio dal vivo */
.vivo-testa{justify-content:flex-start}
.ev-dots{display:inline-flex;gap:5px;margin-right:auto}
.ev-dots i{width:8px;height:8px;border-radius:50%;background:#2a4454}
.cv-box{text-align:left;padding:12px}
.cv-l{margin:0 0 6px;font-size:10.5px;letter-spacing:1.3px;text-transform:uppercase;font-weight:800;color:#8ba3b2}
.cv-n{font-size:30px}
.ev-nota{margin:0 0 10px;font-size:12.5px;line-height:1.45;color:#9fb3bf}
@media(max-width:900px){.hero-live .mock-wrap.esempio-vivo{display:none}}
/* notizie sullo strumento, compatte come nel concept (solo computer): una riga per titolo, sotto tempo e misura */
@media(min-width:901px){
  .hero-live .notizie-radar{margin-top:10px;padding:12px 14px}
  .hero-live .nr-tit{margin-bottom:4px}
  .hero-live .nr-sym{white-space:nowrap;min-width:max-content;flex:none}
  .hero-live .nr-riga{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:2px 10px;align-items:start;padding:7px 0}
  .hero-live .nr-riga b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13.5px;line-height:1.35}
  .hero-live .nr-meta{margin-top:1px;font-size:11.5px}
  .hero-live .nr-link{margin-top:6px}
}

/* ===== scheda della home, come nel concept ===== */
.sh-card{border:1px solid #1d3442;border-radius:14px;background:rgba(9,20,29,.75);padding:14px 16px}
.sh-card+.sh-card{margin-top:12px}
.sh-lab{font-size:10.5px;letter-spacing:1.6px;text-transform:uppercase;font-weight:800;color:#8ba3b2}
.sh-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:6px}
.sh-nome{margin-top:2px;font-size:17px;font-weight:800;color:#eef5f9}
.sh-destra{font-size:13.5px;font-weight:800;color:#55d8ff;white-space:nowrap}
.sh-riga{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid #16242f;font-size:14.5px;color:#dbe7ee}
.sh-var{font-weight:800}.sh-var.up{color:#3ddc84}.sh-var.down{color:#ff6b6b}
.sh-w{font-weight:800;color:#55d8ff;min-width:42px;text-align:right}
.sh-box{margin-top:10px;padding:10px 12px;border-left:3px solid;border-radius:0 8px 8px 0}
.sh-box.giallo{border-color:#e9c46a;background:rgba(233,196,106,.07)}.sh-box.giallo .sh-lab{color:#e9c46a}
.sh-box.rosso{border-color:#ff6b6b;background:rgba(255,107,107,.07)}.sh-box.rosso .sh-lab{color:#ff8a8a}
.sh-txt{margin-top:4px;font-size:14.5px;line-height:1.45;color:#eef5f9}
.sh-ign{margin-top:12px;padding-top:10px;border-top:1px solid #16242f;font-size:12px;line-height:1.5;color:#7f97a6}
.sh-st{display:grid;grid-template-columns:max-content minmax(0,1fr) max-content;gap:12px;align-items:baseline;padding:9px 0;border-bottom:1px solid #16242f;color:inherit;text-decoration:none}
.sh-st:hover .sh-st-t{color:#55d8ff}
.sh-st-sym{font-size:14px;color:#dbe7ee}
.sh-st-t{font-size:14px;color:#eef5f9;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sh-st-h{font-size:12px;color:#7f97a6}
.sh-storie .sh-lab{margin-bottom:4px}
.sh-link{display:inline-block;margin-top:10px;font-size:13px;color:#55d8ff}
.sh-vuoto{padding:8px 0;font-size:13px;color:#9fb3bf}
@media(max-width:600px){.sh-st{grid-template-columns:max-content minmax(0,1fr)}.sh-st-t{text-align:left;white-space:normal}.sh-st-h{grid-column:2}}
.hero-live #radar-demo{scroll-margin-top:calc(104px + env(safe-area-inset-top,0px))}
/* titoli delle notizie interi: vanno a capo invece di essere tagliati */
.sh-st{align-items:start}
.sh-st-t{white-space:normal;overflow:visible;text-overflow:clip;text-align:left;line-height:1.4}
.sh-st-sym,.sh-st-h{padding-top:1px}
/* numeri allineati in basso anche quando l'etichetta va su piu' righe */
.cv-box{display:flex;flex-direction:column;justify-content:space-between}

/* il perche' sotto i pulsanti (solo computer) e la stessa sezione piu' in basso solo sul telefono: mai due volte sullo schermo */
.hero-perche{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:10px}
.hero-perche li{position:relative;padding:12px 14px 12px 40px;border:1px solid #1d3442;border-radius:12px;background:rgba(9,20,29,.55)}
.hero-perche li::before{content:"";position:absolute;left:15px;top:17px;width:10px;height:10px;border-radius:50%;background:#55d8ff;box-shadow:0 0 0 4px rgba(85,216,255,.14)}
.hero-perche b{display:block;font-size:15px;color:#eef5f9}
.hero-perche span{display:block;margin-top:2px;font-size:13.5px;line-height:1.45;color:#a9bcc7}
.tre-tit{margin:0}
.tre-sub{margin:8px 0 18px;max-width:760px}
@media(min-width:901px){.perche-home{display:none}}
@media(max-width:900px){.hero-perche{display:none}}
.hero-live .notizie-radar[hidden],.notizie-radar[hidden]{display:none!important}

/* i due pulsanti della home devono spiccare: il primo pieno e luminoso, il secondo con bordo azzurro */
.cta-riga .btn.hero-cta1{min-height:54px;padding:14px 24px;font-size:17px;font-weight:800;color:#04131c;border:1px solid #6fe3ff;background:linear-gradient(180deg,#5fe0ff,#22b3dc);box-shadow:0 10px 30px rgba(85,216,255,.35),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .15s,box-shadow .15s}
.cta-riga .btn.hero-cta1:hover,.cta-riga .btn.hero-cta1:focus-visible{transform:translateY(-1px);box-shadow:0 14px 38px rgba(85,216,255,.5),inset 0 1px 0 rgba(255,255,255,.4);outline:none}
.cta-riga .btn.hero-cta2{min-height:54px;padding:14px 22px;font-size:16px;font-weight:800;color:#7fe6ff;border:1.5px solid #55d8ff;background:rgba(85,216,255,.06)}
.cta-riga .btn.hero-cta2:hover,.cta-riga .btn.hero-cta2:focus-visible{background:rgba(85,216,255,.14);outline:none}
@media(prefers-reduced-motion:reduce){.cta-riga .btn.hero-cta1{transition:none}.cta-riga .btn.hero-cta1:hover{transform:none}}
@media(max-width:600px){.cta-riga .btn.hero-cta1,.cta-riga .btn.hero-cta2{width:100%;justify-content:center;text-align:center}}

/* riga di fiducia sotto i pulsanti degli strumenti */
.sr-fiducia{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:12px;font-size:13px;line-height:1.45;color:#b9ccd6}
.sr-fiducia svg{flex:none;color:#3ddc84}
.sr-fiducia a{color:#55d8ff;font-weight:700;text-decoration:none;white-space:nowrap}
.sr-fiducia a:hover{text-decoration:underline}
.sr-fiducia{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 8px;align-items:start}
.sr-fiducia svg{margin-top:2px}
.sr-fiducia a{grid-column:2}

/* domanda a un tocco: piccola, in basso, si chiude con la X */
.fb-nuvola{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:9000;width:min(420px,calc(100% - 24px));padding:14px 16px 12px;border:1px solid #2a4a5c;border-radius:16px;background:#0b1a24;box-shadow:0 16px 40px rgba(0,0,0,.5);animation:fbSu .3s ease-out}
@keyframes fbSu{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}
@media(prefers-reduced-motion:reduce){.fb-nuvola{animation:none}}
.fb-tit{padding-right:26px;font-size:15px;font-weight:800;color:#eef5f9;line-height:1.35}
.fb-scelte{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.fb-b{min-height:44px;padding:8px 10px;border:1px solid #2a4a5c;border-radius:10px;background:#10222e;color:#dbe7ee;font:inherit;font-size:13.5px;font-weight:700;line-height:1.25;cursor:pointer}
.fb-b:hover,.fb-b:focus-visible{border-color:#55d8ff;color:#fff;outline:none}
.fb-x{position:absolute;top:6px;right:8px;width:32px;height:32px;border:0;background:none;color:#8ba3b2;font-size:22px;line-height:1;cursor:pointer}
.fb-nota{margin-top:8px;font-size:11.5px;color:#7f97a6}
.fb-sub{margin-top:3px;font-size:13.5px;color:#a9bcc7}

/* feedback generale: pulsante sempre visibile e pannello */
.fbg-bottone{position:fixed;right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:8800;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:8px 14px;border:1px solid #2a4a5c;border-radius:999px;background:#0b1a24;color:#dbe7ee;font:inherit;font-size:13.5px;font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.4);cursor:pointer}
.fbg-bottone:hover,.fbg-bottone:focus-visible{border-color:#55d8ff;color:#fff;outline:none}
body:has(.fb-nuvola) .fbg-bottone,body:has(.fbg-pannello) .fbg-bottone{display:none}
.fbg-pannello{position:fixed;right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:9100;width:min(380px,calc(100% - 28px));padding:14px 16px 12px;border:1px solid #2a4a5c;border-radius:16px;background:#0b1a24;box-shadow:0 16px 40px rgba(0,0,0,.55);animation:fbSu .25s ease-out}
@media(prefers-reduced-motion:reduce){.fbg-pannello{animation:none}}
.fbg-facce{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.fbg-f{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:64px;padding:8px 4px;border:1px solid #2a4a5c;border-radius:12px;background:#10222e;color:#dbe7ee;font:inherit;cursor:pointer}
.fbg-f span{font-size:24px;line-height:1}
.fbg-f small{font-size:12px;font-weight:700}
.fbg-f[aria-pressed="true"]{border-color:#55d8ff;background:rgba(85,216,255,.12);color:#fff}
.fbg-t{display:block;width:100%;box-sizing:border-box;margin-top:10px;padding:10px 12px;border:1px solid #2a4a5c;border-radius:10px;background:#081620;color:#eef5f9;font:inherit;font-size:14px;resize:vertical;min-height:70px}
.fbg-t:focus{outline:none;border-color:#55d8ff}
.fbg-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.fbg-riga{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}
.fbg-riga .fb-nota{margin:0}
.fbg-invia{min-height:40px;padding:8px 18px;font-weight:800;color:#04131c;border:1px solid #6fe3ff;background:linear-gradient(180deg,#5fe0ff,#22b3dc)}
.fbg-invia:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:600px){.fbg-bottone{padding:7px 12px;font-size:13px}}

.fbg-scelte{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.fbg-scelte[hidden],.fbg-t[hidden]{display:none}
.fbg-k{min-height:36px;padding:6px 12px;border:1px solid #2a4a5c;border-radius:999px;background:#10222e;color:#dbe7ee;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.fbg-k[aria-pressed="true"]{border-color:#55d8ff;background:rgba(85,216,255,.14);color:#fff}
.fbg-pannello .fb-sub{margin-top:3px}

/* scheda feedback dentro la pagina: gia' aperta, si incontra scorrendo */
.fbi-wrap{padding-top:8px;padding-bottom:8px}
.fbi{max-width:640px;margin:0 auto;padding:18px 20px;border:1px solid #2a4a5c;border-radius:16px;background:rgba(11,26,36,.85)}
.fbi .fb-tit{padding-right:0;font-size:17px}
.fbi .fbg-facce{max-width:420px}

/* v56 · telefono: prima la prova (due notizie misurate), poi i pulsanti. Sul computer resta tutto com'era. */
.prova-top{display:none}
#fbg-bottone{transition:opacity .2s ease,transform .2s ease}
.fbg-attesa #fbg-bottone{opacity:0;pointer-events:none;transform:translateY(12px)}
@media(max-width:900px){
  body.con-colonna .barra-mobile{top:0}
  .hero-live #radar-demo{scroll-margin-top:calc(64px + env(safe-area-inset-top,0px))}
  .hero-testo .eyebrow{display:none}
  body.con-prova-top .hero-testo .sub-home{display:none}
  .prova-top:not([hidden]){display:block;margin:14px 0 18px;padding:12px 14px 4px;border:1px solid #1c3442;border-radius:14px;background:#0a1822}
  .prova-top .pt-sub{font-size:12.5px;color:#8fa5b0;margin:2px 0 4px}
  body.con-prova-top #riga-giorno{display:none!important}   /* v59: i casi e il link sono gia' in cima; qui restava un riquadro vuoto */
}
/* v56 · la riga della notizia porta anche la misura: orario e misura sempre sotto il titolo, a tutte le larghezze */
.sh-st{grid-template-columns:max-content minmax(0,1fr)}
.sh-st .sh-st-h{grid-column:2}
/* v57 · telefono: niente fascia vuota sopra il titolo (l'occhiello e' nascosto) e titolo in due righe.
   La regola .hero-home{padding:44px 0 30px} piu' in alto vinceva su quella del telefono. */
@media(max-width:900px){
  .hero-home.hero-due{padding-top:12px}
  .hero-home.hero-due .h1-home{margin-top:0}
}
@media(max-width:620px){
  .hero-home.hero-due .h1-home{font-size:min(32px,6.4vw)}
}

/* v60 · strumento non in catalogo: si aggiunge come "solo notizie"; link piccolo alla lista Pro (che resta nel Mattino) */
#sugg .sugg-nuovo{border-left:3px solid var(--cyan,#2dd4e8)}
#sugg .sugg-pro-link{display:block;padding:8px 14px 10px;font-size:12.5px;color:#8fa5b0;text-decoration:none;border-top:1px solid #16242f}
#sugg .sugg-pro-link:hover{color:var(--cyan,#2dd4e8)}
.fiducia-radar{margin:-6px 0 18px;font-size:13px;color:#8fa5b0}

/* v61 · strumento senza prezzo nel riquadro "cosa conta adesso": etichetta neutra, non "normale" */
.ca-tag.np{color:#8fa5b0;border-color:#2a4252}

/* v62 · "Cosa contiamo" si apre sul posto: chi arriva dalla pubblicita' resta nella home */
.sr-fiducia .sr-cosa{background:none;border:0;padding:0;font:inherit;color:var(--cyan,#55d8ff);cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.sr-cosa-box{margin:8px 0 4px;padding:10px 14px;border:1px solid #1c3442;border-radius:12px;background:#0a1822;font-size:13px;color:#c3d4de}
.sr-cosa-box[hidden]{display:none}
.sr-cosa-box ul{margin:0 0 6px;padding-left:18px}
.sr-cosa-box li{margin:3px 0}
.sr-cosa-box a{color:#8fa5b0;font-size:12.5px}

/* v62 · numeri di "cosa conta adesso" su una riga (due o tre); sezione 3 del Radar nascosta quando e' vuota */
.ca-sintesi{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}
.card:has(> #letture:empty){display:none}

/* v64 · lingua della fonte */
.src-lang{color:#8fa5b0;font-weight:400}

/* Trader X-Ray: voce di menu e striscia in home */
body.con-colonna .navlinks a[data-pagina="xray"] i{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M3 12h4l2-5 4 10 2-5h6%27/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M3 12h4l2-5 4 10 2-5h6%27/%3E%3C/svg%3E")}
.nuovo-badge{color:#7dff9b;border-color:rgba(125,255,155,.45)}
.xray-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap;max-width:1180px;margin:14px auto 0;padding:11px 16px;border:1px solid rgba(125,255,155,.35);background:linear-gradient(90deg,rgba(125,255,155,.08),rgba(45,212,232,.05));border-radius:12px;color:#e6eef5;text-decoration:none;font-size:14.5px;box-sizing:border-box;width:calc(100% - 32px)}
.xray-strip:hover{border-color:#7dff9b}
.xray-strip b{font-weight:700;flex:1 1 280px}
.xs-tag{font:800 10px/1 Inter,sans-serif;letter-spacing:1px;color:#061008;background:#7dff9b;border-radius:5px;padding:4px 6px}
.xs-go{color:#7dff9b;font-weight:700;white-space:nowrap}