@media (min-width: 560px) {
  :root {
    --container-padding: 28px;
  }

  h1 {
    font-size: 3.45rem;
  }

  h2 {
    font-size: 2.35rem;
  }

  .services-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .phone-stage {
    height: 570px;
  }

  .iphone {
    width: 294px;
  }

  .iphone--home {
    left: 30px;
  }

  .iphone--request {
    right: 22px;
  }
}

/* Critical pixel-perfect stability pass */
.hero {
  min-height: 718px;
  padding: 94px 0 126px;
}

.hero__skyline {
  background-position: center bottom;
  opacity: 0.98;
}

.hero__glow {
  background:
    radial-gradient(circle at 67% 52%, rgba(255, 255, 255, 0.72), transparent 28%),
    radial-gradient(circle at 78% 50%, rgba(174, 218, 255, 0.32), transparent 34%);
  filter: blur(18px);
  opacity: 0.82;
}

.hero::before {
  background:
    linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0.98) 27%, rgba(255, 255, 255, 0.62) 45%, rgba(255, 255, 255, 0.12) 68%, rgba(255, 255, 255, 0) 100%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0.22) 46%, rgba(255, 255, 255, 0.86) 100%);
  opacity: 0.82;
}

.hero__inner {
  gap: 18px;
  grid-template-columns: 0.84fr 1.16fr;
}

.hero__content {
  max-width: 590px;
  padding-top: 8px;
}

.hero__eyebrow {
  margin-bottom: 18px;
}

.hero h1 {
  font-size: clamp(3.45rem, 4.38vw, 4.48rem);
  letter-spacing: -0.047em;
  line-height: 0.99;
  max-width: 630px;
}

.hero-title__line--main {
  color: #0c1528;
}

.hero-title__line--accent {
  color: var(--color-blue-700);
}

.hero__lead {
  color: #273550;
  font-size: 1.12rem;
  font-weight: 540;
  line-height: 1.54;
  margin-top: 24px;
  max-width: 434px;
}

.hero__actions {
  gap: 14px;
  margin-top: 24px;
}

.hero .button--hero-primary,
.hero .button--hero-secondary {
  border-radius: 10px;
  font-size: 0.82rem;
  min-height: 44px;
  padding: 0 21px;
}

.hero .button--hero-primary {
  box-shadow: 0 13px 28px rgba(37, 99, 255, 0.2), 0 1px 0 rgba(255, 255, 255, 0.2) inset;
}

.hero .button--hero-secondary {
  background: rgba(255, 255, 255, 0.72);
  border-color: rgba(37, 99, 255, 0.5);
  box-shadow: 0 10px 22px rgba(37, 99, 255, 0.055);
}

.hero__badges {
  gap: 18px;
  margin-top: 39px;
  max-width: 568px;
}

.hero__badges li {
  color: #1f2f4a;
  font-size: 0.69rem;
  font-weight: 650;
  gap: 5px;
  letter-spacing: -0.01em;
}

.hero__badges .mdi {
  color: var(--color-blue-700);
  font-size: 0.95rem;
}

.hero__badges .mdi::before,
.button .mdi::before,
.trust-item__icon .mdi::before,
.service-card__icon::before,
.process-step__icon .mdi::before,
.help-contact__icon::before,
.help-social .mdi::before,
.site-footer .mdi::before {
  opacity: 0.82;
  transform: scale(0.76);
  transform-origin: center;
}

.trust-item__icon .mdi::before {
  opacity: 0.9;
  transform: scale(0.94);
}

.service-card__icon::before {
  opacity: 0.88;
  transform: scale(0.92);
}

.process-step__icon .mdi::before,
.help-contact__icon::before,
.site-footer .mdi::before {
  opacity: 0.86;
  transform: scale(0.84);
}

.hero__visual {
  min-height: 572px;
}

.phone-stage {
  contain: layout paint;
  height: 602px;
  max-width: 728px;
  perspective: 1600px;
  transform: translate3d(78px, 26px, 0);
  transform-style: preserve-3d;
  will-change: auto;
}

.phone-stage::before {
  background:
    radial-gradient(ellipse at center, rgba(6, 16, 38, 0.18) 0%, rgba(15, 23, 42, 0.1) 32%, rgba(37, 99, 255, 0.045) 57%, transparent 77%);
  bottom: 0;
  filter: blur(42px);
  height: 78px;
  left: 12%;
  opacity: 0.64;
  width: 76%;
}

.phone-stage::after {
  background:
    radial-gradient(ellipse at center, rgba(37, 99, 255, 0.08) 0%, rgba(126, 204, 255, 0.05) 46%, transparent 77%);
  bottom: 36px;
  filter: blur(72px);
  height: 160px;
  left: 17%;
  opacity: 0.52;
  width: 70%;
}

.iphone {
  background:
    linear-gradient(116deg, #151d29 0%, #8b95a3 4%, #384250 10%, #090e17 47%, #343d49 73%, #f2f5f9 88%, #2c3541 100%);
  border-color: rgba(255, 255, 255, 0.46);
  border-radius: 47px;
  box-shadow:
    0 42px 72px rgba(15, 23, 42, 0.15),
    0 14px 24px rgba(15, 23, 42, 0.09),
    -4px 3px 8px rgba(255, 255, 255, 0.27) inset,
    4px 0 8px rgba(0, 0, 0, 0.24) inset,
    0 0 0 1px rgba(3, 7, 18, 0.13);
  padding: 5px;
  transform-style: preserve-3d;
}

.iphone::before {
  background:
    linear-gradient(112deg, rgba(255, 255, 255, 0.18) 0%, transparent 15%, transparent 78%, rgba(255, 255, 255, 0.16) 100%);
  opacity: 0.24;
}

.iphone::after {
  background:
    linear-gradient(112deg, transparent 0 54%, rgba(255, 255, 255, 0.12) 58%, transparent 68% 100%);
  border-radius: 39px;
  inset: 11px;
  opacity: 0.075;
}

.iphone--home {
  left: 6px;
  top: 0;
  transform: rotateZ(-2.6deg) rotateY(-4deg) translateZ(18px);
  width: 354px;
  z-index: 4;
}

.iphone--request {
  right: 10px;
  top: 70px;
  transform: rotateZ(4.7deg) rotateY(5deg) translateZ(4px);
  width: 318px;
  z-index: 3;
}

.iphone__screen {
  border-radius: 40px;
  box-shadow:
    inset 0 0 0 1px rgba(15, 23, 42, 0.055),
    inset 0 0 10px rgba(15, 23, 42, 0.025);
}

.iphone__screen img,
.iphone__screen--home img,
.iphone__screen--request img {
  filter: contrast(0.985) saturate(0.965) brightness(1.012);
  image-rendering: auto;
  object-fit: contain;
}

.iphone__notch {
  background:
    radial-gradient(circle at 78% 49%, rgba(75, 87, 105, 0.72) 0 1.6px, transparent 2.2px),
    linear-gradient(180deg, #02040a 0%, #080d16 100%);
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.11) inset,
    0 6px 14px rgba(0, 0, 0, 0.16);
  height: 18px;
  top: 15px;
  width: 76px;
}

.iphone__button {
  opacity: 0.68;
  width: 3px;
}

.trust-strip {
  margin-top: -72px;
}

.trust-panel {
  border-color: rgba(216, 228, 247, 0.72);
  border-radius: 20px;
  box-shadow: 0 28px 64px rgba(15, 23, 42, 0.07);
}

.trust-item {
  gap: 17px;
  min-height: 102px;
  padding: 21px 38px;
}

.trust-item__icon {
  height: 38px;
  width: 38px;
}

.trust-item__icon .mdi {
  font-size: 1.52rem;
}

.trust-item h3 {
  color: #111a2c;
  font-size: 0.84rem;
  font-weight: 760;
  letter-spacing: -0.018em;
}

.trust-item p {
  color: #5b6981;
  font-size: 0.8rem;
  line-height: 1.48;
  margin-top: 4px;
}

.services-section {
  padding-top: 48px;
}

.services-grid {
  gap: 22px;
  max-width: 940px;
}

.service-card {
  border-color: rgba(216, 228, 247, 0.84);
  border-radius: 15px;
  box-shadow: 0 11px 28px rgba(15, 23, 42, 0.04);
  min-height: 126px;
  padding: 22px 14px 18px;
}

.service-card__icon {
  background: #f2f7ff;
  border-radius: 12px;
  font-size: 1.34rem;
  height: 43px;
  margin-bottom: 14px;
  width: 43px;
}

.service-card h3 {
  color: #0f172a;
  font-size: 0.78rem;
  font-weight: 730;
  letter-spacing: -0.018em;
}

.about-card {
  background:
    linear-gradient(90deg, #f7fbff 0%, #f3f8ff 42%, rgba(241, 248, 255, 0.72) 55%, #edf6ff 100%);
  border-color: rgba(216, 228, 247, 0.78);
  box-shadow: 0 22px 58px rgba(15, 23, 42, 0.055);
}

.about-card__visual img {
  -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.28) 17%, rgba(0, 0, 0, 0.78) 34%, black 48%);
  filter: saturate(0.985) contrast(0.99) brightness(1.012);
  mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.28) 17%, rgba(0, 0, 0, 0.78) 34%, black 48%);
}

