html,body{margin:0;min-width:320px}html{scroll-behavior:smooth}.mh-honeypot{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}#mh-reader-landing .mh-policy-link{display:inline-block;color:var(--mh-green);font-size:12px;text-decoration:underline;margin-top:4px}#mh-reader-landing .mh-form-result[data-error="true"]{color:#be3545}#mh-reader-landing .mh-primary:disabled{opacity:.6;cursor:wait}#mh-reader-landing .mh-consent{display:flex;align-items:flex-start;gap:9px;margin:0 0 18px;font-size:13px;color:var(--mh-ink)}#mh-reader-landing .mh-consent input{margin:3px 0 0;accent-color:var(--mh-green)}
#mh-reader-landing .mh-product-shot{margin:0;border:1px solid var(--mh-line);border-radius:14px;overflow:hidden;background:var(--mh-surface);box-shadow:0 22px 50px rgba(10,20,30,.12)}#mh-reader-landing .mh-product-shot img{display:block;width:100%;height:auto}#mh-reader-landing .mh-hero-slot,#mh-reader-landing .mh-wide-slot,#mh-reader-landing .mh-personal-slot{min-height:0}
#mh-reader-landing {
color-scheme: light dark;
--mh-bg: light-dark(#f6f8fb, #0b0f16);
--mh-surface: light-dark(#ffffff, #10141b);
--mh-surface-2: light-dark(#eef3f8, #141b26);
--mh-ink: light-dark(#102033, #eaf1f8);
--mh-muted: light-dark(#4e6378, #9aadc0);
--mh-line: light-dark(#c8d4e1, #2a3648);
--mh-green: light-dark(#09885f, #4ade9d);
--mh-green-bg: light-dark(rgba(9,136,95,.10), rgba(74,222,157,.13));
--mh-shadow: light-dark(rgba(43,65,86,.16), rgba(0,0,0,.36));
--mh-green-ink: light-dark(#ffffff, #06251a);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
background: var(--mh-bg);
color: var(--mh-ink);
line-height: 1.5;
width: 100%;
overflow: hidden;
}
#mh-reader-landing[data-theme="light"] { color-scheme: light; }
#mh-reader-landing[data-theme="dark"] { color-scheme: dark; }
#mh-reader-landing *, #mh-reader-landing *::before, #mh-reader-landing *::after { box-sizing: border-box; }
#mh-reader-landing a { color: inherit; text-decoration: none; }
#mh-reader-landing button, #mh-reader-landing input { font: inherit; }
#mh-reader-landing button { cursor: pointer; }
#mh-reader-landing button:focus-visible, #mh-reader-landing a:focus-visible, #mh-reader-landing input:focus-visible { outline: 2px solid var(--mh-green); outline-offset: 3px; }
#mh-reader-landing .mh-wrap { width: min(100% - 56px, 1150px); margin-inline: auto; }
#mh-reader-landing .mh-header { position: sticky; top: 0; z-index: 40; background: var(--mh-surface); border-bottom: 1px solid var(--mh-line); }
#mh-reader-landing .mh-header-inner { min-height: 62px; display: flex; align-items: center; gap: 18px; }
#mh-reader-landing .productSwitch { position: relative; flex: none; }
#mh-reader-landing .mh-brand { display: flex; align-items: center; gap: 8px; padding: 3px 4px 3px 0; border: 0; border-radius: 8px; background: transparent; color: var(--mh-ink); text-align: left; font-size: 15px; font-weight: 800; line-height: 1.15; letter-spacing: -.01em; white-space: nowrap; }
#mh-reader-landing .mh-brand:hover .mh-wordmark { color: var(--mh-green); }
#mh-reader-landing .mh-mark { display: block; width: 34px; height: 34px; flex: none; }
#mh-reader-landing .mh-wordmark i { color: var(--mh-green); font-style: normal; }
#mh-reader-landing .mh-wordmark b { font-weight: 800; }
#mh-reader-landing .mh-slash { color: var(--mh-muted); font-weight: 400 !important; margin: 0 .34em; }
#mh-reader-landing .mh-brand-reader { color: var(--mh-muted); }
#mh-reader-landing .mh-wordmark small { display: block; color: var(--mh-muted); font-size: 9.5px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
#mh-reader-landing .productSwitchShort { display: none; color: var(--mh-muted); font-size: 13px; font-weight: 800; }
#mh-reader-landing .productSwitchChevron, #mh-reader-landing .mh-tab-chevron { width: 8px; height: 8px; flex: none; margin: -4px 3px 0 1px; border-right: 1.5px solid var(--mh-muted); border-bottom: 1.5px solid var(--mh-muted); transform: rotate(45deg); }
#mh-reader-landing .productSwitchButton[aria-expanded="true"] .productSwitchChevron, #mh-reader-landing .mh-mobile-nav-toggle[aria-expanded="true"] .mh-tab-chevron { transform: translateY(4px) rotate(225deg); }
#mh-reader-landing .productSwitchMenu { position: absolute; z-index: 4; top: calc(100% + 8px); left: 0; width: min(320px, calc(100vw - 34px)); padding: 7px; border: 1px solid var(--mh-line); border-radius: 10px; background: var(--mh-surface); box-shadow: 0 18px 42px var(--mh-shadow); }
#mh-reader-landing .productSwitchMenu[hidden] { display: none; }
#mh-reader-landing .productSwitchMenu a { display: flex; align-items: flex-start; gap: 10px; padding: 11px 10px; border-radius: 7px; color: var(--mh-ink); }
#mh-reader-landing .productSwitchMenu a:hover { background: var(--mh-surface-2); }
#mh-reader-landing .productSwitchMenu a[aria-current="page"] { background: var(--mh-green-bg); }
#mh-reader-landing .productSwitchCheck { width: 16px; flex: none; color: var(--mh-green); font-size: 14px; font-weight: 800; }
#mh-reader-landing .productSwitchMenu a:not([aria-current="page"]) .productSwitchCheck { visibility: hidden; }
#mh-reader-landing .productSwitchMenu strong { display: block; font-size: 13.5px; line-height: 1.3; font-weight: 750; }
#mh-reader-landing .productSwitchMenu strong i { font-style: normal; color: var(--mh-green); }
#mh-reader-landing .productSwitchMenu small { display: block; margin-top: 3px; color: var(--mh-muted); font-size: 12px; line-height: 1.3; }
#mh-reader-landing .mh-main-nav { display: flex; gap: 2px; align-items: center; margin-left: auto; font-size: 13.5px; font-weight: 600; white-space: nowrap; }
#mh-reader-landing .mh-main-nav a { color: var(--mh-muted); padding: 8px 12px; border-radius: 8px; }
#mh-reader-landing .mh-main-nav a:hover { color: var(--mh-ink); background: var(--mh-surface-2); }
#mh-reader-landing .mh-main-nav a.on { color: var(--mh-green); background: var(--mh-green-bg); }
#mh-reader-landing .mh-mobile-nav-toggle { display: none; }
#mh-reader-landing .mh-header-tools { display: flex; align-items: center; gap: 8px; }
#mh-reader-landing .mh-tool { border: 1px solid var(--mh-line); border-radius: 9px; background: var(--mh-surface); color: var(--mh-ink); min-height: 35px; padding: 5px 9px; font-size: 12px; font-weight: 700; white-space: nowrap; }
#mh-reader-landing .mh-tool:hover { border-color: var(--mh-green); }
#mh-reader-landing .mh-primary:hover { filter: brightness(.94); }
#mh-reader-landing .mh-hero { padding: 54px 0 76px; }
#mh-reader-landing .mh-hero-grid { min-height: 540px; display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); gap: 58px; align-items: center; }
#mh-reader-landing[data-layout="stacked"] .mh-hero-grid { display: flex; flex-direction: column; align-items: stretch; min-height: 0; }
#mh-reader-landing[data-layout="stacked"] .mh-hero-copy { max-width: 740px; }
#mh-reader-landing .mh-overline { color: var(--mh-green); font-weight: 800; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; margin: 0 0 24px; }
#mh-reader-landing h1 { font-size: clamp(38px, 5.1vw, 68px); line-height: 1.08; letter-spacing: -.065em; font-weight: 850; max-width: 14ch; margin: 0 0 22px; }
#mh-reader-landing .mh-hero-copy > p:not(.mh-overline) { color: var(--mh-muted); font-size: 18px; line-height: 1.55; max-width: 38ch; margin: 0 0 28px; }
#mh-reader-landing .mh-hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 17px; }
#mh-reader-landing .mh-primary { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 11px 20px; border: 1px solid var(--mh-green); border-radius: 10px; background: var(--mh-green); color: var(--mh-green-ink); font-size: 14px; font-weight: 800; white-space: nowrap; }
#mh-reader-landing .mh-secondary { color: var(--mh-green); font-size: 14px; font-weight: 750; white-space: nowrap; }
#mh-reader-landing .mh-secondary:hover { text-decoration: underline; }
#mh-reader-landing .mh-screen-slot { display: flex; flex-direction: column; justify-content: center; padding: 28px; border: 1px dashed var(--mh-line); border-radius: 14px; background: var(--mh-surface-2); color: var(--mh-muted); }
#mh-reader-landing .mh-screen-slot strong { display: block; color: var(--mh-ink); font-size: 15px; font-weight: 750; margin-bottom: 6px; }
#mh-reader-landing .mh-screen-slot span { display: block; font-size: 13px; line-height: 1.5; max-width: 44ch; }
#mh-reader-landing .mh-hero-slot { min-height: 420px; }
#mh-reader-landing .mh-section { padding: 100px 0; border-top: 1px solid var(--mh-line); }
#mh-reader-landing .mh-intro { display: grid; grid-template-columns: .72fr 1.28fr; gap: 90px; align-items: start; }
#mh-reader-landing .mh-section h2 { font-size: clamp(29px, 3.2vw, 43px); letter-spacing: -.048em; line-height: 1.16; font-weight: 820; margin: 0 0 18px; }
#mh-reader-landing .mh-section p { color: var(--mh-muted); margin: 0; font-size: 16px; line-height: 1.65; }
#mh-reader-landing .mh-section-copy { max-width: 53ch; }
#mh-reader-landing .mh-wide-slot { min-height: 340px; margin-top: 38px; }
#mh-reader-landing .mh-personal { background: var(--mh-surface); }
#mh-reader-landing .mh-personal-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 72px; align-items: center; }
#mh-reader-landing .mh-personal-slot { min-height: 375px; }
#mh-reader-landing .mh-personal-copy { max-width: 45ch; }
#mh-reader-landing .mh-detail-strip { display: grid; grid-template-columns: 1.2fr .8fr; gap: 90px; align-items: end; }
#mh-reader-landing .mh-detail-list { display: grid; grid-template-columns: 1fr 1fr; gap: 35px 48px; margin-top: 52px; }
#mh-reader-landing .mh-detail-list > div { border-top: 1px solid var(--mh-line); padding-top: 16px; }
#mh-reader-landing .mh-detail-list strong { display: block; font-size: 16px; margin-bottom: 7px; }
#mh-reader-landing .mh-detail-list p { font-size: 14px; }
#mh-reader-landing .mh-join { background: var(--mh-bg); }
#mh-reader-landing .mh-join-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 90px; align-items: start; }
#mh-reader-landing .mh-join-copy p { max-width: 38ch; }
#mh-reader-landing .mh-form { background: var(--mh-surface); border: 1px solid var(--mh-line); border-radius: 14px; padding: 27px; }
#mh-reader-landing .mh-fields-two { display: grid; grid-template-columns: 1fr 1fr; gap: 17px; }
#mh-reader-landing .mh-field { margin-bottom: 18px; }
#mh-reader-landing .mh-field label { display: block; color: var(--mh-ink); font-size: 13px; font-weight: 750; margin-bottom: 7px; }
#mh-reader-landing .mh-field input { width: 100%; min-width: 0; min-height: 44px; padding: 10px 12px; color: var(--mh-ink); background: var(--mh-bg); border: 1px solid var(--mh-line); border-radius: 8px; font-size: 16px; }
#mh-reader-landing .mh-field input::placeholder { color: var(--mh-muted); opacity: 1; }
#mh-reader-landing .mh-form .mh-primary { width: 100%; }
#mh-reader-landing .mh-privacy { color: var(--mh-muted); font-size: 12px; line-height: 1.5; margin: 14px 0 0; }
#mh-reader-landing .mh-form-result { min-height: 24px; margin: 11px 0 0; font-size: 13px; color: var(--mh-green); font-weight: 700; }
#mh-reader-landing .mh-footer { background: var(--mh-surface); border-top: 1px solid var(--mh-line); padding: 25px 0; }
#mh-reader-landing .mh-footer-inner { display: flex; gap: 16px; justify-content: space-between; align-items: center; color: var(--mh-muted); font-size: 12px; }
#mh-reader-landing .mh-footer strong { color: var(--mh-ink); font-size: 15px; letter-spacing: -.045em; }
#mh-reader-landing .mh-footer-links { display: flex; gap: 17px; flex-wrap: wrap; }
#mh-reader-landing .mh-footer-links a:hover { color: var(--mh-green); }
@media (max-width: 900px) {
#mh-reader-landing .mh-header-inner { position: relative; gap: 8px; }
#mh-reader-landing .productSwitch { margin-right: auto; }
#mh-reader-landing .mh-main-nav { display: none; position: absolute; z-index: 3; top: 62px; right: 0; width: min(320px, calc(100vw - 34px)); margin: 0; padding: 8px; flex-direction: column; align-items: stretch; border: 1px solid var(--mh-line); border-radius: 0 0 12px 12px; background: var(--mh-surface); box-shadow: 0 18px 42px var(--mh-shadow); }
#mh-reader-landing .mh-header.nav-open .mh-main-nav { display: flex; }
#mh-reader-landing .mh-main-nav a { padding: 10px 12px; }
#mh-reader-landing .mh-main-nav a.on { display: none; }
#mh-reader-landing .mh-mobile-nav-toggle { display: flex; align-items: center; gap: 5px; flex: none; min-height: 35px; padding: 8px 12px; border: 0; border-radius: 8px; background: var(--mh-green-bg); color: var(--mh-green); font-size: 13.5px; font-weight: 600; white-space: nowrap; }
#mh-reader-landing .mh-mobile-nav-toggle .mh-tab-chevron { border-color: var(--mh-green); }
#mh-reader-landing .mh-hero-grid { gap: 30px; }
#mh-reader-landing .mh-intro, #mh-reader-landing .mh-personal-grid, #mh-reader-landing .mh-detail-strip, #mh-reader-landing .mh-join-grid { gap: 38px; }
}
@media (max-width: 700px) {
#mh-reader-landing .mh-wrap { width: min(100% - 34px, 1150px); }
#mh-reader-landing .mh-header-inner { min-height: 62px; gap: 5px; }
#mh-reader-landing .mh-brand { font-size: 13px; gap: 5px; }
#mh-reader-landing .mh-mark { width: 28px; height: 28px; }
#mh-reader-landing .mh-tool { min-height: 33px; padding: 5px 7px; }
#mh-reader-landing .mh-mobile-nav-toggle { min-height: 33px; padding: 7px 9px; font-size: 12px; }
#mh-reader-landing .mh-hero { padding: 47px 0 66px; }
#mh-reader-landing .mh-hero-grid, #mh-reader-landing .mh-intro, #mh-reader-landing .mh-personal-grid, #mh-reader-landing .mh-detail-strip, #mh-reader-landing .mh-join-grid { display: flex; flex-direction: column; align-items: stretch; min-height: 0; }
#mh-reader-landing h1 { max-width: 13ch; }
#mh-reader-landing .mh-hero-copy > p:not(.mh-overline) { font-size: 16px; }
#mh-reader-landing .mh-hero-slot { min-height: 270px; }
#mh-reader-landing .mh-section { padding: 70px 0; }
#mh-reader-landing .mh-wide-slot, #mh-reader-landing .mh-personal-slot { min-height: 250px; }
#mh-reader-landing .mh-detail-list { margin-top: 30px; }
#mh-reader-landing .mh-form { padding: 20px; }
}
@media (max-width: 420px) {
#mh-reader-landing .mh-wordmark small { display: none; }
#mh-reader-landing .mh-hero-actions { gap: 12px; }
#mh-reader-landing .mh-detail-list, #mh-reader-landing .mh-fields-two { grid-template-columns: 1fr; gap: 0; }
#mh-reader-landing .mh-detail-list { gap: 23px; }
#mh-reader-landing .mh-footer-inner { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 365px) {
#mh-reader-landing .mh-brand .mh-wordmark { display: none; }
#mh-reader-landing .productSwitchShort { display: inline; }
}
#mh-reader-landing .mh-hero-slot,#mh-reader-landing .mh-wide-slot,#mh-reader-landing .mh-personal-slot{min-height:0}
#mh-reader-landing .mh-wide-slot{max-height:720px}
#mh-reader-landing .mh-personal-slot img{margin-top:-8.6%}
#mh-reader-landing .mh-form .mh-privacy{margin-top:14px;font-size:12px;line-height:1.5}