:root{--color-bg-page: #f5f5f5;--color-bg-surface: #ffffff;--color-bg-surface-secondary: #f9fafb;--color-bg-surface-hover: #f3f4f6;--color-text-primary: #111827;--color-text-secondary: #374151;--color-text-muted: #6b7280;--color-text-body: #333;--color-border: #e5e7eb;--color-border-light: #e0e0e0;--color-border-input: #d1d5db;--color-border-input-muted: #9ca3af;--color-brand: #0d9488;--color-brand-hover: #0f766e;--color-accent-primary: #0d9488;--color-accent-link: #0f766e;--color-accent-subtle: #ccfbf1;--color-card-bg: #ffffff;--color-card-border: #e5e7eb;--color-card-shadow: rgba(0, 0, 0, .1);--color-logo: #4338ca}@media (prefers-color-scheme: dark){:root{--color-bg-page: #0f172a;--color-bg-surface: #1e293b;--color-bg-surface-secondary: #1e293b;--color-bg-surface-hover: #334155;--color-text-primary: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-text-body: #e2e8f0;--color-border: #334155;--color-border-light: #1e293b;--color-border-input: #475569;--color-border-input-muted: #334155;--color-brand: #2dd4bf;--color-brand-hover: #5eead4;--color-accent-primary: #14b8a6;--color-accent-link: #5eead4;--color-accent-subtle: #134e4a;--color-card-bg: #1e293b;--color-card-border: #334155;--color-card-shadow: rgba(0, 0, 0, .3);--color-logo: #6366f1}.btn-outline{color:#5eead4;border-color:#5eead4}.btn-outline:hover:not(:disabled){background-color:#134e4a;color:#99f6e4;border-color:#99f6e4}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-page);color:var(--color-text-body)}.container{max-width:1200px;margin:0 auto;padding:0 20px;width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:.375rem;font-weight:500;font-size:.875rem;line-height:1.25rem;cursor:pointer;transition:all .2s;border:1px solid transparent;text-decoration:none;font-family:inherit}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background-color:var(--color-bg-surface);color:var(--color-text-secondary);border-color:var(--color-border-input)}.btn-outline:hover:not(:disabled){background-color:var(--color-bg-surface-secondary);border-color:var(--color-border-input-muted)}.btn-large{padding:.75rem 2rem;font-size:1rem}.landing-page,.about-page{min-height:100vh;display:flex;flex-direction:column}.landing-header{background-color:var(--color-bg-surface);border-bottom:1px solid var(--color-border-light);padding:1rem 0;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.landing-nav{display:flex;justify-content:space-between;align-items:center}.logo{color:var(--color-brand);font-size:1.5rem;font-weight:700;text-decoration:none;display:flex;align-items:center;gap:.5rem}.logo svg{color:var(--color-logo);width:40px;height:40px;flex-shrink:0}.nav-links{display:flex;align-items:center;gap:1rem}.nav-link{color:var(--color-text-muted);text-decoration:none;font-weight:500;transition:color .2s}.nav-link:hover{color:var(--color-text-secondary)}.landing-hamburger-btn{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem;min-width:44px;min-height:44px;align-items:center}.landing-hamburger-line{display:block;width:22px;height:3px;background-color:var(--color-text-primary);border-radius:2px}.landing-mobile-menu{display:none;flex-direction:column;gap:.5rem;padding:1rem 0 .5rem;border-top:1px solid var(--color-border-light)}.landing-mobile-menu--open{display:flex}.landing-mobile-link{color:var(--color-text-muted);text-decoration:none;font-weight:500;padding:.75rem 0;min-height:44px;display:flex;align-items:center;transition:color .2s}.landing-mobile-link:hover{color:var(--color-text-secondary)}.landing-main,.about-main{flex:1;padding:4rem 0}.hero-section{text-align:center;max-width:800px;margin:0 auto 6rem}.hero-title{font-size:3rem;font-weight:700;color:var(--color-text-primary);margin-bottom:1.5rem;line-height:1.2}.hero-subtitle{font-size:1.25rem;color:var(--color-text-muted);margin-bottom:2rem;line-height:1.6}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:.5rem}.product-preview-section{text-align:center;margin-bottom:4rem}.product-preview-section h2{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:2rem}.preview-card{display:flex;flex-direction:column;background:var(--color-card-bg);border-radius:1rem;overflow:hidden;box-shadow:0 8px 30px #0000001f;max-width:800px;margin:0 auto}.preview-card--gradient{background:linear-gradient(135deg,var(--color-card-bg) 0%,var(--color-bg-surface-secondary) 100%)}.preview-window-bar{display:flex;align-items:center;gap:.5rem;background:var(--color-bg-surface-secondary);padding:.6rem 1rem;border-bottom:1px solid var(--color-border)}.preview-window-dot{display:inline-block;width:.75rem;height:.75rem;border-radius:50%;flex-shrink:0}.preview-window-dot--red{background:#ff5f57}.preview-window-dot--yellow{background:#ffbd2e}.preview-window-dot--green{background:#28c840}.preview-window-title{margin-left:.5rem;font-size:.75rem;font-weight:500;color:var(--color-text-secondary);letter-spacing:.02em}.preview-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;padding:1.5rem}.preview-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem;color:var(--color-text-primary);background:var(--color-bg-surface);border-radius:.5rem;padding:1rem .75rem;text-align:center}.preview-stat-icon{font-size:1.5rem;line-height:1;margin-bottom:.25rem}.preview-stat-value{font-size:1.5rem;font-weight:700;color:var(--color-brand);line-height:1}.preview-stat-label{font-size:.8rem;font-weight:500;color:var(--color-text-secondary);line-height:1.2}.features-section{margin-bottom:4rem}.features-section h2{text-align:center;font-size:2.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:3rem}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.feature-card{background:var(--color-card-bg);padding:2rem;border-radius:.75rem;box-shadow:0 4px 6px var(--color-card-shadow);border:1px solid var(--color-card-border);text-align:center;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.feature-icon{width:3rem;height:3rem;margin:0 auto 1rem;color:#0d9488;display:flex;align-items:center;justify-content:center}.feature-icon svg{width:100%;height:100%}.feature-card h3{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin-bottom:1rem}.feature-card p{color:var(--color-text-muted);line-height:1.6}.feature-card--blue .feature-icon{color:#0d9488;background-color:#ccfbf1;border-radius:.75rem;padding:.625rem}.feature-card--green .feature-icon{color:#16a34a;background-color:#dcfce7;border-radius:.75rem;padding:.625rem}.feature-card--purple .feature-icon{color:#7c3aed;background-color:#ede9fe;border-radius:.75rem;padding:.625rem}.feature-card--orange .feature-icon{color:#ea580c;background-color:#ffedd5;border-radius:.75rem;padding:.625rem}.feature-card--teal .feature-icon{color:#0d9488;background-color:#ccfbf1;border-radius:.75rem;padding:.625rem}.feature-card--indigo .feature-icon{color:#4338ca;background-color:#e0e7ff;border-radius:.75rem;padding:.625rem}.landing-footer{background-color:#111827;color:#9ca3af;padding:2rem 0;text-align:center;font-size:.875rem}.about-hero{text-align:center;max-width:800px;margin:0 auto 4rem}.about-hero h1{font-size:3rem;font-weight:700;color:var(--color-text-primary);margin-bottom:1rem}.lead{font-size:1.25rem;color:var(--color-text-muted);line-height:1.6}.about-content{max-width:1000px;margin:0 auto}.about-section{margin-bottom:4rem}.about-section h2{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:1.5rem}.about-section p{color:var(--color-text-muted);line-height:1.6;margin-bottom:1rem}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:2rem}.step{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:.5rem;padding:1.5rem;text-align:center;box-shadow:0 2px 4px var(--color-card-shadow)}.step-number{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;background-color:#0d9488;color:#fff;border-radius:50%;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.step h3{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.step p{color:var(--color-text-muted);font-size:.875rem}.benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:2rem}.benefit{background:var(--color-card-bg);border:1px solid var(--color-card-border);padding:1.5rem;border-radius:.5rem;box-shadow:0 2px 4px var(--color-card-shadow)}.benefit h3{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.benefit p{color:var(--color-text-muted);font-size:.875rem;margin:0}@media (max-width: 900px){.features-grid,.process-steps{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.process-steps,.benefits-grid{grid-template-columns:1fr}}@media (max-width: 480px){.landing-hamburger-btn{display:flex}.nav-links{display:none}.landing-nav .logo{flex:1}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.features-grid{grid-template-columns:1fr}}.btn-primary{background-color:var(--color-brand);color:#fff;border-color:var(--color-brand)}.btn-primary:hover:not(:disabled){background-color:var(--color-brand-hover);border-color:var(--color-brand-hover)}@media (prefers-color-scheme: dark){.btn-primary{background-color:var(--color-brand);color:#0f172a;border-color:var(--color-brand)}.btn-primary:hover:not(:disabled){background-color:var(--color-brand-hover);border-color:var(--color-brand-hover);color:#0f172a}}.signup-page{min-height:100vh;display:flex;flex-direction:column}.signup-main{flex:1;padding:4rem 0}.signup-section{max-width:520px;margin:0 auto}.signup-section h1{font-size:2.25rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.5rem;line-height:1.2}.signup-subtitle{color:var(--color-text-muted);font-size:1rem;margin-bottom:2rem}.signup-form{display:flex;flex-direction:column;gap:1.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.form-input{padding:.625rem .875rem;border:1px solid var(--color-border-input);border-radius:.375rem;font-size:.9375rem;font-family:inherit;color:var(--color-text-primary);background-color:var(--color-bg-surface);transition:border-color .15s,box-shadow .15s;width:100%}.form-input:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 3px #0d948826}.form-input::placeholder{color:var(--color-text-muted)}.form-error{font-size:.8125rem;color:#dc2626;min-height:1.2em;line-height:1.2}@media (prefers-color-scheme: dark){.form-error{color:#f87171}}.subdomain-field{display:flex;align-items:stretch;border:1px solid var(--color-border-input);border-radius:.375rem;overflow:hidden;background-color:var(--color-bg-surface);transition:border-color .15s,box-shadow .15s}.subdomain-field:focus-within{border-color:var(--color-brand);box-shadow:0 0 0 3px #0d948826}.subdomain-field .form-input{border:none;border-radius:0;box-shadow:none;flex:1;min-width:0}.subdomain-field .form-input:focus{border:none;box-shadow:none}.subdomain-suffix{display:flex;align-items:center;padding:0 .75rem;background-color:var(--color-bg-surface-secondary);color:var(--color-text-muted);font-size:.875rem;font-weight:500;white-space:nowrap;border-left:1px solid var(--color-border-input);-webkit-user-select:none;user-select:none}.subdomain-status{font-size:.8125rem;min-height:1.2em;line-height:1.2;color:var(--color-text-muted)}.subdomain-status[data-status=available]{color:#16a34a}.subdomain-status[data-status=checking]{color:var(--color-text-muted)}@media (prefers-color-scheme: dark){.subdomain-status[data-status=available]{color:#4ade80}}.signup-submit{width:100%;margin-top:.5rem}.success-message{text-align:center;padding:2.5rem 1rem}.success-icon{width:3.5rem;height:3.5rem;margin:0 auto 1.5rem;color:var(--color-brand)}.success-icon svg{width:100%;height:100%}.success-message h2{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.75rem}.success-message p{color:var(--color-text-muted);margin-bottom:2rem;line-height:1.6}.banner-error{margin-top:1rem;padding:.875rem 1rem;border-radius:.375rem;background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b;font-size:.9rem;line-height:1.5}@media (prefers-color-scheme: dark){.banner-error{background-color:#450a0a;border-color:#7f1d1d;color:#fca5a5}}@media (max-width: 540px){.signup-section h1{font-size:1.75rem}.form-row{grid-template-columns:1fr}.subdomain-suffix{font-size:.8125rem;padding:0 .5rem}}.signup-cta{background-color:var(--color-brand);color:#fff;border-color:var(--color-brand)}.signup-cta:hover:not(:disabled){background-color:var(--color-brand-hover);border-color:var(--color-brand-hover)}@media (prefers-color-scheme: dark){.signup-cta{color:#0f172a}.signup-cta:hover:not(:disabled){color:#0f172a}}.nav-link--active{color:var(--color-brand);font-weight:600}.pricing-page{min-height:100vh;display:flex;flex-direction:column}.pricing-main{flex:1;padding:4rem 0}.pricing-hero{text-align:center;max-width:800px;margin:0 auto 3.5rem}.pricing-hero h1{font-size:3rem;font-weight:700;color:var(--color-text-primary);margin-bottom:1rem;line-height:1.2}.pricing-hero-subtitle{font-size:1.25rem;color:var(--color-text-muted);line-height:1.6}.pricing-section{margin-bottom:5rem}.pricing-cards{display:flex;gap:1.5rem;align-items:stretch}.pricing-card{flex:1;background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:1rem;box-shadow:0 4px 6px var(--color-card-shadow);display:flex;flex-direction:column;overflow:hidden}.pricing-card--featured{border-color:var(--color-brand);box-shadow:0 8px 30px #0d948833;transform:translateY(-6px)}.pricing-card-header{padding:2rem 2rem 1.5rem;border-bottom:1px solid var(--color-border);position:relative}.pricing-tier-name{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.75rem}.pricing-price{margin-bottom:.75rem;display:flex;align-items:baseline;gap:.25rem}.pricing-price-amount{font-size:2rem;font-weight:700;color:var(--color-brand)}.pricing-price-period{font-size:.875rem;color:var(--color-text-muted)}.pricing-price-note{font-size:.8rem;color:var(--color-text-muted);margin:-.25rem 0 .75rem;line-height:1.4}.pricing-tier-description{font-size:.9rem;color:var(--color-text-muted);line-height:1.5}.pricing-badge{display:inline-block;background-color:var(--color-brand);color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.04em;padding:.2rem .65rem;border-radius:9999px;margin-bottom:.75rem}@media (prefers-color-scheme: dark){.pricing-badge{color:#0f172a}}.pricing-card-body{padding:1.5rem 2rem 2rem;flex:1;display:flex;flex-direction:column}.pricing-card-features{list-style:none;margin-bottom:2rem;flex:1;display:flex;flex-direction:column;gap:.75rem}.pricing-feature{display:flex;align-items:flex-start;gap:.6rem;font-size:.9375rem;color:var(--color-text-secondary);line-height:1.4}.pricing-feature-icon{color:var(--color-brand);font-weight:700;flex-shrink:0;width:1.1em;text-align:center;margin-top:.05em}.pricing-feature--missing{color:var(--color-text-muted);opacity:.7}.pricing-feature--missing .pricing-feature-icon{color:var(--color-text-muted)}.pricing-card-cta{width:100%;justify-content:center}.pricing-table-section{margin-bottom:4rem}.pricing-table-section h2{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:2rem;text-align:center}.pricing-table-wrapper{overflow-x:auto;border-radius:.75rem;border:1px solid var(--color-card-border);box-shadow:0 4px 6px var(--color-card-shadow)}.pricing-table{width:100%;border-collapse:collapse;background:var(--color-card-bg);font-size:.9375rem}.pricing-table thead th{padding:1rem 1.5rem;text-align:center;font-size:1rem;font-weight:600;color:var(--color-text-primary);background:var(--color-bg-surface-secondary);border-bottom:2px solid var(--color-card-border)}.pricing-table thead th.pricing-table-feature-col{text-align:left;width:40%}.pricing-table tbody td{padding:.875rem 1.5rem;text-align:center;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);vertical-align:middle}.pricing-table tbody td:first-child{text-align:left;color:var(--color-text-primary)}.pricing-table tbody tr:nth-child(2n):not(.pricing-table-category){background-color:var(--color-bg-surface-secondary)}.pricing-table-category td{font-weight:700;font-size:.8125rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);background:var(--color-bg-surface-secondary)!important;padding-top:1.25rem!important;padding-bottom:.625rem!important;border-top:2px solid var(--color-card-border);text-align:left!important}.pricing-table-featured-col{background-color:#0d94880d;font-weight:500}@media (prefers-color-scheme: dark){.pricing-table-featured-col{background-color:#2dd4bf0f}}.pricing-table-yes{color:var(--color-brand);font-weight:700;font-size:1.1rem}.pricing-table-no{color:var(--color-text-muted);font-size:1rem}.pricing-cta-section{text-align:center;padding:4rem 2rem;background:var(--color-bg-surface-secondary);border-radius:1rem;margin-bottom:2rem;border:1px solid var(--color-card-border)}.pricing-cta-section h2{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.75rem}.pricing-cta-section p{color:var(--color-text-muted);font-size:1.1rem;margin-bottom:2rem}.pricing-cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media (max-width: 900px){.pricing-cards{flex-direction:column}.pricing-card--featured{transform:none}}@media (max-width: 480px){.pricing-hero h1{font-size:2rem}.pricing-hero-subtitle{font-size:1rem}.pricing-table thead th,.pricing-table tbody td{padding:.75rem;font-size:.875rem}.pricing-card-header,.pricing-card-body{padding-left:1.25rem;padding-right:1.25rem}}.legal-main{padding:2rem 0 4rem}.legal-draft-banner{max-width:900px;margin:0 auto 2.5rem;padding:.875rem 1.25rem;border-radius:.5rem;background-color:#fefce8;border:1px solid #fde68a;color:#713f12;font-size:.95rem;line-height:1.5}@media (prefers-color-scheme: dark){.legal-draft-banner{background-color:#422006;border-color:#854d0e;color:#fde68a}}.legal-hero{text-align:center;max-width:800px;margin:0 auto 3rem}.legal-hero h1{font-size:2.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.75rem}.legal-meta{font-size:.95rem;color:var(--color-text-muted)}.legal-content{max-width:900px;margin:0 auto}.legal-section{margin-bottom:2.5rem}.legal-section h2{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.75rem}.legal-section p{color:var(--color-text-muted);line-height:1.7;margin-bottom:1rem}.legal-section ul{color:var(--color-text-muted);line-height:1.7;margin:0 0 1rem 1.5rem;padding:0}.legal-section ul li{margin-bottom:.5rem}.legal-section a{color:#0d9488;text-decoration:underline}.legal-section a:hover{color:#0f766e}.footer-link{color:inherit;text-decoration:underline}.footer-link:hover{color:#e5e7eb}.form-group--consent{display:flex;align-items:flex-start;gap:.5rem;margin-top:.5rem;margin-bottom:1.25rem}.form-group--consent input[type=checkbox]{margin-top:.2rem;flex-shrink:0;width:1rem;height:1rem;cursor:pointer}.form-group--consent label{font-size:.9375rem;line-height:1.5;color:var(--color-text-muted);cursor:pointer}.form-group--consent label a{color:#0d9488;text-decoration:underline}.form-group--consent label a:hover{color:#0f766e}.signup-submit:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 540px){.legal-hero h1{font-size:1.875rem}.legal-section h2{font-size:1.25rem}}