.pricing-hero{position:relative;padding:0 0 var(--space-8);text-align:center;margin-top:calc(-1 * var(--header-height));padding-top:calc(var(--header-height) + var(--space-16))}.pricing-hero:before{content:"";position:absolute;top:-20%;left:5%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,77,77,.12) 0%,transparent 70%);z-index:-1;animation:arena-pulse 8s ease-in-out infinite alternate}.pricing-hero:after{content:"";position:absolute;top:-10%;right:5%;width:500px;height:500px;background:radial-gradient(circle,rgba(41,98,255,.12) 0%,transparent 70%);z-index:-1;animation:arena-pulse 10s ease-in-out infinite alternate-reverse}@keyframes arena-pulse{0%{transform:scale(1);opacity:.7}to{transform:scale(1.2);opacity:1}}.pricing-hero h1{margin-bottom:var(--space-4);text-shadow:0 0 40px rgba(41,98,255,.2)}.pricing-hero__inner{display:flex;align-items:center;justify-content:center;gap:var(--space-8)}.pricing-hero__text{text-align:center}.pricing-hero__mascot{flex-shrink:0;width:120px;height:auto;filter:drop-shadow(0 4px 16px rgba(41,98,255,.3));animation:mascot-float 3s ease-in-out infinite}@keyframes mascot-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.pricing-section{max-width:var(--max-width-content);margin:0 auto;padding:0 var(--space-6)}.billing-toggle{display:grid;grid-template-columns:repeat(2,1fr);background:var(--color-surface);border-radius:var(--radius-full);padding:var(--space-1);border:1px solid var(--color-border);position:relative;width:100%;max-width:420px;margin:0 auto var(--space-10);z-index:1}.billing-toggle__label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--space-2) 0;min-height:44px;font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);cursor:pointer;position:relative;z-index:2;border-radius:var(--radius-full);transition:color var(--transition-fast);user-select:none;text-align:center}.billing-toggle__label:hover{color:var(--color-text-secondary)}.billing-toggle__label--disabled{opacity:.4;pointer-events:none}.billing-toggle__badge{display:inline-block;font-size:10px;font-weight:900;color:#fff;background:linear-gradient(90deg,var(--color-accent-success),#34d399);border-radius:var(--radius-full);padding:2px 8px;line-height:1.2;text-transform:uppercase;letter-spacing:.03em;box-shadow:0 2px 6px #22c55e66,inset 0 1px 1px #ffffff4d;text-shadow:0 1px 1px rgba(0,0,0,.2);border:none}.billing-toggle__slider{position:absolute;top:var(--space-1);bottom:var(--space-1);left:var(--space-1);width:calc((100% - (var(--space-1) * 2)) / 2);background:var(--color-primary);border-radius:var(--radius-full);z-index:1;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px var(--color-primary-glow)}#billing-monthly:checked~.pricing-section .billing-toggle__slider{transform:translate(0)}#billing-annual:checked~.pricing-section .billing-toggle__slider{transform:translate(100%)}#billing-monthly:checked~.pricing-section .billing-toggle__label[for=billing-monthly],#billing-annual:checked~.pricing-section .billing-toggle__label[for=billing-annual]{color:#fff}#billing-monthly:focus-visible~.pricing-section .billing-toggle__label[for=billing-monthly],#billing-annual:focus-visible~.pricing-section .billing-toggle__label[for=billing-annual]{outline:2px solid var(--color-primary-light);outline-offset:2px}[data-period]{display:none}@keyframes price-reveal{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}#billing-monthly:checked~.pricing-section [data-period=monthly],#billing-annual:checked~.pricing-section [data-period=annual]{display:block;animation:price-reveal .35s cubic-bezier(.175,.885,.32,1.275) forwards}.pricing-cards{margin-bottom:var(--space-16)}.pricing-cards__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);max-width:820px;margin:0 auto;align-items:start;position:relative}.pricing-clash-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:linear-gradient(135deg,var(--color-accent-coral),#ff8c00);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 0 24px #ff4d4d66,0 0 0 5px var(--color-background),0 0 0 7px #ff4d4d4d}.pricing-clash-badge__text{font-family:JetBrains Mono,monospace;font-size:20px;font-weight:900;font-style:italic;color:#fff;text-shadow:1px 2px 0 rgba(0,0,0,.3);letter-spacing:-.02em}.pricing-card{background:var(--color-surface-glass);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);position:relative;overflow:hidden;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .35s cubic-bezier(.175,.885,.32,1.275),opacity .25s ease}.pricing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);opacity:.5}@media(hover:hover){.pricing-cards__grid:has(.pricing-card:hover) .pricing-card:not(:hover){opacity:.5;transform:scale(.96)}.pricing-card:hover{transform:translateY(-6px) scale(1.02);z-index:5}}.pricing-card--premium{background:radial-gradient(circle at top right,rgba(41,98,255,.12) 0%,var(--color-surface-glass) 70%);border:none;overflow:visible;box-shadow:0 0 40px #2962ff1f,0 0 80px #fbbf240f,0 20px 40px -10px #0000004d}.pricing-card--premium:before{background:linear-gradient(90deg,transparent,rgba(251,191,36,.3),transparent)}.pricing-card--premium:after{content:"";position:absolute;inset:0;border-radius:var(--radius-xl);padding:2px;background:conic-gradient(from 0deg,var(--color-primary),var(--color-accent-gold),var(--color-accent-coral),var(--color-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:premium-border-shift 5s linear infinite;pointer-events:none;will-change:filter}@keyframes premium-border-shift{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.pricing-card--premium .pricing-price__amount{background:linear-gradient(135deg,var(--color-primary-light),var(--color-accent-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-card__header{margin-bottom:var(--space-6)}.pricing-card__name{font-size:var(--text-2xl);font-weight:800;color:var(--color-text);margin-bottom:var(--space-1)}.pricing-card__tagline{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.pricing-card__popular{position:absolute;top:-12px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:4px;padding:4px 12px;background:linear-gradient(135deg,var(--color-accent-gold) 0%,#e8a000 100%);border-radius:var(--radius-full);box-shadow:0 3px 8px #fbbf244d,inset 0 1px 1px #ffffff80;border:1px solid rgba(255,228,181,.6);color:#3a1c00;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;z-index:10;overflow:hidden;margin:0}.pricing-card__popular:after{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(to right,#fff0,#fffc,#fff0);transform:translate(-300%) skew(-25deg);animation:badge-shine 4s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none;will-change:transform}@keyframes badge-shine{0%{transform:translate(-300%) skew(-25deg)}15%{transform:translate(400%) skew(-25deg)}to{transform:translate(400%) skew(-25deg)}}.pricing-crown{width:12px;height:12px;flex-shrink:0;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.pricing-price{margin-bottom:var(--space-6);min-height:90px}.pricing-price__amount{font-family:JetBrains Mono,monospace;font-size:var(--text-5xl);font-weight:800;color:var(--color-text);line-height:1;letter-spacing:-.04em}.pricing-price__period{font-size:var(--text-lg);color:var(--color-text-muted);font-weight:500;margin-left:var(--space-1)}.pricing-price__meta{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.pricing-price__equivalent{font-size:var(--text-sm);color:var(--color-text-muted)}.pricing-price__save{font-size:var(--text-xs);font-weight:700;color:var(--color-accent-success);background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:var(--radius-full);padding:2px var(--space-3);white-space:nowrap}.pricing-price--free .pricing-price__amount{color:var(--color-accent-success)}.pricing-check{flex-shrink:0;width:20px;height:20px;color:var(--color-accent-success)}.pricing-card--premium .pricing-check{color:var(--color-accent-gold)}.pricing-dash{flex-shrink:0;width:20px;height:20px;color:var(--color-accent-coral)}.pricing-outcomes{list-style:none;padding:0;margin:0 0 var(--space-8);display:flex;flex-direction:column;gap:var(--space-2)}.pricing-outcomes li{display:flex;flex-direction:column;gap:2px;padding:var(--space-3) var(--space-4);border-left:3px solid transparent;background:#ffffff05;border-radius:var(--radius-md);transition:transform var(--transition-fast),background var(--transition-fast)}.pricing-outcomes li:hover{transform:translate(4px);background:#ffffff0f}.pricing-card--premium .pricing-card__header{margin-top:var(--space-2)}.pricing-card--premium .pricing-outcomes li{border-left-color:var(--color-primary);background:linear-gradient(90deg,#2962ff0f,#ffffff05);box-shadow:inset 0 1px #ffffff0a}.pricing-card--premium .pricing-outcomes li:hover{background:linear-gradient(90deg,#2962ff1f,#ffffff0a)}.pricing-outcome__title{font-size:var(--text-base);font-weight:700;color:var(--color-text);line-height:1.3}.pricing-outcome__detail{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.4}.pricing-card__cta{text-align:center}.gamified-cta{display:inline-block;padding:4px;background:linear-gradient(180deg,#ffffff14,#0000004d);border-radius:var(--radius-xl);box-shadow:0 6px #00000059,inset 0 1px 1px #ffffff26;transition:transform 80ms ease,box-shadow 80ms ease}.gamified-cta:active{transform:translateY(4px);box-shadow:0 2px #00000059,inset 0 1px 1px #ffffff1a}.pricing-compare{padding:var(--space-12) 0;border-top:1px solid var(--color-border)}.pricing-compare h2{text-align:center;margin-bottom:var(--space-10)}.pricing-table-wrapper{max-width:720px;margin:0 auto;overflow-x:auto}.pricing-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.pricing-table thead th{background:var(--color-surface);padding:var(--space-4) var(--space-5);font-weight:700;color:var(--color-text);text-align:center;border-bottom:2px solid var(--color-border)}.pricing-table thead th:first-child{text-align:left;border-radius:var(--radius-md) 0 0 0}.pricing-table thead th:last-child{border-radius:0 var(--radius-md) 0 0;color:var(--color-accent-gold);background:linear-gradient(180deg,rgba(41,98,255,.08) 0%,var(--color-surface) 100%);border-top:2px solid var(--color-primary);font-size:var(--text-base);letter-spacing:.03em}.pricing-table tbody td{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);text-align:center;vertical-align:middle}.pricing-table tbody th[scope=row]{text-align:left;font-weight:500;color:var(--color-text);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);position:sticky;left:0;background:var(--color-background);z-index:1;min-width:180px;font-size:var(--text-sm)}.pricing-table tbody tr:last-child td,.pricing-table tbody tr:last-child th[scope=row]{border-bottom:none}.pricing-table .table-check{color:var(--color-accent-success)}.pricing-table tbody td:last-child{background:#2962ff08}.pricing-table tbody tr:last-child td:last-child{border-bottom:2px solid var(--color-primary);box-shadow:0 8px 16px -8px #2962ff33;border-radius:0 0 var(--radius-md) 0}.pricing-table td:last-child .table-check{color:var(--color-accent-gold)}.pricing-table td:last-child .table-check .pricing-check{filter:drop-shadow(0 0 3px rgba(251,191,36,.4))}.pricing-table .table-dash{color:var(--color-accent-coral)}.pricing-table .table-dash .pricing-dash{width:16px;height:16px;display:inline-block;vertical-align:middle}.pricing-table .table-value{font-weight:600}.pricing-table .table-value--highlight{color:var(--color-primary-light);font-weight:700}.table-stat-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.stat-bar{display:flex;gap:3px}.stat-block{width:14px;height:8px;border-radius:2px;transform:skew(-12deg)}.stat-block--empty{background:#ffffff12}.stat-block--filled.stat-block--free{background:var(--color-text-muted);box-shadow:0 0 4px #94a3b84d}.stat-block--filled.stat-block--premium{background:linear-gradient(90deg,var(--color-primary-light),var(--color-accent-gold));box-shadow:0 0 6px #60a5fa80}.stat-label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted)}.stat-label--premium{color:var(--color-accent-gold);font-weight:700}@media(hover:hover){.pricing-table tbody tr{transition:background var(--transition-fast)}.pricing-table tbody tr:hover td,.pricing-table tbody tr:hover th[scope=row]{background:#ffffff0a;color:var(--color-text)}.pricing-table tbody tr:hover th[scope=row]{background:var(--color-surface);border-left:3px solid var(--color-primary);padding-left:calc(var(--space-5) - 3px)}.pricing-table tbody tr:hover td:last-child{background:#2962ff14}}@keyframes charge-meter{0%{transform:skew(-12deg) scaleX(0);opacity:0}to{transform:skew(-12deg) scaleX(1);opacity:1}}.stat-block--filled{transform-origin:left;animation:charge-meter .5s cubic-bezier(.175,.885,.32,1.275) forwards;opacity:0}.stat-bar .stat-block--filled:nth-child(1){animation-delay:50ms}.stat-bar .stat-block--filled:nth-child(2){animation-delay:.15s}.stat-bar .stat-block--filled:nth-child(3){animation-delay:.25s}.stat-bar .stat-block--filled:nth-child(4){animation-delay:.35s}.stat-bar .stat-block--filled:nth-child(5){animation-delay:.45s}.faq-section .faq__item{transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.faq-section .faq__item[open]{border-color:var(--color-primary);box-shadow:0 0 16px #2962ff14;background:linear-gradient(90deg,rgba(41,98,255,.04) 0%,transparent 100%)}.faq-section .faq__question:after{content:"▼";font-size:11px;color:var(--color-primary-light);transition:transform .3s ease}.faq-section .faq__item[open] .faq__question:after{content:"▼";transform:rotate(-180deg)}.faq-section .faq__answer{border-left:3px solid var(--color-primary);margin-left:var(--space-4);padding-left:var(--space-4)}.pricing-trust{padding:var(--space-10) 0;border-top:1px solid var(--color-border)}.pricing-trust__grid{display:flex;justify-content:center;gap:var(--space-10);flex-wrap:wrap;max-width:720px;margin:0 auto}.pricing-trust__item{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.pricing-trust__icon{flex-shrink:0;width:20px;height:20px;color:var(--color-accent-success)}.pricing-trust__stars{display:flex;align-items:center;gap:var(--space-1)}.pricing-trust__star{width:16px;height:16px;color:var(--color-accent-gold)}.pricing-trust__rating{font-family:JetBrains Mono,monospace;font-weight:700;color:var(--color-text);margin-left:var(--space-1)}.pricing-trust__count{color:var(--color-text-muted);font-size:var(--text-xs)}@media(max-width:767px){.pricing-hero{padding-top:calc(var(--header-height) + var(--space-10))}.pricing-section{padding:0 var(--space-5)}.pricing-cards__grid{grid-template-columns:1fr;max-width:440px}.pricing-card--premium{order:-1}.pricing-card{padding:var(--space-6)}.pricing-price__amount{font-size:var(--text-4xl)}.pricing-price{min-height:auto}.billing-toggle{max-width:320px}.billing-toggle__label{font-size:var(--text-xs)}.billing-toggle__badge{display:none}.pricing-trust__grid{flex-direction:column;align-items:center;gap:var(--space-6)}.pricing-table tbody th[scope=row]{min-width:140px}.pricing-clash-badge{display:none}.pricing-hero__mascot{width:80px}.pricing-hero__inner{gap:var(--space-4)}}@media(prefers-reduced-motion:reduce){.billing-toggle__slider,.pricing-card{transition:none}.pricing-card--premium:after{animation:none;filter:none}.pricing-hero__mascot{animation:none}.pricing-hero:before,.pricing-hero:after{animation:none}#billing-monthly:checked~.pricing-section [data-period=monthly],#billing-annual:checked~.pricing-section [data-period=annual]{animation:none}.faq-section .faq__question:after{transition:none}.stat-block--filled{animation:none;opacity:1;transform:skew(-12deg)}.pricing-card__popular:after{animation:none}.pricing-outcomes li,.subscribe-btn{transition:none}}.subscribe-btn{display:block;width:100%;padding:var(--space-4) var(--space-6);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light, #4a80ff));color:#fff;font-weight:700;font-size:var(--text-base);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;text-align:center;line-height:1.4}.subscribe-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px var(--color-primary-glow)}.subscribe-btn:active{transform:translateY(0)}.subscribe-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.subscribe-btn--loading{pointer-events:none;opacity:.7}.cta-subscribe-hint{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;margin-top:var(--space-2)}.cta-subscribe-error{color:var(--color-accent-coral, #ff4d4d);font-size:var(--text-sm);text-align:center;margin-top:var(--space-3)}.cta-subscribe-error[hidden]{display:none}.cta-manage-link{display:inline-block;margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-primary-light, #4a80ff);text-decoration:underline;text-underline-offset:2px;transition:color .15s ease}.cta-manage-link:hover{color:var(--color-primary)}.cta-manage-link[hidden]{display:none}
