*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#0c1100;line-height:1.6;background:#fff}.container{max-width:1200px;margin:0 auto;padding:0 24px}a{color:#083c2f;text-decoration:none;transition:all 0.3s ease}a:hover{color:#062d23}ul{list-style:none}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700;color:#0c1100}h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.5rem}h4{font-size:1.125rem}.section-title{text-align:center;margin-bottom:16px}.section-subtitle{text-align:center;color:#4b5852;margin-bottom:48px;font-size:1.125rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:999px;font-weight:600;font-size:0.9375rem;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;transition:all 0.3s ease;border:2px solid transparent;text-decoration:none;gap:8px}.btn-primary{background:#083c2f;color:white;border-color:#083c2f}.btn-primary:hover{background:#062d23;border-color:#062d23;color:white}.btn-outline{background:transparent;color:#083c2f;border-color:#083c2f}.btn-outline:hover{background:#083c2f;color:white}.btn-lg{padding:16px 32px;font-size:1.0625rem}.btn-block{width:100%}.page-hero{padding:100px 0 60px;text-align:center;background:linear-gradient(135deg, #f0f5f4, #fcfff5)}.page-hero h1{margin-bottom:16px}.page-hero .page-subtitle{font-size:1.25rem;color:#4b5852;max-width:600px;margin:0 auto}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-bottom:1px solid #c1cac8}.navbar{height:72px}.nav-container{display:flex;align-items:center;justify-content:space-between;height:100%}.logo{text-decoration:none}.nav-logo{height:48px;width:auto}.nav-links{display:flex;gap:32px}.nav-links a{color:#0c1100;font-weight:500;font-size:0.9375rem;padding:8px 0;position:relative}.nav-links a:hover,.nav-links a.active{color:#083c2f}.nav-links a.active::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#083c2f;border-radius:1px}.nav-cta{display:flex;gap:12px}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px}.hamburger{display:block;width:24px;height:2px;background:#0c1100;position:relative;transition:all 0.3s ease}.hamburger::before,.hamburger::after{content:'';position:absolute;width:24px;height:2px;background:#0c1100;transition:all 0.3s ease}.hamburger::before{top:-7px}.hamburger::after{top:7px}@media (max-width: 768px){.nav-toggle{display:block}.nav-links,.nav-cta{display:none}.navbar.open .nav-links{display:flex;flex-direction:column;position:absolute;top:72px;left:0;right:0;background:white;padding:24px;gap:16px;border-bottom:1px solid #c1cac8;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1)}.navbar.open .nav-cta{display:flex;position:absolute;top:calc(72px + var(--nav-links-height, 200px));left:0;right:0;background:white;padding:0 24px 24px;border-bottom:1px solid #c1cac8}.navbar.open .hamburger{background:transparent}.navbar.open .hamburger::before{top:0;transform:rotate(45deg)}.navbar.open .hamburger::after{top:0;transform:rotate(-45deg)}}.site-footer{background:#083c2f;color:#fdfdfd;padding:64px 0 0}.site-footer a{color:#fdfdfd}.site-footer a:hover{color:white}.site-footer .footer-logo{height:36px;width:auto}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:48px}@media (max-width: 768px){.footer-grid{grid-template-columns:1fr;gap:32px}}.footer-brand .footer-description{margin:16px 0 24px;font-size:0.875rem;line-height:1.7}.social-links{display:flex;gap:16px}.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.1);transition:all 0.3s ease}.social-links a:hover{background:#062d23;color:white}.footer-links h4{color:white;margin-bottom:20px;font-size:1rem;font-weight:600}.footer-links ul{display:flex;flex-direction:column;gap:12px}.footer-links a{font-size:0.875rem}.footer-newsletter h4{color:white;margin-bottom:20px;font-size:1rem;font-weight:600}.newsletter-form{display:flex;flex-direction:column;gap:12px}.newsletter-form input{padding:12px 16px;border:1px solid rgba(255,255,255,0.2);border-radius:6px;background:rgba(255,255,255,0.1);color:white;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:0.875rem}.newsletter-form input::placeholder{color:#e3e6dd}.newsletter-form input:focus{outline:none;border-color:#c9f269}.footer-bottom{margin-top:48px;padding:24px 0;border-top:1px solid rgba(255,255,255,0.1);text-align:center;font-size:0.875rem}.hero{padding:120px 0 80px;background:#f0f5f4}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}@media (max-width: 768px){.hero .container{grid-template-columns:1fr;text-align:center}}.hero h1{font-size:3.25rem;margin-bottom:20px;line-height:1.1;color:#0c1100}@media (max-width: 768px){.hero h1{font-size:2.25rem}}.hero-eyebrow{display:inline-block;font-size:0.875rem;font-weight:600;color:#083c2f;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:12px;background:rgba(201,242,105,0.15);border:1px solid rgba(8,60,47,0.14);border-radius:20px;padding:6px 16px}.hero-subtitle{font-size:1.125rem;color:#4b5852;margin-bottom:32px;line-height:1.7}.hero-cta{display:flex;gap:16px;margin-bottom:24px}@media (max-width: 768px){.hero-cta{justify-content:center;flex-wrap:wrap}}.social-proof{font-size:0.875rem;color:#c1cac8}.social-proof strong{color:#083c2f}@media (max-width: 768px){.hero-video{order:-1}}.hero-lightbox{display:block;position:relative;border-radius:16px;overflow:hidden;box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.1);transition:all 0.3s ease}.hero-lightbox:hover{transform:scale(1.02)}.hero-lightbox:hover .play-button{background:rgba(255,255,255,0.35)}.hero-lightbox .hero-screenshot{display:block;width:100%;height:auto}.hero-lightbox .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.play-button{width:64px;height:64px;background:rgba(255,255,255,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:1.5rem;backdrop-filter:blur(4px);transition:all 0.3s ease}.logo-carousel{padding:40px 0;background:#fff;border-bottom:1px solid #c1cac8}.logos-track{display:flex;justify-content:center;align-items:center;gap:64px}@media (max-width: 768px){.logos-track{gap:32px;flex-wrap:wrap}}.logo-item{opacity:0.6;transition:all 0.3s ease}.logo-item:hover{opacity:1}.logo-item img{height:40px;width:auto;object-fit:contain;filter:grayscale(100%);transition:all 0.3s ease}.logo-item img:hover{filter:grayscale(0%)}.saas-feature-component{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.saas-feature-component.reverse .saas-feature-image{order:-1}@media (max-width: 768px){.saas-feature-component{grid-template-columns:1fr;gap:32px}.saas-feature-component.reverse .saas-feature-image{order:0}}.saas-feature-text h2{font-size:2.25rem;margin-bottom:24px}.saas-feature-text .feature-intro{color:#4b5852;font-size:1rem;margin-bottom:16px}.highlight-text{position:relative;white-space:nowrap}.check-list{display:flex;flex-direction:column;gap:14px;margin-bottom:32px}.check-list li{padding-left:32px;position:relative;color:#0c1100;font-size:1rem;line-height:1.6}.check-list li::before{content:'\2713';position:absolute;left:0;width:22px;height:22px;border-radius:50%;border:1.5px solid #0c1100;display:flex;align-items:center;justify-content:center;font-size:0.75rem;line-height:22px;text-align:center}.saas-feature-image img{width:100%;height:auto;border-radius:16px}.pain-points{padding:80px 0;background:#fff}.features{padding:80px 0;background:#f0f5f4}.featured-testimonial{padding:80px 0;background:#f0f5f4}.featured-quote-card{max-width:800px;margin:0 auto;text-align:center}.featured-quote-card .featured-quote-icon{width:48px;height:auto;opacity:0.2;margin-bottom:24px}.featured-quote-card blockquote p{font-size:1.25rem;line-height:1.8;color:#0c1100;font-style:italic;margin-bottom:32px}.featured-quote-author{display:inline-flex;align-items:center;gap:12px}.featured-quote-author .author-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.featured-quote-author strong{display:block;color:#0c1100;font-size:1rem}.featured-quote-author span{color:#c1cac8;font-size:0.875rem}.featured-quote-author div{text-align:left}.tutorials{padding:80px 0;background:#fff}.tutorials .section-title{margin-bottom:8px}.tutorials-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}@media (max-width: 768px){.tutorials-grid{grid-template-columns:1fr}}.tutorial-card h3{margin-top:16px;font-size:1.125rem;text-align:center}.tutorial-card .tutorial-desc{text-align:center;color:#4b5852;font-size:0.9375rem;margin-top:8px}.tutorial-thumb{display:block;position:relative;border-radius:16px;overflow:hidden;transition:all 0.3s ease}.tutorial-thumb:hover{transform:scale(1.02)}.tutorial-thumb:hover .play-button{background:rgba(255,255,255,0.35)}.tutorial-thumb img{display:block;width:100%;height:auto}.tutorial-thumb .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.platform{padding:80px 0;background:#f0f5f4}.platform-feature{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-bottom:64px}.platform-feature:last-child{margin-bottom:0}.platform-feature.reverse .platform-feature-image{order:-1}@media (max-width: 768px){.platform-feature{grid-template-columns:1fr;gap:32px;margin-bottom:48px}.platform-feature.reverse .platform-feature-image{order:0}}.platform-feature-text h3{font-size:1.5rem;margin-bottom:16px}.platform-feature-text p{color:#4b5852;font-size:1rem;line-height:1.7}.platform-feature-image img{width:100%;height:auto;border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1)}.how-it-works{padding:80px 0;background:#fff}.how-it-works .section-title{margin-bottom:48px}.steps-grid{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:16px;align-items:center}@media (max-width: 768px){.steps-grid{grid-template-columns:1fr}.steps-grid .step-arrow{display:none}}.step-card{text-align:center;padding:32px}.step-card h3{margin-bottom:12px;font-size:1.25rem}.step-card p{color:#4b5852;font-size:0.9375rem}.step-number{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg, #083c2f, #062d23);color:white;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 20px}.step-arrow{width:48px;height:auto;opacity:0.4}.rating-badge{padding:48px 0;background:#fff;text-align:center}.rating-text{font-size:1.5rem;color:#4b5852}.rating-text strong{color:#083c2f;font-size:1.75rem}.testimonials{padding:80px 0;background:#f0f5f4}.testimonials .section-title{margin-bottom:48px}.testimonials-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px}@media (max-width: 768px){.testimonials-grid{grid-template-columns:1fr}}.testimonial-card{background:white;padding:32px;border-radius:12px;border:1px solid #c1cac8;box-shadow:0 1px 2px rgba(0,0,0,0.05);position:relative}.testimonial-card .quote-icon{width:32px;height:auto;opacity:0.15;margin-bottom:12px}.testimonial-card .stars{color:#fbbf24;font-size:1.25rem;margin-bottom:16px}.testimonial-card .testimonial-text{color:#0c1100;font-size:1rem;margin-bottom:20px;line-height:1.7;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:12px}.testimonial-author .author-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.testimonial-author strong{display:block;color:#0c1100;font-size:0.9375rem}.testimonial-author span{color:#c1cac8;font-size:0.8125rem}.blog-preview{padding:80px 0;background:#fff}.blog-preview .section-title{margin-bottom:8px}.blog-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px}@media (max-width: 768px){.blog-grid{grid-template-columns:1fr}}.blog-card{border-radius:12px;border:1px solid #c1cac8;overflow:hidden;transition:all 0.3s ease}.blog-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1);transform:translateY(-2px)}.blog-card .blog-image{width:100%;height:200px;object-fit:cover;display:block}.blog-card h3{font-size:1.0625rem;padding:20px 20px 8px}.blog-card p{padding:0 20px;color:#4b5852;font-size:0.875rem}.blog-card .blog-link{display:block;padding:12px 20px 20px;font-size:0.875rem;font-weight:600}.pricing-toggle{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:48px}.toggle-label{font-weight:600;font-size:0.9375rem;color:#c1cac8;cursor:pointer}.toggle-label.active{color:#083c2f}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background:#fcfff5;border-radius:14px;border:2px solid #c1cac8;transition:all 0.3s ease}.toggle-slider::before{content:'';position:absolute;width:20px;height:20px;border-radius:50%;background:#083c2f;top:2px;left:2px;transition:all 0.3s ease}.toggle-switch input:checked+.toggle-slider::before{transform:translateX(24px)}.pricing-preview,.pricing-full{padding:80px 0;background:#f0f5f4}.pricing-preview .section-title,.pricing-full .section-title{margin-bottom:16px}.pricing-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px;align-items:start}@media (max-width: 768px){.pricing-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}}.pricing-card{background:white;border-radius:16px;padding:40px 32px;border:2px solid #c1cac8;position:relative;transition:all 0.3s ease}.pricing-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1)}.pricing-card.featured{border-color:#083c2f;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1);transform:scale(1.02)}@media (max-width: 768px){.pricing-card.featured{transform:none}}.pricing-card h3{font-size:1.5rem;margin-bottom:8px}.popular-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:#083c2f;color:white;padding:4px 16px;border-radius:20px;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.pricing-description{color:#4b5852;font-size:0.875rem;margin-bottom:24px}.price{margin-bottom:8px}.price-amount{font-size:3rem;font-weight:800;color:#0c1100}.price-amount.price-amount--text{font-size:1.75rem}.price-period{font-size:1rem;color:#c1cac8;font-weight:400}.price-note{font-size:0.8125rem;color:#c1cac8;margin-bottom:24px}.pricing-features{margin-top:24px;display:flex;flex-direction:column;gap:12px}.pricing-features li{font-size:0.9375rem;color:#0c1100;padding-left:28px;position:relative}.pricing-features li::before{content:'✓';position:absolute;left:0;color:#10b981;font-weight:700}.faq{padding:80px 0;background:#fff}.faq .section-title{margin-bottom:48px}.faq-list{max-width:768px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.faq-item{border:1px solid #c1cac8;border-radius:12px;overflow:hidden;transition:all 0.3s ease}.faq-item.active{border-color:#c9f269;box-shadow:0 1px 2px rgba(0,0,0,0.05)}.faq-item.active .faq-icon{transform:rotate(45deg)}.faq-item.active .faq-answer{max-height:200px;padding:0 24px 20px}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:none;border:none;cursor:pointer;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:1rem;font-weight:600;color:#0c1100;text-align:left;transition:all 0.3s ease}.faq-question:hover{color:#083c2f}.faq-icon{font-size:1.5rem;font-weight:300;color:#083c2f;transition:transform 0.3s ease;flex-shrink:0;margin-left:16px}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease, padding 0.3s ease;padding:0 24px}.faq-answer p{color:#4b5852;font-size:0.9375rem;line-height:1.7}.service-section{padding:80px 0}.service-section.alt{background:#f0f5f4}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.service-grid.reverse .service-content{order:2}.service-grid.reverse .service-image{order:1}@media (max-width: 768px){.service-grid{grid-template-columns:1fr;gap:32px}.service-grid.reverse .service-content{order:1}.service-grid.reverse .service-image{order:2}}.service-content h2{margin-bottom:24px;font-size:2rem}.service-list{display:flex;flex-direction:column;gap:16px}.service-list li{padding-left:28px;position:relative;color:#4b5852;font-size:1rem;line-height:1.6}.service-list li::before{content:'✓';position:absolute;left:0;color:#083c2f;font-weight:700}.service-image img{width:100%;height:auto;border-radius:16px;display:block}.image-placeholder{background:linear-gradient(135deg, #fcfff5, #f0f5f4);border-radius:16px;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;border:2px dashed #c1cac8}.image-placeholder span{color:#c1cac8;font-weight:600;font-size:1.125rem}.services-cta{padding:80px 0;text-align:center;background:linear-gradient(135deg, #083c2f, #062d23);color:white}.services-cta h2{color:white;margin-bottom:8px}.services-cta p{color:rgba(255,255,255,0.8);font-size:1.125rem;margin-bottom:32px}.services-cta .btn-primary{background:white;color:#083c2f;border-color:white}.services-cta .btn-primary:hover{background:rgba(255,255,255,0.9)}.calendly-section{padding:80px 0;background:#f0f5f4}.calendly-section .section-title{margin-bottom:8px}.calendly-section .section-subtitle{margin-bottom:32px}.contact-section{padding:80px 0}.contact-section .container{max-width:640px}.contact-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 480px){.form-row{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:0.875rem;font-weight:600;color:#0c1100}.form-group input,.form-group textarea{padding:12px 16px;border:1px solid #c1cac8;border-radius:6px;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:0.9375rem;color:#0c1100;transition:all 0.3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#083c2f;box-shadow:0 0 0 3px rgba(8,60,47,0.1)}.form-group input::placeholder,.form-group textarea::placeholder{color:#c1cac8}.form-group textarea{resize:vertical;min-height:120px}.form-status{margin-top:1rem;font-size:0.95rem;min-height:1.25rem}.form-status--success{color:#083c2f;font-weight:600}.form-status--error{color:#b00020;font-weight:600}.contact-form-fallback{text-align:center;padding:2rem;font-size:1.1rem}.quickstart-steps{padding:80px 0;max-width:720px;margin:0 auto}.qs-step{display:flex;gap:24px;padding:32px 0;border-bottom:1px solid #c1cac8}.qs-step:last-child{border-bottom:none}@media (max-width: 480px){.qs-step{flex-direction:column;align-items:center;text-align:center}}.qs-step-number{width:48px;height:48px;min-width:48px;border-radius:50%;background:linear-gradient(135deg, #083c2f, #062d23);color:white;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700}.qs-step-content h2{font-size:1.375rem;margin-bottom:8px}.qs-step-content p{color:#4b5852;font-size:0.9375rem;line-height:1.7;margin-bottom:16px}.quickstart-features{padding:80px 0;background:#f0f5f4;max-width:720px;margin:0 auto}.quickstart-features .section-title{margin-bottom:48px}.qs-feature{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #c1cac8}.qs-feature:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.qs-feature h3{font-size:1.25rem;margin-bottom:12px;color:#0c1100}.qs-feature p{color:#4b5852;font-size:0.9375rem;line-height:1.7;margin-bottom:12px}.qs-feature ul{list-style:none;padding:0;margin:0 0 12px}.qs-feature ul li{padding:6px 0 6px 20px;position:relative;color:#4b5852;font-size:0.9375rem}.qs-feature ul li::before{content:"\2713";position:absolute;left:0;color:#10b981;font-weight:700}.qs-feature code{background:#fcfff5;padding:4px 8px;border-radius:6px;font-size:0.875rem;color:#083c2f}.quickstart-cta{padding:80px 0;text-align:center;background:#f0f5f4}.quickstart-cta h2{margin-bottom:12px}.quickstart-cta p{color:#4b5852;margin-bottom:32px;font-size:1.125rem}.legal-content{padding:64px 0 96px}.legal-content .container{max-width:760px}.legal-content h2{font-size:1.375rem;font-weight:700;margin:48px 0 12px;color:#0c1100}.legal-content h3{font-size:1.1rem;font-weight:600;margin:32px 0 8px;color:#0c1100}.legal-content p{color:#0c1100;line-height:1.75;margin-bottom:16px}.legal-content ul{margin:0 0 16px 24px;color:#0c1100;line-height:1.75}.legal-content ul li{margin-bottom:8px}.legal-content a{color:#083c2f;text-decoration:underline}