/* === SEO PAGE STYLES === */
.seo-section { padding: 20px 0; position: relative; }
.white-bg { background: #fff; color: #002E6E; }
.blue-bg { background: #002E6E; color: #fff; }

.seo-hero {
  background: linear-gradient(180deg, rgba(0,46,110,0.95), rgba(0,20,60,0.95)),
              url('https://images.unsplash.com/photo-1551434678-e076c223a692?auto=format&fit=crop&w=1600&q=80')
              no-repeat center center/cover;
  color: #fff; padding: 20px 0;
}
.seo-hero h1 { color: #FFD300; }
.seo-form-wrapper input { border-radius: 6px; padding: 10px; border: 1px solid #ccc; }
.seo-form-wrapper .btn { background: #FFD300; color: #002E6E; font-weight:600; }

.step-box { background:#fff; border-left:4px solid #FFD300; color:#002E6E; transition:.3s; }
.step-box:hover { transform:translateY(-5px); box-shadow:0 8px 20px rgba(0,0,0,0.1); }

.benefit-card { background:rgba(255,255,255,0.1); transition:.3s; }
.benefit-card:hover { transform:translateY(-5px); }

.testimonial-card { border:1px solid #eee; border-radius:10px; background:#fff; transition:.3s; }
.testimonial-card:hover { box-shadow:0 8px 25px rgba(0,0,0,0.1); }

.brand-logos img { height:28px; opacity:0.8; transition:.3s; }
.brand-logos img:hover { opacity:1; transform:scale(1.05); }

.floating-cta {
  position: fixed; bottom: 25px; right: 25px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.3);
  z-index: 1000;
}

/* === Animations === */
[data-animate] { opacity:0; transform:translateY(30px); transition:all 0.8s ease; }
[data-animate].visible { opacity:1; transform:translateY(0); }