@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;700;800&family=DM+Sans:wght@400;500&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0a;--bg2:#111;--bg3:#1a1a1a;--border:#ffffff14;--border2:#ffffff24;--text:#f0ede8;--muted:#888;--accent:#e8ff47;--accent2:#b8ff00;--accent-dim:#e8ff471a;--font-head:"Syne", sans-serif;--font-body:"DM Sans", sans-serif}html,body{max-width:100vw;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}nav{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#0a0a0aeb;justify-content:space-between;align-items:center;padding:1.25rem 2.5rem;display:flex;position:sticky;top:0}.nav-logo{font-family:var(--font-head);letter-spacing:-.5px;font-size:1.15rem;font-weight:800}.nav-logo span{color:var(--accent)}.nav-badge{border:1px solid var(--border2);color:var(--muted);border-radius:100px;padding:3px 8px;font-size:11px}.nav-cta,.btn-primary,.submit-btn,.send-btn{background:var(--accent);color:#0a0a0a;cursor:pointer;border:none}.nav-cta{font-family:var(--font-head);border-radius:6px;padding:.5rem 1.2rem;font-size:.85rem;font-weight:700}.hero{text-align:center;max-width:900px;margin:0 auto;padding:6rem 2.5rem 4rem}.hero-tag{border:1px solid var(--border2);color:var(--muted);border-radius:100px;align-items:center;gap:6px;margin-bottom:2.5rem;padding:5px 14px;font-size:12px;display:inline-flex}.hero-tag .dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.hero h1{font-family:var(--font-head);letter-spacing:-2px;margin-bottom:1.5rem;font-size:clamp(2.8rem,7vw,5.5rem);font-weight:800;line-height:1}.hero h1 em,.section h2 em,.tagline-banner p em{color:var(--accent);font-style:normal}.hero-sub{color:var(--muted);max-width:560px;margin:0 auto 3rem;font-size:1.15rem;line-height:1.7}.hero-sub strong{color:var(--text);font-weight:500}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-primary,.btn-ghost{border-radius:8px;padding:.85rem 2rem}.btn-primary{font-family:var(--font-head);font-size:1rem;font-weight:700}.btn-ghost{color:var(--muted);border:1px solid var(--border2);cursor:pointer;background:0 0}.mockup-wrap,.section,.integrations-inner{max-width:900px;margin:0 auto}.mockup-wrap{margin-top:4rem;margin-bottom:4rem;padding:0 2.5rem}.chat-window{background:var(--bg2);border:1px solid var(--border2);border-radius:16px;overflow:hidden}.chat-bar,.chat-input-row{background:var(--bg3);align-items:center;gap:8px;padding:.9rem 1.25rem;display:flex}.chat-bar{border-bottom:1px solid var(--border)}.chat-dot{border-radius:50%;width:10px;height:10px}.chat-dot.r{background:#ff5f57}.chat-dot.y{background:#febc2e}.chat-dot.g{background:#28c840}.chat-title{color:var(--muted);margin-left:6px;font-size:12px}.chat-body{flex-direction:column;gap:1rem;padding:1.5rem 1.25rem;display:flex}.msg{align-items:flex-start;gap:10px;display:flex}.msg.user{flex-direction:row-reverse}.avatar{width:28px;height:28px;font-size:11px;font-weight:700;font-family:var(--font-head);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.avatar.ai{background:var(--accent-dim);color:var(--accent);border:1px solid #e8ff4733}.avatar.u{color:var(--text);border:1px solid var(--border2);background:#222}.bubble{border-radius:10px;max-width:80%;padding:.65rem 1rem;font-size:.875rem}.bubble.ai{background:var(--bg3);border:1px solid var(--border)}.bubble.user{background:var(--accent-dim);border:1px solid #e8ff4726}.action-pill{color:var(--accent);background:#e8ff4714;border:1px solid #e8ff4733;border-radius:100px;align-items:center;gap:5px;margin-top:6px;padding:3px 10px;font-size:11px;display:inline-flex}.chat-input-row{border-top:1px solid var(--border)}.fake-input{background:var(--bg);border:1px solid var(--border2);color:var(--muted);border-radius:8px;flex:1;padding:.6rem .9rem;font-size:13px}.send-btn{border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.section{padding:5rem 2.5rem}.label{letter-spacing:2px;text-transform:uppercase;color:var(--accent);font-size:11px;font-family:var(--font-head);margin-bottom:1rem;font-weight:700}.section h2{font-family:var(--font-head);letter-spacing:-1px;margin-bottom:1rem;font-size:clamp(1.8rem,4vw,3rem);font-weight:800;line-height:1.1}.section-sub{color:var(--muted);max-width:520px;font-size:1.05rem}.pain-grid{border:1px solid var(--border);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;margin-top:3rem;display:grid;overflow:hidden}.pain-card{background:var(--bg2);padding:1.75rem}.pain-card h3{font-family:var(--font-head);margin-bottom:.4rem;font-size:.95rem}.pain-card p{color:var(--muted);font-size:.82rem}.divider{border:none;border-top:1px solid var(--border)}.steps{border:1px solid var(--border);border-radius:12px;margin-top:3rem;overflow:hidden}.step{border-bottom:1px solid var(--border);gap:1.5rem;padding:2rem;display:flex}.step:last-child{border-bottom:none}.step-num{font-family:var(--font-head);color:#ffffff0f;min-width:48px;font-size:2.5rem;font-weight:800}.step-content h3{font-family:var(--font-head);margin-bottom:.35rem;font-size:1.1rem}.step-content p{color:var(--muted);font-size:.9rem}.step-tag{background:var(--accent-dim);color:var(--accent);font-size:10px;font-family:var(--font-head);border:1px solid #e8ff4733;border-radius:4px;margin-top:8px;padding:2px 7px;font-weight:700;display:inline-block}.integrations-wrap{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:5rem 2.5rem}.int-grid{flex-wrap:wrap;gap:10px;margin-top:2.5rem;display:flex}.int-pill,.int-more{border-radius:8px;padding:.6rem 1rem;font-size:.85rem}.int-pill{background:var(--bg3);border:1px solid var(--border2);align-items:center;gap:8px;display:flex}.int-more{border:1px dashed var(--border2);color:var(--muted)}.use-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:3rem;display:grid}.use-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:1.75rem}.use-prompt{background:var(--bg3);border:1px solid var(--border2);border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.8rem}.use-result{color:var(--muted);font-size:.8rem}.use-result strong{color:var(--accent);font-weight:500}.tagline-banner{text-align:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:6rem 2.5rem}.tagline-banner p{font-family:var(--font-head);letter-spacing:-2px;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800}.register-wrap{text-align:center;max-width:600px;margin:0 auto;padding:6rem 2.5rem}.register-wrap h2{font-family:var(--font-head);margin-bottom:.75rem;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800}.register-wrap p{color:var(--muted);margin-bottom:2.5rem;font-size:.95rem}.register-form{text-align:left;flex-direction:column;gap:12px;display:flex}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-field{flex-direction:column;gap:5px;display:flex}.form-field label{letter-spacing:.5px;color:var(--muted);font-size:11px;font-family:var(--font-head);text-transform:uppercase;font-weight:700}.form-field input,.form-field select{background:var(--bg2);border:1px solid var(--border2);color:var(--text);border-radius:10px;outline:none;width:100%;padding:.7rem .9rem;font-size:.9rem;transition:border-color .2s,box-shadow .2s,background-color .2s}.form-field input:focus,.form-field select:focus{border-color:#e8ff47a6;box-shadow:0 0 0 4px #e8ff471f}.form-field .input-error{background:#ff75750f;border-color:#ff7575;box-shadow:0 0 0 4px #ff75751f}.field-error{color:#ff9f9f;margin-top:4px;font-size:.8rem;font-weight:500}.field-hint{color:#9fa3aa;margin-top:4px;font-size:.76rem}.submit-btn{font-family:var(--font-head);border-radius:8px;width:100%;margin-top:4px;padding:.9rem;font-size:1rem;font-weight:800}.form-note{text-align:center;color:var(--muted);margin-top:.5rem;font-size:.78rem}.success-msg{text-align:center;color:var(--accent);font-family:var(--font-head);background:#e8ff4714;border:1px solid #e8ff4740;border-radius:10px;padding:2rem;font-size:1.1rem;font-weight:700}.error-msg{color:#ff7575;text-align:center;font-size:.9rem}.form-alert{background:#ff75751f;border:1px solid #ff757559;border-radius:8px;padding:.55rem .75rem}footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:2rem 2.5rem;display:flex}footer .logo{font-family:var(--font-head);font-weight:800}footer .logo span{color:var(--accent)}footer p{color:var(--muted);font-size:.78rem}@media (max-width:600px){nav{padding:1rem 1.25rem}.hero{padding:4rem 1.25rem 2rem}.section{padding:3.5rem 1.25rem}.mockup-wrap{padding:0 1.25rem}.field-row{grid-template-columns:1fr}.register-wrap{padding:4rem 1.25rem}footer{text-align:center;flex-direction:column;padding:1.5rem 1.25rem}.tagline-banner{padding:4rem 1.25rem}}
