.phero .banner-center p{max-width:52ch}

.toggle{display:flex;gap:2px;margin-top:10px;width:max-content;border:1px solid rgba(255,255,255,.14);border-radius:9px;padding:3px;background:var(--surface)}
.toggle button{font-family:'Inter',sans-serif;font-size:13px;font-weight:500;padding:8px 14px;border-radius:7px;border:0;background:transparent;color:var(--grey);
  cursor:pointer;transition:.18s;display:inline-flex;align-items:center;gap:8px}
.toggle button:hover{color:#fff}
.toggle button.on{background:rgba(255,255,255,.12);color:#fff}
.toggle .save{font-size:11.5px;color:var(--accent)}

.tier-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:12px;align-items:stretch}
.mini.tier{border-radius:14px;padding:28px 26px;gap:8px;min-height:0}
.mini.tier h3{font-size:15px;font-family:'Inter',sans-serif;font-weight:600;color:#fff;padding-right:0}
.mini.tier .price{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:clamp(2rem,3vw,2.6rem);letter-spacing:-.03em;line-height:1;color:#fff;margin-top:6px}
.mini.tier .price small{font-family:'Inter',sans-serif;font-size:13px;font-weight:400;color:var(--grey);margin-left:2px}
.mini.tier .pdesc{color:var(--grey);font-size:13.5px;line-height:1.5}
.plist{list-style:none;margin:8px 0 22px;padding:16px 0 0;display:flex;flex-direction:column;gap:9px;flex:1;border-top:1px solid var(--border)}
.plist li{display:flex;align-items:baseline;gap:10px;font-size:13.5px;color:#d4d4d4;line-height:1.45}
.plist .ck{color:var(--grey);font-size:12px;flex:none}
.tier-cta{justify-content:center;width:100%;text-align:center;margin-top:auto}
.mini.tier.feat-blue{border-color:rgba(255,255,255,.28)}

.cmp-card{border-radius:14px;background:var(--surface);padding:clamp(4px,1vw,10px)}
.cmp-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.cmp-card table{width:100%;min-width:640px;border-collapse:collapse}
.cmp-card th{font-size:13px;font-weight:600;color:#fff;text-align:left;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}
.cmp-card th:first-child{color:var(--grey);font-weight:500}
.cmp-card td{font-size:13.5px;color:#d4d4d4;padding:13px 20px;border-bottom:1px solid rgba(255,255,255,.05)}
.cmp-card tbody tr:last-child td{border-bottom:0}
.cmp-card td:first-child{color:#fff}
.cmp-card th:not(:first-child),.cmp-card td:not(:first-child){width:19%}
.cmp-card td.ck-g{color:#fff}
.cmp-card td.dash{color:var(--faint)}

.acc{display:flex;flex-direction:column;gap:8px}
.mini.item{min-height:0;padding:0;gap:0;border-radius:12px;display:block}
.mini.item .q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;
  background:none;border:0;cursor:pointer;text-align:left;padding:18px 20px;color:#fff;font-family:'Inter',sans-serif;font-weight:600;font-size:14.5px}
.mini.item .q>span:first-child{display:flex;align-items:center;gap:12px}
.plus{position:relative;width:22px;height:22px;flex:none;transition:.2s}
.plus::before,.plus::after{content:"";position:absolute;left:50%;top:50%;background:var(--grey);transition:.2s}
.plus::before{width:11px;height:1.5px;transform:translate(-50%,-50%)}
.plus::after{width:1.5px;height:11px;transform:translate(-50%,-50%)}
.mini.item.open{border-color:rgba(255,255,255,.2)}
.mini.item.open .plus{transform:rotate(45deg)}
.mini.item .a{max-height:0;overflow:hidden;transition:max-height .3s ease}
.mini.item .a p{color:var(--grey);font-size:14px;line-height:1.65;padding:0 20px 20px;max-width:72ch}

@media(max-width:1150px){
  .tier-grid{grid-template-columns:1fr;max-width:560px;margin:0 auto}
  .mini.tier.feat-blue{order:-1}
}
@media(max-width:700px){
  .mini.tier{padding:24px 20px}
  .mini.item .q{font-size:14px;padding:16px 18px}
  .mini.item .a p{padding:0 18px 18px}
  .cmp-card th,.cmp-card td{padding:12px 14px}
}
.mini.tier.feat-blue{border-top:3px solid var(--lime)}
.mini.tier.feat-blue h3{color:var(--lime)}
.mini.tier .plist .ck{color:var(--lime)}
.mini.tier .mini-chip{color:#000;background:var(--lime);border-color:var(--lime)}
.cmp-card th:nth-child(3){color:var(--lime)}
.mini.item.open{border-color:rgba(255,255,255,.28)}
.mini.item.open .plus::before,.mini.item.open .plus::after{background:var(--lime)}
.toggle button.on{background:var(--lime);color:#000}
.toggle button.on .save{color:rgba(0,0,0,.65)}
.light .mini.item .q{color:#000}
.light .mini.item .a p{color:#4a4a46}
.light .plus::before,.light .plus::after{background:#000}
.light .mini.item.open{border-color:rgba(0,0,0,.4)}