/* HeuMed v0.7.1: targeted visual finalization. The approved service and request layouts remain frozen. */
:root { --font-body:'IBM Plex Sans Arabic','Noto Sans Arabic',Tahoma,sans-serif; --font-display:'Noto Kufi Arabic','IBM Plex Sans Arabic',Tahoma,sans-serif; --font-editorial:'Amiri','Noto Naskh Arabic',serif; }
.hero{background:radial-gradient(700px 500px at 10% 45%,rgba(20,132,135,.15),transparent 65%),linear-gradient(120deg,#0a1d34 0%,#081b30 58%,#0b2638 100%)}
.hero-grid{align-items:center;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(26px,4vw,66px);padding-block:clamp(56px,6vw,90px) clamp(76px,8vw,124px)}
.hero-copy{padding-bottom:0;align-self:center;position:relative;z-index:2}
.hero h1{font-size:clamp(2.35rem,4.5vw,4.4rem);line-height:1.42;letter-spacing:0}
.hero h1 em{color:#67dcd0}
.hero-lead{font-size:clamp(1.03rem,1.42vw,1.25rem);line-height:2;max-width:610px}
.hero-art{width:100%;max-width:none;margin:0;align-self:center;justify-self:stretch;min-width:0;position:relative;isolation:isolate}
.hero-art::before{content:"";position:absolute;inset:-14px 10% 20px -14px;border:1px solid rgba(94,224,212,.22);transform:translate(15px,8px);z-index:-1}
.art-frame{position:relative;aspect-ratio:1/1.04;overflow:hidden;border-radius:2px 92px 2px 2px;background:#102e47;border:1px solid rgba(94,224,212,.24);box-shadow:0 40px 70px rgba(0,0,0,.23)}
.art-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,27,48,.13),transparent 45%),linear-gradient(0deg,rgba(8,27,48,.45),transparent 40%);pointer-events:none}
.hero-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:41% center;filter:saturate(.78) contrast(1.04)}
.art-vline{position:absolute;inset-inline-start:18px;top:20px;bottom:20px;width:1px;background:linear-gradient(transparent,rgba(94,224,212,.5),transparent);z-index:2}
.art-corner{position:absolute;inset-inline-end:20px;bottom:20px;width:62px;height:62px;border-inline-end:1px solid rgba(125,232,220,.55);border-bottom:1px solid rgba(125,232,220,.55);z-index:2}
.art-caption{position:absolute;bottom:20px;inset-inline-start:22px;z-index:3;color:#e8f6f4;font-size:12px;letter-spacing:.01em;text-shadow:0 2px 12px #092337}
.hero-edge{pointer-events:none}
.detail-link{display:inline-flex;align-self:start;padding:9px 0;color:var(--teal-soft);font-weight:600;text-decoration:underline;text-underline-offset:5px}
.svc-detail .detail-link{color:var(--teal-soft)}
@media (max-width:900px){.hero-grid{grid-template-columns:minmax(0,1fr);gap:30px;padding-block:48px 74px}.hero-art{max-width:720px;margin:0}.art-frame{aspect-ratio:16/10;border-radius:2px 58px 2px 2px}.hero h1{font-size:clamp(2.2rem,7.2vw,3.5rem)} }
@media (max-width:560px){.hero-grid{gap:22px;padding-block:42px 58px}.art-frame{aspect-ratio:4/3;border-radius:2px 38px 2px 2px}.hero-photo{object-position:40% center}.hero-art::before{inset:-9px 12% 12px -8px}.art-caption{font-size:11px;bottom:12px}}

/* v0.7.1.3: non-destructive home-page visual compression, approved image and logo. */
.site-header .brand,.footer .brand{gap:0;min-width:0}
.hm-official-logo{display:block;width:146px;height:auto;max-width:40vw;background:#fff;padding:7px 10px;border-radius:6px;object-fit:contain;box-shadow:0 1px 0 rgba(12,33,49,.06)}
.brand:has(.hm-official-logo) .brand-txt{display:none}
.hero-photo{object-position:50% center;filter:saturate(.92) contrast(1.04)}
/* We keep the service explorer and all request controls unchanged; only reduce supplementary section whitespace. */
#method,#serve,#about,#faq{padding-block:clamp(52px,5.5vw,72px)}
#method .sec-head,#serve .sec-head,#faq .sec-head{margin-bottom:clamp(24px,3vw,34px);gap:10px}
#about .about{gap:clamp(22px,3vw,45px)}
#about .about h2{margin-bottom:12px}
#about .about p{font-size:17px;line-height:1.85}
#about .about p+p{margin-top:8px}
#about .dims li{padding-block:16px;font-size:20px}
#serve .tile{min-height:102px;padding:16px;gap:10px;font-size:17px}
#method .steps{gap:18px}
#method .mstep{gap:10px}
#method .mstep p{font-size:16px}
#knowledge.knowledge{padding-block:clamp(52px,6vw,76px)}
#knowledge .k-head{margin-bottom:30px;gap:22px}
#knowledge .k-grid{gap:18px}
#knowledge .k-card{gap:10px}
#knowledge .cover{aspect-ratio:4/3}
#knowledge .k-card h3{font-size:23px}
#knowledge .k-foot{margin-top:34px;padding-top:18px}
#faq .faq summary{padding-block:17px}
@media(max-width:900px){.hm-official-logo{width:128px}.hero-photo{object-position:48% center}#method .steps{gap:18px}#serve .serve-grid{gap:10px}}
@media(max-width:560px){.hm-official-logo{width:122px;padding:5px 8px}#method,#serve,#about,#faq{padding-block:48px}#knowledge.knowledge{padding-block:54px}#knowledge .k-head{margin-bottom:26px}#knowledge .k-grid{gap:15px}#knowledge .cover{aspect-ratio:4/3}.hero-photo{object-position:51% center}}

/* v1.0.1 — approved homepage typography consistency */
#knowledge, #knowledge h2, #knowledge h3, #knowledge h4, #knowledge .knowledge-title, #knowledge .k-title {font-family:var(--font-display)!important;}
#knowledge p, #knowledge a, #knowledge button {font-family:var(--font-body)!important;}

/* v1.0.2 — local HeuMed v3 review logo in dark header/footer. */
.site-header .hm-official-logo,.footer .hm-official-logo{
 width:clamp(165px,16vw,198px);height:auto;max-width:44vw;padding:0;border:0;
 border-radius:0;background:transparent;box-shadow:none;object-fit:contain;
}
.footer .hm-official-logo{width:198px;max-width:100%}
@media(max-width:900px){.site-header .hm-official-logo{width:165px;max-width:45vw}}
@media(max-width:560px){.site-header .hm-official-logo{width:148px;max-width:46vw}.footer .hm-official-logo{width:180px}}
/* Knowledge typography unified with approved Arabic headline typeface. */
#knowledge .k-head h2,#knowledge .k-card h3,.k-hero h1,.shelf-head h2,.rec-title{
 font-family:var(--font-display)!important;
}

/* Conservative fallback without :has() support. */
.brand .hm-official-logo + .brand-txt{display:none}