@font-face{font-family:FallbackArabic;src:local("Tahoma")}
:root{--navy:#07162f;--gold:#bd9354;--paper:#f7f5f0;--muted:#5f6671;--line:rgba(189,147,84,.34)}
*{box-sizing:border-box}
html{font-size:16px}
body{margin:0;min-height:100vh;color:var(--navy);background:radial-gradient(circle at 76% 28%,rgba(229,229,227,.9),transparent 34rem),linear-gradient(135deg,#fbfaf7,#f3f2ef);font-family:Arial,Helvetica,sans-serif}
.page{width:min(100%,1800px);min-height:100vh;margin:auto;padding:clamp(22px,3vw,52px) clamp(18px,4.6vw,76px) 26px;overflow:hidden}
.header{position:relative;z-index:2}
.brand{display:inline-flex;align-items:center;gap:16px;color:var(--navy);text-decoration:none}
.brand-logo{width:clamp(62px,6vw,92px);height:auto;filter:drop-shadow(0 12px 22px rgba(7,22,47,.15))}
.brand-name{font-size:clamp(20px,2.1vw,35px);font-weight:700;letter-spacing:.1em}
.hero{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(430px,.97fr);align-items:center;gap:clamp(24px,4vw,66px);min-height:calc(100vh - 200px);padding:clamp(38px,5vw,74px) 0 26px}
.content{min-width:0}
.eyebrow{display:inline-block;position:relative;margin:0 0 32px;padding-bottom:17px;color:var(--gold);font-size:clamp(12px,1vw,16px);font-weight:700;letter-spacing:.27em}
.eyebrow:after{content:"";position:absolute;left:0;bottom:0;width:64px;height:2px;background:linear-gradient(90deg,var(--gold),transparent)}
.languages{display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,.9fr);gap:clamp(26px,3vw,48px)}
.divider{background:linear-gradient(transparent,rgba(7,22,47,.2),transparent)}
.languages h1{margin:0;font-size:clamp(48px,5.8vw,90px);line-height:.98;letter-spacing:-.05em}
.languages h1 span,.languages h2 span,.tagline span{color:var(--gold)}
.languages h2{margin:21px 0 0;font-size:clamp(18px,1.5vw,24px);line-height:1.4}
.languages p{margin:20px 0 0;color:var(--muted);font-size:clamp(15px,1.1vw,18px);line-height:1.75}
.arabic{font-family:FallbackArabic,Tahoma,Arial,sans-serif}
.arabic h1{font-size:clamp(50px,5.2vw,80px);line-height:1.12;letter-spacing:0}
.arabic h2{line-height:1.75}
.arabic p{line-height:2}
.contact{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;width:min(100%,560px);margin-top:32px;border:1px solid rgba(7,22,47,.12);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.86);box-shadow:0 14px 32px rgba(7,22,47,.07);text-decoration:none;color:var(--navy)}
.contact-icon{display:grid;place-items:center;height:58px;color:#d6b675;background:var(--navy);font-size:24px}
.contact-email{padding:0 18px;font-size:clamp(13px,1vw,16px);font-weight:600;overflow:hidden;text-overflow:ellipsis}
.contact-button{display:grid;place-items:center;align-self:stretch;padding:0 24px;color:#fff;background:linear-gradient(135deg,#cfa968,#a97939);font-weight:700;white-space:nowrap}
.services{display:grid;grid-template-columns:repeat(4,1fr);margin-top:42px}
.services article{text-align:center;padding:0 16px;border-right:1px solid rgba(189,147,84,.28)}
.services article:first-child{padding-left:0}
.services article:last-child{padding-right:0;border-right:0}
.service-icon{display:grid;place-items:center;width:48px;height:48px;margin:auto;border:2px solid var(--navy);border-radius:10px;font-size:18px;font-weight:800}
.services h3{margin:11px 0 6px;font-size:clamp(12px,1vw,15px)}
.services p{margin:0;font-family:FallbackArabic,Tahoma,Arial,sans-serif;font-size:clamp(12px,1vw,15px);font-weight:700}
.illustration{min-width:0}
.illustration svg{display:block;width:100%;height:auto;max-height:720px}
.footer{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:21px;border-top:1px solid var(--line);color:#5b6270;font-size:13px}
.footer p{margin:0}
.tagline{color:var(--navy);font-weight:700;letter-spacing:.24em}

@media(max-width:1100px){
  .hero{grid-template-columns:1fr;min-height:auto}
  .illustration{width:min(100%,820px);margin:auto}
}
@media(max-width:720px){
  .page{padding:20px 17px 22px}
  .brand{gap:11px}.brand-logo{width:56px}.brand-name{font-size:20px}
  .hero{padding-top:48px;gap:24px}
  .languages{grid-template-columns:1fr;gap:26px}
  .divider{height:1px;background:linear-gradient(90deg,transparent,rgba(7,22,47,.18),transparent)}
  .languages h1{font-size:52px}.arabic h1{font-size:50px}
  .contact{grid-template-columns:52px minmax(0,1fr)}
  .contact-button{grid-column:1/-1;min-height:46px}
  .services{grid-template-columns:repeat(2,1fr);row-gap:28px}
  .services article:nth-child(2){border-right:0}
  .services article:nth-child(3){padding-left:0}
  .footer{align-items:flex-start;flex-direction:column;line-height:1.55}
  .tagline{letter-spacing:.15em}
}
@media(max-width:430px){
  .eyebrow{letter-spacing:.17em}
  .contact-email{padding:0 12px;font-size:12px}
  .services article{padding:0 10px}
}