: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:hidden}
.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;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-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{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="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}