:root { --md-primary-fg-color: #244f47; --md-accent-fg-color: #b25435; }
body { font-family: -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Arial,sans-serif; background:#fbfaf6; }
html[lang="ar"] body { font-family: Tahoma,Arial,sans-serif; }
.md-header { box-shadow:none; border-bottom:1px solid #ffffff26; }
.md-header[data-app-header] .md-logo { display:flex; align-items:center; }
.md-header[data-app-header] label[for="__drawer"] { order:-1; }
.md-header__inner { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); grid-template-areas:"brand app actions"; gap:1rem; height:auto; min-height:2.8rem; padding-block:.2rem; }
.nh-site-brand { grid-area:brand; display:flex; align-items:center; min-width:0; }
.nh-site-brand .md-header__title { margin-inline:0; min-width:0; }
.nh-header-actions { grid-area:actions; display:flex; align-items:center; justify-self:end; width:max-content; max-width:100%; min-width:0; }
.nh-app-heading { grid-area:app; justify-self:center; display:flex; align-items:center; gap:.5rem; font-size:1.35rem; line-height:1.3; font-weight:700; max-width:100%; white-space:nowrap; }
.nh-app-heading img { width:32px; height:32px; flex-shrink:0; }
.nh-app-heading span { overflow:hidden; text-overflow:ellipsis; }
@media(max-width:1150px){
  .md-header__inner { grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"brand actions" "app app"; gap:0 .4rem; }
  .nh-app-heading { justify-content:center; padding-block:.35rem .55rem; }
}
@media(max-width:640px){
  .md-header[data-app-header] .md-header__inner { grid-template-columns:auto minmax(0,1fr) auto; grid-template-areas:"brand app actions"; gap:.1rem; min-height:2.4rem; }
  .md-header[data-app-header] .nh-site-brand [data-brand-home],
  .md-header[data-app-header] .nh-site-brand .md-logo { display:none; }
  .md-header[data-app-header] .nh-app-heading { font-size:clamp(.75rem,4.2vw,.85rem); gap:.3rem; padding-block:.25rem; min-width:0; }
  .md-header[data-app-header] .nh-app-heading span { white-space:normal; }
  .md-header[data-app-header] .nh-app-heading img { width:24px; height:24px; }
}
.nh-menu-site-home { border-top:1px solid #dce2d8; margin-block-start:.8rem; padding-block-start:.6rem; }
.md-typeset { line-height:1.85; font-size:.83rem; }
.md-typeset h1 { color:#203d38; font-weight:650; letter-spacing:-.025em; }
html[lang="ar"] .md-typeset h1 { letter-spacing:normal; }
.md-typeset h2 { font-weight:650; }
.md-typeset img { max-width:100%; height:auto; }
.md-typeset .eyebrow { color:#6a7166; font-size:.65rem; font-weight:700; letter-spacing:.12em; margin-block-end:1rem; }
html[lang="ar"] .eyebrow { letter-spacing:normal; }
.hero { padding-block:1.5rem 2rem; max-width:100%; }
.hero h1 { font-size:clamp(2rem,5vw,3.5rem); line-height:1.22; margin-block:.5rem 1.2rem; max-width:24ch; }
.hero .lead { font-size:1rem; max-width:48rem; color:#58635e; }
.app-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin-block:1.5rem 2rem; }
.app-card { border:1px solid #dce2d8; border-radius:16px; padding:1.4rem; background:#edf3ed; min-width:0; }
.app-card.dictation { background:#f1edf6; border-color:#e1d9ed; }
.app-card h2 { margin-block:.4rem .7rem; font-size:1.3rem; }
.app-card p { color:#4e5f56; }
.app-card.dictation p { color:#665574; }
.app-card a { font-weight:650; }
.link-arrow { display:inline-block; }
html[lang="ar"] .link-arrow { transform:scaleX(-1); }
.tag { display:inline-block; font-size:.62rem; font-weight:650; border:1px solid #9cae9d; border-radius:99px; padding:.12rem .55rem; }
.md-typeset .md-button { border-radius:6px; margin-block:.4rem; margin-inline-end:.5rem; padding:.5rem 1rem; }
.product-art { display:block; width:100%; max-width:700px; margin-block:1.5rem; border-radius:14px; border:1px solid #dce2d8; }
.preview-note { padding:.75rem 1rem; border-inline-start:3px solid #b1793e; background:#f8f0de; color:#6e512e; border-radius:4px; }
.contact-form { max-width:650px; border:1px solid #dce2d8; padding:1.2rem; border-radius:12px; background:white; }
.contact-form label { display:block; font-weight:600; margin-block:1rem .3rem; }
.contact-form input,.contact-form select,.contact-form textarea { display:block; width:100%; max-width:100%; border:1px solid #9baa9e; border-radius:6px; padding:.65rem; font:inherit; background:#fff; color:#243c33; }
.contact-form textarea { min-height:180px; resize:vertical; }
.contact-form button { margin-block-start:1rem; background:#244f47; color:#fff; border:0; padding:.7rem 1.1rem; border-radius:6px; font:inherit; cursor:pointer; }
.contact-form :focus-visible { outline:3px solid #be8a43; outline-offset:3px; }
.contact-form [role="status"] { font-weight:600; color:#705020; margin-block-start:1rem; }
.contact-form [role="status"]:empty { display:none; }
.ltr { direction:ltr; unicode-bidi:isolate; display:inline-block; }
.md-typeset a { overflow-wrap:anywhere; }
.md-typeset table { max-width:100%; }
html[data-product="dictation"] { --md-primary-fg-color:#665077; --md-accent-fg-color:#814aad; }
@media(min-width:1000px){.md-main__inner{margin-top:1.5rem}.md-content{padding-inline:.7rem}}
@media(max-width:640px){.app-grid{grid-template-columns:1fr}.hero{padding-block:.5rem 1rem}.app-card{padding:1.1rem}.contact-form{padding:.8rem}}