/* ═══════════ SATSINDEX — REMAKE NEXT LEVEL — shared styles ═══════════ */

/* ───── TOKENS (un solo tema, due tavolozze) ───── */
:root{
  --orange:#E8931A;
  --orange-soft:rgba(232,147,26,.12);
  --orange-line:rgba(232,147,26,.28);
  --bg:#0D0D0F;
  --bg-raise:#2C2C2E;
  --bg-card:#1C1C1E;
  --ink:#F5F5F7;
  --ink-mid:#86868B;
  --ink-dim:#6E6E73;
  --line:#2A2A2D;
  --up:#30D158;
  --dn:#FF453A;
  --grid:rgba(255,255,255,.04);
  --chrome:#0a0a0a;--chrome-ink:#f0f0f0;--chrome-dim:#9a9a9a;
}
.day{
  --bg:#F1ECE3;
  --bg-raise:#EAE3D6;
  --bg-card:#FFFFFF;
  --ink:#171209;
  --ink-mid:#5C5345;
  --ink-dim:#8C8270;
  --line:#DCD3C2;
  --up:#168A4E;
  --dn:#C03A2B;
  --grid:rgba(232,147,26,.07);
  --orange-soft:rgba(232,147,26,.14);
  --chrome:#EAE3D6;--chrome-ink:#171209;--chrome-dim:#8C8270;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}
  html{scroll-behavior:auto;}
}
body{
  font-family:'Archivo',sans-serif;
  font-variation-settings:'wdth' 100;
  background:var(--bg);color:var(--ink);
  -webkit-font-smoothing:antialiased;
  transition:background .35s ease,color .35s ease;
  /* wrapper di pagina: riempie la finestra, il footer si aggancia al fondo */
  min-height:100vh;
  display:flex;flex-direction:column;
}
body::before{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,#000 30%,transparent 100%);
}
.mono{font-family:'IBM Plex Mono',monospace;}
a{color:inherit;}
button{font:inherit;}

/* ───── NAVBAR (condivisa, iniettata da app.js) ───── */
.nav{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;gap:6px;
  padding:14px clamp(16px,4vw,40px);
  background:color-mix(in srgb,var(--bg) 86%,transparent);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.brand{
  font-weight:800;font-variation-settings:'wdth' 120;
  font-size:17px;letter-spacing:.06em;margin-right:14px;flex-shrink:0;
  text-decoration:none;
  padding:6px 14px;border-radius:999px;border:1px solid transparent;
  transition:all .18s ease;
}
.brand:hover{border-color:var(--orange-line);background:var(--orange-soft);}
.brand em{color:var(--orange);font-style:normal;}
.brand small{font-weight:500;color:var(--ink-dim);font-size:11px;letter-spacing:.02em;}
.pills{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;}
.pills::-webkit-scrollbar{display:none;}
.npill{
  display:inline-block;padding:7px 14px;border-radius:999px;border:1px solid transparent;
  font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--ink-mid);
  background:transparent;cursor:pointer;white-space:nowrap;transition:all .18s ease;
  text-decoration:none;
}
.npill:hover{color:var(--ink);border-color:var(--orange-line);background:var(--orange-soft);}
.npill.active{background:var(--orange);color:#0B0907;border-color:var(--orange);}
.npill.pro{border-color:var(--orange-line);color:var(--orange);}
.npill.pro:hover{background:var(--orange-soft);}
.npill.pro.active{color:#0B0907;}
.npill:focus-visible,.icon-btn:focus-visible,.cta:focus-visible,.faq-ctrl:focus-visible,.tog-ctrl:focus-visible{outline:2px solid var(--orange);outline-offset:2px;}
.nav-right{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0;}
.icon-btn{
  width:32px;height:32px;border-radius:50%;border:1px solid var(--line);
  background:var(--bg-raise);display:flex;align-items:center;justify-content:center;
  cursor:pointer;font-size:14px;transition:border-color .18s;
}
.icon-btn:hover{border-color:var(--orange);}

/* ───── LIVE TICKER (condiviso, iniettato da app.js) ───── */
.tickerbar{
  position:relative;z-index:5;display:flex;align-items:stretch;
  border-bottom:1px solid var(--line);background:var(--chrome);overflow:hidden;
}
.live-badge{
  display:flex;align-items:center;gap:7px;flex-shrink:0;
  padding:7px 16px;border-right:1px solid var(--line);
  font-family:'IBM Plex Mono',monospace;font-size:10px;font-weight:600;
  letter-spacing:.25em;color:var(--orange);text-transform:uppercase;
  background:var(--bg);
}
.ldot{width:6px;height:6px;border-radius:50%;background:var(--orange);animation:pulse 1.6s infinite;}
@keyframes pulse{0%,100%{opacity:1;box-shadow:0 0 0 0 var(--orange-soft);}50%{opacity:.35;box-shadow:0 0 0 5px transparent;}}
.tickerview{overflow:hidden;flex:1;}
.tickertrack{display:inline-flex;width:max-content;animation:scroll 42s linear infinite;}
.tickerview:hover .tickertrack{animation-play-state:paused;}
@keyframes scroll{to{transform:translateX(-50%);}}
.ft-item{
  display:flex;align-items:baseline;gap:7px;padding:7px 18px;
  border-right:1px solid var(--line);font-family:'IBM Plex Mono',monospace;white-space:nowrap;
}
.ft-lbl{font-size:10px;letter-spacing:.08em;color:var(--chrome-dim);text-transform:uppercase;}
.ft-val{font-size:12.5px;font-weight:600;color:var(--chrome-ink);}
.ft-val em{color:var(--orange);font-style:normal;}
.ft-chg{font-size:10px;font-weight:600;color:var(--up);}
.ft-chg.dn{color:var(--dn);}
.ft-edu{font-size:8.5px;font-weight:600;color:var(--up);} /* suffisso educativo BTC ▲/▼, leggermente più piccolo della % */
.ft-edu.dn{color:var(--dn);}

/* ───── HERO (homepage) ───── */
.hero{
  position:relative;z-index:1;overflow:hidden;
  padding:12px clamp(16px,4vw,40px) clamp(32px,5vw,56px);
  width:100%;max-width:1240px;margin:0 auto;
}
.btc-mark{
  position:absolute;right:3%;top:50%;transform:translateY(-50%);
  font-size:clamp(380px,44vw,680px);font-weight:800;line-height:.8;
  color:transparent;-webkit-text-stroke:1.5px var(--orange-line);
  opacity:.5;pointer-events:none;user-select:none;
}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:48px;align-items:center;}
.kicker{
  display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;
  font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:600;
  letter-spacing:.35em;text-transform:uppercase;color:var(--orange);
}
.kicker::before{content:'';width:36px;height:1px;background:var(--orange);}
h1{
  font-weight:800;font-variation-settings:'wdth' 118;
  font-size:clamp(44px,6.3vw,88px);line-height:.92;letter-spacing:-.01em;
  text-transform:uppercase;margin-bottom:20px;
}
h1 em{color:var(--orange);font-style:normal;}
.tagline{font-size:clamp(15px,1.4vw,18px);font-weight:400;color:var(--ink-mid);line-height:1.7;max-width:520px;margin-bottom:26px;}
.ledger{
  border:1px solid var(--orange-line);border-radius:14px;background:var(--bg-card);
  padding:18px 22px;max-width:560px;position:relative;overflow:hidden;margin-bottom:24px;
  box-shadow:0 18px 50px -28px rgba(232,147,26,.35);
}
.ledger::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--orange);}
.ledger-row{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;}
.ledger-big{font-family:'IBM Plex Mono',monospace;font-size:clamp(20px,2.6vw,30px);font-weight:600;font-variant-numeric:tabular-nums;}
.ledger-big b{color:var(--orange);font-weight:600;}
.ledger-sub{margin-top:10px;font-size:13px;color:var(--ink-dim);font-style:italic;}
.cta{
  display:inline-flex;align-items:center;gap:10px;
  padding:14px 26px;border-radius:999px;border:1px solid var(--orange);
  background:var(--orange);color:#0B0907;font-weight:700;font-size:14px;letter-spacing:.03em;
  cursor:pointer;transition:transform .15s ease,box-shadow .2s ease;text-decoration:none;
}
.cta:hover{transform:translateY(-1px);box-shadow:0 10px 28px -10px var(--orange);}
.cta span{transition:transform .2s;}
.cta:hover span{transform:translateX(3px);}

