html{scroll-behavior:smooth}:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,sans-serif;background:#0f1115;color:#f3f4f6}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:#f59e0b}button{cursor:pointer}.app-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.5rem;border-bottom:1px solid #374151;background:#111318}.app-brand{font-weight:700;font-size:1.125rem;color:#f3f4f6;text-decoration:none}.app-brand:hover{color:#f59e0b}.app-nav{display:flex;align-items:center;gap:1.25rem}.nav-link{color:#d1d5db;text-decoration:none;font-size:.9375rem}.nav-link:hover{color:#f59e0b}.nav-link-active{color:#f59e0b;font-weight:600}.nav-link-login{font-size:1.125rem;font-weight:700;color:#f3f4f6}.nav-link-login.nav-link-active,.nav-link-login:hover{color:#f59e0b}.nav-link-pricing{font-size:1.125rem;font-weight:700;color:#f3f4f6}.nav-link-pricing:hover{color:#f59e0b}.nav-button{background:transparent;border:1px solid #4b5563;color:#d1d5db;padding:.375rem .75rem;border-radius:6px;font-size:.875rem}.nav-button:hover{border-color:#f59e0b;color:#f59e0b}.page{max-width:720px;margin:2rem auto;padding:0 1.5rem 3rem}.settings-section{margin-top:2rem}.settings-section h2{margin-bottom:.5rem}.muted{color:#9ca3af;font-size:.9375rem}.error-text{color:#f87171}.inline-form{display:flex;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.inline-form input{flex:1 1;min-width:200px;padding:.5rem .75rem;border:1px solid #4b5563;border-radius:6px;background:#1a1d24;color:#f3f4f6}.button-row{display:flex;gap:.75rem;flex-wrap:wrap}.category-list{list-style:none;padding:0;margin:1.5rem 0 0}.category-item{border:1px solid #374151;border-radius:8px;padding:1rem;margin-bottom:1rem}.category-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.subcategory-list{list-style:none;padding:0;margin:.75rem 0 0 .5rem}.subcategory-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.375rem 0;color:#d1d5db}.subcategory-form{margin-top:.75rem}.danger-button{background:transparent;border:1px solid #7f1d1d;color:#fca5a5;padding:.25rem .625rem;border-radius:6px;font-size:.8125rem}.danger-button:hover:not(:disabled){border-color:#ef4444;color:#fecaca}.danger-button:disabled{opacity:.5;cursor:not-allowed}.home{max-width:1080px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.home-hero{display:grid;grid-gap:2rem;gap:2rem;align-items:center}.home-kicker{margin:0 0 .75rem;color:#f59e0b;font-size:.875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.home h1{margin:0;font-size:clamp(2rem,5vw,3.25rem);line-height:1.1}.home-cta p,.home-feature p,.home-lead,.home-section-lead,.home-step p{color:#9ca3af;line-height:1.6}.home-lead{margin:1rem 0 0;font-size:1.125rem;max-width:36rem}.home-actions,.home-cta{display:flex;flex-wrap:wrap;gap:.75rem}.home-actions{margin-top:1.75rem}.home-button{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.15rem;border-radius:8px;text-decoration:none;font-weight:600}.home-button-primary{background:#f59e0b;color:#111318}.home-button-primary:hover{background:#fbbf24;color:#111318}.home-button-ghost{border:1px solid #4b5563;color:#e5e7eb}.home-button-ghost:hover{border-color:#f59e0b;color:#f59e0b}.home-demo,.home-feature-image,.home-hero-media{overflow:hidden;border:1px solid #2a2f3a;border-radius:16px;background:#151821}.home-feature-image img,.home-hero-media img{display:block;width:100%;height:auto}.home-section{margin-top:4.5rem}.home-cta h2,.home-section h2{margin:0;font-size:1.75rem}.home-section-lead{margin:.6rem 0 0;max-width:36rem}.home-feature-grid{display:grid;grid-gap:1.25rem;gap:1.25rem;margin-top:1.75rem}.home-feature{overflow:hidden;border:1px solid #2a2f3a;border-radius:16px;background:#151821;padding:0 0 1.25rem}.home-feature-image{border:0;border-radius:0;border-bottom:1px solid #2a2f3a}.home-feature h3,.home-step h3{margin:1rem 1.1rem .4rem;font-size:1.125rem}.home-feature p{margin:0 1.1rem}.home-steps{list-style:none;display:grid;grid-gap:1rem;gap:1rem;padding:0;margin:1.75rem 0 0}.home-step{display:flex;gap:1rem;padding:1rem 1.1rem;border:1px solid #2a2f3a;border-radius:12px;background:#151821}.home-step-number{flex:0 0 auto;color:#f59e0b;font-weight:700}.home-step h3{margin:0 0 .35rem}.home-step p{margin:0}.home-demo{margin-top:1.5rem;min-height:280px;display:grid;place-content:center;text-align:center;grid-gap:.4rem;gap:.4rem;color:#9ca3af}.home-demo p{margin:0;color:#e5e7eb;font-weight:600}.home-cta{margin-top:4.5rem;padding:1.75rem 1.5rem;border:1px solid #2a2f3a;border-radius:16px;background:#151821;flex-direction:column;align-items:flex-start}.home-cta p{margin:.6rem 0 .4rem;max-width:40rem}.pricing-grid{display:grid;grid-gap:1.25rem;gap:1.25rem;margin-top:1.75rem}.pricing-card{display:flex;flex-direction:column;border:1px solid #2a2f3a;border-radius:16px;background:#151821;padding:1.5rem}.pricing-card-paid{border-color:#f59e0b66;box-shadow:inset 0 0 0 1px #f59e0b33}.pricing-plan{margin:0;color:#f59e0b;font-size:.875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.pricing-price{margin:.75rem 0 0;font-size:2.25rem;font-weight:700;line-height:1.1}.pricing-price-suffix{margin-left:.25rem;color:#9ca3af;font-size:1rem;font-weight:500}.pricing-note{margin:.4rem 0 0;color:#9ca3af;font-size:.9375rem}.pricing-toggle{display:inline-flex;gap:.25rem;margin-top:1rem;padding:.25rem;border:1px solid #374151;border-radius:999px;background:#111318}.pricing-toggle button{border:0;border-radius:999px;background:transparent;color:#9ca3af;padding:.4rem .9rem;font-size:.875rem;font-weight:600}.pricing-toggle-active{background:#f59e0b!important;color:#111318!important}.pricing-features{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;grid-gap:1rem;gap:1rem;flex:1 1}.pricing-feature{display:grid;grid-template-columns:auto 1fr;grid-gap:.75rem;gap:.75rem;align-items:start}.pricing-feature strong{display:block;font-size:.95rem}.pricing-feature p{margin:.2rem 0 0;color:#9ca3af;font-size:.9rem;line-height:1.45}.pricing-feature-muted p,.pricing-feature-muted strong{color:#6b7280}.pricing-check{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;margin-top:.1rem;border-radius:999px;font-size:.75rem;font-weight:700}.pricing-check-yes{background:#14532d;color:#86efac}.pricing-check-no{background:#3f1d1d;color:#fca5a5}.pricing-cta{margin-top:1.75rem;width:100%}@media (min-width:800px){.home-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:3rem;padding:1.5rem 0 1rem}.home-feature-grid,.home-steps,.pricing-grid{grid-template-columns:1fr 1fr}.pricing-grid{align-items:stretch}}