/* Warm neutral surfaces; yellow is a small accent, never a full-page wash. */
:root { --mh-bg:#eeede7; --mh-ink:#242521; --mh-muted:#6b6d63; --mh-accent:#f2f3a1; --mh-line:#292b231d; --mh-ease:cubic-bezier(.22,.8,.25,1); }
.mh-home { --mh-accent:#f2f3a1; color-scheme:light; }
.mh-home :focus-visible { outline:2px solid #77783f; outline-offset:4px; }
.mh-home :is(button,a,summary):focus-visible { box-shadow:0 0 0 4px #d7db9226; }
.mh-home :is(button,a,input,textarea,summary) { -webkit-tap-highlight-color:transparent; }
.mh-home :is(button,a,summary) { transition:background-color .22s, border-color .22s, color .22s, opacity .22s, box-shadow .22s, transform .28s var(--mh-ease); }
.mh-home :is(button,a):active { transform:translateY(1px); }
.mh-home input,.mh-home textarea { transition:border-color .2s,box-shadow .2s,background .2s; }
.mh-home input:focus,.mh-home textarea:focus { border-color:#92935a; box-shadow:0 0 0 3px #cbcd7526; }
.mh-home em { color:#74776a; }
.mh-eyebrow { color:#686c60; letter-spacing:.8px; }
.mh-nav { position:relative; z-index:30; height:88px; gap:22px; }
.mh-nav>nav { gap:23px; }
.mh-nav>nav a { position:relative; padding:12px 0; }
.mh-nav>nav a:after,.mh-text-link:after { content:""; position:absolute; height:2px; bottom:4px; left:0; right:0; background:#777b42; transform:scaleX(0); transform-origin:left; transition:transform .3s var(--mh-ease); }
.mh-nav>nav a:hover:after,.mh-text-link:hover:after { transform:scaleX(1); }
.mh-nav-actions { gap:8px; }
.mh-nav-actions>a[data-social] { width:36px; height:38px; align-items:center; justify-content:center; border:1px solid transparent; border-radius:9px; }
.mh-nav-actions>a[data-social]:hover { background:#e3e3d8; border-color:#d3d4c6; transform:translateY(-2px); }
.mh-nav-actions>a[data-social] svg { transition:transform .3s var(--mh-ease); }
.mh-nav-actions>a[data-social]:hover svg { transform:rotate(-6deg); }
.mh-nav-showcase { display:flex; align-items:center; gap:8px; padding:10px 13px; border:1px solid #d8d9b3; border-radius:9px; background:#e8e9c2; font-size:11px; font-weight:650; white-space:nowrap; }
.mh-nav-showcase i { font-style:normal; transition:transform .25s; }
.mh-nav-showcase:hover { background:#f2f3a1; box-shadow:0 4px 14px #65682012; }
.mh-nav-showcase:hover i { transform:translate(2px,-2px); }
.mh-nav-actions .mh-client-link { margin-left:5px; padding:10px 13px; gap:9px; }
.mh-client-link>span { font-size:11px; }
.mh-client-link>svg { width:17px; }
.mh-language { position:relative; }
.mh-language-trigger { display:flex; align-items:center; justify-content:center; gap:5px; height:38px; padding:0 7px; border:0; border-radius:8px; background:transparent; font-size:10px!important; font-weight:700; color:inherit; }
.mh-language-trigger>svg { width:13px; height:13px; transition:transform .25s var(--mh-ease); }
.mh-language-trigger[aria-expanded=true]>svg { transform:rotate(180deg); }
.mh-language-trigger:hover { background:#e0e1d5; }
.mh-language-menu { position:absolute; z-index:50; top:calc(100% + 10px); right:0; width:158px; padding:6px; border:1px solid #d5d7c9; background:#f9faf3; border-radius:12px; box-shadow:0 12px 35px #2628171c; transform-origin:top right; animation:mh-menu-in .2s var(--mh-ease) both; }
.mh-language-menu.is-closing { animation:mh-menu-out .14s ease both; pointer-events:none; }
.mh-language-menu button { display:flex; align-items:center; justify-content:space-between; width:100%; border:0; border-radius:7px; padding:11px 10px; background:transparent; color:#34362e; text-align:left; font-size:12px; }
.mh-language-menu button>span { font-size:9px; color:#757867; }
.mh-language-menu button[aria-pressed=true] { background:#eceed7; }
.mh-language-menu button:hover { background:#f2f3a1; }
.mh-hero { min-height:650px; padding-top:32px; }
.mh-hero-copy>p { color:#686c61; }
.mh-hero h1 em { color:#62655a; }
.mh-hero h1 em:after { height:7px; bottom:-2px; background:#e5e79a; }
.mh-hero .mh-button { background:#e8e99f; color:#292c1f!important; border-color:#d9dc94; }
.mh-hero .mh-button:hover { background:#f2f3a1; border-color:#c8ca73; }
.mh-button:hover { transform:translateY(-2px); box-shadow:0 6px 16px #24272015; }
.mh-button:active { transform:translateY(0) scale(.985); box-shadow:none; }
.mh-button>span:last-child { transition:transform .3s var(--mh-ease); }
.mh-button:hover>span:last-child { transform:translate(2px,-2px); }
.mh-text-link { position:relative; padding-block:8px; }
.mh-text-link:hover { text-decoration:none; }
.mh-hero-notes,.mh-hero-bottom,.mh-explore-index>footer { color:#717568; }
.mh-live-dot { color:#717568; }
.mh-live-dot:before,.mh-demo-toolbar>span>i { background:#8b9657; }
.mh-explore-index h2 { font-size:24px; }
.mh-explore-index nav>a>span,.mh-explore-index nav>a>small { color:#717568; }
.mh-explore-index nav>a>i { color:#777d56; }
.mh-explore-index nav>a:hover { background:#dfe1cc60; padding-inline:10px; }
.mh-explore-index nav>a:hover b { transform:translateX(2px); }
.mh-explore-index nav>a b { transition:transform .3s var(--mh-ease); }
.mh-explore-index>footer { font-size:10px; }
.mh-hero-bottom>a:hover { background:#e4e5ae; border-color:#babc82; transform:translateY(3px); }
.mh-showcase { background:#e3e3da; border-block:1px solid #d1d4c5; }
.mh-showcase .mh-eyebrow { color:#666c58; }
.mh-showcase em { color:#6b725e; }
.mh-showcase-nav { position:relative; isolation:isolate; }
.mh-showcase-nav button { position:relative; color:#717568; border-bottom-color:transparent; z-index:1; }
.mh-showcase-nav button[aria-selected=true] { color:#303827; border-bottom-color:transparent; }
.mh-showcase-nav button:hover { color:#303827; background:#f2f3a14a; }
.mh-tab-indicator { position:absolute; z-index:0; pointer-events:none; left:0; top:0; border-bottom:3px solid #929a57; background:linear-gradient(transparent,#e7e9b3aa); border-radius:7px 7px 0 0; transition:transform .32s var(--mh-ease),width .32s var(--mh-ease),height .32s var(--mh-ease); }
.mh-demo-toolbar { background:#f4f5ec; border-color:#cdd1c2; color:#4d5541; }
.mh-demo-toolbar small { color:#717568; }
.mh-demo-toolbar button { color:#525b45; border-color:#d2d7c5; }
.mh-demo-toolbar button:hover { background:#e4e7cb; border-color:#bac39c; }
.mh-demo-toolbar button>i { display:inline-block; font-style:normal; transition:transform .4s var(--mh-ease); }
.mh-demo-toolbar button:hover>i { transform:rotate(80deg); }
.mh-theater { border-color:#c5caba; box-shadow:0 18px 45px -28px #18231870; }
.mh-demo-viewport iframe { animation:mh-frame-in .32s ease both; }
.mh-demo-loading { color:#e2e7d6; }
.mh-stage-caption,.mh-implementation-note { color:#66705b; }
.mh-demo-dialog { border-color:#d5d9ca; color:#2e3426; }
.mh-demo-dialog>header { background:#f4f5eb; }
.mh-demo-dialog>header button { background:#f9faf4; border-color:#d0d4c5; color:#414b34; }
.mh-showcase-server { background:#e8ead9; border-color:#d3d7c1; }
.mh-showcase-server p,.mh-server-label,.mh-copy-address,.mh-server-connect>small { color:#6c775b; }
.mh-server-connect { border-color:#cdd3bc; }
.mh-panel-copy>button { border-radius:8px; padding-inline:8px; }
.mh-panel-copy>button:hover { background:#e3e6d6; }
.mh-panel-copy>button.selected { background:#e4e6d3; }
.mh-panel-copy>button>b { transition:transform .25s; }
.mh-panel-copy>button:hover>b { transform:translate(3px,-3px); }
.mh-panel-mock { animation:mh-panel-in .35s var(--mh-ease) both; }
.mh-demo-badge { background:#dce79715; color:#d4dda2; }
.mh-journey { background:#e5e6dc; }
.mh-journey article>span { color:#7a835d; display:inline-grid; place-items:center; width:40px; height:36px; border:1px solid #cdd2bd; border-radius:8px; font-size:16px; transition:background .25s,transform .25s; }
.mh-journey article:hover>span { transform:translateY(-3px); background:#f2f3a1; }
.mh-price,.mh-price.featured { border-color:#d0d4c4; background:#f5f5ec; }
.mh-price.featured { border-color:#c5cb8e; background:linear-gradient(155deg,#efefcc,#f5f5ec 65%); }
.mh-price:hover { box-shadow:0 16px 30px -22px #59662f55; }
.mh-price header>span { background:#e5e8bb; color:#596135; border-color:#cdd3a6; }
.mh-price>p,.mh-price>small { color:#737966; }
.mh-price .mh-plan-detail { color:#747c67; border-color:#d5d9c8; }
.mh-price .mh-plan-detail>b { color:#576239; }
.mh-price>.mh-button { background:#e7e9da; color:#303823!important; border-color:#d0d5be; }
.mh-price>.mh-button:hover { background:#dfe3c9; transform:translateY(-2px); }
.mh-price.featured>.mh-button { background:#333b26; color:#f4f6df!important; border-color:#333b26; }
.mh-price.featured>.mh-button:hover { background:#4d583b; }
.mh-pricing-note,.mh-pricing-note small { color:#6d7561; }
.mh-review-actions>button { color:#64704f; border-color:#ccd2bd; }
.mh-review-actions>button:hover { background:#e4e7cf; }
.mh-review { background:#f4f5ea; border-color:#d1d6c3; transition:box-shadow .25s,border-color .25s; }
.mh-review:hover { border-color:#aeb88e; box-shadow:0 8px 24px -16px #414d28; }
.mh-review blockquote { color:#626c55; }
.mh-review>span { color:#8c8a36; }
.mh-faq summary { padding-block:3px; }
.mh-faq summary:hover { color:#697334; }
.mh-faq summary>span { color:#76814f; transition:transform .3s var(--mh-ease),color .3s; }
.mh-faq details[open] summary>span { transform:rotate(135deg); }
.mh-faq p { color:#6d7660; }
.mh-finale { background:#e2e5cc; color:#303926; }
.mh-finale .mh-eyebrow { color:#6e795a; }
.mh-finale .mh-button { background:#333b26; color:#f3f5e4!important; border-color:#333b26; }
.mh-footer small { color:#727967; }
.mh-order { background:#f8f9f1; color:#252a20; }
.mh-order:focus { outline:none; }
.mh-order-summary { background:linear-gradient(150deg,#303329,#191d16 75%); }
.mh-order-line,.mh-order-total span,.mh-order-summary ul { color:#c1c6b5; }
.mh-order-summary li:before { color:#e2e89c; }
.mh-order-saving { background:#d9e18c12; color:#d8dfa9; border-left-color:#d7dc91; }
.mh-order-progress i { background:#dce0d1; overflow:hidden; position:relative; }
.mh-order-progress i:after { content:""; position:absolute; inset:0; background:#7e8b50; transform:scaleX(0); transform-origin:left; transition:transform .35s var(--mh-ease); }
.mh-order-progress i.done:after { transform:scaleX(1); }
.mh-order-progress>div i.done { background:#7e8b50; animation:mh-line-arrive .35s var(--mh-ease) both; }
.mh-order-close { border-color:#d0d6c2; color:#56613f; }
.mh-order-close:hover { background:#e6eacb; transform:rotate(90deg); }
.mh-order-options label { border-color:#d3d9c6; background:#fcfdf8; transition:border-color .25s,background .25s,box-shadow .25s,transform .25s; }
.mh-order-options label:hover { background:#f0f3e3; transform:translateX(2px); }
.mh-order-options label:has(:checked) { border-color:#73834b; background:#f0f3df; box-shadow:0 3px 12px #6b793b0a; }
.mh-order-options input,.mh-order-check input { accent-color:#596b32; }
.mh-order-progress>small,.mh-order-options small,.mh-order-main>p,.mh-order-main form>p,.mh-order-back,.mh-order-recap span { color:#717b64; }
.mh-order-field input,.mh-order-field textarea { border-color:#d1d8c3; color:#343c29; background:#fdfef9; }
.mh-order-recap { border-color:#d4dbc7; background:#f4f6eb; }
.mh-order-status { border-color:#d5ddc5; background:#eaf0da; }
.mh-order .mh-button { background:#303a22; border-color:#303a22; }
.mh-order .mh-button:hover { background:#4e5e39; transform:translateY(-1px); }
.mh-order[open],.mh-demo-dialog[open] { animation:mh-dialog-enter .26s var(--mh-ease) both; }
.mh-order[open]::backdrop,.mh-demo-dialog[open]::backdrop { animation:mh-backdrop-enter .25s ease both; background:#1c24198c; backdrop-filter:blur(6px); }
.mh-order.is-closing,.mh-demo-dialog.is-closing { animation:mh-dialog-exit .15s ease both; pointer-events:none; }
.mh-order.is-closing::backdrop,.mh-demo-dialog.is-closing::backdrop { animation:mh-backdrop-exit .15s ease both; }
.mh-order-main>form { animation:mh-panel-in .25s var(--mh-ease) both; }
@keyframes mh-menu-in { from { opacity:0; transform:translateY(-6px) scale(.97) } to { opacity:1; transform:none } }
@keyframes mh-menu-out { to { opacity:0; transform:translateY(-4px) scale(.98) } }
@keyframes mh-dialog-enter { from { opacity:0; transform:translateY(14px) scale(.985) } to { opacity:1; transform:none } }
@keyframes mh-dialog-exit { to { opacity:0; transform:translateY(8px) scale(.985) } }
@keyframes mh-backdrop-enter { from { opacity:0 } to { opacity:1 } }
@keyframes mh-backdrop-exit { to { opacity:0 } }
@keyframes mh-panel-in { from { opacity:.3; transform:translateY(7px) } to { opacity:1; transform:none } }
@keyframes mh-frame-in { from { opacity:.35 } to { opacity:1 } }
@media(min-width:1600px) { .mh-hero { min-height:700px; } }
@media(max-width:1150px) { .mh-nav { gap:12px; } .mh-nav>nav { gap:16px; } .mh-nav-showcase { padding:10px; } .mh-nav-showcase>span,.mh-nav-showcase>i { display:none; } .mh-nav-actions { gap:5px; } }
@media(max-width:760px) {
 .mh-nav { height:76px; width:calc(100% - 30px); gap:9px; }
 .mh-brand { font-size:20px; gap:6px; }
 .mh-brand img { width:23px; height:28px; }
 .mh-nav-actions { gap:3px; }
 .mh-nav-actions>a[data-social] { width:29px; height:34px; }
 .mh-nav-actions svg { width:17px; height:17px; }
 .mh-nav-showcase { padding:8px; }
 .mh-language-trigger { height:34px; padding:0 5px; gap:2px; }
 .mh-language-trigger>svg { width:10px; }
 .mh-nav-actions .mh-client-link { padding:8px; margin:0; }
 .mh-client-link>span { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
 .mh-hero { min-height:0; padding-top:24px; }
 .mh-hero h1 { font-size:clamp(40px,10.4vw,60px); letter-spacing:-2px; }
 .mh-explore-index { background:#f3f4e9; border-color:#d0d6be; }
 .mh-explore-index h2 { font-size:21px; }
 .mh-showcase-nav button { border-bottom-color:#c9cfbc; }
 .mh-showcase-nav button[aria-selected=true] { background:transparent; border-bottom-color:transparent; }
 .mh-server-connect { border-color:#cdd3bc; }
 .mh-order-main { padding:22px 18px; }
 .mh-order-options strong { font-size:18px; }
}
@media(prefers-reduced-motion:reduce) {
 .mh-home *, .mh-home *:before, .mh-home *:after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
 .mh-home :is(button,a):hover,.mh-home :is(button,a):active { transform:none; }
}
.mh-home.no-motion *,.mh-home.no-motion *:before,.mh-home.no-motion *:after { animation:none!important; transition:none!important; }