/* SMS landing — Figma 1142:325 (overrides on shared solution-landing.css) */

.solution-page.solution-page--sms {
  --design-height: 9329;
}

.solution-page.solution-page--sms .site-header {
  position: absolute;
  top: 0;
  z-index: 100;
}

.solution-page.solution-page--sms .ra-hero {
  top: 0;
  height: 750px;
  overflow: hidden;
  background: #fff9f9;
}

.solution-page.solution-page--sms .ra-hero__bg {
  top: 0;
  left: calc(-1 * var(--gutter));
  width: calc(100% + 2 * var(--gutter));
  min-width: 1425px;
  height: 730px;
  background: #fff9f9;
  z-index: 0;
}

.solution-page.solution-page--sms .ra-hero__ellipse {
  display: block;
  z-index: 1;
}

.solution-page.solution-page--sms .ra-hero__ellipse--right {
  left: calc(var(--gutter) + 548px);
  top: -702px;
}

.solution-page.solution-page--sms .ra-hero__ellipse--left {
  top: -658px;
}

.solution-page.solution-page--sms .ra-hero__visual {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  min-width: 1425px;
  height: 750px;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
}

.solution-page.solution-page--sms .ra-hero__visual::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    90deg,
    #fff9f9 0%,
    #fff9f9 28%,
    rgba(255, 249, 249, 0.97) 38%,
    rgba(255, 249, 249, 0.55) 48%,
    transparent 62%
  );
  pointer-events: none;
}

.solution-page.solution-page--sms .ra-hero__visual img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
  object-position: 78% 42%;
}

.solution-page.solution-page--sms .ra-hero__title {
  left: calc(var(--gutter) + 121px);
  top: 222px;
  font-size: 70px;
  line-height: 0.98;
  width: 730px;
  z-index: 5;
}

.solution-page.solution-page--sms .ra-hero__lead {
  left: calc(var(--gutter) + 120px);
  top: 445px;
  width: 640px;
  font-size: 24px;
  line-height: 1.1;
  z-index: 5;
}

.solution-page.solution-page--sms .ra-hero__logos {
  top: 579px;
  z-index: 5;
}

.solution-page.solution-page--sms .ra-hero__logos-track .ra-hero__logo--tanishq img {
  object-fit: contain;
  object-position: center bottom;
}

.solution-page.solution-page--sms .ra-hero__logos-track .ra-hero__logo--tata {
  height: 35px;
  margin-bottom: 10px;
}

.solution-page.solution-page--sms .ra-hero__logos-track .ra-hero__logo--tata img {
  object-fit: contain;
  object-position: center bottom;
}

.solution-page.solution-page--sms .ra-hero__logos-track .ra-hero__logo--dabur img {
  object-fit: contain;
  object-position: center bottom;
}

.solution-page.solution-page--sms .ra-hero__logos-track .ra-hero__logo--godrej img {
  object-fit: contain;
  object-position: center bottom;
}

.solution-page.solution-page--sms .why-reddit {
  top: 820px;
}

.solution-page.solution-page--sms .why-sms__title {
  position: absolute;
  left: calc(var(--gutter) + 123px);
  top: 46px;
  margin: 0;
  font-size: 50px;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
  text-align: left;
  transform: none;
}

.solution-page.solution-page--sms .why-sms__title .accent {
  color: var(--color-primary);
}

/* Benefit card photos — contain inside frame (4 cards; avoid 3n bleed into neighbors) */
.solution-page.solution-page--sms .why-reddit--scroll-reveal .benefit-card {
  isolation: isolate;
}

.solution-page.solution-page--sms .why-reddit--scroll-reveal .benefit-card__image {
  background: #fff;
  overflow: hidden;
}

.solution-page.solution-page--sms .why-reddit--scroll-reveal .benefit-card__image img {
  position: absolute;
  max-width: none;
  object-fit: cover;
}

.solution-page.solution-page--sms .why-reddit--scroll-reveal .benefit-card:nth-child(1) .benefit-card__image img {
  width: 137.36%;
  height: 112%;
  left: -17.24%;
  top: -5%;
  object-position: center top;
}

.solution-page.solution-page--sms .why-reddit--scroll-reveal .benefit-card:nth-child(2) .benefit-card__image img {
  width: 135%;
  height: 118%;
  left: -12%;
  top: -9%;
  object-position: 55% top;
}

.solution-page.solution-page--sms .why-reddit--scroll-reveal .benefit-card:nth-child(3) .benefit-card__image img {
  width: 100%;
  height: 125%;
  left: 0;
  top: -10%;
  object-position: 82% top;
}

.solution-page.solution-page--sms .why-reddit--scroll-reveal .benefit-card:nth-child(4) .benefit-card__image img,
.solution-page.solution-page--sms .why-reddit--scroll-reveal .benefit-card:nth-child(8) .benefit-card__image img {
  inset: 0;
  width: 100%;
  height: 100%;
  left: auto;
  top: auto;
  object-fit: cover;
  object-position: center center;
}

.solution-page.solution-page--sms .why-reddit--scroll-reveal .benefit-card:nth-child(4) .benefit-card__body h3,
.solution-page.solution-page--sms .why-reddit--scroll-reveal .benefit-card:nth-child(8) .benefit-card__body h3 {
  line-height: 1.15;
}

.solution-page.solution-page--sms .ad-formats__subtitle {
  width: 826px;
}

.solution-page.solution-page--sms .format-card__head h3 {
  font-size: 18px;
  white-space: nowrap;
}

.solution-page.solution-page--sms .format-card__preview {
  top: 174px;
  height: 216px;
  background: transparent;
  border-radius: 30px;
  overflow: hidden;
  isolation: isolate;
}

.solution-page.solution-page--sms .format-card__preview img {
  position: absolute;
  max-width: none;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
  object-position: center center;
  border-radius: 30px;
}

.solution-page.solution-page--sms .format-card--image .format-card__preview img {
  width: 108.98%;
  height: 118.3%;
  left: -3.85%;
  top: -8.8%;
  object-fit: cover;
  object-position: center center;
  border-radius: 30px;
}

.solution-page.solution-page--sms .format-card--video .format-card__preview img {
  width: 120.77%;
  height: 111.11%;
  left: -10.23%;
  top: -6.02%;
  object-fit: cover;
  object-position: center center;
  border-radius: 30px;
}

.solution-page.solution-page--sms .format-card--carousel .format-card__preview img {
  object-position: center 62%;
}

.solution-page.solution-page--sms .format-card--conversation .format-card__preview img {
  object-position: center 65%;
}

.solution-page.solution-page--sms .niche-block__title {
  width: 507px;
}

.solution-page.solution-page--sms .niche-block__visual {
  right: 32px;
  top: auto;
  bottom: 0;
  transform: none;
  width: 468px;
  height: 431px;
  overflow: hidden;
}

.solution-page.solution-page--sms .niche-block__visual img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom center;
  transform: scaleX(1.2);
  transform-origin: bottom center;
}

.solution-page.solution-page--sms .process__title {
  top: 31px;
  left: calc(var(--gutter) + 124px);
  transform: none;
  white-space: normal;
  width: 720px;
  line-height: 1.18;
  text-align: left;
}

.solution-page.solution-page--sms .process-card--copy:nth-child(2) p {
  width: 321px;
}

.solution-page.solution-page--sms .process-card--copy:nth-child(3) p {
  width: 299px;
}

.solution-page.solution-page--sms .process-card--execute p,
.solution-page.solution-page--sms .process-card--measure-copy p {
  width: 321px;
}