.process-section {
  padding: 18px 0 58px;
}

.process-steps {
  margin-top: 50px;
  max-width: 1120px;
}

.process-step {
  gap: 9px;
  grid-template-columns: 90px minmax(0, 1fr);
  min-height: 118px;
  padding-right: 26px;
}

.process-step::before {
  color: rgba(190, 211, 245, 0.56);
  font-size: 3.55rem;
  font-weight: 800;
  top: -2px;
}

.process-step:not(:last-child)::after {
  border-top: 1px dotted rgba(166, 194, 239, 0.62);
  left: 112px;
  right: -6px;
  top: 27px;
}

.process-step__icon {
  height: 45px;
  margin-left: 39px;
  width: 45px;
}

.process-step__icon .mdi {
  font-size: 1rem;
}

.process-step h3 {
  color: #0e1729;
  font-size: 0.78rem;
  font-weight: 760;
  padding-top: 7px;
}

.process-step p {
  color: #5d6a82;
  font-size: 0.74rem;
  line-height: 1.55;
  max-width: 176px;
}

.help-section {
  padding: 6px 0 30px;
}

.help-card {
  background: #f5f9ff;
  border-color: rgba(213, 225, 246, 0.7);
  border-radius: 19px;
  box-shadow: 0 13px 34px rgba(15, 23, 42, 0.03);
  padding: 27px 34px;
}

.help-contact {
  border-color: rgba(213, 225, 246, 0.74);
  box-shadow: 0 9px 22px rgba(15, 23, 42, 0.035);
  min-height: 64px;
}

.cta-card {
  background:
    radial-gradient(circle at 69% 48%, rgba(37, 99, 255, 0.2), transparent 39%),
    linear-gradient(135deg, #02112d 0%, #06204a 60%, #061936 100%);
  box-shadow: 0 20px 46px rgba(2, 17, 45, 0.15);
}

.site-footer {
  padding-top: 32px;
}

.site-footer a,
.site-footer span,
.site-footer small,
.site-footer p {
  color: #60708a;
}

.site-footer .footer-heading,
.site-footer__brand .brand + p {
  color: #0f172a;
}

@media (max-width: 1200px) {
  .hero__inner {
    grid-template-columns: 0.9fr 1.1fr;
  }

  .phone-stage {
    transform: translate3d(38px, 24px, 0);
  }
}

@media (min-width: 980px) and (max-width: 1399px) {
  .hero {
    padding-bottom: 116px;
  }

  .hero__inner {
    grid-template-columns: 0.86fr 1.14fr;
    gap: 8px;
  }

  .hero h1 {
    font-size: clamp(3.25rem, 4.05vw, 4rem);
    max-width: 560px;
  }

  .hero__lead {
    max-width: 410px;
  }

  .hero__badges {
    gap: 14px;
    max-width: 520px;
  }

  .hero__badges li {
    font-size: 0.66rem;
  }

  .phone-stage {
    height: 574px;
    max-width: 642px;
    transform: translate3d(18px, 30px, 0);
  }

  .iphone--home {
    left: 0;
    width: 332px;
  }

  .iphone--request {
    right: 2px;
    top: 72px;
    width: 298px;
  }
}

@media (max-width: 979px) {
  .hero {
    min-height: auto;
    padding: 98px 0 72px;
  }

  .hero__inner {
    gap: 18px;
    grid-template-columns: 1fr;
  }

  .hero__content {
    max-width: 650px;
    padding-top: 0;
  }

  .hero h1 {
    font-size: clamp(2.7rem, 7vw, 3.65rem);
    max-width: 650px;
  }

  .phone-stage {
    height: 474px;
    max-width: 570px;
    transform: translate3d(0, 0, 0);
  }

  .iphone--home {
    left: 58px;
    width: 246px;
  }

  .iphone--request {
    right: 56px;
    top: 72px;
    width: 226px;
  }
}

@media (max-width: 759px) {
  .hero {
    padding: 92px 0 58px;
  }

  .hero::before {
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.72) 42%, rgba(255, 255, 255, 0.95) 100%),
      linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0.7) 100%);
  }

  .hero h1 {
    font-size: clamp(2.35rem, 10vw, 3.15rem);
  }

  .hero__badges {
    gap: 10px;
    margin-top: 28px;
  }

  .phone-stage {
    height: 402px;
    max-width: 430px;
  }

  .iphone {
    border-radius: 40px;
    padding: 5px;
  }

  .iphone__screen {
    border-radius: 34px;
  }

  .iphone__notch {
    height: 15px;
    top: 12px;
    width: 62px;
  }

  .iphone--home {
    left: 28px;
    top: 8px;
    width: 190px;
  }

  .iphone--request {
    right: 25px;
    top: 78px;
    width: 176px;
  }

  .process-step {
    grid-template-columns: 74px minmax(0, 1fr);
  }

  .process-step__icon {
    margin-left: 31px;
  }
}

@media (max-width: 420px) {
  .phone-stage {
    height: 356px;
  }

  .iphone--home {
    left: 11px;
    width: 168px;
  }

  .iphone--request {
    right: 9px;
    top: 74px;
    width: 158px;
  }
}

