/* ==========================================================
     1. Tokens
     ========================================================== */
     /* devanagari */
     @font-face {
       font-family: 'Poppins';
       font-style: normal;
       font-weight: 400;
       font-display: swap;
       src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJbecnFHGPezSQ.woff2) format('woff2');
       unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
     }
     /* latin-ext */
     @font-face {
       font-family: 'Poppins';
       font-style: normal;
       font-weight: 400;
       font-display: swap;
       src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJnecnFHGPezSQ.woff2) format('woff2');
       unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
     }
     /* latin */
     @font-face {
       font-family: 'Poppins';
       font-style: normal;
       font-weight: 400;
       font-display: swap;
       src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2) format('woff2');
       unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
     }
     /* devanagari */
     @font-face {
       font-family: 'Poppins';
       font-style: normal;
       font-weight: 500;
       font-display: swap;
       src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z11lFd2JQEl8qw.woff2) format('woff2');
       unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
     }
     /* latin-ext */
     @font-face {
       font-family: 'Poppins';
       font-style: normal;
       font-weight: 500;
       font-display: swap;
       src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z1JlFd2JQEl8qw.woff2) format('woff2');
       unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
     }
     /* latin */
     @font-face {
       font-family: 'Poppins';
       font-style: normal;
       font-weight: 500;
       font-display: swap;
       src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z1xlFd2JQEk.woff2) format('woff2');
       unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
     }
     /* devanagari */
     @font-face {
       font-family: 'Poppins';
       font-style: normal;
       font-weight: 600;
       font-display: swap;
       src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z11lFd2JQEl8qw.woff2) format('woff2');
       unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
     }
     /* latin-ext */
     @font-face {
       font-family: 'Poppins';
       font-style: normal;
       font-weight: 600;
       font-display: swap;
       src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z1JlFd2JQEl8qw.woff2) format('woff2');
       unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
     }
     /* latin */
     @font-face {
       font-family: 'Poppins';
       font-style: normal;
       font-weight: 600;
       font-display: swap;
       src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z1xlFd2JQEk.woff2) format('woff2');
       unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
     }
     /* devanagari */
     @font-face {
       font-family: 'Poppins';
       font-style: normal;
       font-weight: 700;
       font-display: swap;
       src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z11lFd2JQEl8qw.woff2) format('woff2');
       unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
     }
     /* latin-ext */
     @font-face {
       font-family: 'Poppins';
       font-style: normal;
       font-weight: 700;
       font-display: swap;
       src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z1JlFd2JQEl8qw.woff2) format('woff2');
       unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
     }
     /* latin */
     @font-face {
       font-family: 'Poppins';
       font-style: normal;
       font-weight: 700;
       font-display: swap;
       src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z1xlFd2JQEk.woff2) format('woff2');
       unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
     }

  :root {
    --blue: #1745e5;
    --deep: #0d0a73;
    --ink: #111328;
    --pale: #eef6ff;
    --cyan: #00b4c8;
    --line: #dce6f5;
    --white: #fff;
    --shadow: 0 20px 60px rgba(17, 42, 106, .13);
  }

  /* ==========================================================
     2. Base
     ========================================================== */
  * { box-sizing: border-box; }

  html { scroll-behavior: smooth; }

  body {
    margin: 0;
    color: var(--ink);
    font-family: Poppins, Arial, sans-serif;
    background: #fff;
    line-height: 1.55;
  }

  a {
    color: inherit;
    text-decoration: none;
  }

  button { font: inherit; }

  .wrap {
    width: min(1160px, calc(100% - 40px));
    margin: auto;
  }

  /* ==========================================================
     3. Logo mark (used inside the app icons)
     ========================================================== */
  .myt-mark {
    display: block;
    width: 91px;
    height: 45px;
    color: var(--blue);
  }

  /* ==========================================================
     4. Hero
     ========================================================== */
  .hero {
    overflow: hidden;
    background: linear-gradient(125deg, #eff7ff 0%, #e7f1ff 56%, #dff8fb 100%);
    padding: 72px 0 54px;
  }

  .hero-grid {
    display: grid;
    grid-template-columns: 1.02fr .98fr;
    align-items: center;
    min-height: 510px;
  }

  .app-lockup {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 24px;
  }

  .app-icon {
    width: 76px;
    height: 76px;
    border-radius: 20px;
    background: linear-gradient(145deg, #315cf0, var(--deep));
    /* box-shadow: 0 15px 35px rgba(23, 69, 229, .25); */
    display: grid;
    place-items: center;
    color: #fff;
  }

  .app-icon .myt-mark {
    width: 52px;
    height: 28px;
    color: #fff;
  }

  .app-name {
    font-size: 27px;
    font-weight: 600;
    letter-spacing: -.6px;
  }

  .app-name span {
    display: block;
    font-size: 14px;
    color: #53617a;
    font-weight: 500;
    letter-spacing: .1px;
  }

  .eyebrow {
    font-size: 14px;
    font-weight: 600;
    color: var(--myt-blue);
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  .hero h1 {
    font-size: clamp(42px, 5vw, 68px);
    line-height: 1.04;
    letter-spacing: -2.7px;
    margin: 10px 0 20px;
    max-width: 650px;
  }

  .hero h1 em {
    font-style: normal;
    color: var(--blue);
  }

  .hero-copy {
    font-size: 19px;
    color: #42516d;
    max-width: 570px;
    margin: 0 0 27px;
  }

  .store-row {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
  }

  .store-row img {
    height: 48px;
    width: auto;
    display: block;
  }

  .store-row .gallery { height: 49px; }

  .trust {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 20px;
    color: #45546b;
    font-size: 13px;
  }

  /* .trust span:before {
    content: '✓';
    color: var(--blue);
    font-weight: 700;
    margin-right: 7px;
  } */
  
  .trust span::before {
	  content: '';
	  display: inline-block;
	  width: 16px;
	  height: 16px;
	  margin-right: 7px;
	  vertical-align: -3px;
	  background-color: var(--myt-blue);
	  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat;
			  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat;
	}

  .hero-visual {
    position: relative;
    min-height: 520px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
  }

  .hero-visual:before {
    content: '';
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .72);
    top: 40px;
    right: 20px;
    box-shadow: 0 0 0 28px rgba(255, 255, 255, .25);
  }

  .phones {
    position: relative;
    z-index: 2;
    width: min(590px, 110%);
    filter: drop-shadow(0 32px 25px rgba(29, 46, 98, .2));
    transform: translateY(42px);
  }

  .float-pill {
    position: absolute;
    z-index: 3;
    background: #fff;
    border-radius: 16px;
    padding: 12px 16px;
    box-shadow: var(--shadow);
    font-size: 13px;
    font-weight: 600;
  }

  .float-pill.one {
    right: 0;
    top: 120px;
  }

  .float-pill.two {
    left: 0;
    bottom: 80px;
  }

  .float-pill b {
    display: inline-grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 9px;
    background: #e7efff;
    color: var(--blue);
    margin-right: 8px;
  }

  /* ==========================================================
     5. Sections & benefits
     ========================================================== */
  .section { padding: 94px 0; }

  .section-head {
    text-align: center;
    max-width: 720px;
    margin: 0 auto 45px;
  }

  .section h2 {
    font-size: clamp(32px, 4vw, 48px);
    line-height: 1.15;
    letter-spacing: -1.7px;
    margin: 0 0 14px;
  }

  .section-head p {
    margin: 0;
    color: #5b6880;
    font-size: 17px;
  }

  .benefits {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
  }

  .benefit {
    padding: 28px 25px;
    border: 1px solid var(--line);
    border-radius: 24px;
    background: #fff;
    transition: .25s;
  }

  .benefit:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow);
    border-color: transparent;
  }

  /* .icon {
    width: 50px;
    height: 50px;
    border-radius: 15px;
    background: var(--pale);
    color: var(--blue);
    display: grid;
    place-items: center;
    margin-bottom: 20px;
  }
 */
  .icon svg {
    width: 25px;
    height: 25px;
    stroke: currentColor;
	stroke: var(--myt-blue);
    fill: none;
    stroke-width: 1.8;
  }

  .benefit h3 {
    font-size: 18px;
    line-height: 1.3;
    margin: 0 0 9px;
  }

  .benefit p {
    font-size: 14px;
    color: #66748b;
    margin: 0;
  }

  /* ==========================================================
     6. Features
     ========================================================== */
  .features { background: #f7faff; }

  .feature-grid {
    display: grid;
    grid-template-columns: .86fr 1.14fr;
    gap: 68px;
    align-items: center;
  }

  .screen-stage {
    background: linear-gradient(145deg, #dcecff, #dffafa);
    border-radius: 42px;
    min-height: 560px;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative;
  }

  .screen-stage img {
    height: 590px;
    position: absolute;
    bottom: -82px;
    filter: drop-shadow(0 22px 18px rgba(20, 42, 97, .18));
  }

  .feature-copy h2 { margin-bottom: 18px; }

  .feature-copy > p {
    color: #5c6980;
    margin-bottom: 28px;
  }

  .service-list {
    display: grid;
    gap: 12px;
  }
  
   .service {
	  border: 1px solid #dce7f7;
	  background: #fff;
	  border-radius: 18px;
	  padding: 19px 20px;
	  display: grid;
	  grid-template-columns: auto 1fr auto; /* was 44px 1fr auto */
	  gap: 12px;                             /* now controls the real space */
	  align-items: center;
	  cursor: pointer;
  }
  
  .service { grid-template-columns: 40px 1fr auto; gap: 12px; }
  .service .icon {
	  width: 40px; height: 40px;
	  display: grid; place-items: center;
  }
  
  @media (min-width: 992px) {
	  .service small {
		white-space: nowrap;
	  }
  }

  /* .service {
    border: 1px solid #dce7f7;
    background: #fff;
    border-radius: 18px;
    padding: 19px 20px;
    display: grid;
    grid-template-columns: 44px 1fr auto;
    gap: 15px;
    align-items: center;
    cursor: pointer;
  } */

  .service:hover { border-color: #9bb5ff; }

  .service strong {
    display: block;
    font-size: 16px;
  }

  .service small { color: #67748a; }

  .service .icon {
    width: 44px;
    height: 44px;
    border-radius: 13px;
    margin: 0;
  }

  .arrow {
    color: var(--blue);
    font-size: 20px;
  }

  /* ==========================================================
     7. Support
     ========================================================== */
  .support-strip { padding: 80px 0; }

  .support-card {
    border-radius: 34px;
    background: var(--deep);
    color: #fff;
    display: grid;
    grid-template-columns: 1fr 1fr;
    overflow: hidden;
    min-height: 450px;
  }

  .support-copy { padding: 64px; }

  .support-copy h2 {
    /* font-size: 42px; */
	color: var(--myt-black);
    margin: 0 0 20px;
    line-height: 1.1;
  }

  .support-copy p {
    /* color: #d9ddff; */
	color: var(--myt-black);
    font-size: 17px;
  }

  .tick-list {
    display: grid;
    gap: 12px;
    margin: 27px 0;
	color: var(--myt-black);
  }

  .tick-list span {
	display: flex;
	align-items: center;
  }

  .tick-list span::before {
	  content: '';
	  flex: 0 0 24px;            /* fixed size, never squashed by long text */
	  width: 24px;
	  height: 24px;
	  margin-right: 10px;
	  background-color: var(--myt-blue);
	  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat;
			  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat;
  }


  .support-image {
   /*  background: #e9fff6; */	
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: center;
  }

  .support-image img {
    height: 510px;
    margin-bottom: -92px;
  }

  /* ==========================================================
     8. Download
     ========================================================== */
  .download { padding: 20px 0 95px; }

  .download-card {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1.35fr .65fr;
    align-items: center;
    color: #fff;
    background: linear-gradient(125deg, var(--blue), var(--deep));
    border-radius: 36px;
    padding: 58px 64px;
  }

  .download-card:after {
    content: '';
    position: absolute;
    width: 340px;
    height: 340px;
    border: 55px solid rgba(255, 255, 255, .08);
    border-radius: 50%;
    right: -100px;
    top: -130px;
  }

  .download h2 {
    /* font-size: 42px; */
	color: var(--myt-white);
    line-height: 1.12;
    margin: 14px 0;
  }

  .download p {
    color: #dce5ff;
    max-width: 620px;
  }

  .download .store-row { margin-top: 24px; }

  .qr-box {
    position: relative;
    z-index: 2;
    justify-self: end;
    text-align: center;
    background: #fff;
    color: #17203a;
    padding: 18px 18px 13px;
    border-radius: 20px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .18);
  }

  .qr-box img {
    width: 150px;
    height: 150px;
    display: block;
  }

  .qr-box span {
    font-size: 12px;
    font-weight: 600;
  }

  /* ==========================================================
     9. FAQ
     ========================================================== */
  .faq { /* padding: 80px 0 110px; */ }

  .faq-list {
    max-width: 850px;
    margin: auto;
  }

  .faq-item { border-bottom: 1px solid var(--line); }

  .faq-q {
    width: 100%;
    border: 0;
    background: none;
    display: flex;
    justify-content: space-between;
    text-align: left;
    padding: 22px 0;
    font-weight: 600;
    color: var(--ink);
    cursor: pointer;
  }

  .faq-q span:last-child {
    color: var(--blue);
    font-size: 21px;
    transition: .25s;
  }

  .faq-a {
    max-height: 0;
    overflow: hidden;
    color: #657187;
    transition: max-height .3s ease;
  }

  .faq-a p {
    margin: 0;
    padding: 0 50px 24px 0;
  }

  .faq-item.open .faq-a { max-height: 180px; }

  .faq-item.open .faq-q span:last-child { transform: rotate(45deg); }

  /* ==========================================================
     10. Mobile CTA
     ========================================================== */
  .mobile-cta { display: none; }

  /* ==========================================================
     11. Responsive — tablet (≤ 900px)
     ========================================================== */
  @media (max-width: 900px) {
    .hero { padding: 50px 0 30px; }
    .hero-grid { grid-template-columns: 1fr; }
    .hero-visual { min-height: 430px; }

    .phones {
      width: 560px;
      max-width: 110%;
    }

    .float-pill.one { right: 5%; }

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

    .feature-grid { grid-template-columns: 1fr; }
    .screen-stage { order: 2; }

    .support-card { grid-template-columns: 1fr; }
    .support-image { min-height: 390px; }

    .download-card { grid-template-columns: 1fr; }
    .qr-box { display: none; }
  }

  /* ==========================================================
     12. Responsive — mobile (≤ 600px)
     ========================================================== */
  @media (max-width: 600px) {
    .wrap { width: min(100% - 28px, 1160px); }

    .hero { padding-top: 35px; }

    .app-icon {
      width: 62px;
      height: 62px;
      border-radius: 17px;
    }

    .app-icon .myt-mark { width: 44px; }
    .app-name { font-size: 23px; }

    .hero h1 {
      font-size: 43px;
      letter-spacing: -1.8px;
    }

    .hero-copy { font-size: 16px; }
    .store-row img { height: 42px; }
    .store-row .gallery { height: 43px; }
    .trust { gap: 8px 16px; }

    .hero-visual { min-height: 355px; }

    .hero-visual:before {
      width: 300px;
      height: 300px;
    }

    .phones { transform: translateY(30px); }
    .float-pill { display: none; }

    .section { padding: 70px 0; }

    .section-head {
      text-align: left;
      margin-bottom: 28px;
    }

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

    .benefit {
      display: grid;
      grid-template-columns: 50px 1fr;
      column-gap: 16px;
    }

    .benefit .icon {
      grid-row: 1 / 3;
      margin: 0;
    }

    .benefit p { grid-column: 2; }

    .feature-grid { gap: 35px; }

    .screen-stage {
      min-height: 430px;
      border-radius: 30px;
    }

    .screen-stage img { height: 470px; }

    .service {
      grid-template-columns: 40px 1fr auto;
      padding: 15px;
    }

    .service small { display: block; }

    .support-card { border-radius: 28px; }
    .support-copy { padding: 38px 27px; }
    .support-copy h2 { font-size: 34px; }
    .support-image { min-height: 325px; }
    .support-image img { height: 410px; }

    .download-card {
      padding: 42px 26px;
      border-radius: 28px;
    }

    .download h2 { font-size: 34px; }

    .faq { /* padding: 65px 0 100px; */ }
    .faq-q { font-size: 15px; }

    .mobile-cta {
      display: block;
      position: fixed;
      z-index: 30;
      left: 14px;
      right: 14px;
      bottom: 14px;
      text-align: center;
      padding: 14px;
      border-radius: 999px;
      color: #fff;
      background: var(--blue);
      font-weight: 600;
      box-shadow: 0 12px 35px rgba(23, 69, 229, .38);
    }
  }


@media (max-width: 767px) {
   .mobilepadding{
	   padding-top:3rem!important;
   }
}

/* ===== Download App Section ===== */
.download-wrapper {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	flex-wrap: wrap;
}

/* Phone mockup on the left */
.download-phone {
	flex-shrink: 0;
	display: flex;
	align-items: center;
  padding-right: 40px;
}

.download-phone img {
	width: 250px;
	max-width: 100%;
	height: auto;
	object-fit: contain;
}

/* Middle text + badges block */
.download-content {
	flex: 0 1 auto;
	min-width: 260px;
}

.downloadgrid {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: max-content;
	gap: 16px;
	align-items: center;
	margin: 0;
}

.store-badge {
	width: 140px;
}

/* QR block on the right */
.download-qr {
	text-align: center;
	flex-shrink: 0;
	margin-left: 0;
}

.download-qr img {
	width: 140px;
	height: 140px;
	object-fit: contain;
	margin: 0 auto;
}

.download-qr p {
	margin: 5px 0 0;
	font-size: 13px;
}

/* ===== Mobile ===== */
@media (max-width: 900px) {
	.download-wrapper {
		flex-direction: column;
		justify-content: center;
		text-align: center;
	}

	.download-content {
		text-align: center;
	}

	.download-content .sec__head {
		text-align: center;
	}

	.downloadgrid {
		grid-auto-flow: row;
		grid-template-columns: 1fr;
		justify-items: center;
	}

	.download-phone img {
		width: 180px;
	}
	
	.download-qr{
		display:none;
	}	

	.download-qr img {
		width: 150px;
		height: 150px;
	}
}


.features .screen-stage img { transition: opacity .25s ease; }
.features .screen-stage img.is-fading { opacity: 0; }

.features .service { cursor: pointer; }
.features .service.is-active { /* use your DS highlight token here, e.g. border/background */ }
.features .service:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.features .service .icon svg,
.features .service .arrow svg { display: block; }

@media (min-width: 992px) {
  .features .screen-stage { order: 2; }
  .features .feature-copy { order: 1; }
}

.speed-intro {
	max-width:800px!important;
}	

#benefits .benefits-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
@media (min-width: 768px) {
  #benefits .benefits-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1200px) {
  #benefits .benefits-grid { grid-template-columns: repeat(4, 1fr); }
}

/* card and card-body share the parent's rows: icon / title / text */
#benefits .benefits-grid .bcard,
#benefits .benefits-grid .bcard .card-body {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  row-gap: 0;
}