.subscribe-page{--subscribe-danger:#ff706a;--subscribe-danger-foreground:#ffdfdc;--subscribe-success:#35c177;--subscribe-success-foreground:#b4eec7;min-height:100vh;color:var(--foreground);background:radial-gradient(circle at 82% 8%,#13dcf61f,#0000 28rem),radial-gradient(circle at 10% 38%,#0086f526,#0000 32rem),linear-gradient(#02081461,#0208148f);background:radial-gradient(circle at 82% 8%,lab(80.1699% -38.5706 -25.9091/.12),#0000 28rem),radial-gradient(circle at 10% 38%,lab(54.3947% 3.76207 -69.5623/.15),#0000 32rem),linear-gradient(#02081461,#0208148f);padding:9rem max(1.25rem,50vw - 38rem) 6rem}@supports (color:lab(0% 0 0)){.subscribe-page{--subscribe-danger:lab(65.6379% 59.7559 34.9846);--subscribe-danger-foreground:lab(91.556% 10.7385 5.7985);--subscribe-success:lab(69.5911% -51.1996 26.4252);--subscribe-success-foreground:lab(89.4671% -24.9873 12.8218)}}.subscribe-hero{max-width:none;margin-bottom:5rem}.subscribe-eyebrow{color:var(--accent);letter-spacing:.2em;margin:0 0 .85rem;font-size:.72rem;font-weight:700}.subscribe-hero h1{font-size:var(--page-title-size);letter-spacing:-.055em;text-wrap:nowrap;white-space:nowrap;margin:0;line-height:.98}.subscribe-hero h1 .fold-text{white-space:nowrap}.subscribe-hero>p:last-child{max-width:52rem;color:var(--muted);margin-top:1.5rem;font-size:clamp(1rem,2vw,1.2rem)}.subscribe-benefits,.subscribe-plans{margin-top:5rem}.subscribe-benefits .magic-bento-card{background:var(--glass-surface)}.subscribe-section-heading{margin-bottom:1.5rem}.subscribe-section-heading h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.9rem,4vw,2.8rem)}.subscribe-feature-visual{place-items:center start;width:100%;height:100%;display:grid;position:relative}.subscribe-feature-visual[data-has-motion=true]{place-items:center}.subscribe-feature-icon{border:1px solid color-mix(in oklch, var(--accent) 35%, transparent);width:3rem;height:3rem;color:var(--accent);background:color-mix(in oklch, var(--accent) 12%, transparent);border-radius:.9rem;justify-content:center;align-items:center;display:flex}.subscribe-feature-visual[data-has-motion=true] .subscribe-feature-icon{z-index:2;background:color-mix(in oklch, var(--surface) 82%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:absolute;top:.75rem;left:.75rem}.subscribe-feature-icon svg{width:1.5rem;height:1.5rem}.subscribe-recommended{width:fit-content;color:var(--accent);letter-spacing:.1em;background:color-mix(in oklch, var(--accent) 12%, transparent);border-radius:999px;padding:.35rem .6rem;font-size:.65rem;font-weight:700;display:inline-flex}.subscribe-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.subscribe-plan-card{border:1px solid var(--border);background:var(--glass-surface-strong);min-height:23rem}.subscribe-plan-card-featured{border-color:color-mix(in oklch, var(--accent) 58%, var(--border));box-shadow:0 1.5rem 4rem #0086f51f;box-shadow:0 1.5rem 4rem lab(54.3947% 3.76207 -69.5623/.12)}.subscribe-plan-card .card__title{font-size:1.3rem}.subscribe-plan-card .card__content{margin-top:auto}.subscribe-price{color:var(--foreground);letter-spacing:-.06em;font-size:clamp(2.5rem,5vw,4rem);font-weight:750}.subscribe-duration{color:var(--muted);margin-top:.35rem}.subscribe-saving{color:var(--subscribe-success);margin-top:.75rem;font-size:.82rem}.subscribe-plan-actions{flex-direction:column;align-items:stretch;gap:.75rem}.subscribe-plan-error{border:1px solid color-mix(in oklch, var(--subscribe-danger) 35%, transparent);color:var(--subscribe-danger-foreground);background:color-mix(in oklch, var(--subscribe-danger) 12%, transparent);border-radius:.8rem;padding:.7rem .8rem;font-size:.8rem;line-height:1.45;display:block}.subscribe-state{--subscribe-state-accent:var(--accent);isolation:isolate;border:1px solid var(--glass-border);color:var(--muted);background:linear-gradient(145deg, #ffffff0d, transparent 42%), var(--glass-surface-strong);-webkit-backdrop-filter:blur(28px)saturate(165%);backdrop-filter:blur(28px)saturate(165%);box-shadow:var(--glass-shadow), inset 0 1px #ffffff12;border-radius:1.25rem;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1rem;padding:clamp(1.5rem,4vw,2.25rem);display:grid;position:relative;overflow:hidden}.subscribe-state:before{z-index:-1;background:color-mix(in oklch, var(--subscribe-state-accent) 16%, transparent);content:"";filter:blur(2.75rem);pointer-events:none;border-radius:50%;width:15rem;height:15rem;position:absolute;inset:-10rem auto auto -6rem}.subscribe-state-indicator{border:1px solid color-mix(in oklch, var(--subscribe-state-accent) 45%, var(--glass-border));background:color-mix(in oklch, var(--subscribe-state-accent) 13%, var(--glass-surface));width:2.65rem;height:2.65rem;box-shadow:0 0 1.8rem color-mix(in oklch, var(--subscribe-state-accent) 16%, transparent), inset 0 1px #ffffff1a;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.subscribe-state-indicator:after{background:var(--subscribe-state-accent);width:.55rem;height:.55rem;box-shadow:0 0 1rem var(--subscribe-state-accent);content:"";border-radius:50%}.subscribe-state-copy{min-width:0}.subscribe-state-label{color:var(--subscribe-state-accent);letter-spacing:.16em;margin:0 0 .55rem;font-size:.68rem;font-weight:750}.subscribe-state h3{color:var(--foreground);margin:0 0 .45rem;font-size:1.35rem}.subscribe-state-copy>p:not(.subscribe-state-label){text-wrap:pretty;max-width:40rem;line-height:1.75}.subscribe-state a{border:1px solid color-mix(in oklch, var(--accent) 66%, transparent);min-height:2.6rem;color:var(--accent-foreground);background:var(--accent);box-shadow:0 .75rem 2rem color-mix(in oklch, var(--accent) 18%, transparent);opacity:.94;border-radius:999px;justify-content:center;align-items:center;margin-top:1rem;padding:.65rem .9rem;text-decoration:none;transition:opacity .18s,transform .18s;display:inline-flex}.subscribe-state a:hover{opacity:1;transform:translateY(-1px)}.subscribe-state a:focus-visible{outline:2px solid var(--foreground);outline-offset:3px}@media (max-width:1050px){.subscribe-plan-grid{grid-template-columns:1fr}}@media (max-width:640px){.subscribe-page{padding-top:7rem}}@media (max-width:460px){.subscribe-hero h1{font-size:clamp(1.1rem,5.5vw,2.25rem)}}@media (prefers-reduced-motion:reduce){.subscribe-state a{transition:none}.subscribe-state a:hover{transform:none}}