@media (min-width: 760px) {
  .section {
    padding: 54px 0;
  }

  .services-section {
    padding-bottom: 48px;
    padding-top: 42px;
  }

  .about-section {
    padding-bottom: 48px;
    padding-top: 0;
  }

  .process-section {
    padding-bottom: 44px;
    padding-top: 36px;
  }

  .cta-section {
    padding-bottom: 38px;
    padding-top: 28px;
  }

  .hero {
    padding: 104px 0 116px;
  }

  .hero__inner {
    grid-template-columns: 0.92fr 1.08fr;
  }

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

  .trust-item + .trust-item {
    border-left: 1px solid var(--color-border);
    border-top: 0;
  }

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

  .about-card {
    grid-template-columns: 0.95fr 1.05fr;
  }

  .about-card__copy {
    padding: 44px 42px;
  }

  .process-steps {
    gap: 20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cta-card {
    grid-template-columns: 1fr auto;
    padding: 44px 56px;
  }

  .site-footer__grid {
    grid-template-columns: 1.35fr 0.8fr 0.8fr 1fr;
  }
}

@media (min-width: 980px) {
  .nav-toggle {
    display: none;
  }

  .nav-list {
    align-items: center;
    background: transparent;
    border: 0;
    box-shadow: none;
    display: flex;
    gap: 14px;
    padding: 0;
    position: static;
    width: auto;
  }

  .nav-list a {
    color: var(--color-ink);
    font-size: 0.9rem;
    padding: 10px 8px;
  }

  .nav-list a:hover,
  .nav-list a:focus-visible {
    background: rgba(37, 99, 255, 0.08);
    color: var(--color-blue-700);
  }

  h1 {
    font-size: 4rem;
  }

  h2 {
    font-size: 2.5rem;
  }

  .hero {
    min-height: 690px;
  }

  .hero__inner {
    gap: 12px;
    grid-template-columns: minmax(0, 0.9fr) minmax(610px, 1.1fr);
  }

  .hero__visual {
    min-height: 570px;
  }

  .phone-stage {
    height: 604px;
    max-width: 740px;
  }

  .iphone {
    width: 342px;
  }

  .iphone--home {
    left: 26px;
    top: 0;
  }

  .iphone--request {
    right: -14px;
    top: 92px;
    width: 334px;
  }

  .services-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .process-steps {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .process-step {
    align-items: center;
    grid-template-columns: 58px minmax(0, 1fr);
    padding-right: 20px;
  }

  .process-step:not(:last-child)::after {
    background: url("../assets/icons/chevron-right.svg") center / contain no-repeat;
    content: "";
    height: 18px;
    opacity: 0.4;
    position: absolute;
    right: 0;
    top: 20px;
    width: 18px;
  }
}

@media (max-width: 759px) {
  :root {
    --container-padding: 18px;
  }

  body,
  main,
  .trust-strip,
  .services-section,
  .about-section,
  .process-section,
  .cta-section,
  .site-footer {
    background: var(--color-white);
  }

  .site-header {
    padding: 14px 0;
  }

  .button--nav {
    display: none;
  }

  .brand {
    min-height: 42px;
  }

  .brand__logo {
    height: 36px;
    width: 126px;
  }

  .nav-list {
    top: 62px;
  }

  .hero {
    min-height: auto;
    padding: 88px 0 58px;
  }

  .hero__inner {
    gap: 18px;
    grid-template-columns: 1fr;
  }

  .hero__content {
    max-width: 100%;
  }

  .hero__eyebrow {
    margin-bottom: 14px;
  }

  .hero h1 {
    font-size: clamp(2.3rem, 9.5vw, 2.95rem);
    line-height: 1.04;
    max-width: 100%;
  }

  .hero__lead {
    font-size: 1.05rem;
    margin-top: 16px;
  }

  .hero__summary {
    font-size: 0.92rem;
    margin-top: 10px;
  }

  .hero__actions {
    align-items: stretch;
    flex-direction: column;
    gap: 10px;
    margin-top: 22px;
    max-width: 340px;
  }

  .button--hero-primary,
  .button--hero-secondary {
    min-height: 50px;
    padding: 0 18px;
    width: 100%;
  }

  .hero__badges {
    display: grid;
    gap: 8px 16px;
    margin-top: 20px;
  }

  .hero__badges li {
    font-size: 0.78rem;
  }

  .hero__visual {
    min-height: 350px;
  }

  .phone-stage {
    height: 345px;
    max-width: 390px;
  }

  .phone-stage::before {
    bottom: 20px;
    height: 74px;
    left: 8%;
    width: 84%;
  }

  .iphone {
    border-radius: 34px;
    padding: 7px;
    width: 172px;
  }

  .iphone__notch {
    height: 16px;
    top: 12px;
    width: 62px;
  }

  .iphone__screen {
    border-radius: 27px;
  }

  .iphone--home {
    left: 42px;
    top: 8px;
    transform: rotate(-5deg);
  }

  .iphone--request {
    right: 34px;
    top: 82px;
    transform: rotate(7deg);
    width: 168px;
  }

  .trust-strip {
    margin-top: -28px;
  }

  .trust-panel {
    background: var(--color-white);
    border-radius: 20px;
    min-width: 0;
  }

  .trust-item {
    gap: 14px;
    min-height: auto;
    min-width: 0;
    padding: 16px 18px;
  }

  .trust-item div {
    min-width: 0;
  }

  .trust-item h3 {
    font-size: 0.9rem;
  }

  .trust-item p {
    font-size: 0.8rem;
  }

  .services-section {
    padding-bottom: 34px;
    padding-top: 34px;
  }

  .section-heading {
    margin-bottom: 20px;
  }

  .section-heading h2 {
    font-size: clamp(1.72rem, 7vw, 2.05rem);
    max-width: 100%;
  }

  .services-grid {
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .service-card {
    border-radius: 18px;
    min-width: 0;
    min-height: 132px;
    padding: 18px 10px;
  }

  .service-card img {
    height: 48px;
    margin-bottom: 10px;
    padding: 9px;
    width: 48px;
  }

  .about-card {
    background: var(--color-blue-50);
    border-radius: 22px;
  }

  .about-card__copy {
    padding: 24px 20px 18px;
  }

  .about-card__visual {
    min-height: 220px;
  }

  .about-card__visual img {
    -webkit-mask-image: none;
    mask-image: none;
    object-position: center center;
  }

  .process-section {
    padding-bottom: 34px;
    padding-top: 36px;
  }

  .process-steps {
    gap: 16px;
  }

  .cta-section {
    padding: 28px 0 34px;
  }

  .cta-card {
    border-radius: 20px;
    padding: 28px 22px;
  }

  .store-button {
    justify-content: center;
  }

  .site-footer {
    padding-top: 34px;
  }
}

@media (max-width: 480px) {
  h1 {
    font-size: 2.5rem;
  }

  h2 {
    font-size: 1.8rem;
  }

  .site-header__inner {
    gap: 12px;
  }

  .button--nav {
    display: none;
  }

  .hero {
    min-height: auto;
    padding: 84px 0 52px;
  }

  .hero__lead {
    font-size: 1.05rem;
  }

  .hero__actions .button {
    width: 100%;
  }

  .hero__visual {
    min-height: 320px;
  }

  .phone-stage {
    height: 320px;
  }

  .iphone {
    border-radius: 36px;
    padding: 7px;
    width: 158px;
  }

  .iphone__screen {
    border-radius: 27px;
  }

  .iphone--home {
    left: 18px;
    top: 8px;
  }

  .iphone--request {
    right: 18px;
    top: 78px;
    width: 154px;
  }

  .trust-panel {
    border-radius: 20px;
  }

  .service-card {
    min-height: 124px;
  }

  .about-card {
    border-radius: 24px;
  }

  .button--outline,
  .store-button {
    width: 100%;
  }

  .cta-card h2 {
    font-size: 1.6rem;
  }
}

/* Responsive refinements for Landing Page-New visual target */
@media (min-width: 760px) {
  .hero {
    min-height: 760px;
    padding: 142px 0 138px;
  }

  .hero__inner {
    grid-template-columns: minmax(0, 0.82fr) minmax(560px, 1.18fr);
  }

  .services-section {
    padding-bottom: 58px;
    padding-top: 62px;
  }

  .about-section {
    padding-bottom: 62px;
    padding-top: 12px;
  }

  .process-section {
    padding-bottom: 56px;
    padding-top: 8px;
  }

  .cta-section {
    padding-bottom: 42px;
    padding-top: 18px;
  }
}

@media (min-width: 980px) {
  .hero h1 {
    font-size: 3.95rem;
  }

  .hero__inner {
    gap: 38px;
    grid-template-columns: minmax(0, 620px) minmax(620px, 1fr);
  }

  .hero__visual {
    min-height: 620px;
  }

  .phone-stage {
    height: 650px;
    max-width: 720px;
  }

  .iphone {
    width: 326px;
  }

  .iphone--home {
    left: 44px;
    top: 0;
    transform: rotate(-3.5deg);
  }

  .iphone--request {
    right: 8px;
    top: 70px;
    transform: rotate(5deg);
    width: 314px;
  }

  .process-step:not(:last-child)::after {
    background: none;
    border-top: 2px dotted #c7d6f2;
    height: 0;
    opacity: 1;
    right: -10px;
    top: 28px;
    width: calc(100% - 92px);
  }
}

@media (max-width: 759px) {
  .site-header {
    padding: 16px 0;
  }

  .hero {
    background:
      radial-gradient(circle at 86% 18%, rgba(206, 231, 255, 0.62), transparent 34%),
      linear-gradient(180deg, #fbfdff 0%, #f7fbff 62%, #eef5ff 100%);
    padding: 98px 0 74px;
  }

  .hero::before {
    background:
      linear-gradient(90deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.84) 54%, rgba(255, 255, 255, 0.26) 100%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0.18) 62%, rgba(255, 255, 255, 0.7) 100%);
  }

  .hero__skyline {
    background-position: 58% bottom;
    opacity: 0.55;
  }

  .hero h1 {
    color: var(--color-ink);
    font-size: clamp(2.45rem, 10.4vw, 3.2rem);
    line-height: 1.1;
  }

  .hero h1 span {
    color: var(--color-blue-700);
  }

  .hero__lead {
    color: var(--color-ink-soft);
    font-size: 1.05rem;
    line-height: 1.55;
    margin-top: 22px;
  }

  .hero__actions {
    margin-top: 24px;
    max-width: 100%;
  }

  .hero__badges {
    margin-top: 22px;
  }

  .hero__badges li {
    color: var(--color-ink-soft);
  }

  .hero__visual {
    min-height: 360px;
  }

  .phone-stage {
    height: 360px;
  }

  .trust-strip {
    margin-top: -40px;
  }

  .trust-item {
    padding: 18px 20px;
  }

  .services-grid {
    gap: 14px;
  }

  .about-card__visual img {
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 18%);
    mask-image: linear-gradient(to bottom, transparent 0%, black 18%);
  }

  .process-step {
    grid-template-columns: 72px minmax(0, 1fr);
  }

  .process-step__icon {
    margin-left: 28px;
  }

  .cta-card {
    padding: 30px 24px;
  }
}

@media (max-width: 480px) {
  .hero h1 {
    font-size: clamp(2.2rem, 9.5vw, 2.65rem);
  }

  .hero__visual {
    min-height: 318px;
  }

  .phone-stage {
    height: 318px;
  }

  .iphone {
    width: 154px;
  }

  .iphone--home {
    left: 26px;
    top: 8px;
  }

  .iphone--request {
    right: 18px;
    top: 74px;
    width: 148px;
  }
}

@media (max-width: 420px) {
  .services-grid {
    grid-template-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
    max-width: 260px;
  }

  .service-card {
    min-height: 128px;
  }
}

@media (max-width: 600px) {
  .section-heading h2 {
    font-size: 1.78rem;
  }

  .services-grid {
    grid-template-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
    max-width: 260px;
  }
}

/* Final premium responsive pass */
@media (min-width: 980px) {
  .nav-list {
    gap: 18px;
  }

  .nav-list a {
    font-size: 0.86rem;
    padding: 10px 6px;
  }

  .hero {
    min-height: 790px;
    padding: 142px 0 136px;
  }

  .hero__inner {
    gap: 46px;
    grid-template-columns: minmax(0, 660px) minmax(650px, 1fr);
  }

  .hero h1 {
    font-size: clamp(3.35rem, 3.7vw, 4.08rem);
    line-height: 1.08;
  }

  .hero__visual {
    min-height: 650px;
  }

  .phone-stage {
    height: 672px;
    max-width: 780px;
  }

  .iphone {
    width: 340px;
  }

  .iphone--home {
    left: 18px;
    top: 0;
    transform: rotateZ(-3.8deg) rotateY(-8deg) rotateX(1.5deg);
  }

  .iphone--request {
    right: 0;
    top: 76px;
    transform: rotateZ(5.4deg) rotateY(8deg) rotateX(1deg);
    width: 322px;
  }

  .trust-strip {
    margin-top: -76px;
  }

  .services-grid {
    gap: 34px;
  }

  .process-steps {
    gap: 42px;
    margin: 48px auto 0;
    max-width: 1220px;
  }

  .process-step {
    align-items: start;
    grid-template-columns: 76px minmax(0, 1fr);
    padding-right: 24px;
  }

  .process-step:not(:last-child)::after {
    background: none;
    border-top: 2px dotted #c8d8f6;
    height: 0;
    left: 104px;
    opacity: 1;
    right: -32px;
    top: 29px;
    width: auto;
  }

  .process-step__icon {
    height: 56px;
    margin-left: 36px;
    width: 56px;
  }

  .process-step h3 {
    font-size: 0.92rem;
    line-height: 1.22;
    padding-top: 12px;
  }

  .process-step p {
    font-size: 0.84rem;
    max-width: 190px;
  }
}

@media (min-width: 1280px) {
  .hero__inner {
    grid-template-columns: minmax(0, 660px) minmax(720px, 1fr);
  }

  .phone-stage {
    transform: translateX(18px);
  }
}

@media (max-width: 1080px) {
  .hero__badges {
    flex-wrap: wrap;
    margin-top: 44px;
    white-space: normal;
  }

  .help-card {
    grid-template-columns: 1fr;
  }

  .help-social {
    justify-self: start;
  }
}

@media (max-width: 759px) {
  .site-header.is-scrolled {
    padding: 8px 0;
  }

  .hero {
    min-height: auto;
    padding: 96px 0 68px;
  }

  .hero__skyline {
    background-image: url("../assets/images/hero-website.webp");
    background-position: 63% bottom;
    opacity: 0.92;
  }

  .hero::before {
    background:
      linear-gradient(90deg, rgba(255, 255, 255, 0.99) 0%, rgba(255, 255, 255, 0.9) 56%, rgba(255, 255, 255, 0.28) 100%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0.28) 62%, rgba(255, 255, 255, 0.72) 100%);
  }

  .hero h1 {
    font-size: clamp(2.55rem, 10vw, 3.25rem);
    line-height: 1.08;
  }

  .hero-title__line--main,
  .hero-title__line--accent {
    white-space: normal;
  }

  .hero__lead {
    font-size: 1.05rem;
    line-height: 1.56;
    margin-top: 20px;
  }

  .hero__actions {
    max-width: 360px;
  }

  .button--hero-primary,
  .button--hero-secondary {
    min-height: 52px;
  }

  .hero__badges {
    display: grid;
    gap: 10px;
    margin-top: 22px;
  }

  .hero__visual {
    min-height: 420px;
  }

  .phone-stage {
    height: 420px;
    max-width: 420px;
  }

  .iphone {
    border-radius: 42px;
    padding: 8px;
    width: 198px;
  }

  .iphone__screen {
    border-radius: 32px;
  }

  .iphone__notch {
    height: 18px;
    top: 13px;
    width: 68px;
  }

  .iphone__button--action {
    height: 22px;
    top: 68px;
  }

  .iphone__button--volume {
    height: 42px;
    top: 102px;
  }

  .iphone__button--power {
    height: 46px;
    top: 108px;
  }

  .iphone--home {
    left: 28px;
    top: 14px;
    transform: rotateZ(-4deg) rotateY(-7deg);
  }

  .iphone--request {
    right: 24px;
    top: 96px;
    transform: rotateZ(6deg) rotateY(7deg);
    width: 190px;
  }

  .trust-strip {
    margin-top: -42px;
  }

  .trust-item__icon {
    flex-basis: 46px;
    height: 46px;
    width: 46px;
  }

  .trust-item__icon .mdi {
    font-size: 1.85rem;
  }

  .service-card__icon {
    font-size: 2.15rem;
    height: 54px;
    margin-bottom: 14px;
    width: 54px;
  }

  .process-step {
    grid-template-columns: 70px minmax(0, 1fr);
  }

  .process-step__icon {
    height: 52px;
    margin-left: 28px;
    width: 52px;
  }

  .help-section {
    padding: 12px 0 24px;
  }

  .help-card {
    border-radius: 20px;
    gap: 18px;
    padding: 24px 20px;
  }

  .help-card__actions {
    grid-template-columns: 1fr;
  }

  .cta-card {
    gap: 22px;
  }
}

