@import url('https://fonts.googleapis.com/css?family=Bayon:400&display=swap'); 
@font-face { 
  font-display:swap;
  font-family:Neue Montreal;
  font-style:normal;
  font-weight:500;
  src:url(./fonts/NeueMontreal-Medium.3d28dde2.otf) format("opentype");
} 
  body {
    background-color:var(--color-light-green-2);
    font-size:1.1111111111vw;
  }

  /* Cap base font size for large screens to prevent oversized elements */
  @media screen and (min-width: 1440px) {
    body {
      font-size: 16px; /* Fixed base size at 1440px+ instead of continuing to scale */
    }
  }

  /* Fix for language switcher visibility on light hero background */
  .language-toggle {
    color: #2c3547 !important;
    background: #f2ede6 !important;
    border: 1px solid #e5ddd3 !important;
  }
  .language-toggle:hover {
    background: #ebe4db !important;
    border-color: #d9cfc3 !important;
  }
  .dropdown-arrow {
    color: #2c3547 !important;
  }  
 

 

 

 

 

 

.main-page__content[data-v-c4136270] {
    background-color: var(--color-background);
    height: 56rem; /* Reduced from 78.125rem to prevent excessive vertical space */
    max-height: 900px; /* Cap at reasonable pixel height for large screens */
    padding: 7.5rem 2rem 0;
    position: relative;
    z-index: 1;
    margin-bottom: 25rem;
    overflow: hidden;
} 

 

.main-page__titles[data-v-c4136270] { 
    position: relative;
    z-index: 10;
} 

.main-page__white-dog[data-v-c4136270] {
    left: 48%;
    pointer-events: none;
    position: absolute;
    top: -10rem;
    transform: translateX(-50%);
    width: 85rem; /* Reduced from 112.5rem to prevent horizontal overflow */
    max-width: 1360px; /* Cap at reasonable pixel width for large screens */
    z-index: 1;
} 

.main-page__details[data-v-c4136270] { 
    align-items: center; 
    bottom: -12.625rem; 
    display: flex; 
    flex-direction: column; 
    left: 50%; 
    position: absolute; 
    transform: translateX(-50%); 
    width: 36.25rem; 
    z-index: 2;
} 

.main-page__details[data-v-c4136270] { 
    align-items: center; 
    bottom: -12.625rem; 
    display: flex; 
    flex-direction: column; 
    left: 50%; 
    position: absolute; 
    transform: translate(-50%); 
    width: 36.25rem; 
    z-index: 2;
} 

.main-page__hero-ball[data-v-c4136270] { 
    bottom: 0; 
    left: 0; 
    position: absolute;
} 

.main-page__hero-ball.n1[data-v-c4136270] { 
    height: 34rem; 
    transform: translate(-15%,50%); 
    width: 33.5625rem;
} 

.main-page__hero-ball.n2[data-v-c4136270] { 
    height: 38.0625rem; 
    left: 18.75rem; 
    transform: translateY(90%); 
    width: 37.625rem;
} 

.main-page__hero-ball.n3[data-v-c4136270] { 
    height: 38.0625rem; 
    left: 50%; 
    transform: translateY(40%); 
    width: 37.625rem;
} 

a { 
    -webkit-tap-highlight-color: transparent; 
    background: transparent; 
    border: none; 
    outline: none; 
    text-decoration: none;
} 

@media (hover: hover){ 
  a { 
    cursor: pointer;
  } 
}     

.main-page__circle-link[data-v-c4136270] { 
    background-color: var(--color-green); 
    border-radius: 50%; 
    bottom: -30rem; 
    height: 24.5rem; 
    left: 55%; 
    position: absolute; 
    transition: all .2s ease-out; 
    width: 24.5rem; 
    z-index: -1;
} 

@media (hover: hover){ 
  .main-page__circle-link[data-v-c4136270]:hover { 
    transform: scale(1.1);
  } 
}     

