/* Piani e prezzi · mobile first */
.bill{display:flex;justify-content:center;margin:22px 0 26px}
.seg2{display:inline-flex;background:#fff;border:1px solid var(--g20);border-radius:999px;padding:4px;box-shadow:0 6px 20px -14px #1e50c8aa}
.seg2 button{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;border-radius:999px;padding:10px 20px;font:600 .9rem var(--head);color:var(--g70);cursor:pointer;min-height:42px}
.seg2 button[aria-pressed=true]{background:var(--blue);color:#fff}
.seg2 .save{background:#dcf7e7;color:#067a40;border-radius:999px;padding:2px 9px;font:700 .72rem var(--head)}
.seg2 button[aria-pressed=true] .save{background:#ffffff2e;color:#fff}

.plans2{display:grid;grid-template-columns:1fr;column-gap:18px;row-gap:0;align-items:stretch}
.plan2{position:relative;background:#fff;border:1px solid var(--g20);border-radius:28px;padding:26px 22px 24px;margin-bottom:26px;
  display:grid;grid-template-rows:subgrid;grid-row:span 9;row-gap:0}
.plan2.hot{border:1.5px solid var(--blue);box-shadow:0 26px 60px -34px #1e50c8cc}
.plan2 h3{font:500 1.05rem var(--head);color:var(--g100)}
.plan2.hot h3{color:var(--blue)}
.pr2{font:600 2.5rem/1.1 var(--head);letter-spacing:-.035em;margin:12px 0 4px;color:var(--g100)}
.pr2 small{font:500 .95rem var(--body);color:var(--g50);letter-spacing:0;margin-left:5px}
.psub{color:var(--g50);font-size:.85rem;margin-bottom:16px;align-self:start}
.ptag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--blue);color:#fff;font:700 .68rem var(--head);letter-spacing:.07em;text-transform:uppercase;padding:7px 15px;border-radius:999px;white-space:nowrap}
.ptag.dark{background:var(--g100)}
.sel{position:relative;margin-bottom:14px;align-self:start}
.sel::after{content:'';position:absolute;right:16px;top:50%;width:8px;height:8px;border-right:1.6px solid var(--g70);border-bottom:1.6px solid var(--g70);transform:translateY(-70%) rotate(45deg);pointer-events:none}
.sel select{appearance:none;-webkit-appearance:none;width:100%;border:1px solid var(--g30);border-radius:14px;padding:12px 34px 12px 12px;font:500 .84rem var(--head);color:var(--g100);background:#fff;cursor:pointer;min-height:48px}
.sel select:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px #2a6fdb22}
.pbtn{display:block;width:100%;border-radius:14px;padding:14px 16px;font:600 .94rem var(--head);cursor:pointer;border:1px solid transparent;min-height:50px}
.pbtn.black{background:var(--g100);color:#fff}
.pbtn.black:hover{background:#000}
.pbtn.blue{background:var(--blue);color:#fff;box-shadow:0 12px 26px -10px var(--blue)}
.pbtn.blue:hover{background:var(--blue-deep)}
.pbtn.ghost{background:#fff;border-color:var(--g30);color:var(--g100)}
.pbtn.ghost:hover{border-color:var(--g50)}
.psep{height:1px;background:var(--g20);margin:18px 0 14px}
.plabel{font:500 .8rem var(--head);color:var(--g60);margin-bottom:12px}
.plan2 ul{list-style:none;padding:0;margin:0;display:grid;gap:11px}
.plan2 ul + .psep{margin-top:18px}
.plan2 li{display:flex;align-items:flex-start;gap:11px;font-size:.88rem;line-height:1.4;color:var(--g80)}
.plan2 li.strong{font-weight:600;color:var(--g100)}
.ck{flex:none;width:21px;height:21px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:.64rem;font-weight:800;margin-top:-1px}
.ck.light{background:var(--blue-light);color:var(--blue)}

.bigcta{display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid var(--g20);border-radius:24px;padding:22px;margin:30px auto 0;max-width:860px}
.bigcta h3{font:600 1.15rem var(--head);margin-bottom:4px}
.bigcta p{color:var(--g60);font-size:.92rem}
.pnote{max-width:640px;margin:26px auto 0;text-align:center;color:var(--g50);font-size:.85rem}

@media(min-width:700px){
  .plans2{grid-template-columns:repeat(2,1fr)}
  .bigcta{flex-direction:row;align-items:center;justify-content:space-between;padding:24px 30px}
}
@media(min-width:1200px){
  .plans2{grid-template-columns:repeat(4,1fr)}
}

.sel.static{display:flex;align-items:center;min-height:48px;border:1px solid var(--g20);border-radius:14px;padding:12px 12px;background:var(--g10);font:500 .84rem var(--head);color:var(--g70);white-space:nowrap}
.sel.static::after{display:none}
.pbtn{align-self:start}
.pfeat{align-content:start}
.pshared{display:block}
.pshared .psep{margin-top:18px}
.plan2 > .psep{align-self:start}
.plan2 > .plabel{align-self:start}

/* browser senza subgrid: le card restano ordinate ma non si allineano riga per riga */
@supports not (grid-template-rows: subgrid){
  .plan2{display:block;grid-row:auto}
  .plans2{row-gap:26px}
  .plan2{margin-bottom:0}
  .sel.static{min-height:48px}
}

/* Funzioni non ancora attive */
.soon{display:inline-block;margin-left:6px;font:600 .68rem var(--head);background:var(--yellow-light);border:1px solid #ffe9a8;color:#6b5200;border-radius:999px;padding:1px 8px;white-space:nowrap;vertical-align:middle}
.pnote.warn{background:#fff0ec;color:#a12a10;border-radius:12px;padding:10px 14px}