/* Homepage hero Reference 1.2; no global header overrides. */
#mtd-home .mh-top.mhr-top,#mtd-home .mh-top:has(#mtd-hero-readable){display:block!important;grid-column:1/-1!important;width:100%;min-width:0;container-type:inline-size}
#mtd-home .mh-top.mhr-top>.mh-promos,#mtd-home .mh-top:has(#mtd-hero-readable)>.mh-promos{display:none!important}
#mtd-home #mtd-hero-readable{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;gap:0;min-height:0;padding:4.2% 4.2% 3.8%;margin:0;width:100%;overflow:hidden;border:0;border-radius:22px;background:#eaf6ff;color:#031335;font-family:Arial,sans-serif}
#mtd-home #mtd-hero-readable *{box-sizing:border-box}
#mtd-home #mtd-hero-readable .mhr-copy{position:relative;z-index:1;width:57%;min-width:0}
#mtd-home #mtd-hero-readable h1{font-size:clamp(30px,4.9cqw,84px)!important;line-height:1.03!important;letter-spacing:-.04em;font-weight:800!important;text-transform:none!important;text-align:left!important;margin:0 0 2.3cqw!important;padding:0!important;color:#031335!important;max-width:none;word-break:normal;overflow-wrap:normal}
#mtd-home #mtd-hero-readable h1 span{display:block;margin-top:.14em;color:#0657f9!important;text-transform:none!important;white-space:nowrap}
#mtd-home #mtd-hero-readable p{font-size:clamp(14px,1.5cqw,26px)!important;line-height:1.45!important;text-align:left;text-transform:none!important;max-width:none;margin:0}
#mtd-home #mtd-hero-readable .mhr-assortment{font-weight:600;color:#061638;margin-bottom:.6cqw}
#mtd-home #mtd-hero-readable .mhr-description{font-weight:400;color:#3e557f;max-width:92%}
#mtd-home #mtd-hero-readable .mhr-actions{display:flex;gap:.7cqw;flex-wrap:nowrap;align-items:stretch;margin-top:2cqw}
#mtd-home #mtd-hero-readable .mhr-button{display:inline-flex;align-items:center;justify-content:center;gap:1.1cqw;min-height:44px;padding:1.2cqw 1.7cqw;border:1.5px solid #0660ff;border-radius:9px;font-size:clamp(12px,1.35cqw,23px);font-weight:600;line-height:1.3;text-align:center;text-decoration:none;text-transform:none;white-space:nowrap;transition:background .15s;box-shadow:none}
#mtd-home #mtd-hero-readable .mhr-primary{background:#0861f7;color:white;flex:1}
#mtd-home #mtd-hero-readable .mhr-primary:hover{background:#004bc9}
#mtd-home #mtd-hero-readable .mhr-secondary{background:rgba(255,255,255,.9);color:#0054f5;flex:1.4}
#mtd-home #mtd-hero-readable .mhr-secondary:hover{background:#fff}
#mtd-home #mtd-hero-readable .mhr-button span{font-size:1.35em;font-weight:400}
#mtd-home #mtd-hero-readable .mhr-button:focus-visible{outline:3px solid #123b89;outline-offset:4px}
#mtd-home #mtd-hero-readable .mhr-visual{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;border:0;border-radius:0;margin:0;padding:0}
#mtd-home #mtd-hero-readable .mhr-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;max-width:none;border:0;border-radius:0;mix-blend-mode:normal}
#mtd-home #mtd-hero-readable .mhr-benefits{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:1.5cqw 3cqw;list-style:none;padding:0;margin:3cqw 0 0;width:70%;background:none;border:0}
#mtd-home #mtd-hero-readable .mhr-benefits li{display:flex;align-items:center;gap:1cqw;font-size:clamp(12px,1.2cqw,21px);line-height:1.4;color:#344f7c;margin:0;padding:0}
#mtd-home #mtd-hero-readable .mhr-benefits li:before{content:none}
#mtd-home #mtd-hero-readable .mhr-benefits svg{width:2.3cqw;height:2.3cqw;min-width:22px;min-height:22px;fill:none;stroke:#0861f7;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#mtd-showcase{scroll-margin-top:110px}
@container(max-width:900px){#mtd-home #mtd-hero-readable .mhr-copy{width:62%}#mtd-home #mtd-hero-readable .mhr-actions{flex-wrap:wrap}#mtd-home #mtd-hero-readable .mhr-button{padding:12px}#mtd-home #mtd-hero-readable .mhr-benefits{width:80%}#mtd-home #mtd-hero-readable .mhr-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(235,247,255,.9),rgba(235,247,255,.4) 58%,transparent 75%)}}
@media(max-width:640px){#mtd-home #mtd-hero-readable{padding:26px 20px 20px;border-radius:16px}#mtd-home #mtd-hero-readable .mhr-copy{width:100%}#mtd-home #mtd-hero-readable h1{font-size:clamp(28px,7.6vw,46px)!important;line-height:1.08!important;letter-spacing:-.035em;margin-bottom:20px!important}#mtd-home #mtd-hero-readable p{font-size:15px!important}#mtd-home #mtd-hero-readable .mhr-description{max-width:100%;margin-top:10px}#mtd-home #mtd-hero-readable .mhr-actions{flex-direction:column;gap:10px;margin-top:22px}#mtd-home #mtd-hero-readable .mhr-button{font-size:14px;padding:14px 8px;white-space:normal}#mtd-home #mtd-hero-readable .mhr-visual{position:relative;inset:auto;order:2;aspect-ratio:1.8;margin:20px -20px 0}#mtd-home #mtd-hero-readable .mhr-visual img{width:200%;max-width:none;position:absolute;right:0;object-fit:cover}#mtd-home #mtd-hero-readable .mhr-visual:after{display:none}#mtd-home #mtd-hero-readable .mhr-benefits{order:3;width:100%;gap:12px;margin-top:18px}#mtd-home #mtd-hero-readable .mhr-benefits li{font-size:13px;gap:10px}#mtd-home #mtd-hero-readable .mhr-benefits svg{width:24px;height:24px}}
@media(prefers-reduced-motion:reduce){#mtd-home #mtd-hero-readable .mhr-button{transition:none}}

/* Compact 1.3: two-line heading and restrained desktop height. */
#mtd-home #mtd-hero-readable{padding:28px 3.5% 24px;border-radius:16px}
#mtd-home #mtd-hero-readable .mhr-copy{width:59%;max-width:760px}
#mtd-home #mtd-hero-readable h1{font-size:clamp(27px,2.95cqw,44px)!important;line-height:1.12!important;letter-spacing:-.035em;margin-bottom:16px!important}
#mtd-home #mtd-hero-readable h1 span{margin-top:2px}
#mtd-home #mtd-hero-readable p{font-size:clamp(14px,1.15cqw,17px)!important;line-height:1.45!important;max-width:620px}
#mtd-home #mtd-hero-readable .mhr-assortment{margin-bottom:7px;max-width:640px}
#mtd-home #mtd-hero-readable .mhr-description{max-width:590px}
#mtd-home #mtd-hero-readable .mhr-actions{margin-top:18px;gap:10px;justify-content:flex-start;flex-wrap:wrap}
#mtd-home #mtd-hero-readable .mhr-button{flex:0 1 auto;min-height:44px;padding:11px 17px;font-size:14px;gap:12px;border-radius:7px}
#mtd-home #mtd-hero-readable .mhr-benefits{width:76%;gap:12px 24px;margin-top:22px}
#mtd-home #mtd-hero-readable .mhr-benefits li{font-size:13px;gap:8px}
#mtd-home #mtd-hero-readable .mhr-benefits svg{width:23px;height:23px;min-width:23px;min-height:23px}
#mtd-home #mtd-hero-readable .mhr-visual{background:#eaf6ff}
#mtd-home #mtd-hero-readable .mhr-visual img{width:auto;height:100%;right:0;position:absolute;object-fit:contain;object-position:right center}
#mtd-home #mtd-hero-readable .mhr-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#edf7ff 0%,rgba(237,247,255,.98) 40%,rgba(237,247,255,.72) 54%,transparent 68%)}
@container(max-width:1000px){#mtd-home #mtd-hero-readable .mhr-copy{width:66%}#mtd-home #mtd-hero-readable h1{font-size:29px!important}#mtd-home #mtd-hero-readable .mhr-benefits{width:100%}#mtd-home #mtd-hero-readable .mhr-button{font-size:13px;padding:10px 12px}}
@media(max-width:640px){#mtd-home #mtd-hero-readable{padding:22px 18px 18px}#mtd-home #mtd-hero-readable .mhr-copy{width:100%;max-width:none}#mtd-home #mtd-hero-readable h1{font-size:clamp(25px,6.8vw,34px)!important;line-height:1.12!important;margin-bottom:14px!important}#mtd-home #mtd-hero-readable h1 span{white-space:normal}#mtd-home #mtd-hero-readable p{font-size:14px!important}#mtd-home #mtd-hero-readable .mhr-actions{margin-top:16px}#mtd-home #mtd-hero-readable .mhr-button{width:100%;font-size:14px;padding:11px 12px}#mtd-home #mtd-hero-readable .mhr-visual{height:150px;aspect-ratio:auto;margin:16px -18px 0}#mtd-home #mtd-hero-readable .mhr-visual img{width:auto;height:100%;right:0}#mtd-home #mtd-hero-readable .mhr-visual:after{display:none}#mtd-home #mtd-hero-readable .mhr-benefits{margin-top:15px;gap:10px}#mtd-home #mtd-hero-readable .mhr-benefits li{font-size:12px}}