.main-page__hero-ball.n4[data-v-c4136270] { 
    height: 34rem; 
    left: unset; 
    right: 0; 
    transform: translate(40%,65%); 
    width: 33.5625rem;
} 

.desktop-title[data-v-c4136270] { 
    display: block;
    position: relative;
    z-index: 10;
} 

.p2-medium { 
    font-family: Neue Montreal; 
    font-size: .875rem; 
    font-style: normal; 
    font-weight: 500; 
    line-height: 100%; 
    text-transform: uppercase;
} 

.mobile__sub-title[data-v-c4136270] { 
    color: var(--color-primary); 
    margin-bottom: 1.5rem; 
    text-align: center;
} 

.h2 { 
    font-family: Bayon; 
    font-size: 11.625rem; 
    font-style: normal; 
    font-weight: 400; 
    letter-spacing: -.2325rem; 
    line-height: 78%; 
    text-transform: uppercase;
} 

.mobile-title[data-v-c4136270] { 
    color: var(--color-primary); 
    display: none; 
    font-size: 4.75rem; 
    margin: 0 auto; 
    opacity: 0; 
    text-align: center; 
    width: 20rem;
    position: relative;
    z-index: 10;
} 

.main-page__social-links[data-v-c4136270] { 
    align-items: center; 
    bottom: 10.125rem; 
    display: flex; 
    left: 0; 
    position: absolute; 
    z-index: 2;
} 

svg { 
    display: block;
} 

.h8 { 
    font-family: Bayon; 
    font-size: 2.625rem; 
    font-style: normal; 
    font-weight: 400; 
    letter-spacing: -.0525rem; 
    line-height: 100%; 
    text-transform: uppercase;
} 

.main-page__details-text[data-v-c4136270] { 
    color: var(--color-primary); 
    text-align: center;
} 

.main-page__hero-ball > svg[data-v-c4136270]  { 
    height: 100%; 
    width: 100%;
} 

.h9 { 
    font-family: Bayon; 
    font-size: 1.875rem; 
    font-style: normal; 
    font-weight: 400; 
    letter-spacing: -.0375rem; 
    line-height: 100%; 
    text-transform: uppercase;
} 

.main-page__circle-link > p[data-v-c4136270]  { 
    bottom: 7.125rem; 
    color: var(--color-primary); 
    position: absolute; 
    right: 6.5625rem; 
    text-align: center;
} 

.main-page__circle-link > p[data-v-c4136270]::after { 
    background-color: var(--color-primary); 
    border-radius: 50%; 
    content: ""; 
    height: .375rem; 
    left: calc(100% + .625rem); 
    position: absolute; 
    top: 50%; 
    transform: translateY(-50%); 
    width: .375rem;
} 

.first-block-title { 
    opacity: 0;
} 

.top-title[data-v-c4136270] { 
    width: 32.125rem;
} 

.main-page__title[data-v-c4136270] { 
    color: var(--color-primary); 
    opacity: 0; 
    position: relative;
} 

.bottom-title[data-v-c4136270] { 
    margin-left: auto; 
    text-align: right; 
    transform: translateY(-9.375rem); 
    width: 30rem;
} 

.first-view-text__anim { 
    opacity: 0;
} 

.small_title[data-v-c4136270] { 
    color: var(--color-primary); 
    position: absolute; 
    right: 6.4375rem; 
    text-align: right; 
    top: 14.375rem; 
    width: 9.375rem;
} 

.mobile-title__letter { 
    display: inline-block;
} 

.social-link[data-v-c4136270] { 
    height: 2.5rem; 
    opacity: 0; 
    width: 2.5rem;
} 

.social-link[data-v-c4136270]:not(:last-child) { 
    margin-right: 1.5rem;
} 

.text-line-wrap { 
    overflow: hidden;
} 

.bottom-title__letter { 
    display: inline-block;
} 

.social-link > svg[data-v-c4136270]  { 
    height: 100%; 
    -o-object-fit: cover; 
    object-fit: cover; 
    transition: all .1s ease-in; 
    width: 100%;
} 


