@charset "UTF-8";
                                                            

#monthly .monthly-plans{display:block;max-width:660px;margin:38px auto 8px;padding-top:30px;border-top:1px solid #ebd6a552;color:#fffaf1}
#monthly .monthly-plans .plans-eyebrow{margin:0 0 10px;color:#e8c782;font-size:9px;font-weight:800;letter-spacing:.18em}
#monthly .monthly-plans h3{margin:0;font-size:clamp(19px,2.2vw,27px);font-weight:900;line-height:1.6;letter-spacing:.015em;color:#fffaf1}
#monthly .monthly-plans ul{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;margin:24px 0 18px}
#monthly .monthly-plans li{padding:18px 10px 20px;border:1px solid var(--plan-edge);background:linear-gradient(155deg,var(--plan-tint),#142136);border-radius:7px;position:relative;overflow:hidden}
#monthly .monthly-plans li:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--plan-color)}
#monthly .monthly-plans li>span{display:block;font:700 10px/1 var(--en);letter-spacing:.1em;color:var(--plan-color);margin-bottom:10px}
#monthly .monthly-plans li>strong{font-size:clamp(21px,2.4vw,30px);font-weight:900;letter-spacing:-.025em;line-height:1.4;color:var(--plan-color);white-space:nowrap}
.plan-human{--plan-color:#ff93af;--plan-edge:#b35f7b80;--plan-tint:#542c49}
.plan-dark{--plan-color:#c7aeff;--plan-edge:#9175ba80;--plan-tint:#3a2b59}
.plan-god{--plan-color:#ffe0a0;--plan-edge:#dbba7380;--plan-tint:#54432c}
#monthly .monthly-plans .plans-copy{margin:0;font-size:13px;line-height:1.9;letter-spacing:.02em;color:#e2e6ef}
.plans-mobile-break{display:none}
#monthly>.section-inner>a[data-guide-open]{color:#fff8df;border-color:#e4c582;gap:30px;font-size:14px;margin-top:24px;padding:13px 8px}
@media(max-width:600px){#monthly .monthly-plans{margin-top:28px;padding-top:25px}#monthly .monthly-plans ul{gap:7px;margin-top:20px}#monthly .monthly-plans li{padding:15px 4px 16px}#monthly .monthly-plans li>strong{font-size:21px}#monthly .monthly-plans .plans-copy{font-size:12px}.plans-mobile-break{display:initial}#monthly>.section-inner>a[data-guide-open]{font-size:12px;margin-top:20px;gap:23px}}
@media(max-width:359px){#monthly .monthly-plans h3{font-size:17px}#monthly .monthly-plans li>strong{font-size:18px}#monthly .monthly-plans ul{gap:6px}}
