@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--dark: #0D1F2D;--primary: #00C48C;--mid: #0A8A6A;--light: #E8F9F4;--white: #F7FFFE;--text: #1A2E3B;--muted: #64748B;--border: #E2EBF0}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;color:var(--text);background:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img{max-width:100%;display:block}.nav{position:sticky;top:0;z-index:100;background:var(--dark);height:60px;border-bottom:1px solid rgba(255,255,255,.08)}.nav-inner{max-width:1200px;margin:0 auto;height:100%;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-weight:700;letter-spacing:-.03em;font-size:20px;color:#fff;display:inline-flex;align-items:center}.logo .accent{color:var(--primary)}.nav-links{display:flex;gap:32px}.nav-links a{color:#fff9;font-size:14px;font-weight:500;transition:color .2s}.nav-links a:hover{color:#fff}.nav-cta{display:flex;align-items:center;gap:12px}.login-link{color:#fff9;font-size:14px;font-weight:500;padding:8px 12px;transition:color .2s}.login-link:hover{color:#fff}.btn-primary{background:var(--primary);color:var(--dark);font-weight:700;border-radius:8px;padding:12px 28px;border:none;font-size:15px;transition:background .2s,transform .1s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{background:var(--mid)}.btn-primary:active{transform:translateY(1px)}.btn-primary.small{padding:8px 18px;font-size:14px}.btn-primary.full{width:100%}.btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.3);border-radius:8px;padding:11px 24px;font-size:15px;font-weight:600;transition:border-color .2s,background .2s;display:inline-flex;align-items:center;gap:8px}.btn-ghost:hover{border-color:#fff}.btn-outline-teal{background:#fff;color:var(--mid);border:1.5px solid var(--primary);border-radius:8px;padding:12px 24px;font-weight:700;font-size:15px;width:100%;transition:background .2s}.btn-outline-teal:hover{background:var(--light)}.btn-dark{background:var(--dark);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-weight:700;font-size:15px;width:100%;transition:opacity .2s}.btn-dark:hover{opacity:.9}.hamburger{display:none;background:transparent;border:none;color:#fff;padding:8px}.mobile-menu{display:none;background:var(--dark);border-bottom:1px solid rgba(255,255,255,.08);padding:16px 24px 24px;flex-direction:column;gap:16px}.mobile-menu.open{display:flex}.mobile-menu a{color:#ffffffb3;font-size:15px;font-weight:500;padding:8px 0}.hero{background:var(--dark);padding:100px 24px 80px;text-align:center;overflow:hidden}.hero-inner{max-width:1200px;margin:0 auto}.pill{display:inline-flex;align-items:center;gap:8px;background:#00c48c1f;border:1px solid rgba(0,196,140,.3);border-radius:99px;padding:6px 16px;font-size:13px;color:var(--primary);font-weight:500;margin-bottom:24px}.pill .dot{width:6px;height:6px;border-radius:50%;background:var(--primary);display:inline-block}.h1{font-size:clamp(40px,6vw,72px);font-weight:700;color:#fff;line-height:1.1;letter-spacing:-.03em;margin-bottom:20px;white-space:pre-line}.hero-sub{font-size:18px;color:#ffffff8c;max-width:600px;margin:0 auto 36px;line-height:1.6}.cta-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:16px}.cta-row .btn-primary{padding:14px 32px;font-size:16px}.trust-micro{font-size:13px;color:#ffffff59}.hero-mockup{max-width:960px;margin:60px auto 0;background:#0f2a3a;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;transform:perspective(1200px) rotateX(4deg);box-shadow:0 40px 80px #0006;text-align:left}.mock-topbar{background:#1a3a50;padding:12px 16px;display:flex;align-items:center;gap:8px;position:relative}.mock-dot{width:10px;height:10px;border-radius:50%}.mock-dot.red{background:#ff5f56}.mock-dot.yellow{background:#ffbd2e}.mock-dot.green{background:#27c93f}.mock-title{position:absolute;left:50%;transform:translate(-50%);color:#fff9;font-size:13px;font-weight:500}.mock-body{display:flex;min-height:360px}.mock-side{width:180px;background:#132435;padding:16px 12px;display:flex;flex-direction:column;gap:4px;flex-shrink:0}.mock-side-item{padding:8px 12px;border-radius:6px;font-size:13px;color:#ffffff8c;display:flex;align-items:center;gap:8px}.mock-side-item.active{background:#00c48c26;color:var(--primary);font-weight:600}.mock-side-section{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#ffffff4d;padding:16px 12px 4px;font-weight:600}.mock-side-dot{width:8px;height:8px;border-radius:2px}.mock-main{flex:1;background:var(--white);padding:0;min-width:0}.mock-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.mock-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:12px}.mock-row-content{flex:1;min-width:0}.mock-name{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock-preview{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock-time{font-size:11px;color:var(--muted);flex-shrink:0}.mock-pipeline-badge{background:#00c48c1f;color:var(--mid);border:1px solid rgba(0,196,140,.3);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600;margin-top:4px;display:inline-block}.mock-right{width:220px;background:#f0f9f6;padding:16px;border-left:1px solid var(--border);flex-shrink:0}.mock-right-name{font-size:14px;font-weight:700;color:var(--text);margin-bottom:4px}.mock-right-email{font-size:12px;color:var(--muted);margin-bottom:12px}.mock-right-btn{background:#fff;border:1.5px solid var(--primary);color:var(--mid);border-radius:6px;padding:6px 10px;font-size:11px;font-weight:600;width:100%}.logo-strip{margin-top:60px;text-align:center}.logo-strip-label{font-size:13px;color:#ffffff4d;text-transform:uppercase;letter-spacing:.08em;margin-bottom:20px}.marquee{overflow:hidden;position:relative;mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent)}.marquee-track{display:inline-flex;gap:12px;animation:scroll 28s linear infinite;padding-left:12px;white-space:nowrap}.marquee:hover .marquee-track{animation-play-state:paused}.logo-pill{background:#ffffff0f;color:#ffffff73;padding:8px 20px;border-radius:99px;font-size:13px;font-weight:600;flex-shrink:0;letter-spacing:.02em}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.trial-callout{background:var(--light);padding:56px 24px;text-align:center}.trial-cols{display:flex;justify-content:center;flex-wrap:wrap;gap:32px;max-width:800px;margin:0 auto 32px}.trial-col{flex:1;min-width:180px}.trial-num{font-size:48px;font-weight:700;color:var(--mid);line-height:1;margin-bottom:8px;letter-spacing:-.02em}.trial-label{font-size:15px;font-weight:600;color:var(--text);margin-bottom:4px}.trial-sub{font-size:13px;color:var(--muted)}.info-box{background:#fff;border-left:4px solid var(--primary);border-radius:8px;padding:16px 20px;max-width:600px;margin:0 auto;display:flex;align-items:center;gap:12px;text-align:left;font-size:14px;color:var(--muted);box-shadow:0 2px 8px #0d1f2d0a}.info-icon{width:24px;height:24px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-style:italic;font-family:Georgia,serif;font-size:14px;flex-shrink:0}.section-head{text-align:center;margin-bottom:64px}.overline{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);font-weight:600;margin-bottom:12px}.h2{font-size:clamp(28px,4vw,44px);font-weight:700;color:var(--text);letter-spacing:-.02em;line-height:1.2;margin-bottom:12px}.h2.white{color:#fff}.section-sub{font-size:17px;color:var(--muted);max-width:560px;margin:0 auto;line-height:1.6}.section-sub.muted-white{color:#fff9}.features{background:#fff;padding:96px 24px}.feature{max-width:1100px;margin:0 auto 80px;display:flex;align-items:center;gap:64px}.feature:last-of-type{margin-bottom:0}.feature.right{flex-direction:row-reverse}.feature-text{flex:1}.feature-text .overline{margin-bottom:8px}.feature-text h3{font-size:28px;font-weight:700;color:var(--text);margin-bottom:12px;letter-spacing:-.02em;line-height:1.2}.feature-body{font-size:16px;color:var(--muted);line-height:1.7;margin-bottom:24px}.feature-bullets{list-style:none;display:flex;flex-direction:column;gap:10px}.feature-bullets li{display:flex;align-items:flex-start;gap:10px;font-size:15px;color:var(--text)}.check{width:18px;height:18px;border-radius:50%;background:#00c48c26;color:var(--mid);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;flex-shrink:0;margin-top:2px}.feature-image{flex:0 0 480px;aspect-ratio:4 / 3;border-radius:16px;overflow:hidden;background:var(--light);border:1px solid var(--border);display:flex;flex-direction:column;box-shadow:0 20px 40px #0d1f2d14}.fmock-header{background:var(--dark);padding:12px 16px;display:flex;align-items:center;gap:8px}.fmock-header-title{color:#fff;font-size:13px;font-weight:600}.fmock-body{flex:1;background:#fff;padding:16px;overflow:hidden;display:flex;flex-direction:column;gap:8px}.channel-badge{width:28px;height:28px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:700;flex-shrink:0}.channel-badge.wa{background:#25d366}.channel-badge.em{background:#4285f4}.channel-badge.li{background:#0a66c2}.fmock-row{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:8px}.fmock-row-content{flex:1;min-width:0}.fmock-row .name{font-size:13px;font-weight:600;color:var(--text)}.fmock-row .preview{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fmock-row .time{font-size:11px;color:var(--muted);flex-shrink:0}.kanban{display:flex;gap:10px;height:100%}.kanban-col{flex:1;background:var(--light);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:8px;min-width:0}.kanban-col-title{font-size:11px;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.05em;padding:4px}.kanban-card{background:#fff;border:1px solid var(--border);border-radius:8px;padding:8px;font-size:11px;display:flex;align-items:center;gap:6px}.kanban-card.won{border-color:var(--primary);border-width:1.5px}.kanban-card .name{font-weight:600;font-size:12px;color:var(--text)}.kanban-card .role{color:var(--muted);font-size:10px}.kanban-mini-avatar{width:20px;height:20px;border-radius:50%;flex-shrink:0}.team-row{display:grid;grid-template-columns:auto 1fr auto auto auto;gap:10px;align-items:center;padding:10px;border-bottom:1px solid var(--border);font-size:12px}.team-row:last-child{border-bottom:none}.team-name{font-weight:600;color:var(--text)}.team-stat{color:var(--muted);font-size:11px}.team-active{background:#00c48c26;color:var(--mid);padding:2px 8px;border-radius:99px;font-size:10px;font-weight:700}.fmock-tabs{display:flex;gap:4px;padding-bottom:8px;border-bottom:1px solid var(--border);margin-bottom:8px;font-size:12px}.fmock-tab{padding:6px 10px;border-radius:6px;color:var(--muted);font-weight:500}.fmock-tab.active{background:#00c48c26;color:var(--mid);font-weight:700}.how{background:var(--dark);padding:96px 24px;text-align:center}.steps{max-width:1000px;margin:0 auto;display:flex;justify-content:space-between;gap:24px;position:relative}.steps:before{content:"";position:absolute;top:20px;left:12.5%;right:12.5%;border-top:1px dashed rgba(255,255,255,.15);z-index:0}.step{flex:1;position:relative;z-index:1;padding:0 8px}.step-num{width:40px;height:40px;border-radius:50%;background:var(--primary);color:var(--dark);font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.step-num.last{background:#fff;color:var(--dark)}.step-title{color:#fff;font-size:15px;font-weight:600;margin-bottom:6px}.step-title.accent{color:var(--primary)}.step-body{color:#ffffff80;font-size:13px;line-height:1.5}.cta-box{background:#00c48c1a;border:1px solid rgba(0,196,140,.2);border-radius:12px;padding:32px;max-width:480px;margin:56px auto 0}.cta-box-title{color:#fff;font-size:17px;font-weight:600;margin-bottom:6px}.cta-box-sub{color:#ffffff8c;font-size:13px;margin-bottom:20px;line-height:1.5}.pricing{background:var(--light);padding:96px 24px}.toggle-row{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:48px}.toggle{background:#fff;border-radius:99px;padding:4px;display:inline-flex;border:1px solid var(--border);position:relative}.toggle button{background:transparent;border:none;padding:8px 20px;border-radius:99px;font-weight:600;font-size:14px;color:var(--muted);transition:all .2s;z-index:1}.toggle button.active{background:var(--dark);color:#fff}.save-badge{background:#00c48c26;color:var(--mid);font-size:11px;font-weight:700;padding:4px 10px;border-radius:99px}.cards{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}.card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:32px 24px;display:flex;flex-direction:column;position:relative}.card.featured{background:var(--dark);border:2px solid var(--primary);color:#fff;transform:scale(1.03);box-shadow:0 20px 40px #0d1f2d26}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--primary);color:var(--dark);font-size:11px;font-weight:700;padding:4px 14px;border-radius:99px;text-transform:uppercase;letter-spacing:.05em}.card-name{font-size:15px;font-weight:700;color:var(--text);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.card.featured .card-name{color:#fff}.card-price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.card-price{font-size:40px;font-weight:700;color:var(--text);letter-spacing:-.02em;line-height:1}.card.featured .card-price{color:#fff}.card-price-suffix{color:var(--muted);font-size:14px}.card.featured .card-price-suffix{color:#fff9}.card-strike{color:var(--muted);font-size:14px;text-decoration:line-through}.card.featured .card-strike{color:#fff6}.card-sub{font-size:13px;color:var(--muted);margin-bottom:20px;margin-top:4px}.card.featured .card-sub{color:#fff9}.trial-callout-mini{background:#fff;border:1px solid var(--primary);border-radius:6px;padding:8px 12px;font-size:12px;color:var(--mid);margin-bottom:16px;font-weight:500}.card-cta{margin-bottom:24px}.card-features{list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:auto}.card-features li{font-size:13px;color:var(--text);display:flex;align-items:flex-start;gap:8px;line-height:1.4}.card.featured .card-features li{color:#ffffffd9}.card-features .yes{color:var(--mid);font-weight:700;flex-shrink:0}.card.featured .card-features .yes{color:var(--primary)}.card-features .no{color:var(--muted);flex-shrink:0;opacity:.5}.card-features li.dim{opacity:.55}.pricing-note{text-align:center;font-size:13px;color:var(--muted);max-width:640px;margin:32px auto 0;line-height:1.6}.testimonials{background:#fff;padding:96px 24px}.testimonials-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.testimonial{background:#fff;border:1px solid var(--border);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:20px}.t-stars{color:var(--primary);font-size:14px;letter-spacing:2px}.t-quote{font-size:15px;color:var(--text);line-height:1.6;flex:1}.t-author{display:flex;align-items:center;gap:12px;margin-top:8px}.t-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.t-name{font-size:14px;font-weight:600;color:var(--text)}.t-role{font-size:12px;color:var(--muted)}.faq{background:var(--light);padding:96px 24px}.faq-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.faq-item{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px 24px}.faq-q{width:100%;background:transparent;border:none;padding:0;font-size:16px;font-weight:600;color:var(--text);display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:left}.faq-icon{width:24px;height:24px;border-radius:50%;background:var(--light);color:var(--mid);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;transition:transform .2s}.faq-item.open .faq-icon{transform:rotate(45deg)}.faq-a{margin-top:12px;font-size:14px;color:var(--muted);line-height:1.6;display:none}.faq-item.open .faq-a{display:block}.final-cta{background:var(--dark);padding:96px 24px;text-align:center}.final-cta .h2{color:#fff;margin-bottom:16px}.final-cta-sub{color:#fff9;font-size:17px;max-width:520px;margin:0 auto 32px;line-height:1.6}.footer{background:#07151f;color:#ffffff80;padding:64px 24px 32px;font-size:14px}.footer-inner{max-width:1200px;margin:0 auto 48px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px}.footer-brand .logo{font-size:22px;margin-bottom:16px;display:inline-block}.footer-brand p{font-size:13px;max-width:260px;line-height:1.6}.footer-col h4{color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}.footer-col a{color:#ffffff80;font-size:13px;transition:color .2s}.footer-col a:hover{color:#fff}.footer-bottom{max-width:1200px;margin:0 auto;border-top:1px solid rgba(255,255,255,.08);padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;font-size:12px;color:#ffffff59}@media(max-width:900px){.feature,.feature.right{flex-direction:column;gap:32px}.feature-image{flex:0 0 auto;width:100%;max-width:480px}.testimonials-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr 1fr;gap:32px}.cards{grid-template-columns:1fr;max-width:420px}.card.featured{transform:none}.steps{flex-direction:column;gap:32px}.steps:before{display:none}}@media(max-width:768px){.nav-links,.nav-cta .login-link,.nav-cta .btn-primary{display:none}.hamburger{display:inline-flex}.hero{padding:72px 20px 56px}.hero-mockup{transform:none;margin-top:40px}.mock-side{width:130px}.mock-right{display:none}.features,.how,.pricing,.testimonials,.faq,.final-cta{padding:64px 20px}.feature{margin-bottom:56px}.footer-inner{grid-template-columns:1fr}}@media(max-width:520px){.trial-cols{gap:24px}.trial-num{font-size:40px}.mock-side{display:none}}