/* D-167 ORTHYNE design system: uno strato grafico unico per home, Radar, Kit e guide in tutte le lingue.
   Caricato dopo gli stili di ogni pagina: ridisegna senza cambiare testi né funzioni. */
@font-face{font-family:"Poppins";src:url(/font/poppins-regular.woff) format("woff");font-weight:400;font-display:optional}
@font-face{font-family:"Poppins";src:url(/font/poppins-medium.woff) format("woff");font-weight:500 600;font-display:optional}
@font-face{font-family:"Poppins";src:url(/font/poppins-bold.woff) format("woff");font-weight:700 800;font-display:optional}
:root{--o-ink:#0e1a2b;--o-ink2:#3d4b5f;--o-mut:#64748b;--o-line:#e3e8f0;--o-bg:#f5f7fb;--o-card:#fff;--o-navy:#0b1826;--o-navy2:#14304d;
 --o-green:#3FB68B;--o-blue:#2F80ED;--o-violet:#8B5CF6;--o-gold:#F2B544;--o-grad:linear-gradient(120deg,#3FB68B 0%,#2F80ED 50%,#8B5CF6 100%);
 --o-r:18px;--o-sh:0 1px 2px rgba(14,26,43,.05),0 8px 24px rgba(14,26,43,.06);--o-sh2:0 2px 4px rgba(14,26,43,.06),0 18px 40px rgba(14,26,43,.12);
 --ink:#0e1a2b;--muted:#64748b;--rule:#e3e8f0;--navy:#1d4a7a}
html{scroll-behavior:smooth}
html body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;color:var(--o-ink);background:var(--o-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html body h1,html body h2,html body h3,html body .pill,html body .cta,html body .univ b{font-family:"Poppins",system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.015em}
html body h1{font-weight:700;line-height:1.08}
html body h2{font-weight:700;font-size:clamp(1.45rem,2.4vw,2rem);line-height:1.2;color:var(--o-ink);border:0;padding-top:0}
html body h3{font-weight:600;color:var(--o-ink)}
html body a{color:#1d5fb8;text-underline-offset:3px}
html body .wrap{max-width:1180px}
::selection{background:rgba(47,128,237,.18)}

/* intestazione: vetro sospeso */
html body .top{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.78);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid rgba(14,26,43,.07);box-shadow:0 1px 0 rgba(255,255,255,.6) inset}
html body .top nav a{color:var(--o-ink2);text-decoration:none;font-weight:500;border-radius:999px;padding:.35rem .7rem;transition:background .2s,color .2s}
html body .top nav a:hover{background:rgba(47,128,237,.08);color:var(--o-ink)}
html body .lwrap{border-color:var(--o-line);background:#fff;box-shadow:var(--o-sh)}
html body .top .acc{border:0;background:var(--o-navy);color:#fff;border-radius:999px;box-shadow:0 6px 16px rgba(11,24,38,.25)}
html body .top .acc:hover{background:var(--o-navy2)}

/* apertura: universo */
html body .band{position:relative;overflow:hidden;color:#fff;background:
 radial-gradient(60% 80% at 85% 10%,rgba(139,92,246,.35) 0%,transparent 60%),
 radial-gradient(50% 70% at 10% 90%,rgba(63,182,139,.30) 0%,transparent 60%),
 radial-gradient(40% 50% at 50% 50%,rgba(47,128,237,.18) 0%,transparent 70%),
 linear-gradient(160deg,#0b1826 0%,#10263f 45%,#0b1826 100%)}
html body .band:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;background-image:
 radial-gradient(1px 1px at 8% 18%,#fff,transparent),radial-gradient(1px 1px at 22% 62%,rgba(255,255,255,.8),transparent),radial-gradient(1.5px 1.5px at 41% 28%,#fff,transparent),
 radial-gradient(1px 1px at 58% 78%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 73% 14%,#fff,transparent),radial-gradient(1.5px 1.5px at 88% 52%,rgba(255,255,255,.8),transparent),
 radial-gradient(1px 1px at 95% 85%,#fff,transparent),radial-gradient(1px 1px at 33% 92%,rgba(255,255,255,.6),transparent)}
html body .band>*{position:relative}
html body .band .hero{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:3.5rem;padding-top:4rem;padding-bottom:4.5rem;align-items:center}
html body .band h1{font-size:clamp(2.2rem,4.1vw,3.6rem);margin:.7rem 0 1.2rem;color:#fff;text-shadow:0 2px 30px rgba(47,128,237,.35)}
html body .band .pill{display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e9f1ff;border-radius:999px;padding:.4rem .9rem;font-weight:500;font-size:.82rem;letter-spacing:.04em}
html body .band .pill:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--o-green);box-shadow:0 0 10px var(--o-green)}
html body .band .proof{color:#dbe7f5;font-size:1.02rem;line-height:1.55}
html body .band .proof a,html body .band .sub a{color:#fff}
html body .band .sub{color:#b8c7d9;font-size:.98rem;line-height:1.6}
html body #vicino{border-inline-start:3px solid var(--o-green);background:rgba(63,182,139,.10);border-radius:0 12px 12px 0;padding:.7rem .9rem}
html body .band .note{color:#a8b8cc}
html body .band label{color:#dbe7f5;font-weight:500}
html body .band input[type=email],html body .band input[type=text],html body .band select{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);color:#fff;border-radius:12px;padding:.75rem .9rem}
html body .band input::placeholder{color:#9fb3c8}
html body .band select option{color:#0e1a2b}
html body .band input:focus,html body .band select:focus{outline:0;border-color:#7fb2ff;box-shadow:0 0 0 4px rgba(47,128,237,.25)}
html body .band .card{background:rgba(255,255,255,.96);color:var(--o-ink);border:1px solid rgba(255,255,255,.6);border-radius:24px;box-shadow:0 30px 80px rgba(0,0,0,.35);overflow:hidden}
html body .band .card .note{color:var(--o-mut)}
html body .globo figcaption{color:inherit}

/* pulsanti */
html body .cta,html body button.cta,html body a.cta,html body .band .cta,html body .band a.cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:0;border-radius:999px;padding:.85rem 1.5rem;font-weight:600;color:#fff;text-decoration:none;
 background:linear-gradient(120deg,#2fa57e 0%,#2F80ED 55%,#7c5cf0 100%);background-size:160% 100%;box-shadow:0 10px 26px rgba(47,128,237,.35),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .2s,box-shadow .2s,background-position .4s;cursor:pointer}
html body .cta:hover,html body .band .cta:hover,html body .band a.cta:hover{transform:translateY(-2px);background-position:100% 0;box-shadow:0 16px 36px rgba(47,128,237,.45),inset 0 1px 0 rgba(255,255,255,.25)}
html body .cta:focus-visible{outline:3px solid var(--o-gold);outline-offset:3px}

/* corpo: sezioni respirate */
html body main.wrap{padding-top:1rem;padding-bottom:3rem}
html body main section{margin:0;padding:3.2rem 0;border-top:1px solid var(--o-line)}
html body main section:first-child{border-top:0}
html body main section>h2{display:flex;align-items:center;gap:.7rem;margin:0 0 1.2rem}
html body main section>h2:before{content:"";flex:none;width:10px;height:28px;border-radius:6px;background:var(--o-grad)}
html body main p,html body main li{color:var(--o-ink2);line-height:1.65}
html body .note{color:var(--o-mut)}

/* schede */
html body .area,html body #who .cols>div,html body .cols>div,html body .offer,html body .price{background:var(--o-card);border:1px solid var(--o-line);border-radius:var(--o-r);box-shadow:var(--o-sh);padding:1.3rem 1.3rem 1.1rem;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden}
html body .area:before,html body #who .cols>div:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--o-grad);opacity:.85}
html body .area:hover,html body #who .cols>div:hover{transform:translateY(-4px);box-shadow:var(--o-sh2);border-color:#cfd9ea}
html body #who .cols{gap:1.1rem}
html body .area h3{font-size:1.05rem;margin:.1rem 0 .35rem}
html body .area p b{font-family:"Poppins",system-ui,sans-serif;font-weight:600;color:var(--o-ink)}

/* tabelle */
html body .data,html body .digest{border-radius:16px}
html body main table{border-collapse:separate;border-spacing:0;width:100%;background:#fff;border:1px solid var(--o-line);border-radius:16px;overflow:hidden;box-shadow:var(--o-sh)}
html body main th{background:#f3f6fb;color:var(--o-ink2);font-weight:600;border-bottom:1px solid var(--o-line)}
html body main td,html body main th{padding:.7rem .9rem}
html body main tbody tr:nth-child(even) td{background:#fafbfd}
html body main tbody tr:hover td{background:#f2f7ff}

/* domande frequenti */
html body details{background:#fff;border:1px solid var(--o-line);border-radius:14px;margin:.6rem 0;padding:0 1.1rem;box-shadow:var(--o-sh);transition:box-shadow .2s}
html body details[open]{box-shadow:var(--o-sh2)}
html body details summary{cursor:pointer;list-style:none;font-family:"Poppins",system-ui,sans-serif;font-weight:600;color:var(--o-ink);padding:1rem 2rem 1rem 0;position:relative}
html body details summary::-webkit-details-marker{display:none}
html body details summary:after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#eef3fb;color:var(--o-blue);font-weight:700;transition:transform .25s}
html body details[open] summary:after{content:"–";transform:translateY(-50%) rotate(180deg)}
html body details p{margin-top:0;padding-bottom:1rem}

/* moduli fuori dall'apertura */
html body main input[type=email],html body main input[type=text],html body main select,html body main textarea{border:1px solid #d4dbe6;border-radius:12px;padding:.7rem .85rem;background:#fff;font:inherit}
html body main input:focus,html body main select:focus,html body main textarea:focus{outline:0;border-color:var(--o-blue);box-shadow:0 0 0 4px rgba(47,128,237,.15)}
html body fieldset{border:1px solid var(--o-line);border-radius:var(--o-r);background:#fff;box-shadow:var(--o-sh);padding:1.1rem 1.2rem}
html body legend{font-family:"Poppins",system-ui,sans-serif;font-weight:600;padding:0 .4rem}
html body .box{background:linear-gradient(135deg,#0f2238 0%,#14304d 60%,#1d2f5e 100%);color:#e6eef8;border:0;border-radius:22px;box-shadow:var(--o-sh2);padding:1.6rem 1.7rem}
html body .box p,html body .box .note{color:#c9d6e5}
html body .box a:not(.cta){color:#fff}

/* Radar e Kit: titolo di pagina */
html body main.wrap>h1:first-child{font-size:clamp(2rem,4vw,3rem);margin-top:2.2rem;background:linear-gradient(120deg,#0e1a2b 0%,#1d4a7a 55%,#2F80ED 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
html body main.wrap>.lead{font-size:1.08rem;color:var(--o-ink2)}
html body #lista article{background:#fff;border:1px solid var(--o-line);border-radius:var(--o-r);box-shadow:var(--o-sh);padding:1.1rem 1.2rem;margin:.9rem 0;transition:transform .2s,box-shadow .2s}
html body #lista article:hover{transform:translateY(-2px);box-shadow:var(--o-sh2)}

/* piè di pagina */
html body footer{background:var(--o-navy);color:#a9b8ca;border:0;margin-top:0;padding:2.6rem 0 3rem}
html body footer a{color:#e6eef8}
html body footer p,html body footer small{color:#a9b8ca}

@media (max-width:820px){
 html body .band .hero{grid-template-columns:minmax(0,1fr);padding-top:2rem;padding-bottom:2.6rem;gap:1.6rem}
 html body main section{padding:2.3rem 0}
 html body .top{position:sticky}
}

html[dir=rtl] body #vicino{border-radius:12px 0 0 12px}
html body main details{width:100%;max-width:880px;box-sizing:border-box}
html body main section>p,html body main section>ul,html body main section>ol{max-width:76ch}
html body main .data,html body main table{max-width:100%}
html body .stats b{font-family:"Poppins",system-ui,sans-serif}
html body .steps li,html body ol.steps>li{background:#fff;border:1px solid var(--o-line);border-radius:var(--o-r);box-shadow:var(--o-sh);padding:1.1rem 1.2rem}
html body main input[type=date]{border:1px solid var(--o-line);border-radius:12px;background:#fff}
/* ===== Piani ===== */
html body .piani{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1rem;margin:1.8rem 0 1.2rem;align-items:stretch;max-width:none}
html body .piano{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--o-line);border-radius:24px;padding:1.6rem 1.4rem 1.4rem;box-shadow:0 10px 30px rgba(14,27,51,.07);transition:transform .25s,box-shadow .25s}
html body .piano:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(14,27,51,.13)}
html body .piano h3{font-family:"Poppins",system-ui,sans-serif;font-size:1.15rem;font-weight:600;margin:0 0 .6rem;color:#0E1B33;letter-spacing:.01em}
html body .p-prezzo{margin:0;display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}
html body .p-prezzo b{font-family:"Poppins",system-ui,sans-serif;font-size:2.1rem;line-height:1.1;font-weight:700;color:#0E1B33;white-space:nowrap}
html body .p-prezzo span{font-size:.9rem;color:#5B6B82}
html body .p-anno{margin:.35rem 0 0;font-size:.88rem;color:#2E9E77;font-weight:600}
html body .p-lista{list-style:none;margin:1.2rem 0 1.4rem;padding:1.1rem 0 0;border-top:1px solid var(--o-line);flex:1}
html body .p-lista li{position:relative;padding:0 0 0 1.7rem;margin:0 0 .65rem;font-size:.95rem;line-height:1.45;color:#22324D}
html body .p-lista li::before{content:"";position:absolute;left:0;top:.2em;width:1.05rem;height:1.05rem;border-radius:50%;background:linear-gradient(135deg,#3FB68B,#3B82F6) center/100% no-repeat}
html body .p-lista li::after{content:"";position:absolute;left:.36rem;top:.42em;width:.3rem;height:.52rem;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
html body .p-cta{display:block;text-align:center;font-family:"Poppins",system-ui,sans-serif;font-weight:600;font-size:.95rem;text-decoration:none;padding:.85rem 1rem;border-radius:999px;border:1.5px solid #0E1B33;color:#0E1B33;transition:background .2s,color .2s}
html body .p-cta:hover{background:#0E1B33;color:#fff}
html body .piano-free{background:linear-gradient(180deg,#F3FBF7,#fff 55%)}
html body .piano-free .p-cta{background:linear-gradient(90deg,#3FB68B,#3B82F6);border-color:transparent;color:#fff}
html body .piano-top{background:radial-gradient(120% 80% at 80% 0%,#3B2F8F 0%,#0E1B33 60%);border:1px solid rgba(255,255,255,.12);box-shadow:0 22px 60px rgba(59,47,143,.35);transform:translateY(-10px)}
html body .piano-top:hover{transform:translateY(-14px)}
html body .piano-top h3,html body .piano-top .p-prezzo b{color:#fff}
html body .piano-top .p-prezzo span,html body .piano-top .p-lista li{color:rgba(255,255,255,.86)}
html body .piano-top .p-anno{color:#7FE0B9}
html body .piano-top .p-lista{border-top-color:rgba(255,255,255,.14)}
html body .piano-top .p-cta{background:linear-gradient(90deg,#3FB68B,#3B82F6);border-color:transparent;color:#fff}
html body .p-badge{position:absolute;top:-.8rem;left:1.2rem;right:1.2rem;margin:0;text-align:center;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:linear-gradient(90deg,#F2B544,#E8833A);border-radius:999px;padding:.35rem .7rem;line-height:1.25;box-shadow:0 6px 16px rgba(232,131,58,.35)}
html body .piano-top h3{margin-top:.6rem}
[dir=rtl] html body .p-lista li,html[dir=rtl] body .p-lista li{padding:0 1.7rem 0 0}
html[dir=rtl] body .p-lista li::before{left:auto;right:0}
html[dir=rtl] body .p-lista li::after{left:auto;right:.36rem}
@media (max-width:1100px){html body .piani{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem 1.1rem}html body .piano-top{transform:none}html body .piano-top:hover{transform:translateY(-4px)}}
@media (max-width:640px){html body .piani{grid-template-columns:1fr;gap:1.6rem}html body .piano{padding:1.5rem 1.25rem 1.25rem}}
/* ===== Radar: in tutto il mondo ===== */
html body .ml-l{font-weight:600}
html body .mondo-lista{grid-column:1/-1;flex-basis:100%;width:100%;margin:1rem 0 .2rem;padding:1.1rem 1.2rem;border-radius:18px;background:radial-gradient(120% 120% at 90% 0%,#2B2F7A 0%,#0E1B33 65%);color:#fff;box-sizing:border-box}
html body .mondo-lista .ml-t{margin:0 0 .7rem;font-weight:600;color:#fff}
html body .mondo-lista ul{list-style:none;margin:0 0 .9rem;padding:0}
html body .mondo-lista li{padding:.55rem 0;border-top:1px solid rgba(255,255,255,.12)}
html body .mondo-lista li a{color:#fff;text-decoration:none;font-weight:500;display:block;line-height:1.35}
html body .mondo-lista li a:hover{text-decoration:underline}
html body .mondo-lista .ml-m{display:block;font-size:.82rem;color:#9FD9C3;margin-top:.15rem}
html body .mondo-lista .cta{margin:0}
html body .mondo-lista ul,html body .mondo-lista p{max-width:none}
/* ===== Etichetta hero ===== */
html body .band .pill{display:inline-flex;align-items:center;gap:.7rem;padding:.42rem 1rem .42rem .8rem;text-transform:none;letter-spacing:0;font-size:.9rem;font-weight:500;color:rgba(233,241,255,.9);background:linear-gradient(90deg,rgba(63,182,139,.14),rgba(139,92,246,.12));border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 6px 24px rgba(11,24,38,.25);max-width:100%;box-sizing:border-box}
html body .band .pill:before{flex:none;width:8px;height:8px;animation:o-pulse 2.4s ease-in-out infinite}
html body .band .pill b{font:700 .78rem/1 Poppins,system-ui,sans-serif;letter-spacing:.22em;background:linear-gradient(90deg,#7FE0B9,#8FB8FF);-webkit-background-clip:text;background-clip:text;color:transparent;padding-inline-end:.75rem;border-inline-end:1px solid rgba(255,255,255,.22)}
html body .band .pill span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
@keyframes o-pulse{0%,100%{box-shadow:0 0 0 0 rgba(63,182,139,.6)}50%{box-shadow:0 0 0 6px rgba(63,182,139,0)}}
@media (max-width:420px){html body .band .pill{font-size:.82rem;gap:.55rem}html body .band .pill b{font-size:.72rem;letter-spacing:.16em;padding-inline-end:.55rem}}
/* parole lunghe (sv, de, fi...) */
html body h1,html body h2,html body h3{overflow-wrap:anywhere;hyphens:auto;-webkit-hyphens:auto}
/* globo dentro la scheda bianca (computer) */
html body .band .card .globo .g-info{background:#fff;border-color:#e3e8f0;color:#0e1a2b;box-shadow:0 8px 24px rgba(14,26,43,.08)}
html body .band .card .globo .g-s,html body .band .card .globo .g-q{background-color:#fff;border-color:#e3e8f0;color:#0e1a2b}
html body .band .card .globo .g-h{color:#5b6b82}
/* ===== Calcolatore tempo ===== */
html body table.calc.cc td:last-child{text-align:end;white-space:nowrap}
html body .cc-w{display:inline-flex;align-items:center;gap:.35rem;background:#fff;border:1.5px solid #cfe9df;border-radius:12px;padding:.25rem .6rem;box-shadow:0 2px 8px rgba(63,182,139,.12)}
html body .cc-i{width:4.2rem;border:0!important;background:transparent!important;font:700 1.05rem/1.2 Poppins,system-ui,sans-serif;color:#0e1a2b;text-align:end;padding:.2rem 0!important;outline:none;box-shadow:none!important}
html body .cc-s{font-weight:600;color:#5b6b82;font-size:.9rem}
html body .cc-r{display:block;width:100%;margin:.55rem 0 0;accent-color:#3FB68B}
html body tr.cc-o td{font-weight:600}
html body tr.cc-big td{background:linear-gradient(90deg,#0e1b33,#2b2f7a)!important;color:#fff!important;font-size:1.05rem}
html body tr.cc-big td:last-child{font:700 1.4rem/1.2 Poppins,system-ui,sans-serif;background-clip:padding-box}
html body .p-giorno{margin:.2rem 0 0;font-size:.78rem;font-weight:600;letter-spacing:.02em;color:#5b6b82}
html body .piano-top .p-giorno{color:rgba(255,255,255,.7)}
html body tr.cc-big{background:linear-gradient(90deg,#0e1b33,#2b2f7a)}
html body tr.cc-big td,html body tr.cc-big td:last-child{background:transparent!important}
/* ===== Account ===== */
html body main.acc{max-width:1120px;margin:0 auto;padding:2rem 16px 3rem;box-sizing:border-box}
html body .acc-out{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:stretch}
html body .acc-hero{border-radius:28px;padding:2.4rem 2.2rem;color:#fff;background:radial-gradient(120% 90% at 85% 0%,#3b2f8f 0%,#13265a 45%,#0b1826 100%);box-shadow:0 24px 60px rgba(11,24,38,.25);position:relative;overflow:hidden}
html body .acc-hero h1{color:#fff!important;font-size:clamp(1.8rem,3.2vw,2.6rem);line-height:1.15;margin:.8rem 0 .6rem;-webkit-text-fill-color:#fff;background:none}
html body .acc-lead{color:rgba(255,255,255,.82);font-size:1.05rem;margin:0 0 1.6rem}
html body .pill-s{display:inline-flex;gap:.6rem;align-items:center;margin:0;padding:.35rem .9rem;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);font-size:.85rem;color:rgba(255,255,255,.85)}
html body .pill-s b{font:700 .74rem/1 Poppins,system-ui,sans-serif;letter-spacing:.2em;background:linear-gradient(90deg,#7FE0B9,#8FB8FF);-webkit-background-clip:text;background-clip:text;color:transparent}
html body .acc-ben{list-style:none;margin:0;padding:0;display:grid;gap:1.1rem}
html body .acc-ben li{display:flex;gap:.9rem;align-items:flex-start;color:rgba(255,255,255,.78);font-size:.95rem;line-height:1.5}
html body .acc-ben li b{color:#fff}
html body .acc-ben .ic{flex:none;width:2.4rem;height:2.4rem;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(63,182,139,.35),rgba(47,128,237,.35));border:1px solid rgba(255,255,255,.15);font-size:1.1rem;color:#fff}
html body .acc-card{background:#fff;border:1px solid #e3e8f0;border-radius:28px;padding:2.2rem 2rem;box-shadow:0 18px 50px rgba(14,26,43,.10);display:flex;flex-direction:column;justify-content:center}
html body .acc-card h2{margin:0 0 .4rem;font-size:1.5rem;padding:0;border:0}
html body .acc-card h2:before{display:none}
html body .acc-sub{color:#5b6b82;margin:0 0 1.4rem}
html body .acc-card label{font-weight:600;font-size:.9rem;color:#22324D}
html body .acc-card input[type=email]{margin-top:.4rem;padding:.85rem 1rem;border:1.5px solid #dbe3ee;border-radius:14px;font-size:1rem;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}
html body .acc-card input[type=email]:focus{outline:none;border-color:#2F80ED;box-shadow:0 0 0 4px rgba(47,128,237,.15)}
html body .acc-chk label{display:flex;gap:.6rem;align-items:flex-start;font-weight:400;color:#5b6b82}
html body .acc-btn{width:100%;padding:.95rem 1.2rem!important;font-size:1rem!important;border-radius:999px!important}
html body .acc-stato{text-align:center}
html body .acc-ico{width:4.2rem;height:4.2rem;margin:0 auto 1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.9rem;color:#fff;background:linear-gradient(135deg,#2F80ED,#8B5CF6);box-shadow:0 12px 30px rgba(47,128,237,.35)}
html body .acc-ico.ok-ico{background:linear-gradient(135deg,#3FB68B,#2F80ED)}
html body .acc-stato p{color:#475569}
html body #msg p,html body #msg2 p{border-radius:12px;margin:0 0 1rem}
/* dentro */
html body .acc-top{display:flex;align-items:center;gap:1rem;padding:1.4rem 1.6rem;border-radius:24px;color:#fff;background:radial-gradient(120% 120% at 90% 0%,#3b2f8f 0%,#13265a 50%,#0b1826 100%);box-shadow:0 18px 44px rgba(11,24,38,.22)}
html body .acc-av{flex:none;width:3.4rem;height:3.4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 1.4rem/1 Poppins,system-ui,sans-serif;color:#fff;background:linear-gradient(135deg,#3FB68B,#2F80ED 60%,#8B5CF6);box-shadow:0 0 0 3px rgba(255,255,255,.15)}
html body .acc-who{flex:1;min-width:0}
html body .acc-hi{margin:0;font:600 1.25rem/1.25 Poppins,system-ui,sans-serif;color:#fff}
html body .acc-mail{margin:.15rem 0 0;color:rgba(255,255,255,.7);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body .acc-esci{flex:none;padding:.55rem 1.1rem;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff;font:600 .9rem/1 Poppins,system-ui,sans-serif;cursor:pointer}
html body .acc-esci:hover{background:rgba(255,255,255,.18)}
html body .acc-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.2rem 0}
html body .kpi{background:#fff;border:1px solid #e3e8f0;border-radius:20px;padding:1.1rem 1.2rem;box-shadow:0 8px 24px rgba(14,26,43,.06)}
html body .kpi b{display:block;font:700 1.7rem/1.1 Poppins,system-ui,sans-serif;color:#0e1a2b}
html body .kpi span{font-size:.85rem;color:#5b6b82}
html body .acc-azioni{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:0 0 1.6rem}
html body .az-c{display:flex;align-items:center;gap:.7rem;padding:1rem 1.1rem;border-radius:18px;border:1px solid #e3e8f0;background:#fff;color:#0e1a2b!important;text-decoration:none!important;font-weight:600;box-shadow:0 6px 18px rgba(14,26,43,.05);transition:transform .2s,box-shadow .2s}
html body .az-c:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(14,26,43,.10)}
html body .az-c span{flex:none;width:2.2rem;height:2.2rem;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#eef4ff;color:#2F80ED}
html body .az-p{background:linear-gradient(120deg,#2fa57e,#2F80ED 55%,#7c5cf0);color:#fff!important;border:0}
html body .az-p span{background:rgba(255,255,255,.2);color:#fff}
html body .acc-sez{background:#fff;border:1px solid #e3e8f0;border-radius:24px;padding:1.6rem 1.6rem 1.2rem;margin:0 0 1.2rem;box-shadow:0 8px 24px rgba(14,26,43,.05)}
html body .acc-sez h2{margin-top:0}
html body .acc-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}
html body .acc-sez .res{border:1px solid #e3e8f0;border-radius:16px;padding:1rem 1.1rem;margin:0 0 .8rem}
html body .acc-sez .res h3{font-family:Poppins,system-ui,sans-serif;font-size:1rem}
html body .acc-sez .res .az a{font-weight:600}
html body .acc-dati summary{cursor:pointer;font:600 1.05rem/1.3 Poppins,system-ui,sans-serif;color:#0e1a2b}
html body .link.danger{color:#b42318}
@media (max-width:860px){html body .acc-out{grid-template-columns:1fr}html body .acc-hero{padding:1.8rem 1.4rem}html body .acc-card{padding:1.6rem 1.3rem;order:-1}html body .acc-kpi{gap:.6rem}html body .kpi{padding:.9rem}html body .kpi b{font-size:1.25rem}html body .acc-azioni,html body .acc-grid{grid-template-columns:1fr}html body .acc-top{padding:1.1rem}}
html body [hidden]{display:none!important}
html body main.acc>section{border:0!important;padding:0!important;margin:0 0 1rem!important;background:none}
html body main.acc>section:before{display:none!important}
html body #msg3 p{border-radius:12px;margin:.6rem 0 0}
/* ===== Account: piano ===== */
html body .acc-chip{display:inline-block;padding:.12rem .55rem;margin-inline-end:.35rem;border-radius:999px;font:700 .7rem/1.4 Poppins,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;background:rgba(255,255,255,.14);color:#fff;vertical-align:1px}
html body .acc-chip.c-starter{background:#2F80ED}html body .acc-chip.c-professional{background:linear-gradient(90deg,#F2B544,#E8833A)}html body .acc-chip.c-team{background:#8B5CF6}
html body .pi-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}
html body .pi-eti{margin:0;font:700 .72rem/1 Poppins,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#3FB68B}
html body .acc-piano h2{margin:.35rem 0 .2rem!important;font-size:1.7rem}
html body .pi-up{white-space:nowrap}
html body .pi-funz{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1rem;margin:1.2rem 0}
html body .pf{display:flex;align-items:center;gap:.6rem;padding:.55rem .75rem;border-radius:12px;font-size:.92rem;line-height:1.35}
html body .pf-ok{background:#f0faf5;color:#0e1a2b}
html body .pf-no{background:#f5f7fb;color:#8a97ab}
html body .pf-i{flex:none;width:1.4rem;height:1.4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}
html body .pf-ok .pf-i{background:linear-gradient(135deg,#3FB68B,#2F80ED);color:#fff}
html body .pf-no .pf-i{background:#e7ecf3}
html body .pf-t{flex:1;min-width:0}
html body .pf-b{flex:none;font:600 .7rem/1.3 Poppins,system-ui,sans-serif;padding:.15rem .5rem;border-radius:999px;background:#fff;border:1px solid #dfe5ee;color:#5b6b82;white-space:nowrap}
html body .pi-piani{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin:0 0 1rem}
html body .pp{position:relative;border:1px solid #e3e8f0;border-radius:18px;padding:1rem;text-align:center;background:#fff}
html body .pp b{font:600 1rem/1.2 Poppins,system-ui,sans-serif;color:#0e1a2b}
html body .pp-pr{margin:.35rem 0 0;font:700 1.35rem/1.1 Poppins,system-ui,sans-serif;color:#0e1a2b}
html body .pp-per{margin:.1rem 0 .7rem;font-size:.78rem;color:#5b6b82}
html body .pp-top{border-color:#c9b7ff;box-shadow:0 8px 22px rgba(139,92,246,.12)}
html body .pp-on{border:2px solid #3FB68B;background:#f6fcf9}
html body .pp-tag{display:inline-block;font:600 .75rem/1 Poppins,system-ui,sans-serif;padding:.4rem .7rem;border-radius:999px;background:#3FB68B;color:#fff}
html body .pp-cta{display:inline-block;font:600 .8rem/1 Poppins,system-ui,sans-serif;padding:.5rem .8rem;border-radius:999px;border:1.5px solid #0e1a2b;color:#0e1a2b!important;text-decoration:none!important}
html body .pp-cta:hover{background:#0e1a2b;color:#fff!important}
@media (max-width:860px){html body .pi-funz{grid-template-columns:1fr}html body .pi-piani{grid-template-columns:repeat(2,minmax(0,1fr))}html body .pi-up{width:100%;text-align:center;box-sizing:border-box}}
/* Fonti ufficiali con telemetria live */
.fonti-intro{max-width:68ch;color:var(--muted)}
.fonti-box{margin:18px 0 22px;border-radius:20px;padding:18px 18px 14px;color:#e6eef7;background:radial-gradient(120% 140% at 50% 0%,#17324f 0%,#0d1a2b 60%,#0a1320 100%);box-shadow:0 18px 40px rgba(10,19,32,.25);position:relative;overflow:hidden}
.fonti-box::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3fb68b,#3b82f6,#8b5cf6)}
.fonti-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;font-size:.95rem}
.fonti-live{display:inline-flex;align-items:center;gap:7px;font-weight:800;letter-spacing:.12em;font-size:.78rem;color:#3fd08a;border:1px solid rgba(63,208,138,.45);border-radius:999px;padding:3px 10px}
.fonti-live i,.tel-dot{width:8px;height:8px;border-radius:50%;background:#3fd08a;box-shadow:0 0 0 0 rgba(63,208,138,.6);animation:fontiPulse 2s infinite;display:inline-block;flex:none}
.tel-dot.vecchio{background:#f2b84b;animation:none}
@keyframes fontiPulse{0%{box-shadow:0 0 0 0 rgba(63,208,138,.55)}70%{box-shadow:0 0 0 9px rgba(63,208,138,0)}100%{box-shadow:0 0 0 0 rgba(63,208,138,0)}}
@media (prefers-reduced-motion:reduce){.fonti-live i,.tel-dot{animation:none}}
.fonti-n b{font-size:1.5rem;font-weight:800;color:#fff;margin-inline-end:6px;font-variant-numeric:tabular-nums}
.fonti-box canvas{display:block;width:100%;height:auto;margin:12px 0 6px}
.fonti-leg{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.8rem;color:#b9c8d8}
.fonti-leg span{display:inline-flex;align-items:center;gap:7px}
.fonti-leg span::before{content:"";width:9px;height:9px;border-radius:50%;background:#3fd08a}
.fonti-leg span.wb::before{background:#a78bfa}
.fonti-tel{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px}
.fonti-tel li{max-width:none;display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:9px 12px}
.fonti-tel li b{font-size:.9rem;color:#fff}
.fonti-tel .tel-v{grid-column:2;font-size:.88rem;color:#dbe5ef;font-variant-numeric:tabular-nums}
.fonti-tel .tel-u{grid-column:2;font-size:.76rem;color:#8fa6bd}

.fonti-tel li{position:relative;transition:background .2s,border-color .2s}
.fonti-tel li:has(.tel-a):hover{background:rgba(255,255,255,.1);border-color:rgba(63,208,138,.5)}
.fonti-tel .tel-a{position:absolute;inset:0;border-radius:12px;z-index:1}
.fonti-tel .tel-a:focus-visible{outline:3px solid #3fd08a;outline-offset:2px}
.fonti-tel li:has(.tel-a) b::after{content:" \2192";content:" \2192"/"";color:#3fd08a}
[dir=rtl] .fonti-tel li:has(.tel-a) b::after{content:" \2190";content:" \2190"/""}

/* ===== Connect (18/10/2026) ===== */
html body .acc-azioni{grid-template-columns:repeat(4,1fr)}
@media (max-width:860px){html body .acc-azioni{grid-template-columns:1fr}}
html body .az-connect span{background:linear-gradient(135deg,#3FB68B,#2F80ED 60%,#8B5CF6);color:#fff}

/* ===================================================================================================
   D-3.0 "NOTTE" — ORTHYNE Design 3.0 su TUTTA la piattaforma (p11, 18/10/2026, direttiva Fulvio 20:22
   e GO 23:25 "Tutta la piattaforma orthyne.com così online"). Strato finale: stessi testi, stesse
   funzioni, solo aspetto. Spazio profondo, vetro scuro, ciano/violetto/ambra, contrasti WCAG AA.
   =================================================================================================== */
html body{
 --o-ink:#e8eef7;--o-ink2:#c3cfe0;--o-mut:#9fb0c8;--o-line:rgba(130,170,230,.18);--o-bg:#060a13;--o-card:#0f1729;
 --o-navy:#0b1326;--o-navy2:#16234a;--o-blue:#62e3ff;--o-violet:#8f7bff;--o-gold:#ffc86b;
 --o-grad:linear-gradient(92deg,#62e3ff 0%,#8f7bff 55%,#ffc86b 100%);
 --o-sh:0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.35);--o-sh2:0 2px 4px rgba(0,0,0,.35),0 20px 50px rgba(0,0,0,.5);
 --ink:#e8eef7;--muted:#a9b8cf;--rule:rgba(130,170,230,.2);--navy:#62e3ff;--paper:#0f1729;
 color:#e8eef7;
 background:#060a13;
 background:radial-gradient(1200px 700px at 85% -10%,rgba(143,123,255,.14),transparent 60%),
  radial-gradient(900px 600px at -10% 30%,rgba(98,227,255,.08),transparent 60%),#060a13 fixed;
 color-scheme:dark}
::selection{background:rgba(98,227,255,.3)}
html body h1,html body h2,html body h3,html body h4{color:#f3f7fd}
html body p,html body li,html body dd,html body td,html body label,html body legend,html body summary,html body figcaption{color:inherit}
html body a{color:#7fe7ff}
html body a:hover{color:#b6f1ff}
html body .note,html body .meta,html body small,html body .acc-sub,html body .cx-meta,html body .cx-rules{color:#a9b8cf}
html body .meta b{color:#e8eef7}
html body hr{border-color:rgba(130,170,230,.2)}
/* intestazione vetro scuro */
html body .top{background:rgba(8,12,24,.72);border-bottom:1px solid rgba(98,227,255,.14);box-shadow:none}
html body .top nav a{color:#c3cfe0}
html body .top nav a:hover{background:rgba(98,227,255,.1);color:#fff}
/* il logo ha sfondo bianco: invertito e fuso in modalità schermo, il fondo sparisce e il marchio diventa chiaro */
html body img[src$="logo.svg"]{filter:invert(1) hue-rotate(180deg) brightness(1.15);mix-blend-mode:screen}
html body .lwrap{background:rgba(15,23,41,.9);border-color:rgba(130,170,230,.25);color:#e8eef7}
html body .lwrap *{color:inherit}
html body .top .acc{background:linear-gradient(92deg,#62e3ff,#8f7bff);color:#04121a;box-shadow:0 0 18px rgba(98,227,255,.3)}
html body .top .acc *{color:#04121a}
html body .top .acc:hover{background:linear-gradient(92deg,#8af0ff,#a596ff)}
/* superfici: vetro scuro al posto del bianco */
html body main table,html body details,html body fieldset,html body #lista article,html body .steps li,html body ol.steps>li,
html body .piano,html body .acc-card,html body .kpi,html body .az-c,html body .acc-sez,html body .box,html body .res,
html body .cx-post,html body .card,html body .digest,html body .univ li,html body .area,html body .acc-sez .res,html body .pp,html body .cc-w{
 background:rgba(15,23,41,.78);border-color:rgba(130,170,230,.18);color:#e8eef7;box-shadow:0 10px 30px rgba(0,0,0,.28)}
html body .piano-free{background:linear-gradient(180deg,rgba(63,182,139,.14),rgba(15,23,41,.78) 55%)}
html body .pp-on{background:rgba(63,182,139,.12);border-color:#3FB68B}
html body .pf-ok{background:rgba(63,182,139,.14);color:#e8eef7}
html body .pf-no{background:rgba(255,255,255,.04);color:#8fa0b8}
html body main th{background:rgba(98,227,255,.08);color:#d6e2f2;border-color:rgba(130,170,230,.2)}
html body main td{border-color:rgba(130,170,230,.14)}
html body main tbody tr:nth-child(even) td{background:rgba(255,255,255,.025)}
html body main tbody tr:hover td{background:rgba(98,227,255,.07)}
html body details summary{color:#f3f7fd}
html body .piano h3,html body .p-prezzo b{color:#f3f7fd}
html body .p-cta{border-color:#62e3ff;color:#bff3ff}
html body .p-cta:hover{background:#62e3ff;color:#04121a}
/* moduli leggibili su scuro */
html body input,html body select,html body textarea,
html body main input[type=email],html body main input[type=text],html body main input[type=date],html body main input[type=number],html body main input[type=url],html body main select,html body main textarea,
html body #cx-post,html body #cx-bio,html body #cx-name,html body .cx-edit,html body .cx-inline textarea,html body .acc-card input[type=email]{
 background:#0b1222;color:#e8eef7;border-color:rgba(130,170,230,.32)}
html body input::placeholder,html body textarea::placeholder{color:#7f90aa}
html body input:focus,html body select:focus,html body textarea:focus{outline:none;border-color:#62e3ff;box-shadow:0 0 0 3px rgba(98,227,255,.18)}
html body option{background:#0b1222;color:#e8eef7}
/* pulsanti: neon */
html body .cta,html body a.cta,html body button.cta,html body .cx-primary{background:linear-gradient(92deg,#62e3ff,#8f7bff);color:#04121a;border:0;box-shadow:0 0 22px rgba(98,227,255,.28)}
html body .cta:hover,html body a.cta:hover,html body button.cta:hover,html body .cx-primary:hover{color:#04121a;filter:none;box-shadow:0 0 34px rgba(143,123,255,.55),0 0 70px rgba(98,227,255,.25)}
html body .cx-btn{background:rgba(15,23,41,.8);color:#e8eef7;border-color:rgba(130,170,230,.3)}
html body .cx-btn:hover{border-color:#62e3ff;color:#bff3ff}
html body .cx-danger,html body .cx-danger:hover{color:#ff8f8f;border-color:rgba(255,143,143,.5)}
html body .dl,html body .link{color:#7fe7ff;border-color:#62e3ff}
/* messaggi */
html body .ok{background:rgba(63,182,139,.14);border-left-color:#3FB68B;color:#e8eef7}
html body .err,html body .avv{background:rgba(255,107,107,.12);border-left-color:#ff6b6b;color:#ffe3e3}
html body .late{color:#ff8f8f}
/* apertura (tutte le lingue): stesso spazio profondo della 3.0 */
html body .band{background:radial-gradient(130% 170% at 18% 0%,#101c36 0%,#0a1322 52%,#060a13 100%);border-bottom:1px solid rgba(98,227,255,.18)}
html body .band .card{background:rgba(14,22,42,.6);color:#e8eef7;border-color:rgba(98,227,255,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
html body .band .card .mail span,html body .band .card .note,html body .band .card caption{color:#b6c4d8}
html body .band .card .globo .g-info,html body .band .card .globo .g-s,html body .band .card .globo .g-q{background-color:#0b1222;border-color:rgba(130,170,230,.3);color:#e8eef7}
html body .band .card .globo .g-h{color:#a9b8cf}
html body .pill{background:rgba(10,18,34,.6);border-color:rgba(98,227,255,.4);color:#bfe9ff}
/* scheda Connect e account: colori 3.0 */
html body .acc-hero{background:radial-gradient(120% 90% at 85% 0%,#2a1f6e 0%,#111a40 45%,#070b16 100%);border:1px solid rgba(143,123,255,.25)}
html body .acc-top{background:radial-gradient(120% 120% at 90% 0%,#2a1f6e 0%,#111a40 50%,#070b16 100%);border:1px solid rgba(143,123,255,.25)}
html body .acc-card h2,html body .acc-sez h2{color:#f3f7fd}
html body .acc-card label,html body .cx-check{color:#c3cfe0}
html body .acc-chk label{color:#a9b8cf}
html body .acc-stato p{color:#c3cfe0}
html body .cx-comments{border-left-color:rgba(130,170,230,.25)}
html body .cx-comment{border-bottom-color:rgba(130,170,230,.12)}
/* piè di pagina */
html body footer{background:rgba(4,7,14,.6);border-top:1px solid rgba(98,227,255,.12);color:#a9b8cf}
html body footer a{color:#9fe9ff}
html body footer p,html body footer small{color:#a9b8cf}
/* barra in basso su telefono e pulsanti flottanti */
html body .tabbar,html body nav.tabbar,html body .bottom-nav{background:rgba(8,12,24,.92);border-top:1px solid rgba(98,227,255,.15)}
@media (prefers-reduced-motion:reduce){html body{background:#060a13}}
/* 3.0 correzioni di contrasto (misurate con controllo automatico WCAG su 32 pagine x 2 schermi) */
html body .p-lista li{color:#d6e2f2}
html body .p-prezzo span,html body .cc-s,html body .p-iva{color:#b3c2d8}
html body .piani .piano:not(.piano-top) .p-anno{color:#6fe0b0}
html body .u2-note,html body #prezzi>.note,html body #prices>.note,html body #pricing>.note,html body #precios>.note{color:#b3c2d8}
html body .giorni.vicino{color:#ffb38a}
html body p.brand,html body .brand{color:#e8eef7}
html body main.wrap>h1:first-child{background:linear-gradient(92deg,#ffffff 0%,#bff3ff 45%,#8f7bff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
html body .band .card .card-head img[src$="logo.svg"]{mix-blend-mode:screen}
/* telefono: la barra delle guide andava a capo oltre il bordo di 5px (difetto preesistente) */
@media (max-width:480px){html body header.top .wrap{flex-wrap:wrap;row-gap:.4rem}html body header.top nav{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:flex-end;max-width:100%}html body .top .acc{white-space:nowrap}}
/* BARRA 3.0 (p15, 19/10/2026): barra in alto a capsula di vetro sospesa, come nel concept Design 3.0 */
html body .top{top:10px;margin:10px auto 0;width:calc(100% - 24px);max-width:1220px;border-radius:999px;
  background:rgba(16,24,44,.6);border:1px solid rgba(98,227,255,.2);
  -webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);
  box-shadow:0 10px 34px rgba(3,6,20,.45)}
html body .top .wrap{padding-top:.15rem;padding-bottom:.15rem}
html body .top .acc{border:1px solid rgba(98,227,255,.6)}
@media (max-width:860px){html body .top{border-radius:22px;width:calc(100% - 16px);top:8px;margin-top:8px}}
/* BARRA 3.0 v2 (p17, 19/10/2026): come il concept — marchio ORTHYNE con la Y ciano, pulsante account a capsula con bordo ciano */
html body .top .brand img[src$="logo30.svg"]{width:auto;height:22px;filter:none;mix-blend-mode:normal}
html body .top .acc{background:rgba(6,10,19,.35);border:1.5px solid #62e3ff;color:#62e3ff;box-shadow:0 0 14px rgba(98,227,255,.18)}
html body .top .acc *{color:#62e3ff}
html body .top .acc:hover,html body .top .acc:focus-visible{background:rgba(98,227,255,.12);box-shadow:0 0 22px rgba(98,227,255,.35)}
/* p18: numeri dei riquadri dell'account leggibili sul tema scuro (erano blu notte su fondo scuro) */
html body .kpi b{color:#62e3ff}
html body .kpi span{color:#b6c4d8}
/* p18: anteprima del profilo ORTHYNE Connect nella pagina account */
html body .cx-anteprima{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.2rem;margin:1.2rem 0;padding:1.2rem 1.3rem;border-radius:20px;
  background:radial-gradient(120% 140% at 90% 0%,#2a1f6e 0%,#111a40 50%,#070b16 100%);border:1px solid rgba(143,123,255,.35)}
html body .cx-anteprima[hidden]{display:none}
html body .cxa-av{flex:none;width:3.2rem;height:3.2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font:700 1.3rem/1 Poppins,system-ui,sans-serif;color:#fff;background:linear-gradient(135deg,#8f7bff,#ff9fd2)}
html body .cxa-txt{flex:1 1 220px;min-width:0}
html body .cxa-eti{margin:0 0 .15rem;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#ffd9a0}
html body .cxa-nome{margin:0;font:700 1.15rem/1.25 Poppins,system-ui,sans-serif;color:#fff;overflow-wrap:anywhere}
html body .cxa-bio{margin:.3rem 0 0;color:#c9d6ea;font-size:.92rem;line-height:1.5;overflow-wrap:anywhere}
html body .cxa-meta{margin:.45rem 0 0;display:flex;flex-wrap:wrap;gap:.4rem;font-size:.78rem}
html body .cxa-meta span{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:.15rem .6rem;color:#d4def0}
html body .cxa-meta .cxa-pub{border-color:rgba(63,182,139,.6);color:#9be8c8}
html body .cxa-az{display:flex;flex-wrap:wrap;gap:.5rem}
html body .cxa-az a{display:inline-block;text-decoration:none;border-radius:999px;padding:.6rem 1.1rem;font:600 .9rem/1 Poppins,system-ui,sans-serif}
html body .cxa-az a.cxa-apri{color:#160c2e;background:linear-gradient(92deg,#ffc86b,#ff9fd2 50%,#8f7bff)}
html body .cxa-az a.cxa-mod{color:#e8eef7;border:1px solid rgba(255,255,255,.3)}
html body .cxa-az a:focus-visible{outline:2px solid #ffc86b;outline-offset:3px}
/* p18: testi della parte "dentro l'account" e di Connect resi leggibili sul tema scuro (verificati con sessione simulata) */
html body .az-c{color:#e8eef7!important}
html body .az-c:not(.az-connect) span{background:rgba(98,227,255,.14);color:#bfe9ff}
html body .acc-dati summary{color:#e8eef7}
html body .link.danger,html body button.link.danger{color:#ff8a80}
html body main .cx-meta{color:#9fb0c8}
html body main .cx-rules{color:#b6c4d8}
/* p19: foto del profilo Connect anche nell'anteprima dell'account */
html body .cxa-av.has-foto{background-size:cover;background-position:center;background-repeat:no-repeat;color:transparent}
/* p21 (19/10/2026): elenchi a tendina leggibili sul tema scuro (le voci erano testo scuro su fondo scuro) */
html body select{color-scheme:dark}
html body select option,html body select optgroup,html body .band select option,html body main select option,html body .band .globo .g-s option{background-color:#0f1a33;color:#e8eef7}
html body select option:checked,html body .band select option:checked{background-color:#1f3a6b;color:#ffffff}
/* p22 (19/10/2026): almeno tre collegamenti utili in ogni area (fonti ufficiali e pagine ORTHYNE) */
html body .area-link{list-style:none;margin:.7rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}
html body .area-link li{margin:0}
html body .area-link a{display:inline-block;font-size:.8rem;line-height:1.2;text-decoration:none;color:#bfe9ff;border:1px solid rgba(98,227,255,.3);border-radius:999px;padding:.28rem .7rem;background:rgba(10,16,30,.5)}
html body .area-link a:hover,html body .area-link a:focus-visible{color:#fff;border-color:#62e3ff;background:rgba(98,227,255,.1)}

/* p25 (19/10/2026): sezione prezzi operativa: secondo collegamento per l'annuale e nota sull'email */
html body .piani.u2 .p-annuale{display:block;text-align:center;margin-top:.55rem;font-size:.9rem;font-weight:600;text-decoration:underline}
html body .u2-email{text-align:center;margin:.6rem auto 0;max-width:760px}

.u2-hero p{margin-left:auto;margin-right:auto}

/* p25b: testo scuro sui pulsanti a gradiente dei piani (contrasto AA) */
html body .piani.u2 .piano-free .p-cta,html body .piani.u2 .piano-top .p-cta{color:#06121f}
html body .piani.u2 .piano-free .p-cta:hover,html body .piani.u2 .piano-top .p-cta:hover{color:#06121f;filter:brightness(1.08)}

/* p30: aree di tocco >= 44px: selettore lingua, "oppure annuale", caselle di spunta */
html body .lwrap{min-height:44px;min-width:44px;box-sizing:border-box}
html body .piani.u2 .p-annuale{padding:.8rem 0;margin-top:0;min-height:44px;box-sizing:border-box}
html body .set label,html body label.ml-l{min-height:44px}
html body input[type=checkbox]{width:20px;height:20px;flex:none}
html body .top .brand{display:inline-flex;align-items:center;min-height:44px}
html body .top .acc{min-height:44px;box-sizing:border-box}
@media (max-width:820px){html body .top .acc{width:44px;height:44px;min-width:44px}}
html body .cc-i{min-height:44px;box-sizing:border-box}
/* p65: in home il Radar del tuo Paese è il pulsante principale, Connect resta accanto come secondario */
html body .h65-cta{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;justify-content:center}
html body .h65-cta a.cta.h65-sec{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.55);box-shadow:none}
html body .h65-cta a.cta.h65-sec:hover{background:rgba(255,255,255,.08);color:#fff}
html body .band.hero30 .h65-cta a.cta.h65-sec,html body .band.hero30 .h65-cta a.cta.h65-sec:hover,html body .band.hero30 .h65-cta a.cta.h65-sec:focus-visible{color:#fff;background:transparent;box-shadow:none}
html body .band.hero30 .h65-cta a.cta.h65-sec:hover,html body .band.hero30 .h65-cta a.cta.h65-sec:focus-visible{background:rgba(255,255,255,.08)}
/* p65: Mercati live in home e in ORTHYNE Connect (sezione Rete) */
html body .ml30 .ml30-sub{margin:-.9rem 0 1rem;color:#b6c4d8}
html body .cxt-ml{margin:.2rem 0 1rem;padding:.8rem;border-radius:16px;background:#0d1530;border:1px solid rgba(98,227,255,.25)}

/* P143: badge del piano sempre intero; si accorcia solo l'e-mail */
html body .acc-mail:has(> .acc-chip){display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .35rem;white-space:normal;overflow:visible}
html body .acc-mail #chie{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body .acc-chip{white-space:nowrap;margin-inline-end:0}
