:root{--card-background:linear-gradient(145deg,rgba(0,0,0,.45),rgba(0,0,0,.72) 60%,rgba(12,6,22,.65))}
:is(.plan-card,.checkout-card,.content-card){
  --glass-accent:rgba(103,58,183,.07);
  border:1px solid rgba(103,58,183,.28);
  border-radius:22px;
  background:var(--card-background);
  backdrop-filter:blur(12px) saturate(135%);
  -webkit-backdrop-filter:blur(12px) saturate(135%);
  box-shadow:inset 0 1px 0 rgba(103,58,183,.12),inset 0 -1px 0 rgba(103,58,183,.08),0 18px 50px rgba(0,0,0,.3),0 0 26px var(--glass-accent);
}
:is(.plan-card,.checkout-card,.content-card)::before,:is(.plan-card,.checkout-card,.content-card)::after{content:none}
:is(.plan-card,.checkout-card,.content-card)>*{position:relative;z-index:1}

:is(.plan-card,.checkout-card,.content-card):hover,:is(.plan-card,.checkout-card,.content-card):focus-within{
  border-color:rgba(103,58,183,.65);
  box-shadow:inset 0 1px 0 rgba(103,58,183,.2),inset 0 -1px 0 rgba(103,58,183,.12),0 20px 55px rgba(0,0,0,.35),0 0 36px var(--glass-accent);
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){:is(.plan-card,.checkout-card,.content-card){background:linear-gradient(145deg,rgba(8,6,12,.96),rgba(0,0,0,.96))}}
:is(.checkout-card,.content-card){position:relative;overflow:hidden;transition:border-color .25s,box-shadow .25s}
:is(.checkout-card,.content-card):focus-within{--glass-accent:rgba(103,58,183,.22)}
@media(hover:hover) and (pointer:fine){:is(.checkout-card,.content-card):hover{--glass-accent:rgba(103,58,183,.22)}}
.plan-card h3,.checkout-card h2,.legal-document h2{font-family:var(--mono);font-weight:800;font-size:clamp(17px,1.65vw,25px);letter-spacing:-.055em}
.plan-description,.checkout-card #product-description{font-size:13px;line-height:1.7;color:#b8b8b8}
.plan-price,.checkout-price{font-family:var(--mono);font-weight:800;font-size:clamp(31px,3.5vw,47px);letter-spacing:-.07em}
.plan-price>span,.checkout-price #product-cadence{font:400 11px 'Space Grotesk',Arial,sans-serif;letter-spacing:0;color:#b8b8b8}
.gex-plan-title{display:flex;align-items:baseline;gap:.35em;white-space:nowrap}
.gex-title-glow{font-family:var(--mono);font-weight:800;letter-spacing:0;color:#fff;filter:drop-shadow(0 0 6px #ffffff8c) drop-shadow(0 0 14px #ffffff40)}
.gex-title-by{font-size:.75em;letter-spacing:0;color:#909090}
.checkout-card .button{min-height:46px;padding:13px 15px;font-size:12px;border-color:#673ab745;background:#673ab722;box-shadow:none;transition:background .25s,border-color .25s,box-shadow .25s}
.checkout-card:focus-within .button{background:linear-gradient(130deg,#673ab777,#673ab744);border-color:#673ab7;box-shadow:0 0 22px #673ab766,inset 0 1px 0 #ffffff20}
@media(hover:hover) and (pointer:fine){.checkout-card:hover .button{background:linear-gradient(130deg,#673ab777,#673ab744);border-color:#673ab7;box-shadow:0 0 22px #673ab766,inset 0 1px 0 #ffffff20}}
@media(max-height:800px) and (min-width:1101px){.plan-price,.checkout-price{font-size:39px}}
@media(min-width:761px) and (max-width:1100px){.plan-card h3,.checkout-card h2,.legal-document h2{font-size:17px}.plan-price,.checkout-price{font-size:31px}}
@media(max-width:760px){.plan-card h3,.checkout-card h2,.legal-document h2{font-size:23px}.plan-description,.checkout-card #product-description{font-size:14px}.plan-price,.checkout-price{font-size:42px}.plan-price>span,.checkout-price #product-cadence{font-size:12px}.checkout-card .button{font-size:13px}}
@media(max-width:360px){.plan-price,.checkout-price{font-size:36px}.plan-price>span,.checkout-price #product-cadence{font-size:10px}}
@media(prefers-reduced-motion:reduce){.checkout-card,.content-card,.checkout-card .button{transition:none}}
