:root { --ink:#071726; --navy:#092239; --copper:#bd7a4c; --paper:#f8f6f2; --teal:#49b7b2; --line:#d9d7d2; --text:#172839; --muted:#5e6c78; --background:#f8f6f2; --foreground:#172839; --card:#fff; --card-foreground:#172839; --primary:#092239; --primary-foreground:#fff; --secondary:#f1e9dd; --secondary-foreground:#092239; --border:#d9d7d2; --input:#c9c8c4; --ring:#bd7a4c; --radius:.4rem; }
.mobile-nav.open { display:grid; }
.service-icon { font-size:24px; line-height:1; }
.form-alert { margin:0 0 24px; padding:14px 16px; border:1px solid #b7dacf; background:#edf8f4; color:#1d6654; line-height:1.5; }
.form-alert.error { border-color:#e6beb8; background:#fff1ef; color:#8c3027; }
.hp-field { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
.date-field.hidden { display:none; }
.required { color:#a84e35; }
.quick-contacts { margin-top:30px; display:grid; gap:10px; color:rgba(255,255,255,.8); font-size:15px; }.quick-contacts div { display:grid; gap:3px; }.quick-contacts b { color:white; }.quick-contacts span { color:rgba(255,255,255,.6); }.quick-contacts a { width:fit-content; border-bottom:1px solid rgba(255,255,255,.2); padding-bottom:3px; }.quick-contacts .contact-page-link { margin-top:12px; color:#e1ad84; border:0; font-weight:650; }
.contact-page { min-height:100vh; background:var(--paper); }.contact-page-header { height:78px; padding:0 clamp(24px,5vw,84px); display:flex; align-items:center; justify-content:space-between; background:var(--ink); color:white; border-bottom:1px solid rgba(255,255,255,.14); }.contact-header-actions,.back-link { display:flex; align-items:center; gap:20px; }.back-link { gap:8px; color:rgba(255,255,255,.72); font-size:14px; }.contact-page-hero { background:var(--ink); color:white; display:grid; grid-template-columns:1.15fr .85fr; gap:clamp(50px,9vw,130px); align-items:center; padding:clamp(75px,9vw,130px) clamp(24px,9vw,150px); }.contact-hero-copy h1 { margin:0; max-width:750px; font-size:clamp(48px,6vw,86px); line-height:1; letter-spacing:-.045em; font-weight:560; }.contact-hero-copy>p:last-of-type { max-width:680px; margin:28px 0 0; color:rgba(255,255,255,.66); font-size:18px; line-height:1.75; }.contact-primary-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }.contact-primary-actions a { display:flex; align-items:center; gap:10px; min-height:50px; padding:0 18px; background:var(--copper); color:white; font-weight:650; }.contact-primary-actions a:last-child { background:transparent; border:1px solid rgba(255,255,255,.28); }.contact-identity-card { background:#fff; color:var(--text); padding:clamp(28px,4vw,50px); box-shadow:0 28px 80px rgba(0,0,0,.2); }.identity-label { color:var(--copper); text-transform:uppercase; letter-spacing:.12em; font-size:12px; font-weight:700; }.identity-icon { width:58px; height:58px; display:grid; place-items:center; color:var(--copper); background:#f4ebe3; margin:35px 0 25px; font-size:26px; }.contact-identity-card h2 { margin:0; color:var(--navy); font-size:31px; }.contact-identity-card>p { color:var(--muted); margin:9px 0 28px; }.availability { display:flex; align-items:center; gap:10px; padding-top:22px; border-top:1px solid var(--line); color:var(--muted); font-size:13px; }.availability i { width:8px; height:8px; border-radius:50%; background:var(--teal); box-shadow:0 0 0 5px rgba(73,183,178,.12); }.contact-detail-grid { display:grid; grid-template-columns:repeat(4,1fr); max-width:1320px; margin:auto; padding:clamp(70px,9vw,120px) clamp(24px,5vw,70px); }.contact-detail-grid article { padding:30px; min-height:250px; border:1px solid var(--line); border-inline-end:0; background:white; }.contact-detail-grid article:last-child { border-inline-end:1px solid var(--line); }.detail-icon { display:grid; place-items:center; width:45px; height:45px; color:var(--copper); background:#f4ebe3; font-size:22px; }.contact-detail-grid p { margin:55px 0 10px; color:var(--muted); font-size:13px; text-transform:uppercase; letter-spacing:.1em; }.contact-detail-grid h3 { margin:0; color:var(--navy); font-size:19px; line-height:1.5; overflow-wrap:anywhere; }.contact-page-footer { background:#e9e2d8; display:flex; justify-content:space-between; align-items:center; padding:34px clamp(24px,9vw,150px); }.contact-page-footer>div { display:flex; align-items:center; gap:14px; color:var(--copper); }.contact-page-footer span { display:grid; gap:3px; color:var(--muted); font-size:13px; }.contact-page-footer b { color:var(--navy); font-size:18px; }.contact-page-footer>a { color:var(--navy); font-weight:650; }
@media (max-width:1020px) { .contact-page-hero { grid-template-columns:1fr; }.contact-detail-grid { grid-template-columns:1fr 1fr; }.contact-detail-grid article:nth-child(2) { border-inline-end:1px solid var(--line); }.contact-detail-grid article:nth-child(n+3) { border-top:0; } }
@media (max-width:720px) { .contact-page-header { height:auto; min-height:70px; padding:14px 18px; }.back-link { display:none; }.contact-page-hero { padding-top:65px; }.contact-hero-copy h1 { font-size:clamp(44px,13vw,65px); }.contact-detail-grid { grid-template-columns:1fr; }.contact-detail-grid article { border-inline-end:1px solid var(--line); border-top:0; min-height:210px; }.contact-detail-grid article:first-child { border-top:1px solid var(--line); }.contact-page-footer { align-items:flex-start; flex-direction:column; gap:25px; } }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--paper); color:var(--text); font-family:"Segoe UI",Tahoma,Arial,sans-serif; } button,input,textarea,select { font:inherit; } a { color:inherit; text-decoration:none; } .font-arabic { font-family:Tahoma,Arial,sans-serif; }

.site-header { height:78px; padding:0 clamp(24px,5vw,84px); display:flex; align-items:center; justify-content:space-between; position:absolute; top:0; z-index:20; width:100%; color:white; border-bottom:1px solid rgba(255,255,255,.16); }
.brand { display:flex; align-items:center; gap:12px; }.brand-mark { position:relative; width:31px; height:32px; display:block; }.brand-mark span { position:absolute; inset:4px 13px 4px 0; border:2px solid var(--copper); transform:skewY(-28deg); }.brand-mark span:last-child { inset:4px 0 4px 13px; transform:skewY(28deg); border-color:var(--teal); }.brand-name { font-size:14px; letter-spacing:.115em; white-space:nowrap; }.brand-name b { font-weight:700; }
.desktop-nav { display:flex; gap:34px; font-size:14px; color:rgba(255,255,255,.8); }.desktop-nav a { transition:color .2s; }.desktop-nav a:hover { color:white; }.header-actions { display:flex; align-items:center; gap:10px; }.language-button,.menu-button { background:transparent; border:0; color:white; display:flex; align-items:center; gap:7px; cursor:pointer; min-height:42px; }.language-button { padding:0 13px; }.header-cta { display:flex; align-items:center; gap:8px; padding:11px 17px; border:1px solid rgba(255,255,255,.42); font-size:14px; transition:background .2s; }.header-cta:hover { background:white; color:var(--ink); }.menu-button,.mobile-nav { display:none; }

.hero { min-height:760px; height:min(92vh,900px); position:relative; background:var(--ink); color:white; overflow:hidden; display:flex; align-items:center; }.hero-image { position:absolute; inset:0; background:url('assets/inasr-hero.webp') center/cover no-repeat; animation:hero-in 1.2s ease-out both; }.hero-overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(4,17,29,.98) 0%,rgba(4,17,29,.89) 34%,rgba(4,17,29,.42) 63%,rgba(4,17,29,.14) 100%),linear-gradient(0deg,rgba(4,17,29,.45),transparent 40%); }[dir="rtl"] .hero-overlay { background:linear-gradient(270deg,rgba(4,17,29,.98) 0%,rgba(4,17,29,.89) 34%,rgba(4,17,29,.42) 63%,rgba(4,17,29,.14) 100%),linear-gradient(0deg,rgba(4,17,29,.45),transparent 40%); }.hero-content { position:relative; z-index:2; width:min(760px,85%); margin-inline-start:clamp(24px,9vw,150px); padding-top:58px; }
.eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 24px; color:var(--copper); font-size:13px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }.eyebrow span { width:32px; height:1px; background:currentColor; }.eyebrow.light { color:#e1ad84; }.hero h1 { margin:0; font-size:clamp(52px,6.5vw,96px); line-height:.98; letter-spacing:-.045em; font-weight:540; max-width:880px; }.hero h1 em { font-family:Georgia,'Times New Roman',serif; font-weight:400; color:#e8c5a6; }[dir="rtl"] .hero h1 em { font-family:Tahoma,Arial,sans-serif; font-weight:500; }.hero-intro { font-size:clamp(17px,1.55vw,21px); line-height:1.65; max-width:650px; margin:30px 0 0; color:rgba(255,255,255,.78); }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:38px; }.button { min-height:52px; padding:0 22px; display:inline-flex; align-items:center; justify-content:center; gap:10px; font-size:15px; font-weight:650; transition:transform .2s,background .2s; }.button:hover { transform:translateY(-2px); }.button.primary { background:var(--copper); color:white; }.button.ghost { border:1px solid rgba(255,255,255,.35); color:white; backdrop-filter:blur(8px); }.button.ghost:hover { background:rgba(255,255,255,.1); }.hero-note { position:absolute; z-index:2; bottom:32px; inset-inline-end:clamp(24px,5vw,84px); display:flex; gap:10px; align-items:center; font-size:13px; color:rgba(255,255,255,.7); }.pulse { width:7px; height:7px; border-radius:50%; background:var(--teal); box-shadow:0 0 0 6px rgba(73,183,178,.12); }

.section { padding:clamp(80px,9vw,135px) clamp(24px,8vw,130px); }.section-heading { display:grid; grid-template-columns:1.3fr .7fr; align-items:end; gap:60px; max-width:1260px; margin:0 auto 58px; }.section-heading h2,.about-copy h2,.approach-intro h2,.contact-copy h2 { font-size:clamp(38px,4.5vw,68px); line-height:1.06; letter-spacing:-.04em; margin:0; color:var(--navy); font-weight:570; }.section-heading>p { color:var(--muted); font-size:17px; line-height:1.7; max-width:500px; }.service-grid { display:grid; grid-template-columns:repeat(4,1fr); border-block:1px solid var(--line); max-width:1260px; margin:auto; }.service-card { padding:32px 27px 28px; min-height:360px; position:relative; border-inline-end:1px solid var(--line); background:rgba(255,255,255,.3); transition:background .25s,transform .25s; }.service-card:last-child { border-inline-end:0; }.service-card:hover { background:white; transform:translateY(-7px); box-shadow:0 18px 50px rgba(7,23,38,.08); z-index:1; }.service-top { display:flex; justify-content:space-between; color:var(--copper); }.service-top span { color:#8a959e; font-size:12px; letter-spacing:.12em; }.service-card h3 { margin:70px 0 18px; font-size:23px; line-height:1.25; color:var(--navy); }.service-card p { color:var(--muted); line-height:1.7; font-size:15px; }.service-card>a { position:absolute; bottom:26px; inset-inline-start:27px; width:36px; height:36px; border:1px solid var(--line); display:grid; place-items:center; color:var(--copper); }

.approach-section { background:var(--navy); color:white; display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(60px,10vw,150px); padding:clamp(85px,10vw,145px) clamp(24px,9vw,150px); }.approach-intro h2 { color:white; position:sticky; top:100px; }.steps { border-top:1px solid rgba(255,255,255,.2); }.step { display:grid; grid-template-columns:80px 1fr; gap:22px; padding:32px 0; border-bottom:1px solid rgba(255,255,255,.2); }.step>span { color:#e1ad84; font-size:14px; }.step h3 { margin:0 0 10px; font-size:25px; }.step p { margin:0; color:rgba(255,255,255,.62); line-height:1.7; max-width:540px; }

.about-section { display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(60px,9vw,140px); align-items:center; background:#eee8de; }.about-pattern { min-height:560px; position:relative; background:var(--navy); overflow:hidden; }.about-pattern::before { content:""; position:absolute; inset:12%; border:1px solid rgba(255,255,255,.22); transform:rotate(45deg); }.about-pattern::after { content:""; position:absolute; width:48%; aspect-ratio:1; border:1px solid var(--copper); border-radius:50%; left:26%; top:26%; box-shadow:0 0 0 35px rgba(189,122,76,.07),0 0 0 90px rgba(73,183,178,.05); }.about-pattern span { position:absolute; left:50%; top:50%; width:2px; height:72%; background:linear-gradient(transparent,var(--teal),transparent); transform:translate(-50%,-50%) rotate(45deg); }.about-pattern span:nth-child(2) { transform:translate(-50%,-50%) rotate(-45deg); background:linear-gradient(transparent,var(--copper),transparent); }.about-pattern span:nth-child(3) { width:13px; height:13px; background:white; border-radius:50%; box-shadow:0 0 0 12px rgba(255,255,255,.08); }.about-copy h2 { max-width:700px; }.about-body { font-size:18px; line-height:1.75; color:var(--muted); max-width:650px; margin:28px 0; }.about-copy ul { list-style:none; padding:0; margin:32px 0 0; display:grid; gap:15px; }.about-copy li { display:flex; gap:12px; align-items:center; font-weight:600; }.about-copy li svg { color:var(--copper); }

.contact-section { background:#071726; color:white; padding:clamp(80px,10vw,145px) clamp(24px,9vw,150px); display:grid; grid-template-columns:.75fr 1.25fr; gap:clamp(55px,8vw,120px); }.contact-copy h2 { color:white; }.contact-copy>p:last-of-type { color:rgba(255,255,255,.62); font-size:17px; line-height:1.7; max-width:500px; margin-top:25px; }.contact-form { background:white; color:var(--text); padding:clamp(25px,4vw,48px); min-height:470px; }.contact-form fieldset { border:0; padding:0; margin:0 0 28px; }.contact-form legend,.contact-form label { display:grid; gap:8px; font-size:13px; font-weight:700; color:#4c5b67; }.request-switch { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:10px; }.request-switch button { border:1px solid var(--line); padding:13px 10px; background:transparent; cursor:pointer; color:var(--muted); }.request-switch button.active { background:var(--navy); color:white; border-color:var(--navy); }.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }.form-grid .full { grid-column:1/-1; }.contact-form input,.contact-form select,.contact-form textarea { width:100%; border:0; border-bottom:1px solid #bfc4c8; background:#fafafa; padding:12px 10px; outline:0; border-radius:0; color:var(--ink); min-height:45px; }.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus { border-color:var(--copper); box-shadow:0 2px 0 var(--copper); }.contact-form textarea { resize:vertical; }.form-footer { display:flex; gap:18px; justify-content:space-between; align-items:center; margin-top:26px; }.form-footer p { margin:0; color:#7d8992; font-size:12px; }.submit-button { border:0; background:var(--copper); color:white; padding:14px 20px; display:flex; align-items:center; gap:10px; cursor:pointer; font-weight:650; }.success-message { min-height:370px; display:grid; place-items:center; align-content:center; text-align:center; gap:22px; }.success-message span { width:62px; height:62px; display:grid; place-items:center; background:#e9f7f5; color:#197b76; border-radius:50%; }.success-message h3 { max-width:500px; font-size:24px; color:var(--navy); }.success-message button { border:0; background:none; color:var(--copper); text-decoration:underline; cursor:pointer; }
footer { min-height:150px; background:#04111d; color:white; display:flex; align-items:center; justify-content:space-between; padding:30px clamp(24px,8vw,130px); border-top:1px solid rgba(255,255,255,.1); }footer>div { text-align:end; color:rgba(255,255,255,.58); font-size:13px; line-height:1.6; }footer p { margin:0; }
@keyframes hero-in { from { transform:scale(1.04); opacity:.6; } to { transform:scale(1); opacity:1; } }@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.hero-image { animation:none; } }
@media (max-width:1020px) { .desktop-nav,.header-cta { display:none; }.menu-button { display:flex; padding:8px; }.mobile-nav { position:absolute; display:none; top:78px; inset-inline:0; background:rgba(4,17,29,.98); padding:22px 25px 28px; gap:19px; border-bottom:1px solid rgba(255,255,255,.15); }.mobile-nav a:last-child { color:#e1ad84; }.service-grid { grid-template-columns:1fr 1fr; }.service-card:nth-child(2) { border-inline-end:0; }.service-card { border-bottom:1px solid var(--line); }.approach-section,.contact-section { grid-template-columns:1fr; }.approach-intro h2 { position:static; } }
@media (max-width:720px) { .site-header { height:70px; padding-inline:18px; }.brand-name { font-size:12px; }.language-button { padding-inline:5px; font-size:13px; }.hero { min-height:720px; height:100svh; }.hero-image { background-position:62% center; }.hero-overlay { background:linear-gradient(90deg,rgba(4,17,29,.96),rgba(4,17,29,.72)); }[dir="rtl"] .hero-overlay { background:linear-gradient(270deg,rgba(4,17,29,.96),rgba(4,17,29,.72)); }.hero-content { width:auto; margin-inline:22px; padding-top:45px; }.hero h1 { font-size:clamp(45px,14vw,66px); }.hero-note { inset-inline-start:24px; inset-inline-end:auto; }[dir="rtl"] .hero-note { inset-inline-end:24px; inset-inline-start:auto; }.section-heading { grid-template-columns:1fr; gap:20px; }.service-grid { grid-template-columns:1fr; }.service-card { border-inline-end:0; min-height:320px; }.about-section { grid-template-columns:1fr; }.about-pattern { min-height:340px; }.form-grid { grid-template-columns:1fr; }.form-grid .full { grid-column:auto; }.form-footer { align-items:stretch; flex-direction:column; }.submit-button { justify-content:center; }footer { align-items:flex-start; flex-direction:column; gap:28px; }footer>div { text-align:start; } }