:root{
  --panel3:#252E3A;
  --warn:#FF9F43;
  --warn-tint:rgba(255,159,67,.16);
}
.page-plans :where(h1,h2,h3,h4){margin:0;line-height:1.2}
.page-plans :where(p,ul,ol){margin:0}

.ph{position:relative;overflow:hidden;background:var(--side) url(/images/hero-spawners.webp) center 38%/cover no-repeat;clip-path:polygon(0 0,100% 0,100% calc(100% - 48px),0 100%);padding:72px 0 170px}
.ph::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(27,33,41,.94) 0%,rgba(27,33,41,.8) 32%,rgba(27,33,41,.5) 68%,rgba(27,33,41,.35) 100%),linear-gradient(180deg,rgba(27,33,41,.3) 0%,rgba(27,33,41,.55) 55%,rgba(27,33,41,.97) 100%)}
.ph .wrap{position:relative}
.pl-free{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 auto 28px;max-width:960px;padding:18px 22px;background:rgba(167,139,250,.14);border:1px solid rgba(167,139,250,.45);border-radius:var(--r)}
html.cc-sale .pl-free{display:none}
.pl-free h3{font-size:17px;font-weight:800;text-transform:uppercase;color:var(--accent2)}
.pl-free p{margin-top:4px;max-width:72ch;font-size:14px;line-height:1.55;color:var(--body)}

.terms{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.terms .pl-view-btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:var(--r);background:var(--panel);border:1px solid var(--border);box-shadow:0 3px 0 #0e1116;font-weight:700;font-size:14px;color:var(--muted);transition:background .12s,color .12s,border-color .12s}
.terms .pl-view-btn:hover{color:var(--text);border-color:var(--border2)}
.terms .pl-view-btn em{font-style:normal;font-size:12.5px;font-weight:700;color:var(--ok)}
.terms .pl-view-btn[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 3px 0 var(--accent-dk)}
.terms .pl-view-btn[aria-pressed="true"] em{color:var(--accent-ink);opacity:.7}

.tiers{position:relative;z-index:1;margin-top:-108px}
.tier-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.tier{display:flex;flex-direction:column;padding:26px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r);box-shadow:0 24px 50px rgba(0,0,0,.35)}
.tier-top{display:flex;align-items:center;gap:14px}
.tier-top img{width:42px;height:42px}
.pl-tier-name{font-size:22px;font-weight:800;text-transform:uppercase;line-height:1}
.pl-price{margin-top:24px;display:flex;align-items:baseline;gap:10px;white-space:nowrap}
.pl-amount{font-size:44px;font-weight:800;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}
.pl-price .pc-price-was{font-size:16px;color:var(--muted2);text-decoration:line-through;text-decoration-thickness:2px}
.pl-term{margin-top:8px;font-size:13.5px;color:var(--muted2)}
.pl-limits{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pl-limit{padding:12px 14px;background:var(--side);border:1px solid var(--border);border-radius:var(--r);min-width:0}
.pl-limit b{display:flex;align-items:center;height:30px;font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}
.pl-limit > span{display:block;margin-top:2px;font-size:12.5px;color:var(--muted)}
.pl-since{margin-top:24px;font-size:13.5px;font-weight:700;color:var(--text)}
.pl-feats{list-style:none;padding:0;margin:8px 0 26px;flex:1}
.pl-feats li{position:relative;padding:5px 0 5px 18px;font-size:14.5px;line-height:1.5;color:var(--body)}
.pl-feats li::before{content:"";position:absolute;left:0;top:13px;width:7px;height:7px;background:var(--accent)}
.pl-feats svg{display:none}
.tier .plan-btn{margin-top:auto;width:100%}
.pc-ticket-notice{display:none;margin-top:8px;padding:6px 8px;border-radius:var(--r);font-size:11.5px;line-height:1.4;font-weight:500;color:var(--warn);background:var(--warn-tint)}
.plan-qty{display:flex;align-items:center;height:30px}
.plan-qty-controls{display:inline-flex;align-items:center;gap:5px}
.plan-qty-btn{width:28px;height:28px;border-radius:var(--r);font-size:16px;font-weight:800;color:var(--text);background:var(--panel2);border:1px solid var(--border);transition:background .12s,border-color .12s}
.plan-qty-btn:hover{background:var(--hover);border-color:var(--border2)}
.plan-qty-btn:disabled{opacity:.4;cursor:not-allowed}
.plan-qty-input{width:52px;height:28px;padding:0 4px;border-radius:var(--r);text-align:center;font:800 16px var(--sans);color:var(--text);background:var(--panel);border:1px solid var(--border);-moz-appearance:textfield;appearance:textfield}
.plan-qty-input:focus{outline:0;border-color:var(--accent)}
.plan-qty-input::-webkit-outer-spin-button,.plan-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.refund{margin-top:20px;padding:14px 18px;border-radius:var(--r);background:var(--panel);border:1px solid var(--border);font-size:14px;line-height:1.6;color:var(--muted)}
.refund strong,.notice strong{color:var(--text);font-weight:700}
.refund a,.notice a{color:var(--accent2);font-weight:600;border-bottom:1px solid var(--accent-dk)}
.refund a:hover,.notice a:hover{color:var(--text)}
.code-inline{display:inline-block;padding:1px 6px;border-radius:var(--r);font-weight:700;font-size:12.5px;letter-spacing:.04em;color:var(--text);background:var(--bg);border:1px solid var(--border2)}

#compare{margin-top:88px}
.pl-views{display:flex;gap:4px;padding:4px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r)}
.pl-views .pl-view-btn,.pl-switch-btn{padding:9px 14px;border-radius:var(--r);font-size:13.5px;font-weight:600;color:var(--muted);white-space:nowrap;transition:background .12s,color .12s}
.pl-views .pl-view-btn:hover,.pl-switch-btn:hover{color:var(--text);background:var(--hover)}
.pl-views .pl-view-btn[aria-pressed="true"],.pl-switch-btn.active{background:var(--accent);color:var(--accent-ink);font-weight:700}
.pl-switch{display:none;gap:4px;padding:4px;margin-bottom:12px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r)}
.pl-switch-btn{flex:1}
.pl-diff-note{display:none;margin-bottom:12px;padding:12px 16px;border-radius:var(--r);font-size:13.5px;color:var(--muted);background:var(--panel);border:1px solid var(--border)}
.pl-matrix-panel.is-diff .pl-diff-note{display:block}
.pl-scroll{background:var(--bg);border:1px solid var(--border);border-radius:var(--r)}
.pl-matrix{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}
.pl-matrix thead th{position:sticky;top:68px;z-index:2;padding:14px 16px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.02em;color:var(--text);text-align:center;white-space:nowrap;background:var(--panel2);border-bottom:1px solid var(--border)}
.pl-matrix thead th:first-child{text-align:left;width:52%}
.pl-matrix thead th.t1,.pl-matrix thead th.t2,.pl-matrix thead th.t3{width:16%}
.pl-matrix tbody th{padding:11px 16px;text-align:left;font-weight:400;color:var(--body);border-top:1px solid var(--border)}
.pl-matrix tbody td{padding:11px 12px;text-align:center;border-top:1px solid var(--border);font-variant-numeric:tabular-nums}
.pl-matrix tbody tr:not(.pl-cat):hover th,.pl-matrix tbody tr:not(.pl-cat):hover td{background:var(--panel)}
.pl-matrix .pl-cat td{padding:20px 16px 8px;text-align:left}
.pl-matrix .pl-cat span{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:800;text-transform:uppercase;color:var(--text)}
.pl-matrix .pl-cat span::before{content:"";width:8px;height:8px;background:var(--accent)}
.pl-matrix.pl-diff tr.pl-same{display:none}
.pl-ck{width:16px;height:16px;color:var(--ok);vertical-align:middle}
.pl-x{width:12px;height:12px;color:var(--muted2);vertical-align:middle}
.pl-num{font-weight:800;font-size:14px;color:var(--text)}

