.saas-homepage{color:#1f2937;background-color:#fff;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.saas-header{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-bottom:1px solid #e5e7eb;width:100%;position:sticky;top:0;overflow:visible}.saas-nav{max-width:1200px;margin:0 auto;padding:0 1rem}.saas-nav-content{justify-content:space-between;align-items:center;height:4rem;display:flex}.saas-logo{align-items:center;gap:.5rem;display:flex}.saas-logo-image{border-radius:.5rem;width:2rem;height:2rem}.saas-logo-text{background:linear-gradient(90deg,#0d9488,#059669);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700}.saas-nav-links{align-items:center;gap:1rem;display:flex}.saas-account-btn{color:#374151;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #e5e7eb;font-weight:500;transition:all .3s}.saas-account-btn:hover{color:#0d9488;background:#f9fafb;border-color:#0d9488;transform:translateY(-1px);box-shadow:0 4px 12px -2px #0d948833}.saas-signup-btn{color:#fff;background:linear-gradient(135deg,#0d9488 0%,#059669 100%);border:none;font-weight:500;transition:all .3s}.saas-signup-btn:hover{background:linear-gradient(135deg,#0f766e 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 10px 25px -5px #0d948866}.saas-theme-toggle{margin-right:.5rem}.saas-nav-link{color:#6b7280;font-weight:500;text-decoration:none;transition:color .2s}.saas-nav-link:hover{color:#0d9488}.saas-hero{text-align:center;max-width:1200px;margin:0 auto;padding:2rem 1rem}.saas-hero-content{max-width:800px;margin:0 auto}.saas-hero-badge{color:#065f46;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:2rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-block}.saas-hero-title{color:#111827;margin-bottom:1.5rem;font-size:4rem;font-weight:800;line-height:1.1}.saas-hero-animated-word{background:linear-gradient(90deg,#0d9488,#059669);color:#0000;text-align:left;will-change:transform,opacity;opacity:1;-webkit-background-clip:text;background-clip:text;min-width:200px;transition:opacity .4s ease-in-out,transform .4s ease-in-out;display:inline-block;position:relative;transform:translateY(0)}.saas-hero-animated-word.animating{opacity:0;transform:translateY(-10px)}.saas-hero-description{color:#6b7280;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.25rem;line-height:1.6}.saas-hero-actions{justify-content:center;gap:1rem;margin-bottom:1.5rem;display:flex}.saas-hero-note{color:#9ca3af;font-size:.875rem}.saas-main-demo{z-index:2;background:0 0;margin-bottom:2rem;position:relative;overflow:hidden}.saas-main-demo-content{z-index:2;max-width:1650px;margin:0 auto;position:relative}.saas-main-demo-video{border:5px solid #0d9488;border-radius:12px;max-width:1200px;margin:0 auto}.saas-video-placeholder{cursor:pointer;border-radius:1rem;transition:transform .3s;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.saas-video-placeholder:hover{transform:scale(1.02)}.saas-demo-thumbnail{width:100%;height:auto;display:block}.saas-play-button{transition:transform .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.saas-play-button:hover{transform:translate(-50%,-50%)scale(1.1)}.saas-transition-section{z-index:1;background-color:#fff;height:300px;margin-top:-180px;position:relative;overflow:hidden}.saas-transition-content{clip-path:ellipse(120% 80% at 50% 100%);background:linear-gradient(#ecfdf5,#f9fafb);width:100%;height:100%}.saas-feature-section{padding:6rem 1rem;position:relative}.saas-feature-section:nth-child(2n){background-color:#f9fafb}#mobile-first{color:#111827;background-color:#f9fafb;margin-top:0;padding-top:8rem;position:relative;overflow:hidden}#mobile-first:before{content:"";clip-path:polygon(0 0,100% 0,100% 60%,0 100%);z-index:-1;background-color:#f9fafb;height:12rem;transition:all .3s;position:absolute;top:-8rem;left:0;right:0}#mobile-first .saas-feature-title{color:#111827}#mobile-first .saas-feature-description{color:#6b7280}#mobile-first .saas-stat-number{color:#0d9488}#mobile-first .saas-stat-label{color:#6b7280}.saas-feature-content{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;display:grid;position:relative}.saas-feature-reverse .saas-feature-content{grid-template-columns:1fr 1fr}.saas-feature-reverse .saas-feature-text{order:2}.saas-feature-reverse .saas-feature-video{order:1}.saas-feature-title{color:#111827;margin-bottom:1.5rem;font-size:2.5rem;font-weight:700;line-height:1.2}.saas-feature-stats{gap:2rem;margin-top:2rem;display:flex}.saas-stat{text-align:center;flex-direction:column;align-items:center;display:flex}.saas-stat-number{color:#0d9488;font-size:2rem;font-weight:800;display:block}.saas-stat-label{color:#6b7280;margin-top:.25rem;font-size:.875rem}.saas-feature-highlights{flex-direction:column;gap:1rem;margin-top:2rem;display:flex}.saas-highlight{color:#374151;align-items:center;gap:.75rem;font-weight:500;display:flex}.saas-highlight-icon{font-size:1.25rem}.saas-feature-benefits{flex-direction:column;gap:1.5rem;margin-top:2rem;display:flex}.saas-benefit{align-items:flex-start;gap:1rem;display:flex}.saas-benefit-icon{margin-top:.25rem;font-size:1.5rem}.saas-benefit h4{color:#111827;margin:0 0 .25rem;font-size:1.125rem;font-weight:600}.saas-benefit p{color:#6b7280;margin:0;font-size:.875rem}.saas-feature-video{justify-content:center;display:flex}.saas-feature-thumbnail{border-radius:.75rem;width:100%;height:auto}.saas-play-button-small{transition:transform .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.saas-play-button-small:hover{transform:translate(-50%,-50%)scale(1.1)}.saas-features{background-color:#f9fafb;padding:5rem 1rem}.saas-features-content{max-width:1200px;margin:0 auto}.saas-features-header{text-align:center;margin-bottom:3rem}.saas-features-title{color:#111827;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.saas-features-description{color:#6b7280;max-width:600px;margin:0 auto;font-size:1.125rem}.saas-features-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;display:grid}.saas-feature-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;transition:all .3s;box-shadow:0 1px 3px #0000001a}.saas-feature-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00000026}.saas-feature-header{margin-bottom:1rem}.saas-feature-icon-wrapper{margin-bottom:1rem;position:relative}.saas-feature-image{-o-object-fit:cover;object-fit:cover;border-radius:.5rem;width:100%;height:200px}.saas-feature-icon{background-color:#fff;border:2px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.25rem;display:flex;position:absolute;bottom:-10px;right:10px}.saas-feature-description{color:#6b7280;line-height:1.6}.saas-testimonials{background-color:#fff;padding:5rem 1rem}.saas-testimonials-content{max-width:1200px;margin:0 auto}.saas-testimonials-title{text-align:center;color:#111827;margin-bottom:3rem;font-size:2.5rem;font-weight:700}.saas-testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.saas-testimonial-card{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem}.saas-testimonial-content{padding:0}.saas-testimonial-text{color:#374151;margin-bottom:1rem;font-style:italic;line-height:1.6}.saas-testimonial-author{align-items:center;gap:.75rem;display:flex}.saas-testimonial-avatar{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:3rem;height:3rem}.saas-testimonial-name{color:#111827;margin:0;font-weight:600}.saas-testimonial-role{color:#6b7280;margin:0;font-size:.875rem}.saas-cta{color:#111827;background:linear-gradient(#f9fafb,#fff);padding:5rem 1rem}.saas-cta-content{text-align:center;max-width:800px;margin:0 auto}.saas-cta-title{margin-bottom:1rem;font-size:2.5rem;font-weight:700}.saas-cta-description{opacity:.9;margin-bottom:2rem;font-size:1.25rem}.saas-cta-button{color:#0d9488;background-color:#fff;border:none;font-weight:600}.saas-cta-button:hover{color:#065f46;background-color:#f3f4f6}.saas-footer{color:#111827;background-color:#fff}.saas-footer-content{background-color:#f9fafb;border-top:1px solid #e5e7eb;grid-template-columns:1fr 2fr;margin:0 auto;padding:2rem;display:grid}.saas-footer-brand .saas-logo-text{color:#0d9488;background:0 0;-webkit-background-clip:unset;background-clip:unset}.saas-footer-description{color:#6b7280;margin-top:1rem}.saas-footer-links{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.saas-footer-demo{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.saas-footer-heading{color:#111827;margin-bottom:1rem;font-weight:600}.saas-footer-link{color:#6b7280;margin-bottom:.5rem;text-decoration:none;transition:color .2s;display:block}.saas-footer-link:hover{color:#5eead4}.saas-footer-bottom{text-align:center;background-color:#f9fafb;border-top:1px solid #e5e7eb;padding:1rem}.saas-footer-copyright{color:#6b7280;margin:0}@media (max-width:768px){.saas-nav-links{display:none}.saas-hero-title{font-size:2.5rem}.saas-hero-animated-word{min-width:150px}.saas-hero-actions{flex-direction:column;align-items:center}.saas-main-demo:before{right:0}.saas-feature-content{grid-template-columns:1fr;gap:2rem}.saas-feature-reverse .saas-feature-text{order:1}.saas-feature-reverse .saas-feature-video{order:2}.saas-feature-title{font-size:2rem}.saas-feature-stats{justify-content:center}.saas-features-grid,.saas-testimonials-grid{grid-template-columns:1fr}.saas-footer-content{text-align:center;grid-template-columns:1fr;gap:2rem}.saas-footer-brand{text-align:center}.saas-footer-brand .saas-logo{justify-content:center}.saas-footer-demo{text-align:center;align-items:center}.saas-footer-links{grid-template-columns:1fr}}html.dark .saas-homepage{color:#e5e7eb;background-color:#111827}html.dark .saas-header{background-color:#111827f2;border-bottom-color:#374151}html.dark .saas-nav-link{color:#9ca3af}html.dark .saas-nav-link:hover{color:#5eead4}html.dark .saas-account-btn{color:#d1d5db;background:#3741514d;border-color:#4b5563}html.dark .saas-account-btn:hover{color:#5eead4;background:#37415199;border-color:#5eead4;box-shadow:0 4px 12px -2px #5eead433}html.dark .saas-hero-badge{color:#5eead4;background-color:#0d94881a;border-color:#0d94884d}html.dark .saas-hero-title{color:#f9fafb}html.dark .saas-hero-description{color:#d1d5db}html.dark .saas-hero-note{color:#9ca3af}html.dark .saas-features{background-color:#1f2937}html.dark .saas-features-title{color:#f9fafb}html.dark .saas-features-description{color:#d1d5db}html.dark .saas-feature-card{background-color:#374151;border-color:#4b5563}html.dark .saas-feature-card:hover{box-shadow:0 10px 25px #0000004d}html.dark .saas-feature-icon{background-color:#374151;border-color:#4b5563}html.dark .saas-testimonials{background-color:#111827}html.dark .saas-testimonials-title{color:#f9fafb}html.dark .saas-testimonial-card{background-color:#1f2937;border-color:#374151}html.dark .saas-testimonial-text{color:#d1d5db}html.dark .saas-testimonial-name{color:#f9fafb}html.dark .saas-testimonial-role{color:#9ca3af}html.dark .saas-cta{background:linear-gradient(135deg,#0f766e 0%,#047857 100%)}html.dark .saas-cta-title{color:#f9fafb}html.dark .saas-cta-description{color:#d1d5db}html.dark .saas-footer{background-color:#030712}html.dark .saas-footer-content,html.dark .saas-footer-bottom{background-color:#1f2937;border-top-color:#374151}html.dark .saas-footer-heading{color:#f9fafb}html.dark .saas-footer-description,html.dark .saas-footer-link{color:#9ca3af}html.dark .saas-footer-link:hover{color:#5eead4}html.dark .saas-footer-copyright{color:#9ca3af}html.dark .saas-feature-section:nth-child(2n){background-color:#1f2937}html.dark .saas-stat-number{color:#5eead4}html.dark .saas-stat-label{color:#9ca3af}html.dark .saas-highlight{color:#d1d5db}html.dark .saas-benefit h4{color:#f9fafb}html.dark .saas-benefit p{color:#9ca3af}html.dark #mobile-first,html.dark #mobile-first:before{background:linear-gradient(135deg,#0f2027 0%,#203a43 100%)}html.dark #mobile-first .saas-feature-title{color:#5eead4}html.dark #mobile-first .saas-feature-description{color:#a7f3d0}html.dark #mobile-first .saas-stat-number{color:#34d399}html.dark #mobile-first .saas-stat-label{color:#9ca3af}html.dark .saas-transition-section{background-color:#111827}html.dark .saas-transition-content{background:linear-gradient(135deg,#0f2027 0%,#203a43 100%)}.saas-privacy-notice{color:#6b7280;text-align:center;margin-top:.75rem;font-size:.875rem}html.dark .saas-privacy-notice{color:#f9fafb}.saas-success-badge{color:#166534;background-color:#f0fdf4;border:1px solid #bbf7d0}html.dark .saas-success-badge{color:#bbf7d0;background-color:#14532d;border-color:#166534}.saas-github-text{color:#6b7280;font-size:.875rem}html.dark .saas-github-text{color:#9ca3af}.saas-github-link{align-items:center;gap:.25rem;display:flex}.saas-github-link:hover{color:#0d9488}html.dark .saas-github-link:hover{color:#5eead4}.saas-demo-details{background-color:#f9fafb;border-radius:.5rem;flex-direction:column;gap:.5rem;padding:1rem;display:flex}html.dark .saas-demo-details{background-color:#374151}.saas-demo-details-title{color:#374151;font-size:.875rem;font-weight:500}html.dark .saas-demo-details-title{color:#d1d5db}.saas-demo-details-grid{grid-template-columns:1fr 1fr;gap:1rem;font-size:.875rem;display:grid}.saas-demo-label{color:#4b5563;font-weight:500}html.dark .saas-demo-label{color:#9ca3af}.saas-demo-value{background-color:#fff;border:1px solid #d1d5db;border-radius:.25rem;margin-left:.5rem;padding:.25rem .5rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace}html.dark .saas-demo-value{color:#f9fafb;background-color:#374151;border-color:#4b5563}.saas-demo-refresh-note{color:#6b7280;text-align:center;font-size:.75rem}html.dark .saas-demo-refresh-note{color:#9ca3af}.saas-feature-section{padding:4rem 0}.saas-feature-section-white{background-color:#fff}html.dark .saas-feature-section-white{background-color:#111827}.saas-feature-section-gray{background-color:#f9fafb}html.dark .saas-feature-section-gray{background-color:#1f2937}.saas-feature-title{color:#111827;margin-bottom:1.5rem;font-size:1.875rem;font-weight:700}html.dark .saas-feature-title{color:#f9fafb}.saas-feature-description{color:#4b5563;margin-bottom:1.5rem;font-size:1.125rem;line-height:1.6}html.dark .saas-feature-description{color:#d1d5db}.saas-feature-list{color:#4b5563;flex-direction:column;gap:.75rem;display:flex}html.dark .saas-feature-list{color:#d1d5db}.saas-feature-list-item{align-items:center;display:flex}.saas-phone-mockup{aspect-ratio:9/16;background-color:#fff;border:8px solid #e5e7eb;border-radius:1.5rem;justify-content:center;align-items:center;display:flex;box-shadow:0 25px 50px -12px #00000040}html.dark .saas-phone-mockup{background-color:#1f2937;border-color:#374151}.saas-phone-mockup-text{color:#9ca3af;text-align:center;padding:0 1rem;font-size:.875rem}html.dark .saas-phone-mockup-text{color:#6b7280}.saas-demo-phone-video{aspect-ratio:427/720;border:8px solid #e5e7eb;border-radius:1.5rem;max-width:320px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}html.dark .saas-demo-phone-video{border-color:#374151}.saas-pricing-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;flex-direction:column;padding:1.5rem;display:flex}.saas-pricing-card-highlighted{background-color:#ecfdf5;border:2px solid #0d9488;position:relative;box-shadow:0 10px 25px #00000026}.saas-pricing-card-badge{color:#fff;background-color:#0d9488;border-top-right-radius:.5rem;border-bottom-left-radius:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;position:absolute;top:0;right:0}.saas-pricing-card-title{color:#111827;margin-bottom:.25rem;font-size:1.25rem;font-weight:700}.saas-pricing-card-description{color:#6b7280;font-size:.875rem}.saas-pricing-card-price{color:#111827;font-size:2.25rem;font-weight:700}.saas-pricing-card-interval{color:#6b7280}.saas-pricing-card-features{flex-direction:column;flex:1;gap:.5rem;margin-bottom:1.5rem;display:flex}.saas-pricing-card-feature{color:#374151;align-items:flex-start;gap:.5rem;font-size:.875rem;display:flex}.saas-pricing-card-check{color:#0d9488;margin-top:.125rem}html.dark .saas-pricing-card{background-color:#374151;border-color:#4b5563}html.dark .saas-pricing-card-highlighted{background-color:#0d94881a;border-color:#14b8a6}html.dark .saas-pricing-card-title{color:#f9fafb}html.dark .saas-pricing-card-description{color:#9ca3af}html.dark .saas-pricing-card-price{color:#f9fafb}html.dark .saas-pricing-card-interval{color:#9ca3af}html.dark .saas-pricing-card-feature{color:#d1d5db}html.dark .saas-pricing-card-check{color:#5eead4}.saas-pricing-card-on-gradient{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffd9;border:1px solid #fff6;box-shadow:0 4px 6px #0000001a}.saas-pricing-card-on-gradient.saas-pricing-card-highlighted{background-color:#fffffff2;border:2px solid #fff9;box-shadow:0 10px 25px #0003,inset 0 0 0 2px #0d9488}.saas-pricing-card-title-on-gradient{color:#111827!important}.saas-pricing-card-description-on-gradient{color:#4b5563!important}.saas-pricing-card-price-on-gradient{color:#111827!important}.saas-pricing-card-interval-on-gradient{color:#6b7280!important}.saas-pricing-card-feature-on-gradient{color:#374151!important}.saas-pricing-card-check-on-gradient{color:#0d9488!important}.saas-pricing-card-badge-on-gradient{color:#fff;background-color:#0d9488}html.dark .saas-pricing-card-on-gradient{background-color:#ffffff26;border-color:#ffffff4d}html.dark .saas-pricing-card-on-gradient.saas-pricing-card-highlighted{background-color:#fff3;border-color:#fff6;box-shadow:0 10px 25px #0000004d,inset 0 0 0 2px #14b8a6}html.dark .saas-pricing-card-title-on-gradient{color:#fff!important}html.dark .saas-pricing-card-description-on-gradient{color:#ffffffe6!important}html.dark .saas-pricing-card-price-on-gradient{color:#fff!important}html.dark .saas-pricing-card-interval-on-gradient{color:#ffffffe6!important}html.dark .saas-pricing-card-feature-on-gradient{color:#fffffff2!important}html.dark .saas-pricing-card-check-on-gradient{color:#5eead4!important}html.dark .saas-pricing-card-badge-on-gradient{color:#0d9488;background-color:#ffffffe6}