*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
.saas-root{font-family:system-ui,sans-serif;background:#0b132b;color:#e2e8f0;line-height:1.6}

.saas-bar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 2rem;background:rgba(11,19,43,.9);transition:background .3s}
.saas-bar.saas-bar-scroll{background:#1c2541}
.saas-bar-row{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}
.saas-brand img{height:36px}
.saas-menu{display:flex;gap:2rem}
.saas-menu a{color:#94a3b8;text-decoration:none;font-size:.95rem;transition:color .3s}
.saas-menu a:hover{color:#3a86ff}
.saas-cta-bar{background:#3a86ff;color:#fff!important;padding:.5rem 1.25rem;border-radius:6px;text-decoration:none;font-weight:600;transition:box-shadow .3s}
.saas-cta-bar:hover{box-shadow:0 0 24px rgba(58,134,255,.6)}

.saas-hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:6rem 2rem 4rem;overflow:hidden}
.saas-hero-canvas{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(58,134,255,.08) 50%,transparent 100%);pointer-events:none}
.saas-hero-row{position:relative;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:center}
.saas-hero h1{font-size:clamp(2.2rem,4vw,3rem);font-weight:700;margin-bottom:1rem;color:#fff}
.saas-hero p{color:#94a3b8;font-size:1.05rem;margin-bottom:2rem;max-width:420px}
.saas-btn-glow{display:inline-block;padding:.85rem 1.75rem;background:linear-gradient(135deg,#3a86ff,#5ba3ff);color:#fff!important;text-decoration:none;border-radius:8px;font-weight:600;box-shadow:0 0 30px rgba(58,134,255,.4);transition:box-shadow .3s}
.saas-btn-glow:hover{box-shadow:0 0 40px rgba(58,134,255,.6)}
.saas-hero-fig img{width:100%;border-radius:12px;border:1px solid rgba(58,134,255,.2)}

.saas-intro{padding:6rem 2rem;background:#1c2541}
.saas-intro-layout{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.saas-intro h2{font-size:1.75rem;margin-bottom:1rem;color:#fff}
.saas-intro p{color:#94a3b8;line-height:1.8}
.saas-intro-img img{width:100%;border-radius:8px}

.saas-features{padding:6rem 2rem}
.saas-features h2,.saas-currencies h2,.saas-stats h2,.saas-interface h2,.saas-cases h2,.saas-partners h2,.saas-media h2{text-align:center;font-size:1.75rem;margin-bottom:1rem;color:#fff}
.saas-section-desc{text-align:center;max-width:720px;margin:0 auto 3rem;color:#94a3b8;font-size:1rem;line-height:1.8}
.saas-feature-cards{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.saas-feature-card{background:#1c2541;border:1px solid rgba(58,134,255,.2);border-radius:12px;padding:2rem;transition:all .3s}
.saas-feature-card:hover{border-color:#3a86ff;box-shadow:0 0 24px rgba(58,134,255,.15)}
.saas-feature-icon{color:#3a86ff;font-size:1.5rem;margin-bottom:1rem}
.saas-feature-card h3{font-size:1.1rem;margin-bottom:.5rem;color:#fff}
.saas-feature-card p{color:#94a3b8;font-size:.9rem}

.saas-currencies{padding:6rem 2rem;background:#1c2541}
.saas-currency-grid{max-width:800px;margin:0 auto;display:grid;grid-template-columns:repeat(6,1fr);gap:1.5rem;align-items:center;justify-items:center}
.saas-currency-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#94a3b8;font-size:.95rem}
.saas-currency-item img{width:48px;height:48px}
.saas-stats{padding:6rem 2rem}
.saas-stat-panels{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.saas-stat-panel{background:#0b132b;border:1px solid rgba(58,134,255,.2);border-radius:12px;padding:2rem;text-align:center}
.saas-stat-value{font-size:2.5rem;font-weight:700;color:#3a86ff}
.saas-stat-suffix{font-size:1.5rem;color:#3a86ff;margin-right:.25rem}
.saas-stat-label{display:block;color:#94a3b8;font-size:.9rem;margin-top:.5rem}

.saas-interface{padding:6rem 2rem;background:#1c2541}
.saas-interface-grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.saas-interface-block{background:#1c2541;border-radius:12px;overflow:hidden;border:1px solid rgba(58,134,255,.15)}
.saas-interface-block img{width:100%;display:block}

.saas-cases{padding:6rem 2rem}
.saas-partners{padding:6rem 2rem;background:#1c2541}
.saas-partner-grid{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;justify-items:center}
.saas-partner-item{background:#0b132b;border:1px solid rgba(58,134,255,.2);border-radius:12px;padding:2rem;min-width:140px;text-align:center;color:#94a3b8}
.saas-partner-item img{height:36px;width:auto}
.saas-media{padding:6rem 2rem}
.saas-media-grid{max-width:700px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;justify-items:center}
.saas-media-item{background:#1c2541;border:1px solid rgba(58,134,255,.2);border-radius:8px;padding:1.5rem;min-width:120px;text-align:center;color:#94a3b8}
.saas-media-item img{height:32px;width:auto}
.saas-case-list{max-width:800px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.saas-case-card{background:#0b132b;border:1px solid rgba(58,134,255,.2);border-radius:12px;padding:2rem;text-align:center;color:#94a3b8}

.saas-faq{padding:6rem 2rem}
.saas-faq h2{text-align:center;font-size:1.75rem;margin-bottom:3rem;color:#fff}
.saas-faq-wrap{max-width:700px;margin:0 auto}
.saas-faq-detail{border-bottom:1px solid rgba(58,134,255,.2)}
.saas-faq-detail summary{padding:1.25rem 0;cursor:pointer;color:#e2e8f0;font-size:1rem}
.saas-faq-detail summary:hover{color:#3a86ff}
.saas-faq-detail p{padding:0 0 1.25rem 0;color:#94a3b8;font-size:.95rem}

.saas-cta{padding:6rem 2rem;text-align:center;background:linear-gradient(180deg,transparent,rgba(58,134,255,.1))}
.saas-cta h2{font-size:1.75rem;margin-bottom:1.5rem;color:#fff}
.saas-btn-lg{padding:1rem 2.5rem;font-size:1.1rem}

.saas-foot{padding:3rem 2rem;border-top:1px solid rgba(58,134,255,.2)}
.saas-foot-main{max-width:1100px;margin:0 auto 2rem;display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:3rem}
.saas-foot-col h4{color:#e2e8f0;font-size:.95rem;margin-bottom:1rem}
.saas-foot-col p,.saas-foot-col a{color:#94a3b8;text-decoration:none;font-size:.9rem;margin-bottom:.5rem;display:block;line-height:1.6}
.saas-foot-col a:hover{color:#3a86ff}
.saas-foot-about p{color:#94a3b8;font-size:.9rem;line-height:1.8}
.saas-foot-legal{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem}
.saas-foot-legal a{color:#64748b;text-decoration:none;font-size:.85rem}
.saas-foot-legal a:hover{color:#94a3b8}
.saas-foot-copy{text-align:center;color:#64748b;font-size:.85rem}

.saas-top{position:fixed;bottom:2rem;right:2rem;width:48px;height:48px;border-radius:50%;background:#3a86ff;color:#fff;border:none;font-size:1.2rem;cursor:pointer;opacity:0;visibility:hidden;transition:all .3s;z-index:999}
.saas-top.saas-visible{opacity:1;visibility:visible}
.saas-top:hover{box-shadow:0 0 24px rgba(58,134,255,.5)}

@media(max-width:900px){
.saas-hero-row{grid-template-columns:1fr}
.saas-feature-cards{grid-template-columns:repeat(2,1fr)}
.saas-currency-grid{grid-template-columns:repeat(3,1fr)}
.saas-stat-panels{grid-template-columns:repeat(2,1fr)}
.saas-interface-grid{grid-template-columns:1fr}
.saas-case-list{grid-template-columns:1fr}
.saas-partner-grid{grid-template-columns:repeat(2,1fr)}
.saas-media-grid{grid-template-columns:1fr}
.saas-foot-main{grid-template-columns:1fr}
}