/* These were inline style tags. Uses id+class to override almost everything */
#style-gIOeD.style-gIOeD {  
   opacity: 1;  
    will-change: transform, opacity;  
    translate: none;  
    rotate: none;  
    scale: none;  
    transform: translate(0px, 0px);  
}  
#style-T7GM4.style-T7GM4 {  
   opacity: 1;  
    will-change: transform, opacity;  
    translate: none;  
    rotate: none;  
    scale: none;  
    transform: translate(0px, -155.729px);  
}  
#style-THrr7.style-THrr7 {  
   translate: none;  
    rotate: none;  
    scale: none;  
    transform: rotate(-13deg);  
}  
#style-JPV4i.style-JPV4i {  
   opacity: 1;  
}  
#style-4GlSL.style-4GlSL {  
   display: block;  
    text-align: right;  
    position: relative;  
    overflow: unset;  
}  
#style-FjAwf.style-FjAwf {  
   display: block;  
    text-align: right;  
    position: relative;  
    overflow: unset;  
}  
#style-oHejW.style-oHejW {  
   display: block;  
    text-align: right;  
    position: relative;  
    overflow: unset;  
}  
#style-tfrpj.style-tfrpj {  
   translate: none;  
    rotate: none;  
    scale: none;  
    transform: translate(0px, 0px);  
    opacity: 1;  
}  
#style-ACEzi.style-ACEzi {  
   translate: none;  
    rotate: none;  
    scale: none;  
    transform: translate(0px, 0px);  
    opacity: 1;  
}  
#style-ZUizW.style-ZUizW {  
   translate: none;  
    rotate: none;  
    scale: none;  
    transform: translate(0px, 0px);  
    opacity: 1;  
}  
#style-sMeo8.style-sMeo8 {  
   translate: none;  
    rotate: none;  
    scale: none;  
    transform: translate(0px, 0px);  
    opacity: 1;  
}  
#style-jxB1f.style-jxB1f {  
   display: block;  
}  
#style-yYl33.style-yYl33 {  
   display: block;  
}  
#style-RI3ZG.style-RI3ZG {  
   display: block;  
}  
#style-8Hmt3.style-8Hmt3 {  
   display: block;  
}  
#style-y9Csz.style-y9Csz {  
   display: block;  
}  
#style-DwxR8.style-DwxR8 {  
   display: block;  
}  
#style-AQ9rA.style-AQ9rA {  
   display: block;  
}  
#style-btGDk.style-btGDk {  
   display: block;  
}  
#style-4N3YZ.style-4N3YZ {  
   display: block;  
}  
#style-s6S2G.style-s6S2G {  
   display: block;  
}  
#style-yrL5o.style-yrL5o {  
   display: block;  
}  
#style-jcAoj.style-jcAoj {  
   display: block;  
}  
#style-3QozM.style-3QozM {  
   display: block;  
}  
#style-63Fnx.style-63Fnx {  
   display: block;  
}  
#style-UJthZ.style-UJthZ {  
   display: block;  
}  
#style-M1afp.style-M1afp {  
   display: block;  
}  
#style-czpKH.style-czpKH {  
   display: block;  
}  
#style-5C5nX.style-5C5nX {  
   display: block;  
}  
#style-yg3iH.style-yg3iH {  
   display: block;  
}  
#style-CDS5f.style-CDS5f {  
   display: block;  
}  
#style-XIZG7.style-XIZG7 {  
   display: block;  
}  
#style-83HJm.style-83HJm {  
   display: block;  
}  
#style-2gkpr.style-2gkpr {  
   display: block;  
}  
#style-1Ejix.style-1Ejix {  
   display: block;  
}  
#style-JMfbs.style-JMfbs {  
   display: block;  
}  
#style-QziBT.style-QziBT {  
   display: block;  
}  
#style-yTi1p.style-yTi1p {  
   display: block;  
}  
#style-sELmU.style-sELmU {  
   display: block;  
}  
#style-lCs3f.style-lCs3f {  
   display: block;  
}  
#style-RsOs1.style-RsOs1 {  
   display: block;  
}  
#style-aSlni.style-aSlni {  
   display: block;  
}  
#style-Qt3JO.style-Qt3JO {  
   display: block;  
}  
#style-hT1Nl.style-hT1Nl {  
   display: block;  
    text-align: center;  
    position: relative;  
    overflow: unset;  
}  
#style-wqIQO.style-wqIQO {  
   display: block;  
    text-align: center;  
    position: relative;  
    overflow: unset;  
}  
#style-9Fw7O.style-9Fw7O {  
   display: block;  
    text-align: center;  
    position: relative;  
    overflow: unset;  
}  
#style-w22rl.style-w22rl {  
   display: block;  
    text-align: center;  
    position: relative;  
    overflow: unset;  
}  
#mask0_1_2.style-Lpz9s {  
   mask-type:alpha;  
}  
#mask0_1_2.style-XwTxq {  
   mask-type:alpha;  
}  
#mask0_1_2.style-sONrZ {  
   mask-type:alpha;  
}  
#mask0_1_2.style-VJpLo {  
   mask-type:alpha;  
}  
/* These were inline style tags. Uses id+class to override almost everything */
#style-WBZQS.style-WBZQS {  
   opacity: 1;  
    will-change: transform, opacity;  
    translate: none;  
    rotate: none;  
    scale: none;  
    transform: translate(0px, 0px);  
}  
#style-R8EGo.style-R8EGo {  
   opacity: 1;  
    will-change: transform, opacity;  
    translate: none;  
    rotate: none;  
    scale: none;  
    transform: translate(0px, -155.729px);  
}  
#style-btlFh.style-btlFh {  
   translate: none;  
    rotate: none;  
    scale: none;  
    transform: rotate(-13deg);  
}  
#style-9kWK7.style-9kWK7 {  
   opacity: 1;  
}  
#style-gFD96.style-gFD96 {  
   display: block;  
    text-align: right;  
    position: relative;  
    overflow: unset;  
    font-size: 4rem;
    line-height: normal;
}  
#style-lBhNs.style-lBhNs {  
   display: block;  
    text-align: right;  
    position: relative;  
    overflow: unset;  
    font-size: 4rem;
    line-height: normal;
}  
#style-jgjWv.style-jgjWv {  
   display: block;  
    text-align: right;  
    position: relative;  
    overflow: unset;  
    font-size: 4rem;
    line-height: normal;
}  
#style-6VsUK.style-6VsUK {  
   translate: none;  
    rotate: none;  
    scale: none;  
    transform: translate(0px, 0px);  
    opacity: 1;  
}  
#style-VgmTy.style-VgmTy {  
   translate: none;  
    rotate: none;  
    scale: none;  
    transform: translate(0px, 0px);  
    opacity: 1;  
}  
#style-ClsJx.style-ClsJx {  
   translate: none;  
    rotate: none;  
    scale: none;  
    transform: translate(0px, 0px);  
    opacity: 1;  
}  
#style-BLks8.style-BLks8 {  
   translate: none;  
    rotate: none;  
    scale: none;  
    transform: translate(0px, 0px);  
    opacity: 1;  
}  
#style-sykdP.style-sykdP {  
   display: block;  
}  
#style-R5U2j.style-R5U2j {  
   display: block;  
}  
#style-N1NN8.style-N1NN8 {  
   display: block;  
}  
#style-iCxyb.style-iCxyb {  
   display: block;  
}  
#style-MzIM4.style-MzIM4 {  
   display: block;  
}  
#style-sVrL9.style-sVrL9 {  
   display: block;  
}  
#style-XBNmx.style-XBNmx {  
   display: block;  
}  
#style-8vRnQ.style-8vRnQ {  
   display: block;  
}  
#style-J72q5.style-J72q5 {  
   display: block;  
}  
#style-v7ycQ.style-v7ycQ {  
   display: block;  
}  
#style-6mD9I.style-6mD9I {  
   display: block;  
}  
#style-CF3VG.style-CF3VG {  
   display: block;  
}  
#style-Yq8TI.style-Yq8TI {  
   display: block;  
}  
#style-eHMFx.style-eHMFx {  
   display: block;  
}  
#style-pJFJQ.style-pJFJQ {  
   display: block;  
}  
#style-Pv3AD.style-Pv3AD {  
   display: block;  
}  
#style-wN9tY.style-wN9tY {  
   display: block;  
}  
#style-oNMTM.style-oNMTM {  
   display: block;  
}  
#style-ObDE5.style-ObDE5 {  
   display: block;  
}  
#style-Da31e.style-Da31e {  
   display: block;  
}  
#style-R7vPm.style-R7vPm {  
   display: block;  
}  
#style-5k1HR.style-5k1HR {  
   display: block;  
}  
#style-nY96f.style-nY96f {  
   display: block;  
}  
#style-2SrZ6.style-2SrZ6 {  
   display: block;  
}  
#style-oSEKC.style-oSEKC {  
   display: block;  
}  
#style-7CUi9.style-7CUi9 {  
   display: block;  
}  
#style-HH4sf.style-HH4sf {  
   display: block;  
}  
#style-FTF6f.style-FTF6f {  
   display: block;  
}  
#style-FqXdh.style-FqXdh {  
   display: block;  
}  
#style-Lgf5c.style-Lgf5c {  
   display: block;  
}  
#style-aof3V.style-aof3V {  
   display: block;  
}  
#style-dMJHY.style-dMJHY {  
   display: block;  
}  
#style-q8Qdx.style-q8Qdx {  
   display: block;  
    text-align: center;  
    position: relative;  
    overflow: unset;  
}  
#style-P2Azn.style-P2Azn {  
   display: block;  
    text-align: center;  
    position: relative;  
    overflow: unset;  
}  
#style-mN64n.style-mN64n {  
   display: block;  
    text-align: center;  
    position: relative;  
    overflow: unset;  
}  
#style-U7pP1.style-U7pP1 {  
   display: block;  
    text-align: center;  
    position: relative;  
    overflow: unset;  
}  
#mask0_1_2.style-mLisU {  
   mask-type:alpha;  
}  
#mask0_1_2.style-rzDoM {  
   mask-type:alpha;  
}  
#mask0_1_2.style-vbqlO {  
   mask-type:alpha;  
}  
#mask0_1_2.style-eZYt8 {  
   mask-type:alpha;  
}