.addon-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:16px}
.addon{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}
.addon-h{padding:22px 24px 18px}
.addon-h h2{font-size:20px;font-weight:800;text-transform:uppercase;line-height:1.1}
.addon-h p{margin-top:8px;font-size:14px;color:var(--muted)}
.slot-table{width:100%;border-collapse:collapse;font-size:14px}
.slot-table th{padding:10px 24px;text-align:left;font-size:12.5px;font-weight:700;color:var(--muted);background:var(--side);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.slot-table td{padding:12px 24px;font-weight:700;font-variant-numeric:tabular-nums;border-top:1px solid var(--border)}
.slot-table tbody tr:first-child td{border-top:0}
.slot-table td:last-child{color:var(--accent2)}
.pl-policy{list-style:none;padding:0;border-top:1px solid var(--border)}
.pl-policy li{display:flex;gap:12px;align-items:flex-start;padding:14px 24px;border-top:1px solid var(--border)}
.pl-policy li:first-child{border-top:0}
.pl-policy svg{display:none}
.pl-policy li::before{content:"";flex:0 0 8px;width:8px;height:8px;margin-top:8px;background:var(--accent)}
.pl-policy b{display:block;font-size:14.5px;font-weight:700}
.pl-policy span{display:block;margin-top:2px;font-size:14px;line-height:1.55;color:var(--muted)}
.addon .notice{margin:auto 0 0;padding:14px 24px;border-top:1px solid var(--border);background:var(--side);font-size:14px;line-height:1.6;color:var(--muted)}

@media (max-width:1100px){
  .tier-g{grid-template-columns:minmax(0,1fr);max-width:640px;margin:0 auto}
  .tiers{margin-top:-90px}
  .addon-g{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:900px){
  .ph{padding:56px 0 130px;clip-path:polygon(0 0,100% 0,100% calc(100% - 32px),0 100%)}
  .pl-free{flex-direction:column;align-items:flex-start}
  .pl-free .b{width:100%}
}
@media (max-width:860px){
  .pl-switch{display:flex}
  .pl-matrix thead th:first-child{width:auto}
  .pl-matrix.pl-show-1 .t2,.pl-matrix.pl-show-1 .t3,
  .pl-matrix.pl-show-2 .t1,.pl-matrix.pl-show-2 .t3,
  .pl-matrix.pl-show-3 .t1,.pl-matrix.pl-show-3 .t2{display:none}
  .pl-matrix thead th.t1,.pl-matrix thead th.t2,.pl-matrix thead th.t3{width:96px}
}
@media (max-width:720px){
  .sec-h .side{margin-left:0;width:100%}
  .pl-views{width:100%}
  .pl-views .pl-view-btn{flex:1}
}
@media (max-width:600px){
  .terms{display:grid;grid-template-columns:1fr 1fr}
  .terms .pl-view-btn{justify-content:center;padding:0 10px}
  .tier{padding:20px}
  .pl-amount{font-size:40px}
  .addon-h,.slot-table th,.slot-table td,.pl-policy li,.addon .notice{padding-left:16px;padding-right:16px}
  .pl-matrix tbody th{padding-left:12px}
  .pl-matrix .pl-cat td{padding-left:12px}
}