.elementor-253 .elementor-element.elementor-element-d0f7bd3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-253 .elementor-element.elementor-element-313a479{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-253 .elementor-element.elementor-element-81b8134{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-253 .elementor-element.elementor-element-0dd2ed2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-253 .elementor-element.elementor-element-caa144b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-253 .elementor-element.elementor-element-21d9f9f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-253 .elementor-element.elementor-element-d52c68f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-253 .elementor-element.elementor-element-f4ad488{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-253 .elementor-element.elementor-element-d6f54a4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-d3a222b */:root{
  --tg-grad-start:#673AB7;
  --tg-grad-end:#FF0041;
  --tg-aqua:#4EF0D1;
  --tg-white:#FFFFFF;
  --tg-light:#F5F4FA;
}

/* ===== HERO BASE ===== */
#seo-hero{
  background:
    radial-gradient(circle at 20% 80%,rgba(78,240,209,0.18),transparent 65%),
    linear-gradient(135deg,var(--tg-grad-start) 0%,var(--tg-grad-end) 100%);
  position:relative;
  overflow:hidden;
  padding:150px 0;
  color:var(--tg-white);
}
.seo-hero-container{
  max-width:1180px;
  margin:0 auto;
  padding:0 24px;
}

/* ===== GRID ===== */
.seo-hero-grid{
  display:grid;
  grid-template-columns:55% 45%;
  align-items:center;
  gap:60px;
}
@media(max-width:991px){
  .seo-hero-grid{grid-template-columns:1fr;gap:40px;text-align:center;}
}

/* ===== LEFT COLUMN ===== */
.seo-eyebrow{
  display:block;
  font-family:Jost,sans-serif;
  font-weight:500;
  font-size:15px;
  color:rgba(245,244,250,0.9);
  letter-spacing:0.08em;
  margin-bottom:10px;
}
.seo-hero-title{
  font-family:Montserrat,sans-serif;
  font-weight:800;
  font-size:clamp(32px,5vw,60px);
  line-height:1.15;
  color:var(--tg-white);
  margin-bottom:20px;
}
.seo-hero-subline{
  font-family:Jost,sans-serif;
  font-weight:400;
  font-size:18px;
  line-height:1.7;
  color:var(--tg-light);
  max-width:640px;
  margin-bottom:24px;
}
@media(max-width:991px){
  .seo-hero-subline{margin-left:auto;margin-right:auto;}
}

/* ===== BULLETS ===== */
.seo-hero-bullets{
  list-style:none;
  padding:0;
  margin:0 0 32px;
  font-family:Jost,sans-serif;
  font-weight:400;
  font-size:17px;
  color:var(--tg-light);
  line-height:1.6;
}
.seo-hero-bullets li{margin-bottom:8px;}

/* ===== CTA BUTTONS ===== */
.seo-cta-row{
  display:flex;
  gap:20px;
  flex-wrap:wrap;
  margin-bottom:14px;
}
@media(max-width:767px){
  .seo-cta-row{justify-content:center;}
}
.seo-btn{
  font-family:Poppins,sans-serif;
  font-weight:600;
  font-size:17px;
  border-radius:999px;
  padding:14px 36px;
  text-decoration:none;
  transition:all .3s ease;
}
.primary-btn{
  background:var(--tg-white);
  color:var(--tg-grad-start);
  box-shadow:0 8px 24px rgba(0,0,0,0.15);
  border:2px solid transparent;
}
.primary-btn:hover{
  border:2px solid var(--tg-aqua);
  transform:translateY(-3px);
  box-shadow:0 8px 32px rgba(78,240,209,0.3);
}
.secondary-btn{
  background:transparent;
  color:var(--tg-white);
  border:2px solid rgba(255,255,255,0.9);
}
.secondary-btn:hover{
  background:rgba(255,255,255,0.14);
  border-color:var(--tg-aqua);
  transform:translateY(-3px);
}

/* ===== MICROCOPY ===== */
.seo-microcopy{
  font-family:Jost,sans-serif;
  font-weight:400;
  font-size:14px;
  color:rgba(245,244,250,0.8);
  margin-top:10px;
}

/* ===== RIGHT MOCKUPS ===== */
.seo-hero-right{
  position:relative;
  max-width:440px;
  margin-left:auto;
}
.mockup-card{
  background:var(--tg-white);
  border-radius:18px;
  padding:20px 24px;
  color:#1E1E1E;
  box-shadow:0 10px 30px rgba(0,0,0,0.12);
  position:relative;
  z-index:2;
}
.card-top{transform:translateY(-20px);}
.card-mid{transform:translateY(-10px);}
.card-bottom{transform:translateY(0);}
.mockup-card h4{
  font-family:Poppins,sans-serif;
  font-weight:600;
  font-size:16px;
  margin-bottom:8px;
}
.mockup-card p,
.mockup-card li{
  font-family:Jost,sans-serif;
  font-size:15px;
  color:#555;
  line-height:1.6;
  margin:0;
}
.mockup-card ul{padding-left:0;list-style:none;}
.metric{
  font-family:Poppins,sans-serif;
  font-weight:600;
  color:#FF0041;
  margin-top:8px;
}
.tag{
  display:inline-block;
  font-family:Poppins,sans-serif;
  font-size:13px;
  background:#F9F8FF;
  color:#673AB7;
  padding:4px 10px;
  border-radius:999px;
  margin-top:10px;
}
.line-graph{
  height:80px;
  background:linear-gradient(180deg,rgba(78,240,209,0.35),transparent);
  border-radius:8px;
  margin-bottom:8px;
}

/* ===== PARTICLES ===== */
.seo-particle{
  position:absolute;
  border-radius:50%;
  background:var(--tg-aqua);
  opacity:0.35;
  animation:float 9s ease-in-out infinite alternate;
}
.particle-1{width:10px;height:10px;top:15%;left:10%;animation-duration:8s;}
.particle-2{width:12px;height:12px;bottom:25%;right:15%;animation-duration:10s;}
.particle-3{width:8px;height:8px;top:40%;right:25%;animation-duration:7s;}
@keyframes float{from{transform:translateY(0);}to{transform:translateY(-12px);}}

/* ===== RESPONSIVE ===== */
@media(max-width:991px){
  #seo-hero{padding:120px 0;}
  .seo-hero-right{margin:0 auto;}
}
@media(max-width:767px){
  #seo-hero{padding:90px 0;text-align:center;}
  .seo-hero-title{font-size:clamp(26px,6vw,34px);}
  .seo-cta-row{justify-content:center;}
  .seo-btn{font-size:16px;padding:12px 30px;}
  .primary-btn,.secondary-btn{width:100%;max-width:320px;}
  .seo-hero-bullets{text-align:left;display:inline-block;}
}

/* ===== REDUCED MOTION SAFETY ===== */
@media(prefers-reduced-motion:reduce){
  #seo-hero [style*="opacity"], #seo-hero [style*="transform"]{
    opacity:1!important;transform:none!important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b1d0a42 */:root{
  --tg-grad-start:#673AB7;
  --tg-grad-end:#FF0041;
  --tg-aqua:#4EF0D1;
  --tg-white:#FFFFFF;
  --tg-bg-light:#F9F8FF;
  --tg-text-dark:#1E1E1E;
  --tg-text-muted:#555555;
}

/* ===== SECTION WRAPPER ===== */
#seo-why{
  background:var(--tg-bg-light);
  padding:140px 0;
  position:relative;
  overflow:hidden;
}
.seo-why-container{
  max-width:1180px;
  margin:0 auto;
  padding:0 24px;
}
.seo-why-grid{
  display:grid;
  grid-template-columns:58% 42%;
  align-items:center;
  gap:60px;
}
@media(max-width:991px){
  .seo-why-grid{grid-template-columns:1fr;gap:40px;text-align:center;}
}

/* ===== LEFT COLUMN ===== */
.why-eyebrow{
  display:block;
  font-family:Jost,sans-serif;
  font-weight:500;
  font-size:15px;
  color:var(--tg-grad-start);
  letter-spacing:0.08em;
  text-transform:uppercase;
  margin-bottom:10px;
}
.why-title{
  font-family:Montserrat,sans-serif;
  font-weight:700;
  font-size:clamp(28px,3vw,36px);
  color:var(--tg-text-dark);
  line-height:1.25;
  max-width:680px;
  margin-bottom:20px;
}
.why-subline{
  font-family:Jost,sans-serif;
  font-weight:400;
  font-size:18px;
  color:var(--tg-text-muted);
  line-height:1.7;
  max-width:640px;
  margin-bottom:28px;
}
.why-bullets{
  list-style:none;
  padding:0;
  margin:0 0 32px;
  text-align:left;
  display:inline-block;
}
.why-bullets li{
  font-family:Jost,sans-serif;
  font-size:17px;
  color:var(--tg-text-dark);
  margin-bottom:12px;
}
.why-cta{
  font-family:Poppins,sans-serif;
  font-weight:500;
  font-size:16px;
  color:var(--tg-grad-end);
  text-decoration:none;
  transition:all .3s ease;
  display:inline-block;
}
.why-cta:hover{
  color:var(--tg-grad-start);
  text-decoration:underline;
  text-underline-offset:4px;
}

/* ===== RIGHT COLUMN VISUAL ===== */
.pipeline-card{
  background:var(--tg-white);
  border-radius:20px;
  box-shadow:0 8px 24px rgba(0,0,0,0.06);
  padding:40px 24px;
  display:flex;
  align-items:center;
  justify-content:space-around;
  position:relative;
}
.pipeline-step{
  text-align:center;
  z-index:2;
}
.icon-circle{
  width:64px;
  height:64px;
  border-radius:50%;
  background:rgba(78,240,209,0.12);
  color:#673AB7;
  font-size:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 10px;
  box-shadow:0 0 12px rgba(78,240,209,0.25);
}
.pipeline-step p{
  font-family:Jost,sans-serif;
  font-weight:500;
  font-size:16px;
  color:#1E1E1E;
  margin:0;
}
.arrow-line{
  width:40px;
  height:3px;
  background:linear-gradient(90deg,var(--tg-aqua) 0%,var(--tg-grad-end) 100%);
  border-radius:4px;
}

/* ===== PARTICLES ===== */
.why-particle{
  position:absolute;
  background:var(--tg-aqua);
  border-radius:50%;
  opacity:0.35;
  animation:floatY 9s ease-in-out infinite alternate;
}
.particle-1{width:10px;height:10px;top:20%;left:5%;animation-duration:8s;}
.particle-2{width:12px;height:12px;bottom:25%;right:10%;animation-duration:10s;}
.particle-3{width:8px;height:8px;top:60%;right:25%;animation-duration:7s;}
@keyframes floatY{
  from{transform:translateY(0);}
  to{transform:translateY(-10px);}
}

/* ===== RESPONSIVE ===== */
@media(max-width:991px){
  #seo-why{padding:100px 0;}
  .pipeline-card{flex-direction:column;gap:20px;padding:30px;}
  .arrow-line{width:3px;height:30px;
    background:linear-gradient(180deg,var(--tg-aqua) 0%,var(--tg-grad-end) 100%);
  }
}
@media(max-width:767px){
  #seo-why{padding:80px 0;}
  .why-title{font-size:clamp(24px,6vw,32px);}
  .why-subline{font-size:16px;}
  .why-bullets li{font-size:16px;}
  .pipeline-card{max-width:380px;margin:0 auto;}
}

/* ===== REDUCED MOTION SAFETY ===== */
@media(prefers-reduced-motion:reduce){
  #seo-why [style*="opacity"],#seo-why [style*="transform"]{
    opacity:1!important;transform:none!important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-572abe4 */:root {
  --tg-grad-start: #673AB7;
  --tg-grad-end: #FF0041;
  --tg-aqua: #4EF0D1;
  --tg-white: #FFFFFF;
  --tg-soft-white: #F5F4FA;
}

/* ===== SECTION WRAPPER ===== */
#seo-final-cta {
  position: relative;
  background: linear-gradient(135deg, var(--tg-grad-start), var(--tg-grad-end));
  overflow: hidden;
  padding: 140px 24px;
  color: var(--tg-white);
  text-align: center;
  z-index: 1;
}
.seo-final-container {
  max-width: 1180px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

/* ===== PARTICLES ===== */
.particles {
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: 1;
}
.particle {
  position: absolute;
  width: 8px;
  height: 8px;
  background: var(--tg-aqua);
  opacity: 0.3;
  border-radius: 50%;
  animation: floatParticle 8s ease-in-out infinite;
}
.particle:nth-child(1) { top: 10%; left: 15%; animation-delay: 0s; }
.particle:nth-child(2) { top: 25%; left: 75%; animation-delay: 1s; }
.particle:nth-child(3) { top: 50%; left: 45%; animation-delay: 2s; }
.particle:nth-child(4) { top: 70%; left: 20%; animation-delay: 3s; }
.particle:nth-child(5) { top: 85%; left: 65%; animation-delay: 4s; }
.particle:nth-child(6) { top: 35%; left: 55%; animation-delay: 2.5s; }
.particle:nth-child(7) { top: 15%; left: 85%; animation-delay: 1.5s; }

@keyframes floatParticle {
  0%, 100% { transform: translateY(0); opacity: 0.3; }
  50% { transform: translateY(-12px); opacity: 0.5; }
}

/* ===== HEADER TEXTS ===== */
.cta-eyebrow {
  font-family: Jost, sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.08em;
  color: rgba(245, 244, 250, 0.85);
  margin-bottom: 12px;
  text-transform: uppercase;
}
.cta-heading {
  font-family: Montserrat, sans-serif;
  font-weight: 800;
  font-size: clamp(32px, 4vw, 44px);
  line-height: 1.2;
  color: var(--tg-white);
  margin-bottom: 16px;
}
.cta-subline {
  font-family: Jost, sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: var(--tg-soft-white);
  line-height: 1.6;
  max-width: 720px;
  margin: 0 auto 32px;
}

/* ===== CTA BUTTONS ===== */
.cta-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  margin-top: 24px;
}
.cta-btn {
  font-family: Poppins, sans-serif;
  font-weight: 600;
  font-size: 18px;
  border-radius: 999px;
  padding: 14px 36px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease;
}
.cta-btn.primary {
  color: var(--tg-grad-start);
  background: var(--tg-white);
  box-shadow: 0 8px 24px rgba(0,0,0,0.15);
}
.cta-btn.primary:hover {
  border: 2px solid transparent;
  background: var(--tg-white);
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 10px 30px rgba(78,240,209,0.25);
}
.cta-btn.secondary {
  color: var(--tg-white);
  background: transparent;
  border: 2px solid rgba(255,255,255,0.85);
}
.cta-btn.secondary:hover {
  background: rgba(255,255,255,0.14);
  border-color: var(--tg-aqua);
  transform: translateY(-3px);
}
.cta-btn.secondary img {
  width: 20px;
  height: 20px;
  filter: invert(1);
}

/* ===== MICROCOPY ===== */
.cta-micro {
  font-family: Jost, sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: rgba(245, 244, 250, 0.85);
  margin-top: 16px;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 991px) {
  #seo-final-cta { padding: 100px 20px; }
}
@media (max-width: 767px) {
  #seo-final-cta { padding: 80px 16px; }
  .cta-subline { font-size: 16px; }
  .cta-btn { font-size: 16px; padding: 12px 28px; }
}
@media (max-width: 480px) {
  .cta-buttons { flex-direction: column; gap: 14px; }
  .cta-btn { width: 100%; justify-content: center; }
}/* End custom CSS */