/* Tablet Responsive Styles */
/* Tablet Responsive Styles */
@media screen and (max-width: 1024px) {
    body {
        font-size: 14px; /* Increase base font size for readability */
    }

    .main-page__content[data-v-c4136270] {
        height: auto;
        min-height: 100vh;
        padding: 6rem 2rem 4rem;
        margin-bottom: 5rem;
    }

    .main-page__titles[data-v-c4136270] {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        width: 100%;
    }

    /* Adjust main title parts - Stack and Reset Transforms */
    .h2,
    #style-WBZQS.style-WBZQS,
    #style-R8EGo.style-R8EGo {
        font-size: 6rem !important; /* Slightly smaller than 8rem to fit better */
        line-height: 1.1;
        width: 100% !important;
        text-align: center !important;
        transform: none !important; /* Critical: Reset desktop translation */
        margin: 0 !important;
    }

    /* specific spacing for tablet */
    #style-WBZQS.style-WBZQS {
        margin-bottom: 1rem !important;
    }

    /* "Your Trusted In-Home" parts */
    #style-gFD96.style-gFD96,
    #style-lBhNs.style-lBhNs,
    #style-jgjWv.style-jgjWv {
        font-size: 2.5rem !important;
        text-align: center !important;
        width: 100% !important;
        margin-top: 0.5rem;
    }

    /* Small aligned title */
    .small_title[data-v-c4136270] {
        position: static;
        text-align: center;
        width: 100%;
        margin: 1rem 0;
    }

    /* White Dog - counter Lottie's inline transform with negative margin */
    .main-page__content[data-v-c4136270] {
        display: flex;
        flex-direction: column;
        align-items: center;
        overflow: hidden; /* Hide any overflow from Lottie transform */
    }

    .main-page__white-dog[data-v-c4136270] {
        width: 90% !important;
        max-width: 600px !important;
        position: relative !important;
        top: 0 !important;
        left: auto !important;
        right: auto !important;
        /* Counter Lottie's inline transform offset (~300px) */
        margin: 3rem auto 0 calc(50% - 150px) !important;
        opacity: 1;
        display: block;
    }

    .main-page__white-dog[data-v-c4136270] svg {
        display: block;
        width: 100%;
        height: auto;
    }

    .social-link[data-v-c4136270] {
        opacity: 1 !important;
    }

    .main-page__social-links[data-v-c4136270] {
        position: relative;
        bottom: auto;
        left: auto;
        margin-top: 2.5rem;
        justify-content: center;
        width: 100%;
    }

    .main-page__details[data-v-c4136270] {
        position: relative;
        bottom: auto;
        left: auto;
        transform: none;
        margin-top: 2rem;
    }
}

