.phero{min-height:clamp(360px,46vh,480px);display:flex;align-items:center;justify-content:center}
.phero .banner-center h1{color:#fff;text-shadow:0 4px 40px rgba(10,15,43,.55)}
.phero .banner-center p{color:#dde3fd;max-width:52ch}
.phero .banner-kick{color:#c7d1fc}

.toggle{display:flex;gap:4px;margin-top:14px;width:max-content;border:1px solid rgba(255,255,255,.18);
  border-radius:100px;padding:4px;background:rgba(10,10,11,.55);backdrop-filter:blur(10px)}
.toggle button{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;padding:10px 20px;border-radius:100px;border:0;background:transparent;color:#c9c9c9;
  cursor:pointer;transition:.2s;display:inline-flex;align-items:center;gap:8px}
.toggle button:hover{color:#fff}
.toggle button.on{background:#A1EB1A;color:#000}
.toggle .save{font-size:9px;font-weight:700;background:rgba(161,235,26,.18);color:#A1EB1A;
  border:1px solid rgba(161,235,26,.35);padding:2px 7px;border-radius:100px}
.toggle button.on .save{background:rgba(0,0,0,.18);color:#000;border-color:rgba(0,0,0,.3)}

.tier-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:14px;align-items:stretch}
.mini.tier{border-radius:17px;padding:30px 28px;gap:10px;min-height:0;background:#131315}
.mini.tier:hover{transform:translateY(-4px)}
.mini.tier .mic{width:40px;height:40px;border-radius:11px;font-size:17px;margin-bottom:4px}
.mini.tier h3{font-size:13px;font-family:'JetBrains Mono',monospace;font-weight:700;letter-spacing:.22em;
  text-transform:uppercase;color:#c9c9c9}
.mini.tier .price{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(2rem,3vw,2.7rem);
  letter-spacing:-.03em;line-height:1;color:#fff}
.mini.tier .price small{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:400;letter-spacing:.06em;
  color:var(--grey,#8A8A8A);margin-left:4px}
.mini.tier .pdesc{color:var(--grey,#8A8A8A);font-size:13px;line-height:1.5;font-family:'Inter',sans-serif}
.plist{list-style:none;margin:8px 0 22px;padding:14px 0 0;display:flex;flex-direction:column;gap:10px;flex:1;
  border-top:1px solid rgba(255,255,255,.08)}
.plist li{display:flex;align-items:baseline;gap:10px;font-family:'Inter',sans-serif;font-size:13px;color:#d4d4d4;line-height:1.45}
.plist .ck{color:#A1EB1A;font-weight:700;font-size:12px;flex:none}
.tier-cta{justify-content:center;width:100%;text-align:center;margin-top:auto}

.mini.tier.feat-blue{background:linear-gradient(150deg,#2e3a8c 0%,#131b4a 55%,#0b0f2b 100%);
  box-shadow:0 0 70px -22px rgba(127,149,248,.45)}
.mini.tier.feat-blue:hover{border-color:rgba(127,149,248,.7)}
.mini.tier.feat-blue h3{color:#dde3fd}
.mini.tier.feat-blue .price small{color:#aab6f5}
.mini.tier.feat-blue .pdesc{color:#c7d1fc}
.mini.tier.feat-blue .plist{border-top-color:rgba(255,255,255,.14)}
.mini.tier.feat-blue .plist li{color:#e8ecfe}
.mini.tier.feat-blue .mini-flag{border-radius:0 16px 0 12px}

.cmp-card{border-radius:17px;background:#0e0e10;padding:clamp(6px,1vw,14px)}
.cmp-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.cmp-card table{width:100%;min-width:640px;border-collapse:collapse}
.cmp-card th{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.2em;
  text-transform:uppercase;color:#c9c9c9;text-align:left;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.1)}
.cmp-card th:first-child{color:var(--faint,#5A5A5A)}
.cmp-card td{font-family:'Inter',sans-serif;font-size:13px;color:#d4d4d4;padding:14px 22px;
  border-bottom:1px solid rgba(255,255,255,.05)}
.cmp-card tbody tr:last-child td{border-bottom:0}
.cmp-card tbody tr{transition:background .2s}
.cmp-card tbody tr:hover{background:rgba(255,255,255,.03)}
.cmp-card td:first-child{color:#fff;font-weight:500}
.cmp-card th:not(:first-child),.cmp-card td:not(:first-child){width:19%}
.cmp-card td.ck-g{color:#A1EB1A;font-weight:700;letter-spacing:.1em}
.cmp-card td.dash{color:var(--faint,#5A5A5A)}

.acc{display:flex;flex-direction:column;gap:12px}
.mini.item{min-height:0;padding:0;gap:0;border-radius:16px;display:block}
.mini.item:hover{transform:none;border-color:rgba(255,255,255,.2)}
.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:20px 22px;color:#fff;
  font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:15.5px;letter-spacing:-.01em}
.mini.item .q>span:first-child{display:flex;align-items:center;gap:16px}
.qn{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.14em;color:#A1EB1A;
  background:rgba(161,235,26,.1);border:1px solid rgba(161,235,26,.28);padding:5px 9px;border-radius:8px;flex:none}
.plus{position:relative;width:30px;height:30px;flex:none;border-radius:9px;border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.05);transition:.25s}
.plus::before,.plus::after{content:"";position:absolute;left:50%;top:50%;background:#fff;transition:.25s}
.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(161,235,26,.35)}
.mini.item.open .plus{background:#A1EB1A;border-color:#A1EB1A;transform:rotate(45deg)}
.mini.item.open .plus::before,.mini.item.open .plus::after{background:#000}
.mini.item .a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.mini.item .a p{color:var(--grey,#8A8A8A);font-family:'Inter',sans-serif;font-size:13.5px;line-height:1.65;
  padding:0 22px 22px;max-width:72ch}

.pclose{min-height:clamp(320px,42vh,440px);display:flex;align-items:center;justify-content:center;border-radius:22px}
.pclose .banner-kick{color:#c9f168}
.pclose .btn-white{margin-top:10px}

@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){
  .phero{min-height:0}
  .mini.tier{padding:26px 22px}
  .mini.item .q{font-size:14px;padding:17px 18px}
  .mini.item .a p{padding:0 18px 18px}
  .cmp-card th,.cmp-card td{padding:13px 16px}
}