*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--p-bg: #0c0c10;--p-panel: #141419;--p-surface: #1a1a24;--p-surface-hover: #22222e;--p-border: #222230;--p-accent: #ff6b35;--p-accent-glow: rgba(255,107,53,.25);--p-accent-dim: #cc5529;--p-text: #e4e4ec;--p-text-muted: #6e6e82;--p-text-dim: #4a4a5e;--p-green: #34d399;--p-radius: 12px;--p-max-w: 1024px}html{scroll-behavior:smooth}body{font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--p-bg);color:var(--p-text);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.p-nav{position:fixed;top:0;left:0;right:0;height:56px;background:var(--p-panel);border-bottom:1px solid var(--p-border);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;z-index:100}.p-nav-logo{font-family:IBM Plex Mono,monospace;font-weight:700;font-size:1rem;display:flex;align-items:center;gap:.5rem;letter-spacing:-.5px}.p-nav-logo-icon{width:28px;height:28px;border-radius:8px;object-fit:contain}.p-nav-links{display:flex;align-items:center;gap:2rem}.p-nav-links a{font-size:.88rem;font-weight:500;color:var(--p-text-muted);transition:color .15s}.p-nav-links a:hover{color:var(--p-text)}.p-nav-cta{padding:.45rem 1rem;background:var(--p-accent);color:#fff!important;border-radius:8px;font-weight:600;font-size:.85rem;transition:background .15s,box-shadow .15s}.p-nav-cta:hover{background:var(--p-accent-dim);box-shadow:0 4px 20px var(--p-accent-glow)}.p-main{max-width:var(--p-max-w);margin:0 auto;padding:5rem 1.5rem 4rem}.p-tagline{text-align:center;margin-bottom:3rem}.p-tagline h1{font-size:2.25rem;font-weight:700;margin-bottom:.75rem;letter-spacing:-.5px}.p-tagline p{font-size:1.1rem;color:var(--p-text-muted)}.p-toggle-wrap{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:3rem}.p-toggle-label{font-size:.875rem;font-weight:500;color:var(--p-text-dim);transition:color .2s}.p-toggle-label--active{color:var(--p-text)}.p-toggle{position:relative;width:48px;height:24px;border-radius:12px;background:var(--p-border);border:none;cursor:pointer;transition:background .2s;padding:0}.p-toggle.is-annual{background:var(--p-accent)}.p-toggle-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}.p-toggle.is-annual .p-toggle-knob{transform:translate(24px)}.p-save-badge{font-size:.75rem;font-weight:600;background:#ff6b3526;color:var(--p-accent);padding:.2rem .6rem;border-radius:100px;display:none}.p-save-badge.is-visible{display:inline-block}.p-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:4rem}.p-card{background:var(--p-surface);border:1px solid var(--p-border);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;position:relative;transition:border-color .2s,box-shadow .2s}.p-card--highlighted{border-color:var(--p-accent);box-shadow:0 0 24px var(--p-accent-glow)}.p-card-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--p-accent);margin-bottom:1rem}.p-card-badge--top{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--p-accent);color:#fff;padding:.25rem .75rem;border-radius:100px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.p-card-header{margin-bottom:1.5rem}.p-card-header h2{font-size:1.125rem;font-weight:700;margin-bottom:.25rem}.p-card-desc{font-size:.875rem;color:var(--p-text-dim)}.p-card-price{margin-bottom:1.5rem}.p-price{font-size:2.5rem;font-weight:700}.p-period{font-size:.875rem;color:var(--p-text-muted)}.p-save-line{font-size:.75rem;font-weight:600;color:var(--p-green);margin-top:-1.25rem;margin-bottom:1.25rem}.p-card-btn{display:block;text-align:center;padding:.625rem 1rem;border-radius:8px;font-weight:600;font-size:.875rem;transition:all .15s;margin-bottom:1.5rem}.p-card-btn--secondary{border:1px solid var(--p-border);background:var(--p-surface-hover);color:var(--p-text-muted)}.p-card-btn--secondary:hover{border-color:var(--p-text-dim);color:var(--p-text)}.p-card-btn--primary{background:var(--p-accent);color:#fff;box-shadow:0 4px 16px var(--p-accent-glow)}.p-card-btn--primary:hover{background:var(--p-accent-dim)}.p-card-btn--muted{background:#ff6b35cc;box-shadow:none}.p-card-btn--muted:hover{background:var(--p-accent)}.p-feature-list{list-style:none;display:flex;flex-direction:column;gap:.75rem;flex:1}.p-feature-list li{display:flex;align-items:flex-start;gap:.75rem;font-size:.875rem}.p-feature-list li>span:last-child{color:var(--p-text-muted)}.p-icon-check,.p-icon-x{flex-shrink:0;width:20px;height:20px;margin-top:1px}.p-icon-check svg{width:20px;height:20px;color:var(--p-green)}.p-icon-x svg{width:20px;height:20px;color:var(--p-text-dim)}.p-comparison{margin-bottom:4rem}.p-comparison h2{font-size:1.25rem;font-weight:700;text-align:center;margin-bottom:2rem}.p-table-wrap{overflow-x:auto}.p-table{width:100%;font-size:.875rem;border-collapse:collapse}.p-table thead tr{border-bottom:1px solid var(--p-border)}.p-table th{padding:.75rem 1rem;font-weight:500;color:var(--p-text-muted);text-align:left}.p-table-plan{text-align:center!important;width:128px}.p-table-plan--pro{color:var(--p-accent)!important;font-weight:600!important}.p-table tbody tr{border-bottom:1px solid rgba(34,34,48,.5)}.p-table td{padding:.75rem 1rem;color:var(--p-text-muted)}.p-table-center{text-align:center}.p-table-text{font-size:.875rem;color:var(--p-text-muted)}.p-table-icon-check{width:20px;height:20px;color:var(--p-green);display:inline-block;vertical-align:middle}.p-table-icon-x{width:20px;height:20px;color:var(--p-text-dim);display:inline-block;vertical-align:middle}.p-footer{text-align:center;border-top:1px solid var(--p-border);padding-top:2rem}.p-footer p{font-size:.875rem;color:var(--p-text-dim)}.p-footer a{color:var(--p-accent);transition:text-decoration .15s}.p-footer a:hover{text-decoration:underline}@media(max-width:768px){.p-cards{grid-template-columns:1fr}.p-tagline h1{font-size:1.75rem}.p-nav{padding:0 1rem}.p-main{padding:4.5rem 1rem 3rem}}@media(max-width:480px){.p-tagline h1{font-size:1.5rem}.p-tagline p{font-size:1rem}}