@media (max-width: 600px) {
  .services-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 100%;
  }
}

@media (max-width: 480px) {
  .hero {
    padding-bottom: 58px;
  }

  .hero__visual {
    min-height: 360px;
  }

  .phone-stage {
    height: 360px;
  }

  .iphone {
    width: 170px;
  }

  .iphone--home {
    left: 10px;
    top: 8px;
  }

  .iphone--request {
    right: 8px;
    top: 82px;
    width: 164px;
  }

  .store-button {
    min-width: 100%;
  }
}

@media (max-width: 420px) {
  .services-grid {
    grid-template-columns: 1fr;
    max-width: 260px;
  }
}

@media (min-width: 421px) and (max-width: 759px) {
  .services-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 560px;
    width: 100%;
  }
}
/* Definitive end-of-file overrides for the second visual pass */
@media (min-width: 1280px) {
  .hero {
    min-height: 708px;
    padding: 104px 0 94px;
  }

  .hero__inner {
    gap: 4px;
    grid-template-columns: minmax(0, 540px) minmax(0, 1fr);
  }

  .hero h1 {
    font-size: clamp(3.45rem, 3.85vw, 4.15rem);
    max-width: 590px;
  }

  .hero__lead {
    margin-top: 24px;
  }

  .hero__actions {
    margin-top: 28px;
  }

  .hero__badges {
    flex-wrap: nowrap;
    gap: 21px;
    margin-top: 46px;
    white-space: nowrap;
  }

  .hero__visual {
    min-height: 570px;
  }

  .phone-stage {
    height: 608px;
    max-width: 710px;
    transform: translate(10px, 30px);
  }

  .iphone--home {
    left: 0;
    top: 10px;
    transform: rotateZ(-3deg) translateZ(16px);
    width: 344px;
  }

  .iphone--request {
    right: 2px;
    top: 82px;
    transform: rotateZ(5deg) translateZ(2px);
    width: 316px;
  }

  .trust-strip {
    margin-top: -70px;
  }

  .process-steps {
    margin-top: 58px;
    max-width: 1260px;
  }

  .process-step {
    grid-template-columns: 116px minmax(0, 1fr);
    min-height: 146px;
    padding-right: 46px;
  }

  .process-step::before {
    font-size: 4.7rem;
    top: -12px;
  }

  .process-step:not(:last-child)::after {
    left: 154px;
    right: -10px;
    top: 31px;
  }

  .process-step__icon {
    height: 58px;
    margin-left: 54px;
    width: 58px;
  }

  .process-step p {
    max-width: 208px;
  }
}

