:root {
  --dvc-teal: #00b2bb;
  --dvc-teal-mid: #25a9b2;
  --dvc-teal-dark: #00869b;
  --dvc-teal-deep: #006276;
  --dvc-deep: #10323a;
  --dvc-ink: #172126;
  --dvc-pale: #e1f2f0;
  --dvc-cream: #faf9f6;
  --dvc-muted: #4f666b;
}

/* Everything is scoped so the site's existing header/footer/theme remain untouched. */
.dvc-cataract-page,
.dvc-cataract-page * {
  box-sizing: border-box;
}

.dvc-cataract-page {
  width: 100%;
  min-width: 0;
  overflow: hidden;
  margin: 0;
  background: #fff;
  color: #000;
  font-family: "Figtree", Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

.dvc-cataract-page h1,
.dvc-cataract-page h2,
.dvc-cataract-page h3,
.dvc-cataract-page p,
.dvc-cataract-page ul {
  margin: 0;
  padding: 0;
}

.dvc-cataract-page img {
  display: block;
  max-width: 100%;
}

.dvc-cataract-page a {
  color: inherit;
  text-decoration: none;
}

.dvc-cataract-page button,
.dvc-cataract-page a {
  font-family: inherit;
}

.dvc-wide {
  width: 1722px;
  max-width: calc(100% - 198px);
  margin-right: auto;
  margin-left: auto;
}

/* ---------------- Hero / inner banner ---------------- */
.dvc-banner {
  position: relative;
  height: 412.273px;
  overflow: hidden;
  background: var(--dvc-pale);
}

.dvc-banner__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none !important;
  object-fit: cover;
  object-position: center 45%;
}

.dvc-banner__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, .93) 0%, rgba(0, 0, 0, .74) 23%, rgba(0, 0, 0, .28) 55%, rgba(0, 0, 0, 0) 82%);
}

.dvc-banner__content {
  position: absolute;
  top: 133px;
  left: max(32px, calc(50% - 859px));
  width: min(1289.131px, calc(100% - 64px));
  height: 145.761px;
}

.dvc-banner h1 {
  color: #fff;
  font-family: "Inter", Arial, sans-serif;
  font-size: 68.95px;
  font-weight: 600;
  line-height: 82.209px;
  letter-spacing: 0;
  text-transform: capitalize;
}

.dvc-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 10.608px;
  margin-top: 26.519px;
  color: #fff;
  font-size: 21.215px;
  font-weight: 400;
  line-height: 29.171px;
  white-space: nowrap;
}

.dvc-breadcrumbs i {
  position: relative;
  width: 26.519px;
  height: 26.519px;
  flex: 0 0 26.519px;
}

.dvc-breadcrumbs i::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  border-top: 1.5px solid currentColor;
  border-right: 1.5px solid currentColor;
  transform: translate(-68%, -50%) rotate(45deg);
}

/* ---------------- Intro ---------------- */
.dvc-intro {
  position: relative;
  height: 826.749px;
  overflow: hidden;
  border-radius: 0 0 36.296px 36.296px;
  background:
    radial-gradient(circle at 86% 38%, rgba(68, 189, 192, .19) 0 7%, rgba(68, 189, 192, 0) 26%),
    linear-gradient(130deg, #faf9f6 0%, #faf9f6 62%, #eef7f5 62.05%, #e5f3f1 100%);
}

.dvc-intro__inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.dvc-intro__copy {
  position: absolute;
  top: 161.55px;
  left: max(32px, calc(50% - 859px));
  width: 892px;
}

.dvc-eyebrow {
  height: 15.123px;
  margin-bottom: 20px !important;
  color: var(--dvc-teal-dark);
  font-size: 18px;
  font-weight: 700;
  line-height: 17.039px;
  letter-spacing: 2.0971px;
  text-transform: uppercase;
}

.dvc-intro h2 {
  margin-bottom: 25px !important;
  color: #000;
  font-size: 64px;
  font-weight: 600;
  line-height: 63.6px;
  letter-spacing: 0;
}

.dvc-intro__body-copy {
  width: 100%;
  font-size: 24px;
  line-height: 29.171px;
}

.dvc-intro__body-copy p:first-child {
  margin-bottom: 29.171px !important;
}

.dvc-intro__actions {
  display: flex;
  align-items: flex-start;
  gap: 17px;
  margin-top: 30px;
}

.dvc-button {
  display: inline-flex;
  min-height: 54px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--dvc-teal);
  border-radius: 5px;
  padding: 16px 30px;
  font-size: 18px;
  font-weight: 700;
  line-height: 19.2px;
  letter-spacing: 2px;
  text-align: center;
  text-transform: uppercase;
  transition: none;
}

.dvc-button--outline {
  background: transparent;
  color: var(--dvc-teal);
}

.dvc-button--solid {
  background: var(--dvc-teal);
  color: #fff;
}

