/* Self-hosted fonts */
@font-face{font-family:"Hanken Grotesk";font-weight:600;font-display:swap;src:url("/assets/fonts/hanken-grotesk-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Hanken Grotesk";font-weight:700;font-display:swap;src:url("/assets/fonts/hanken-grotesk-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"Hanken Grotesk";font-weight:800;font-display:swap;src:url("/assets/fonts/hanken-grotesk-latin-800-normal.woff2") format("woff2")}
@font-face{font-family:"Hanken Grotesk";font-weight:900;font-display:swap;src:url("/assets/fonts/hanken-grotesk-latin-900-normal.woff2") format("woff2")}
@font-face{font-family:"Be Vietnam Pro";font-weight:400;font-display:swap;src:url("/assets/fonts/be-vietnam-pro-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Be Vietnam Pro";font-weight:500;font-display:swap;src:url("/assets/fonts/be-vietnam-pro-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Be Vietnam Pro";font-weight:600;font-display:swap;src:url("/assets/fonts/be-vietnam-pro-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Be Vietnam Pro";font-weight:700;font-display:swap;src:url("/assets/fonts/be-vietnam-pro-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"Sometype Mono";font-weight:400;font-display:swap;src:url("/assets/fonts/sometype-mono-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Sometype Mono";font-weight:500;font-display:swap;src:url("/assets/fonts/sometype-mono-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Sometype Mono";font-weight:600;font-display:swap;src:url("/assets/fonts/sometype-mono-latin-600-normal.woff2") format("woff2")}

/* ============================================================
   BonusBottino — giri gratis senza deposito non AAMS (per numero)
   light · porcellana · indaco · rame (monete/bottino)
   ============================================================ */
:root{
  --bg:#F3F5FA;
  --surface:#FFFFFF;
  --surface-2:#FAFBFE;
  --panel:#ECEEF6;
  --ink:#191C2B;
  --ink-2:#565B72;
  --ink-3:#8B90A6;
  --line:rgba(25,28,43,.09);
  --line-2:rgba(25,28,43,.15);
  --indigo:#2E3A8C;
  --indigo-l:#3D4CB0;
  --indigo-d:#232C6E;
  --indigo-t:rgba(46,58,140,.09);
  --copper:#C4702A;
  --copper-d:#A85C1F;
  --copper-t:rgba(196,112,42,.12);
  --maxw:1140px;
  --disp:"Hanken Grotesk",system-ui,sans-serif;
  --body:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"Sometype Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.68;-webkit-font-smoothing:antialiased;
  background-image:radial-gradient(760px 400px at 90% -8%,rgba(196,112,42,.10),transparent 60%),radial-gradient(700px 380px at 0% 2%,rgba(46,58,140,.07),transparent 58%)}
img{max-width:100%;display:block}
a{color:var(--indigo);text-decoration:none}
a:hover{color:var(--copper)}
.btazz{max-width:var(--maxw);margin:0 auto;padding:0 22px}

h1,h2,h3,h4{font-family:var(--disp);font-weight:800;line-height:1.12;color:var(--ink);letter-spacing:-.4px;margin:0}
h1{font-size:clamp(2.3rem,5.2vw,3.6rem);font-weight:900}
h2{font-size:clamp(1.5rem,3vw,2.05rem);margin:2.1em 0 .5em}
h3{font-size:clamp(1.15rem,2.1vw,1.42rem);margin:1.4em 0 .35em}
p{margin:0 0 1.05em}
strong{font-weight:700;color:#0F1220}

.btyia{font-family:var(--mono);font-weight:500;text-transform:uppercase;letter-spacing:.16em;font-size:.68rem;color:var(--copper);margin-bottom:.9em}

/* ---------- Header ---------- */
.bt0rh{position:sticky;top:0;z-index:50;background:rgba(243,245,250,.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.bt0rh .btazz{display:flex;align-items:center;gap:18px;height:68px}
.bty9r{font-family:var(--disp);font-weight:900;font-size:1.32rem;color:var(--ink);letter-spacing:-.4px;white-space:nowrap;display:flex;align-items:center;gap:10px}
.bty9r .btiar{position:relative;width:24px;height:24px;flex:none;border-radius:50%;background:radial-gradient(circle at 34% 28%,#E6B876,var(--copper) 70%);border:2px solid #E4C98A;box-shadow:0 2px 5px rgba(120,64,20,.3)}
.bty9r .btiar::after{content:"";position:absolute;inset:6px;border-radius:50%;border:1.5px solid rgba(58,35,12,.4)}
.bt7wv{display:flex;gap:24px;margin-left:auto}
.bt7wv a{color:var(--ink-2);font-weight:600;font-size:.9rem}
.bt7wv a:hover{color:var(--copper)}
.bttxp{display:inline-flex;align-items:center;justify-content:center;gap:.5em;background:var(--indigo);color:#fff;font-weight:700;font-size:.92rem;padding:12px 20px;border-radius:10px;border:none;transition:.15s;white-space:nowrap;font-family:var(--body)}
.bttxp:hover{background:var(--indigo-d);color:#fff;transform:translateY(-1px)}
.bttxp.btu0g{background:var(--copper)}
.bttxp.btu0g:hover{background:var(--copper-d)}

/* ---------- Hero ---------- */
.btcw4{padding:58px 0 20px}
.btcw4 h1{margin:.05em 0 .4em}
.btcw4 h1 em{font-style:normal;color:var(--indigo);position:relative}
.btcw4 h1 em::after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.18em;background:var(--copper);opacity:.4;z-index:-1;border-radius:2px}
.btcw4 .btbq5{font-size:1.26rem;line-height:1.62;color:var(--ink-2);max-width:62ch}
.btmka{display:flex;flex-wrap:wrap;gap:11px;margin:28px 0 4px}
.btx35{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line-2);border-radius:999px;padding:8px 15px;font-size:.85rem;color:var(--ink-2);font-weight:500}
.btx35 b{color:var(--ink);font-family:var(--disp);font-weight:800}
.btx35 .btom2{width:7px;height:7px;border-radius:50%;background:var(--copper)}
.bttal{display:flex;align-items:center;gap:11px;margin-top:22px;font-size:.86rem;color:var(--ink-3)}
.bttal .bttyj{width:36px;height:36px;border-radius:50%;background:var(--indigo-t);border:1px solid var(--indigo);display:flex;align-items:center;justify-content:center;color:var(--indigo);font-weight:800;font-family:var(--disp)}
.bttal b{color:var(--ink-2)}
.bttal .btn3u{color:var(--copper);font-weight:700}

/* ---------- Sum nav ---------- */
.btmqh{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 4px}
.btmqh a{border:1px solid var(--line-2);background:var(--surface);color:var(--ink);padding:8px 14px;border-radius:8px;font-weight:800;font-size:.88rem;transition:.15s;font-family:var(--disp)}
.btmqh a:hover{border-color:var(--copper);color:var(--copper)}
.btmqh a.btc6v{background:var(--indigo);border-color:var(--indigo);color:#fff}

/* ---------- Section head ---------- */
.btc0k{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:46px 0 16px}
.btc0k h2{margin:0}
.btc0k .btekh{font-family:var(--mono);font-size:.72rem;color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em}

/* ---------- Comparison table ---------- */
.btdyc{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
table.bt08y{width:100%;border-collapse:collapse;min-width:680px;font-size:.94rem}
table.bt08y th{background:var(--panel);text-align:left;font-family:var(--mono);font-weight:500;font-size:.66rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);padding:14px 16px;border-bottom:1px solid var(--line)}
table.bt08y td{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:middle}
table.bt08y tr:last-child td{border-bottom:none}
table.bt08y tr:hover td{background:var(--surface-2)}
.bt1z9{font-family:var(--disp);font-weight:900;color:var(--copper);width:34px}
.btzbh{font-weight:700;color:var(--ink);white-space:nowrap}
.btyh8{font-family:var(--disp);font-weight:800;color:var(--indigo);white-space:nowrap}
.btyh8 span{font-family:var(--body);font-weight:500;color:var(--ink-3);font-size:.8rem}
.bto85{font-family:var(--mono);font-weight:500;font-size:.82rem;color:var(--ink-2);white-space:nowrap}
.bto85.bt9a9{color:var(--ink-3)}
.btcok a{display:inline-block;background:var(--indigo);color:#fff;font-weight:700;font-size:.83rem;padding:8px 15px;border-radius:8px;white-space:nowrap}
.btcok a:hover{background:var(--indigo-d)}

/* ---------- Offer card (signature: coin/bottino) ---------- */
.bti4r{display:flex;flex-direction:column;gap:16px;margin:18px 0}
.btuzt{position:relative;display:grid;grid-template-columns:170px 1fr;background:var(--surface);border:1px solid var(--line);border-radius:15px;overflow:hidden;transition:.18s}
.btuzt:hover{border-color:var(--indigo);transform:translateY(-2px);box-shadow:0 14px 30px rgba(25,28,43,.09)}
.btuzt.btsvn{border-color:var(--copper)}
.btrbx{position:absolute;top:0;right:0;background:var(--copper);color:#fff;font-size:.64rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;padding:5px 12px;border-radius:0 0 0 12px;font-family:var(--disp)}
.bt031{background:linear-gradient(165deg,var(--surface-2),var(--panel));border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:22px 12px;text-align:center}
.btor0{font-family:var(--mono);font-size:.68rem;color:var(--ink-3);letter-spacing:.06em}
.btl8m{position:relative;width:100px;height:96px;display:flex;align-items:center;justify-content:center}
.btl8m::before{content:"";position:absolute;width:78px;height:22px;border-radius:50%;background:var(--copper-d);bottom:12px;transform:translateY(7px);opacity:.45}
.btl8m::after{content:"";position:absolute;width:78px;height:22px;border-radius:50%;background:var(--copper-d);bottom:12px;transform:translateY(12px);opacity:.28}
.btl8m .bt5zx{position:relative;z-index:2;width:82px;height:82px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#EBBE7E,var(--copper) 72%);border:3px solid #E7CE93;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 5px 12px rgba(120,64,20,.35),inset 0 0 0 4px rgba(255,255,255,.14)}
.btl8m .bt8vp{font-family:var(--disp);font-weight:900;font-size:1.55rem;color:#3A230C;line-height:.82}
.btl8m .btdag{font-family:var(--mono);font-size:.5rem;text-transform:uppercase;letter-spacing:.14em;color:#54340F;margin-top:2px}
.btl8m.btz95::before,.btl8m.btz95::after{background:#AEB4C6}
.btl8m.btz95 .bt5zx{background:radial-gradient(circle at 34% 28%,#DCE0EC,#AEB4C6 72%);border-color:#EAECF3;box-shadow:0 4px 9px rgba(60,66,90,.2),inset 0 0 0 4px rgba(255,255,255,.3)}
.btl8m.btz95 .bt8vp,.btl8m.btz95 .btdag{color:#474C60}
.btgnj{font-family:var(--mono);font-size:.66rem;color:var(--ink-3)}
.btxt7{padding:22px 24px}
.btdyl{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}
.btnt0{display:inline-flex;align-items:center;font-family:var(--disp);font-weight:700;color:#fff;padding:5px 13px;border-radius:7px;font-size:.95rem}
.bt3xx{font-family:var(--disp);font-weight:800;font-size:1.26rem;color:var(--ink);margin:6px 0 0;line-height:1.18;letter-spacing:-.2px}
.btjq8{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 11px}
.bt3ff{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:.72rem;background:var(--panel);border:1px solid var(--line-2);border-radius:6px;padding:4px 9px;color:var(--ink-2)}
.bt3ff.btwev{color:var(--indigo);border-color:rgba(46,58,140,.35);background:var(--indigo-t)}
.bt3ff.bt0gf{color:var(--copper);border-color:rgba(196,112,42,.4);background:var(--copper-t)}
.bt3ff.btz95{color:var(--copper-d);border-color:rgba(196,112,42,.45);background:var(--copper-t)}
.btucz{font-weight:600;color:var(--ink);margin:0 0 10px}
.bt8zk{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px}
.bt8zk li{font-size:.87rem;color:var(--ink-2);padding-left:20px;position:relative}
.bt8zk li::before{content:"◆";position:absolute;left:0;color:var(--copper);font-size:.72rem;top:2px}
.btgll{display:flex;gap:11px;align-items:center;flex-wrap:wrap}
.btq8i{font-family:var(--mono);font-size:.76rem;background:var(--copper-t);border:1px dashed var(--copper);border-radius:7px;padding:9px 12px;color:var(--ink)}
.btq8i b{color:var(--copper-d);font-weight:600}

/* ---------- Prose ---------- */
.btvg4{max-width:74ch}
.btvg4 p{color:var(--ink-2)}
.btx95{background:var(--copper-t);border:1px solid rgba(196,112,42,.3);border-left:3px solid var(--copper);border-radius:0 11px 11px 0;padding:15px 18px;margin:22px 0;color:var(--ink)}
.btx95 b{color:var(--copper-d)}

/* ---------- Review (H2) ---------- */
.bt4jj{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px 24px;margin:14px 0}
.btu6l{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:4px}
.btu6l h2{margin:0;font-size:1.32rem}
.btu6l .bt9tt{font-family:var(--mono);font-size:.8rem;color:var(--copper);font-weight:500}
.btu6l .bt7gb{margin-left:auto;font-family:var(--disp);font-weight:800;font-size:.82rem;color:#fff;background:var(--indigo);border-radius:8px;padding:5px 13px}
.btu6l .bt7gb.bt9a9{color:var(--ink-3);background:var(--panel)}
.btikz{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 12px}
.bt6v5{display:inline-flex;align-items:center;font-family:var(--mono);font-size:.72rem;background:var(--panel);border:1px solid var(--line-2);border-radius:6px;padding:4px 9px;color:var(--ink-2)}
.bt4jj p{margin-bottom:.7em;color:var(--ink-2)}
.bt4jj .bt05s{margin-top:6px}

/* ---------- Sum grid ---------- */
.bt4l5{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px;margin:18px 0}
.btp49{display:block;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px;transition:.18s}
.btp49:hover{border-color:var(--copper);transform:translateY(-2px)}
.btp49 .bt08a{font-family:var(--disp);font-weight:900;font-size:1.95rem;color:var(--indigo);line-height:1}
.btp49 h3{margin:.15em 0 .3em;font-size:1.05rem}
.btp49 p{margin:0;font-size:.87rem;color:var(--ink-2)}
.btp49 .btcmt{display:inline-block;margin-top:10px;color:var(--copper);font-weight:700;font-size:.85rem}

/* ---------- FAQ ---------- */
.btj1y details{border:1px solid var(--line);border-radius:10px;margin-bottom:9px;background:var(--surface)}
.btj1y summary{cursor:pointer;padding:16px 18px;font-weight:700;color:var(--ink);list-style:none;display:flex;justify-content:space-between;gap:14px;font-family:var(--disp)}
.btj1y summary::-webkit-details-marker{display:none}
.btj1y summary::after{content:"+";color:var(--copper);font-size:1.35rem;line-height:1;transition:.2s}
.btj1y details[open] summary::after{transform:rotate(45deg);color:var(--indigo)}
.btj1y .btr4i{padding:0 18px 16px;color:var(--ink-2)}

/* ---------- Breadcrumb ---------- */
.bt6do{font-family:var(--mono);font-size:.74rem;color:var(--ink-3);padding-top:6px}
.bt6do a{color:var(--ink-2)}
.bt6do a:hover{color:var(--copper)}

/* ---------- Author box ---------- */
.bt8ic{margin:52px 0 0;padding:24px 26px;background:var(--surface);border:1px solid var(--line);border-radius:15px;display:flex;gap:16px;align-items:flex-start}
.bt8ic .btox0{flex:none;width:54px;height:54px;border-radius:50%;background:var(--indigo-t);border:1px solid var(--indigo);display:flex;align-items:center;justify-content:center;color:var(--indigo);font-family:var(--disp);font-weight:900;font-size:1.5rem}
.bt8ic .btp1t{font-family:var(--disp);font-weight:800;font-size:1.22rem;color:var(--ink);display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.btusg{display:inline-flex;align-items:center;gap:5px;font-family:var(--body);font-weight:700;font-size:.82rem;color:var(--copper)}
.btusg .btw84{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;background:var(--copper);color:#fff;font-size:.72rem;font-weight:700}
.btoac{margin:.5em 0 0;font-size:.92rem;color:var(--ink-2);line-height:1.65;max-width:72ch}

/* ---------- CTA band + footer ---------- */
.btcg3{background:linear-gradient(120deg,var(--indigo-t),var(--copper-t) 240%);border:1px solid var(--line-2);border-radius:18px;padding:44px;text-align:center;margin:64px 0 0}
.btcg3 h2{margin:0 0 .3em}
.btcg3 h2 em{font-style:normal;color:var(--copper)}
.btcg3 p{color:var(--ink-2);max-width:56ch;margin:0 auto 22px}
.btzxs{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border:2px solid var(--copper);color:var(--copper);border-radius:50%;font-weight:800;margin-bottom:14px;font-family:var(--disp)}
.btnds{margin-top:56px;border-top:1px solid var(--line);padding:42px 0 34px;color:var(--ink-3);font-size:.86rem}
.bt7mq{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px;margin-bottom:24px}
.bt7mq h4{font-family:var(--disp);font-weight:800;font-size:1.02rem;color:var(--ink);margin:0 0 12px}
.bt7mq a{display:block;color:var(--ink-2);margin-bottom:7px}
.bt7mq a:hover{color:var(--copper)}
.btxgv{border-top:1px solid var(--line);padding-top:16px;line-height:1.6}
.btxgv b{color:var(--copper-d)}

/* ---------- Responsive ---------- */
@media(max-width:820px){.bt7mq{grid-template-columns:1fr 1fr}}
@media(max-width:560px){
  body{font-size:16px}
  .bt7wv{display:none}
  .btuzt{grid-template-columns:1fr}
  .bt031{flex-direction:row;justify-content:center;gap:18px;border-right:none;border-bottom:1px solid var(--line);padding:16px}
  .bt7mq{grid-template-columns:1fr}
  .btcg3{padding:30px 20px}
}
a:focus-visible,summary:focus-visible,.bttxp:focus-visible{outline:2px solid var(--copper);outline-offset:2px}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto}}