@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Archivo:wght@400;500;600;700;800&display=swap";
:root{--saas-primary:#3550dc;--saas-primary-hover:#2a40b0;--saas-secondary:#00d3c7;--saas-accent:#7539ff;--saas-dark:#0f172a;--saas-dark-secondary:#1e293b;--saas-gradient-primary:linear-gradient(135deg,#3550dc 0%,#7539ff 100%);--saas-gradient-secondary:linear-gradient(135deg,#00d3c7 0%,#3550dc 100%);--saas-gradient-hero:linear-gradient(135deg,#0f172a 0%,#1e3a5f 50%,#0f172a 100%);--saas-gradient-card:linear-gradient(180deg,#ffffff1a 0%,#ffffff0d 100%);--saas-text-primary:#0f172a;--saas-text-secondary:#475569;--saas-text-muted:#94a3b8;--saas-text-light:#f8fafc;--saas-bg-light:#f8fafc;--saas-bg-white:#fff;--saas-bg-dark:#0f172a;--saas-bg-dark-secondary:#1e293b;--saas-border-radius:.5rem;--saas-border-radius-lg:.75rem;--saas-border-radius-xl:1rem;--saas-border-radius-2xl:1.5rem;--saas-shadow-sm:0 1px 2px 0 #0000000d;--saas-shadow:0 4px 6px -1px #0000001a;--saas-shadow-lg:0 20px 25px -5px #0000001a;--saas-shadow-xl:0 25px 50px -12px #00000040;--saas-shadow-glow:0 0 40px #3550dc4d;--saas-font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--saas-font-family-heading:"Archivo",sans-serif;--saas-transition-fast:.15s ease;--saas-transition:.3s ease}.saas-layout{font-family:var(--saas-font-family);color:var(--saas-text-primary);line-height:1.6;overflow-x:hidden}.saas-layout h1,.saas-layout h2,.saas-layout h3,.saas-layout h4,.saas-layout h5,.saas-layout h6{font-family:var(--saas-font-family-heading);font-weight:700;line-height:1.2}.saas-header{z-index:1000;transition:all var(--saas-transition);position:fixed;top:0;left:0;right:0}.saas-header.transparent{background:0 0}.saas-header.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--saas-shadow);background:#fffffff2}.saas-header .navbar{padding:1rem 0}.saas-header .navbar-brand{font-family:var(--saas-font-family-heading);color:#fff;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800;display:flex}.saas-header.scrolled .navbar-brand{color:var(--saas-primary)}.saas-header .nav-link{color:#ffffffd9;transition:color var(--saas-transition-fast);font-weight:500;padding:.5rem 1rem!important}.saas-header.scrolled .nav-link{color:var(--saas-text-secondary)}.saas-header .nav-link:hover,.saas-header .nav-link.active{color:#fff}.saas-header.scrolled .nav-link:hover,.saas-header.scrolled .nav-link.active{color:var(--saas-primary)}.saas-hero{background:var(--saas-gradient-hero);align-items:center;min-height:100vh;padding:8rem 0 6rem;display:flex;position:relative;overflow:hidden}.saas-hero:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 20%,#3550dc4d 0%,#0000 50%),radial-gradient(circle at 80% 80%,#7539ff33 0%,#0000 50%),radial-gradient(circle at 40% 20%,#00d3c726 0%,#0000 40%);position:absolute;inset:0}.saas-hero .hero-content{z-index:1;position:relative}.saas-hero .hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:50rem;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex}.saas-hero .hero-title{color:#fff;margin-bottom:1.5rem;font-size:4rem;font-weight:800;line-height:1.1}.saas-hero .hero-title .highlight{background:var(--saas-gradient-secondary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.saas-hero .hero-subtitle{color:#fffc;max-width:540px;margin-bottom:2.5rem;font-size:1.25rem}.saas-hero .hero-cta{flex-wrap:wrap;gap:1rem;display:flex}.saas-hero .hero-image{position:relative}.saas-hero .hero-image img{border-radius:var(--saas-border-radius-xl);box-shadow:var(--saas-shadow-xl),var(--saas-shadow-glow)}.saas-hero .hero-stats{border-top:1px solid #ffffff1a;gap:3rem;margin-top:4rem;padding-top:2rem;display:flex}.saas-hero .hero-stat-item{text-align:left}.saas-hero .hero-stat-value{color:#fff;font-size:2.5rem;font-weight:800;line-height:1}.saas-hero .hero-stat-label{color:#ffffffb3;margin-top:.25rem;font-size:.875rem}@media (max-width:991.98px){.saas-hero{padding:7rem 0 4rem}.saas-hero .hero-title{font-size:2.75rem}.saas-hero .hero-stats{flex-wrap:wrap;gap:2rem}}@media (max-width:767.98px){.saas-hero .hero-title{font-size:2.25rem}.saas-hero .hero-subtitle{font-size:1.125rem}.saas-hero .hero-stat-value{font-size:2rem}}.saas-layout .btn-primary-gradient{background:var(--saas-gradient-primary);color:#fff;transition:all var(--saas-transition-fast);border:none;border-radius:50rem;padding:.875rem 2rem;font-weight:600;box-shadow:0 4px 14px #3550dc66}.saas-layout .btn-primary-gradient:hover{color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #3550dc80}.saas-layout .btn-outline-light{color:#fff;transition:all var(--saas-transition-fast);background:0 0;border:2px solid #ffffff4d;border-radius:50rem;padding:.8rem 2rem;font-weight:600}.saas-layout .btn-outline-light:hover{color:var(--saas-primary);background:#fff;border-color:#fff}.saas-layout .btn-outline-primary{border:2px solid var(--saas-primary);color:var(--saas-primary);transition:all var(--saas-transition-fast);background:0 0;border-radius:50rem;padding:.8rem 2rem;font-weight:600}.saas-layout .btn-outline-primary:hover{background:var(--saas-primary);color:#fff}.saas-layout .btn-lg{padding:1rem 2.5rem;font-size:1.0625rem}.saas-section{padding:6rem 0}.saas-section-dark{background:var(--saas-bg-dark);color:#fff}.saas-section-light{background:var(--saas-bg-light)}.saas-section-title{margin-bottom:1rem;font-size:2.75rem;font-weight:800}.saas-section-subtitle{color:var(--saas-text-secondary);max-width:600px;margin:0 auto 3rem;font-size:1.125rem}.saas-section-dark .saas-section-subtitle{color:#ffffffb3}.saas-section-badge{color:var(--saas-primary);background:#3550dc1a;border-radius:50rem;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.saas-section-dark .saas-section-badge{color:var(--saas-secondary);background:#ffffff1a}.saas-feature-card{border-radius:var(--saas-border-radius-xl);height:100%;transition:all var(--saas-transition);background:#fff;border:1px solid #0000000d;padding:2rem}.saas-feature-card:hover{box-shadow:var(--saas-shadow-lg);transform:translateY(-8px)}.saas-feature-icon{border-radius:var(--saas-border-radius-lg);justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.5rem;font-size:1.5rem;display:flex}.saas-feature-icon.primary{color:var(--saas-primary);background:#3550dc1a}.saas-feature-icon.secondary{color:var(--saas-secondary);background:#00d3c71a}.saas-feature-icon.accent{color:var(--saas-accent);background:#7539ff1a}.saas-feature-title{margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.saas-feature-text{color:var(--saas-text-secondary);margin-bottom:0;font-size:.9375rem}.saas-pricing-card{border-radius:var(--saas-border-radius-xl);height:100%;transition:all var(--saas-transition);background:#fff;border:2px solid #0000;padding:2.5rem;position:relative}.saas-pricing-card:hover{box-shadow:var(--saas-shadow-lg);transform:translateY(-8px)}.saas-pricing-card.featured{border-color:var(--saas-primary);transform:scale(1.05)}.saas-pricing-card.featured:hover{transform:scale(1.05)translateY(-8px)}.saas-pricing-badge{background:var(--saas-gradient-primary);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:50rem;padding:.375rem 1rem;font-size:.75rem;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.saas-pricing-name{margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.saas-pricing-description{color:var(--saas-text-secondary);margin-bottom:1.5rem;font-size:.875rem}.saas-pricing-price{margin-bottom:1.5rem}.saas-pricing-amount{color:var(--saas-text-primary);font-size:3rem;font-weight:800}.saas-pricing-period{color:var(--saas-text-muted);font-size:1rem}.saas-pricing-features{margin:0 0 2rem;padding:0;list-style:none}.saas-pricing-features li{color:var(--saas-text-secondary);align-items:flex-start;gap:.75rem;padding:.5rem 0;font-size:.9375rem;display:flex}.saas-pricing-features li i{color:var(--saas-secondary);margin-top:.125rem}.saas-testimonial-card{border-radius:var(--saas-border-radius-xl);height:100%;transition:all var(--saas-transition);background:#fff;padding:2rem}.saas-testimonial-card:hover{box-shadow:var(--saas-shadow-lg)}.saas-testimonial-rating{color:#ffc107;gap:.25rem;margin-bottom:1rem;display:flex}.saas-testimonial-text{color:var(--saas-text-secondary);margin-bottom:1.5rem;font-size:1rem;font-style:italic;line-height:1.7}.saas-testimonial-author{align-items:center;gap:1rem;display:flex}.saas-testimonial-avatar{object-fit:cover;background:var(--saas-bg-light);border-radius:50%;width:48px;height:48px}.saas-testimonial-name{margin-bottom:0;font-weight:600}.saas-testimonial-role{color:var(--saas-text-muted);font-size:.875rem}.saas-cta{background:var(--saas-gradient-primary);padding:5rem 0;position:relative;overflow:hidden}.saas-cta:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 10% 90%,#ffffff1a 0%,#0000 40%),radial-gradient(circle at 90% 10%,#ffffff1a 0%,#0000 40%);position:absolute;inset:0}.saas-cta-title{color:#fff;margin-bottom:1rem;font-size:2.5rem;font-weight:800}.saas-cta-subtitle{color:#ffffffe6;margin-bottom:2rem;font-size:1.125rem}.saas-footer{background:var(--saas-bg-dark);color:#ffffffb3;padding:5rem 0 2rem}.saas-footer-brand{font-family:var(--saas-font-family-heading);color:#fff;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.5rem;font-weight:800;display:flex}.saas-footer-description{color:#fff9;max-width:300px;margin-bottom:1.5rem}.saas-footer h6{color:#fff;margin-bottom:1.25rem;font-weight:600}.saas-footer-links{margin:0;padding:0;list-style:none}.saas-footer-links li{margin-bottom:.75rem}.saas-footer-links a{color:#fff9;transition:all var(--saas-transition-fast);text-decoration:none}.saas-footer-links a:hover{color:var(--saas-secondary);padding-left:5px}.saas-footer-social{gap:.75rem;display:flex}.saas-footer-social a{color:#fff;width:40px;height:40px;transition:all var(--saas-transition-fast);background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex}.saas-footer-social a:hover{background:var(--saas-primary);transform:translateY(-3px)}.saas-footer-bottom{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:3rem;padding-top:2rem;display:flex}.saas-footer-copyright{color:#ffffff80;margin:0;font-size:.875rem}.saas-logos{opacity:.6;flex-wrap:wrap;justify-content:center;align-items:center;gap:3rem;display:flex}.saas-logos img{filter:grayscale();height:32px;transition:all var(--saas-transition)}.saas-logos img:hover{filter:grayscale(0%);opacity:1}.saas-step{text-align:center;position:relative}.saas-step-number{background:var(--saas-gradient-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.5rem;font-size:1.5rem;font-weight:800;display:flex}.saas-step-title{margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.saas-step-text{color:var(--saas-text-secondary);font-size:.9375rem}.saas-step-connector{background:linear-gradient(90deg,var(--saas-primary),var(--saas-secondary));opacity:.3;width:calc(100% - 80px);height:2px;position:absolute;top:32px;left:calc(50% + 40px)}@media (max-width:767.98px){.saas-step-connector{display:none}}.saas-faq-item{border-radius:var(--saas-border-radius-lg);background:#fff;border:1px solid #0000000d;margin-bottom:1rem;overflow:hidden}.saas-faq-question{cursor:pointer;transition:all var(--saas-transition-fast);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;font-weight:600;display:flex}.saas-faq-question:hover{background:var(--saas-bg-light)}.saas-faq-question i{transition:transform var(--saas-transition)}.saas-faq-item.active .saas-faq-question i{transform:rotate(180deg)}.saas-faq-answer{color:var(--saas-text-secondary);padding:0 1.5rem 1.25rem;display:none}.saas-faq-item.active .saas-faq-answer{display:block}@media (max-width:991.98px){.saas-section{padding:4rem 0}.saas-section-title{font-size:2.25rem}}@media (max-width:767.98px){.saas-section{padding:3rem 0}.saas-section-title{font-size:1.875rem}.saas-pricing-card.featured{transform:scale(1)}.saas-pricing-card.featured:hover{transform:translateY(-8px)}}