.dvc-cataract-page .dvc-button:hover,
.dvc-cataract-page .dvc-button:focus {
  border-color: var(--dvc-teal) !important;
  background: linear-gradient(180deg, #00b2bb 0%, #005155 100%) !important;
    color: #fff !important;
}

.dvc-cataract-page .dvc-button--solid:hover,
.dvc-cataract-page .dvc-button--solid:focus {
  background: var(--dvc-teal);
  color: #fff;
}

.dvc-appstore {
  display: inline-block;
  width: 181.481px;
  height: 54.444px;
  flex: 0 0 auto;
  overflow: hidden;
  border-radius: 9.074px;
}

.dvc-appstore{
 transition: all ease 0.5s;
}
.dvc-appstore:hover {
 box-shadow: 0 0 5px rgb(0 0 0 / 80%), 0 0 15px rgb(0 0 0 / 50%), 0 0 40px rgb(0 0 0 / 20%);
 transition: all ease 0.5s;
}

.dvc-appstore img {
  width: 100%;
  height: 100%;
  max-width: none !important;
  object-fit: fill;
}

/* App composites use Figma-proportional positions so the same layout scales responsively. */
.dvc-app-visual {
  position: absolute;
  z-index: 2;
}

.dvc-app-visual--hero {
  top: 70.23px;
  left: calc(50% + 185.16px);
  width: 640px;
  height: 686px;
}

.dvc-orbit {
  position: absolute;
  border: 1.008px solid rgba(0, 134, 155, .16);
  border-radius: 50%;
  pointer-events: none;
}

.dvc-orbit--hero-large {
  top: 5.343%;
  right: -9.775%;
  width: 74.042%;
  aspect-ratio: 1;
}

.dvc-orbit--hero-small {
  bottom: 5.592%;
  left: -8.377%;
  width: 51.987%;
  aspect-ratio: 1;
}

.dvc-app-visual__phone {
  position: absolute;
  max-width: none !important;
  filter: drop-shadow(0 30.247px 15px rgba(24, 58, 64, .18));
}

.dvc-app-visual__phone--dose {
  top: 3.137%;
  left: -.028%;
  width: 43.715%;
}

.dvc-app-visual__phone--schedule {
  top: 18.338%;
  right: 11.62%;
  width: 40.172%;
}

.dvc-qr-card {
  position: absolute;
  z-index: 4;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 18.148px 22.685px rgba(19, 53, 60, .15);
}

.dvc-qr-card--hero {
  right: .067%;
  bottom: 2.089%;
  width: 20.795%;
  height: 21.729%;
  border-radius: 10.082px;
}

.dvc-qr-card img {
  position: absolute;
  top: 8.117%;
  left: 50%;
  width: 77.273%;
  max-width: none !important;
  transform: translateX(-50%);
}

.dvc-qr-card span {
  position: absolute;
  right: 8%;
  bottom: 6.3%;
  left: 8%;
  color: var(--dvc-teal-deep);
  font-size: 9.074px;
  font-weight: 700;
  line-height: 14.972px;
  letter-spacing: .7259px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}

/* ---------------- App details ---------------- */
.dvc-app-details {
  height: 126.029px;
  background: rgba(0, 178, 187, .2);
}

.dvc-app-details__inner {
  display: grid;
  width: 1385.573px;
  max-width: calc(100% - 198px);
  height: 58.477px;
  grid-template-columns: 310.135px 537.719px 537.719px;
  margin: 0 auto;
  transform: translateY(33.78px);
}

.dvc-app-details__inner > div {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-size: 24px;
  font-weight: 600;
  line-height: 27.827px;
  text-align: center;
  white-space: nowrap;
}

.dvc-app-details__inner > div + div {
  border-left: 1.008px solid rgba(0, 0, 0, .5);
}

/* ---------------- Common question ---------------- */
.dvc-common {
  height: 1003.45px;
  background: #fff;
}

.dvc-common__inner {
  position: relative;
  height: 100%;
}

.dvc-common__copy {
  position: absolute;
  top: 210px;
  left: 0;
  width: 896px;
}

.dvc-common h2,
.dvc-surgeon h2,
.dvc-how h2,
.dvc-video-copy h2,
.dvc-download h2,
.dvc-instructions h2,
.dvc-faq h2,
.dvc-cta h2 {
  color: var(--dvc-ink);
  font-size: 64px;
  font-weight: 600;
  line-height: 63.6px;
  letter-spacing: -2.6315px;
}

.dvc-common h2 {
  margin-bottom: 20px !important;
}

.dvc-question-kicker {
  margin-bottom: 30px !important;
  color: var(--dvc-teal);
  font-size: 24px;
  font-weight: 700;
  line-height: 41.589px;
  letter-spacing: -.7562px;
}

.dvc-common__copy > p:not(.dvc-question-kicker) {
  margin-bottom: 26.617px !important;
  font-size: 24px;
  font-weight: 400;
  line-height: 26.617px;
}

.dvc-callout {
  display: flex;
  width: 100%;
  min-height: 58px;
  align-items: center;
  border-left: 3.025px solid var(--dvc-teal-dark);
  padding: 14px 25px;
  background: rgba(0, 134, 155, .1);
  color: var(--dvc-deep);
  font-size: 24px;
  font-weight: 600;
  line-height: 29.944px;
}

.dvc-common__media {
  position: absolute;
  top: 150px;
  right: 0;
  width: 742px;
  height: 703px;
}

.dvc-common__media > img {
  width: 100%;
  height: 100%;
  max-width: none !important;
  border-radius: 26.214px;
  object-fit: cover;
  object-position: center;
}

.dvc-media-pill {
  position: absolute;
  right: -35px;
  bottom: 36px;
  display: flex;
  width: 391px;
  height: 87px;
  align-items: center;
  gap: 15px;
  border-radius: 20.57px;
  padding: 0 34px;
  background: linear-gradient(180deg, var(--dvc-teal) 0%, #005155 100%);
  box-shadow: 0 28.085px 35.106px rgba(16, 50, 58, .2);
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 30.894px;
  white-space: nowrap;
}

.dvc-media-pill__icon {
  display: grid;
  width: 29.645px;
  height: 29.645px;
  flex: 0 0 29.645px;
  place-items: center;
  border: 1.8px solid rgba(255, 255, 255, .85);
  border-radius: 50%;
  font-size: 15px;
  line-height: 1;
}

/* ---------------- Surgeon ---------------- */
.dvc-surgeon {
  height: 938px;
  overflow: hidden;
  background: var(--dvc-pale);
}

.dvc-surgeon__inner {
  display: grid;
  width: 1665px;
  max-width: calc(100% - 255px);
  height: 100%;
  grid-template-columns: 608.971px 966px;
  gap: 90px;
  align-items: center;
  margin-right: auto;
  margin-left: auto;
}

.dvc-surgeon__phone-card {
  display: grid;
  width: 608.971px;
  height: 736.008px;
  place-items: center;
  overflow: hidden;
  border-radius: 26.214px;
  background: rgba(255, 255, 255, .9);
}

.dvc-surgeon__phone-card img {
  width: 345.13px;
  max-width: none !important;
  filter: drop-shadow(0 27.984px 14px rgba(24, 58, 64, .18));
}

.dvc-surgeon__copy {
  width: 966px;
}

.dvc-surgeon h2 {
  margin-bottom: 30px !important;
  line-height: 61.401px;
}

.dvc-surgeon__copy > p:not(.dvc-points-title):not(.dvc-surgeon__strong) {
  font-size: 24px;
  line-height: 26.617px;
}

.dvc-points-title {
  margin-top: 23px !important;
  margin-bottom: 0 !important;
  color: var(--dvc-deep);
  font-size: 24px;
  font-weight: 700;
  line-height: 26.617px;
}

.dvc-surgeon__points {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 74px;
  margin-top: 0;
}

.dvc-surgeon__points span {
  position: relative;
  display: flex;
  min-height: 44.201px;
  align-items: center;
  border-bottom: 1.008px solid rgba(0, 98, 118, .15);
  padding-left: 28.23px;
  color: var(--dvc-deep);
  font-size: 18px;
  font-weight: 600;
  line-height: 19.005px;
}

.dvc-surgeon__points span::before,
.dvc-instructions li::before {
  content: "";
  position: absolute;
  left: 3px;
  width: 9px;
  height: 5px;
  border-bottom: 2px solid var(--dvc-teal-dark);
  border-left: 2px solid var(--dvc-teal-dark);
  transform: rotate(-45deg);
}

.dvc-surgeon__body-end {
  margin-top: 48px !important;
}

.dvc-surgeon__strong {
  margin-top: 30px !important;
  color: var(--dvc-teal-deep);
  font-size: 24px;
  font-weight: 700;
  line-height: 31.608px;
}

.dvc-surgeon__note {
  min-height: 85px;
  margin-top: 30px;
  border-left: 3.025px solid var(--dvc-teal-dark);
  padding: 16px 19.54px;
  background: rgba(255, 255, 255, .48);
  color: var(--dvc-muted);
  font-size: 24px;
  line-height: 28px;
}

/* ---------------- How it works ---------------- */
.dvc-how {
  height: 1053px;
  overflow: hidden;
  background: var(--dvc-cream);
}

.dvc-how__inner {
  width: 1725.117px;
  max-width: calc(100% - 194px);
  margin: 0 auto;
  padding-top: 122.5px;
}

.dvc-how__heading {
  display: grid;
  grid-template-columns: 727.668px 582.45px;
  gap: 415px;
  align-items: center;
}

.dvc-how h2 {
  line-height: 61.401px;
}

.dvc-how__heading > p {
  font-size: 24px;
  line-height: 26.617px;
}

.dvc-how__cards {
  display: grid;
  grid-template-columns: 559px 561px 560px;
  gap: 20px;
  margin-top: 50px;
}

.dvc-step-card {
  position: relative;
  height: 635px;
  overflow: hidden;
  border-radius: 26.214px;
  padding: 43.8px 34.28px 0;
}

.dvc-step-card--one {
  background: var(--dvc-teal-mid);
  color: #fff;
}

.dvc-step-card--two {
  background: var(--dvc-pale);
  color: var(--dvc-deep);
}

.dvc-step-card--three {
  background: var(--dvc-deep);
  color: #fff;
}

.dvc-step-card__num {
  display: block;
  font-size: 18px;
  font-weight: 700;
  line-height: 18.299px;
  letter-spacing: 1.6636px;
}

.dvc-step-card h3 {
  margin-top: 31.85px !important;
  font-size: 28px;
  font-weight: 600;
  line-height: 31.9px;
  letter-spacing: -1.2704px;
}

.dvc-step-card > p {
  margin-top: 20px !important;
  font-size: 22px;
  font-weight: 400;
  line-height: 24.5px;
}

.dvc-step-card--three > p {
  color: rgba(255, 255, 255, .78);
}

.dvc-step-card > img {
  position: absolute;
  z-index: 1;
  top: 282.3px;
  left: 50%;
  max-width: none !important;
  transform: translateX(-50%);
  filter: drop-shadow(0 18.148px 10px rgba(20, 45, 51, .16));
}

.dvc-step-card--one > img {
  width: 297.573px;
}

.dvc-step-card--two > img {
  width: 257.2px;
}

.dvc-step-card--three > img {
  width: 256.19px;
}

.dvc-step-card__caption {
  position: absolute;
  z-index: 3;
  right: 20.54px;
  bottom: 17.97px;
  left: 20.16px;
  display: flex;
  height: 45.925px;
  align-items: center;
  border: 1.008px solid rgba(0, 134, 155, .14);
  border-radius: 12.099px;
  padding: 0 22px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 10.082px 24.198px rgba(8, 42, 49, .16);
  color: #075f70;
  font-size: 16px;
  font-weight: 700;
  line-height: 17.694px;
  letter-spacing: .1966px;
  white-space: nowrap;
  backdrop-filter: blur(4px);
}

/* ---------------- Video ---------------- */
.dvc-video-section {
  height: 500px;
  background: var(--dvc-cream);
}

.dvc-video-section__inner {
  display: grid;
  height: 100%;
  grid-template-columns: 910.453px 651.317px;
  gap: 80.23px;
  align-items: center;
}

.dvc-video-card {
  position: relative;
  display: block;
  width: 910.453px;
  height: 512.119px;
  overflow: hidden;
  border-radius: 27.737px;
  background: #000;
}

.dvc-video-card iframe{
    width:100%;
    height:100%;
}
.dvc-video-card > img {
  width: 100%;
  height: 100%;
  max-width: none !important;
  object-fit: cover;
}

/*.dvc-video-card::after {*/
/*  content: "";*/
/*  position: absolute;*/
/*  top: 50%;*/
/*  left: 50%;*/
/*  width: 87.478px;*/
/*  height: 87.478px;*/
/*  border-radius: 50%;*/
/*  background: #fff;*/
/*  transform: translate(-50%, -50%);*/
/*  box-shadow: 0 8px 24px rgba(0, 0, 0, .12);*/
/*}*/

/*.dvc-video-card::before {*/
/*  content: "";*/
/*  position: absolute;*/
/*  z-index: 2;*/
/*  top: 50%;*/
/*  left: calc(50% + 4px);*/
/*  width: 0;*/
/*  height: 0;*/
/*  border-top: 9.601px solid transparent;*/
/*  border-bottom: 9.601px solid transparent;*/
/*  border-left: 14.935px solid var(--dvc-teal-dark);*/
/*  transform: translate(-50%, -50%);*/
/*}*/

.dvc-video-copy h2 {
  margin-bottom: 30px !important;
}

.dvc-video-copy p {
  width: 622.753px;
  margin-bottom: 30px !important;
  font-size: 24px;
  line-height: 26.617px;
}

/* ---------------- Download ---------------- */
.dvc-download {
  position: relative;
  height: 736.028px;
  overflow: hidden;
  background: #fff;
}

.dvc-download__stage {
  position: relative;
  height: 100%;
}

.dvc-download__card {
  position: absolute;
  top: 124.18px;
  left: 0;
  width: 100%;
  height: 514px;
  overflow: hidden;
  border-radius: 26.214px;
  background: linear-gradient(116.47deg, rgba(0, 134, 155, .97) 0%, rgba(0, 98, 118, .98) 100%);
}

.dvc-download__copy {
  position: absolute;
  top: 71.59px;
  left: 85.7px;
  width: 824.577px;
}

.dvc-download h2 {
  width: 727.654px;
  margin-bottom: 24px !important;
  color: #fff;
  line-height: 61.401px;
}

.dvc-download__copy p {
  width: 824.577px;
  margin-bottom: 30px !important;
  color: rgba(255, 255, 255, .78);
  font-size: 24px;
  line-height: 28.281px;
}

.dvc-app-visual--download {
  top: 63.84px;
  left: 1037.16px;
  width: 574.182px;
  height: 634.688px;
}

.dvc-orbit--download-large {
  top: 3.589%;
  right: -21.908%;
  width: 86.432%;
  aspect-ratio: 1;
}

.dvc-orbit--download-small {
  bottom: -4.404%;
  left: -16.017%;
  width: 60.686%;
  aspect-ratio: 1;
}

.dvc-app-visual__phone--download-dose {
  top: 5.665%;
  left: 1.092%;
  width: 51.029%;
}

.dvc-app-visual__phone--download-schedule {
  top: .014%;
  right: 13.859%;
  width: 50.34%;
}

.dvc-qr-card--download {
  right: .026%;
  bottom: 5.921%;
  width: 24.274%;
  height: 24.596%;
  border-radius: 10.559px;
}

.dvc-qr-card--download img {
  top: 8.11%;
  width: 77.272%;
}

.dvc-qr-card--download span {
  font-size: 9.503px;
  line-height: 15.68px;
  letter-spacing: .7602px;
}

.dvc-white-gap {
  height: 113.472px;
  background: #fff;
}

/* ---------------- Instructions ---------------- */
.dvc-instructions {
  height: 701.526px;
  overflow: hidden;
  background: var(--dvc-deep);
}

.dvc-instructions__stage {
  position: relative;
  width: 1717px;
  max-width: calc(100% - 204px);
  height: 636px;
  margin: 32.763px auto 0;
}

.dvc-instructions__copy {
  position: absolute;
  top: 150px;
  left: 0;
  width: 631.081px;
  color: #fff;
  z-index:99;
}

.dvc-instructions h2 {
  width: 458.73px;
  color: #fff;
  line-height: 61.401px;
}

.dvc-instructions__copy p {
  width: 442.086px;
  margin-top: 23px !important;
  font-size: 24px;
  line-height: 28px;
}

.dvc-instructions__person-wrap {
  position: absolute;
  top: -.08px;
  left: 410.5px;
  width: 551px;
  height: 669px;
  overflow: hidden;
  z-index:9;
}

.dvc-instructions__person-wrap img {
  width: 551px;
  height: 100%;
  object-fit:contain;
  overflow:visible;
  max-width: none !important;
}

.dvc-instructions__card {
  position: absolute;
  top: 50%;
  right: 0;
  width: 840.108px;
  overflow: hidden;
  border-radius: 26.214px;
  padding: 37px 42px;
  background: #fff;
  transform: translateY(-50%);
}

.dvc-instructions__card h3 {
  margin-bottom: 11px !important;
  color: var(--dvc-deep);
  font-size: 24px;
  font-weight: 700;
  line-height: 26.617px;
}

.dvc-instructions__card ul {
  list-style: none;
}

.dvc-instructions__card li {
  position: relative;
  display: flex;
  min-height: 44.201px;
  align-items: center;
  border-bottom: 1.008px solid rgba(0, 98, 118, .15);
  padding-left: 28.23px;
  color: var(--dvc-deep);
  font-size: 18px;
  font-weight: 600;
  line-height: 19.005px;
}

.dvc-instructions__alert {
  display: flex;
  min-height: 59.576px;
  align-items: center;
  margin-top: 20px;
  border-left: 3.025px solid var(--dvc-teal-dark);
  padding: 11px 20.16px;
  background: var(--dvc-pale);
  color: var(--dvc-deep);
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

.dvc-instructions__fine {
  margin-top: 20px !important;
  color: #5e6a6e;
  font-size: 18px;
  line-height: 23.29px;
}

/* ---------------- FAQ ---------------- */
.dvc-faq {
  height: 1116.164px;
  overflow: hidden;
  background: #fff;
  padding-top: 150.164px;
}

.dvc-faq__inner {
  width: 1252px;
  max-width: calc(100% - 160px);
  margin: 0 auto;
}

.dvc-faq h2 {
  width: 918.222px;
  max-width: 100%;
  margin: 0 auto 50px !important;
  color: #0c0c0c;
  font-size: 64px;
  line-height: 63px;
  letter-spacing: -1px;
  text-align: center;
  text-transform: capitalize;
}

.dvc-faq h2 span {
  color: var(--dvc-teal);
}

.dvc-faq__list {
  width: 100%;
}

.dvc-faq__item {
  width: 100%;
  margin-bottom: 20px;
}

.dvc-faq__item.is-open {
  margin-bottom: 50px;
}

.dvc-faq__question {
  display: flex;
  width: 100%;
  min-height: 81.431px;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  border: 0 !important;
  border-radius: 22px;
  outline: 0;
  padding: 21.215px 26.519px;
  background: rgba(0, 178, 187, .1) !important;
  color: #000 !important;
  box-shadow: none !important;
  cursor: pointer;
  font-size: 24px;
  font-weight: 400;
  line-height: 38.453px;
  text-align: left;
  appearance: none;
}

.dvc-faq__item.is-open .dvc-faq__question {
  min-height: 72.43px;
  border-radius: 20px;
  background: var(--dvc-teal) !important;
  color: #fdfdfd !important;
  font-size: 18.148px;
  font-weight: 600;
  line-height: 29.944px;
}

.dvc-cataract-page .dvc-faq__question:hover,
.dvc-cataract-page .dvc-faq__question:focus {
  border: 0;
  background: rgba(0, 178, 187, .1);
  color: #000;
}

.dvc-cataract-page .dvc-faq__item.is-open .dvc-faq__question:hover,
.dvc-cataract-page .dvc-faq__item.is-open .dvc-faq__question:focus {
  background: var(--dvc-teal);
  color: #fff;
}

.dvc-faq__chevron {
  position: relative;
  display: block;
  width: 37.127px;
  height: 37.127px;
  flex: 0 0 37.127px;
  font-size: 0;
}

.dvc-faq__chevron::before {
  content: "";
  position: absolute;
  top: 45%;
  left: 50%;
  width: 9px;
  height: 9px;
  border-right: 2px solid var(--dvc-teal);
  border-bottom: 2px solid var(--dvc-teal);
  transform: translate(-50%, -50%) rotate(45deg);
}

.dvc-faq__item.is-open .dvc-faq__chevron::before {
  top: 56%;
  border-color: #fff;
  transform: translate(-50%, -50%) rotate(225deg);
}

.dvc-faq__answer {
  padding-top: 26.519px;
}

.dvc-faq__answer p {
  font-size: 24px;
  line-height: 29.171px;
}

/* ---------------- CTA ---------------- */
.dvc-cta {
  height: 498px;
  overflow: hidden;
  background: var(--dvc-teal-mid);
  color: #fff;
}

.dvc-cta__inner {
  display: grid;
  width: 1732.125px;
  max-width: calc(100% - 188px);
  grid-template-columns: 643.853px 889.625px;
  gap: 198.647px;
  align-items: start;
  margin: 0 auto;
  padding-top: 100.45px;
}

.dvc-cta h2 {
  color: #fff;
  line-height: 61.401px;
}

.dvc-cta__copy {
  width: 889.625px;
  font-size: 24px;
  line-height: 26.617px;
}

.dvc-cta__copy > p + p {
  margin-top: 26.617px !important;
}

.dvc-cta__actions {
  display: flex;
  align-items: center;
  gap: 17px;
  margin-top: 30px;
}

.dvc-cta__contact {
  display: inline-flex;
  height: 54px;
  align-items: center;
  justify-content: center;
  border: 1.008px solid rgba(255, 255, 255, .55);
  border-radius: 8px;
  padding: 18px 25px;
  background: #fff;
  color: var(--dvc-teal) !important;
  font-size: 18px;
  font-weight: 700;
  line-height: 17.392px;
  text-transform: uppercase;
  white-space: nowrap;
}

.dvc-cataract-page .dvc-cta__contact:hover,
.dvc-cataract-page .dvc-cta__contact:focus {
      background: linear-gradient(180deg, #00b2bb 0%, #005155 100%) !important;
    color: #fff !important;
}

/* ---------------- Disclaimer + Social ---------------- */
.dvc-disclaimer {
  display: flex;
  height: 99.694px;
  align-items: center;
  justify-content: center;
  background: var(--dvc-pale);
}

.dvc-disclaimer p {
  width: 1028.866px;
  max-width: calc(100% - 80px);
  color: #496167;
  font-size: 18px;
  line-height: 21.627px;
  text-align: center;
}

.dvc-before-social-gap {
  height: 150.006px;
  background: #fff;
}

.dvc-social {
  height: 603.6px;
  overflow: hidden;
  background: #fff;
}

.dvc-social__inner {
  width: 1560px;
  max-width: calc(100% - 160px);
  margin: 0 auto;
}

.dvc-social h2 {
  margin-bottom: 56px !important;
  color: #000;
  font-size: 48px;
  font-weight: 600;
  line-height: 57.6px;
  letter-spacing: .8px;
  text-align: center;
}

.dvc-social h2 a {
  color: var(--dvc-teal) !important;
}

.dvc-social__strip {
  width: 1560px;
  max-width: 100%;
  height: 390px;
  overflow: hidden;
}

.dvc-social__strip img {
  width: 100%;
  height: 100%;
  max-width: none !important;
  object-fit: fill;
}

/* ========================= Responsive ========================= */
@media (max-width: 1710px) and (min-width: 1101px) {
  .dvc-wide {
    width: calc(100% - 90px);
    max-width: none;
  }

  .dvc-banner__content,
  .dvc-intro__copy {
    left: 45px;
  }

  .dvc-intro__copy {
    width: 49%;
  }

  .dvc-intro__copy h2 {
    font-size: clamp(46px, 3.3vw, 60px);
    line-height: 1;
  }

  .dvc-intro__body-copy {
    font-size: 20px;
    line-height: 1.25;
  }

  .dvc-app-visual--hero {
    right: 38px;
    left: auto;
    width: min(42vw, 640px);
    height: auto;
    aspect-ratio: 640 / 686;
  }

  .dvc-app-details__inner {
    width: calc(100% - 140px);
    max-width: none;
    grid-template-columns: .58fr 1fr 1fr;
  }

  .dvc-common__copy {
    width: 50%;
  }

  .dvc-common__media {
    width: 42%;
  }

  .dvc-common h2,
  .dvc-surgeon h2,
  .dvc-how h2,
  .dvc-video-copy h2,
  .dvc-download h2,
  .dvc-instructions h2,
  .dvc-faq h2,
  .dvc-cta h2 {
    font-size: clamp(46px, 3.35vw, 60px);
    line-height: 1.02;
  }

  .dvc-surgeon__inner {
    width: calc(100% - 120px);
    max-width: none;
    grid-template-columns: 38% 1fr;
    gap: 55px;
  }

  .dvc-surgeon__phone-card,
  .dvc-surgeon__copy {
    width: 100%;
  }

  .dvc-surgeon__phone-card {
    height: 76%;
  }

  .dvc-surgeon__phone-card img {
    width: 56%;
  }

  .dvc-surgeon__copy > p:not(.dvc-points-title):not(.dvc-surgeon__strong),
  .dvc-surgeon__strong,
  .dvc-surgeon__note {
    font-size: 20px;
  }

  .dvc-surgeon__points {
    column-gap: 35px;
  }

  .dvc-surgeon__points span {
    font-size: 15px;
  }

  .dvc-how__inner {
    width: calc(100% - 90px);
    max-width: none;
  }

  .dvc-how__heading {
    grid-template-columns: 45% 36%;
    gap: 0;
    justify-content: space-between;
  }

  .dvc-how__cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .dvc-step-card {
    width: auto;
  }

  .dvc-step-card h3 {
    font-size: 24px;
  }

  .dvc-step-card > p {
    font-size: 18px;
    line-height: 1.25;
  }

  .dvc-step-card__caption {
    overflow: hidden;
    font-size: 13px;
    text-overflow: ellipsis;
  }

  .dvc-video-section__inner {
    grid-template-columns: 56% 1fr;
    gap: 5%;
  }

  .dvc-video-card {
    width: 100%;
    height: auto;
    aspect-ratio: 910.453 / 512.119;
  }

  .dvc-video-copy p {
    width: 100%;
  }

  .dvc-download__copy {
    width: 48%;
  }

  .dvc-download__copy h2,
  .dvc-download__copy p {
    width: 100%;
  }

  .dvc-app-visual--download {
    right: 20px;
    left: auto;
    width: min(37vw, 574.182px);
    height: auto;
    aspect-ratio: 574.182 / 634.688;
  }

  .dvc-instructions__stage {
    width: calc(100% - 100px);
    max-width: none;
  }

  .dvc-instructions__copy {
    width: 34%;
  }

  .dvc-instructions h2,
  .dvc-instructions__copy p {
    width: 100%;
  }

  .dvc-instructions__person-wrap {
    left: 24%;
    width: 44%;
  }

  .dvc-instructions__person-wrap img {
    width: 100%;
  }

  .dvc-instructions__card {
    width: 40%;
  }

  .dvc-instructions__card li,
  .dvc-instructions__alert,
  .dvc-instructions__fine {
    font-size: 15px;
  }

  .dvc-faq__inner {
    width: calc(100% - 180px);
    max-width: none;
  }

  .dvc-cta__inner {
    width: calc(100% - 100px);
    max-width: none;
    grid-template-columns: 38% 1fr;
    gap: 8%;
  }

  .dvc-cta__copy {
    width: 100%;
    font-size: 20px;
    line-height: 1.2;
  }
}

@media (max-width: 1100px) {
  .dvc-wide,
  .dvc-how__inner,
  .dvc-faq__inner,
  .dvc-social__inner {
    width: auto;
    max-width: none;
    margin-right: 28px;
    margin-left: 28px;
  }

  .dvc-banner {
    height: 310px;
  }

  .dvc-banner__content {
    top: 92px;
    left: 28px;
    width: calc(100% - 56px);
    height: auto;
  }

  .dvc-banner h1 {
    font-size: clamp(42px, 8vw, 60px);
    line-height: 1.08;
  }

  .dvc-breadcrumbs {
    flex-wrap: wrap;
    margin-top: 18px;
    font-size: 16px;
    line-height: 22px;
  }

  .dvc-intro {
    height: auto;
    min-height: 0;
    border-radius: 0 0 24px 24px;
    padding: 68px 28px 58px;
  }

  .dvc-intro__inner {
    height: auto;
  }

  .dvc-intro__copy {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
  }

  .dvc-intro h2,
  .dvc-common h2,
  .dvc-surgeon h2,
  .dvc-how h2,
  .dvc-video-copy h2,
  .dvc-download h2,
  .dvc-instructions h2,
  .dvc-faq h2,
  .dvc-cta h2 {
    font-size: clamp(38px, 7vw, 54px);
    line-height: 1.02;
    letter-spacing: -1.6px;
  }

  .dvc-intro__body-copy,
  .dvc-common__copy > p:not(.dvc-question-kicker),
  .dvc-question-kicker,
  .dvc-callout,
  .dvc-surgeon__copy > p:not(.dvc-points-title):not(.dvc-surgeon__strong),
  .dvc-surgeon__strong,
  .dvc-surgeon__note,
  .dvc-how__heading > p,
  .dvc-video-copy p,
  .dvc-download__copy p,
  .dvc-instructions__copy p,
  .dvc-faq__answer p,
  .dvc-cta__copy {
    font-size: 20px;
    line-height: 1.35;
  }

  .dvc-intro__actions {
    flex-wrap: wrap;
  }

  .dvc-app-visual--hero {
    position: relative;
    top: auto;
    left: auto;
    width: min(640px, 92vw);
    height: auto;
    aspect-ratio: 640 / 686;
    margin: 48px auto 0;
  }

  .dvc-app-details {
    height: auto;
    padding: 22px 28px;
  }

  .dvc-app-details__inner {
    width: 100%;
    max-width: none;
    height: auto;
    grid-template-columns: 1fr;
    transform: none;
  }

  .dvc-app-details__inner > div {
    min-height: 48px;
    font-size: 18px;
    line-height: 1.2;
    white-space: normal;
  }

  .dvc-app-details__inner > div + div {
    border-top: 1px solid rgba(0, 0, 0, .2);
    border-left: 0;
  }

  .dvc-common {
    height: auto;
    padding: 76px 0;
  }

  .dvc-common__inner {
    height: auto;
  }

  .dvc-common__copy,
  .dvc-common__media {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    width: 100%;
  }

  .dvc-common__media {
    height: auto;
    aspect-ratio: 742 / 703;
    margin-top: 48px;
  }

  .dvc-media-pill {
    right: 18px;
    bottom: 18px;
    width: auto;
    max-width: calc(100% - 36px);
    height: 66px;
    padding: 0 22px;
    font-size: 18px;
  }

  .dvc-surgeon {
    height: auto;
    padding: 76px 28px;
  }

  .dvc-surgeon__inner {
    display: flex;
    width: auto;
    max-width: none;
    height: auto;
    flex-direction: column;
    gap: 55px;
  }

  .dvc-surgeon__phone-card {
    width: min(608.971px, 100%);
    height: auto;
    aspect-ratio: 608.971 / 736.008;
  }

  .dvc-surgeon__phone-card img {
    width: 56.674%;
  }

  .dvc-surgeon__copy {
    width: 100%;
  }

  .dvc-surgeon__points {
    grid-template-columns: 1fr;
  }

  .dvc-surgeon__points span {
    min-height: 52px;
  }

  .dvc-surgeon__body-end {
    margin-top: 35px !important;
  }

  .dvc-how {
    height: auto;
    padding: 76px 0;
  }

  .dvc-how__inner {
    padding-top: 0;
  }

  .dvc-how__heading {
    display: block;
  }

  .dvc-how__heading > p {
    margin-top: 24px !important;
  }

  .dvc-how__cards {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    margin-top: 42px;
  }

  .dvc-step-card {
    width: min(560px, 100%);
    margin: 0 auto;
  }

  .dvc-video-section {
    height: auto;
    padding: 76px 0;
  }

  .dvc-video-section__inner {
    display: flex;
    height: auto;
    flex-direction: column;
    gap: 42px;
    align-items: stretch;
  }

  .dvc-video-card {
    width: 100%;
    height: auto;
    aspect-ratio: 910.453 / 512.119;
  }

  .dvc-video-copy p {
    width: 100%;
  }

  .dvc-download {
    height: auto;
    padding: 70px 0 44px;
  }

  .dvc-download__stage {
    height: auto;
  }

  .dvc-download__card {
    position: relative;
    top: auto;
    left: auto;
    height: auto;
    min-height: 650px;
  }

  .dvc-download__copy {
    position: relative;
    z-index: 5;
    top: auto;
    left: auto;
    width: 58%;
    padding: 52px 0 52px 48px;
  }

  .dvc-download__copy h2,
  .dvc-download__copy p {
    width: 100%;
  }

  .dvc-app-visual--download {
    top: auto;
    right: -20px;
    bottom: -22px;
    left: auto;
    width: min(48vw, 574.182px);
    height: auto;
    aspect-ratio: 574.182 / 634.688;
  }

  .dvc-white-gap {
    display: none;
  }

  .dvc-instructions {
    height: auto;
    padding: 72px 28px;
  }

  .dvc-instructions__stage {
    display: flex;
    width: auto;
    max-width: none;
    height: auto;
    flex-direction: column;
    margin: 0;
  }

  .dvc-instructions__copy,
  .dvc-instructions__person-wrap,
  .dvc-instructions__card {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    width: 100%;
    transform: none;
  }

  .dvc-instructions h2,
  .dvc-instructions__copy p {
    width: 100%;
  }

  .dvc-instructions__person-wrap {
    order: 2;
    width: min(500px, 78%);
    height: 520px;
    align-self: center;
    margin-top: 30px;
  }

  .dvc-instructions__person-wrap img {
    width: 100%;
  }

  .dvc-instructions__card {
    order: 3;
    margin-top: -20px;
  }

  .dvc-faq {
    height: auto;
    padding: 78px 0;
  }

  .dvc-faq__question {
    min-height: 68px;
    padding: 15px 20px;
    font-size: 18px;
    line-height: 1.3;
  }

  .dvc-faq__item.is-open .dvc-faq__question {
    font-size: 18px;
  }

  .dvc-faq__chevron {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
  }

  .dvc-cta {
    height: auto;
    padding: 70px 28px;
  }

  .dvc-cta__inner {
    display: block;
    width: auto;
    max-width: none;
    padding-top: 0;
  }

  .dvc-cta__copy {
    width: 100%;
    margin-top: 30px;
  }

  .dvc-disclaimer {
    height: auto;
    min-height: 100px;
    padding: 28px;
  }

  .dvc-before-social-gap {
    height: 80px;
  }

  .dvc-social {
    height: auto;
    padding-bottom: 80px;
  }

  .dvc-social h2 {
    margin-bottom: 36px !important;
    font-size: clamp(28px, 5vw, 42px);
    line-height: 1.2;
  }

  .dvc-social__strip {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 1;
  }
}

@media (max-width: 640px) {
  .dvc-wide,
  .dvc-how__inner,
  .dvc-faq__inner,
  .dvc-social__inner {
    margin-right: 20px;
    margin-left: 20px;
  }

  .dvc-banner {
    height: 255px;
  }

  .dvc-banner__content {
    top: 72px;
    left: 20px;
    width: calc(100% - 40px);
  }

  .dvc-banner h1 {
    font-size: 39px;
  }

  .dvc-breadcrumbs {
    gap: 4px;
    font-size: 13px;
  }

  .dvc-breadcrumbs i {
    width: 20px;
    height: 20px;
    flex-basis: 20px;
  }

  .dvc-intro {
    padding: 54px 20px 46px;
  }

  .dvc-eyebrow {
    font-size: 14px;
    letter-spacing: 1.5px;
  }

  .dvc-intro h2,
  .dvc-common h2,
  .dvc-surgeon h2,
  .dvc-how h2,
  .dvc-video-copy h2,
  .dvc-download h2,
  .dvc-instructions h2,
  .dvc-faq h2,
  .dvc-cta h2 {
    font-size: 36px;
    line-height: 1.02;
  }

  .dvc-intro h2 br {
    display: none;
  }

  .dvc-intro__body-copy,
  .dvc-common__copy > p:not(.dvc-question-kicker),
  .dvc-question-kicker,
  .dvc-callout,
  .dvc-surgeon__copy > p:not(.dvc-points-title):not(.dvc-surgeon__strong),
  .dvc-surgeon__strong,
  .dvc-surgeon__note,
  .dvc-how__heading > p,
  .dvc-video-copy p,
  .dvc-download__copy p,
  .dvc-instructions__copy p,
  .dvc-faq__answer p,
  .dvc-cta__copy {
    font-size: 17px;
  }

  .dvc-intro__actions,
  .dvc-cta__actions {
    align-items: flex-start;
    flex-direction: column;
  }

  .dvc-button,
  .dvc-cta__contact {
    width: 100%;
    font-size: 14px;
  }

  .dvc-app-visual--hero {
    width: 108%;
    margin-left: -4%;
  }

  .dvc-common,
  .dvc-surgeon,
  .dvc-how,
  .dvc-video-section {
    padding-top: 58px;
    padding-bottom: 58px;
  }

  .dvc-common__media {
    margin-top: 36px;
  }

  .dvc-media-pill {
    height: 54px;
    gap: 9px;
    padding: 0 14px;
    font-size: 14px;
  }

  .dvc-media-pill__icon {
    width: 24px;
    height: 24px;
    flex-basis: 24px;
  }

  .dvc-surgeon__note {
    padding: 14px;
  }

  .dvc-step-card {
    height: 590px;
    padding: 36px 24px 0;
  }

  .dvc-step-card h3 {
    margin-top: 22px !important;
    font-size: 24px;
    line-height: 1.1;
  }

  .dvc-step-card > p {
    margin-top: 14px !important;
    font-size: 17px;
  }

  .dvc-step-card > img {
    top: 250px;
  }

  .dvc-step-card--one > img {
    width: 270px;
  }

  .dvc-step-card__caption {
    right: 12px;
    left: 12px;
    padding: 0 12px;
    overflow: hidden;
    font-size: 12px;
    text-overflow: ellipsis;
  }

  .dvc-video-card::after {
    width: 64px;
    height: 64px;
  }

  .dvc-download {
    padding: 48px 0 30px;
  }

  .dvc-download__card {
    min-height: 940px;
  }

  .dvc-download__copy {
    width: 100%;
    padding: 36px 24px 0;
  }

  .dvc-app-visual--download {
    right: 50%;
    bottom: -18px;
    width: min(122vw, 530px);
    transform: translateX(50%);
  }

  .dvc-instructions {
    padding: 58px 20px;
  }

  .dvc-instructions__person-wrap {
    width: 94%;
    height: 430px;
  }

  .dvc-instructions__card {
    padding: 28px 22px;
  }

  .dvc-instructions__card li,
  .dvc-instructions__alert,
  .dvc-instructions__fine {
    font-size: 14px;
    line-height: 1.35;
  }

  .dvc-instructions__card li {
    min-height: 58px;
  }

  .dvc-faq {
    padding: 58px 0;
  }

  .dvc-faq h2 {
    margin-bottom: 36px !important;
  }

  .dvc-faq__question,
  .dvc-faq__item.is-open .dvc-faq__question {
    gap: 10px;
    min-height: 62px;
    border-radius: 14px;
    padding: 13px 15px;
    font-size: 15px;
    line-height: 1.25;
  }

  .dvc-faq__chevron {
    width: 24px;
    height: 24px;
    flex-basis: 24px;
  }

  .dvc-faq__answer {
    padding-top: 18px;
  }

  .dvc-faq__item.is-open {
    margin-bottom: 34px;
  }

  .dvc-cta {
    padding: 58px 20px;
  }

  .dvc-cta__contact {
    white-space: normal;
  }

  .dvc-disclaimer p {
    max-width: 100%;
    font-size: 14px;
    line-height: 1.4;
  }

  .dvc-before-social-gap {
    height: 58px;
  }

  .dvc-social {
    padding-bottom: 58px;
  }

  .dvc-social h2 {
    font-size: 27px;
  }

  .dvc-social__strip {
    overflow-x: auto;
    aspect-ratio: auto;
  }

  .dvc-social__strip img {
    width: 920px;
    height: 230px;
  }
}

/* Desktop offsets taken directly from the Figma frame rather than mathematically centering them. */
@media (min-width: 1711px) {
  .dvc-surgeon__inner {
    margin-right: 0;
    margin-left: calc(50% - 806.25px);
  }

  .dvc-faq__inner {
    margin-right: 0;
    margin-left: calc(50% - 607px);
  }
}

.dvc-cataract-page .dvc-button--outline:hover,
.dvc-cataract-page .dvc-button--outline:focus {
  background: transparent;
  color: var(--dvc-teal);
}

/* Standalone preview only; this class is not needed inside WordPress. */
body.dvc-standalone-preview {
  margin: 0;
}

@media screen and (max-width: 600px) {
    .dvc-qr-card span{
        font-size:5px;
    }
    .dvc-qr-card--download{
        right:10%;
    }
    .dvc-app-visual__phone--download-dose{
        left:10%;
    }
}