/* Mobile is the reference. Load only on the commercial landing, after style.css. */
.mr-landing {color:#25352b;}
.mr-landing .container {width:100%; max-width:1200px; padding-left:20px; padding-right:20px;}
.mr-landing .hero-section {height:auto; min-height:0; padding-bottom:24px; background-color:#014626;}
.mr-landing .nav-wrapper {display:flex; align-items:center; justify-content:space-between; min-height:78px;}
.mr-landing .nav-wrapper > img {width:156px; height:auto; margin:0;}
.mr-landing .mobile-hamb {margin:0;}
.mr-landing .mobile-hamb img {padding:9px; box-sizing:content-box; width:26px; min-height:24px;}
.mr-landing .nav-mobile-wrapper {position:fixed; top:0; left:0; width:100%; height:100dvh; padding:24px;}
.mr-landing .nav-mobile-wrapper > div > img:last-child {margin:0; padding:12px; min-width:44px; min-height:44px;}
.mr-landing .hero-info-wrapper {flex-direction:column; align-items:stretch; gap:22px; padding-bottom:24px;}
.mr-landing .hero-info-wrapper > div:first-child {margin:12px 0 0; max-width:none; min-width:0;}
.mr-landing .hero-info-wrapper h1 {font-size:clamp(1.85rem,8.1vw,2.5rem); line-height:1.12; font-weight:700; margin:14px 0; letter-spacing:-.025em;}
.mr-landing .hero-info-wrapper h1 span {color:#ffe64e;}
.mr-landing .hero-info-wrapper > div:first-child > p {max-width:none; margin:0; font-size:16px; line-height:1.5;}
.mr-landing .hero-info-wrapper > div:first-child > .mr-eyebrow {font-size:15px; line-height:1.4; color:#ffe64e; font-weight:700; max-width:34ch;}
.mr-landing .hero-info-wrapper > div:first-child > .mr-cta-note {font-size:13px; margin:10px 0 0; line-height:1.4;}
.mr-landing .hero-section__cta-btn {width:100%; max-width:none; min-height:50px; height:auto; background:#a54b0b; padding:14px 16px; margin:20px 0 0; font-weight:700;}
.mr-landing .mr-secondary {color:white; display:inline-flex; align-items:center; min-height:44px; text-decoration:underline; font-size:14px; margin-top:4px;}
.mr-landing .hero-info-wrapper > div.form-container {display:block; width:100%; max-width:600px; flex-shrink:0; margin:0; align-self:center;}
.mr-landing .video-card {display:block; width:100%; height:auto; aspect-ratio:16/9; border-radius:10px; background:#10291c url('images/banners/beach-tennis.webp') center/cover no-repeat;}
.mr-landing .video-card::before {background:#071f13; opacity:.42;}
.mr-landing .video-card__cta {gap:12px; padding:12px 16px; background:#07341cf2; border-radius:999px;}
.mr-landing .video-card__cta span {font:700 15px/1.2 'DM Sans',sans-serif;}
.mr-landing .video-card__cta img {width:36px; height:36px;}
.mr-landing .video-card .video-card__iframe {width:100%; height:100%; border:0;}
.mr-landing .hero-section > .keen-slider {margin-top:0;}
.mr-landing .mr-section {padding-top:36px; padding-bottom:36px;}
.mr-landing .mr-section h2 {font-size:26px; line-height:1.16; font-weight:700; color:#014626; margin:0 0 18px; max-width:none; letter-spacing:-.015em;}
.mr-landing .mr-kicker {font-size:11px; line-height:1.5; font-weight:700; color:#586b35; text-transform:uppercase; letter-spacing:.08em; margin-bottom:10px;}
.mr-landing .mr-section p {font-size:16px; line-height:1.5;}
.mr-landing .mr-lead,.mr-landing .mr-footnote {max-width:none;}
.mr-landing .mr-grid {display:grid; grid-template-columns:1fr; gap:12px; margin-top:20px;}
.mr-landing .mr-section h3 {font-size:18px; line-height:1.25; color:#014626; font-weight:700; margin:0 0 8px;}
.mr-landing .mr-steps {list-style:none; padding:0;}
.mr-landing .mr-steps li {display:grid; grid-template-columns:36px minmax(0,1fr); gap:0 12px; padding:18px; background:#f3f6f1; border:1px solid #dce5d8; border-radius:10px;}
.mr-landing .mr-number {grid-row:1/3; align-self:start; display:flex; align-items:center; justify-content:center; width:34px; height:34px; font-weight:700; font-size:12px; border-radius:50%; background:#e0e8d3; color:#014626;}
.mr-landing .mr-steps p {grid-column:2; font-size:15px;}
.mr-landing .mr-band {background:#f5f7f2;}
.mr-landing .mr-panel {padding:18px; border:1px solid #dce5d8; border-radius:10px; background:white;}
.mr-landing .mr-section .mr-footnote {font-size:14px; line-height:1.5; color:#4c5b4e; margin-top:18px;}
.mr-landing .mr-benefits .mr-grid {gap:18px;}
.mr-landing .mr-benefits article {padding-left:16px; border-left:3px solid #bacb8d;}
.mr-landing .mr-fit-list {padding:0; margin-bottom:16px;}
.mr-landing .mr-fit-list li {position:relative; padding-left:24px; margin-bottom:10px; font-size:16px; line-height:1.4;}
.mr-landing .mr-fit-list li::before {content:'✓'; position:absolute; left:0; color:#014626; font-weight:700;}
.mr-landing .mr-cta {display:inline-flex; align-items:center; justify-content:center; min-height:50px; width:100%; padding:14px 18px; border-radius:6px; font-size:16px; font-weight:700; background:#a54b0b; color:white; margin-top:20px;}
.mr-landing .feedbacks-section {margin-top:0;}
.mr-landing .feedback-info-wrapper > strong {font-size:26px; line-height:1.2;}
.mr-landing .app-info-wrapper > p {line-height:1.5;}
.mr-landing #apps {padding-top:32px;}
.mr-landing .who-we-are-section-info-wrapper > div:first-child p {line-height:1.5;}
.mr-landing .mr-faq details {border-bottom:1px solid #dce5d8; padding:8px 0;}
.mr-landing .mr-faq summary {display:list-item; min-height:44px; padding:12px 0; color:#014626; font-weight:700; font-size:17px; cursor:pointer;}
.mr-landing .mr-faq p {padding:0 0 12px;}
.mr-landing .mr-final {background:#014626; color:white;}
.mr-landing .mr-final h2 {color:#ffe64e;}
.mr-landing button:focus-visible,.mr-landing a:focus-visible,.mr-landing summary:focus-visible,.mr-landing [tabindex]:focus-visible {outline:3px solid #0072bb; outline-offset:4px;}
.mr-landing .mr-skip {position:absolute; top:-100px; left:16px; background:white; color:#014626; z-index:2000; padding:16px;}
.mr-landing .mr-skip:focus {top:16px;}
.mr-landing [id] {scroll-margin-top:20px;}
.mr-landing .mr-chat-status:not([hidden]) {position:fixed; bottom:16px; left:16px; max-width:min(380px,calc(100vw - 32px)); padding:16px; background:white; color:#014626; border:2px solid #014626; border-radius:8px; z-index:1000; box-shadow:0 6px 20px #0002;}
@media (min-width:600px) {
    .mr-landing .container {padding-left:28px; padding-right:28px;}
    .mr-landing .hero-info-wrapper > div:first-child {max-width:650px;}
    .mr-landing .hero-info-wrapper h1 {font-size:42px;}
    .mr-landing .mr-section {padding-top:48px; padding-bottom:48px;}
    .mr-landing .mr-two {grid-template-columns:repeat(2,minmax(0,1fr));}
    .mr-landing .mr-cta {width:auto;}
}
@media (min-width:850px) {
    .mr-landing .nav-wrapper {min-height:100px;}
    .mr-landing .nav-wrapper > img {width:190px;}
    .mr-landing .hero-info-wrapper {flex-direction:row; align-items:center; gap:40px; padding-top:24px; padding-bottom:40px;}
    .mr-landing .hero-info-wrapper > div:first-child {flex:1; max-width:630px; margin:0;}
    .mr-landing .hero-info-wrapper h1 {font-size:clamp(2.4rem,3.6vw,3.1rem);}
    .mr-landing .hero-info-wrapper > div.form-container {flex:1; min-width:0; width:auto; max-width:460px;}
    .mr-landing .hero-section__cta-btn {max-width:320px;}
    .mr-landing .mr-grid {grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px;}
    .mr-landing .mr-two {grid-template-columns:repeat(2,minmax(0,1fr));}
    .mr-landing .mr-section h2 {font-size:34px;}
    .mr-landing .hero-info-wrapper > div:first-child > .mr-eyebrow {max-width:none;}
}
@media (max-width:849px) {
    .mr-landing .showcase-slider {border-radius:12px;}
    .mr-landing .showcase-slider > img {width:100%; height:110px; border-radius:8px;}
    .mr-landing .showcase-slider > strong {font-size:16px; margin:8px 0 10px 12px;}
}
@media (prefers-reduced-motion:reduce) {
    .mr-landing * {scroll-behavior:auto!important; transition:none!important;}
}

/* Keep the added menu item readable on smaller desktop widths. */
@media (min-width:850px) and (max-width:1050px) {
    .mr-landing .nav-wrapper > img {width:150px;}
    .mr-landing .desktop-nav > ul {gap:16px; font-size:14px;}
}