/* Pricing page — matches the home redesign: flat dark surfaces, solid #ff4a36 accent, Geist, no gradients or pills. */
body.pricing{--accent:#ff4a36;--accent-hover:#ff5e4a;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;font-family:'Geist',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;letter-spacing:-.01em}
body.pricing h1,body.pricing h2,body.pricing h3{font-family:'Geist',-apple-system,BlinkMacSystemFont,sans-serif}
.brand-link{display:flex;align-items:center;text-decoration:none;color:inherit}
.pricing-hero{max-width:1040px;margin:0 auto;padding:calc(var(--header-height) + 5rem) 2rem 4rem;text-align:center}
.pricing-hero h1{font-size:clamp(2.2rem,4.5vw,3.25rem);line-height:1.1;font-weight:700;letter-spacing:-.035em;max-width:760px;margin:0 auto}
.hero-copy{max-width:540px;margin:1rem auto 0;color:var(--text-secondary);font-size:1.1rem;line-height:1.6}
.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;text-align:left;margin:3.5rem auto 2rem;align-items:stretch}
.plan-card{display:flex;flex-direction:column;padding:2.25rem 2rem;border-radius:var(--radius-lg);border:1px solid var(--card-border);background:var(--card-bg)}
.plus-card{border-color:rgba(255,74,54,.45);background:rgba(255,74,54,.05)}
.plan-head{padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--card-border)}
.plan-kicker{color:var(--text-secondary);font-size:.85rem;font-weight:600;margin:0 0 .4rem}
.plan-card h2{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .85rem}
.plus-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}
.save-chip{color:var(--accent);font-size:.85rem;font-weight:700;white-space:nowrap}
.billing-selector{display:flex;gap:.25rem;padding:.25rem;background:rgba(255,255,255,.05);border:1px solid var(--card-border);border-radius:var(--radius-sm);margin-bottom:1.1rem}
.billing-selector button{flex:1;min-height:38px;border:0;border-radius:calc(var(--radius-sm) - 2px);background:transparent;color:var(--text-secondary);font:inherit;font-size:.82rem;font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:background .2s ease,color .2s ease}
.billing-selector button:hover{color:var(--text-primary)}
.billing-selector button.active{background:var(--accent);color:#fff}
.price-row{display:flex;align-items:baseline;gap:.4rem}
.price{font-size:2.6rem;line-height:1.1;font-weight:800;letter-spacing:-.04em}
.price-period{font-size:1rem;font-weight:500;color:var(--text-secondary)}
.billing-line{color:var(--accent);font-size:.85rem;font-weight:600;margin:.5rem 0 0}
.plan-summary{color:var(--text-secondary);font-size:.9rem;line-height:1.55;margin:.85rem 0 0}
.feature-list{list-style:none;display:grid;gap:.8rem;margin:0 0 2rem;padding:0}
.feature-list li{position:relative;padding-left:1.7rem;color:var(--text-primary);font-size:.95rem;line-height:1.4}
.feature-list li::before{content:'✓';position:absolute;left:0;top:0;color:var(--accent);font-weight:700}
.feature-list li.locked{color:var(--text-secondary);opacity:.55}
.feature-list li.locked::before{content:'–';color:var(--text-secondary)}
.feature-list.two-column{grid-template-columns:1fr 1fr}
.primary-cta,.secondary-cta{width:100%;min-height:48px;border-radius:var(--radius-sm);font:inherit;font-size:.98rem;font-weight:600;letter-spacing:-.01em;display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;transition:background .2s ease,border-color .2s ease}
.primary-cta{border:1px solid transparent;color:#fff;background:var(--accent)}
.primary-cta:hover{background:var(--accent-hover)}
.primary-cta:disabled{opacity:.45;cursor:not-allowed}
.secondary-cta{border:1px solid rgba(255,255,255,.16);color:var(--text-primary);background:transparent;margin-top:auto}
.secondary-cta:hover{background:var(--surface-2);border-color:rgba(255,255,255,.28)}
.cta-disclosure{font-size:.72rem;line-height:1.5;color:var(--text-dim);text-align:center;margin:.75rem .2rem 0;min-height:2.16rem}
#upgradeButton{margin-top:auto}
.trust-row{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:.8rem 1.7rem;color:var(--text-secondary);font-size:.82rem;padding:0}
.trust-row span{color:var(--accent);margin-right:.3rem}
.comparison-section,.faq-section{max-width:1040px;margin:0 auto;padding:5rem 2rem}
.section-heading{text-align:center;max-width:730px;margin:0 auto 3rem}
.section-heading h2{font-size:2.5rem;font-weight:700;letter-spacing:-.035em;line-height:1.15}
.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.benefit-grid article{padding:1.75rem;border:1px solid var(--card-border);border-radius:var(--radius-lg);background:var(--card-bg)}
.benefit-grid h3{font-size:1.05rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .5rem}
.benefit-grid p{font-size:.9rem;color:var(--text-secondary);line-height:1.65;margin:0}
.faq-section{max-width:850px;padding-top:3rem}
.faq-list{border-top:1px solid var(--card-border)}
.faq-list details{border-bottom:1px solid var(--card-border)}
.faq-list summary{cursor:pointer;list-style:none;padding:1.35rem 2rem 1.35rem 0;font-weight:600;position:relative}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:'+';position:absolute;right:.2rem;top:1rem;color:var(--accent);font-size:1.4rem;font-weight:400}
.faq-list details[open] summary::after{content:'–'}
.faq-list details p{color:var(--text-secondary);font-size:.9rem;line-height:1.7;padding:0 2.5rem 1.4rem 0}
.faq-list a{color:var(--accent)}
.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(5px);z-index:1100}
.checkout-drawer{position:fixed;top:0;right:0;width:min(480px,100%);height:100dvh;background:#0f0e11;border-left:1px solid var(--card-border);z-index:1101;padding:4rem 2.25rem 2rem;overflow-y:auto;box-shadow:-30px 0 80px rgba(0,0,0,.45)}
.drawer-close{position:absolute;right:1.2rem;top:1rem;border:0;background:var(--surface-2);color:#fff;border-radius:50%;width:38px;height:38px;font-size:1.55rem;cursor:pointer}
.eyebrow{color:var(--text-secondary);font-size:.85rem;font-weight:600;margin:0}
.drawer-step h2{font-size:1.8rem;line-height:1.15;letter-spacing:-.03em;margin:.5rem 0 .7rem}
.drawer-intro,.stripe-note{color:var(--text-secondary);font-size:.85rem;line-height:1.6}
.google-button{display:flex;align-items:center;justify-content:center;gap:.7rem;width:100%;height:50px;margin:1.6rem 0 .8rem;background:#fff;color:#3c4043;border:1px solid #dadce0;border-radius:var(--radius-sm);font:inherit;font-size:.92rem;font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:background .2s ease,box-shadow .2s ease}
.google-button:hover{background:#f7f8f8;box-shadow:0 1px 3px rgba(60,64,67,.24)}
.google-mark{flex:none;display:block;width:18px;height:18px}
.divider{display:flex;align-items:center;gap:.8rem;color:var(--text-dim);font-size:.75rem;margin:.5rem 0 1rem}
.divider::before,.divider::after{content:'';height:1px;background:var(--card-border);flex:1}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--surface-1);padding:.25rem;border-radius:var(--radius-sm);margin-bottom:1rem}
.auth-tabs button{border:0;background:transparent;color:var(--text-secondary);padding:.6rem;border-radius:calc(var(--radius-sm) - 2px);font:inherit;font-size:.82rem;font-weight:600;cursor:pointer}
.auth-tabs button.active{background:var(--surface-2);color:#fff}
.drawer-step label:not(.terms-check):not(.consent-check){display:block;font-size:.78rem;color:var(--text-secondary);margin:.75rem 0 .35rem}
.drawer-step input[type=email],.drawer-step input[type=password]{width:100%;height:48px;border:1px solid var(--card-border-hover);border-radius:var(--radius-sm);background:rgba(255,255,255,.035);color:#fff;padding:0 .85rem;font:inherit}
.terms-check,.consent-check{display:flex!important;gap:.65rem;align-items:flex-start;margin:1rem 0;color:var(--text-secondary);font-size:.78rem;line-height:1.5}
.terms-check input,.consent-check input{margin-top:.2rem;accent-color:var(--accent);flex:none}
.terms-check a{color:var(--text-primary)}
.form-error{min-height:1.4rem;color:#ff8d80;font-size:.78rem;margin:.55rem 0}
.stripe-note{text-align:center;margin:.8rem 0}
.mobile-buy-bar{display:none}
.checkout-drawer[hidden],.drawer-backdrop[hidden]{display:none}
.body-lock{overflow:hidden}
@media(max-width:768px){.pricing-hero{padding:calc(var(--header-height) + 3rem) 1rem 2.5rem}.pricing-hero h1{font-size:2rem}.hero-copy{font-size:1rem}.section-heading h2{font-size:1.75rem}.plan-grid{grid-template-columns:1fr;margin-top:2.5rem}.plus-card{order:-1;padding:1.6rem 1.25rem}.free-card{padding:1.6rem 1.25rem}.feature-list.two-column{grid-template-columns:1fr}.trust-row{display:grid;grid-template-columns:1fr 1fr;text-align:left;padding:.5rem 1rem}.comparison-section,.faq-section{padding:4rem 1rem}.benefit-grid{grid-template-columns:1fr}.footer{padding-bottom:7rem}.checkout-drawer{padding:4rem 1.25rem 2rem}.mobile-buy-bar{position:fixed;display:flex;align-items:center;justify-content:space-between;bottom:0;left:0;right:0;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));background:rgba(9,9,11,.94);backdrop-filter:blur(18px);border-top:1px solid var(--card-border);z-index:900}.mobile-buy-bar div{display:flex;flex-direction:column}.mobile-buy-bar strong{font-size:.9rem}.mobile-buy-bar span{font-size:.7rem;color:var(--text-dim)}.mobile-buy-bar button{border:0;border-radius:var(--radius-sm);padding:.7rem 1.1rem;background:var(--accent);color:#fff;font:inherit;font-weight:600;cursor:pointer}.mobile-buy-bar button:hover{background:var(--accent-hover)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.terms-check[hidden]{display:none!important}
@keyframes planSwap{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}
.plan-anim{animation:planSwap .26s cubic-bezier(.4,0,.2,1)}
@media(prefers-reduced-motion:reduce){.plan-anim{animation:none!important}}
.confetti-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:1201}
.success-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(6px);z-index:1200}
.success-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(440px,92vw);background:#121114;border:1px solid var(--card-border-hover);border-radius:var(--radius-lg);padding:2.6rem 2.2rem 2.1rem;text-align:center;z-index:1202;box-shadow:0 30px 90px rgba(0,0,0,.55);animation:successPop .42s cubic-bezier(.2,.9,.3,1.3)}
@keyframes successPop{from{opacity:0;transform:translate(-50%,-46%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.success-check{width:64px;height:64px;margin:0 auto 1.1rem;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;color:#fff}
.success-modal h2{font-size:1.7rem;letter-spacing:-.03em;margin:0 0 .6rem}
.success-copy{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:0 0 1.6rem}
.success-modal .primary-cta{margin-bottom:.9rem}
.success-redirect{color:var(--text-dim);font-size:.78rem;margin:0}
.confetti-canvas[hidden],.success-backdrop[hidden],.success-modal[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.success-modal{animation:none!important}}
