/* Step 05: styles apply only inside the opt-in MTF homepage marker. */
.mtf-design-hero .mtf-journey-nav { margin: 0 0 18px; border-bottom: 1px solid #dce5ed; }
.mtf-design-hero .mtf-journey-nav ul { display:flex; align-items:center; flex-wrap:wrap; gap:4px 16px; list-style:none; padding:0 0 10px; margin:0; }
.mtf-design-hero .mtf-journey-nav li { min-width:0; }
.mtf-design-hero .mtf-journey-nav a { display:flex; align-items:center; min-height:44px; padding:8px 12px; color:var(--mtf-navy); font-size:14px; font-weight:650; line-height:1.45; text-decoration:none; border-radius:7px; }
.mtf-design-hero .mtf-journey-nav a:hover { background:#eaf1f7; }
.mtf-design-hero .mtf-journey-nav__account { margin-left:auto; }
.mtf-design-hero .mtf-journey-nav__account a { border:1px solid #b7c9db; }
.mtf-design-hero .mtf-design-categories,
.mtf-design-hero .mtf-journey-business,
.mtf-design-hero .mtf-journey-info { scroll-margin-top:24px; }
.mtf-design-hero .mtf-journey-business { background:#013564; color:#fff; margin-top:36px; border-radius:20px; padding:clamp(24px,3.2vw,44px); }
.mtf-design-hero .mtf-journey-business__head { display:flex; align-items:center; justify-content:space-between; gap:26px; }
.mtf-design-hero .mtf-journey-business__head > div { min-width:0; max-width:68ch; }
.mtf-design-hero .mtf-journey-kicker { font-family:inherit; font-size:12px; font-weight:700; line-height:1.5; letter-spacing:.09em; text-transform:uppercase; color:#47627b; margin:0 0 12px; }
.mtf-design-hero .mtf-journey-business .mtf-journey-kicker { color:#d4e7f5; }
.mtf-design-hero .mtf-journey-business h2 { font-family:inherit; font-size:clamp(24px,2.6vw,36px); line-height:1.22; font-weight:750; color:#fff; margin:0 0 16px; letter-spacing:-.02em; text-wrap:balance; }
.mtf-design-hero .mtf-journey-business p { font-size:16px; line-height:1.65; }
.mtf-design-hero .mtf-journey-business__head p:not(.mtf-journey-kicker) { margin:0; color:#e4edf6; }
.mtf-design-hero .mtf-journey-business__cta { display:inline-flex; gap:12px; align-items:center; justify-content:center; flex-shrink:0; max-width:100%; min-height:48px; padding:13px 20px; border-radius:8px; background:#fff; color:#013564; border:2px solid #fff; font-size:15px; font-weight:700; line-height:1.4; text-decoration:none; }
.mtf-design-hero .mtf-journey-business__cta:hover { background:#e9f2f8; border-color:#e9f2f8; }
.mtf-design-hero .mtf-journey-business a:focus-visible { outline:3px solid #f8d548; outline-offset:4px; }
.mtf-design-hero .mtf-journey-steps { list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:28px 0 0; padding:0; }
.mtf-design-hero .mtf-journey-steps li { min-width:0; border:1px solid #45698b; background:#0b3e6e; border-radius:12px; padding:22px; }
.mtf-design-hero .mtf-journey-steps__number { display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; margin-bottom:16px; background:#e5f2ea; color:#013564; border-radius:50%; font-size:13px; font-weight:750; }
.mtf-design-hero .mtf-journey-steps h3 { margin:0 0 10px; font-family:inherit; font-size:18px; line-height:1.4; font-weight:700; color:#fff; }
.mtf-design-hero .mtf-journey-steps p { margin:0; color:#e4edf6; font-size:14px; line-height:1.6; }
.mtf-design-hero p.mtf-journey-business__note { margin:20px 0 0; color:#d4e7f5; font-size:13px; line-height:1.6; }
.mtf-design-hero .mtf-journey-info-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin-top:24px; }
.mtf-design-hero .mtf-journey-info { min-width:0; padding:clamp(24px,3vw,40px); border:1px solid #dce5ed; border-radius:16px; background:#f4f7fa; }
.mtf-design-hero .mtf-journey-info--stores { background:#eff7f0; }
.mtf-design-hero .mtf-journey-info h2 { color:#013564; font-family:inherit; font-size:clamp(22px,2.4vw,29px); line-height:1.25; font-weight:750; margin:0 0 18px; text-wrap:balance; letter-spacing:-.02em; }
.mtf-design-hero .mtf-journey-info p { color:#46596b; font-size:15px; line-height:1.65; margin:0 0 14px; }
.mtf-design-hero .mtf-journey-info p.mtf-journey-kicker { font-size:12px; }
.mtf-design-hero .mtf-journey-info__link { display:inline-flex; align-items:center; gap:12px; min-height:44px; max-width:100%; color:#013564; font-size:15px; font-weight:700; line-height:1.5; text-decoration:underline; text-underline-offset:4px; overflow-wrap:anywhere; }
.mtf-design-hero .mtf-journey-info__link:hover { text-decoration-thickness:2px; }
.mtf-design-hero .mtf-journey-info__link span { flex-shrink:0; }
.mtf-design-hero p.mtf-journey-info__company { color:#013564; font-weight:700; margin:20px 0 2px; }
.mtf-design-hero p.mtf-journey-info__note { font-size:12px; margin:12px 0 0; }
@media(max-width:991.98px) { .mtf-design-hero .mtf-journey-business__head { flex-direction:column; align-items:flex-start; } .mtf-design-hero .mtf-journey-steps { grid-template-columns:1fr; } .mtf-design-hero .mtf-journey-steps li { padding:20px; } }
@media(max-width:767.98px) { .mtf-design-hero .mtf-journey-info-grid { grid-template-columns:1fr; } .mtf-design-hero .mtf-journey-nav ul { gap:2px 6px; } .mtf-design-hero .mtf-journey-nav a { font-size:13px; padding:8px; } .mtf-design-hero .mtf-journey-nav__account { margin-left:0; } }
@media(forced-colors:active) { .mtf-design-hero .mtf-journey-steps li,.mtf-design-hero .mtf-journey-business,.mtf-design-hero .mtf-journey-info { border:1px solid CanvasText; } }