@layer components{.pp-packages__shared-note,.pp-card,.pp-compare__group,.pp-faq__item{--surface-glass-tint:var(--surface-strong-soft);background-color:var(--surface-glass-tint);backdrop-filter:blur(var(--glass-blur-card)) saturate(var(--glass-saturate-card));--surface-card-glass-base:var(--surface-glass-tint);--surface-card-fill:var(--surface-card-fill-soft);--surface-card-rim:var(--surface-card-rim-soft);background-image:linear-gradient(166deg,#92aac609 0%,#6882a006 24%,#1624380d 56%,#03081224 100%);background:var(--surface-card-fill) padding-box, var(--surface-card-rim) border-box;border-radius:var(--radius-xl);transition:box-shadow var(--duration-base) var(--ease-default), background var(--duration-base) var(--ease-default), border-color var(--duration-base) var(--ease-default), transform var(--duration-base) var(--ease-default);border:1px solid #0000;position:relative;overflow:hidden;box-shadow:0 24px 44px -40px #00020ae6,0 0 0 1px #809ab80f,inset 0 1px #c6daee14,inset 0 -1px #3a4e681f}.pp-card:hover{--surface-card-rim:var(--surface-card-rim-soft-hover);--surface-card-fill:var(--surface-card-fill-soft-hover);box-shadow:0 26px 46px -36px #00030ceb,0 0 0 1px #8aa6c414,inset 0 1px #d0e2f21a,inset 0 -1px #42587224}.pp-bottom-cta__card{border-radius:var(--radius-xl);background:var(--surface-glass-atmo-fill) padding-box, var(--surface-glass-atmo-rim) border-box;backdrop-filter:blur(var(--glass-blur-panel)) saturate(var(--glass-saturate-shell));transition:box-shadow var(--duration-base) var(--ease-default), border-color var(--duration-base) var(--ease-default);border:1px solid #0000;position:relative;overflow:hidden;box-shadow:0 26px 50px -30px #00020ac2,0 0 0 1px #8aa6c417,inset 0 1px #daeaf81c,inset 0 -1px #445a7429,inset 1px 0 #b4d2f00a,inset -1px 0 #b4d2f00a}.pp-bottom-cta__card:before{content:"";background:var(--surface-glass-atmo-topline);pointer-events:none;z-index:2;border-radius:var(--radius-xl) var(--radius-xl) 0 0;background-size:300% 100%;height:1px;animation:9s ease-in-out infinite glass-edge-shine;position:absolute;top:0;left:0;right:0}.pp-hero{isolation:isolate;padding:clamp(var(--space-10), 9vw, var(--space-18)) 0 clamp(var(--space-4), 3vw, var(--space-6));text-align:center;position:relative;overflow:clip}.pp-hero__grid{z-index:-1;pointer-events:none;opacity:.12;background:linear-gradient(90deg, var(--alpha-primary-18) 1px, transparent 1px), linear-gradient(180deg, var(--alpha-purple-15) 1px, transparent 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 65% at 50% 40%,#0009 0%,#0000 78%);mask-image:radial-gradient(80% 65% at 50% 40%,#0009 0%,#0000 78%)}.pp-hero__glow{z-index:-2;pointer-events:none;opacity:.7;background:radial-gradient(ellipse 60% 55% at 40% 40%, var(--alpha-primary-14), transparent 70%), radial-gradient(ellipse 50% 60% at 65% 55%, var(--alpha-purple-10), transparent 70%);position:absolute;inset:-12% -8%}.pp-hero__inner{max-width:var(--container-narrow);margin-inline:auto}.pp-hero__title{font-size:clamp(var(--text-2xl), 5vw, var(--text-4xl));font-weight:var(--weight-bold);line-height:var(--leading-tight);margin-bottom:var(--space-4)}.pp-hero__title-em{background:var(--gradient-headline-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.pp-hero__sub{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:52ch;line-height:var(--leading-relaxed);margin-inline:auto}.pp-hero__sub strong{color:var(--color-text);font-weight:var(--weight-semibold)}.pp-controls{padding-bottom:var(--space-8)}.pp-controls__row{justify-content:center;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.pp-controls__savings-hint{font-size:10px;font-weight:var(--weight-semibold);color:var(--color-success);background:color-mix(in oklch, var(--color-success) 12%, transparent);border-radius:var(--radius-full);white-space:nowrap;transition:opacity var(--duration-fast);padding:2px 8px}[data-pricing-plan=yearly] .pp-controls__savings-hint--yearly{opacity:.4}.pp-controls__currency{align-items:center;gap:2px;display:inline-flex}.pp-packages{padding-bottom:var(--space-12)}.pp-packages__shared-note{max-width:780px;margin:0 auto var(--space-5);padding:var(--space-4) var(--space-5);align-items:center;gap:var(--space-3);border-color:color-mix(in oklch, var(--color-success) 20%, var(--color-border-subtle));background:linear-gradient(135deg, color-mix(in oklch, var(--alpha-success-10) 85%, transparent), transparent 70%), var(--surface-2);display:flex}.pp-packages__shared-icon{width:18px;height:18px;color:var(--color-success);flex-shrink:0}.pp-packages__shared-copy{flex-direction:column;gap:2px;display:flex}.pp-packages__shared-eyebrow{font-size:10px;font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-success)}.pp-packages__shared-text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.pp-packages__grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));max-width:780px;margin-inline:auto;display:grid}.pp-card{padding:var(--space-6);transition:transform var(--duration-base), box-shadow var(--duration-base), border-color var(--duration-base);flex-direction:column;display:flex;position:relative}.pp-card:hover{transform:translateY(-3px)}.pp-card--featured{box-shadow:0 0 30px var(--alpha-primary-08), 0 0 60px var(--alpha-purple-08), var(--surface-1-shadow);border-color:#0000}.pp-card--featured:before{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--alpha-primary-40), var(--alpha-purple-30), var(--alpha-primary-15));-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.pp-card--featured:hover{box-shadow:0 0 40px var(--alpha-primary-12), 0 0 80px var(--alpha-purple-10), var(--surface-1-shadow-hover), var(--card-glow-hover)}.pp-card__badge{top:var(--space-3);right:var(--space-3);padding:3px var(--space-2);border-radius:var(--radius-full);font-size:11px;font-weight:var(--weight-semibold);letter-spacing:.03em;background:var(--alpha-primary-12);color:var(--color-accent-cyan);border:1px solid var(--alpha-primary-20);position:absolute}.pp-card__header{margin-bottom:var(--space-5)}.pp-card__name{font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:var(--space-1)}.pp-card__desc{font-size:var(--text-sm);color:var(--color-text-muted)}.pp-card__pricing{margin-bottom:var(--space-5)}.pp-card__price{margin-bottom:var(--space-1)}.pp-card__amount{font-size:var(--text-3xl);font-weight:var(--weight-bold);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;background:var(--gradient-stat-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.pp-card__period{font-size:var(--text-sm);color:var(--color-text-muted)}.pp-card__note{font-size:var(--text-xs);color:var(--color-text-faint);margin-bottom:var(--space-1);display:block}.pp-card__savings{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-success);display:none}.pp-card__amount--yearly,.pp-card__period--yearly,.pp-card__note--yearly,.pp-card__savings--yearly,[data-pricing-plan=yearly] .pp-card__amount--monthly,[data-pricing-plan=yearly] .pp-card__period--monthly,[data-pricing-plan=yearly] .pp-card__note--monthly{display:none}[data-pricing-plan=yearly] .pp-card__amount--yearly,[data-pricing-plan=yearly] .pp-card__period--yearly,[data-pricing-plan=yearly] .pp-card__note--yearly,[data-pricing-plan=yearly] .pp-card__savings--yearly{display:inline}[data-pricing-plan=yearly] .pp-card__savings{display:block}.pp-card__cta{text-align:center;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);font-weight:var(--weight-semibold);font-size:var(--text-base);color:var(--color-text);transition:border-color var(--duration-fast), color var(--duration-fast), background var(--duration-fast), box-shadow var(--duration-fast), transform var(--duration-fast), filter var(--duration-fast);margin-bottom:var(--space-2);background:0 0;text-decoration:none;display:block}.pp-card__cta:hover{border-color:var(--color-accent-cyan);color:var(--color-accent-cyan)}.pp-card__cta--primary{background:var(--gradient-primary);color:var(--color-bg);border:none}.pp-card__cta--primary:hover{filter:brightness(1.08);box-shadow:var(--shadow-glow-primary-hover);color:var(--color-bg);transform:translateY(-1px)}.pp-card__guarantee{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-5)}.pp-card__features{gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle);flex-direction:column;margin-top:auto;display:flex}.pp-card__features li{font-size:var(--text-sm);color:var(--color-text-secondary);align-items:flex-start;gap:var(--space-2);line-height:var(--leading-relaxed);display:flex}.pp-card__check{width:16px;height:16px;color:var(--color-success);flex-shrink:0;margin-top:2px}.pp-compare{padding:var(--space-12) 0}.pp-compare__grid{gap:var(--space-3);flex-direction:column;max-width:780px;margin-inline:auto;display:flex}.pp-compare__group{border-radius:var(--radius-lg);padding:0;overflow:hidden}.pp-compare__group-header{padding:10px var(--space-5);border-bottom:1px solid var(--color-border-subtle);background:linear-gradient(90deg, color-mix(in oklch, var(--alpha-primary-10) 70%, transparent), transparent 55%), var(--alpha-white-02);justify-content:space-between;align-items:center;display:flex}.pp-compare__group-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent-cyan)}.pp-compare__group-labels{gap:var(--space-5);display:flex}.pp-compare__group-label{font-size:10px;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);text-align:center;width:112px}.pp-compare__row{align-items:center;gap:var(--space-4);padding:9px var(--space-5);transition:background var(--duration-fast), border-color var(--duration-fast);grid-template-columns:minmax(0,1fr) auto;display:grid}.pp-compare__row:not(:last-child){border-bottom:1px solid var(--alpha-white-03)}.pp-compare__row:nth-child(2n){background:var(--alpha-white-02)}.pp-compare__row:hover{background:var(--alpha-white-03)}.pp-compare__row--shared{background:linear-gradient(90deg, color-mix(in oklch, var(--alpha-success-10) 95%, transparent), transparent 72%), color-mix(in oklch, var(--alpha-white-02) 55%, transparent)}.pp-compare__row--shared:hover{background:linear-gradient(90deg, color-mix(in oklch, var(--alpha-success-12) 95%, transparent), transparent 78%), var(--alpha-white-03)}.pp-compare__feature-name{font-size:var(--text-sm);color:var(--color-text-secondary);flex:1;min-width:0}.pp-compare__shared{width:calc(224px + var(--space-3));justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);border:1px solid color-mix(in oklch, var(--color-success) 22%, transparent);background:color-mix(in oklch, var(--alpha-success-08) 92%, transparent);display:inline-flex}.pp-compare__shared-copy{flex-direction:column;align-items:flex-start;gap:1px;display:flex}.pp-compare__shared-value{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text);line-height:1.1}.pp-compare__shared-note{letter-spacing:.06em;text-transform:uppercase;color:color-mix(in oklch, var(--color-success) 70%, var(--color-text-muted));font-size:10px;line-height:1.1}.pp-compare__values{gap:var(--space-3);flex-shrink:0;display:flex}.pp-compare__value{text-align:center;width:112px;font-size:var(--text-xs);color:var(--color-text-secondary);white-space:nowrap;justify-content:center;align-items:center;display:flex}.pp-compare__value--check{color:var(--color-success)}.pp-compare__value--dash{color:var(--color-text-faint);opacity:.5}.pp-compare__tick{width:16px;height:16px;color:var(--color-success)}.pp-stack{padding:0 0 var(--space-12)}.pp-stack__body{max-width:780px;margin-inline:auto}.pp-stack__pills{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pp-stack__pill{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);border:1px solid var(--color-border-subtle);background:var(--alpha-white-02);white-space:nowrap;border-radius:100px;align-items:center;gap:6px;padding:7px 14px;display:inline-flex}.pp-stack__pill-icon{width:14px;height:14px;color:var(--color-accent-cyan);flex-shrink:0}.pp-stack__versus{justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-7);padding:var(--space-5) var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background:var(--alpha-white-02);display:flex}.pp-stack__versus-old,.pp-stack__versus-new{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.pp-stack__versus-label{text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:var(--weight-semibold);color:var(--color-text-muted)}.pp-stack__versus-range{font-family:var(--font-mono);font-size:var(--text-xl);color:color-mix(in oklch, var(--color-error) 75%, var(--color-text-muted));line-height:1}.pp-stack__versus-range small{opacity:.6;font-size:.5em}.pp-stack__versus-arrow{background:var(--alpha-white-04);border:1px solid var(--alpha-white-06);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.pp-stack__versus-arrow-icon{width:18px;height:18px;color:var(--color-text-muted)}.pp-stack__versus-prices{align-items:baseline;gap:var(--space-3);display:flex}.pp-stack__versus-plan{flex-direction:column;align-items:center;gap:2px;display:flex}.pp-stack__versus-amount{font-family:var(--font-mono);font-size:var(--text-2xl);background:linear-gradient(135deg, var(--color-success) 0%, var(--color-success-strong) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;line-height:1}.pp-stack__versus-amount small{opacity:.65;font-size:.42em}.pp-stack__versus-tier{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:var(--weight-semibold)}.pp-stack__versus-sep{font-size:var(--text-sm);color:var(--color-text-faint);padding-bottom:6px}.pp-stack__cta{margin-top:var(--space-5);justify-content:center;display:flex}.pp-stack__cta-link{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-accent-cyan);align-items:center;gap:6px;text-decoration:none;transition:opacity .2s;display:inline-flex}.pp-stack__cta-link:hover{opacity:.8}.pp-stack__cta-icon{width:14px;height:14px}.pp-trust{padding:var(--space-10) 0 var(--space-12)}.pp-trust__grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);max-width:780px;margin-inline:auto;display:grid}.pp-trust__item{text-align:center;flex-direction:column;align-items:center;display:flex}.pp-trust__icon{width:32px;height:32px;color:var(--color-accent-cyan);margin-bottom:var(--space-3);opacity:.8;display:block}.pp-trust__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-bottom:var(--space-1)}.pp-trust__desc{font-size:var(--text-xs);color:var(--color-text-muted);max-width:28ch;line-height:var(--leading-relaxed);margin-inline:auto}.pp-faq{padding:var(--space-8) 0 var(--space-12)}.pp-faq__list{gap:var(--space-1);flex-direction:column;max-width:680px;margin-inline:auto;display:flex}.pp-faq__item{border-radius:var(--radius-lg);padding:0;overflow:hidden}.pp-faq__question{padding:var(--space-4) var(--space-5);font-weight:var(--weight-semibold);font-size:var(--text-sm);cursor:pointer;justify-content:space-between;align-items:center;gap:var(--space-3);transition:color var(--duration-fast);user-select:none;list-style:none;display:flex}.pp-faq__question::-webkit-details-marker{display:none}.pp-faq__question:after{content:"+";font-size:var(--text-lg);font-weight:var(--weight-normal);color:var(--color-text-muted);transition:transform var(--duration-base);flex-shrink:0}.pp-faq__item[open] .pp-faq__question:after{color:var(--color-accent-cyan);transform:rotate(45deg)}.pp-faq__question:hover{color:var(--color-accent-cyan)}.pp-faq__answer{padding:0 var(--space-5) var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.pp-faq__answer a{color:var(--color-accent-cyan);text-underline-offset:2px;text-decoration:underline}.pp-bottom-cta{padding:var(--space-4) 0 var(--space-16)}.pp-bottom-cta__card{text-align:center;padding:var(--space-8) var(--space-6);border-color:var(--alpha-primary-10);max-width:680px;margin-inline:auto}.pp-bottom-cta__title{font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:var(--space-2)}.pp-bottom-cta__desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-5);max-width:48ch;line-height:var(--leading-relaxed);margin-inline:auto}.pp-bottom-cta__actions{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.pp-bottom-cta__btn{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-weight:var(--weight-semibold);font-size:var(--text-sm);transition:border-color var(--duration-fast), color var(--duration-fast), background var(--duration-fast), box-shadow var(--duration-fast), transform var(--duration-fast), filter var(--duration-fast);text-decoration:none}.pp-bottom-cta__btn--primary{background:var(--gradient-primary);color:var(--color-bg)}.pp-bottom-cta__btn--primary:hover{filter:brightness(1.08);box-shadow:var(--shadow-glow-primary-hover);transform:translateY(-1px)}.pp-bottom-cta__btn--ghost{border:1px solid var(--color-border);color:var(--color-text-secondary)}.pp-bottom-cta__btn--ghost:hover{border-color:var(--color-accent-cyan);color:var(--color-accent-cyan)}@media (width<=768px){.pp-stack__catalog{grid-template-columns:1fr}.pp-packages__shared-note{padding:var(--space-4);align-items:flex-start}.pp-packages__grid{grid-template-columns:1fr;max-width:420px}.pp-stack__versus{padding:var(--space-4);flex-direction:column}.pp-stack__versus-prices{justify-content:center}.pp-stack__versus-arrow{transform:rotate(90deg)}.pp-trust__grid{gap:var(--space-5);grid-template-columns:1fr;max-width:320px}.pp-controls__row{gap:var(--space-3);flex-direction:column}.pp-compare{padding:var(--space-8) 0}.pp-compare__group-header{padding:8px var(--space-3);align-items:start;gap:var(--space-2);grid-template-columns:minmax(0,1fr);display:grid}.pp-compare__group-title{font-size:.68rem}.pp-compare__row{padding:8px var(--space-3);gap:var(--space-2);grid-template-columns:1fr}.pp-compare__feature-name{font-size:var(--text-xs)}.pp-compare__group-labels{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.pp-compare__shared{width:100%;padding:6px var(--space-2);border-radius:var(--radius-md);justify-content:flex-start}.pp-compare__shared-value{font-size:.68rem}.pp-compare__shared-note{font-size:.56rem}.pp-compare__values{justify-content:stretch;gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.pp-compare__group-label,.pp-compare__value{width:auto;min-width:0;font-size:.68rem}.pp-compare__group-label{border:1px solid var(--alpha-white-04);border-radius:var(--radius-sm);background:var(--alpha-white-02);padding:.38rem .5rem}.pp-compare__value{white-space:normal;border:1px solid var(--alpha-white-03);border-radius:var(--radius-sm);background:color-mix(in oklch, var(--alpha-white-02) 80%, transparent);padding:.45rem .5rem;line-height:1.3}.pp-stack__pill{font-size:var(--text-xs);padding:5px 10px}.pp-faq__question{padding:var(--space-3) var(--space-4);font-size:var(--text-xs)}.pp-faq__answer{padding:0 var(--space-4) var(--space-3);font-size:var(--text-xs)}.pp-bottom-cta__card{padding:var(--space-6) var(--space-4)}}@media (width<=480px){.pp-hero__title{font-size:clamp(1.5rem,8vw,2rem)}.pp-hero__sub{font-size:var(--text-sm)}.pp-card{padding:var(--space-4) var(--space-3)}.pp-card__name{font-size:1.2rem}.pp-card__features li{font-size:var(--text-xs)}.pp-compare__group-header{padding:6px var(--space-2)}.pp-compare__group-title{font-size:.6rem}.pp-compare__row{padding:6px var(--space-2)}.pp-compare__feature-name{font-size:.68rem}.pp-compare__group-label,.pp-compare__value{width:56px;font-size:.6rem}.pp-compare__shared{padding:4px var(--space-1)}.pp-compare__shared-value{font-size:.6rem}.pp-compare__shared-note{font-size:.5rem}.pp-stack__versus-old,.pp-stack__versus-new{padding:var(--space-3)}.pp-stack__versus-range{font-size:1.3rem}.pp-stack__versus-amount{font-size:1.2rem}.pp-trust__item{text-align:center}.pp-trust__desc{font-size:var(--text-xs)}.pp-faq__question{padding:var(--space-2) var(--space-3);font-size:.72rem}.pp-faq__answer{padding:0 var(--space-3) var(--space-2);font-size:.72rem}.pp-bottom-cta__card{padding:var(--space-5) var(--space-3)}.pp-bottom-cta__title{font-size:1.2rem}.pp-bottom-cta__desc{font-size:var(--text-xs)}}}