/* ==========================================================
   V9.1 — Marketer Emphasis + Speed Optimizations
   ========================================================== */

/* make site lighter on weak devices */
.flow,
.scenes,
.story-band,
.trust,
.plans,
.company,
.final-cta,
.footer{
  content-visibility:auto;
  contain-intrinsic-size: 900px;
}

img[loading="lazy"]{
  content-visibility:auto;
}

.low-power *{
  scroll-behavior:auto;
}
@media (max-width: 820px) and (pointer: coarse){
  html{scroll-behavior:auto;}
}

.low-power .ripple i,
.low-power .wave-dot,
.low-power .scene-ripple,
.low-power .map-pulse,
.low-power .reveal{
  animation:none !important;
  transition:none !important;
}
.low-power [data-depth]{
  translate:none !important;
  transition:none !important;
}
.low-power .wave-field .ripple:nth-of-type(n+2){
  display:none !important;
}
.low-power .hero-card.right,
.low-power .hero-card.left{
  display:none !important;
}
.low-power .header-wrap,
.low-power .hero-card,
.low-power .hero-tag,
.low-power .flow-step,
.low-power .plan,
.low-power .trust-card,
.low-power .story-card,
.low-power .scene-art,
.low-power .company-mark{
  backdrop-filter:none !important;
  box-shadow:0 10px 24px rgba(8,39,62,.06) !important;
  filter:none !important;
}

@media (max-width: 820px) and (pointer: coarse){
  .hero .ripple.orange,
  .hero .ripple.lime,
  .story-band .ripple.orange,
  .story-band .ripple.lime,
  .final-cta .ripple.orange{
    display:none !important;
  }
  .hero-stage{
    min-height:470px !important;
  }
  .hero-card.right{
    display:none !important;
  }
  .hero-card.left{
    width:160px !important;
    left:-6px !important;
    top:104px !important;
  }
  .hero-phone{
    width:228px !important;
  }
}

/* Strong marketer presentation */
.header-actions{
  gap:8px !important;
}
.btn-marketer{
  background:linear-gradient(135deg,#ff8628,#ffb24d) !important;
  color:#fff !important;
  box-shadow:0 16px 34px rgba(255,134,40,.22) !important;
}
.btn-marketer:hover{
  transform:translateY(-2px);
}

.topline.marketer-topline{
  background:linear-gradient(90deg,#04111b,#0a2b42 55%,#153244);
}
.topline.marketer-topline .live i{
  background:#ff9b47;
  box-shadow:0 0 0 6px rgba(255,155,71,.07);
}
.topline.marketer-topline .marketer-link{
  color:#ffd2ae;
  font-weight:900;
}

.marketer-hero-strip{
  background:#fff7f0;
  border-bottom:1px solid #f1ddcb;
}
.marketer-strip-inner{
  min-height:78px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
}
.marketer-strip-copy{
  display:flex;
  align-items:center;
  gap:14px;
}
.marketer-strip-icon{
  width:52px;
  height:52px;
  border-radius:16px;
  background:linear-gradient(135deg,#ff8a31,#ffc27f);
  color:#fff;
  display:grid;
  place-items:center;
  box-shadow:0 12px 30px rgba(255,138,49,.18);
}
.marketer-strip-copy strong{
  display:block;
  font-size:19px;
  letter-spacing:-.03em;
}
.marketer-strip-copy p{
  margin:4px 0 0;
  color:#6c7d8c;
  font-size:13px;
}
.marketer-strip-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.marketer-focus{
  padding:84px 0;
  background:
    radial-gradient(circle at 88% 18%,rgba(255,134,40,.10),transparent 20%),
    radial-gradient(circle at 12% 82%,rgba(27,145,241,.08),transparent 18%),
    linear-gradient(180deg,#fffdfb,#fff7f1);
  border-top:1px solid #f6e1d0;
  border-bottom:1px solid #f6e1d0;
}
.marketer-focus-grid{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:42px;
  align-items:center;
}
.marketer-focus-copy h2{
  font-size:clamp(32px,3.4vw,46px);
  line-height:1.55;
  letter-spacing:-.05em;
  margin:10px 0 0;
}
.marketer-focus-copy p{
  color:#66798b;
  font-size:15px;
  line-height:2.02;
  max-width:580px;
  margin:16px 0 0;
}
.marketer-bullets{
  list-style:none;
  padding:0;
  margin:26px 0 0;
  display:grid;
  gap:11px;
}
.marketer-bullets li{
  display:flex;
  align-items:center;
  gap:9px;
  font-size:13.5px;
  font-weight:780;
  color:#334b60;
}
.marketer-bullets li i{
  width:16px;
  height:16px;
  border-radius:50%;
  background:#eaffd8;
  color:#65b832;
  display:grid;
  place-items:center;
  font-style:normal;
  font-size:11px;
}
.marketer-focus-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:28px;
}
.marketer-card{
  position:relative;
  min-height:430px;
  border-radius:30px;
  overflow:hidden;
  background:linear-gradient(145deg,#04111b,#0a2740 60%,#123b56);
  box-shadow:0 24px 70px rgba(5,35,55,.10);
  border:1px solid rgba(255,255,255,.08);
}
.marketer-card .wave-field .ripple.blue{
  left:70%;
  top:38%;
  width:420px;
  height:420px;
}
.marketer-card .wave-field .ripple.orange{
  left:-120px;
  bottom:-140px;
  width:320px;
  height:320px;
}
.marketer-card-inner{
  position:relative;
  z-index:2;
  height:100%;
  padding:30px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.marketer-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  color:#baddf1;
  font-size:11px;
  font-weight:900;
}
.marketer-card h3{
  color:#fff;
  font-size:34px;
  line-height:1.45;
  letter-spacing:-.05em;
  margin:16px 0 0;
  max-width:420px;
}
.marketer-card p{
  color:#bed0de;
  font-size:14px;
  line-height:2;
  max-width:440px;
  margin:14px 0 0;
}
.marketer-mini-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:26px;
}
.marketer-mini{
  min-height:108px;
  border-radius:18px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.09);
  padding:16px;
}
.marketer-mini b{
  display:block;
  color:#fff;
  font-size:15px;
}
.marketer-mini span{
  display:block;
  color:#abc2d2;
  font-size:11.5px;
  line-height:1.9;
  margin-top:7px;
}
.marketer-card .btn-light{
  width:max-content;
  margin-top:22px;
}

.final-cta .cta-actions .btn-marketer{
  background:linear-gradient(135deg,#ff8a31,#ffc472) !important;
  color:#fff !important;
  border-color:transparent !important;
}

@media(max-width: 1050px){
  .marketer-focus-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width: 700px){
  .marketer-strip-inner{
    display:block;
    padding:16px 0;
  }
  .marketer-strip-actions{
    margin-top:14px;
    display:grid;
  }
  .marketer-strip-actions .btn{
    width:100%;
  }
  .marketer-strip-copy strong{
    font-size:17px;
  }
  .marketer-focus{
    padding:64px 0;
  }
  .marketer-focus-actions{
    display:grid;
  }
  .marketer-focus-actions .btn{
    width:100%;
  }
  .marketer-card{
    min-height:380px;
  }
  .marketer-card h3{
    font-size:28px;
  }
  .marketer-mini-grid{
    grid-template-columns:1fr;
  }
}