@media (min-width: 980px) and (max-width: 1279px) {
  .hero {
    min-height: 684px;
    padding: 104px 0 88px;
  }

  .hero__inner {
    gap: 10px;
    grid-template-columns: minmax(0, 490px) minmax(0, 1fr);
  }

  .hero h1 {
    font-size: clamp(3rem, 4.6vw, 3.55rem);
    max-width: 510px;
  }

  .hero__lead {
    font-size: 1.08rem;
    margin-top: 22px;
  }

  .hero__actions {
    margin-top: 26px;
  }

  .hero__badges {
    gap: 13px;
    margin-top: 40px;
    white-space: nowrap;
  }

  .hero__badges li {
    font-size: 0.71rem;
  }

  .hero__visual {
    min-height: 540px;
  }

  .phone-stage {
    height: 560px;
    max-width: 610px;
    transform: translate(6px, 28px);
  }

  .iphone--home {
    left: 0;
    top: 18px;
    width: 302px;
  }

  .iphone--request {
    right: 0;
    top: 92px;
    width: 282px;
  }

  .trust-strip {
    margin-top: -66px;
  }

  .process-steps {
    margin-top: 52px;
    max-width: 1080px;
  }

  .process-step {
    grid-template-columns: 94px minmax(0, 1fr);
    min-height: 132px;
    padding-right: 28px;
  }

  .process-step::before {
    font-size: 4.15rem;
  }

  .process-step:not(:last-child)::after {
    left: 126px;
    right: -6px;
    top: 29px;
  }

  .process-step__icon {
    height: 54px;
    margin-left: 42px;
    width: 54px;
  }

  .process-step h3 {
    font-size: 0.92rem;
  }

  .process-step p {
    font-size: 0.82rem;
    max-width: 176px;
  }
}

@media (max-width: 979px) {
  .hero {
    min-height: auto;
    padding: 100px 0 72px;
  }

  .hero__inner {
    gap: 22px;
    grid-template-columns: 1fr;
  }

  .hero__content {
    margin-inline: auto;
    max-width: 660px;
    text-align: center;
  }

  .hero h1 {
    font-size: clamp(2.6rem, 7vw, 3.55rem);
    max-width: 660px;
  }

  .hero__lead {
    margin-inline: auto;
  }

  .hero__actions,
  .hero__badges {
    justify-content: center;
  }

  .hero__badges {
    flex-wrap: wrap;
    gap: 14px 18px;
    white-space: normal;
  }

  .hero__visual {
    min-height: 470px;
  }

  .phone-stage {
    height: 470px;
    max-width: 560px;
    transform: none;
  }

  .iphone--home {
    left: 66px;
    top: 4px;
    width: 240px;
  }

  .iphone--request {
    right: 58px;
    top: 74px;
    width: 224px;
  }

  .trust-strip {
    margin-top: -46px;
  }
}

