.pricing-page{--bg:#f8fafc;--ink:#0f172a;--muted:#64748b;--blue:#0284c7;--blue-hover:#0369a1;background:var(--bg);color:var(--ink);flex-direction:column;align-items:center;min-height:100vh;padding:80px 24px 120px;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.pricing-page>*{width:100%;max-width:1200px;margin-left:auto;margin-right:auto}.divider{background:#e2e8f0;max-width:800px;height:1px;margin:80px auto}.pricing-header{text-align:center;max-width:800px;margin:0 auto 64px}.pricing-header h1{letter-spacing:-.02em;color:#0f172a;margin:0 0 24px;font-size:clamp(2rem,4vw,3rem);font-weight:500;line-height:1.2}.pricing-header p{color:var(--muted);margin:0;font-size:1.1rem}.screenshot-cards{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:24px;max-width:1100px;display:grid}.screenshot-cards--two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:880px;margin-inline:auto}.screenshot-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;padding:40px 32px;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.screenshot-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0f172a0a}.screenshot-card.popular{border:2px solid var(--blue);transform:scale(1.02);box-shadow:0 12px 32px #0284c714}.screenshot-card.popular:hover{transform:scale(1.02)translateY(-4px)}.sc-badge{background:var(--blue);color:#fff;white-space:nowrap;border-radius:999px;padding:6px 16px;font-size:.75rem;font-weight:600;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.screenshot-card h2{text-align:center;color:var(--ink);margin:0 0 24px;font-size:1.5rem;font-weight:500}.sc-price{justify-content:center;align-items:baseline;gap:4px;margin-bottom:16px;display:flex}.sc-price .amt{letter-spacing:-.03em;color:#1e293b;font-size:3.5rem;font-weight:400;line-height:1}.sc-price .per{color:var(--muted);font-size:1.1rem;font-weight:400}.sc-desc{text-align:center;color:var(--muted);min-height:48px;margin:0 0 32px;font-size:.95rem;line-height:1.5}.sc-features{flex-direction:column;gap:10px;margin:16px 0 24px;padding:0;list-style:none;display:flex}.sc-features li{color:#334155;align-items:center;gap:10px;font-size:14px;line-height:1.4;display:flex}.sc-features li .cell-icon{flex:none}.sc-features svg{flex-shrink:0;width:20px;height:20px;margin-top:1px}.sc-btn{cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:auto;padding:14px;font-family:inherit;font-size:1rem;font-weight:500;transition:all .2s}.sc-btn.primary{background:var(--blue);color:#fff}.sc-btn.primary:hover{background:var(--blue-hover)}.sc-btn.primary:disabled{opacity:.6;cursor:not-allowed}.sc-btn.secondary{color:#0f172a;background:#f1f5f9}.sc-btn.secondary:hover{background:#e2e8f0}.sc-btn.secondary:disabled{opacity:.6;cursor:not-allowed}.hero{grid-template-columns:1fr 1.2fr;align-items:center;gap:48px;margin-bottom:64px;display:grid}.hero-left h1{letter-spacing:-.02em;color:var(--ink);margin:0 0 16px;font-size:clamp(2rem,3.4vw,3.1rem);font-weight:600;line-height:1.1}.hero-left p{color:var(--muted);max-width:420px;margin:0;font-size:1.05rem}.hero-cards{grid-template-columns:1fr 1fr;gap:20px;display:grid}.hero-card{color:#fff;border-radius:16px;flex-direction:column;gap:12px;padding:28px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #00000014}.hero-card.blue{background:linear-gradient(160deg,#1d5ee8,#0a4bd6)}.hero-card.gold{background:linear-gradient(160deg,#c79a3a,#a87a1a)}.hero-card h2{margin:0;font-size:1.6rem;font-weight:600}.hero-card .sub{opacity:.9;margin:0;font-size:.9rem;line-height:1.4}.price-block{flex-direction:column;gap:4px;margin-top:20px;display:flex}.price-block .label{letter-spacing:.12em;text-transform:uppercase;opacity:.8;font-size:.7rem}.price-block .starting{opacity:.9;font-size:.8rem;text-decoration:line-through}.price-line{align-items:baseline;gap:4px;margin-top:4px;display:flex}.price-line b{letter-spacing:-.02em;font-size:2rem;font-weight:700}.price-line span{opacity:.85;font-size:.95rem}.price-block .note{opacity:.9;margin-top:6px;font-size:.85rem}.hero-btn{color:var(--ink);cursor:pointer;background:#fff;border:none;border-radius:8px;margin-top:auto;padding:12px 16px;font-size:.95rem;font-weight:600;transition:opacity .15s,transform .15s}.hero-btn:hover{opacity:.92;transform:translateY(-1px)}.hero-btn:focus-visible{outline-offset:2px;outline:3px solid #fff9}.compare-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:16px;display:flex}.compare-head h2{margin:0 0 4px;font-size:1.5rem;font-weight:600}.compare-head .muted{color:var(--muted);margin:0;font-size:.9rem}.legend{color:var(--muted);flex-wrap:wrap;gap:12px;font-size:.8rem;display:flex}.legend-item{align-items:center;gap:6px;display:inline-flex}.sw{border-radius:4px;width:14px;height:14px;display:inline-block}.sw.included{background:#e7f6ec;border:1px solid #b8e5c8}.sw.addon{background:#fff4e0;border:1px solid #f4d29b}.sw.usage{background:#eef2ff;border:1px solid #c7d2fe}.sw.custom{background:#f3e8ff;border:1px solid #d8b4fe}.compare-wrap{opacity:0;background:#fff;border:1px solid #e5e7eb;border-radius:16px;transition:opacity .4s,transform .4s;overflow:hidden;transform:translateY(16px);box-shadow:0 6px 24px #0f172a0a}.compare-wrap.in{opacity:1;transform:translateY(0)}.sheet{overflow-x:auto}.compare-wrap table{border-collapse:collapse;width:100%;min-width:900px;font-size:.875rem}.compare-wrap th,.compare-wrap td{text-align:left;vertical-align:middle;border-bottom:1px solid #e5e7eb;padding:12px 16px}.compare-wrap thead th{color:#fff;letter-spacing:.02em;z-index:2;background:#0284c7;font-size:.8rem;font-weight:500;position:sticky;top:0}.compare-wrap thead .th-feature{color:#fff;font-weight:600}.compare-wrap thead th+th,.compare-wrap tbody td+td{text-align:center}.compare-wrap tbody tr:hover td{background:#fafbfd}.td-feature{color:#111827;white-space:normal;width:34%;font-weight:500}.cell-text{color:#334155;font-size:.85rem;line-height:1.35;display:inline-block}.group-row td{color:#1f2a44;letter-spacing:.12em;text-transform:uppercase;background:#ddecff;border-bottom:1px solid #e5e7eb;padding:8px 16px;font-size:.9rem;font-weight:700;text-align:left!important}.cell-pill{white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:500;display:inline-block}.cell-pill.included{color:#16794a;background:#e7f6ec;border:1px solid #b8e5c8}.cell-pill.addon{color:#92400e;background:#fff4e0;border:1px solid #f4d29b}.cell-pill.usage{color:#3730a3;background:#eef2ff;border:1px solid #c7d2fe}.cell-pill.custom{color:#6b21a8;background:#f3e8ff;border:1px solid #d8b4fe}.info-dot{color:#6b7280;vertical-align:middle;cursor:help;background:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;margin-left:6px;font-size:9px;font-style:italic;font-weight:700;display:inline-flex}.cell-icon{vertical-align:middle;display:inline-block}.cell-icon--tick{color:#22c55e}.cell-icon--cross{color:#ef4444}.pricing-note{color:#6b4e12;background:#fff7e6;border:1px solid #f5e0b7;border-radius:12px;margin:24px auto 0;padding:16px 20px;font-size:.85rem;line-height:1.55}.pricing-note b{color:#4a3508}.cta-band{color:#fff;background:#0b132b;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-top:20px;padding:28px 32px;display:none}.cta-band h3{margin:0 0 6px;font-size:1.15rem;font-weight:600}.cta-band p{opacity:.8;max-width:640px;margin:0;font-size:.9rem;line-height:1.5}.cta-btn{color:#fff;white-space:nowrap;background:#4c84ff;border-radius:8px;padding:12px 18px;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .15s;display:inline-block}.cta-btn:hover{background:#3b74ee}.toggle-wrap{background:#e2e8f0;border-radius:999px;justify-content:center;align-items:center;width:fit-content;margin:0 auto 48px;padding:4px;display:flex;position:relative}.toggle-pill{z-index:1;background:#fff;border-radius:999px;transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);position:absolute;top:4px;bottom:4px;left:0;box-shadow:0 2px 6px #00000014}.toggle-btn{z-index:2;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:10px 24px;font-size:.95rem;font-weight:500;transition:color .2s;position:relative}.toggle-btn[aria-pressed=true]{color:var(--ink)}.discount{color:#16a34a;vertical-align:middle;background:#dcfce7;border-radius:6px;margin-left:4px;padding:2px 6px;font-size:.75rem;font-weight:600}.modal-backdrop{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#0f172a8c;justify-content:center;align-items:center;max-width:100%;padding:16px;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border-radius:16px;width:100%;max-width:560px;max-height:calc(100vh - 32px);padding:32px 28px 24px;animation:.2s ease-out slideUp;position:relative;overflow-y:auto;box-shadow:0 24px 64px #0f172a40}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal-close{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;line-height:1;transition:background .15s,color .15s;display:flex;position:absolute;top:12px;right:14px}.modal-close:hover{color:#0f172a;background:#e2e8f0}.modal-head{margin-bottom:20px}.modal-tag{color:#4338ca;background:#eef2ff;border-radius:999px;margin-bottom:10px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.modal-head h3{color:#0f172a;margin:0 0 6px;font-size:20px;font-weight:700}.modal-head p{color:#64748b;margin:0;font-size:14px;line-height:1.5}.modal-form{flex-direction:column;gap:14px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:520px){.form-row{grid-template-columns:1fr}}.form-field{color:#334155;flex-direction:column;gap:6px;font-size:13px;display:flex}.form-field>span{color:#334155;font-weight:500}.form-field input,.form-field textarea{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.form-field input::placeholder,.form-field textarea::placeholder{color:#94a3b8}.form-field input:focus,.form-field textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.form-field textarea{resize:vertical;min-height:72px}.form-error{color:#dc2626;font-size:12px;font-style:normal;line-height:1.3}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.modal-success{text-align:center;padding:12px 4px 4px}.modal-success-icon{background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:12px;display:inline-flex}.modal-success-icon .cell-icon{width:28px;height:28px}.modal-success h3{color:#0f172a;margin:0 0 8px;font-size:20px;font-weight:700}.modal-success p{color:#475569;margin:0 0 20px;font-size:14px;line-height:1.5}.modal-backdrop,.modal{display:none}.modal{opacity:0;visibility:hidden}.modal-backdrop{z-index:-1}@media (max-width:1024px){.screenshot-cards{gap:16px}.screenshot-card{padding:32px 20px}.sc-price .amt{font-size:2.8rem}}@media (max-width:960px){.hero{grid-template-columns:1fr;gap:32px}.hero-cards{grid-template-columns:1fr 1fr}.screenshot-cards{grid-template-columns:1fr;gap:32px;max-width:500px}.screenshot-card.popular{transform:none}.screenshot-card.popular:hover{transform:translateY(-4px)}}@media (max-width:720px){.screenshot-cards--two{grid-template-columns:1fr}}@media (max-width:560px){.pricing-page{padding:32px 16px 64px}.hero-cards{grid-template-columns:1fr}.cta-band{padding:22px}.cta-btn{text-align:center;width:100%}.modal{padding:28px 20px 20px}}