/* Scoped components retained from the public Yongrow theme. Source date: 2026-10-15; visual rechecked 2026-10-27. */

  .yg-trust-bar {
    background: #168fe8;
    padding: 30px 20px;
  }

  .yg-trust-container {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
  }

  .yg-trust-item {
    min-height: 112px;
    padding: 22px 24px;
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    color: #ffffff;
    text-align: left;
  }

  .yg-trust-icon {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .yg-trust-icon svg {
    width: 32px;
    height: 32px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .yg-trust-content h3 {
    margin: 0 0 6px;
    color: #ffffff;
    font-size: 17px;
    line-height: 1.3;
    font-weight: 700;
  }

  .yg-trust-content p {
    margin: 0;
    color: rgba(255, 255, 255, 0.88);
    font-size: 14px;
    line-height: 1.55;
  }

  @media screen and (max-width: 989px) {
    .yg-trust-container {
      grid-template-columns: 1fr;
      max-width: 680px;
    }

    .yg-trust-item {
      min-height: auto;
    }
  }

  @media screen and (max-width: 749px) {
    .yg-trust-bar {
      padding: 22px 15px;
    }

    .yg-trust-container {
      gap: 12px;
    }

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

    .yg-trust-content h3 {
      font-size: 16px;
    }

    .yg-trust-content p {
      font-size: 13px;
    }
  }


  .yg-compare-section {
    padding: 24px 20px 70px;
    background: #ffffff;
  }

  .yg-compare-container {
    max-width: 1200px;
    margin: 0 auto;
  }

  .yg-compare-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 14px;
    box-shadow: 0 8px 28px rgba(15, 44, 89, 0.08);
  }

  .yg-compare-table {
    width: 100%;
    min-width: 820px;
    border-collapse: collapse;
    background: #ffffff;
  }

  .yg-compare-table th,
  .yg-compare-table td {
    padding: 20px 22px;
    text-align: center;
    border-right: 1px solid #e5ebf2;
    border-bottom: 1px solid #e5ebf2;
  }

  .yg-compare-table th:last-child,
  .yg-compare-table td:last-child {
    border-right: none;
  }

  .yg-compare-table tbody tr:last-child th,
  .yg-compare-table tbody tr:last-child td {
    border-bottom: none;
  }

  .yg-compare-table thead th {
    background: #ebf3fa;
    color: #0f2c59;
    font-size: 18px;
    font-weight: 700;
  }

  .yg-compare-table thead th:first-child {
    background: #f5f7fa;
    color: #333333;
  }

  .yg-compare-table tbody th {
    width: 210px;
    background: #f8fafc;
    color: #333333;
    text-align: left;
    font-size: 15px;
    font-weight: 600;
  }

  .yg-compare-table tbody td {
    color: #4c5562;
    font-size: 15px;
    line-height: 1.5;
  }

  .yg-model-name {
    display: block;
    margin-bottom: 5px;
    color: #0f2c59;
    font-size: 20px;
    font-weight: 700;
  }

  .yg-model-type {
    display: block;
    color: #687385;
    font-size: 13px;
    font-weight: 400;
  }

  .yg-check {
    color: #168fe8;
    font-size: 20px;
    font-weight: 700;
  }

  .yg-compare-button-wrap {
    margin-top: 32px;
    text-align: center;
  }

  .yg-compare-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 210px;
    padding: 14px 28px;
    border: 1px solid #168fe8;
    border-radius: 999px;
    background: #168fe8;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    transition:
      background 0.25s ease,
      border-color 0.25s ease,
      transform 0.25s ease;
  }

  .yg-compare-button:hover {
    background: #0f2c59;
    border-color: #0f2c59;
    color: #ffffff;
    transform: translateY(-2px);
  }

  .yg-mobile-hint {
    display: none;
    margin: 0 0 12px;
    color: #707986;
    text-align: center;
    font-size: 13px;
  }

  @media screen and (max-width: 749px) {
    .yg-compare-section {
      padding: 16px 15px 52px;
    }

    .yg-mobile-hint {
      display: block;
    }

    .yg-compare-table th,
    .yg-compare-table td {
      padding: 16px;
    }

    .yg-compare-button-wrap {
      margin-top: 26px;
    }
  }


  .yg-app-showcase {
    --yg-blue: #168fe8;
    --yg-dark: #0f2c59;
    --yg-text: #242b35;
    --yg-muted: #667080;
    --yg-card-bg: #ffffff;
    --yg-section-bg: #f7faff;

    padding: 78px 20px 82px;
    overflow: hidden;
    background: var(--yg-section-bg);
  }

  .yg-app-showcase * {
    box-sizing: border-box;
  }

  .yg-app-container {
    max-width: 1200px;
    margin: 0 auto;
  }

  .yg-app-heading {
    max-width: 760px;
    margin: 0 auto 48px;
    text-align: center;
  }

  .yg-app-heading h2 {
    margin: 0 0 12px;
    color: var(--yg-text);
    font-size: 36px;
    line-height: 1.25;
    font-weight: 700;
  }

  .yg-app-heading p {
    margin: 0;
    color: var(--yg-muted);
    font-size: 16px;
    line-height: 1.65;
  }


  .yg-app-stage {
    position: relative;
    max-width: 980px;
    height: 520px;
    margin: 0 auto;
  }


  .yg-app-card {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300px;

    padding: 12px 12px 22px;

    border: 1px solid rgba(15, 44, 89, 0.08);
    border-radius: 22px;

    background: var(--yg-card-bg);

    box-shadow:
      0 15px 42px rgba(15,44,89,0.12);

    text-align:center;

    opacity:0;

    transform:
      translate(-50%,-50%)
      scale(0.72);

    transition:
      transform .45s ease,
      opacity .45s ease,
      filter .45s ease;

    cursor:pointer;
    user-select:none;
  }


  .yg-app-card img {

    display:block;

    width:100%;

    aspect-ratio:9 / 16;

    border-radius:15px;

    object-fit:contain;

    background:#ffffff;

  }


  .yg-app-card h3 {

    margin:18px 0 7px;

    color:var(--yg-text);

    font-size:18px;

    line-height:1.35;

    font-weight:700;

  }


  .yg-app-card p {

    min-height:44px;

    margin:0;

    color:var(--yg-muted);

    font-size:13px;

    line-height:1.55;

  }



  .yg-app-card.is-active {

    z-index:5;

    opacity:1;

    transform:
      translate(-50%,-50%)
      scale(1);

  }


  .yg-app-card.is-prev {

    z-index:3;

    opacity:.55;

    transform:
      translate(-155%,-50%)
      scale(.82);

    filter:saturate(.75);

  }


  .yg-app-card.is-next {

    z-index:3;

    opacity:.55;

    transform:
      translate(55%,-50%)
      scale(.82);

    filter:saturate(.75);

  }


  .yg-app-card.is-hidden-left {

    z-index:1;

    opacity:0;

    transform:
      translate(-240%,-50%)
      scale(.66);

  }


  .yg-app-card.is-hidden-right {

    z-index:1;

    opacity:0;

    transform:
      translate(140%,-50%)
      scale(.66);

  }


  .yg-app-nav {

    display:flex;

    align-items:center;

    justify-content:center;

    gap:14px;

    margin-top:6px;

  }


  .yg-app-arrow {

    width:42px;

    height:42px;

    border:1px solid #d9e5f0;

    border-radius:50%;

    background:#ffffff;

    color:var(--yg-dark);

    font-size:23px;

    cursor:pointer;

  }


  .yg-app-dots {

    display:flex;

    gap:8px;

  }


  .yg-app-dot {

    width:8px;

    height:8px;

    padding:0;

    border:none;

    border-radius:50%;

    background:#c9d5df;

  }


  .yg-app-dot.is-active {

    width:24px;

    border-radius:999px;

    background:var(--yg-blue);

  }




  .yg-faq-section {
    --yg-blue: #168fe8;
    --yg-dark-blue: #0f2c59;
    --yg-text: #242b35;
    --yg-muted: #667080;
    --yg-border: #dfe8f1;
    --yg-bg: #f7faff;

    padding: 20px 20px 82px;
    background: #ffffff;
  }

  .yg-faq-section * {
    box-sizing: border-box;
  }

  .yg-faq-container {
    max-width: 980px;
    margin: 0 auto;
  }

  .yg-faq-list {
    display: grid;
    gap: 14px;
  }

  .yg-faq-item {
    overflow: hidden;
    border: 1px solid var(--yg-border);
    border-radius: 12px;
    background: #ffffff;
    transition:
      border-color 0.25s ease,
      box-shadow 0.25s ease;
  }

  .yg-faq-item[open] {
    border-color: rgba(22, 143, 232, 0.55);
    box-shadow: 0 8px 24px rgba(15, 44, 89, 0.07);
  }

  .yg-faq-question {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 68px;
    padding: 20px 58px 20px 22px;
    color: var(--yg-text);
    font-size: 17px;
    line-height: 1.45;
    font-weight: 600;
    cursor: pointer;
    list-style: none;
  }

  .yg-faq-question::-webkit-details-marker {
    display: none;
  }

  .yg-faq-question::before,
  .yg-faq-question::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 24px;
    width: 16px;
    height: 2px;
    border-radius: 2px;
    background: var(--yg-blue);
    transform: translateY(-50%);
    transition: transform 0.25s ease;
  }

  .yg-faq-question::after {
    transform: translateY(-50%) rotate(90deg);
  }

  .yg-faq-item[open] .yg-faq-question::after {
    transform: translateY(-50%) rotate(0deg);
  }

  .yg-faq-answer {
    padding: 0 58px 22px 22px;
    color: var(--yg-muted);
    font-size: 15px;
    line-height: 1.75;
  }

  .yg-faq-answer p {
    margin: 0;
  }

  .yg-faq-note {
    margin-top: 28px;
    padding: 17px 20px;
    border-radius: 10px;
    background: var(--yg-bg);
    color: #687385;
    text-align: center;
    font-size: 13px;
    line-height: 1.65;
  }

  @media screen and (max-width: 749px) {
    .yg-faq-section {
      padding: 12px 15px 60px;
    }

    .yg-faq-question {
      min-height: 62px;
      padding: 18px 50px 18px 18px;
      font-size: 15px;
    }

    .yg-faq-question::before,
    .yg-faq-question::after {
      right: 19px;
      width: 14px;
    }

    .yg-faq-answer {
      padding: 0 18px 20px;
      font-size: 14px;
    }
  }


  .yg-final-cta {
    --yg-blue: #168fe8;
    --yg-dark-blue: #0f2c59;
    --yg-text: #242b35;
    --yg-muted: #667080;
    --yg-light-blue: #ebf3fa;

    padding: 76px 20px;
    background: #ffffff;
  }

  .yg-final-cta * {
    box-sizing: border-box;
  }

  .yg-final-cta-container {
    position: relative;
    max-width: 1180px;
    margin: 0 auto;
    padding: 64px 32px;
    overflow: hidden;
    border: 1px solid #dfe8f2;
    border-radius: 22px;
    background:
      radial-gradient(
        circle at top right,
        rgba(22, 143, 232, 0.15),
        transparent 34%
      ),
      linear-gradient(
        135deg,
        #f7faff 0%,
        #ebf3fa 100%
      );
    text-align: center;
    box-shadow: 0 14px 38px rgba(15, 44, 89, 0.08);
  }

  .yg-final-cta-container::before,
  .yg-final-cta-container::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
  }

  .yg-final-cta-container::before {
    top: -90px;
    right: -70px;
    width: 220px;
    height: 220px;
    border: 1px solid rgba(22, 143, 232, 0.16);
  }

  .yg-final-cta-container::after {
    bottom: -120px;
    left: -90px;
    width: 280px;
    height: 280px;
    background: rgba(255, 255, 255, 0.36);
  }

  .yg-final-cta-content {
    position: relative;
    z-index: 2;
    max-width: 760px;
    margin: 0 auto;
  }

  .yg-final-cta-eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    color: var(--yg-blue);
    font-size: 13px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .yg-final-cta h2 {
    margin: 0 0 16px;
    color: var(--yg-text);
    font-size: 40px;
    line-height: 1.2;
    font-weight: 700;
  }

  .yg-final-cta p {
    max-width: 680px;
    margin: 0 auto;
    color: var(--yg-muted);
    font-size: 16px;
    line-height: 1.75;
  }

  .yg-final-cta-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 30px;
  }

  .yg-final-cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 190px;
    min-height: 48px;
    padding: 14px 26px;
    border-radius: 999px;
    font-size: 15px;
    line-height: 1;
    font-weight: 600;
    text-decoration: none;
    transition:
      background 0.25s ease,
      border-color 0.25s ease,
      color 0.25s ease,
      transform 0.25s ease,
      box-shadow 0.25s ease;
  }

  .yg-final-cta-button-primary {
    border: 1px solid var(--yg-blue);
    background: var(--yg-blue);
    color: #ffffff;
    box-shadow: 0 8px 20px rgba(22, 143, 232, 0.22);
  }

  .yg-final-cta-button-primary:hover {
    border-color: var(--yg-dark-blue);
    background: var(--yg-dark-blue);
    color: #ffffff;
    transform: translateY(-2px);
  }

  .yg-final-cta-button-secondary {
    border: 1px solid #bfd4e7;
    background: #ffffff;
    color: var(--yg-dark-blue);
  }

  .yg-final-cta-button-secondary:hover {
    border-color: var(--yg-blue);
    color: var(--yg-blue);
    transform: translateY(-2px);
  }

  .yg-final-cta-note {
    margin-top: 22px;
    color: #788392;
    font-size: 12px;
    line-height: 1.5;
  }

  @media screen and (max-width: 749px) {
    .yg-final-cta {
      padding: 54px 15px;
    }

    .yg-final-cta-container {
      padding: 46px 20px;
      border-radius: 18px;
    }

    .yg-final-cta h2 {
      font-size: 30px;
    }

    .yg-final-cta p {
      font-size: 14px;
    }

    .yg-final-cta-actions {
      flex-direction: column;
      gap: 12px;
    }

    .yg-final-cta-button {
      width: 100%;
      max-width: 320px;
    }
  }


  #YgFooter-footer_5{display:block!important;width:100%;padding:72px 36px 64px;background:#133162!important;color:#b9c8df}
  #YgFooter-footer_5 *{box-sizing:border-box}
  #YgFooter-footer_5 .yg-footer__grid{display:grid;grid-template-columns:1.18fr 1.22fr 1fr .9fr 1.18fr;gap:clamp(32px,3.7vw,72px);width:min(1640px,100%);margin:0 auto}
  #YgFooter-footer_5 h2,#YgFooter-footer_5 p,#YgFooter-footer_5 ul{margin:0}
  #YgFooter-footer_5 h2{margin-bottom:24px;color:#fff!important;font-family:inherit;font-size:21px;line-height:1.3;font-weight:700}
  #YgFooter-footer_5 .yg-footer__contact{margin-bottom:38px}
  #YgFooter-footer_5 .yg-footer__contact strong,#YgFooter-footer_5 .yg-footer__social>strong{display:block;margin-bottom:9px;color:#fff;font-size:15px}
  #YgFooter-footer_5 a{color:#b9c8df!important;text-decoration:none;transition:color .2s ease}
  #YgFooter-footer_5 a:hover,#YgFooter-footer_5 a:focus{color:#fff!important}
  #YgFooter-footer_5 .yg-footer__column ul{padding:0;list-style:none}
  #YgFooter-footer_5 .yg-footer__column li+li{margin-top:18px}
  #YgFooter-footer_5 .yg-footer__column a,#YgFooter-footer_5 .yg-footer__contact a,#YgFooter-footer_5 .yg-footer__newsletter p{font-size:15px;line-height:1.55}
  #YgFooter-footer_5 .yg-footer__icons{display:flex;gap:28px;margin-top:20px}
  #YgFooter-footer_5 .yg-footer__icons a,#YgFooter-footer_5 .yg-footer__icons span{display:inline-flex;width:24px;height:24px;color:#fff}
  #YgFooter-footer_5 .yg-footer__icons svg{width:100%;height:100%;fill:currentColor;stroke:currentColor;stroke-width:1.8}
  #YgFooter-footer_5 .yg-footer__icons .solid{stroke:none}#YgFooter-footer_5 .yg-footer__icons .play{fill:#133162;stroke:none}
  #YgFooter-footer_5 .yg-footer__newsletter>p{
  margin-bottom:20px;
  color:#ffffff!important;
  font-weight:600;
}
  #YgFooter-footer_5 .yg-footer__form{position:relative;display:flex;width:100%;max-width:340px;margin:0}
  #YgFooter-footer_5 .yg-footer__form input[type=email]{width:100%;height:48px;padding:0 62px 0 20px;border:0;border-radius:999px;outline:0;background:#fff;color:#26384f;font-size:13px}
  #YgFooter-footer_5 .yg-footer__form button{position:absolute;top:0;right:0;display:grid;width:48px;height:48px;padding:0;place-items:center;border:0;border-radius:0 999px 999px 0;background:#20b8d5;color:#fff;font-size:29px;cursor:pointer}
  #YgFooter-footer_5 .yg-footer__form small{position:absolute;top:56px;left:4px;color:#fff;font-size:12px}
  @media(max-width:1199px){#YgFooter-footer_5{padding:60px 30px 54px}#YgFooter-footer_5 .yg-footer__grid{grid-template-columns:1.2fr 1fr 1fr}#YgFooter-footer_5 .yg-footer__newsletter{grid-column:span 2}}
  @media(max-width:767px){#YgFooter-footer_5{padding:48px 22px 44px}#YgFooter-footer_5 .yg-footer__grid{grid-template-columns:1fr 1fr;gap:42px 28px}#YgFooter-footer_5 .yg-footer__brand,#YgFooter-footer_5 .yg-footer__newsletter{grid-column:1/-1}#YgFooter-footer_5 .yg-footer__form{max-width:100%}}
  @media(max-width:479px){#YgFooter-footer_5 .yg-footer__grid{grid-template-columns:1fr;gap:36px}#YgFooter-footer_5 .yg-footer__brand,#YgFooter-footer_5 .yg-footer__newsletter{grid-column:auto}}


  #YgFooterBottom-footer-bottom{display:block!important;padding:18px 30px;border-top:1px solid rgba(255,255,255,.14);background:#133162!important;color:#b9c8df}
  #YgFooterBottom-footer-bottom>div{display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(1640px,100%);margin:0 auto}
  #YgFooterBottom-footer-bottom p{margin:0;color:#b9c8df;font-size:13px}#YgFooterBottom-footer-bottom nav{display:flex;gap:24px}#YgFooterBottom-footer-bottom a{color:#b9c8df;font-size:13px;text-decoration:none}#YgFooterBottom-footer-bottom a:hover{color:#fff}
  @media(max-width:575px){#YgFooterBottom-footer-bottom>div{flex-direction:column;text-align:center}}

/* Theme typography and layout matched against the live Yongrow storefront. */
@font-face{font-family:Rajdhani;src:url('/fonts/rajdhani-700.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Lato;src:url('/fonts/lato-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{--ink:#111;--muted:#6b6b6b;--blue:#168fe8;--blue-dark:#087fd5;--soft:#f7faff;--max:1200px}
body{font-family:Lato,Arial,sans-serif;color:#111;font-size:18px;line-height:1.65}h1,h2,h3,h4{font-family:Rajdhani,Arial,sans-serif;letter-spacing:0;font-weight:700;color:#000}h1{font-size:48px}h2{font-size:40px}h3{font-size:24px}p{color:#666}.container{width:min(1200px,calc(100% - 100px))}.section{padding-top:72px;padding-bottom:72px}.section-heading{max-width:860px;margin-bottom:60px}.section-heading h2{font-size:40px;line-height:1;margin-bottom:16px}.section-heading p{font-size:18px;line-height:30px;color:#222}
.button{border-radius:999px;font-size:18px;font-weight:400;padding:16px 36px;line-height:1.35;gap:14px}.button-secondary{border-color:#e8e8e8;color:#111;background:white}.button-secondary:hover{color:#fff;border-color:var(--blue)}.text-link{font-size:16px;font-weight:400}.center-action{margin-top:42px}
.announcement{background:#151515;font-size:16px;letter-spacing:0;color:#fff}.announcement .container{padding:13px 0;min-height:54px;width:calc(100% - 100px)}.social-marks{display:flex;align-items:center;gap:18px;color:white}.social-mark{font-family:Arial,sans-serif;font-weight:700;font-size:20px;line-height:1}.instagram-mark{font-size:26px}.youtube-mark{font-size:15px;background:currentColor;border-radius:4px;position:relative;width:20px;height:14px;color:#fff;overflow:hidden;text-indent:-999px}.youtube-mark:after{content:'';position:absolute;left:8px;top:4px;border-left:6px solid #151515;border-top:3px solid transparent;border-bottom:3px solid transparent}
.header-inner{height:110px;gap:40px}.brand{min-width:170px}.brand-logo{width:170px;max-height:52px}.header-inner nav{font-family:Rajdhani,sans-serif;font-size:20px;font-weight:700;justify-content:space-between;gap:50px;flex:1}.header-inner nav>a{color:#000}.nav-dropdown summary{padding:36px 0}.search-button{display:flex;align-items:center;justify-content:center;width:28px;height:32px;margin-left:auto}.search-button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6}.header-contact{display:none}.small-menu{top:94px}.small-menu a{font-family:Lato,sans-serif;font-weight:400;font-size:15px}.mega-menu{top:110px}.mega-products>a{border:0}.mega-products span{font-family:Lato,sans-serif;font-weight:400;font-size:12px}.mega-products strong{font-size:22px}.mega-title a{font-family:Lato,sans-serif;font-size:14px}
.hero{min-height:0;background:#e1e1ea}.hero picture{position:relative;display:block;inset:auto}.hero-image{width:100%;height:auto;object-fit:contain;object-position:center}.hero-inner{position:absolute;inset:0;width:86%;min-height:0;align-items:center}.hero-copy{max-width:50%;padding:0;transform:translateY(-3%)}.hero-small-title{display:block;color:#111;font-size:20px;line-height:1.4;margin-bottom:16px}.hero-copy h1{font-family:Rajdhani,sans-serif;font-size:48px;line-height:1.15;max-width:100%;letter-spacing:-1px;margin-bottom:24px;color:#000}.hero-copy p{max-width:100%;font-size:16px;line-height:1.5;color:#111;margin-bottom:38px}.hero .button-row{position:relative;display:inline-flex}.hero .button{padding:18px 68px 18px 42px;background:#1597f3}.button-arrow{position:absolute;right:28px;color:#fff;pointer-events:none;font-size:23px}
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.home-product-grid{max-width:900px;margin:auto}.product-card{border:0;border-radius:0;overflow:visible;box-shadow:none}.product-card:hover{transform:none;box-shadow:none}.product-image{background:#fff;aspect-ratio:1/1;padding:10px}.product-image img{mix-blend-mode:normal}.product-card-copy{padding:24px 0 0}.product-card h3{font-family:Rajdhani,sans-serif;font-size:22px;line-height:1.4;font-weight:700;min-height:0;margin-bottom:3px}.product-price{font-size:20px;line-height:1.4;color:#229dd1;margin:5px 0 0}.product-card .text-link{font-size:14px}.original-products{padding-top:70px;padding-bottom:34px}.original-products .button-secondary{min-width:280px}.original-features{padding-top:24px}.original-features .section-heading{margin-bottom:80px}.feature-grid{gap:80px;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 50px}.feature-grid article{padding:0;border:0;text-align:center;display:flex;flex-direction:column;align-items:center}.feature-icon{height:100px;width:100px;object-fit:contain;margin:0 auto 24px}.feature-grid h3{font-size:24px;line-height:1.2;margin-bottom:24px;min-height:58px;max-width:190px}.feature-grid p{font-size:18px;line-height:30px;margin-bottom:32px;max-width:190px}.feature-grid .button{max-width:180px;margin-top:auto;padding:16px 38px;font-size:20px}.original-promises{padding:0;width:min(1280px,calc(100% - 100px))}.yg-trust-content h3{font-family:Rajdhani,sans-serif}.original-compare .section-heading{margin-bottom:75px}.original-compare .yg-compare-table{font-size:16px}.yg-compare-table thead th span{display:block;font-size:13px;margin-top:8px;color:#666;font-weight:400}.yg-compare-table tbody th{background:#f8fafc;font-size:14px;font-weight:400;text-align:left}.yg-compare-table .check-cell{font-size:25px;font-weight:700;color:#168fe8}.compare-mobile-note{display:none}.original-compare .button{font-size:16px;padding:12px 30px}.original-steps{padding-top:54px}.original-steps .section-heading{max-width:470px;margin-bottom:100px}.step-grid{gap:100px;padding:0 45px}.step-grid article{display:flex;align-items:center;flex-direction:column;text-align:center}.step-grid h3{font-size:24px;margin-bottom:25px}.step-grid p{font-size:18px;line-height:30px}.app-section{padding:0;background:white}.app-section>.container{width:min(1280px,calc(100% - 100px))}.yg-app-stage{height:690px}.yg-app-heading{margin-bottom:20px}.yg-app-card{padding:12px 12px 22px}.yg-app-card[aria-hidden=true]{pointer-events:none}.yg-app-card:focus-visible{outline:3px solid #168fe8}.original-articles .article-card{border:0;border-radius:0}.article-card>div{padding:20px 0}.article-card>a{aspect-ratio:1.8}.article-card h3{font-size:27px;line-height:1.2;margin:14px 0 18px}.article-date{font-size:14px;color:#555}.article-card p{font-size:16px;line-height:1.8}.article-card .text-link{font-size:18px;border-bottom:1px solid #aaa;padding-bottom:2px}.original-faq{padding-top:15px;padding-bottom:12px}.original-faq .section-heading{margin-bottom:44px}.yg-faq-item summary{display:flex;align-items:center;justify-content:space-between;font-size:17px;gap:20px;padding:22px 24px;font-weight:600;list-style:none}.yg-faq-item summary::-webkit-details-marker{display:none}.yg-faq-item summary>span{font-size:24px;color:#168fe8}.yg-faq-item[open] summary>span{transform:rotate(45deg)}.yg-faq-note{margin-top:25px}.yg-faq-item p{margin-bottom:0}.yg-final-cta{padding-bottom:170px}.yg-final-cta .button{min-width:190px;font-size:15px;padding:14px 26px}.footer-contact-pill{display:flex;align-items:center;justify-content:space-between;background:white!important;color:#26384f!important;border-radius:999px;padding:11px 18px;font-size:13px!important;margin-top:20px}.footer-contact-pill span{font-size:26px;color:#20b8d5;line-height:1}#YgFooter-footer_5 .social-marks{margin-top:25px;gap:27px}#YgFooter-footer_5 .youtube-mark:after{border-left-color:#133162}#YgFooterBottom-footer-bottom{font-size:13px}.product-intro h1{font-family:Rajdhani,sans-serif;color:#000}.product-intro>.eyebrow{display:none}.product-intro .product-price{font-size:28px;margin:15px 0 25px}.article-heading .eyebrow{display:none}.article-heading h1{font-family:Rajdhani,sans-serif}.prose{color:#444}.prose h2,.prose h3{color:#111}.generic-heading>.eyebrow{display:none}
@media(min-width:1600px){.hero-copy h1{font-size:68px}.hero-small-title{font-size:26px}.hero-copy p{font-size:18px}}
@media(max-width:1200px) and (min-width:1001px){.header-inner{gap:24px}.header-inner nav{gap:25px}.brand{min-width:150px}.brand-logo{width:150px}}
@media(max-width:1000px){.container{width:calc(100% - 48px)}.header-inner{height:80px}.brand{min-width:140px}.brand-logo{width:140px}.header-inner nav{top:80px;display:none;font-size:20px}.header-inner nav.open{display:block}.nav-dropdown summary{padding:12px 0}.small-menu,.mega-menu{top:auto}.mega-products strong{font-size:18px}.announcement .container{width:calc(100% - 48px);font-size:13px;min-height:40px;padding:8px 0}.hero-copy h1{font-size:40px;letter-spacing:-.5px}.hero-copy p{font-size:14px;margin-bottom:22px}.hero-small-title{font-size:17px;margin-bottom:13px}.hero .button{font-size:16px;padding:14px 55px 14px 28px}.hero-copy{max-width:51%}.feature-grid{padding:0;gap:28px}.feature-grid p{font-size:16px;line-height:1.7}.feature-grid h3{font-size:22px}.feature-grid .button{font-size:16px;padding:13px 24px}.original-promises,.app-section>.container{width:calc(100% - 48px)}.step-grid{padding:0;gap:40px}.step-grid p{font-size:16px}.yg-app-card{width:260px}.yg-app-stage{height:610px}.yg-app-card.is-prev{transform:translate(-135%,-50%) scale(.78)}.yg-app-card.is-next{transform:translate(35%,-50%) scale(.78)}.original-articles .article-card h3{font-size:24px}}
@media(max-width:650px){body{font-size:16px}.container{width:calc(100% - 36px)}.announcement .container{justify-content:center;font-size:10px;min-height:32px;padding:6px 0;width:calc(100% - 24px)}.announcement .social-marks{display:none}.header-inner{height:68px;gap:20px}.header-inner nav{top:68px}.brand-logo{width:130px}.brand{min-width:130px}.hero picture{height:clamp(270px,77vw,360px)}.hero-image{height:100%;object-fit:cover;object-position:center 20%}.hero-inner{position:relative;inset:auto;width:calc(100% - 40px);min-height:0;display:block}.hero-copy{transform:none;max-width:100%;text-align:center;padding:10px 0 35px}.hero-copy h1{font-size:32px;line-height:1.15;max-width:330px;margin:0 auto 14px}.hero-small-title{font-size:16px;margin-bottom:8px}.hero-copy p{font-size:14px;line-height:1.45;max-width:320px;margin:0 auto 20px}.hero .button{font-size:15px;padding:13px 58px 13px 30px}.section{padding-top:50px;padding-bottom:50px}.section-heading{margin-bottom:35px}.section-heading h2{font-size:30px;line-height:1.1;margin-bottom:15px}.section-heading p{font-size:16px;line-height:26px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.home-product-grid{grid-template-columns:1fr;max-width:300px;gap:38px}.home-product-grid>.product-card:last-child:nth-child(odd){grid-column:auto;max-width:100%}.product-card-copy{padding-top:16px}.product-card h3{font-size:20px;min-height:0}.product-price{font-size:19px}.product-image{padding:0}.original-products .button-secondary{min-width:240px}.original-features .section-heading{margin-bottom:45px}.feature-grid{grid-template-columns:1fr 1fr;gap:45px 24px}.feature-icon{height:75px;width:75px;margin-bottom:20px}.feature-grid h3{font-size:21px;min-height:50px;margin-bottom:16px}.feature-grid p{font-size:14px;line-height:24px;margin-bottom:23px}.feature-grid .button{font-size:15px;padding:12px 22px}.original-promises,.app-section>.container{width:calc(100% - 30px)}.yg-trust-bar{padding:22px 15px}.original-compare .section-heading{margin-bottom:30px}.compare-mobile-note{display:block;font-size:12px;text-align:center;margin:0 0 12px}.original-compare .yg-compare-table{font-size:14px}.original-steps .section-heading{margin-bottom:45px}.step-grid{grid-template-columns:1fr;gap:45px}.step-grid article{display:flex;text-align:center}.step-grid h3{margin-bottom:16px;font-size:24px}.step-grid p{max-width:300px;font-size:16px;margin:0}.yg-app-showcase{padding:50px 12px 35px}.yg-app-heading h2{font-size:29px}.yg-app-heading p{font-size:14px}.yg-app-card{width:245px;border-radius:18px;padding:10px 10px 20px}.yg-app-stage{height:590px;max-width:100%}.yg-app-card.is-prev{transform:translate(-100%,-50%) scale(.7);opacity:.28}.yg-app-card.is-next{transform:translate(0%,-50%) scale(.7);opacity:.28}.yg-app-card h3{font-size:19px}.yg-app-card p{font-size:12px;min-height:36px}.yg-app-nav{margin-top:0}.yg-app-arrow{width:36px;height:36px}.original-articles .article-grid{grid-template-columns:1fr;gap:35px}.original-articles .article-card h3{font-size:26px}.article-card p{font-size:15px}.yg-faq-item summary{font-size:15px;padding:18px}.yg-faq-answer{font-size:14px}.yg-final-cta{padding-bottom:80px}.yg-final-cta .button{width:100%;max-width:320px}.product-detail .gallery-thumbs{max-width:100%}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-heading h1{font-size:34px}.article-body{font-size:16px}}
#YgFooter-footer_5 .yg-footer__grid ul{padding:0;list-style:none}#YgFooter-footer_5 .yg-footer__grid li+li{margin-top:18px}#YgFooter-footer_5 .yg-footer__grid li a{font-size:15px;line-height:1.55}#YgFooter-footer_5 .footer-contact-pill{color:#26384f!important}#YgFooter-footer_5 .footer-contact-pill:hover{color:#168fe8!important}
@media(min-width:1201px) and (max-width:1599px){.hero-copy{max-width:54%;transform:translateY(-10%)}.hero-copy h1{font-size:44px}.hero .button-row{margin-top:12px}}
@media(min-width:1201px){.brand{min-width:180px}.header-inner nav{justify-content:flex-start;gap:50px}}
/* Inner-page template retained: gray page heading, two-column products and article sidebar. */
.page-banner{background:#f7f7f7;padding:32px 0;margin-bottom:0}.page-banner h1{font-family:Rajdhani,sans-serif;font-size:40px;line-height:1.2;text-transform:uppercase;margin:0 0 14px}.page-banner .breadcrumb{padding:0;color:#111;font-size:16px}.page-banner .breadcrumb a{color:#111}.product-detail{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;padding-top:80px;padding-bottom:65px}.gallery-main{border-radius:0;padding:0;aspect-ratio:1/1;background:#fff}.gallery-main img{mix-blend-mode:normal}.gallery-thumbs button{border-radius:0;width:100px;height:100px}.product-intro{padding-top:0}.product-intro h2{font-size:26px;margin:0 0 24px}.product-intro .product-price{font-family:Rajdhani,sans-serif;font-weight:700;color:#168fe8;font-size:30px;margin:0 0 20px}.product-meta{font-size:18px;line-height:2;color:#111;margin-bottom:16px}.product-lead{font-size:18px;line-height:1.7;color:#111}.product-lead p{color:#111;margin:0 0 9px}.product-lead ul{padding-left:25px;margin:0 0 25px}.product-lead li{margin-bottom:3px}.product-body{max-width:1200px}.product-overview-title{text-align:center;font-size:40px!important;margin:0 0 65px!important}.product-body [id^="section-"][id*="__custom_content_"]>div>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:65px 60px;align-items:center}.product-body img{width:100%;margin:0;max-height:650px;object-fit:contain}.product-body h2{font-size:34px;line-height:1.2;margin-bottom:22px}.product-body p{font-size:18px;line-height:1.75}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:45px;padding-top:100px;padding-bottom:100px;align-items:start}.article-layout>.article-page{width:100%;max-width:none;padding:0}.article-layout .article-cover{border-radius:0;max-height:none;object-fit:contain}.article-layout .article-heading{text-align:left;max-width:none;margin:28px 0}.article-layout .article-heading h2{font-size:34px;line-height:1.25;margin-bottom:18px}.article-layout .article-heading p{font-size:15px;color:#666}.article-layout .article-body{max-width:none;margin:32px 0}.article-sidebar h3{font-family:Lato,sans-serif;font-size:20px;margin:0 0 25px}.article-sidebar .search-form{margin:0 0 50px;gap:0}.article-sidebar .search-form input{border-radius:0;min-width:0;background:white;border-color:#eee}.article-sidebar .search-form .button{padding:8px 12px;border-radius:0;background:white;color:#111;border:1px solid #eee}.recent-posts{display:grid;gap:26px}.recent-posts>a{display:grid;grid-template-columns:70px minmax(0,1fr);gap:15px;align-items:start}.recent-posts img{width:70px;height:70px;object-fit:cover}.recent-posts small{font-size:12px;color:#777;display:block;margin-bottom:5px}.recent-posts strong{display:block;font-family:Rajdhani,sans-serif;font-size:19px;line-height:1.25;font-weight:700}.collection-description{text-align:center;margin:0 auto 45px}.generic-page{padding-top:55px;padding-bottom:80px}
@media(max-width:1000px){.product-detail{gap:35px;padding-top:50px}.product-intro h2{font-size:25px}.product-meta,.product-lead{font-size:16px}.product-body [id^="section-"][id*="__custom_content_"]>div>div{gap:35px}.article-layout{gap:30px;grid-template-columns:minmax(0,1fr) minmax(0,2.5fr);padding-top:60px}.recent-posts>a{grid-template-columns:1fr}.recent-posts img{width:100px;height:70px}.article-layout .article-heading h2{font-size:30px}}
@media(max-width:650px){.page-banner{padding:25px 0}.page-banner h1{font-size:28px;line-height:1.25}.page-banner .breadcrumb{font-size:12px;gap:8px}.product-detail{grid-template-columns:1fr;padding-top:35px;gap:30px}.gallery-thumbs button{width:70px;height:70px}.product-intro h2{font-size:28px;margin-bottom:20px}.product-intro .product-price{font-size:28px}.product-lead{font-size:16px;line-height:1.75}.product-meta{font-size:16px}.product-body [id^="section-"][id*="__custom_content_"]>div>div{grid-template-columns:minmax(0,1fr);gap:35px}.product-body h2{font-size:28px}.product-body p{font-size:16px}.product-overview-title{font-size:30px!important;margin-bottom:40px!important}.article-layout{display:flex;flex-direction:column;padding-top:40px;gap:45px}.article-sidebar{order:2;width:100%}.article-layout .article-heading h2{font-size:29px}.article-layout .article-heading{margin:24px 0}.recent-posts>a{grid-template-columns:75px minmax(0,1fr)}.recent-posts img{width:75px;height:65px}.article-layout .article-body{margin:25px 0}.article-layout .article-body h2{font-size:29px}.article-layout .article-body p{font-size:16px}}
.source-social{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center}.source-social svg{display:block;width:100%;height:100%;fill:currentColor}.announcement .social-marks{gap:16px}.source-social .solid{stroke:none}#YgFooter-footer_5 .yg-footer__icons .source-social{width:24px;height:24px}
#YgFooter-footer_5 .yg-footer__icons [aria-label="Instagram"] svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#YgFooter-footer_5 .yg-footer__icons [aria-label="Instagram"] svg circle:last-child{fill:currentColor;stroke:none}

/* 2026-10-28: source-wide click menus and screenshot-faithful full comparison. */
.site-header .nav-dropdown:not([open])>.mega-menu,.site-header .nav-dropdown:not([open])>.small-menu{display:none}
.site-header .nav-dropdown summary{cursor:pointer}
.site-header .nav-dropdown[open]>summary{color:#1680ff}
.site-header .nav-dropdown summary:focus-visible{outline:2px solid #168fe8;outline-offset:5px}
.mega-product-photo{display:flex!important;align-items:center;justify-content:center;aspect-ratio:1.28/1;width:100%;border:1px solid #e7ebef;background:#fff}
.mega-product-photo img{height:100%;width:100%;object-fit:contain}
.mega-products>a{min-width:0;border-radius:0;padding:0;color:#343b45}
.mega-products>a:hover .mega-product-photo{border-color:#168fe8}
.mega-products strong{font-family:Lato,sans-serif;font-weight:400;font-size:20px;margin:14px 0 4px}
.mega-products .mega-product-description{font-family:Lato,sans-serif;font-size:13px;line-height:1.5;color:#7b8796}
.site-header .mega-title{justify-content:center;gap:36px;margin:24px 0 0;padding:22px 0 0;border-top:1px solid #e4eaf0}
.site-header .mega-title a{font-family:Lato,sans-serif;font-weight:400;color:#37404d;font-size:15px}
.site-header .mega-title a:hover{color:#168fe8}
@media(min-width:1001px){
 .site-header .mega-menu,.site-header .small-menu{position:absolute;top:100%;left:0;right:0;width:100%;min-width:0;border:0;border-bottom:1px solid #e3eaf2;border-radius:0;background:#fff;box-shadow:0 12px 20px #142b4106}
 .site-header .nav-dropdown[open]>.mega-menu{display:block;padding:34px max(36px,calc((100% - 1440px)/2)) 22px}
 .site-header .mega-products{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}
 .site-header .nav-dropdown[open]>.small-menu{display:flex;align-items:center;justify-content:center;gap:clamp(26px,5vw,90px);padding:58px 24px}
 .site-header .small-menu a{display:block;font-family:Lato,sans-serif;font-weight:400;font-size:18px;padding:8px 0;color:#343b45;white-space:nowrap}
 .site-header .support-dropdown .small-menu{gap:clamp(22px,4vw,75px)}
 .site-header .small-menu a:hover{color:#168fe8;background:transparent}
}
@media(min-width:1001px) and (max-width:1200px){.site-header .small-menu a{font-size:15px}.site-header .nav-dropdown[open]>.small-menu{gap:26px}.site-header .support-dropdown .small-menu{gap:26px}}
@media(max-width:1000px){
 .site-header .nav-dropdown[open]>.mega-menu{display:block;position:static;padding:18px 0 12px}
 .site-header .nav-dropdown[open]>.small-menu{display:grid;position:static;gap:0;padding:8px 0 12px;border:0;border-radius:0;box-shadow:none}
 .site-header .small-menu a{font-size:15px;padding:12px 10px;line-height:1.5}
 .site-header .mega-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
 .mega-product-photo img{height:100%;max-height:130px}.mega-products strong{font-size:18px}
 .site-header .mega-title{gap:24px;padding-top:16px;margin-top:18px}.site-header .mega-title a{font-size:13px}
}
@media(max-width:650px){.site-header .mega-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.mega-products .mega-product-description{font-size:11px}.mega-products strong{margin-top:8px}.mega-product-photo img{max-height:100px}}
.source-compare-page{width:100%;max-width:1240px;padding:64px 24px 80px;margin:0 auto;color:#333;background:#fff;font-family:Lato,sans-serif;min-width:0}
.source-compare-content h2{font-family:Lato,sans-serif;font-size:20px;line-height:1.5;font-weight:400;margin:0 0 8px;text-align:left;color:#333}
.source-compare-content p{font-size:16px;line-height:1.9;color:#666;margin:0 0 20px}
.source-table-scroll{width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;margin:32px 0 24px;border:1px solid #e3eaf2}
.source-table-scroll:focus-visible{outline:2px solid #168fe8;outline-offset:3px}
.source-spec-table{display:table;width:100%;min-width:1060px;table-layout:fixed;border-collapse:collapse;border-spacing:0;margin:0;font-family:Lato,sans-serif;background:#fff}
.source-spec-table th,.source-spec-table td{font-size:14px;font-weight:400;line-height:1.9;text-align:left;vertical-align:top;padding:17px 20px;border:0;border-bottom:1px solid #e3eaf2;color:#333;overflow-wrap:break-word}
.source-spec-table thead th{background:#eaf5fb;color:#185776;font-weight:400}
.source-spec-table th:first-child{width:14%}
.source-spec-table tr:last-child>*{border-bottom:0}
.source-spec-table span{display:inline;font-size:inherit;line-height:inherit;font-weight:inherit}
.source-spec-table a{color:#168fe8;text-decoration:underline;text-underline-offset:3px}
.source-spec-table a:focus-visible{outline:2px solid #168fe8}
@media(max-width:749px){.source-compare-page{padding:40px 18px 50px}.source-compare-content h2{font-size:20px}.source-compare-content p{font-size:14px;line-height:1.8}.source-table-scroll{margin-top:25px}.source-spec-table th,.source-spec-table td{font-size:13px;padding:14px 16px}}
/* Keep padded source product images inside the screenshot's landscape frames. */
.mega-product-photo{position:relative;overflow:hidden;min-height:0}
.mega-product-photo img{position:absolute;inset:0}