.pricing-hero{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));position:relative}.pricing-hero:before{content:"";z-index:-1;background:radial-gradient(circle,#ff4d4d1f 0%,#0000 70%);width:500px;height:500px;animation:8s ease-in-out infinite alternate arena-pulse;position:absolute;top:-20%;left:5%}.pricing-hero:after{content:"";z-index:-1;background:radial-gradient(circle,#2962ff1f 0%,#0000 70%);width:500px;height:500px;animation:10s ease-in-out infinite alternate-reverse arena-pulse;position:absolute;top:-10%;right:5%}@keyframes arena-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.2)}}.pricing-hero h1{margin-bottom:var(--space-4);text-shadow:0 0 40px #2962ff33}.pricing-hero__inner{justify-content:center;align-items:center;gap:var(--space-8);display:flex}.pricing-hero__text{text-align:center}.pricing-hero__mascot{filter:drop-shadow(0 4px 16px #2962ff4d);flex-shrink:0;width:120px;height:auto;animation:3s ease-in-out infinite mascot-float}@keyframes mascot-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pricing-section{max-width:var(--max-width-content);padding:0 var(--space-6);margin:0 auto}.billing-toggle{background:var(--color-surface);border-radius:var(--radius-full);padding:var(--space-1);border:1px solid var(--color-border);width:100%;max-width:420px;margin:0 auto var(--space-10);z-index:1;grid-template-columns:repeat(2,1fr);display:grid;position:relative}.billing-toggle__label{padding:var(--space-2) 0;min-height:44px;font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;z-index:2;border-radius:var(--radius-full);transition:color var(--transition-fast);user-select:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-weight:600;display:flex;position:relative}.billing-toggle__label:hover{color:var(--color-text-secondary)}.billing-toggle__label--disabled{opacity:.4;pointer-events:none}.billing-toggle__badge{color:#fff;background:linear-gradient(90deg, var(--color-accent-success), #34d399);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em;text-shadow:0 1px 1px #0003;border:none;padding:2px 8px;font-size:10px;font-weight:900;line-height:1.2;display:inline-block;box-shadow:0 2px 6px #22c55e66,inset 0 1px 1px #ffffff4d}.billing-toggle__slider{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;box-shadow:0 2px 8px var(--color-primary-glow);transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute}#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]{animation:.35s cubic-bezier(.175,.885,.32,1.275) forwards price-reveal;display:block}.pricing-cards{margin-bottom:var(--space-16)}.pricing-cards__grid{gap:var(--space-6);grid-template-columns:repeat(2,1fr);align-items:start;max-width:820px;margin:0 auto;display:grid;position:relative}.pricing-clash-badge{background:linear-gradient(135deg, var(--color-accent-coral), #ff8c00);z-index:10;width:60px;height:60px;box-shadow:0 0 24px #ff4d4d66, 0 0 0 5px var(--color-background), 0 0 0 7px #ff4d4d4d;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pricing-clash-badge__text{color:#fff;text-shadow:1px 2px #0000004d;letter-spacing:-.02em;font-family:JetBrains Mono,monospace;font-size:20px;font-style:italic;font-weight:900}.pricing-card{background:var(--color-surface-glass);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);-webkit-backdrop-filter:blur(12px);transition:transform .35s cubic-bezier(.175,.885,.32,1.275),opacity .25s;position:relative;overflow:hidden}.pricing-card:before{content:"";opacity:.5;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;position:absolute;top:0;left:0;right:0}@media (hover:hover){.pricing-cards__grid:has(.pricing-card:hover) .pricing-card:not(:hover){opacity:.5;transform:scale(.96)}.pricing-card:hover{z-index:5;transform:translateY(-6px)scale(1.02)}}.pricing-card--premium{background:radial-gradient(circle at top right, #2962ff1f 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,#0000,#fbbf244d,#0000)}.pricing-card--premium:after{content:"";border-radius:var(--radius-xl);background:conic-gradient(from 0deg, var(--color-primary), var(--color-accent-gold), var(--color-accent-coral), var(--color-primary));-webkit-mask-composite:xor;pointer-events:none;will-change:filter;padding:2px;animation:5s linear infinite premium-border-shift;position:absolute;inset:0;mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}@keyframes premium-border-shift{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}.pricing-card--premium .pricing-price__amount{background:linear-gradient(135deg, var(--color-primary-light), var(--color-accent-gold));-webkit-text-fill-color:transparent;background-clip:text}.pricing-card__header{margin-bottom:var(--space-6)}.pricing-card__name{font-size:var(--text-2xl);color:var(--color-text);margin-bottom:var(--space-1);font-weight:800}.pricing-card__tagline{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.pricing-card__popular{background:linear-gradient(135deg, var(--color-accent-gold) 0%, #e8a000 100%);border-radius:var(--radius-full);color:#3a1c00;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;z-index:10;border:1px solid #ffe4b599;align-items:center;gap:4px;margin:0;padding:4px 12px;font-size:10px;font-weight:800;display:inline-flex;position:absolute;top:-12px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 3px 8px #fbbf244d,inset 0 1px 1px #ffffff80}.pricing-card__popular:after{content:"";pointer-events:none;will-change:transform;background:linear-gradient(90deg,#fff0 0%,#fffc 50%,#fff0 100%);width:50%;height:100%;animation:4s cubic-bezier(.4,0,.2,1) infinite badge-shine;position:absolute;top:0;left:0;transform:translate(-300%)skew(-25deg)}@keyframes badge-shine{0%{transform:translate(-300%)skew(-25deg)}15%{transform:translate(400%)skew(-25deg)}to{transform:translate(400%)skew(-25deg)}}.pricing-crown{filter:drop-shadow(0 1px 1px #0000004d);flex-shrink:0;width:12px;height:12px}.pricing-price{margin-bottom:var(--space-6);min-height:90px}.pricing-price__amount{font-family:JetBrains Mono,monospace;font-size:var(--text-5xl);color:var(--color-text);letter-spacing:-.04em;font-weight:800;line-height:1}.pricing-price__period{font-size:var(--text-lg);color:var(--color-text-muted);margin-left:var(--space-1);font-weight:500}.pricing-price__meta{align-items:center;gap:var(--space-2);margin-top:var(--space-2);display:flex}.pricing-price__equivalent{font-size:var(--text-sm);color:var(--color-text-muted)}.pricing-price__save{font-size:var(--text-xs);color:var(--color-accent-success);border-radius:var(--radius-full);padding:2px var(--space-3);white-space:nowrap;background:#22c55e1a;border:1px solid #22c55e33;font-weight:700}.pricing-price--free .pricing-price__amount{color:var(--color-accent-success)}.pricing-check{width:20px;height:20px;color:var(--color-accent-success);flex-shrink:0}.pricing-card--premium .pricing-check{color:var(--color-accent-gold)}.pricing-dash{width:20px;height:20px;color:var(--color-accent-coral);flex-shrink:0}.pricing-outcomes{margin:0 0 var(--space-8);gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.pricing-outcomes li{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);transition:transform var(--transition-fast), background var(--transition-fast);background:#ffffff05;border-left:3px solid #0000;flex-direction:column;gap:2px;display:flex}.pricing-outcomes li:hover{background:#ffffff0f;transform:translate(4px)}.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 0%,#ffffff05 100%);box-shadow:inset 0 1px #ffffff0a}.pricing-card--premium .pricing-outcomes li:hover{background:linear-gradient(90deg,#2962ff1f 0%,#ffffff0a 100%)}.pricing-outcome__title{font-size:var(--text-base);color:var(--color-text);font-weight:700;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{border-radius:var(--radius-xl);background:linear-gradient(#ffffff14 0%,#0000004d 100%);padding:4px;transition:transform 80ms,box-shadow 80ms;display:inline-block;box-shadow:0 6px #00000059,inset 0 1px 1px #ffffff26}.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{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.pricing-table thead th{background:var(--color-surface);padding:var(--space-4) var(--space-5);color:var(--color-text);text-align:center;border-bottom:2px solid var(--color-border);font-weight:700}.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, #2962ff14 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;color:var(--color-text);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-background);z-index:1;min-width:180px;font-weight:500;font-size:var(--text-sm);position:sticky;left:0}.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);border-radius:0 0 var(--radius-md) 0;box-shadow:0 8px 16px -8px #2962ff33}.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 #fbbf2466)}.pricing-table .table-dash{color:var(--color-accent-coral)}.pricing-table .table-dash .pricing-dash{vertical-align:middle;width:16px;height:16px;display:inline-block}.pricing-table .table-value{font-weight:600}.pricing-table .table-value--highlight{color:var(--color-primary-light);font-weight:700}.table-stat-wrapper{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.stat-bar{gap:3px;display:flex}.stat-block{border-radius:2px;width:14px;height:8px;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);color:var(--color-text-muted);font-weight:600}.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]{color:var(--color-text);background:#ffffff0a}.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%{opacity:0;transform:skew(-12deg)scaleX(0)}to{opacity:1;transform:skew(-12deg)scaleX(1)}}.stat-block--filled{transform-origin:0;opacity:0;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards charge-meter}.stat-bar .stat-block--filled:first-child{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);background:linear-gradient(90deg,#2962ff0a 0%,#0000 100%);box-shadow:0 0 16px #2962ff14}.faq-section .faq__question:after{content:"▼";color:var(--color-primary-light);font-size:11px;transition:transform .3s}.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{justify-content:center;gap:var(--space-10);flex-wrap:wrap;max-width:720px;margin:0 auto;display:flex}.pricing-trust__item{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500;display:flex}.pricing-trust__icon{width:20px;height:20px;color:var(--color-accent-success);flex-shrink:0}.pricing-trust__stars{align-items:center;gap:var(--space-1);display:flex}.pricing-trust__star{width:16px;height:16px;color:var(--color-accent-gold)}.pricing-trust__rating{color:var(--color-text);margin-left:var(--space-1);font-family:JetBrains Mono,monospace;font-weight:700}.pricing-trust__count{color:var(--color-text-muted);font-size:var(--text-xs)}@media (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{align-items:center;gap:var(--space-6);flex-direction:column}.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{filter:none;animation:none}.pricing-hero__mascot,.pricing-hero:before,.pricing-hero:after,#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{opacity:1;animation:none;transform:skew(-12deg)}.pricing-card__popular:after{animation:none}.pricing-outcomes li,.subscribe-btn{transition:none}}.subscribe-btn{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-radius:var(--radius-lg);cursor:pointer;text-align:center;border:none;line-height:1.4;transition:transform .15s,box-shadow .15s;display:block}.subscribe-btn:hover{box-shadow:0 4px 20px var(--color-primary-glow);transform:translateY(-2px)}.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{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-primary-light,#4a80ff);text-underline-offset:2px;text-decoration:underline;transition:color .15s;display:inline-block}.cta-manage-link:hover{color:var(--color-primary)}.cta-manage-link[hidden]{display:none}
