.hero--saas{--hero-green: #22c55e;--hero-green-dark: #15803d;--hero-green-light: #dcfce7;--hero-accent: #10b981;--hero-bg: #0f172a;--hero-bg-elevated: #1e293b;--hero-text: #f8fafc;--hero-muted: #94a3b8;position:relative;overflow:hidden;padding:clamp(3rem,7vw,5rem) 0 clamp(2.5rem,5vw,3.5rem);background:var(--hero-bg);color:var(--hero-text)}.hero--saas .hero-bg-effects{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at top right,rgba(34,197,94,.15),transparent 40%),radial-gradient(circle at 10% 80%,rgba(16,185,129,.08),transparent 35%),linear-gradient(165deg,#0f172a,#111827 45%,#0f172a)}.hero--saas .hero-bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(148,163,184,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.06) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,black 20%,transparent 75%)}.hero--saas .hero-blur-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.45;animation:heroOrbFloat 12s ease-in-out infinite}.hero--saas .hero-blur-orb--1{width:320px;height:320px;top:-5%;right:15%;background:#22c55e40}.hero--saas .hero-blur-orb--2{width:240px;height:240px;bottom:10%;left:-5%;background:#10b9812e;animation-delay:-4s}.hero--saas .hero-content--saas{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.45fr) minmax(0,.55fr);gap:clamp(2rem,4vw,3.5rem);align-items:center}.hero--saas .hero-badge{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:1.25rem;padding:.45rem 1rem;font-size:.8125rem;font-weight:600;color:var(--hero-green);background:#22c55e1f;border:1px solid rgba(34,197,94,.28);border-radius:999px;line-height:1.4}.hero--saas .hero-text h1{font-size:clamp(1.875rem,4vw,2.75rem);font-weight:800;line-height:1.1;letter-spacing:-.025em;margin-bottom:1rem;max-width:22ch;color:var(--hero-text)}.hero--saas .hero-subtitle{font-size:clamp(.975rem,1.8vw,1.0625rem);line-height:1.65;color:var(--hero-muted);margin-bottom:1.5rem;max-width:52ch}.hero--saas .hero-deploy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1.5rem}.hero--saas .hero-deploy-mini{padding:1rem;border-radius:.75rem;background:#ffffff0a;border:1px solid rgba(148,163,184,.15);backdrop-filter:blur(8px);transition:border-color .2s ease,background .2s ease}.hero--saas .hero-deploy-mini:hover{border-color:#22c55e59;background:#ffffff0f}.hero--saas .hero-deploy-mini__title{display:flex;align-items:center;gap:.5rem;margin:0 0 .65rem;font-size:.875rem;font-weight:700;color:var(--hero-text)}.hero--saas .hero-deploy-mini__title i{color:var(--hero-green);font-size:.9rem}.hero--saas .hero-deploy-mini__title i.fa-desktop{color:#60a5fa}.hero--saas .hero-deploy-mini__list{list-style:none;margin:0;padding:0}.hero--saas .hero-deploy-mini__list li{display:flex;align-items:flex-start;gap:.4rem;font-size:.75rem;color:var(--hero-muted);line-height:1.45;margin-bottom:.3rem}.hero--saas .hero-deploy-mini__list li:before{content:"\2713";color:var(--hero-green);font-weight:700;flex-shrink:0}.hero--saas .hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.hero--saas .hero-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.5rem;border-radius:.625rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;min-height:48px}.hero--saas .hero-btn:focus-visible{outline:2px solid var(--hero-green);outline-offset:2px}.hero--saas .hero-btn--primary{background:linear-gradient(135deg,var(--hero-green) 0%,var(--hero-green-dark) 100%);color:#fff;box-shadow:0 8px 24px #22c55e59}.hero--saas .hero-btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px #22c55e73}.hero--saas .hero-btn--secondary{background:#ffffff0f;color:var(--hero-text);border:1px solid rgba(148,163,184,.3)}.hero--saas .hero-btn--secondary:hover{background:#ffffff1a;border-color:#94a3b873;transform:translateY(-2px)}.hero--saas .hero-trust-line{font-size:.8125rem;font-weight:500;color:var(--hero-muted);margin:0}.hero--saas .hero-trust-line strong{color:#f8fafcd9;font-weight:600}.hero--saas .hero-visual{display:flex;justify-content:center;align-items:center;perspective:1400px}.hero--saas .hero-mockup-wrap{position:relative;width:100%;max-width:680px;animation:heroFloat 7s ease-in-out infinite;will-change:transform}.hero--saas .hero-mockup-glow{position:absolute;inset:5% -8% -12%;background:radial-gradient(ellipse at center,rgba(34,197,94,.35) 0%,transparent 65%);z-index:0;filter:blur(20px);animation:glowPulse 5s ease-in-out infinite}.hero--saas .hero-mockup-frame{position:relative;z-index:1;transform:perspective(1200px) rotateY(-6deg) rotateX(3deg);transform-style:preserve-3d;transition:transform .4s ease}.hero--saas .hero-mockup-wrap:hover .hero-mockup-frame{transform:perspective(1200px) rotateY(-3deg) rotateX(1deg)}.hero--saas .hero-mockup-lid{border-radius:1rem 1rem 0 0;overflow:hidden;background:#1e293b;border:1px solid rgba(148,163,184,.2);box-shadow:0 0 0 1px #ffffff0d inset,0 32px 64px #00000073,0 0 80px #22c55e1f}.hero--saas .hero-mockup-chrome{display:flex;align-items:center;gap:.4rem;padding:.6rem .85rem;background:linear-gradient(180deg,#334155,#1e293b);border-bottom:1px solid rgba(148,163,184,.15)}.hero--saas .hero-mockup-chrome .dot{width:.55rem;height:.55rem;border-radius:50%}.hero--saas .hero-mockup-chrome .dot--red{background:#ff5f57}.hero--saas .hero-mockup-chrome .dot--yellow{background:#febc2e}.hero--saas .hero-mockup-chrome .dot--green{background:#28c840}.hero--saas .hero-mockup-url{flex:1;height:.5rem;margin-left:.5rem;border-radius:999px;background:#00000040}.hero--saas .hero-mockup-img{display:block;width:100%;height:auto;border-radius:0 0 .5rem .5rem;aspect-ratio:16 / 10;object-fit:cover;object-position:top left}.hero--saas .hero-mockup-base{height:.65rem;margin:0 8%;background:linear-gradient(180deg,#475569,#334155);border-radius:0 0 .5rem .5rem;box-shadow:0 8px 16px #0000004d}.hero--saas [data-hero-animate]{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}.hero--saas [data-hero-animate=right]{transform:translate(50px)}.hero--saas.is-animated [data-hero-animate]{opacity:1;transform:none}.hero--saas.is-animated [data-hero-animate=delay-1]{transition-delay:.1s}.hero--saas.is-animated [data-hero-animate=delay-2]{transition-delay:.2s}.hero--saas.is-animated [data-hero-animate=delay-3]{transition-delay:.3s}.hero--saas.is-animated [data-hero-animate=delay-4]{transition-delay:.45s}.hero--saas.is-animated [data-hero-animate=right]{transition-delay:.25s}@media(prefers-reduced-motion:reduce){.hero--saas [data-hero-animate],.hero--saas .hero-mockup-wrap{opacity:1;transform:none;animation:none;transition:none}.hero--saas .hero-mockup-frame{transform:none}}.hero-stats--saas{background:#fff;border-bottom:1px solid #e2e8f0;padding:0}.hero-stats--saas .hero-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.hero-stats--saas .stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:clamp(1.25rem,3vw,1.75rem) 1rem;text-align:center;border-right:1px solid #e2e8f0}.hero-stats--saas .stat-card:last-child{border-right:none}.hero-stats--saas .stat-value{font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800;color:var(--hero-green-dark);line-height:1.1;letter-spacing:-.02em}.hero-stats--saas .stat-label{font-size:.8125rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.hero-features-row{padding:clamp(2rem,4vw,3rem) 0;background:#f8fafc;border-bottom:1px solid #e2e8f0}.hero-features-row__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.hero-feature-card{padding:1.25rem;background:#fff;border:1px solid #e2e8f0;border-radius:.85rem;transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}.hero-feature-card:hover{border-color:#22c55e59;box-shadow:0 8px 24px #0f172a0f;transform:translateY(-2px)}.hero-feature-card__icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:.625rem;background:var(--hero-green-light);color:var(--hero-green-dark);font-size:1.1rem;margin-bottom:.75rem}.hero-feature-card h3{margin:0 0 .4rem;font-size:.9375rem;font-weight:700;color:#0f172a}.hero-feature-card p{margin:0;font-size:.8125rem;line-height:1.55;color:#64748b}@media(prefers-color-scheme:light){.hero--saas.hero--light-aware{--hero-bg: #f8fafc;--hero-text: #0f172a;--hero-muted: #475569;background:#f8fafc;color:#0f172a}.hero--saas.hero--light-aware .hero-bg-effects{background:radial-gradient(circle at top right,rgba(34,197,94,.12),transparent 40%),linear-gradient(165deg,#f8fafc,#f1f5f9,#ecfdf5)}.hero--saas.hero--light-aware .hero-text h1{color:#0f172a}.hero--saas.hero--light-aware .hero-deploy-mini{background:#fff;border-color:#e2e8f0}.hero--saas.hero--light-aware .hero-btn--secondary{background:#fff;color:#0f172a;border-color:#cbd5e1}}@media(max-width:1024px){.hero--saas .hero-content--saas{grid-template-columns:1fr}.hero--saas .hero-text h1,.hero--saas .hero-subtitle{max-width:none}.hero--saas .hero-visual,.hero--saas .hero-text{order:0}.hero--saas .hero-mockup-wrap{max-width:100%}.hero--saas .hero-mockup-frame{transform:perspective(1200px) rotateY(0) rotateX(2deg)}.hero-features-row__grid,.hero-stats--saas .hero-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-stats--saas .stat-card:nth-child(2){border-right:none}.hero-stats--saas .stat-card:nth-child(1),.hero-stats--saas .stat-card:nth-child(2){border-bottom:1px solid #e2e8f0}}@media(max-width:768px){.hero--saas{padding-top:2rem}.hero--saas .hero-text{text-align:center}.hero--saas .hero-badge{margin-inline:auto}.hero--saas .hero-deploy-grid{grid-template-columns:1fr}.hero--saas .hero-actions{flex-direction:column}.hero--saas .hero-btn{width:100%}.hero-features-row__grid{grid-template-columns:1fr}.hero--saas .hero-mockup-frame{transform:none}}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glowPulse{0%,to{opacity:.5}50%{opacity:.85}}@keyframes heroOrbFloat{0%,to{transform:translate(0)}50%{transform:translate(12px,-16px)}}