/* emblem */
.emblem-wrap{position:relative;width:min(244px,100%);aspect-ratio:1;margin:0 auto;display:flex;align-items:center;justify-content:center;transform:translateX(-80px);}
.ring{position:absolute;border-radius:50%;}
.ring.r1{inset:0;border:1px dashed var(--ink-dim);animation:spin 32s linear infinite;opacity:.6;}
.ring.r2{inset:9%;border:1px solid var(--line);}
.ring.r3{inset:18%;border:1px dashed var(--orange-line);animation:spin 18s linear infinite reverse;}
@keyframes spin{to{transform:rotate(360deg);}}
.orbit{position:absolute;inset:0;animation:spin 12s linear infinite;}
.orbit i{position:absolute;top:-3px;left:50%;width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 12px var(--orange);}
.emblem-core{
  width:62%;aspect-ratio:1;border-radius:50%;
  background:var(--bg-raise);border:1.5px solid var(--orange-line);
  display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;
}
.emblem-title{font-weight:800;font-variation-settings:'wdth' 120;font-size:clamp(34px,4vw,46px);letter-spacing:.1em;color:var(--orange);line-height:1;}
.emblem-sub{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-dim);margin-top:8px;}

/* ───── SECTION GENERICS ───── */
.section{position:relative;z-index:1;width:100%;max-width:1240px;margin:0 auto;padding:0 clamp(16px,4vw,40px) clamp(56px,7vw,90px);}
.sec-header{display:flex;align-items:center;gap:16px;margin-bottom:34px;}
.sec-line{flex:1;height:1px;background:var(--line);}
.sec-txt{font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:600;letter-spacing:.35em;text-transform:uppercase;color:var(--ink-dim);white-space:nowrap;}

/* philosophy cards */
.phil-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.phil-card{
  position:relative;padding:26px 24px;border:1px solid var(--line);border-radius:14px;
  background:var(--bg-card);overflow:hidden;transition:transform .2s ease,border-color .2s ease;
}
.phil-card::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .3s;}
.phil-card:hover{transform:translateY(-3px);border-color:var(--orange-line);}
.phil-card:hover::after{transform:scaleX(1);}
.phil-num{font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:600;color:var(--orange);letter-spacing:.15em;margin-bottom:14px;}
.phil-t{font-weight:700;font-size:16px;letter-spacing:.01em;margin-bottom:9px;}
.phil-d{font-size:13.5px;color:var(--ink-mid);line-height:1.7;}
.phil-foot{
  margin-top:30px;display:flex;align-items:center;justify-content:center;gap:14px;
  font-size:13px;color:var(--ink-dim);text-align:center;flex-wrap:wrap;
}
.phil-foot::before,.phil-foot::after{content:'';flex:1;height:1px;background:var(--line);min-width:30px;}
.phil-foot a{color:var(--orange);text-decoration:none;font-weight:600;}
.phil-foot a:hover{text-decoration:underline;}

/* easter egg */
.easter-egg{text-align:center;padding:0 20px 56px;position:relative;z-index:1;}
.easter-egg a{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--ink-dim);cursor:pointer;text-decoration:none;letter-spacing:.05em;transition:color .2s;}
.easter-egg a:hover{color:var(--orange);}

/* placeholder pages */
.placeholder{
  position:relative;z-index:1;max-width:760px;margin:0 auto;text-align:center;
  padding:clamp(80px,14vw,160px) 24px;
}
.placeholder h1{font-size:clamp(40px,6vw,72px);margin-bottom:18px;}
.placeholder p{color:var(--ink-mid);font-size:16px;line-height:1.7;}

/* ───── FOOTER (condiviso, iniettato da app.js) ───── */
.footer{margin-top:auto;} /* standard viewport: ancora il footer al fondo (classe, non #footer: l'id viene rimosso da app.js all'iniezione) */
.footer{position:relative;z-index:1;border-top:1px solid var(--line);background:var(--chrome);}
.f-controls{
  max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;
  align-items:center;gap:14px;padding:8px clamp(16px,4vw,40px);
}
.moon-ctrl{display:flex;align-items:center;gap:10px;cursor:pointer;}
.moon-ico{font-size:22px;}
.moon-phase{font-size:13px;font-weight:600;}
.moon-sub{font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--ink-dim);}
.f-copy{text-align:center;font-size:12px;color:var(--ink-dim);line-height:1.45;}
.f-copy em{color:var(--orange);font-style:normal;font-weight:600;}
.f-right{display:flex;align-items:center;justify-content:flex-end;gap:16px;}
.faq-ctrl{
  height:32px;padding:0 18px;border-radius:999px;border:1px solid var(--orange-line);
  background:var(--orange-soft);color:var(--orange);
  font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:600;letter-spacing:.15em;
  cursor:pointer;transition:all .18s;
}
.faq-ctrl:hover{background:var(--orange);color:#0B0907;}
.tog-ctrl{display:flex;align-items:center;gap:7px;cursor:pointer;border:none;background:none;color:inherit;}
.tog{width:38px;height:20px;border-radius:999px;background:var(--line);border:1px solid var(--ink-dim);position:relative;transition:background .2s;}
.tog-k{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--orange);transition:left .2s;}
.day .tog-k{left:20px;}
.tog-icon{font-size:14px;}

/* toast */
.toast{
  position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(20px);
  background:var(--bg-card);border:1px solid var(--orange-line);color:var(--ink);
  font-size:13px;padding:12px 20px;border-radius:10px;opacity:0;pointer-events:none;
  transition:opacity .25s,transform .25s;z-index:99;box-shadow:0 14px 40px -14px rgba(0,0,0,.6);
}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0);}

/* ───── RESPONSIVE ───── */
@media(max-width:880px){
  .hero-grid{grid-template-columns:1fr;gap:40px;}
  .emblem-wrap{width:min(220px,70%);transform:none;}
  .phil-grid{grid-template-columns:repeat(2,1fr);}
  .btc-mark{opacity:.25;}
}
@media(max-width:580px){
  .phil-grid{grid-template-columns:1fr;}
  .f-controls{grid-template-columns:1fr;justify-items:center;gap:16px;text-align:center;}
  .f-right{justify-content:center;}
  .brand small{display:none;}
}

/* ───── MODAL SYSTEM (pannelli) ───── */
.modal-ov{
  position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;
  padding:clamp(12px,3vw,32px);background:rgba(0,0,0,.55);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  opacity:0;transition:opacity .25s ease;
}
.modal-ov.show{opacity:1;}
.modal-card{
  position:relative;background:var(--bg);border:1px solid var(--orange-line);border-radius:18px;
  width:100%;max-width:880px;max-height:88vh;overflow-y:auto;
  padding:clamp(22px,4vw,40px);box-shadow:0 30px 90px -30px rgba(0,0,0,.8);
  transform:translateY(14px);transition:transform .25s ease;
  scrollbar-width:none;-ms-overflow-style:none;
}
.modal-card::-webkit-scrollbar{width:0;height:0;background:transparent;}
.modal-card::-webkit-scrollbar-track{background:transparent;}
.modal-card::-webkit-scrollbar-thumb{background:transparent;}
.modal-ov.show .modal-card{transform:translateY(0);}
.modal-x{
  position:sticky;top:0;float:right;margin:-6px -6px 0 12px;
  width:34px;height:34px;border-radius:50%;border:1px solid var(--line);
  background:var(--bg-raise);color:var(--ink);font-size:15px;cursor:pointer;z-index:2;
  transition:border-color .18s,color .18s;
}
.modal-x:hover{border-color:var(--orange);color:var(--orange);}

/* ───── PANEL SHARED ───── */
.p-title{font-weight:800;font-variation-settings:'wdth' 118;font-size:clamp(28px,4vw,44px);line-height:1.02;letter-spacing:0;margin-bottom:8px;text-transform:none;}
.p-title em{color:var(--orange);font-style:normal;}
.p-strap{font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:600;color:var(--orange);letter-spacing:.06em;margin-bottom:10px;}
.p-sub{font-size:13.5px;color:var(--ink-mid);line-height:1.7;max-width:680px;margin-bottom:6px;}
.p-sub strong{color:var(--ink);}
.p-note{font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--ink-dim);letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px;}
.p-secT{font-weight:700;font-size:17px;margin:26px 0 14px;}
.p-secT em{color:var(--orange);font-style:normal;}
.p-box{background:var(--bg-card);border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:18px;font-size:12.5px;color:var(--ink-mid);line-height:1.7;}
.p-box strong{color:var(--ink);}
.p-verdict{background:var(--bg-card);border:1px solid var(--orange-line);border-radius:14px;padding:22px;margin-top:24px;}
.p-verdict-t{font-weight:800;font-size:15px;color:var(--orange);letter-spacing:.04em;margin-bottom:10px;text-transform:uppercase;}
.p-verdict-x{font-size:13px;color:var(--ink-mid);line-height:1.85;}
.p-verdict-x strong{color:var(--ink);}
.p-verdict-x em{color:var(--orange);font-style:normal;}
.p-disc{margin-top:16px;font-size:10.5px;color:var(--ink-dim);text-align:center;line-height:1.6;}

