/* Public Premium benefits navigation, plan cards and comparison. */
@property --arx-benefit-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}
.arx-premium-benefit-button{
  --primary-glow:#2458ff;--secondary-glow:#a820ff;
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  padding:2px;border-radius:999px;isolation:isolate;flex-shrink:0;
  background:transparent;text-decoration:none;color:inherit;user-select:none;
  perspective:600px;transition:transform .2s cubic-bezier(.2,.8,.2,1);
}
.arx-premium-benefit-button:hover{transform:translateY(-2px) scale(1.02)}
.arx-premium-benefit-button:active{transform:translateY(0) scale(.98)}
.arx-premium-benefit-button:focus-visible{outline:2px solid #a6d1ff;outline-offset:5px}
.arx-premium-benefit-glow{
  position:absolute;inset:-9px;border-radius:inherit;pointer-events:none;z-index:0;
  background:radial-gradient(circle at 25% 50%,var(--primary-glow),transparent 60%),
    radial-gradient(circle at 75% 50%,var(--secondary-glow),transparent 60%);
  opacity:.18;filter:blur(14px);transition:opacity .4s ease,filter .4s ease;
}
.arx-premium-benefit-button:hover .arx-premium-benefit-glow{opacity:.85;filter:blur(20px)}
.arx-premium-benefit-border{
  position:absolute;inset:0;border-radius:inherit;z-index:1;pointer-events:none;
  background:conic-gradient(from var(--arx-benefit-angle),rgba(255,255,255,.14),#568aff 90deg,#c45aff 180deg,rgba(255,255,255,.8) 270deg,rgba(255,255,255,.14) 360deg);
  animation:arxRotateBenefitBorder 4s linear infinite;
}
@keyframes arxRotateBenefitBorder{to{--arx-benefit-angle:360deg}}
.arx-premium-benefit-inner{
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  gap:8px;min-height:38px;padding:0 14px;border-radius:inherit;
  z-index:2;color:#f0f2fa;font-size:12px;font-weight:800;white-space:nowrap;
  background:linear-gradient(180deg,#252630,#101116);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.2);
  transition:color .3s ease,background .3s ease;
}
.arx-premium-benefit-button:hover .arx-premium-benefit-inner{
  color:white;background:linear-gradient(180deg,#30303a,#181820);
}
.arx-premium-benefit-gem{
  width:18px;height:18px;flex-shrink:0;
  filter:drop-shadow(0 0 2px rgba(255,255,255,.35));
  transition:transform .8s cubic-bezier(.34,1.56,.64,1),filter .4s ease;
}
.arx-premium-benefit-button:hover .arx-premium-benefit-gem{
  transform:rotateY(360deg) scale(1.1);
  filter:drop-shadow(0 0 7px rgba(160,210,255,.9));
}
.marketing-links .arx-premium-benefits-menu-link{display:none}
@media(max-width:1200px) and (min-width:1051px){
  .marketing-nav{gap:13px}
  .marketing-links{gap:13px}
  .arx-premium-benefit-inner{padding:0 9px;font-size:11px}
}
@media(max-width:1050px){
  .arx-premium-benefit-button{display:none}
  .marketing-links .arx-premium-benefits-menu-link{display:block;color:#c5dfff;font-weight:850}
}

/* Standalone public comparison uses exactly the existing checkout matrix and cards. */
.arx-public-benefits-page{background:radial-gradient(circle at 80% 4%,rgba(88,144,255,.09),transparent 35%),#08090b}
.arx-public-benefits-page .marketing-links .arx-benefits-nav-active{color:#bbd8ff}
.arx-public-benefits-page .arx-benefits-main{padding:68px 0 78px;min-height:70vh}
.arx-public-benefits-page .arx-benefits-main>.marketing-container{width:min(1180px,calc(100% - 36px))}
.arx-benefits-intro{margin:0 0 31px}
.arx-benefits-intro h1{font-size:clamp(30px,4.5vw,48px);line-height:1.16;margin:12px 0 12px;color:#fff}
.arx-benefits-intro>p:not(.marketing-kicker){max-width:760px;color:#acb5c4;font-size:15px;line-height:1.65}
.arx-benefits-jump{
  display:inline-flex;margin-top:15px;color:#ffdc71;font-size:13px;font-weight:750;
  text-underline-offset:4px;text-decoration:underline;
}
.arx-benefits-jump:focus-visible,.arx-public-benefits-page a:focus-visible{outline:2px solid #8dc9ff;outline-offset:3px}
.arx-public-benefits-page .arx-purchase-card{min-height:365px}
.arx-public-benefits-page .arx-purchase-card h2{
  font-size:clamp(20px,2vw,23px);line-height:1.25;letter-spacing:-.02em;
  margin:0;color:#f9fafb;font-weight:850;
}
.arx-public-benefits-page .arx-purchase-grid .is-gold h2{color:#ffdf99}
.arx-public-benefits-page .arx-purchase-grid .is-diamond h2{color:#d8f2ff}
.arx-public-benefits-page .arx-purchase-card .arx-purchase-plan-title img{
  width:43px;height:43px;object-fit:contain;
}
.arx-public-benefits-page .arx-purchase-features{margin-top:7px}
.arx-benefits-period-switch{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;margin:0 0 23px}
.arx-benefits-period-caption{color:#c7ceda;font-size:13px;font-weight:800}
.arx-benefits-period-actions{display:inline-flex;gap:4px;padding:4px;border:1px solid #353e51;border-radius:999px;background:#151922}
.arx-benefits-period-button{border:0;border-radius:999px;background:transparent;color:#aeb8c9;cursor:pointer;min-width:100px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:800;line-height:1.3;transition:background .2s,color .2s,box-shadow .2s}
.arx-benefits-period-button:hover{color:#fff}
.arx-benefits-period-button.is-selected{background:linear-gradient(105deg,#2c3f75,#5366b1);color:#fff;box-shadow:0 0 14px rgba(104,137,239,.22)}
.arx-benefits-period-button:focus-visible{outline:2px solid #9cc9ff;outline-offset:3px}
.arx-benefits-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:4px 0 8px}
.arx-benefits-price-tile{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;min-height:108px;gap:4px;padding:12px 10px;border-radius:12px;border:1px solid #363c4c;background:#11141b;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}
.arx-benefits-price-tile.is-selected{border-color:#c8a141;background:linear-gradient(145deg,rgba(248,192,45,.12),rgba(255,255,255,.025));box-shadow:inset 0 0 17px rgba(250,191,44,.08)}
.arx-purchase-card.is-diamond .arx-benefits-price-tile.is-selected{border-color:#81c7fa;background:linear-gradient(145deg,rgba(105,178,247,.16),rgba(255,255,255,.025));box-shadow:inset 0 0 18px rgba(110,190,246,.13)}
.arx-benefits-price-label{font-size:12px;font-weight:850;line-height:1.35;color:#c9d0de}
.arx-benefits-price-value{font-size:clamp(23px,2.3vw,30px);line-height:1.18;font-weight:950;letter-spacing:-.025em;color:#f8d260;font-variant-numeric:tabular-nums}
.arx-purchase-card.is-diamond .arx-benefits-price-value{color:#b9e7ff}
.arx-benefits-price-tile small{font-size:11px;font-weight:650;color:#aeb7c6;line-height:1.25}
.arx-benefits-currency-note{font-size:12px;color:#9aa5b5;margin:17px 0 0}
.arx-public-benefits-page .arx-purchase-details{scroll-margin-top:95px;margin-top:38px}
.arx-public-benefits-page .arx-purchase-feature-section{scroll-margin-top:110px}
.arx-public-benefits-page .marketing-footer{margin-top:0}
.arx-public-benefits-page [dir="rtl"] .arx-purchase-feature-table{text-align:right}
[dir="rtl"] .arx-public-benefits-page .arx-purchase-feature-table{ text-align:right }
[dir="rtl"] .arx-public-benefits-page .arx-purchase-features li{padding-right:22px;padding-left:0}
[dir="rtl"] .arx-public-benefits-page .arx-purchase-features li::before{right:0;left:auto}
@media(min-width:1051px) and (max-width:1250px){
  .arx-public-benefits-page .marketing-nav{gap:14px}
  .arx-public-benefits-page .marketing-links{gap:13px}
  .arx-public-benefits-page .marketing-links a{font-size:12px}
}
@media(max-width:780px){
  .arx-public-benefits-page .arx-benefits-main{padding:43px 0 65px}
  .arx-public-benefits-page .arx-purchase-card{min-height:0}
  .arx-public-benefits-page .arx-purchase-grid{gap:14px}
  .arx-public-benefits-page .arx-purchase-details{margin-top:30px}
}
@media(prefers-reduced-motion:reduce){
  .arx-premium-benefit-border{animation:none}
  .arx-premium-benefit-button,.arx-premium-benefit-gem,
  .arx-premium-benefit-glow{transition:none}
  .arx-premium-benefit-button:hover .arx-premium-benefit-gem{transform:none}
}

@media(max-width:380px){
  .arx-benefits-price-tile{padding:10px 7px;min-height:100px}
  .arx-benefits-price-value{font-size:23px}
  .arx-benefits-period-caption{width:100%;text-align:center}
  .arx-benefits-period-button{min-width:92px}
}
@media(prefers-reduced-motion:reduce){
  .arx-benefits-period-button,.arx-benefits-price-tile{transition:none}
}


/* ARX V300.316 | Space / aurora treatment exclusively for the public benefits page.
   Existing account checkout, subscription state, admin and homepage are unaffected. */
@property --arx-benefits-border-angle {
  syntax:"<angle>";
  initial-value:0deg;
  inherits:false;
}
body.arx-public-benefits-page {
  background:#040508;
  overflow-x:hidden;
}
.arx-public-benefits-page .arx-benefits-space {
  position:fixed;
  inset:0;
  width:100vw;
  height:100vh;
  pointer-events:none;
  z-index:0;
  opacity:.8;
}
.arx-benefits-nebula {
  position:fixed;
  z-index:0;
  pointer-events:none;
  width:min(67vw,780px);
  height:520px;
  border-radius:50%;
  filter:blur(125px);
  opacity:.19;
  background:radial-gradient(ellipse,#38bdf8 0%,#818cf8 32%,#c084fc 70%,transparent 100%);
}
.arx-benefits-nebula-blue{top:7%;left:-20%}
.arx-benefits-nebula-purple{top:30%;right:-25%;opacity:.16;filter:blur(145px)}
.arx-public-benefits-page .marketing-nav-shell,
.arx-public-benefits-page .marketing-footer{position:relative;z-index:5}
.arx-public-benefits-page .marketing-nav-shell{position:sticky}
.arx-public-benefits-page .arx-benefits-main{position:relative;z-index:1;padding:57px 0 74px}
.arx-public-benefits-page .arx-benefits-main>.marketing-container{width:min(1190px,calc(100% - 32px))}
.arx-benefits-pricing-shell{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(24px,3.8vw,44px) clamp(18px,2.9vw,35px) 32px;
  background:rgba(10,13,20,.77);
  border:1px solid rgba(255,255,255,.1);
  border-radius:27px;
  -webkit-backdrop-filter:blur(28px);
  backdrop-filter:blur(28px);
  box-shadow:0 38px 98px rgba(0,0,0,.64),0 0 45px rgba(99,102,241,.1);
}
.arx-benefits-pricing-shell::before{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  top:-195px;
  left:calc(50% - 410px);
  width:820px;
  height:370px;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(64,129,214,.17),rgba(121,64,219,.075) 45%,transparent 71%);
}
.arx-public-benefits-page .arx-benefits-intro{text-align:center;margin-bottom:26px}
.arx-public-benefits-page .arx-benefits-intro .marketing-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 15px;
  border:1px solid rgba(89,190,250,.22);
  border-radius:99px;
  background:rgba(56,189,248,.08);
  color:#83d6ff;
  font-size:11px;
  letter-spacing:.12em;
}
.arx-public-benefits-page .arx-benefits-intro h1{
  font-size:clamp(28px,4vw,42px);
  font-weight:850;
  letter-spacing:-.025em;
  line-height:1.2;
  margin:14px 0 9px;
  color:#f5f7ff;
  background:linear-gradient(135deg,#fff 35%,#b8c8e3 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.arx-public-benefits-page .arx-benefits-intro>p:not(.marketing-kicker){
  font-size:14px;
  line-height:1.6;
  margin:0 auto;
  max-width:700px;
  color:#a6b2c5;
}
.arx-public-benefits-page .arx-benefits-jump{margin-top:13px;color:#a2dcff}
.arx-public-benefits-page .arx-benefits-period-switch{gap:12px;margin-bottom:28px}
.arx-public-benefits-page .arx-benefits-period-actions{
  background:rgba(255,255,255,.04);
  border-color:rgba(255,255,255,.13);
  padding:4px;
  gap:5px;
}
.arx-public-benefits-page .arx-benefits-period-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:41px;
  border-radius:999px;
  white-space:nowrap;
}
.arx-public-benefits-page .arx-benefits-period-button.is-selected{
  background:linear-gradient(125deg,#25324b,#364664);
  box-shadow:0 2px 12px rgba(0,0,0,.46);
}
.arx-benefits-period-value{
  display:inline-flex;
  align-items:center;
  border-radius:99px;
  background:linear-gradient(135deg,#148857,#0d684a);
  color:#effff5;
  padding:4px 7px;
  font-size:10px;
  font-weight:800;
  line-height:1.1;
}
.arx-public-benefits-page .arx-purchase-grid{gap:19px}
body.arx-public-benefits-page .arx-purchase-grid .arx-benefits-plan-card{
  display:flex;
  position:relative;
  flex-direction:column;
  overflow:hidden;
  isolation:isolate;
  min-height:455px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:21px;
  padding:clamp(19px,2.1vw,26px) clamp(17px,1.9vw,24px);
  background:rgba(15,20,30,.8);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  transition:transform .26s cubic-bezier(.2,.8,.2,1),border-color .25s,box-shadow .25s;
}
body.arx-public-benefits-page .arx-purchase-grid .arx-benefits-plan-card.is-gold{
  border-color:rgba(245,197,24,.37);
  background:linear-gradient(155deg,rgba(41,33,15,.84),rgba(18,20,28,.86) 64%);
  box-shadow:inset 0 0 35px rgba(245,197,24,.045);
}
body.arx-public-benefits-page .arx-purchase-grid .arx-benefits-plan-card.is-diamond{
  border-color:rgba(114,170,245,.35);
  background:linear-gradient(160deg,rgba(30,24,49,.88),rgba(15,20,31,.87) 64%);
  box-shadow:inset 0 0 31px rgba(102,157,242,.06);
}
body.arx-public-benefits-page .arx-purchase-grid .arx-benefits-plan-card:hover{
  transform:translateY(-5px);
  border-color:rgba(255,255,255,.3);
  box-shadow:0 16px 43px rgba(0,0,0,.48);
}
body.arx-public-benefits-page .arx-purchase-grid .arx-benefits-plan-card.is-gold:hover{
  border-color:rgba(255,212,91,.92);
  box-shadow:0 17px 47px rgba(244,182,47,.15);
}
body.arx-public-benefits-page .arx-purchase-grid .arx-benefits-plan-card.is-diamond:hover{
  border-color:rgba(149,210,255,.86);
  box-shadow:0 17px 47px rgba(104,112,239,.17);
}
.arx-benefits-plan-card>*{position:relative;z-index:1}
.arx-public-benefits-page .arx-purchase-grid .arx-benefits-plan-card h2{font-size:clamp(21px,2vw,25px);letter-spacing:-.025em}
.arx-public-benefits-page .arx-purchase-grid .arx-benefits-plan-card.is-gold h2{color:#f5c518}
.arx-public-benefits-page .arx-purchase-grid .arx-benefits-plan-card.is-diamond h2{
  background:linear-gradient(110deg,#62cbff,#d3a0ff);
  background-clip:text;
  -webkit-background-clip:text;
  color:#b7dfff;
  -webkit-text-fill-color:transparent;
}
.arx-public-benefits-page .arx-benefits-plan-card>p{color:#9eabc0;font-size:13px;line-height:1.5;min-height:39px}
.arx-public-benefits-page .arx-purchase-grid .arx-benefits-plan-card .arx-purchase-features{gap:11px;margin-top:11px}
.arx-public-benefits-page .arx-benefits-plan-card .arx-purchase-features li{color:#d4dce9;line-height:1.48;font-size:13px}
.arx-public-benefits-page .arx-benefits-plan-card .arx-purchase-features li.is-absent{color:#788698}
.arx-public-benefits-page .arx-benefits-plan-card.is-diamond .arx-purchase-features li::before{color:#67d3ff}
.arx-public-benefits-page .arx-benefits-prices{
  margin:4px 0 12px;
  gap:10px;
}
.arx-public-benefits-page .arx-benefits-price-tile{
  background:rgba(9,12,19,.54);
  border-color:rgba(255,255,255,.1);
  min-height:110px;
  padding:13px 11px;
}
.arx-public-benefits-page .arx-benefits-price-tile.is-selected{
  background:rgba(245,197,24,.08);
  border-color:rgba(247,198,64,.63);
}
.arx-public-benefits-page .is-diamond .arx-benefits-price-tile.is-selected{
  background:rgba(92,142,250,.1);
  border-color:#67bfff;
}
.arx-public-benefits-page .arx-benefits-price-label{color:#c3ccde;font-size:12px}
.arx-public-benefits-page .arx-benefits-price-value{font-size:clamp(24px,2.5vw,34px)}
.arx-public-benefits-page .is-diamond .arx-benefits-price-value{color:#75d3ff}
.arx-public-benefits-page .arx-purchase-card .arx-purchase-price{font-size:clamp(30px,3vw,40px);margin:7px 0 21px}
.arx-public-benefits-page .arx-benefits-currency-note{text-align:center;margin:21px 0 0}
.arx-benefits-conic-border{
  position:absolute!important;
  z-index:3!important;
  inset:0;
  padding:1.5px;
  border-radius:inherit;
  pointer-events:none;
  background:conic-gradient(
    from var(--arx-benefits-border-angle),
    transparent 48%,#45c9ff 72%,#bf83ff 90%,#45c9ff 100%
  );
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  animation:arxBenefitsConicSpin 4s linear infinite;
}
@keyframes arxBenefitsConicSpin{to{--arx-benefits-border-angle:360deg}}
/* Preserve the existing exact localized 36-row comparison with frosted framing. */
.arx-public-benefits-page .arx-purchase-details{
  background:rgba(9,13,21,.7);
  border:1px solid rgba(255,255,255,.095);
  border-radius:23px;
  padding:clamp(20px,3.2vw,35px);
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px);
  box-shadow:0 25px 70px rgba(0,0,0,.26);
  margin-top:28px;
}
.arx-public-benefits-page .arx-purchase-feature-scroll{background:rgba(15,19,30,.85)}
.arx-public-benefits-page .arx-purchase-feature-section h4{color:#f3cf7b}
@media(max-width:1050px){
  body.arx-public-benefits-page .arx-purchase-grid{gap:12px}
  body.arx-public-benefits-page .arx-purchase-grid .arx-benefits-plan-card{padding:20px 15px}
  .arx-public-benefits-page .arx-benefits-price-tile{min-height:96px;padding:10px 8px}
  .arx-public-benefits-page .arx-benefits-price-value{font-size:clamp(21px,2.8vw,30px)}
}
@media(max-width:780px){
  body.arx-public-benefits-page .arx-benefits-main{padding:28px 0 56px}
  .arx-benefits-pricing-shell{padding:23px 16px 27px;border-radius:22px}
  body.arx-public-benefits-page .arx-purchase-grid .arx-benefits-plan-card{min-height:0;padding:23px 20px}
  .arx-public-benefits-page .arx-benefits-pricing-shell .arx-purchase-grid{gap:14px}
  .arx-public-benefits-page .arx-purchase-feature-scroll{scrollbar-width:thin}
  .arx-benefits-nebula{width:88vw;filter:blur(98px)}
}
@media(max-width:420px){
  .arx-public-benefits-page .arx-benefits-period-switch{gap:8px}
  .arx-public-benefits-page .arx-benefits-period-caption{width:100%;text-align:center}
  .arx-public-benefits-page .arx-benefits-period-button{min-width:unset;padding:10px 11px}
  .arx-public-benefits-page .arx-benefits-price-value{font-size:clamp(24px,6.5vw,29px)}
  .arx-public-benefits-page .arx-benefits-price-tile{padding:10px}
}
@media(prefers-reduced-motion:reduce){
  .arx-benefits-conic-border{animation:none}
  body.arx-public-benefits-page .arx-purchase-grid .arx-benefits-plan-card{
    transition:none;
  }
  body.arx-public-benefits-page .arx-purchase-grid .arx-benefits-plan-card:hover{
    transform:none;
  }
  body.arx-public-benefits-page .arx-purchase-grid .arx-benefits-plan-card::before{display:none}
}


/* ARX V300.316 — Vivid space pass. Public Premium Benefits ONLY. */
body.arx-public-benefits-page {
  background: radial-gradient(ellipse at 50% -15%, rgba(27,60,121,.13), transparent 39%), #020408;
}
.arx-public-benefits-page .arx-benefits-space {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.arx-public-benefits-page .arx-benefits-nebula-blue {
  top: -6%; left: -18%; opacity: .16;
}
.arx-public-benefits-page .arx-benefits-nebula-purple {
  top: 15%; right: -18%; opacity: .13;
}
.arx-public-benefits-page .arx-benefits-pricing-shell {
  border-color: rgba(137,169,221,.16);
  background: linear-gradient(180deg, rgba(7,11,19,.88), rgba(4,8,15,.83));
  border-radius: 28px;
  box-shadow: 0 30px 92px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.045), 0 0 55px rgba(68,123,231,.04);
}
.arx-public-benefits-page .arx-benefits-intro { margin-bottom: 29px; }
.arx-public-benefits-page .arx-benefits-intro .arx-benefits-kicker {
  gap: 9px; border-color: rgba(56,189,248,.24);
  background: rgba(56,189,248,.07); color:#73d5ff;
  box-shadow: 0 0 17px rgba(56,189,248,.06);
}
.arx-public-benefits-page .arx-benefits-kicker-core {
  width: 7px; height: 7px; padding: 0; display: inline-block;
  flex: 0 0 7px; border-radius: 50%; background: #50d0ff;
  box-shadow: 0 0 10px rgba(80,208,255,.85);
  animation: arxBenefitsCorePulse 2.3s ease-in-out infinite;
}
@keyframes arxBenefitsCorePulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.5); opacity: .48; }
}
.arx-public-benefits-page .arx-benefits-intro h1 {
  font-size: clamp(32px,4.4vw,52px); font-weight: 900;
  letter-spacing: -.035em; line-height: 1.1;
}
.arx-public-benefits-page .arx-benefits-intro>p:not(.marketing-kicker) {
  color: #b0bfd1; font-size: 15px;
}
.arx-public-benefits-page .arx-benefits-jump { color:#91daff; font-weight: 800; }
.arx-public-benefits-page .arx-benefits-period-button.is-selected {
  background: linear-gradient(140deg,#304362,#22314b);
  box-shadow: 0 0 0 1px rgba(130,174,244,.12), 0 6px 20px rgba(0,0,0,.32);
}
body.arx-public-benefits-page .arx-purchase-grid .arx-benefits-plan-card {
  background: linear-gradient(170deg,rgba(10,15,25,.94),rgba(7,12,22,.91));
  border-color: rgba(160,180,215,.13);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025),0 12px 30px rgba(0,0,0,.19);
}
body.arx-public-benefits-page .arx-purchase-grid .arx-benefits-plan-card.is-gold {
  background: linear-gradient(166deg,rgba(30,25,12,.92),rgba(12,15,22,.92) 68%);
  border-color:rgba(243,194,31,.39);
  box-shadow: inset 0 0 32px rgba(243,194,31,.035),0 12px 30px rgba(0,0,0,.2);
}
body.arx-public-benefits-page .arx-purchase-grid .arx-benefits-plan-card.is-diamond {
  background: linear-gradient(164deg,rgba(27,20,47,.94),rgba(10,15,28,.91) 70%);
  border-color:rgba(92,179,255,.42);
  box-shadow: inset 0 0 36px rgba(95,145,255,.06),0 12px 30px rgba(0,0,0,.2);
}
body.arx-public-benefits-page .arx-purchase-grid .arx-benefits-plan-card:hover {
  transform: translateY(-5px); box-shadow:0 19px 44px rgba(0,0,0,.42);
}
body.arx-public-benefits-page .arx-purchase-grid .arx-benefits-plan-card.is-gold:hover {
  border-color: rgba(255,215,89,.85); box-shadow:0 17px 45px rgba(245,190,24,.12);
}
body.arx-public-benefits-page .arx-purchase-grid .arx-benefits-plan-card.is-diamond:hover {
  border-color: rgba(121,206,255,.9); box-shadow:0 17px 45px rgba(95,118,244,.15);
}
.arx-public-benefits-page .arx-benefits-plan-card>p {
  color:#adbbce; font-size: 13.5px; line-height: 1.58;
}
.arx-public-benefits-page .arx-benefits-plan-card .arx-purchase-features li {
  color:#dce4f0; font-size:13.5px;
}
.arx-public-benefits-page .arx-benefits-price-tile {
  background: rgba(9,13,23,.64); border-color:rgba(255,255,255,.11);
  border-radius:13px;
}
.arx-public-benefits-page .arx-benefits-price-tile.is-selected {
  background:rgba(255,201,51,.09); border-color:rgba(255,207,74,.6);
}
.arx-public-benefits-page .is-diamond .arx-benefits-price-tile.is-selected {
  background:rgba(84,142,252,.13); border-color:rgba(101,194,255,.76);
}
.arx-public-benefits-page .arx-benefits-price-value {
  font-size:clamp(25px,2.7vw,37px); color:#ffd049;
}
.arx-public-benefits-page .is-diamond .arx-benefits-price-value { color:#62d4ff; }
.arx-public-benefits-page .arx-purchase-details {
  background: linear-gradient(180deg,rgba(7,12,21,.83),rgba(5,10,18,.79));
  border-color:rgba(155,178,215,.12);
  box-shadow:0 25px 73px rgba(0,0,0,.33);
}
.arx-public-benefits-page .arx-purchase-feature-scroll {
  background:rgba(10,15,26,.9); border-radius:14px;
}
@media (max-width:780px) {
  .arx-public-benefits-page .arx-benefits-pricing-shell { border-radius:23px; padding:22px 15px 27px; }
  body.arx-public-benefits-page .arx-purchase-grid .arx-benefits-plan-card { min-height:0; padding:22px 19px; }
  .arx-public-benefits-page .arx-benefits-intro h1 { font-size:clamp(30px,8vw,43px); }
  .arx-public-benefits-page .arx-benefits-nebula { width:90vw; }
}
@media (prefers-reduced-motion:reduce) {
  .arx-public-benefits-page .arx-benefits-kicker-core { animation:none; }
  .arx-public-benefits-page .arx-benefits-conic-border { animation:none; }
  body.arx-public-benefits-page .arx-purchase-grid .arx-benefits-plan-card:hover { transform:none; }
}


/* ARX Premium Benefits — supplied SpaceCanvas / Nebula / Plan Card effects only. */
@property --border-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

#spaceCanvas {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  z-index: 0;
  pointer-events: none;
}

.nebula-glow {
  position: fixed;
  width: 800px;
  height: 500px;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(150px);
  z-index: 0;
  opacity: 0.22;
  background: radial-gradient(circle, #38bdf8 0%, #818cf8 35%, #c084fc 70%, transparent 100%);
  top: 15%;
  left: 50%;
  transform: translateX(-50%);
}

.arx-public-benefits-page .plan-card {
  position: relative;
  overflow: hidden;
}

body.arx-public-benefits-page .arx-purchase-grid .plan-card::before {
  content: "";
  position: absolute;
  top: var(--mouse-y, -250px);
  left: var(--mouse-x, -250px);
  width: 280px;
  height: 280px;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.12) 0%, transparent 70%);
  transform: translate(-50%, -50%);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s;
  z-index: 0;
  animation: none;
}

body.arx-public-benefits-page .arx-purchase-grid .plan-card:hover::before {
  opacity: 1;
}

.arx-public-benefits-page .plan-card.plan-plus .conic-border {
  position: absolute;
  inset: 0;
  border-radius: 22px;
  padding: 1.5px;
  background: conic-gradient(from var(--border-angle), transparent 50%, #38bdf8 75%, #c084fc 90%, #38bdf8 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: rotateConic 4s linear infinite;
  pointer-events: none;
}

@keyframes rotateConic {
  to { --border-angle: 360deg; }
}

@media (prefers-reduced-motion: reduce) {
  .arx-public-benefits-page .plan-card.plan-plus .conic-border { animation: none; }
}


/* ARX V300.316 — single plan price and warm rotating Premium border.
   Scoped to the public benefits page; existing spaceCanvas and Plus FX unchanged. */
.arx-public-benefits-page .arx-benefits-plan-card .arx-benefits-price-display {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: center;
  gap: 6px;
  width: fit-content;
  max-width: 100%;
  box-sizing: border-box;
  min-height: 0;
  min-width: 0;
  margin: 18px auto 10px;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.arx-public-benefits-page .arx-benefits-plan-card.is-gold .arx-benefits-price-display,
.arx-public-benefits-page .arx-benefits-plan-card.is-diamond .arx-benefits-price-display {
  background: transparent;
  border: none;
  box-shadow: none;
}
.arx-public-benefits-page .arx-benefits-price-display-label {
  font-size: 20px;
  font-weight: 900;
  color: #eef3ff;
  text-align: center;
  line-height: 1.15;
}
.arx-public-benefits-page .arx-benefits-price-display-main {
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  gap: 10px;
  max-width: 100%;
  white-space: nowrap;
  direction: ltr;
}
.arx-public-benefits-page .arx-benefits-price-display-value {
  font-size: clamp(42px, 4.2vw, 60px);
  font-weight: 950;
  letter-spacing: -.04em;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  color: #ffd24a;
}
.arx-public-benefits-page .arx-benefits-plan-card.is-diamond .arx-benefits-price-display-value {
  color: #67d7ff;
}
.arx-public-benefits-page .arx-benefits-price-display-suffix {
  font-size: clamp(16px, 1.6vw, 21px);
  font-weight: 850;
  color: #d8dfec;
  line-height: 1;
}
.arx-public-benefits-page .arx-benefits-plan-card > .arx-benefits-save-note {
  min-height: 0;
  width: fit-content;
  max-width: 100%;
  align-self: center;
  margin: 6px auto 14px;
  font-size: 13px;
  line-height: 1.45;
  text-align: center;
  font-weight: 800;
  color: #abdf97;
}
.arx-public-benefits-page .arx-benefits-plan-card.is-diamond > .arx-benefits-save-note {
  color: #8ee3ff;
}
.arx-public-benefits-page .plan-card.is-gold .gold-conic-border {
  position: absolute !important;
  inset: 0;
  z-index: 3 !important;
  border-radius: inherit;
  padding: 1.5px;
  background: conic-gradient(
    from var(--border-angle),
    transparent 50%,
    #ffd54a 72%,
    #ff9f1a 86%,
    #fff4cf 94%,
    #ffd54a 100%
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: rotateConic 4s linear infinite;
  pointer-events: none;
}
@media (max-width: 480px) {
  .arx-public-benefits-page .arx-benefits-price-display-label {
    font-size: 17px;
  }
  .arx-public-benefits-page .arx-benefits-price-display-value {
    font-size: 40px;
  }
  .arx-public-benefits-page .arx-benefits-price-display-suffix {
    font-size: 18px;
  }
  .arx-public-benefits-page .arx-benefits-price-display-main {
    gap: 8px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .arx-public-benefits-page .plan-card.is-gold .gold-conic-border {
    animation: none;
  }
}


/* ARX V300.316 — scoped animated SVG title from user-supplied yazı.html.
   Preserve original black star pattern, silver orbit and localized text. */
.arx-public-benefits-page .arx-benefits-intro h1.arx-benefits-orbit-heading {
  display: block;
  width: min(1000px, 100%);
  max-width: 100%;
  margin: 0 auto 9px;
  padding: 0;
  background: none;
  color: inherit;
  -webkit-text-fill-color: initial;
  text-shadow: none;
  line-height: 0;
}
.arx-public-benefits-page .arx-benefits-orbit-svg {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1000 / 160;
  overflow: visible;
  user-select: none;
}
.arx-public-benefits-page .arx-benefits-orbit-text {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: var(--arx-orbit-title-size, 78px);
  font-weight: 900;
  letter-spacing: -0.025em;
  dominant-baseline: middle;
  text-anchor: middle;
}
@keyframes arxBenefitsTitleStarPulse {
  0%, 100% { opacity: .78; }
  50% { opacity: 1; }
}
.arx-public-benefits-page #arxBenefitsStarPattern {
  animation: arxBenefitsTitleStarPulse 2.8s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  .arx-public-benefits-page #arxBenefitsStarPattern { animation: none; }
}

/* Public purchase links and Lifetime: scoped away from the panel checkout. */
body.arx-public-benefits-page .arx-purchase-grid .arx-benefits-plan-card.is-lifetime {
  background:linear-gradient(164deg,rgba(48,13,22,.96),rgba(16,10,20,.94) 70%);
  border-color:rgba(255,83,111,.5);
  box-shadow:inset 0 0 36px rgba(255,70,95,.055),0 12px 30px rgba(0,0,0,.2);
}
body.arx-public-benefits-page .arx-purchase-grid .arx-benefits-plan-card.is-lifetime:hover {
  border-color:#ff738b;
  box-shadow:0 17px 45px rgba(255,66,100,.15);
}
body.arx-public-benefits-page .arx-purchase-grid .is-lifetime h2,
.arx-public-benefits-page .is-lifetime .arx-benefits-price-display-value {
  color:#ff617c;
  text-shadow:0 0 24px rgba(255,66,100,.18);
}
.arx-public-benefits-page .is-lifetime .arx-purchase-features li::before,
.arx-public-benefits-page .is-lifetime > .arx-benefits-save-note {color:#ffa2b2}
.arx-public-benefits-page .arx-purchase-card .arx-purchase-plan-title {min-height:52px}
.arx-public-benefits-page .arx-purchase-card.is-lifetime .arx-purchase-plan-title img {
  width:52px;height:52px;object-fit:contain;
}
.arx-public-benefits-page .arx-benefits-lifetime-price {min-height:87px}
.arx-public-benefits-page .arx-benefits-plan-card > p:not(.arx-benefits-save-note) {min-height:44px}
.arx-public-benefits-page .arx-benefits-plan-card > .arx-benefits-save-note {
  min-height:38px;display:flex;align-items:center;justify-content:center;
}
.arx-public-benefits-page .arx-benefits-plan-card .arx-purchase-features {align-content:start}
.arx-public-benefits-page .arx-benefits-purchase-link {
  display:flex;align-items:center;justify-content:center;min-height:46px;
  margin-top:auto;padding:12px 16px;border-radius:11px;box-sizing:border-box;
  border:1px solid rgba(255,215,89,.6);background:linear-gradient(120deg,#f5c518,#ffe17a);
  color:#1b1503;font-size:14px;font-weight:850;line-height:1.35;text-align:center;
  text-decoration:none;transition:filter .18s ease,box-shadow .18s ease;
}
.arx-public-benefits-page .is-diamond .arx-benefits-purchase-link {
  background:linear-gradient(120deg,#55c4f8,#a3e3ff);border-color:#78d4ff;color:#071e32;
}
.arx-public-benefits-page .is-lifetime .arx-benefits-purchase-link {
  background:linear-gradient(120deg,#c91b3b,#e43d58);border-color:#ff738b;color:#fff;
}
.arx-public-benefits-page .arx-benefits-purchase-link:hover {filter:brightness(1.08);box-shadow:0 4px 20px rgba(255,255,255,.1)}
.arx-public-benefits-page .arx-benefits-purchase-link:focus-visible {outline:3px solid #fff;outline-offset:4px}
.arx-public-benefits-page .lifetime-conic-border {
  position:absolute!important;inset:0;z-index:3!important;border-radius:inherit;padding:1.5px;
  background:conic-gradient(from var(--border-angle),transparent 50%,#ff315c 72%,#a7193d 86%,#ffd0db 94%,#ff315c);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  animation:rotateConic 4s linear infinite;pointer-events:none;
}
/* Keep Free in the detailed comparison and fit the fourth plan alongside it. */
.arx-public-benefits-page .arx-purchase-details {padding:clamp(14px,2.1vw,24px)}
.arx-public-benefits-page .arx-purchase-feature-table {min-width:680px}
.arx-public-benefits-page .arx-purchase-feature-table th:first-child {width:32%}
.arx-public-benefits-page .arx-purchase-feature-table th:not(:first-child),
.arx-public-benefits-page .arx-purchase-feature-table td {width:17%;padding:10px 9px;font-size:12px}
.arx-public-benefits-page .arx-purchase-feature-table thead th:nth-child(2) {background:#242833;color:#eef0f6}
.arx-public-benefits-page .arx-purchase-feature-table thead th:nth-child(3) {background:#3c3018;color:#ffe078}
.arx-public-benefits-page .arx-purchase-feature-table thead th:nth-child(4) {background:#20364e;color:#a7dfff}
.arx-public-benefits-page .arx-purchase-feature-table thead th:nth-child(5) {background:#461e2a;color:#ff9ab0}
.arx-public-benefits-page .arx-purchase-feature-table [data-plan="lifetime"] {background:rgba(255,70,103,.055)}
body.arx-public-benefits-page .arx-purchase-feature-table td[data-plan="lifetime"].is-available .arx-purchase-cell-icon {color:#ff849e}
@media(max-width:900px) {
  .arx-public-benefits-page .arx-purchase-grid {grid-template-columns:1fr}
  .arx-public-benefits-page .arx-benefits-lifetime-price {min-height:0}
}
@media(prefers-reduced-motion:reduce) {
  .arx-public-benefits-page .lifetime-conic-border {animation:none}
}