:root{--color-primary-50:#E0E8F9;--color-primary-100:#BED0F7;--color-primary-200:#98AEEB;--color-primary-300:#7B93DB;--color-primary-400:#647ACB;--color-primary-500:#4C63B6;--color-primary-600:#4055A8;--color-primary-700:#35469C;--color-primary-800:#2D3A8C;--color-primary-900:#19216C;--color-gray-50:#F5F7FA;--color-gray-100:#E4E7EB;--color-gray-200:#CBD2D9;--color-gray-300:#9AA5B1;--color-gray-400:#7B8794;--color-gray-500:#616E7C;--color-gray-600:#52606D;--color-gray-700:#3E4C59;--color-gray-800:#323F4B;--color-gray-900:#1F2933;--color-purple-50:#EAE2F8;--color-purple-100:#CFBCF2;--color-purple-200:#A081D9;--color-purple-300:#8662C7;--color-purple-400:#724BB7;--color-purple-500:#653CAD;--color-purple-600:#51279B;--color-purple-700:#421987;--color-purple-800:#34126F;--color-purple-900:#240754;--color-red-50:#FFEEEE;--color-red-100:#FACDCD;--color-red-200:#F29B9B;--color-red-300:#E66A6A;--color-red-400:#D64545;--color-red-500:#BA2525;--color-red-600:#A61B1B;--color-red-700:#911111;--color-red-800:#780A0A;--color-red-900:#610404;--color-yellow-50:#FFFAEB;--color-yellow-100:#FCEFC7;--color-yellow-200:#F8E3A3;--color-yellow-300:#F9DA8B;--color-yellow-400:#F7D070;--color-yellow-500:#E9B949;--color-yellow-600:#C99A2E;--color-yellow-700:#A27C1A;--color-yellow-800:#7C5E10;--color-yellow-900:#513C06;--surface-page:var(--color-gray-900);--surface-raised:var(--color-gray-800);--surface-input:var(--color-gray-700);--border-subtle:var(--color-gray-700);--border-strong:var(--color-gray-600);--text-heading:var(--color-gray-50);--text-primary:var(--color-gray-100);--text-secondary:var(--color-gray-200);--text-muted:var(--color-gray-300);--accent:var(--color-primary-200);--accent-hover:var(--color-primary-100);--accent-solid:var(--color-primary-500);--accent-solid-hover:var(--color-primary-400);color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--surface-page)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}header{background-color:var(--surface-raised);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:100}nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--accent);text-decoration:none}.logo-image{height:2.5rem;width:auto}.logo-text{color:var(--accent)}.nav-links{display:flex;list-style:none;gap:2rem;align-items:center}.nav-links a{text-decoration:none;color:var(--text-secondary);font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--accent)}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:.5rem;text-decoration:none;font-weight:600;transition:all .2s;border:none;cursor:pointer;font-size:1rem}.btn-primary{background-color:var(--accent-solid);color:#fff}.btn-primary:hover{background-color:var(--accent-solid-hover);transform:translateY(-1px)}.btn-secondary{background-color:transparent;color:var(--accent);border:2px solid var(--color-primary-400)}.btn-secondary:hover{background-color:var(--surface-raised);border-color:var(--color-primary-300)}.hero{padding:4rem 0;background:linear-gradient(135deg,var(--color-gray-800) 0%,var(--surface-page) 100%)}.hero-content{text-align:center;max-width:800px;margin:0 auto}.hero-logo{width:8rem;height:auto;margin:0 auto 1.5rem;display:block}.app-preview-logo{width:100%;max-width:320px;height:auto}.hero h1{font-size:3rem;color:var(--text-heading);margin-bottom:1rem;line-height:1.2}.hero p{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.platform-status{margin-top:1.25rem;font-size:.95rem;color:var(--text-muted)}.platform-status strong{color:var(--text-primary)}.app-links{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.5rem}.app-links-label{margin-top:1.5rem;margin-bottom:.5rem;color:var(--text-secondary);font-size:.95rem}.beta{padding:4rem 0;background:linear-gradient(135deg,var(--color-gray-800) 0%,var(--surface-page) 100%)}.beta-content{text-align:center;max-width:640px;margin:0 auto}.beta-content h2{font-size:2.5rem;color:var(--text-heading);margin-bottom:1rem}.beta-content>p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem}.beta-cards{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;text-align:left}.beta-card{background-color:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:.75rem;padding:1.5rem}.beta-card h3{font-size:1.25rem;color:var(--text-heading);margin-bottom:1rem}.beta-form{display:flex;flex-direction:column;gap:1rem}.beta-form .btn{width:100%}.beta-field{display:flex;flex-direction:column;gap:.35rem}.beta-field span{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.beta-field input[type=email]{width:100%;padding:.75rem 1rem;border:2px solid var(--border-strong);border-radius:.5rem;font-size:1rem;outline:none;transition:border-color .2s;background-color:var(--surface-input);color:var(--text-primary)}.beta-field input[type=email]:focus{border-color:var(--color-primary-400)}.beta-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.beta-note{margin-top:1.25rem;font-size:.9rem;color:var(--text-muted)}.features{padding:4rem 0;background-color:var(--surface-page)}.features h2{text-align:center;font-size:2.5rem;color:var(--text-heading);margin-bottom:3rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{padding:2rem;border-radius:1rem;background-color:var(--surface-raised);border:1px solid var(--border-subtle);box-shadow:0 4px 6px rgba(0,0,0,.3);transition:transform .2s,box-shadow .2s,border-color .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.45);border-color:var(--border-strong)}.feature-icon{width:3rem;height:3rem;background-color:var(--color-primary-900);border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:var(--accent)}.feature-card h3{color:var(--text-heading);margin-bottom:.5rem}.feature-card p{color:var(--text-secondary)}.newsletter{padding:4rem 0;background:linear-gradient(135deg,var(--color-primary-900) 0%,var(--surface-page) 100%)}.newsletter-content{text-align:center;max-width:600px;margin:0 auto}.newsletter-content h2{font-size:2.5rem;color:var(--text-heading);margin-bottom:1rem}.newsletter-content p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem}.newsletter-form{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.newsletter-form input[type=email]{padding:.75rem 1rem;border:2px solid var(--border-strong);background-color:var(--surface-input);color:var(--text-primary);border-radius:.5rem;font-size:1rem;flex:1;min-width:250px;max-width:400px;outline:none;transition:border-color .2s}.newsletter-form input[type=email]:focus{border-color:var(--color-primary-400)}.app-section{padding:4rem 0;background:linear-gradient(135deg,var(--color-purple-900) 0%,var(--surface-page) 100%)}.app-container{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.app-content h2{font-size:2.5rem;color:var(--text-heading);margin-bottom:1rem}.app-content p{color:var(--text-secondary);margin-bottom:1.5rem}.app-preview{background-color:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:1rem;padding:2rem;box-shadow:0 8px 25px rgba(0,0,0,.35);text-align:center}.page-section{padding:4rem 0;min-height:60vh}.page-content{max-width:800px;margin:0 auto}.page-content h1{font-size:2.5rem;color:var(--text-heading);margin-bottom:2rem}.page-content h2{font-size:1.75rem;color:var(--text-heading);margin-top:2rem;margin-bottom:1rem}.page-content h3{font-size:1.25rem;color:var(--text-primary);margin-top:1.5rem;margin-bottom:.75rem}.page-content p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.8}.page-content ul,.page-content ol{margin-left:2rem;margin-bottom:1rem;color:var(--text-secondary)}.page-content li{margin-bottom:.5rem;line-height:1.6}.page-content a{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--color-primary-700);transition:border-color .2s,color .2s}.page-content a:hover{color:var(--accent-hover);border-bottom-color:var(--accent)}.page-content code{background-color:var(--surface-raised);color:var(--text-primary);padding:.25rem .5rem;border-radius:.25rem;font-size:.9em;font-family:monaco,menlo,ubuntu mono,monospace}footer{background-color:var(--surface-raised);border-top:1px solid var(--border-subtle);color:var(--text-secondary);padding:2rem 0;text-align:center}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-links{display:flex;list-style:none;gap:2rem}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--accent)}.coming-soon{display:inline-block;background-color:var(--color-yellow-900);color:var(--color-yellow-200);padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;margin-left:.5rem;text-transform:uppercase;letter-spacing:.05em}.guide-hero{padding:3rem 0;background:linear-gradient(135deg,var(--color-gray-800) 0%,var(--surface-page) 100%);text-align:center}.guide-hero h1{font-size:2.5rem;color:var(--text-heading);margin-bottom:.5rem}.guide-hero p{font-size:1.15rem;color:var(--text-secondary)}.guide-toc{background-color:var(--surface-raised);border-bottom:1px solid var(--border-subtle);padding:1rem 0;position:sticky;top:60px;z-index:50}.guide-toc ul{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;justify-content:center}.guide-toc a{display:inline-block;padding:.35rem .9rem;border-radius:2rem;text-decoration:none;font-size:.9rem;font-weight:500;color:var(--text-secondary);background-color:var(--color-gray-700);border:1px solid var(--border-strong);transition:background-color .2s,color .2s}.guide-toc a:hover{background-color:var(--color-primary-800);color:var(--color-primary-100)}.guide-content{max-width:900px;margin:0 auto}.guide-content h2{font-size:1.75rem;color:var(--text-heading);margin-top:3rem;margin-bottom:1rem;padding-top:1rem}.guide-content p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.8}.guide-content em{color:var(--text-muted)}.guide-screenshot{text-align:center;margin:2rem auto}.guide-screenshot img,.guide-screenshot video{border-radius:.75rem;box-shadow:0 4px 20px rgba(0,0,0,.45);max-width:100%;height:auto}.guide-screenshot figcaption{margin-top:.75rem;font-size:.9rem;color:var(--text-muted);font-style:italic}.guide-screenshot--phone{max-width:320px}.guide-screenshot--tablet{max-width:480px}@media(max-width:768px){.hero h1{font-size:2rem}.app-container{grid-template-columns:1fr}.nav-links{gap:1rem}.cta-buttons{flex-direction:column}.footer-content{flex-direction:column;text-align:center}.guide-hero h1{font-size:2rem}.guide-toc{position:static}.beta-cards{grid-template-columns:1fr}.guide-screenshot--phone{max-width:280px}.guide-screenshot--tablet{max-width:100%}}