.pricing-page{min-height:100vh;background:#fafafa;overflow-y:auto}.pricing-header{max-width:600px;margin:0 auto;padding:120px 20px 60px;text-align:center}.pricing-title{font-size:clamp(36px,5vw,52px);font-weight:300;color:#171717;letter-spacing:-2px;margin-bottom:16px}.pricing-subtitle{font-size:18px;color:#525252;line-height:1.6;margin-bottom:40px;font-weight:400}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;max-width:1100px;margin:0 auto;padding:0 20px 80px}.pricing-card{position:relative;background:#ffffff;border:1px solid #f5f5f5;border-radius:24px;padding:36px;transition:all .3s}.pricing-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.08)}.pricing-card.highlighted{border-color:var(--accent-primary);background:linear-gradient(180deg,rgba(249,115,22,.04),#ffffff)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#f97316,#ea580c);padding:6px 16px;border-radius:20px;font-size:12px;font-weight:500;color:white}.plan-header{margin-bottom:24px}.plan-name{font-size:24px;font-weight:500;color:#171717;margin-bottom:6px;letter-spacing:-.5px}.plan-description{font-size:14px;color:#525252;font-weight:400}.plan-price-block{margin-bottom:20px}.price-label{font-size:20px;font-weight:600;color:#171717}.plan-cta{display:block;width:100%;padding:16px;margin:24px 0;border-radius:12px;font-size:15px;font-weight:500;text-align:center;text-decoration:none;transition:all .3s}.plan-cta.primary{background:linear-gradient(135deg,#f97316,#ea580c);color:white;box-shadow:0 4px 16px rgba(249,115,22,.2)}.plan-cta.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(249,115,22,.25)}.plan-cta.secondary{background:transparent;border:1px solid #e5e5e5;color:#171717}.plan-cta.secondary:hover{background:#f5f5f5;border-color:#d4d4d4}.plan-features{list-style:none;padding:0;margin:0}.plan-features li{display:flex;align-items:center;gap:12px;padding:12px 0;font-size:14px;color:#525252;border-bottom:1px solid #f5f5f5;font-weight:400}.plan-features li:last-child{border-bottom:none}.plan-features li svg{color:#16a34a;flex-shrink:0}.plan-feature-supabase{display:flex;align-items:center;gap:12px}.plan-feature-supabase .supabase-logo{flex-shrink:0;margin-left:auto;display:flex;align-items:center;justify-content:center}.faq-section{max-width:700px;margin:0 auto;padding:40px 20px 80px}.faq-title{font-size:32px;font-weight:300;color:#171717;text-align:center;margin-bottom:40px;letter-spacing:-1px}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{background:#ffffff;border:1px solid #f5f5f5;border-radius:16px;overflow:hidden;transition:all .3s}.faq-item:hover{border-color:var(--border-color)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:transparent;border:none;font-family:inherit;font-size:16px;font-weight:500;color:#171717;text-align:left;cursor:pointer}.faq-question svg{color:#a3a3a3;transition:transform .3s}.faq-item.open .faq-question svg{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item.open .faq-answer{max-height:200px}.faq-answer p{padding:0 24px 20px;font-size:15px;line-height:1.6;color:#525252;font-weight:400}.pricing-cta-section{text-align:center;padding:60px 20px 100px;background:linear-gradient(180deg,transparent,rgba(255,247,237,.5))}.pricing-cta-section h2{font-size:32px;font-weight:300;color:#171717;margin-bottom:12px;letter-spacing:-1px}.pricing-cta-section p{font-size:16px;color:#525252;margin-bottom:28px;font-weight:400}.cta-button{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:14px;font-size:16px;font-weight:500;color:white;text-decoration:none;transition:all .3s;box-shadow:0 8px 24px rgba(249,115,22,.2)}.cta-button:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(249,115,22,.25)}.cta-button svg{transition:transform .2s}.cta-button:hover svg{transform:translateX(4px)}@media (max-width:768px){.pricing-header{padding:100px 20px 40px}.pricing-grid{grid-template-columns:1fr}.pricing-card.highlighted{order:-1}}