/* tabelle */
.ntable{width:100%;border-collapse:collapse;}
.ntable th{font-family:'IBM Plex Mono',monospace;font-size:9.5px;color:var(--ink-dim);letter-spacing:.14em;text-transform:uppercase;padding:9px 12px;text-align:left;border-bottom:1px solid var(--line);}
.ntable td{padding:11px 12px;border-bottom:1px solid var(--line);font-size:12.5px;color:var(--ink-mid);}
.ntable tr:last-child td{border-bottom:none;}
.ntable tr:hover td{background:var(--bg-card);}
.ntable .num{font-family:'IBM Plex Mono',monospace;font-weight:600;color:var(--ink);}
.ntable .num.hi{color:var(--orange);}
.ntable .num.up{color:var(--up);}

/* toggle periodo */
.ptoggle{display:flex;gap:8px;margin:18px 0 22px;}
.ptbtn{padding:8px 18px;border-radius:999px;border:1px solid var(--line);font-size:11.5px;font-weight:600;color:var(--ink-dim);cursor:pointer;background:transparent;transition:all .18s;}
.ptbtn:hover{border-color:var(--orange-line);color:var(--ink);}
.ptbtn.active{background:var(--orange);border-color:var(--orange);color:#0B0907;}

/* barre asset (CAGR) */
.aRow{display:flex;align-items:center;gap:12px;margin-bottom:10px;}
.aLbl{display:flex;align-items:center;gap:8px;width:170px;flex-shrink:0;font-size:12.5px;font-weight:600;}
.aBarBg{flex:1;height:34px;background:var(--bg-card);border:1px solid var(--line);border-radius:8px;overflow:hidden;}
.aBar{height:100%;border-radius:7px;display:flex;align-items:center;padding-left:12px;transition:width .8s cubic-bezier(.4,0,.2,1);min-width:2%;}
.aBar.btc{background:linear-gradient(90deg,var(--orange),#f0a830);}
.aBar.oth{background:color-mix(in srgb,var(--ink-dim) 28%,transparent);}
.aBarTxt{font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:600;color:#0B0907;white-space:nowrap;}
.aBar.oth .aBarTxt{color:var(--ink);}
.aPct{width:78px;flex-shrink:0;text-align:right;font-family:'IBM Plex Mono',monospace;font-size:15px;font-weight:600;}
.aPct.hi{color:var(--orange);}.aPct.up{color:var(--up);}.aPct.lo{color:var(--ink-dim);}

/* summary cards */
.pcards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0;}
.pcard{background:var(--bg-card);border:1px solid var(--line);border-radius:12px;padding:16px;}
.pcard-l{font-family:'IBM Plex Mono',monospace;font-size:9.5px;color:var(--ink-dim);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;}
.pcard-v{font-family:'IBM Plex Mono',monospace;font-size:27px;font-weight:600;color:var(--orange);line-height:1;margin-bottom:6px;}
.pcard-v.dn{color:var(--dn);}
.pcard-s{font-size:11px;color:var(--ink-mid);line-height:1.55;}
.pcard-s strong{color:var(--ink);}

/* moon table */
.mGrid{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:6px;}
.mRow{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.6fr;border-bottom:1px solid var(--line);}
.mRow:last-child{border-bottom:none;}
.mRow.hdr div{font-family:'IBM Plex Mono',monospace;font-size:9.5px;color:var(--ink-dim);letter-spacing:.12em;text-transform:uppercase;background:var(--bg-raise);}
.mRow>div{padding:11px 12px;display:flex;align-items:center;background:var(--bg);}
.mRow:not(.hdr):hover>div{background:var(--bg-card);}
.mPhase{display:flex;align-items:center;gap:10px;}
.mIco{font-size:21px;line-height:1;}
.mNm{display:flex;flex-direction:column;gap:2px;}
.mEn{font-size:12.5px;font-weight:600;color:var(--ink);}
.mIt{font-size:10px;color:var(--ink-dim);}
.mPct{font-family:'IBM Plex Mono',monospace;font-size:14px;font-weight:600;}
.mPct.up{color:var(--up);}.mPct.dn{color:var(--dn);}
.mBars{display:flex;flex-direction:column;gap:4px;width:100%;}
.mBarR{display:flex;align-items:center;gap:6px;}
.mBarBg{flex:1;height:6px;background:var(--line);border-radius:3px;overflow:hidden;}
.mBarF{height:100%;border-radius:3px;}
.mBarF.up{background:var(--up);}.mBarF.dn{background:var(--dn);}
.mArr{font-size:9px;width:12px;flex-shrink:0;}
.mArr.up{color:var(--up);}.mArr.dn{color:var(--dn);}

/* born manifesto */
.born{text-align:left;}
.born-date{font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--ink-dim);letter-spacing:.25em;text-transform:uppercase;display:flex;align-items:center;gap:10px;margin-bottom:18px;}
.born-date::before,.born-date::after{content:'';flex:1;height:1px;background:var(--line);}
.born-tag{font-size:13px;color:var(--ink-dim);font-style:italic;margin-bottom:24px;}
.energy{padding-left:16px;border-left:2px solid var(--orange-line);margin-bottom:18px;}
.energy-l{font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:600;letter-spacing:.22em;color:var(--orange);margin-bottom:6px;}
.energy-b{font-size:13px;color:var(--ink-mid);line-height:1.65;}
.energy-b strong{color:var(--ink);}
.born-close{text-align:center;margin-top:26px;padding-top:20px;border-top:1px solid var(--line);}
.born-c1{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--ink-dim);letter-spacing:.18em;text-transform:uppercase;margin-bottom:6px;}
.born-c2{font-weight:800;font-variation-settings:'wdth' 118;font-size:24px;color:var(--orange);letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px;}
.born-sig{font-family:'IBM Plex Mono',monospace;font-size:9.5px;color:var(--ink-dim);letter-spacing:.08em;}

/* FAQ accordion */
.faq-head{margin-bottom:20px;}
.faq-item{border:1px solid var(--line);border-radius:12px;margin-bottom:10px;overflow:hidden;background:var(--bg-card);}
.faq-q{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:15px 18px;background:none;border:none;color:var(--ink);
  font-size:14.5px;font-weight:700;text-align:left;cursor:pointer;
}
.faq-q .chev{font-family:'IBM Plex Mono',monospace;color:var(--orange);transition:transform .25s;flex-shrink:0;}
.faq-item.open .faq-q .chev{transform:rotate(90deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.faq-item.open .faq-a{max-height:900px;}
.faq-a-in{padding:0 18px 16px;font-size:13px;color:var(--ink-mid);line-height:1.75;}
.faq-a-in p{margin-bottom:10px;}
.faq-a-in ul{margin:0 0 10px 18px;}
.faq-a-in li{margin-bottom:6px;}
.faq-a-in strong{color:var(--ink);}
.faq-inline-cta{
  margin-top:6px;padding:9px 16px;border-radius:999px;border:1px solid var(--orange-line);
  background:var(--orange-soft);color:var(--orange);font-size:12px;font-weight:600;cursor:pointer;
}
.faq-inline-cta:hover{background:var(--orange);color:#0B0907;}
.faq-cta-note{display:block;margin-top:6px;font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--ink-dim);}

@media(max-width:680px){
  .pcards{grid-template-columns:1fr;}
  .aLbl{width:120px;}
  .mRow{grid-template-columns:1.6fr 1fr 1fr;}
  .mRow>div:nth-child(4),.mRow>div:nth-child(5){display:none;}
}

/* ───── ampersand leggibile nei titoli ───── */
.amp{font-family:'IBM Plex Mono',monospace;font-weight:600;}

/* ───── dropdown lingue ───── */
.nav-right{position:relative;}
.lang-dd{
  position:absolute;top:calc(100% + 10px);right:0;z-index:60;
  background:var(--bg-card);border:1px solid var(--orange-line);border-radius:12px;
  padding:6px;min-width:160px;display:flex;flex-direction:column;gap:2px;
  box-shadow:0 16px 44px -16px rgba(0,0,0,.6);
}
.lang-it{
  display:block;width:100%;text-align:left;padding:9px 12px;border:none;border-radius:8px;
  background:none;color:var(--ink-mid);font-size:13px;font-weight:600;cursor:pointer;
  transition:background .15s,color .15s;
}
.lang-it:hover{background:var(--orange-soft);color:var(--ink);}
.lang-it.on{color:var(--orange);}

/* ───── titoli pannelli: variante morbida e variante una riga ───── */
.p-title.soft{font-variation-settings:'wdth' 100;font-weight:650;letter-spacing:.01em;}
.p-title.soft .amp{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;font-size:.92em;}
.p-title.oneline{font-size:clamp(20px,4.2vw,34px);white-space:nowrap;}

/* ───── secondo satellite controrotante (anello interno) ───── */
.orbit2{inset:9%;animation:spin 9s linear infinite reverse;}
.orbit2 i{width:5px;height:5px;top:-2.5px;box-shadow:0 0 8px var(--orange);opacity:.85;}

/* ───── dropdown lingue: layout codice·nome·codice ───── */
.lang-it{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;}
.lang-it b{font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:600;color:var(--ink);}
.lang-it i{font-family:'IBM Plex Mono',monospace;font-size:10px;font-style:normal;color:var(--ink-dim);}
.lang-it.on b,.lang-it.on span{color:var(--orange);}
.lang-dd{min-width:200px;max-height:70vh;overflow-y:auto;}

/* ───── modale iframe + larga ───── */
.modal-frame{display:block;width:100%;height:72vh;border:none;border-radius:12px;background:transparent;}
.modal-frame.tall{height:74vh;margin-top:6px;}
.dev-badge{display:inline-block;margin:4px 0 10px;padding:4px 12px;border-radius:999px;border:1px solid var(--orange-line);background:var(--orange-soft);color:var(--orange);font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;}
.faq-inline-cta-wrap{margin-top:8px;}
.faq-inline-cta-note{display:block;margin-top:6px;font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--ink-dim);}

/* ───── navbar: WALLET / ASSETS ───── */
.wal-btn{
  padding:8px 18px;border-radius:999px;border:1px solid var(--orange);
  background:var(--orange);color:#0B0907;font-size:11.5px;font-weight:800;letter-spacing:.08em;
  cursor:pointer;transition:transform .15s,box-shadow .2s;
}
.wal-btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px -10px var(--orange);}
.ast-btn{
  padding:8px 16px;border-radius:999px;border:1px solid var(--orange-line);
  background:transparent;color:var(--orange);font-size:11.5px;font-weight:700;letter-spacing:.08em;
  cursor:pointer;transition:all .18s;
}
.ast-btn:hover{background:var(--orange-soft);}

/* ───── ASSETS dropdown + vista espansa ───── */
.ast-dd{
  position:absolute;top:calc(100% + 10px);right:0;z-index:60;width:320px;
  background:var(--bg-card);border:1px solid var(--orange-line);border-radius:14px;
  padding:18px;box-shadow:0 18px 50px -18px rgba(0,0,0,.65);
}
.ast,.ast-x{display:flex;flex-direction:column;gap:7px;}
.ast-x{margin-top:14px;gap:9px;}
.ast-row{display:flex;justify-content:space-between;align-items:center;}
.ast-lbl{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--up);}
.ast-addr{font-size:11.5px;color:var(--ink);background:var(--bg-raise);border:1px solid var(--line);border-radius:999px;padding:4px 12px;}
.ast-total-lbl{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);margin-top:4px;}
.ast-hero{font-size:26px;font-weight:600;color:var(--orange);}
.ast-x .ast-hero{font-size:34px;}
.ast-dec{font-size:.72em;opacity:.85;}
.ast-unit{font-size:.55em;color:var(--orange);letter-spacing:.08em;}
.ast-usd{font-size:12px;color:var(--ink-mid);}
.ast-btc{font-size:11px;color:var(--ink-dim);}
.ast-pnl{font-size:11px;color:var(--dn);}
.ast-fee{font-size:10px;color:var(--ink-dim);border:1px solid var(--line);border-radius:999px;padding:6px 12px;text-align:center;background:var(--bg-raise);}
.ast-fee b{color:var(--orange);}
.ast-ctas{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px;}
.ast-o{padding:9px;border-radius:999px;border:1px solid var(--orange);background:var(--orange);color:#0B0907;font-weight:700;font-size:12px;cursor:pointer;}
.ast-l{padding:9px;border-radius:999px;border:1px solid var(--orange-line);background:transparent;color:var(--orange);font-weight:700;font-size:12px;cursor:pointer;}
.ast-t{padding:8px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink-mid);font-size:11.5px;cursor:pointer;}
.ast-t:hover,.ast-l:hover{background:var(--orange-soft);}
.ast-div{border:none;border-top:1px solid var(--line);margin:6px 0;}
.ast-acc{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;font-weight:600;}
.ast-r{display:flex;flex-direction:column;align-items:flex-end;}
.ast-r b{font-size:12px;font-weight:600;color:var(--ink);}
.ast-r b.dim{color:var(--ink-dim);}
.ast-r i{font-style:normal;font-size:10px;color:var(--ink-dim);}
.ast-viewall{margin-top:8px;text-align:center;color:var(--orange);font-size:12px;font-weight:700;cursor:pointer;text-decoration:none;}
.ast-viewall:hover{text-decoration:underline;}

