.saas-container{color:#0f172a;background-color:#fff;width:100%;overflow-x:hidden}.saas-section-header{text-align:center;max-width:760px;margin:0 auto 3.5rem}.saas-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe;border-radius:9999px;margin-bottom:1rem;padding:.3rem .75rem;font-size:.8125rem;font-weight:700;display:inline-block}.saas-section-header h2{letter-spacing:-.03em;color:#0f172a;margin-bottom:1rem;font-size:2.5rem;font-weight:800;line-height:1.2}.saas-section-subtitle{color:#475569;margin:0;font-size:1.125rem;line-height:1.6}.saas-hero{color:#fff;background:linear-gradient(135deg,#1e1b4b 0%,#312e81 45%,#4338ca 100%);border-bottom:1px solid #ffffff1a;padding:6rem 1.5rem 7rem;position:relative;overflow:hidden}.saas-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#7c3aed40 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-20%;right:-10%}.saas-hero-container{z-index:2;grid-template-columns:1.1fr .9fr;align-items:center;gap:4rem;max-width:1280px;margin:0 auto;display:grid;position:relative}.saas-hero-content{flex-direction:column;align-items:flex-start;display:flex}.saas-hero-badge{color:#e0e7ff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff40;border-radius:9999px;align-items:center;gap:.625rem;margin-bottom:1.5rem;padding:.375rem .875rem;font-size:.8125rem;font-weight:600;display:inline-flex}.badge-pulse{background:#34d399;border-radius:50%;width:8px;height:8px;animation:2s infinite pulseGreen;box-shadow:0 0 0 2px #34d39966}@keyframes pulseGreen{0%{box-shadow:0 0 #34d39999}70%{box-shadow:0 0 0 6px #34d39900}to{box-shadow:0 0 #34d39900}}.saas-hero-content h1{letter-spacing:-.03em;color:#fff;margin-bottom:1.25rem;font-size:3.25rem;font-weight:800;line-height:1.15}.saas-hero-content p{color:#e0e7ff;max-width:580px;margin-bottom:2.25rem;font-size:1.1875rem;line-height:1.6}.saas-hero-buttons{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2.5rem;display:flex}.saas-hero-metrics{border-top:1px solid #ffffff26;align-items:center;gap:1.5rem;width:100%;padding-top:1.5rem;display:flex}.hero-metric-item{flex-direction:column;display:flex}.metric-number{color:#fff;letter-spacing:-.02em;font-size:1.375rem;font-weight:800}.metric-label{color:#c7d2fe;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:500}.metric-separator{background:#fff3;width:1px;height:28px}.saas-hero-visual{justify-content:center;align-items:center;width:100%;display:flex}.hero-app-mockup{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172ad9;border:1px solid #ffffff2e;border-radius:1.25rem;width:100%;max-width:520px;transition:transform .3s;overflow:hidden;box-shadow:0 25px 60px -15px #00000080,0 0 0 1px #ffffff1a}.hero-app-mockup:hover{transform:translateY(-4px)}.mockup-header{background:#0f172af2;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;display:flex}.mockup-dots{gap:.375rem;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot-red{background:#ef4444}.dot-yellow{background:#f59e0b}.dot-green{background:#10b981}.mockup-title{color:#94a3b8;font-size:.75rem;font-family:var(--font-mono,monospace);letter-spacing:.02em}.mockup-status{color:#34d399;background:#10b98126;border:1px solid #34d3994d;border-radius:9999px;align-items:center;gap:.375rem;padding:.2rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}.status-ping{background:#34d399;border-radius:50%;width:6px;height:6px}.mockup-body{flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.mockup-stats-row{grid-template-columns:1fr 1fr;gap:.875rem;display:grid}.mockup-stat-card{background:#1e293bb3;border:1px solid #ffffff14;border-radius:.75rem;flex-direction:column;padding:.875rem;display:flex}.stat-card-header{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.stat-label{color:#94a3b8;font-size:.6875rem;font-weight:500}.stat-trend-icon{color:#34d399}.stat-val{color:#fff;letter-spacing:-.02em;font-size:1.25rem;font-weight:800}.stat-trend{color:#34d399;margin-top:.25rem;font-size:.6875rem;font-weight:600}.mockup-chart-preview{background:#1e293bb3;border:1px solid #ffffff14;border-radius:.75rem;padding:1rem}.chart-label{color:#cbd5e1;justify-content:space-between;align-items:center;margin-bottom:.875rem;font-size:.75rem;font-weight:600;display:flex}.chart-badge{color:#a5b4fc;background:#6366f140;border:1px solid #6366f166;border-radius:9999px;padding:.15rem .5rem;font-size:.625rem}.chart-bars{align-items:flex-end;gap:.625rem;height:60px;padding-top:.5rem;display:flex}.chart-bars .bar{background:#818cf859;border-radius:4px 4px 0 0;flex:1;transition:all .3s}.chart-bars .bar.active{background:linear-gradient(#818cf8 0%,#4f46e5 100%);box-shadow:0 0 12px #818cf880}.mockup-activity-list{flex-direction:column;gap:.5rem;display:flex}.activity-item{background:#0f172a80;border:1px solid #ffffff0d;border-radius:.5rem;align-items:center;gap:.625rem;padding:.5rem .75rem;font-size:.75rem;display:flex}.activity-indicator{border-radius:50%;flex-shrink:0;width:6px;height:6px}.activity-indicator.success{background:#34d399}.activity-indicator.info{background:#60a5fa}.activity-text{color:#cbd5e1;flex-grow:1}.activity-time{color:#64748b;font-size:.6875rem}.btn{cursor:pointer;border-radius:.625rem;justify-content:center;align-items:center;gap:.5rem;padding:.8125rem 1.625rem;font-size:.9375rem;font-weight:700;line-height:1;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background:#fff;border:1px solid #0000;box-shadow:0 4px 14px #0003;color:#312e81!important}.btn-primary:hover{background:#f8fafc;transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.btn-secondary{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff4d;color:#fff!important}.btn-secondary:hover{background:#fff3;transform:translateY(-1px)}.btn-secondary-dark{background:#fff;border:1px solid #cbd5e1;box-shadow:0 1px 3px #0000000d;color:#0f172a!important}.btn-secondary-dark:hover{background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.btn-secondary-outline{background:0 0;border:1px solid #fff6;color:#fff!important}.btn-secondary-outline:hover{background:#ffffff26;border-color:#fff}.btn-large{padding:1rem 2rem;font-size:1.0625rem}.btn-icon{transition:transform .2s}.btn:hover .btn-icon{transform:translate(3px)}.saas-features{background:#fff;padding:6.5rem 1.5rem}.saas-features-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2rem;max-width:1280px;margin:0 auto;display:grid}.saas-feature-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1.25rem;flex-direction:column;padding:2.25rem 2rem;transition:all .25s;display:flex}.saas-feature-card:hover{background:#fff;border-color:#c7d2fe;transform:translateY(-4px);box-shadow:0 16px 32px -4px #4f46e514}.feature-icon-wrapper{color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe;border-radius:.875rem;justify-content:center;align-items:center;width:3rem;height:3rem;margin-bottom:1.25rem;display:flex}.saas-feature-card h3{color:#0f172a;letter-spacing:-.01em;margin-bottom:.75rem;font-size:1.25rem;font-weight:800}.saas-feature-card p{color:#334155;margin:0;font-size:.9375rem;line-height:1.6}.saas-architecture-section{background:#f8fafc;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:6.5rem 1.5rem}.saas-architecture-container{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1280px;margin:0 auto;display:grid}.architecture-text h2{letter-spacing:-.03em;color:#0f172a;margin-bottom:1.25rem;font-size:2.5rem;font-weight:800;line-height:1.2}.architecture-text p{color:#334155;margin-bottom:2rem;font-size:1.125rem;line-height:1.6}.architecture-points{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.architecture-points li{color:#1e293b;align-items:flex-start;gap:.875rem;font-size:.9375rem;font-weight:500;line-height:1.5;display:flex}.point-icon{color:#10b981;flex-shrink:0;margin-top:.15rem}.architecture-card-preview{background:#0f172a;border:1px solid #1e293b;border-radius:1.25rem;padding:2rem;position:relative;box-shadow:0 20px 40px -10px #0f172a33}.arch-badge{color:#34d399;text-transform:uppercase;letter-spacing:.05em;background:#10b98126;border:1px solid #34d3994d;border-radius:9999px;margin-bottom:1.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:700;display:inline-block}.arch-code-block{font-family:var(--font-mono,monospace);color:#e2e8f0;margin:0;font-size:.8125rem;line-height:1.7;overflow-x:auto}.saas-testimonials{background:#fff;padding:6.5rem 1.5rem}.saas-testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1280px;margin:0 auto;display:grid}.saas-testimonial-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1.25rem;flex-direction:column;justify-content:space-between;padding:2.25rem;transition:all .25s;display:flex}.saas-testimonial-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 16px 32px -4px #0f172a0f}.testimonial-rating{gap:3px;margin-bottom:1.25rem;display:flex}.star-filled{color:#f59e0b;fill:#f59e0b}.saas-quote{color:#1e293b;margin-bottom:2rem;font-size:1.0625rem;font-style:italic;line-height:1.6}.testimonial-author-wrapper{align-items:center;gap:.875rem;display:flex}.author-avatar{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;font-size:.875rem;font-weight:700;display:flex}.saas-author{color:#0f172a;margin:0 0 .15rem;font-size:1rem;font-weight:700}.saas-role{color:#475569;margin:0;font-size:.8125rem;font-weight:500}.saas-faq{background:#f8fafc;border-top:1px solid #e2e8f0;padding:6.5rem 1.5rem}.saas-faq-grid{grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:2rem;max-width:1100px;margin:0 auto;display:grid}.saas-faq-card{background:#fff;border:1px solid #e2e8f0;border-radius:1.25rem;padding:2.25rem;transition:all .25s}.saas-faq-card:hover{border-color:#4f46e5;transform:translateY(-2px);box-shadow:0 12px 24px -4px #4f46e514}.faq-question{color:#0f172a;letter-spacing:-.01em;margin-bottom:.75rem;font-size:1.1875rem;font-weight:800}.faq-answer{color:#334155;margin:0;font-size:.9375rem;line-height:1.65}.saas-blog{background:#fff;border-top:1px solid #e2e8f0;padding:6.5rem 1.5rem}.saas-blog-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1280px;margin:0 auto 3rem;display:grid}.saas-blog-card{color:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:1.25rem;flex-direction:column;justify-content:space-between;padding:2.25rem;text-decoration:none;transition:all .25s;display:flex;box-shadow:0 2px 4px #00000008}.saas-blog-card:hover{border-color:#4f46e5;transform:translateY(-4px);box-shadow:0 16px 32px -4px #4f46e51a}.saas-blog-tag{color:#4338ca;text-transform:uppercase;letter-spacing:.05em;background:#eef2ff;border:1px solid #c7d2fe;border-radius:9999px;margin-bottom:1rem;padding:.25rem .625rem;font-size:.75rem;font-weight:700;display:inline-block}.saas-blog-card h3{color:#0f172a;letter-spacing:-.01em;margin-bottom:.75rem;font-size:1.25rem;font-weight:800;line-height:1.35}.saas-blog-card p{color:#334155;margin-bottom:1.75rem;font-size:.9375rem;line-height:1.6}.saas-blog-meta{color:#475569;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:1.25rem;font-size:.8125rem;font-weight:600;display:flex}.saas-blog-action{text-align:center}.saas-cta{color:#fff;text-align:center;background:linear-gradient(135deg,#1e1b4b 0%,#312e81 45%,#4338ca 100%);padding:6.5rem 1.5rem}.saas-cta-content{max-width:760px;margin:0 auto}.saas-cta h2{letter-spacing:-.03em;margin-bottom:1.25rem;font-size:2.75rem;font-weight:800;line-height:1.2}.saas-cta p{color:#e0e7ff;margin-bottom:2.5rem;font-size:1.1875rem;line-height:1.6}.saas-cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}@media (max-width:960px){.saas-hero-container{grid-template-columns:1fr;gap:3rem}.saas-hero-content{text-align:center;align-items:center}.saas-hero-content p{margin-left:auto;margin-right:auto}.saas-hero-buttons,.saas-hero-metrics{justify-content:center}.saas-architecture-container{grid-template-columns:1fr;gap:3rem}}@media (max-width:768px){.saas-hero{padding:4rem 1.25rem 5rem}.saas-hero-content h1{font-size:2.25rem}.saas-hero-buttons{flex-direction:column;width:100%}.btn{width:100%;min-height:48px}.saas-hero-metrics{flex-direction:column;gap:.75rem}.metric-separator{display:none}.saas-features-grid,.saas-faq-grid,.saas-blog-grid{grid-template-columns:1fr}.saas-cta h2{font-size:2rem}.saas-cta-buttons{flex-direction:column}}