/* Mobile Responsive Styles */
@media screen and (max-width: 767px) {
    .main-page__content[data-v-c4136270] {
        padding: 8rem 1.5rem 4rem;
    }

    .main-page__titles[data-v-c4136270] {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        width: 100%;
    }

    /* Main Big Title */
    .h2,
    #style-WBZQS.style-WBZQS,
    #style-R8EGo.style-R8EGo {
        font-size: 4.5rem !important;
        line-height: 1.1;
        width: 100% !important;
        text-align: center !important;
        transform: none !important; /* Reset layout translation */
        margin: 0 !important;
    }
    
    /* Specific adjustments for title spacing on mobile */
    #style-WBZQS.style-WBZQS {
        margin-bottom: 0.5rem !important;
    }

    /* Secondary Text "Your Trusted..." */
    #style-gFD96.style-gFD96,
    #style-lBhNs.style-lBhNs,
    #style-jgjWv.style-jgjWv {
        font-size: 1.75rem !important;
        text-align: center !important;
        width: 100% !important;
        margin-top: 0.5rem;
    }

    /* Small aligned title (usually empty/small, hide or fix) */
    .small_title[data-v-c4136270] {
        position: static;
        text-align: center;
        width: 100%;
        margin: 1rem 0;
    }

    /* White Dog - use flexbox centering (not transform) since Lottie overrides inline transform */
    .main-page__content[data-v-c4136270] {
        display: flex;
        flex-direction: column;
        align-items: center;
        overflow: hidden; /* Hide any overflow from Lottie transform */
    }

    .main-page__white-dog[data-v-c4136270] {
        width: 95% !important;
        max-width: none !important;
        position: relative !important;
        top: 0 !important;
        left: auto !important;
        right: auto !important;
        /* Counter Lottie's inline transform offset (~300px) - mobile may have different offset */
        margin: 2rem auto 0 calc(50% - 150px) !important;
        opacity: 0.9;
    }

    .main-page__white-dog[data-v-c4136270] svg {
        display: block;
        width: 100%;
        height: auto;
    }

    /* Social Links */
    .main-page__social-links[data-v-c4136270] {
        position: relative;
        bottom: auto;
        left: auto;
        margin-top: 3rem;
        justify-content: center;
        width: 100%;
    }

    /* Hide decorative balls on mobile to clean up layout */
    .main-page__hero-ball[data-v-c4136270] {
        display: none;
    }
    
    /* Circle link */
    .main-page__circle-link[data-v-c4136270] {
        display: none; /* Often too complex for mobile stack, hiding for cleaner look */
    }
}