/* modali iframe: cornice stretta, niente spazio morto */
.modal-card.frame{padding:12px;}
.modal-card.frame .modal-x{margin:2px 2px 0 10px;}

/* modale "bare": il documento ospitato È la card (niente doppia finestra) */
.modal-card.bare{background:transparent;border:none;box-shadow:none;padding:0;overflow:visible;}
.modal-card.bare .modal-frame{height:86vh;}

/* ───── scrollbar di pagina: invisibile ovunque (dark e day) ───── */
html{scrollbar-width:none;-ms-overflow-style:none;}
body::-webkit-scrollbar,html::-webkit-scrollbar{width:0;height:0;background:transparent;}

/* ── user dropdown (omino) — Giro 1 ── */
#userBtn{position:relative;}
.udot{width:7px;height:7px;border-radius:50%;background:#fff;border:1.5px solid #0a0a0a;position:absolute;bottom:-1px;right:-1px;}
.udot.logged{background:#00d964;}
.user-dd{display:none;position:absolute;top:38px;right:0;width:190px;background:#111;border:1px solid #2a2a2a;border-radius:10px;padding:6px;z-index:200;box-shadow:0 10px 32px rgba(0,0,0,.7);}
.user-dd.on{display:block;}
.udd-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:7px;font-size:12px;color:#ccc;cursor:pointer;transition:background .1s;}
.udd-item:hover{background:#1a1a1a;color:#f0f0f0;}
.udd-sep{height:1px;margin:4px 8px;background:rgba(255,255,255,.08);}
body.day .user-dd{background:#fff;border-color:#ddd;box-shadow:0 8px 28px rgba(0,0,0,.14);}
body.day .udd-item{color:#555;}
body.day .udd-item:hover{background:#f5f5f5;color:#1a1a1a;}
body.day .udd-sep{background:rgba(0,0,0,.08);}
body.day .udot{border-color:#fff;}

/* ── popup alti (Settings/VIP): cornice identica al sito originale ── */
.modal-ov:has(.modal-card.tall){padding:18px 0;}
.modal-card.bare.tall{border:1px solid rgba(232,147,26,.52);border-radius:20px;overflow:hidden;height:calc(100vh - 36px);max-height:none;}
.modal-card.bare.tall .modal-frame{height:100%;border-radius:0;}

/* === GUSCIO POPUP v100 === */
/* FASE A · STEP 2 — aggiungere in coda ad assets/style.css */
/* (guscio popup .ind-/.im- + elementi dark+day + emblem + faq + & Poppins) */

.ind-ov{position:fixed;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(5px);
  display:none;align-items:center;justify-content:center;padding:8px;z-index:200}
.ind-ov.open{display:flex}
.ind-card{width:100%;max-width:540px;max-height:96vh;display:flex;flex-direction:column;background:#1C1C1E;
  border:1px solid var(--orange);border-radius:16px;overflow:hidden;
  box-shadow:0 24px 80px rgba(0,0,0,.7),0 0 0 1px rgba(232,147,26,.08);
  transform:translateY(8px) scale(.985);opacity:0;transition:transform .2s,opacity .2s;
  font-family:'Archivo',system-ui,sans-serif}
.ind-ov.open .ind-card{transform:none;opacity:1}
.im-head{padding:17px 22px 13px;border-bottom:1px solid var(--orange-line);position:relative;flex:0 0 auto}
.im-eye{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.2em;color:var(--orange);text-transform:uppercase}
.im-title{font-size:20px;font-weight:700;margin:4px 0 0;color:var(--ink);display:inline-block;vertical-align:baseline}
.im-tag{color:var(--ink-dim);font-size:13px;font-style:italic;display:inline;margin-left:9px}
.im-x{position:absolute;top:16px;right:16px;width:30px;height:30px;border:1px solid var(--orange-line);border-radius:8px;
  background:transparent;color:var(--ink-dim);font-size:16px;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center}
.im-x:hover{border-color:var(--orange);color:var(--orange)}
.im-body{padding:16px 22px 16px;font-size:13.5px;line-height:1.48;overflow:visible;flex:0 1 auto}
.im-body p{margin:0 0 8px;color:#d8d1c5}
.im-body b{color:var(--ink)}
.im-sect{font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.14em;color:var(--orange);text-transform:uppercase;font-weight:700;
  margin:12px 0 5px;display:flex;align-items:center;gap:8px}
body.day .im-sect{color:#A8600C;}
.im-sect::after{content:"";flex:1;height:1px;background:var(--orange-line)}
.im-scale{margin:6px 0}
.im-bar{height:9px;border-radius:6px;background:linear-gradient(90deg,#1E88E5 0%,#26A69A 22%,#7CB342 42%,#F9A825 62%,#F57C00 80%,#E53935 100%)}
.im-ticks{display:flex;justify-content:space-between;font-family:'IBM Plex Mono',monospace;font-size:9px;color:var(--ink-dim);margin-top:6px;letter-spacing:.06em}
.im-mark{position:relative;height:0}
.im-mark i{position:absolute;top:-15px;width:2px;height:13px;background:#fff;box-shadow:0 0 6px rgba(255,255,255,.6)}
.im-mark span{position:absolute;top:-34px;transform:translateX(-50%);font-family:'IBM Plex Mono',monospace;font-size:10px;color:#fff;
  background:#1A1A1C;border:1px solid var(--orange-line);padding:1px 6px;border-radius:5px;white-space:nowrap}
.im-foot{padding:10px 22px;border-top:1px solid var(--orange-line);display:flex;justify-content:space-between;align-items:center;gap:10px;flex:0 0 auto}
.im-disc{font-size:11px;color:var(--ink-dim);line-height:1.4}
.im-src{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.1em;color:var(--orange-dim,#8a6a2e);text-transform:uppercase;white-space:nowrap}
.im-src a{color:var(--orange);text-decoration:none}
.im-src a:hover{text-decoration:underline}
body.day .ind-card{background:linear-gradient(180deg,#ffffff,#f4efe6);}
body.day .im-body p{color:#3a342a;}
body.day .im-mark i{background:#1A1A1C;box-shadow:0 0 5px rgba(0,0,0,.35);}
body.day .im-mark span{background:#f0e9dc;color:#1A1A1C;}
.ind-card{max-width:900px;}
.im-body{padding:18px 22px 18px;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
.im-body::-webkit-scrollbar{display:none;width:0;height:0;}
/* struttura tema-neutra */
.im-body .p-sub{font-size:13px;font-style:italic;margin-bottom:12px;}
.im-body .p-note{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;}
.im-body .p-box{font-size:13.5px;line-height:1.48;border-radius:12px;padding:14px 16px;margin:6px 0 16px;}
.im-body .p-verdict{border-radius:12px;padding:14px 16px;margin-top:16px;}
.im-body .p-verdict-x{font-size:13.5px;line-height:1.48;}
.im-body em{font-style:normal;}
.im-body .pcards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0;}
.im-body .pcard{border-radius:12px;padding:14px;}
.im-body .pcard-l{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;}
.im-body .pcard-v{font-family:'IBM Plex Mono',monospace;font-size:26px;font-weight:600;line-height:1;margin-bottom:6px;}
.im-body .pcard-s{font-size:12.5px;line-height:1.4;}
.im-body .ptoggle{display:flex;gap:8px;margin:4px 0 16px;}
.im-body .ptbtn{font-family:'Archivo',sans-serif;font-size:11.5px;font-weight:600;border-radius:999px;padding:8px 16px;cursor:pointer;}
.im-body .ntable{width:100%;border-collapse:collapse;margin:6px 0 8px;font-size:12.5px;}
.im-body .ntable th{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;text-align:left;padding:8px 10px;border-bottom:1px solid var(--orange-line);}
.im-body .ntable td{padding:9px 10px;border-bottom:1px solid rgba(128,128,128,.15);}
.im-body .num{font-family:'IBM Plex Mono',monospace;}
.im-body .ptbtn.active{background:var(--orange);border-color:var(--orange);color:#111;}
.im-body .pcard-v.dn{color:var(--dn);}
.im-body .num.hi{color:var(--orange);}
.im-body .num.up{color:var(--up);}
/* === DARK === */
body:not(.day) .im-body .p-box,body:not(.day) .im-body .p-verdict-x,body:not(.day) .im-body .pcard-s,body:not(.day) .im-body .ntable td{color:#d8d1c5;}
body:not(.day) .im-body .p-sub,body:not(.day) .im-body .p-note,body:not(.day) .im-body .ntable th{color:var(--ink-dim);}
body:not(.day) .im-body b,body:not(.day) .im-body strong{color:var(--ink);}
body:not(.day) .im-body em,body:not(.day) .im-body .pcard-l,body:not(.day) .im-body .pcard-v{color:var(--orange);}
body:not(.day) .im-body .pcard,body:not(.day) .im-body .p-box,body:not(.day) .im-body .p-verdict{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.02);}
body:not(.day) .im-body .ptbtn{border:1px solid rgba(255,255,255,.14);color:var(--ink-mid);background:transparent;}
body:not(.day) .im-body .num{color:var(--ink);}
/* === DAY (copiato da v100: testo #3a342a, sezioni #A8600C) === */
body.day .im-body .p-box,body.day .im-body .p-verdict-x,body.day .im-body .pcard-s,body.day .im-body .ntable td{color:#3a342a;}
body.day .im-body .p-sub,body.day .im-body .p-note,body.day .im-body .ntable th{color:#6b5d48;}
body.day .im-body b,body.day .im-body strong{color:#1A1A1C;}
body.day .im-body em,body.day .im-body .pcard-l,body.day .im-body .pcard-v{color:#A8600C;}
body.day .im-body .pcard,body.day .im-body .p-box,body.day .im-body .p-verdict{border:1px solid rgba(0,0,0,.12);background:rgba(0,0,0,.02);}
body.day .im-body .ptbtn{border:1px solid rgba(0,0,0,.18);color:#6b5d48;background:transparent;}
body.day .im-body .num{color:#1A1A1C;}
.im-title .amp-round{font-family:'Poppins',sans-serif;font-weight:600;font-style:normal;}

/* emblem + faq antracite */
body:not(.day) .emblem-core{background:#1C1C1E;}
body:not(.day) .faq-ctrl{border-color:rgba(255,255,255,.20);background:rgba(255,255,255,.04);color:var(--ink-mid);box-shadow:none;}

/* ───── NAVBAR su telefoni stretti (aggiunto 09/10/2026) ─────
   1) la fila di pillole può restringersi e scorrere di lato (prima allargava la pagina oltre lo schermo);
   2) sotto i 400px logo, pillole e pulsanti a destra diventano un po' più compatti, così tutto sta nello schermo.
   Sopra i 400px non cambia nulla. */
.pills{min-width:0;}
@media(max-width:400px){
  .nav{gap:4px;padding-left:10px;padding-right:10px;}
  .brand{padding:6px 6px;margin-right:4px;font-size:15px;}
  .nav-right{gap:6px;}
  .wal-btn{padding:7px 12px;font-size:10.5px;letter-spacing:.06em;}
  .nav-right .icon-btn{width:30px;height:30px;}
}

/* ═══════════════════════════════════════════════════════════════════════════
   TELEFONI (aggiunto 10/10/2026) — vale solo per i telefoni, in verticale e in orizzontale:
   larghezza fino a 600 px, oppure schermo touch alto al massimo 500 px (telefono girato).
   Portatili, iPad e tablet: nessun cambiamento.
   ═══════════════════════════════════════════════════════════════════════════ */
.wal-btn .wal-i{display:none;}
.udd-lang,.modal-x-ph{display:none;}
@media (max-width:600px), (max-height:500px) and (pointer:coarse){
  /* ── barra: logo più compatto, più spazio alle pillole delle sezioni, WALLET a icona, lingua nel menu dell'omino ── */
  .nav{gap:6px;padding:9px 10px;}
  .brand{font-size:12px;font-variation-settings:'wdth' 100;letter-spacing:.02em;padding:4px 2px;margin-right:2px;}
  .brand small{display:none;}
  .pills{flex:1 1 auto;}
  .pills.more{-webkit-mask-image:linear-gradient(90deg,#000 78%,transparent);mask-image:linear-gradient(90deg,#000 78%,transparent);}
  .npill{padding:6px 10px;font-size:11.5px;letter-spacing:.02em;}
  .nav-right{gap:6px;}
  .wal-btn{padding:5px 11px;display:flex;align-items:center;justify-content:center;}
  .wal-btn .wal-t{display:none;}
  .wal-btn .wal-i{display:block;width:20px;height:20px;}
  .nav-right .icon-btn{width:30px;height:30px;}
  #langBtn{display:none;}
  .udd-lang{display:flex;}

  /* ── popup: misurati sull'altezza VISIBILE dello schermo (dvh), così le barre di Safari e Chrome
        non tagliano più il bordo alto e basso e la X resta sempre raggiungibile ── */
  .ind-ov{padding:8px!important;}
  .ind-card{max-height:calc(100vh - 16px)!important;max-height:calc(100dvh - 16px)!important;}
  body .ind-ov.jf-ov.open{padding:8px!important;align-items:center!important;}
  body .ind-ov.jf-ov .ind-card{border-radius:16px!important;max-height:calc(100vh - 16px)!important;max-height:calc(100dvh - 16px)!important;}
  .faq-ov{padding:8px!important;}
  .faq-shell,.faq-box{width:100%!important;height:auto!important;max-height:calc(100vh - 16px)!important;max-height:calc(100dvh - 16px)!important;}
  .faq-shell{height:calc(100vh - 16px)!important;height:calc(100dvh - 16px)!important;}
  .pnlcal-ov{padding:8px!important;}
  .pnlcal-shell{width:100%!important;height:calc(100vh - 16px)!important;height:calc(100dvh - 16px)!important;}
  .modal-ov{padding:8px!important;}
  .modal-card{max-height:calc(100vh - 16px)!important;max-height:calc(100dvh - 16px)!important;}
  .modal-card.frame:not(.bare) .modal-frame{max-height:calc(100vh - 96px)!important;max-height:calc(100dvh - 96px)!important;}
  .modal-card.bare .modal-frame{height:calc(100vh - 80px)!important;height:calc(100dvh - 80px)!important;}
  /* Settings e VIP: riquadro sotto una fascia con la X di chiusura */
  .modal-ov:has(.modal-card.bare){padding:52px 8px 8px!important;}
  .modal-card.bare{transform:none!important;}
  .modal-card.bare.tall{height:calc(100vh - 60px)!important;height:calc(100dvh - 60px)!important;}
  .modal-x-ph{display:flex;align-items:center;justify-content:center;position:fixed;top:10px;right:10px;z-index:96;
    width:34px;height:34px;border-radius:10px;border:1px solid var(--orange-line);background:var(--bg-raise);color:var(--ink);font-size:15px;cursor:pointer;}
  /* My Assets ("View full assets"): largo quanto lo schermo, niente scorrimento di lato */
  .ma-ov{padding:8px!important;}
  .ma-ov{align-items:center!important;}
  .ma-modal{width:100%!important;max-width:100%;max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);overflow-y:auto!important;}
  .ma-hdr{position:sticky;top:0;z-index:3;background:inherit;}
  /* sfondo dietro i popup più chiaro in modalità giorno */
  body.day .ind-ov{background:rgba(40,32,20,.42)!important;}

  /* ── footer compatto: sopra © SATSINDEX con lo slogan, sotto su una riga Moon Phase · FAQ · giorno/notte ── */
  .f-controls{grid-template-columns:1fr auto 1fr!important;grid-template-areas:"copy copy copy" "moon faq tog";justify-items:stretch!important;gap:8px 10px!important;padding:10px 12px!important;text-align:left!important;}
  .f-copy{grid-area:copy;font-size:11px;}
  .moon-ctrl{grid-area:moon;gap:6px;justify-self:start;}
  .moon-ico{font-size:18px;}
  .moon-phase{font-size:11.5px;}
  .moon-sub{font-size:9px;}
  .f-right{display:contents!important;}
  .faq-ctrl{grid-area:faq;height:28px;padding:0 14px;justify-self:center;}
  .tog-ctrl{grid-area:tog;justify-self:end;gap:5px;}
}
/* 1-1-I (bis) — FAQ, telefono in verticale (10/10/2026): via la scritta gialla "FAQ ·" e barra di ricerca più corta
   (si allunga quando ci scrivi), così si vedono le sezioni; sfumatura a destra = si scorre di lato. Orizzontale invariato. */
@media (max-width:600px) and (orientation:portrait){
  body .faq-ov .topbar{gap:6px;padding:0 8px;}
  body .faq-ov .faq-label{display:none;}
  body .faq-ov .nav-left{flex:1 1 auto;}
  body .faq-ov .sections-strip{-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent);padding-right:14px;}
  body .faq-ov .nav-right{gap:6px;}
  body .faq-ov .search-wrap{padding:0 8px;gap:5px;}
  body .faq-ov .search-input{width:64px;transition:width .2s;}
  body .faq-ov .search-input:focus{width:140px;}
}
/* 1-4-C (bis) — footer, telefono in verticale: luna e interruttore giorno/notte più lontani dai bordi
   (gli angoli arrotondati dello schermo li tagliavano) */
@media (max-width:600px) and (orientation:portrait){
  .f-controls{padding:12px 24px calc(14px + env(safe-area-inset-bottom,0px))!important;}
}
@media (max-width:600px) and (orientation:portrait){
  .moon-sub .ms-x{display:none;}
  [data-page="satsinfo"] .comm-btns{width:100%;}
  body .faq-ov .search-input{width:50px;}
}
/* FAQ, telefoni: angoli in basso puliti (Safari/Chrome su iPhone non ritagliavano bene il testo che scorre dentro
   il bordo arrotondato) e spazio in fondo, così l'ultima riga non finisce sotto il pulsante "Top" */
@media (max-width:600px), (max-height:500px) and (pointer:coarse){
  body .faq-ov .faq-shell{-webkit-mask-image:-webkit-radial-gradient(white,black);isolation:isolate;}
  body .faq-ov .content{padding-bottom:64px;border-radius:0 0 17px 17px;}
  body .faq-ov .back-top{right:14px;bottom:14px;}
}

/* banco 27L: iPad e tablet (solo dito) — i popup grandi si misurano sull'altezza VISIBILE dello schermo (dvh),
   come già sui telefoni: la barra del browser non copre più il bordo alto e il titolo. Laptop invariato. */
@media (hover:none) and (min-width:601px) and (min-height:501px){
  .ind-ov{padding:8px!important;}
  .ind-card{max-height:calc(100vh - 16px)!important;max-height:calc(100dvh - 16px)!important;}
  .modal-card{max-height:calc(100dvh - 24px)!important;}
  .modal-frame{max-height:calc(100dvh - 100px)!important;}
  .modal-card.bare .modal-frame{height:86dvh!important;}
  .modal-card.bare.tall{height:calc(100dvh - 36px)!important;}
  .faq-box{max-height:min(90dvh,860px)!important;}
  .faq-shell{height:92dvh!important;}
  .pnlcal-shell{height:min(680px,94dvh)!important;}
  .ma-modal{max-height:calc(100dvh - 16px)!important;}
}


/* ═══════════════════════════════════════════════════════════════════════════
   NAVBAR XSATS (Banco X v1 → v4 · 24/10/2026)
   Vale solo nelle pagine XSATS. Le due pillole-logo (SATSINDEX.xyz + XSATS.xyz) e le sezioni
   Swap · Pool · Mint/Burn │ EVA · Metrics stanno in un'unica fila (.xs-strip):
   - laptop, iPad e tablet: la fila si vede intera, come una navbar normale;
   - telefoni (verticale e orizzontale): la fila scorre col dito TUTTA insieme, loghi compresi;
     wallet e omino restano fissi a destra. Ai bordi una sfumatura indica che c'è altro da scorrere.
   ═══════════════════════════════════════════════════════════════════════════ */
.nav-xs .xs-strip{flex:1 1 auto;align-items:center;gap:4px;}
.nav-xs .xs-strip .brand.xs-pill{margin-right:0;border-color:var(--orange-line);flex-shrink:0;}
.nav-xs .xs-strip .brand.xs-pill + .brand.xs-pill{margin-left:2px;}
.nav-xs .brand.xs-self.active{background:var(--orange-soft);border-color:var(--orange);cursor:default;}
.nav-xs .xs-gap{flex:0 0 8px;}
.npill-sep{flex:0 0 auto;width:1px;align-self:stretch;margin:6px 8px;background:var(--line);}
@media (max-width:600px), (max-height:500px) and (pointer:coarse){
  .nav-xs .xs-strip .brand.xs-pill{padding:5px 9px;font-size:12px;}
  .nav-xs .xs-gap{flex-basis:2px;}
  .npill-sep{margin:6px 4px;}
}
/* tablet in verticale (iPad 11"/13", tablet Android 11"/13"): fila più compatta così sta tutta nello schermo */
@media (min-width:601px) and (max-width:1100px){
  .nav-xs{gap:4px;}
  .nav-xs .xs-strip{gap:2px;}
  .nav-xs .xs-strip .brand.xs-pill{padding:5px 9px;font-size:14.5px;letter-spacing:.04em;}
  .nav-xs .xs-strip .brand.xs-pill small{font-size:10px;}
  .nav-xs .xs-strip .npill{padding:7px 10px;}
  .nav-xs .npill-sep{margin:6px 5px;}
  .nav-xs .xs-gap{flex-basis:4px;}
  .nav-xs .nav-right{gap:6px;}
  .nav-xs .wal-btn{padding-left:14px;padding-right:14px;}
}
/* se la fila non ci sta (telefoni, o schermi molto stretti) scorre col dito: le sfumature ai bordi lo segnalano */
.nav-xs .xs-strip{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;}
.nav-xs .xs-strip.more{-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent);}
.nav-xs .xs-strip.less{-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%);mask-image:linear-gradient(90deg,transparent,#000 14%);}
.nav-xs .xs-strip.less.more{-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 84%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 84%,transparent);}

/* ═══════════════════════════════════════════════════════════════════════════
   NAVBAR A FILA UNICA IN TUTTO IL SITO (Banco X v5 · 24/10/2026)
   Logo SATSINDEX.xyz + sezioni stanno in un'unica fila (.xs-strip), come in XSATS.
   - PC, iPad grandi, telefoni girati: identica a prima (la fila ci sta tutta);
   - telefoni in verticale e tablet 11" in verticale: se non ci sta, scorre tutta insieme col dito,
     logo compreso; wallet e omino restano fissi. Sfumature ai bordi = c'è altro da scorrere.
   ═══════════════════════════════════════════════════════════════════════════ */
.xs-strip{flex:1 1 auto;align-items:center;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;}
.xs-strip > *{flex-shrink:0;}
.nav:not(.nav-xs) .xs-strip .brand{margin-right:16px;}          /* stessa distanza logo→sezioni di prima */
.xs-strip.more{-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent);}
.xs-strip.less{-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%);mask-image:linear-gradient(90deg,transparent,#000 14%);}
.xs-strip.less.more{-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 84%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 84%,transparent);}
@media (max-width:600px), (max-height:500px) and (pointer:coarse){
  .nav:not(.nav-xs) .xs-strip .brand{margin-right:4px;}
}

/* ═══ TX Sats · switch modalità Lite | Pro (Banco X v8) ═══ */
.tx-switch{display:inline-flex;flex-shrink:0;align-items:center;gap:2px;padding:2px;border-radius:999px;border:1px solid var(--orange-line);background:transparent;}
.tx-sw{padding:5px 12px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-decoration:none;color:var(--ink-mid);transition:all .18s ease;white-space:nowrap;}
.tx-sw:hover{color:var(--ink);background:var(--orange-soft);}
.tx-sw.on{background:var(--orange);color:#0B0907;cursor:default;}
@media (max-width:600px), (max-height:500px) and (pointer:coarse){
  .tx-sw{padding:4px 10px;font-size:11px;}
}

/* ═══ Banco X v9 · spaziatura uniforme + switch Lite|Pro accanto a WALLET ═══
   Le pillole con bordo o piene (ALPHA, sezione aperta) sembravano attaccate alle vicine:
   un po' di spazio in più attorno a loro, così a occhio tutte le pillole risultano equidistanti. */
.xs-strip .npill.pro,
.xs-strip .npill.active{margin-left:6px;margin-right:6px;}
.xs-strip .npill.pro + .npill.active,
.xs-strip .npill.active + .npill.pro{margin-left:2px;}
/* schermi larghi: separatore + switch Lite|Pro spinti a destra, accanto a WALLET.
   Sui telefoni in verticale la fila scorre e lo switch resta in coda alle pillole. */
.xs-strip .npill-sep:has(+ .tx-switch){margin-left:auto;}
@media (max-width:600px), (max-height:500px) and (pointer:coarse){
  .xs-strip .npill.pro,
  .xs-strip .npill.active{margin-left:4px;margin-right:4px;}
}

/* ═══ Banco X v13 · segnali "sei qui" ═══
   Verde unico, morbido: dark #3DBE78 · day #0E7A3F (più scuro per leggersi sul fondo chiaro).
   1) Sul dominio del federato (xsats.xyz, txsats.xyz, satspay.xyz) il ".xyz" della sua pillola è verde.
      Dentro satsindex.xyz non cambia nulla.
   2) Switch Lite|Pro di TX Sats = interruttore a levetta con pallino verde. */
:root{--here:#3DBE78;} .day{--here:#0E7A3F;}
.nav-xs .brand.xs-fed.xs-here small{color:var(--here);font-weight:600;}
.day .nav-xs .brand.xs-fed.xs-here small{font-weight:700;}
.tx-switch{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:transparent;border-radius:0;}
.tx-sw{padding:4px 0;background:transparent;border-radius:0;font-size:11.5px;font-weight:700;letter-spacing:.05em;color:var(--ink-dim);}
.tx-sw:hover{color:var(--ink);background:transparent;}
.tx-sw.on{color:var(--ink);background:transparent;cursor:default;}
.tx-tg{position:relative;display:block;width:36px;height:20px;border-radius:999px;background:var(--bg-raise);border:1px solid var(--line);flex-shrink:0;}
.tx-tg i{position:absolute;top:2px;width:14px;height:14px;border-radius:50%;background:var(--here);transition:left .18s ease,right .18s ease;}
.tx-switch.is-pro .tx-tg i{right:2px;}
.tx-switch.is-lite .tx-tg i{left:2px;}
@media (max-width:600px), (max-height:500px) and (pointer:coarse){
  .tx-sw{padding:4px 0;font-size:11px;}
  .tx-switch{gap:6px;}
  .tx-tg{width:32px;height:18px;} .tx-tg i{width:12px;height:12px;}
}
/* F1 puro: sul suo dominio la pillola del federato non si "illumina", cambia solo il .xyz verde */
.nav-xs .brand.xs-self.active{background:transparent;border-color:var(--orange-line);cursor:pointer;}
/* telefoni: il .xyz di solito è nascosto per spazio; sul dominio del federato resta visibile (è il segnale "sei qui") */
@media (max-width:600px), (max-height:500px) and (pointer:coarse){
  .nav-xs .brand.xs-fed.xs-here small{display:inline;font-size:9.5px;}
}
@media(max-width:580px){ .nav-xs .brand.xs-fed.xs-here small{display:inline;} }
.tx-switch{margin-right:10px;} @media (max-width:600px), (max-height:500px) and (pointer:coarse){ .tx-switch{margin-right:4px;} }

/* ═══ Banco X v16 · levetta Lite|Pro con lo STESSO verde (e lo stesso stile) del pallino dell'omino ═══ */
.tx-tg i{background:#00d964;border:1.5px solid #0a0a0a;box-sizing:border-box;}
.day .tx-tg i{border-color:#fff;}

/* ═══ Banco X v17 · fila della navbar più leggera da scorrere sui telefoni ═══
   Prima la sfumatura ai bordi era una "maschera" sulla fila stessa: il telefono doveva ridisegnarla
   a ogni movimento del dito (scorrimento a scatti su Android). Ora la fila scorre libera e le sfumature
   sono due velature ferme sul suo contenitore. */
.strip-wrap{position:relative;flex:1 1 auto;min-width:0;display:flex;align-items:center;}
.strip-wrap > .xs-strip{flex:1 1 auto;min-width:0;}
.xs-strip,.xs-strip.more,.xs-strip.less,.xs-strip.less.more,.pills.more{-webkit-mask-image:none !important;mask-image:none !important;}
.strip-wrap::before,.strip-wrap::after{content:"";position:absolute;top:0;bottom:0;width:30px;pointer-events:none;opacity:0;transition:opacity .2s ease;z-index:2;}
.strip-wrap::before{left:0;background:linear-gradient(90deg,var(--bg),transparent);}
.strip-wrap::after{right:0;background:linear-gradient(270deg,var(--bg),transparent);}
.strip-wrap.less::before,.strip-wrap.more::after{opacity:1;}
.xs-strip{scroll-behavior:auto;}
/* tablet 11" verticale: la fila di TX Sats (con lo switch) entra intera */
@media (min-width:601px) and (max-width:1100px){
  .nav-xs .xs-strip .npill{padding:7px 8px;}
  .nav-xs .tx-switch{gap:6px;margin-right:4px;}
  .nav-xs .xs-strip .npill-sep{margin:6px 6px;}
}

/* ══ v18 A · FILA "COME IL BURRO" su telefoni e tablet (verticale e orizzontale) ══
   - niente vetro sfocato dietro la navbar: sfondo pieno dello stesso colore (molto più leggero da disegnare)
   - la fila scorre su un suo livello grafico e solo in orizzontale, senza trascinare la pagina */
@media (hover:none) and (pointer:coarse){
  .nav{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg);transform:translateZ(0);}
  .nav .pills{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
    scroll-snap-type:none;scroll-behavior:auto;will-change:scroll-position;transform:translateZ(0);}
  .strip-wrap::before,.strip-wrap::after{will-change:opacity;}
}

/* Banco X v34 · freccina discreta nella pillola SATSINDEX.xyz dei siti federati: riporta a SatsInfo */
.nav-xs .xs-strip .brand.xs-pill .xs-back{font-size:1.1em;line-height:1;opacity:1;margin-right:.3em;font-weight:800;letter-spacing:0;color:#30D158;text-shadow:0 0 7px rgba(48,209,88,.7);} /* banco 49: green arrow, back to the full site */
body.day .nav-xs .xs-strip .brand.xs-pill .xs-back{color:#168A4E;text-shadow:none;}

/* Banco X v34 · footer sui telefoni coricati: copyright e slogan piu' piccoli, lo schermo e' basso.
   Verticale e laptop restano come prima. */
@media (max-height:500px) and (pointer:coarse){
  .f-copy{font-size:9.5px;line-height:1.35;}
  .f-controls{padding:8px 12px!important;gap:6px 10px!important;}
  .moon-phase{font-size:10.5px;}
  .moon-sub{font-size:8.5px;}
  .moon-ico{font-size:16px;}
}

/* ═══ Banco X v34 · riquadro esplicativo dei tre passaggi della SATS Economy ═══
   Swap, Pool, Mint/Burn: stessa scala a tre gradini, gradino acceso diverso, testo proprio.
   Rettangolo basso con bordo arancio, nella veste delle box dello swap. */
.xse-wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 24px;box-sizing:border-box;}
.xse{position:relative;background:var(--bg-card);border:1px solid var(--orange-line);border-radius:14px;
  padding:16px 18px 14px;margin:0 0 14px;}
.xse::before{content:"";position:absolute;left:16px;right:16px;top:-1px;height:2px;background:var(--orange);border-radius:0 0 2px 2px;opacity:.75;}
.xse-top{display:block;}
/* fascia scorrevole in fondo al blocco: come la striscia sotto la navbar, larga quanto il blocco */
.xse{overflow:hidden;padding-bottom:0;display:flex;flex-direction:column;}
.xse-body{flex:1;display:flex;flex-direction:column;justify-content:center;}
/* lo spazio del testo vale sempre tre righe: i tre blocchi restano alti uguali */
.xse-p{min-height:4.8em;display:flex;align-items:center;justify-content:center;}
.xse-ptext{display:block;}
.xse-live{margin:13px -18px 0;border-top:1px solid var(--line);background:var(--bg);overflow:hidden;}
.xse-live-track{display:flex;gap:30px;padding:7px 0;width:max-content;animation:xse-slide 52s linear infinite;}
.xse-live span{font-family:'IBM Plex Mono',monospace;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink-dim);white-space:nowrap;}
.xse-live span b{color:var(--orange);font-weight:600;}
@keyframes xse-slide{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media (prefers-reduced-motion:reduce){.xse-live-track{animation:none;}}
.xse-k{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--orange);display:block;}
/* titolo: centrato, bianco attenuato — spicca sul testo senza gridare */
.xse-t{font-family:'Archivo',sans-serif;font-weight:700;font-size:18px;line-height:1.3;color:#CBCBD1;margin:8px 0 0;
  text-align:center;min-height:1.3em;text-wrap:balance;}
.xse-t .xse-rot{display:inline-block;transition:opacity .28s;}
:root.day .xse-t,body.day .xse-t,:root[data-theme="light"] .xse-t{color:#3E382E;}
/* testo: centrato, righe bilanciate, nessuna parola spaiata a fine riga */
.xse-p{font-size:13px;line-height:1.6;color:var(--ink-mid);margin:8px auto 13px;max-width:660px;
  text-align:center;text-wrap:balance;}
.xse-s{display:inline-block;}
.xse-p b{color:#B4B4BB;font-weight:600;}
:root.day .xse-p b,body.day .xse-p b,:root[data-theme="light"] .xse-p b{color:#4A4336;}
.xse-steps{margin-bottom:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;}
.xse-steps .xse-step{min-width:0;}
.xse-steps .xse-step>a,.xse-steps .xse-step.on{display:flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid var(--line);
  border-radius:11px;background:var(--bg);min-width:0;text-decoration:none;transition:border-color .18s,background .18s;}
.xse-steps .xse-step>a:hover{border-color:var(--orange-line);background:var(--orange-soft);}
.xse-steps .n{flex:none;width:19px;height:19px;border-radius:50%;border:1px solid var(--line);color:var(--ink-dim);
  font-family:'IBM Plex Mono',monospace;font-size:10px;display:flex;align-items:center;justify-content:center;}
.xse-steps .l{font-family:'Archivo',sans-serif;font-weight:600;font-size:13px;color:var(--ink-mid);white-space:nowrap;}
.xse-steps .d{font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--ink-dim);margin-left:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.xse-steps .xse-step.on{border-color:var(--orange);background:var(--orange-soft);}
.xse-steps .xse-step.on .n{border-color:var(--orange);color:var(--orange);}
.xse-steps .xse-step.on .l{color:var(--ink);}
@media (max-width:1100px) and (orientation:portrait){
  .xse{padding:14px 14px 0;}
  .xse-t{font-size:16px;}
  .xse-p{font-size:12.5px;margin:7px auto 10px;max-width:none;}
  .xse-live{margin:12px -14px 0;}
  /* tablet in verticale: la descrizione del gradino sta nella sua pillola anche a 753 px */
  .xse-steps .xse-step>a,.xse-steps .xse-step.on{padding:8px 9px;gap:7px;}
  .xse-steps .d{font-size:9px;letter-spacing:.01em;}
}
/* i tre gradini si impilano solo sui telefoni: su tablet e iPad restano affiancati */
@media (max-width:700px){
  .xse-steps{grid-template-columns:minmax(0,1fr);gap:6px;}
}
@media (max-height:500px) and (pointer:coarse){
  .xse{padding:12px 14px 0;}
  .xse-live{margin:11px -14px 0;}
  .xse-p{font-size:12px;margin:6px auto 9px;}
}

/* ═══ Banco X v45 · footer sui telefoni coricati (Android e iPhone) ═══
   Una riga sola, come sul laptop: luna a sinistra, copyright e slogan al centro, FAQ e giorno/notte a destra.
   Cosi' il footer risparmia una riga. Su iPhone coricato Safari ingrandiva da solo il testo del footer:
   qui lo teniamo alla sua misura, uguale ad Android. Telefoni in verticale, tablet, iPad e laptop invariati. */
@media (max-height:500px) and (pointer:coarse){
  .footer{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
  .f-controls{grid-template-columns:1fr auto 1fr!important;grid-template-areas:"moon copy right"!important;align-items:center!important;}
  .f-copy{grid-area:copy;}
  .moon-ctrl{grid-area:moon;}
  .f-right{display:flex!important;grid-area:right;justify-self:end;align-items:center;gap:12px;}
  .faq-ctrl,.tog-ctrl{grid-area:auto;}
}

/* ═══ Banco X v45 · barra di SatsPAY ═══
   "Join the waitlist": bordo e scritta arancioni, senza riempimento (WALLET resta l'unico pieno).
   Telefoni e tablet in verticale: diventa "Waitlist →" e sale al secondo posto (dopo Atlas). */
/* Atlas: stesso stile di Waitlist, cosi' spicca */
.nav-xs .npill.np-wl,.nav-xs .npill.np-atlas{border-color:var(--orange-line);color:var(--orange);background:transparent;white-space:nowrap;}
.nav-xs .npill.np-wl:hover,.nav-xs .npill.np-atlas:hover{border-color:var(--orange);background:var(--orange-soft);}
.nav-xs .npill.np-wl .wl-s{display:none;}
.nav-xs .npill.np-wl .wl-a{font-size:.9em;}
@media (max-width:1023px) and (orientation:portrait){
  .nav-xs .npill.np-wl .wl-l{display:none;}
  .nav-xs .npill.np-wl .wl-s{display:inline;}
  .nav-xs .npill.np-wl{order:1;}
  .nav-xs .npill.np-users,.nav-xs .npill.np-merch{order:2;}
}

/* Banco X v46 · footer, telefoni in verticale: copyright e slogan un poco piu' piccoli */
@media (max-width:600px) and (orientation:portrait){
  .f-copy{font-size:10px;}
}
/* Banco X v46 · footer, telefoni in verticale: solo la riga del copyright, senza slogan */
@media (max-width:600px) and (orientation:portrait){
  .f-copy .f-br,.f-copy .f-slogan{display:none;}
}