/* Product stories: dark operating board, paper editorial sections, ruled capability grid. */
:is(#mh-product, .mh-product) .wrap,:is(#mh-product, .mh-product) .hero-in{max-width:1200px;padding-inline:40px;margin-inline:auto}
:is(#mh-product, .mh-product) .hero{background:var(--mh-dark);color:#f8faf6;border-bottom:1px solid #ffffff20}
:is(#mh-product, .mh-product) .hero-in{padding-block:76px 88px;grid-template-columns:1.14fr 1fr;gap:70px;align-items:center}
:is(#mh-product, .mh-product) .hero h1{font-size:clamp(42px,4.65vw,67px);font-weight:600;letter-spacing:-.055em;line-height:1.06;margin-top:25px}
:is(#mh-product, .mh-product) .hero-sub{font-size:16px;line-height:1.8;color:#bdc9c1;margin-top:25px;max-width:510px}
:is(#mh-product, .mh-product) .hero-note{color:#a6b7ab;font-size:12px;margin-top:22px}
:is(#mh-product, .mh-product) .hero-note a{color:var(--accent-lime);border-color:#a6ef7955}
:is(#mh-product, .mh-product) .hero .mh-kicker{color:var(--accent-lime)}
:is(#mh-product, .mh-product) .hero-cta{margin-top:30px}
:is(#mh-product, .mh-product) .btn{border-radius:7px;font-size:13px;box-shadow:none;min-height:46px}
:is(#mh-product, .mh-product) :is(.hero,.cta) .btn-brand{background:var(--accent-lime);color:#182b1c}
:is(#mh-product, .mh-product) :is(.hero,.cta) .btn-ghost{background:transparent;color:#f4f7f1;border-color:#778d7d}
:is(#mh-product, .mh-product) .hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 90% 70%,#a6ef790a,transparent 60%);pointer-events:none}
:is(#mh-product, .mh-product) .media{border:1px solid #d4ded1;border-radius:10px;box-shadow:none;background:#fff;color:var(--mh-ink)}
:is(#mh-product, .mh-product) .hero .media{box-shadow:0 28px 70px #0003;transform:translateY(10px)}
:is(#mh-product, .mh-product) .media-top{background:#e9eee5;padding:19px 22px;border-bottom:1px solid #d4ded1}
:is(#mh-product, .mh-product) .media-top :is(.panel-tag,.m-unit){color:var(--brand-dark)!important;font-size:11px}
:is(#mh-product, .mh-product) .media-body{padding:12px 22px 20px}
:is(#mh-product, .mh-product) .mrow{gap:18px;padding-block:19px;border-color:var(--mh-line)}
:is(#mh-product, .mh-product) .mrow strong{font-size:13px;font-weight:600}
:is(#mh-product, .mh-product) .mrow span{color:var(--mh-muted);font-size:11px}
:is(#mh-product, .mh-product) .mrow .chip{font-family:var(--body);font-weight:500;border-radius:4px;white-space:nowrap}
:is(#mh-product, .mh-product) .chip-green{background:#e3eddf;color:var(--brand-dark)!important}
:is(#mh-product, .mh-product) .chip-amber{background:#f6ecd6;color:#80662b!important}
:is(#mh-product, .mh-product) .chip-blue{background:#e4edeb;color:#315c57!important}
:is(#mh-product, .mh-product) .sec{padding-block:88px;border-bottom:1px solid var(--mh-line)}
:is(#mh-product, .mh-product) .sec-alt{background:#edf0e9}
:is(#mh-product, .mh-product) .mh-kicker{color:var(--brand-dark);font-size:10px;letter-spacing:.14em}
:is(#mh-product, .mh-product) .mh-index{font-family:var(--mono);color:inherit;margin-right:7px}
:is(#mh-product, .mh-product) :is(.sec-head h2,.prod h3){font-family:var(--head);font-size:clamp(30px,3.5vw,44px);font-weight:600;line-height:1.13;letter-spacing:-.04em;margin-top:20px}
:is(#mh-product, .mh-product) :is(.sec-head p,.prod-lead){font-size:15px;line-height:1.8;color:var(--mh-muted);margin-top:22px}
:is(#mh-product, .mh-product) .prod{gap:80px;align-items:center}
:is(#mh-product, .mh-product) .flist{margin-top:28px;grid-template-columns:1fr;gap:0}
:is(#mh-product, .mh-product) .flist>div{border-top:1px solid var(--mh-line);padding-block:12px;font-size:13px}
:is(#mh-product, .mh-product) .feat{gap:1px;background:var(--mh-line);border:1px solid var(--mh-line);border-radius:10px;overflow:hidden;margin-top:38px}
:is(#mh-product, .mh-product) .feat-card{border:0;border-radius:0;box-shadow:none;background:var(--mh-paper);padding:30px}
:is(#mh-product, .mh-product) .feat-card .fic{background:none;border:1px solid #cfdbca;border-radius:7px;color:var(--brand-dark);width:38px;height:38px;margin-bottom:28px}
:is(#mh-product, .mh-product) .feat-card b{font-size:19px;font-weight:600;letter-spacing:-.025em}
:is(#mh-product, .mh-product) .feat-card p{font-size:13px;color:var(--mh-muted);margin-top:12px;line-height:1.8}
:is(#mh-product, .mh-product) .why-grid{gap:28px;margin-top:36px}
:is(#mh-product, .mh-product) .why-card{border:0;border-top:1px solid #bcc9b7;border-radius:0;box-shadow:none;background:none;padding:22px 0}
:is(#mh-product, .mh-product) .why-card b{font-size:18px;font-weight:600}
:is(#mh-product, .mh-product) .why-card p{font-size:13px;line-height:1.8;margin-top:14px;color:var(--mh-muted)}
:is(#mh-product, .mh-product) .band{background:var(--mh-dark)}
:is(#mh-product, .mh-product) .band .sec{border:0}
:is(#mh-product, .mh-product) .band .sec-head p{color:#bdc9c1}
:is(#mh-product, .mh-product) .band .feat{background:#334137;border-color:#334137}
:is(#mh-product, .mh-product) .band .feat-card{background:var(--mh-dark)}
:is(#mh-product, .mh-product) .band .feat-card b{color:#f5f8f2}
:is(#mh-product, .mh-product) .band .feat-card p{color:#bdc9c1}
:is(#mh-product, .mh-product) .band .feat-card .fic{color:var(--accent-lime);border-color:#5b705e}
:is(#mh-product, .mh-product) .cta{background:var(--mh-dark);border-radius:12px;text-align:left;padding:52px;display:grid;grid-template-columns:1.2fr 1fr;gap:24px 50px;align-items:center}
:is(#mh-product, .mh-product) .cta h2{font-size:clamp(30px,3.5vw,44px);font-weight:600;letter-spacing:-.04em}
:is(#mh-product, .mh-product) .cta p{font-size:14px;margin:0;max-width:460px;color:#bdc9c1}
:is(#mh-product, .mh-product) .cta-row{grid-column:1/-1;justify-content:start;margin-top:6px}
@media(max-width:1000px){:is(#mh-product, .mh-product) .hero-in{gap:42px;grid-template-columns:1fr 1fr}:is(#mh-product, .mh-product) .hero h1{font-size:48px}:is(#mh-product, .mh-product) .prod{gap:40px;grid-template-columns:1fr 1fr}:is(#mh-product, .mh-product) .why-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){:is(#mh-product, .mh-product) .hero-in,:is(#mh-product, .mh-product) .prod,:is(#mh-product, .mh-product) .cta{grid-template-columns:1fr}:is(#mh-product, .mh-product) .hero-in{padding-block:42px 50px;gap:32px}:is(#mh-product, .mh-product) .hero h1{font-size:clamp(40px,9vw,60px)}:is(#mh-product, .mh-product) .hero .media{transform:none}:is(#mh-product, .mh-product) .sec{padding-block:50px}:is(#mh-product, .mh-product) .wrap,:is(#mh-product, .mh-product) .hero-in{padding-inline:24px}:is(#mh-product, .mh-product) .hero-sub{font-size:14px}:is(#mh-product, .mh-product) .feat{grid-template-columns:1fr}:is(#mh-product, .mh-product) .feat-card{padding:26px}:is(#mh-product, .mh-product) .why-grid{display:grid;grid-template-columns:1fr 1fr;margin:28px 0 0;padding:0;gap:24px;overflow:visible}:is(#mh-product, .mh-product) .cta{padding:30px 24px}:is(#mh-product, .mh-product) .cta-row{gap:10px}:is(#mh-product, .mh-product) .media-body{padding-inline:16px}:is(#mh-product, .mh-product) .media-top{padding-inline:16px}:is(#mh-product, .mh-product) .mrow{gap:12px}:is(#mh-product, .mh-product) .mrow strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){:is(#mh-product, .mh-product) *{scroll-behavior:auto;transition:none}}