@media (max-width: 759px) {
  .hero {
    padding: 92px 0 58px;
  }

  .hero__content {
    text-align: left;
  }

  .hero h1 {
    font-size: clamp(2.35rem, 10vw, 3.2rem);
    line-height: 1.05;
  }

  .hero__lead {
    font-size: 1rem;
    line-height: 1.52;
  }

  .hero__lead br {
    display: none;
  }

  .hero__actions {
    justify-content: flex-start;
  }

  .hero .button--hero-primary,
  .hero .button--hero-secondary {
    min-height: 46px;
    padding: 0 18px;
  }

  .hero__badges {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
    justify-content: flex-start;
    margin-top: 28px;
  }

  .hero__visual {
    min-height: 405px;
  }

  .phone-stage {
    height: 405px;
    max-width: 430px;
  }

  .iphone {
    border-radius: 40px;
    padding: 6px;
  }

  .iphone__screen {
    border-radius: 34px;
  }

  .iphone__screen img,
  .iphone__screen--home img,
  .iphone__screen--request img {
    display: block;
    height: 100%;
    object-fit: contain;
    opacity: 1;
    visibility: visible;
    width: 100%;
  }

  .iphone__notch {
    height: 16px;
    top: 12px;
    width: 64px;
  }

  .iphone--home {
    left: 30px;
    top: 8px;
    width: 190px;
  }

  .iphone--request {
    right: 26px;
    top: 80px;
    width: 178px;
  }

  .trust-panel {
    border-radius: 18px;
  }

  .trust-item {
    min-height: auto;
    padding: 22px 24px;
  }

  .services-section {
    padding-top: 44px;
  }

  .service-card {
    min-height: 148px;
  }

  .process-section {
    padding-top: 18px;
  }

  .process-steps {
    gap: 18px;
    grid-template-columns: 1fr;
    margin-top: 34px;
    max-width: 520px;
  }

  .process-step {
    background: rgba(248, 251, 255, 0.76);
    border: 1px solid rgba(215, 224, 244, 0.78);
    border-radius: 18px;
    grid-template-columns: 78px minmax(0, 1fr);
    min-height: auto;
    padding: 18px 20px 18px 12px;
  }

  .process-step::before {
    font-size: 3.2rem;
    left: 10px;
    top: 14px;
  }

  .process-step:not(:last-child)::after {
    display: none;
  }

  .process-step__icon {
    height: 48px;
    margin-left: 34px;
    width: 48px;
  }

  .process-step h3 {
    padding-top: 2px;
  }

  .process-step p {
    max-width: 100%;
  }

  .help-card {
    padding: 24px;
  }

  .help-card__actions {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 420px) {
  .hero__actions {
    display: grid;
    gap: 12px;
    width: 100%;
  }

  .hero .button--hero-primary,
  .hero .button--hero-secondary {
    width: 100%;
  }

  .hero__visual {
    min-height: 360px;
  }

  .phone-stage {
    height: 360px;
  }

  .iphone--home {
    left: 12px;
    width: 170px;
  }

  .iphone--request {
    right: 10px;
    top: 76px;
    width: 160px;
  }

  .services-grid {
    grid-template-columns: 1fr;
  }
}

/* Last-mile lock: keep hero devices stable after all responsive rules */
.hero {
  min-height: 718px;
  padding: 94px 0 126px;
}

.hero__inner {
  gap: 18px;
  grid-template-columns: 0.84fr 1.16fr;
}

.hero h1 {
  font-size: clamp(3.45rem, 4.38vw, 4.48rem);
  letter-spacing: -0.047em;
  line-height: 0.99;
  max-width: 630px;
}

.hero__lead {
  max-width: 434px;
}

.phone-stage {
  contain: layout paint;
  height: 602px;
  max-width: 728px;
  perspective: 1600px;
  transform: translate3d(78px, 26px, 0);
  transform-style: preserve-3d;
  will-change: auto;
}

.iphone {
  border-radius: 47px;
  padding: 5px;
}

.iphone--home {
  left: 6px;
  top: 0;
  transform: rotateZ(-2.6deg) rotateY(-4deg) translateZ(18px);
  width: 354px;
}

.iphone--request {
  right: 10px;
  top: 70px;
  transform: rotateZ(4.7deg) rotateY(5deg) translateZ(4px);
  width: 318px;
}

.trust-strip {
  margin-top: -72px;
}

.service-card {
  min-height: 126px;
}

.trust-item__icon .mdi::before {
  opacity: 0.9;
  transform: scale(0.94);
}

.service-card__icon::before {
  opacity: 0.88;
  transform: scale(0.92);
}

.process-step__icon .mdi::before,
.help-contact__icon::before,
.site-footer .mdi::before {
  opacity: 0.86;
  transform: scale(0.84);
}

@media (max-width: 1200px) {
  .hero__inner {
    grid-template-columns: 0.9fr 1.1fr;
  }

  .phone-stage {
    transform: translate3d(38px, 24px, 0);
  }
}

@media (min-width: 980px) and (max-width: 1399px) {
  .hero {
    padding-bottom: 116px;
  }

  .hero__inner {
    grid-template-columns: 0.86fr 1.14fr;
    gap: 8px;
  }

  .hero h1 {
    font-size: clamp(3.25rem, 4.05vw, 4rem);
    max-width: 560px;
  }

  .hero__lead {
    max-width: 410px;
  }

  .hero__badges {
    gap: 14px;
    max-width: 520px;
  }

  .hero__badges li {
    font-size: 0.66rem;
  }

  .phone-stage {
    height: 574px;
    max-width: 642px;
    transform: translate3d(18px, 30px, 0);
  }

  .iphone--home {
    left: 0;
    width: 332px;
  }

  .iphone--request {
    right: 2px;
    top: 72px;
    width: 298px;
  }
}

@media (max-width: 979px) {
  .hero {
    min-height: auto;
    padding: 98px 0 72px;
  }

  .hero__inner {
    grid-template-columns: 1fr;
  }

  .hero h1 {
    font-size: clamp(2.7rem, 7vw, 3.65rem);
  }

  .phone-stage {
    height: 474px;
    max-width: 570px;
    transform: translate3d(0, 0, 0);
  }

  .iphone--home {
    left: 58px;
    width: 246px;
  }

  .iphone--request {
    right: 56px;
    top: 72px;
    width: 226px;
  }
}

@media (max-width: 759px) {
  .hero {
    padding: 92px 0 58px;
  }

  .hero h1 {
    font-size: clamp(2.35rem, 10vw, 3.15rem);
  }

  .phone-stage {
    height: 402px;
    max-width: 430px;
  }

  .iphone {
    border-radius: 40px;
    padding: 5px;
  }

  .iphone--home {
    left: 28px;
    top: 8px;
    width: 190px;
  }

  .iphone--request {
    right: 25px;
    top: 78px;
    width: 176px;
  }
}

@media (max-width: 420px) {
  .phone-stage {
    height: 356px;
  }

  .iphone--home {
    left: 11px;
    width: 168px;
  }

  .iphone--request {
    right: 9px;
    top: 74px;
    width: 158px;
  }
}

/* EOF premium polish lock */
@media (min-width: 980px) {
  .nav-list {
    gap: 22px;
  }

  .nav-list a {
    font-size: 0.82rem;
    font-weight: 650;
    padding: 8px 4px;
  }
}

@media (min-width: 1280px) {
  .hero {
    min-height: 690px;
    padding: 100px 0 88px;
  }

  .hero__inner {
    grid-template-columns: minmax(0, 530px) minmax(0, 1fr);
  }

  .hero h1 {
    font-size: clamp(3.1rem, 3.42vw, 3.75rem);
    max-width: 548px;
  }

  .hero__lead {
    margin-top: 22px;
  }

  .hero__actions {
    margin-top: 26px;
  }

  .hero__badges {
    gap: 20px;
    margin-top: 42px;
  }

  .hero__visual {
    min-height: 552px;
  }

  .phone-stage {
    height: 588px;
    max-width: 690px;
    transform: translate(72px, 34px);
  }

  .iphone--home {
    top: 14px;
    transform: rotateZ(-2.7deg) translateZ(12px);
    width: 334px;
  }

  .iphone--request {
    right: 10px;
    top: 86px;
    transform: rotateZ(4.6deg) translateZ(0);
    width: 306px;
  }

  .trust-strip {
    margin-top: -66px;
  }

  .process-steps {
    margin-top: 54px;
    max-width: 1160px;
  }

  .process-step {
    grid-template-columns: 98px minmax(0, 1fr);
    min-height: 126px;
    padding-right: 34px;
  }

  .process-step::before {
    font-size: 3.92rem;
    top: -5px;
  }

  .process-step:not(:last-child)::after {
    left: 124px;
    right: -2px;
    top: 28px;
  }

  .process-step__icon {
    height: 50px;
    margin-left: 42px;
    width: 50px;
  }

  .process-step p {
    max-width: 182px;
  }
}

@media (min-width: 980px) and (max-width: 1279px) {
  .hero {
    min-height: 668px;
    padding: 100px 0 84px;
  }

  .hero h1 {
    font-size: clamp(2.7rem, 3.95vw, 3.12rem);
  }

  .hero__badges {
    gap: 12px;
  }

  .phone-stage {
    height: 540px;
    max-width: 600px;
    transform: translate(34px, 30px);
  }

  .iphone--home {
    width: 294px;
  }

  .iphone--request {
    width: 272px;
  }

  .service-card {
    min-height: 128px;
  }

  .process-step {
    grid-template-columns: 84px minmax(0, 1fr);
    padding-right: 20px;
  }

  .process-step:not(:last-child)::after {
    left: 110px;
  }

  .process-step__icon {
    margin-left: 34px;
  }
}

@media (max-width: 979px) {
  .brand__logo {
    height: 36px;
    width: 126px;
  }

  .hero__badges li {
    font-weight: 650;
  }

  .phone-stage {
    transform: none;
  }

  .help-card {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 759px) {
  .hero {
    padding-top: 88px;
  }

  .hero h1 {
    font-size: clamp(2.22rem, 9.4vw, 3rem);
  }

  .hero__lead {
    font-weight: 520;
  }

  .hero__badges {
    margin-top: 26px;
  }

  .phone-stage {
    height: 392px;
  }

  .iphone {
    padding: 5px;
  }

  .iphone--home {
    left: 32px;
    width: 184px;
  }

  .iphone--request {
    right: 28px;
    width: 172px;
  }

  .trust-item {
    padding: 20px 22px;
  }

  .services-grid {
    max-width: 100%;
  }

  .service-card {
    min-height: 138px;
  }

  .process-step {
    grid-template-columns: 76px minmax(0, 1fr);
  }

  .process-step__icon {
    margin-left: 32px;
  }
}

@media (max-width: 420px) {
  .phone-stage {
    height: 344px;
  }

  .iphone--home {
    left: 16px;
    width: 162px;
  }

  .iphone--request {
    right: 12px;
    top: 76px;
    width: 154px;
  }
}

/* Responsive lock for second Landing Page-New precision pass */
@media (min-width: 1280px) {
  .hero {
    min-height: 708px;
    padding: 104px 0 94px;
  }

  .hero__inner {
    gap: 4px;
    grid-template-columns: minmax(0, 540px) minmax(0, 1fr);
  }

  .hero h1 {
    font-size: clamp(3.45rem, 3.85vw, 4.15rem);
    max-width: 590px;
  }

  .hero__lead {
    margin-top: 24px;
  }

  .hero__actions {
    margin-top: 28px;
  }

  .hero__badges {
    flex-wrap: nowrap;
    gap: 21px;
    margin-top: 46px;
  }

  .hero__visual {
    min-height: 570px;
  }

  .phone-stage {
    height: 608px;
    max-width: 710px;
    transform: translate(10px, 30px);
  }

  .iphone--home {
    left: 0;
    top: 10px;
    transform: rotateZ(-3deg) translateZ(16px);
    width: 344px;
  }

  .iphone--request {
    right: 2px;
    top: 82px;
    transform: rotateZ(5deg) translateZ(2px);
    width: 316px;
  }

  .trust-strip {
    margin-top: -70px;
  }
}

@media (min-width: 980px) and (max-width: 1279px) {
  .hero {
    min-height: 684px;
    padding: 104px 0 88px;
  }

  .hero__inner {
    gap: 10px;
    grid-template-columns: minmax(0, 490px) minmax(0, 1fr);
  }

  .hero h1 {
    font-size: clamp(3rem, 4.6vw, 3.55rem);
    max-width: 510px;
  }

  .hero__lead {
    font-size: 1.08rem;
    margin-top: 22px;
  }

  .hero__actions {
    margin-top: 26px;
  }

  .hero__badges {
    gap: 13px;
    margin-top: 40px;
    white-space: nowrap;
  }

  .hero__badges li {
    font-size: 0.71rem;
  }

  .hero__visual {
    min-height: 540px;
  }

  .phone-stage {
    height: 560px;
    max-width: 610px;
    transform: translate(6px, 28px);
  }

  .iphone--home {
    left: 0;
    top: 18px;
    width: 302px;
  }

  .iphone--request {
    right: 0;
    top: 92px;
    width: 282px;
  }

  .trust-strip {
    margin-top: -66px;
  }

  .process-steps {
    max-width: 1080px;
  }

  .process-step {
    grid-template-columns: 88px minmax(0, 1fr);
    padding-right: 24px;
  }

  .process-step:not(:last-child)::after {
    left: 120px;
    right: -4px;
  }

  .process-step__icon {
    margin-left: 38px;
  }

  .process-step p {
    max-width: 168px;
  }
}

@media (max-width: 979px) {
  .hero {
    min-height: auto;
    padding: 100px 0 72px;
  }

  .hero__inner {
    gap: 22px;
    grid-template-columns: 1fr;
  }

  .hero__content {
    margin-inline: auto;
    max-width: 660px;
    text-align: center;
  }

  .hero h1 {
    font-size: clamp(2.6rem, 7vw, 3.55rem);
    max-width: 660px;
  }

  .hero__lead {
    margin-inline: auto;
  }

  .hero__actions,
  .hero__badges {
    justify-content: center;
  }

  .hero__badges {
    flex-wrap: wrap;
    gap: 14px 18px;
    white-space: normal;
  }

  .hero__visual {
    min-height: 470px;
  }

  .phone-stage {
    height: 470px;
    max-width: 560px;
    transform: none;
  }

  .iphone--home {
    left: 66px;
    top: 4px;
    width: 240px;
  }

  .iphone--request {
    right: 58px;
    top: 74px;
    width: 224px;
  }

  .trust-strip {
    margin-top: -46px;
  }

  .help-card {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 759px) {
  .hero {
    padding: 92px 0 58px;
  }

  .hero__content {
    text-align: left;
  }

  .hero h1 {
    font-size: clamp(2.35rem, 10vw, 3.2rem);
    line-height: 1.05;
  }

  .hero__lead {
    font-size: 1rem;
    line-height: 1.52;
  }

  .hero__lead br {
    display: none;
  }

  .hero__actions {
    justify-content: flex-start;
  }

  .hero .button--hero-primary,
  .hero .button--hero-secondary {
    min-height: 46px;
    padding: 0 18px;
  }

  .hero__badges {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
    justify-content: flex-start;
    margin-top: 28px;
  }

  .hero__visual {
    min-height: 405px;
  }

  .phone-stage {
    height: 405px;
    max-width: 430px;
  }

  .iphone {
    border-radius: 40px;
    padding: 6px;
  }

  .iphone__screen {
    border-radius: 34px;
  }

  .iphone__notch {
    height: 16px;
    top: 12px;
    width: 64px;
  }

  .iphone--home {
    left: 30px;
    top: 8px;
    width: 190px;
  }

  .iphone--request {
    right: 26px;
    top: 80px;
    width: 178px;
  }

  .trust-panel {
    border-radius: 18px;
  }

  .trust-item {
    min-height: auto;
    padding: 22px 24px;
  }

  .services-section {
    padding-top: 44px;
  }

  .service-card {
    min-height: 148px;
  }

  .process-section {
    padding-top: 18px;
  }

  .process-steps {
    gap: 18px;
    grid-template-columns: 1fr;
    margin-top: 34px;
    max-width: 520px;
  }

  .process-step {
    background: rgba(248, 251, 255, 0.76);
    border: 1px solid rgba(215, 224, 244, 0.78);
    border-radius: 18px;
    grid-template-columns: 78px minmax(0, 1fr);
    min-height: auto;
    padding: 18px 20px 18px 12px;
  }

  .process-step::before {
    font-size: 3.2rem;
    left: 10px;
    top: 14px;
  }

  .process-step:not(:last-child)::after {
    display: none;
  }

  .process-step__icon {
    height: 48px;
    margin-left: 34px;
    width: 48px;
  }

  .process-step h3 {
    padding-top: 2px;
  }

  .process-step p {
    max-width: 100%;
  }

  .help-card {
    padding: 24px;
  }

  .help-card__actions {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 420px) {
  .hero__actions {
    display: grid;
    gap: 12px;
    width: 100%;
  }

  .hero .button--hero-primary,
  .hero .button--hero-secondary {
    width: 100%;
  }

  .hero__visual {
    min-height: 360px;
  }

  .phone-stage {
    height: 360px;
  }

  .iphone--home {
    left: 12px;
    width: 170px;
  }

  .iphone--request {
    right: 10px;
    top: 76px;
    width: 160px;
  }

  .services-grid {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 1280px) {
  .process-steps {
    margin-top: 58px;
    max-width: 1260px;
  }

  .process-step {
    grid-template-columns: 116px minmax(0, 1fr);
    min-height: 146px;
    padding-right: 46px;
  }

  .process-step::before {
    font-size: 4.7rem;
    top: -12px;
  }

  .process-step:not(:last-child)::after {
    left: 154px;
    right: -10px;
    top: 31px;
  }

  .process-step__icon {
    height: 58px;
    margin-left: 54px;
    width: 58px;
  }

  .process-step p {
    max-width: 208px;
  }
}

@media (min-width: 980px) and (max-width: 1279px) {
  .process-steps {
    margin-top: 52px;
    max-width: 1080px;
  }

  .process-step {
    grid-template-columns: 94px minmax(0, 1fr);
    min-height: 132px;
    padding-right: 28px;
  }

  .process-step::before {
    font-size: 4.15rem;
  }

  .process-step:not(:last-child)::after {
    left: 126px;
    right: -6px;
    top: 29px;
  }

  .process-step__icon {
    height: 54px;
    margin-left: 42px;
    width: 54px;
  }

  .process-step h3 {
    font-size: 0.92rem;
  }

  .process-step p {
    font-size: 0.82rem;
    max-width: 176px;
  }
}

@media (min-width: 421px) and (max-width: 759px) {
  .services-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 560px;
    width: 100%;
  }
}

/* Final pixel lock for Landing Page-New fidelity */
@media (min-width: 980px) {
  .hero {
    min-height: 748px;
    padding: 124px 0 116px;
  }

  .hero__inner {
    gap: 18px;
    grid-template-columns: minmax(0, 510px) minmax(0, 1fr);
  }

  .hero__content {
    max-width: 510px;
  }

  .hero h1 {
    font-size: clamp(3.15rem, 3.35vw, 3.75rem);
    max-width: 535px;
  }

  .hero__lead {
    font-size: 1.18rem;
    margin-top: 34px;
    max-width: 470px;
  }

  .hero__badges {
    flex-wrap: nowrap;
    gap: 20px;
    margin-top: 58px;
    white-space: nowrap;
  }

  .hero__badges li {
    font-size: 0.77rem;
  }

  .hero__visual {
    min-height: 590px;
  }

  .phone-stage {
    height: 610px;
    max-width: 660px;
    transform: translateX(40px);
  }

  .iphone {
    width: 316px;
  }

  .iphone--home {
    left: 10px;
    top: 2px;
    transform: rotateZ(-3.2deg);
    width: 326px;
    z-index: 4;
  }

  .iphone--request {
    right: 18px;
    top: 82px;
    transform: rotateZ(5.2deg);
    width: 300px;
    z-index: 3;
  }

  .trust-strip {
    margin-top: -64px;
  }

  .services-grid {
    gap: 28px;
  }

  .process-steps {
    gap: 0;
    max-width: 1180px;
  }

  .process-step {
    grid-template-columns: 92px minmax(0, 1fr);
    padding-right: 30px;
  }

  .process-step:not(:last-child)::after {
    left: 124px;
    right: -2px;
    top: 28px;
  }

  .process-step__icon {
    height: 54px;
    margin-left: 42px;
    width: 54px;
  }
}

@media (min-width: 1280px) {
  .phone-stage {
    transform: translateX(40px);
  }
}

@media (min-width: 980px) and (max-width: 1180px) {
  .hero__inner {
    grid-template-columns: minmax(0, 470px) minmax(0, 1fr);
  }

  .hero h1 {
    font-size: clamp(2.9rem, 4.4vw, 3.3rem);
    max-width: 480px;
  }

  .hero__lead {
    max-width: 430px;
  }

  .hero__badges {
    gap: 14px;
  }

  .hero__badges li {
    font-size: 0.72rem;
  }

  .phone-stage {
    max-width: 590px;
    transform: translateX(18px);
  }

  .iphone--home {
    width: 292px;
  }

  .iphone--request {
    right: 8px;
    top: 86px;
    width: 270px;
  }
}

@media (max-width: 979px) {
  .hero__inner {
    grid-template-columns: 1fr;
  }

  .hero__badges {
    white-space: normal;
  }
}

@media (max-width: 759px) {
  .hero {
    padding-bottom: 64px;
  }

  .hero__actions {
    max-width: 100%;
  }

  .hero__visual {
    min-height: 390px;
  }

  .phone-stage {
    height: 390px;
    max-width: 420px;
    transform: none;
  }

  .iphone--home {
    left: 28px;
    top: 8px;
    transform: rotateZ(-4deg);
    width: 186px;
    z-index: 4;
  }

  .iphone--request {
    right: 26px;
    top: 92px;
    transform: rotateZ(6deg);
    width: 178px;
    z-index: 3;
  }

  .process-steps {
    gap: 18px;
    grid-template-columns: 1fr;
    margin-top: 28px;
  }

  .process-step {
    grid-template-columns: 76px minmax(0, 1fr);
    min-height: auto;
    padding-right: 0;
  }

  .process-step::after {
    display: none;
  }

  .process-step__icon {
    margin-left: 32px;
  }

  .process-step p {
    max-width: 100%;
  }
}

@media (min-width: 421px) and (max-width: 759px) {
  .services-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 560px;
  }
}

@media (max-width: 420px) {
  .phone-stage {
    height: 350px;
  }

  .iphone--home {
    left: 10px;
    width: 166px;
  }

  .iphone--request {
    right: 8px;
    top: 84px;
    width: 158px;
  }
}

@media (max-width: 759px) {
  .hero h1 {
    font-size: clamp(2rem, 7.2vw, 2.32rem);
    max-width: 100%;
  }

  .hero h1 .hero-title__line--main,
  .hero h1 .hero-title__line--accent {
    white-space: normal !important;
  }

  .hero__lead,
  .hero__actions,
  .hero__badges,
  .section-heading,
  .process-step > div {
    max-width: 100%;
    min-width: 0;
  }

  .services-grid {
    grid-template-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
    max-width: 260px;
    width: 100%;
  }

  .service-card,
  .help-card,
  .about-card,
  .cta-card {
    max-width: 100%;
    min-width: 0;
  }

  .section-heading h2,
  .process-step h3,
  .process-step p {
    overflow-wrap: anywhere;
  }

  .process-section .section-heading h2 {
    font-size: 1.72rem;
  }

  .process-step {
    grid-template-columns: 60px minmax(0, 1fr);
  }

  .process-step__icon {
    margin-left: 16px;
  }
}

@media (max-width: 420px) {
  .services-grid {
    grid-template-columns: 1fr;
    max-width: 260px;
  }
}

@media (min-width: 421px) and (max-width: 759px) {
  .services-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 560px;
    width: 100%;
  }
}

/* Final override layer: keep this at EOF so old tuning cannot win */
@media (min-width: 1280px) {
  .hero {
    min-height: 708px;
    padding: 104px 0 94px;
  }

  .hero__inner {
    gap: 4px;
    grid-template-columns: minmax(0, 540px) minmax(0, 1fr);
  }

  .hero h1 {
    font-size: clamp(3.2rem, 3.55vw, 3.9rem);
    max-width: 560px;
  }

  .hero__lead {
    margin-top: 24px;
  }

  .hero__actions {
    margin-top: 28px;
  }

  .hero__badges {
    flex-wrap: nowrap;
    gap: 21px;
    margin-top: 46px;
    white-space: nowrap;
  }

  .hero__visual {
    min-height: 570px;
  }

  .phone-stage {
    height: 608px;
    max-width: 710px;
    transform: translate(74px, 30px);
  }

  .iphone--home {
    left: 0;
    top: 10px;
    transform: rotateZ(-3deg) translateZ(16px);
    width: 344px;
  }

  .iphone--request {
    right: 2px;
    top: 82px;
    transform: rotateZ(5deg) translateZ(2px);
    width: 316px;
  }

  .trust-strip {
    margin-top: -70px;
  }

  .process-steps {
    margin-top: 58px;
    max-width: 1260px;
  }

  .process-step {
    grid-template-columns: 116px minmax(0, 1fr);
    min-height: 146px;
    padding-right: 46px;
  }

  .process-step::before {
    font-size: 4.7rem;
    top: -12px;
  }

  .process-step:not(:last-child)::after {
    left: 154px;
    right: -10px;
    top: 31px;
  }

  .process-step__icon {
    height: 58px;
    margin-left: 54px;
    width: 58px;
  }

  .process-step p {
    max-width: 208px;
  }
}

@media (min-width: 980px) and (max-width: 1279px) {
  .hero {
    min-height: 684px;
    padding: 104px 0 88px;
  }

  .hero__inner {
    gap: 10px;
    grid-template-columns: minmax(0, 490px) minmax(0, 1fr);
  }

  .hero h1 {
    font-size: clamp(2.8rem, 4.1vw, 3.25rem);
    max-width: 510px;
  }

  .hero__lead {
    font-size: 1.08rem;
    margin-top: 22px;
  }

  .hero__actions {
    margin-top: 26px;
  }

  .hero__badges {
    gap: 13px;
    margin-top: 40px;
    white-space: nowrap;
  }

  .hero__badges li {
    font-size: 0.71rem;
  }

  .hero__visual {
    min-height: 540px;
  }

  .phone-stage {
    height: 560px;
    max-width: 610px;
    transform: translate(34px, 28px);
  }

  .iphone--home {
    left: 0;
    top: 18px;
    width: 302px;
  }

  .iphone--request {
    right: 0;
    top: 92px;
    width: 282px;
  }

  .trust-strip {
    margin-top: -66px;
  }

  .process-steps {
    margin-top: 52px;
    max-width: 1080px;
  }

  .process-step {
    grid-template-columns: 94px minmax(0, 1fr);
    min-height: 132px;
    padding-right: 28px;
  }

  .process-step::before {
    font-size: 4.15rem;
  }

  .process-step:not(:last-child)::after {
    left: 126px;
    right: -6px;
    top: 29px;
  }

  .process-step__icon {
    height: 54px;
    margin-left: 42px;
    width: 54px;
  }

  .process-step h3 {
    font-size: 0.92rem;
  }

  .process-step p {
    font-size: 0.82rem;
    max-width: 176px;
  }
}

@media (max-width: 979px) {
  .hero {
    min-height: auto;
    padding: 100px 0 72px;
  }

  .hero__inner {
    gap: 22px;
    grid-template-columns: 1fr;
  }

  .hero__content {
    margin-inline: auto;
    max-width: 660px;
    text-align: center;
  }

  .hero h1 {
    font-size: clamp(2.6rem, 7vw, 3.55rem);
    max-width: 660px;
  }

  .hero__lead {
    margin-inline: auto;
  }

  .hero__actions,
  .hero__badges {
    justify-content: center;
  }

  .hero__badges {
    flex-wrap: wrap;
    gap: 14px 18px;
    white-space: normal;
  }

  .hero__visual {
    min-height: 470px;
  }

  .phone-stage {
    height: 470px;
    max-width: 560px;
    transform: none;
  }

  .iphone--home {
    left: 66px;
    top: 4px;
    width: 240px;
  }

  .iphone--request {
    right: 58px;
    top: 74px;
    width: 224px;
  }

  .trust-strip {
    margin-top: -46px;
  }
}

@media (max-width: 759px) {
  .hero {
    padding: 92px 0 58px;
  }

  .hero__content {
    text-align: left;
  }

  .hero h1 {
    font-size: clamp(2.35rem, 10vw, 3.2rem);
    line-height: 1.05;
  }

  .hero__lead {
    font-size: 1rem;
    line-height: 1.52;
  }

  .hero__lead br {
    display: none;
  }

  .hero__actions {
    justify-content: flex-start;
  }

  .hero .button--hero-primary,
  .hero .button--hero-secondary {
    min-height: 46px;
    padding: 0 18px;
  }

  .hero__badges {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
    justify-content: flex-start;
    margin-top: 28px;
  }

  .hero__visual {
    min-height: 405px;
  }

  .phone-stage {
    height: 405px;
    max-width: 430px;
  }

  .iphone {
    border-radius: 40px;
    padding: 6px;
  }

  .iphone__screen {
    border-radius: 34px;
  }

  .iphone__screen img,
  .iphone__screen--home img,
  .iphone__screen--request img {
    display: block;
    height: 100%;
    object-fit: contain;
    opacity: 1;
    visibility: visible;
    width: 100%;
  }

  .iphone__notch {
    height: 16px;
    top: 12px;
    width: 64px;
  }

  .iphone--home {
    left: 30px;
    top: 8px;
    width: 190px;
  }

  .iphone--request {
    right: 26px;
    top: 80px;
    width: 178px;
  }

  .trust-panel {
    border-radius: 18px;
  }

  .trust-item {
    min-height: auto;
    padding: 22px 24px;
  }

  .services-section {
    padding-top: 44px;
  }

  .service-card {
    min-height: 148px;
  }

  .process-section {
    padding-top: 18px;
  }

  .process-steps {
    gap: 18px;
    grid-template-columns: 1fr;
    margin-top: 34px;
    max-width: 520px;
  }

  .process-step {
    background: rgba(248, 251, 255, 0.76);
    border: 1px solid rgba(215, 224, 244, 0.78);
    border-radius: 18px;
    grid-template-columns: 78px minmax(0, 1fr);
    min-height: auto;
    padding: 18px 20px 18px 12px;
  }

  .process-step::before {
    font-size: 3.2rem;
    left: 10px;
    top: 14px;
  }

  .process-step:not(:last-child)::after {
    display: none;
  }

  .process-step__icon {
    height: 48px;
    margin-left: 34px;
    width: 48px;
  }

  .process-step h3 {
    padding-top: 2px;
  }

  .process-step p {
    max-width: 100%;
  }

  .help-card {
    padding: 24px;
  }

  .help-card__actions {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 420px) {
  .hero__actions {
    display: grid;
    gap: 12px;
    width: 100%;
  }

  .hero .button--hero-primary,
  .hero .button--hero-secondary {
    width: 100%;
  }

  .hero__visual {
    min-height: 360px;
  }

  .phone-stage {
    height: 360px;
  }

  .iphone--home {
    left: 12px;
    width: 170px;
  }

  .iphone--request {
    right: 10px;
    top: 76px;
    width: 160px;
  }

  .services-grid {
    grid-template-columns: 1fr;
  }
}