@import "https://cdn.jsdelivr.net/npm/geist@1.0.0/dist/fonts/geist-sans/style.css";:root{--color-bg-base:#fff;--color-bg-surface:#fff;--color-primary:#000;--color-primary-hover:#333;--color-primary-transparent:#0000000a;--color-text-primary:#000;--color-text-secondary:#666;--color-text-muted:#888;--color-border:#eaeaea;--shadow-sm:0 2px 4px #0000000a;--shadow-md:0 4px 8px #0000000f;--shadow-lg:0 12px 24px #00000014;--shadow-xl:0 24px 48px #0000001f;--transition-fast:.15s ease;--transition-smooth:.3s ease}*{box-sizing:border-box;margin:0;padding:0;font-family:inherit}body{background-color:var(--color-bg-base);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Geist Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}h1,h2,h3,h4{letter-spacing:-.025em;color:var(--color-text-primary);font-weight:700;line-height:1.2}p{color:var(--color-text-secondary)}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:96px 0}.btn{cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-outline{color:var(--color-text-primary);border:1px solid var(--color-border);background-color:#0000}.btn-outline:hover{background-color:#00000005;border-color:#cbd5e1}.navbar{z-index:50;background:0 0;align-items:center;height:64px;display:flex;position:fixed;top:0;left:0;right:0}.navbar .container{justify-content:space-between;align-items:center;width:100%;display:flex}.nav-links{align-items:center;gap:32px;display:flex}.nav-link{color:var(--color-text-secondary);transition:color var(--transition-fast);font-size:14px;font-weight:500}.nav-link:hover{color:var(--color-text-primary)}.hero{text-align:center;background:0 0;padding:160px 0 96px}.hero h1{margin-bottom:24px;color:#000;letter-spacing:-.04em;max-width:800px;margin-inline:auto;font-size:56px;font-weight:800}.hero p{max-width:600px;margin:0 auto 40px;font-size:20px}.hero-buttons{justify-content:center;gap:16px;margin-bottom:64px;display:flex}.hero-mockup{max-width:1000px;box-shadow:var(--shadow-xl);border:1px solid var(--color-border);background:var(--color-bg-surface);aspect-ratio:16/9;border-radius:16px;margin:0 auto;position:relative;overflow:hidden}.hero-mockup-topbar{border-bottom:1px solid var(--color-border);background:#f1f5f9;align-items:center;gap:8px;height:48px;padding:0 16px;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.features-grid{grid-template-columns:repeat(3,1fr);gap:32px;margin-top:64px;display:grid}.feature-card{background:var(--color-bg-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:transform var(--transition-smooth), box-shadow var(--transition-smooth);border-radius:16px;padding:32px}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-icon{background:var(--color-primary-transparent);width:48px;height:48px;color:var(--color-primary);border-radius:12px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.feature-card h3{margin-bottom:12px;font-size:20px}.feature-card p{font-size:15px;line-height:1.5}.footer{border-top:1px solid var(--color-border);text-align:center;background:#fff;margin-top:64px;padding:48px 0}