:root{--ink:#14213d;--muted:#5f6b7a;--blue:#315f97;--blue-dark:#24486f;--gold:#d6a328;--cream:#fbfaf6;--soft:#f3f6f9;--white:#fff;--border:#dfe5eb;--shadow:0 18px 50px rgba(20,33,61,.10);--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Noto Sans Arabic",sans-serif;color:var(--ink);background:var(--white);line-height:1.75}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:min(1120px,calc(100% - 40px));margin-inline:auto}.narrow{max-width:820px}.skip-link{position:absolute;top:-100px;inset-inline-start:16px;background:var(--ink);color:white;padding:10px 16px;z-index:1000}.skip-link:focus{top:16px}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(223,229,235,.8)}.nav-wrap{min-height:86px;display:flex;align-items:center;gap:26px}.brand img{width:112px;height:64px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:22px;margin-inline:auto}.main-nav a{font-weight:700;color:#344154}.main-nav a:hover{color:var(--blue)}.language-switcher{display:flex;border:1px solid var(--border);border-radius:999px;padding:4px;gap:2px}.language-switcher button{border:0;background:transparent;padding:7px 10px;border-radius:999px;cursor:pointer;color:var(--muted)}.language-switcher button.active{background:var(--ink);color:white}.menu-button{display:none;border:1px solid var(--border);background:white;border-radius:10px;font-size:24px;padding:6px 10px}.hero{background:linear-gradient(135deg,#f6f9fc 0%,#fff 45%,#faf6e8 100%);padding:92px 0 78px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:70px}.eyebrow,.section-label{color:var(--blue);font-weight:800;letter-spacing:.04em;margin:0 0 8px}.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.15;margin:0 0 22px;max-width:780px}.hero-text{font-size:20px;color:var(--muted);max-width:700px;margin:0 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:11px 22px;border-radius:14px;font-weight:800;transition:.2s}.button.primary{background:var(--blue);color:white;box-shadow:0 10px 25px rgba(49,95,151,.2)}.button.primary:hover{background:var(--blue-dark);transform:translateY(-2px)}.button.secondary{border:1px solid var(--border);background:white}.status-pill{display:inline-block;margin-top:24px;border:1px solid #ead8a5;background:#fffaf0;color:#755c16;padding:8px 14px;border-radius:999px;font-weight:700}.hero-card{background:white;border:1px solid var(--border);border-radius:32px;padding:28px;box-shadow:var(--shadow);transform:rotate(-1deg)}[dir="rtl"] .hero-card{transform:rotate(1deg)}.hero-card img{width:100%;aspect-ratio:1.18/1;object-fit:contain;border-radius:20px}.hero-card p{text-align:center;font-size:18px;font-weight:800;margin:14px 0 0;color:var(--blue-dark)}.section{padding:92px 0}.section.soft{background:var(--soft)}.section h2{font-size:clamp(32px,4vw,48px);line-height:1.25;margin:0 0 20px}.section p{font-size:18px;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px}.section-head>p{max-width:480px}.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-card{display:flex;flex-direction:column;background:white;border:1px solid var(--border);border-radius:20px;padding:24px;min-height:240px;transition:.25s}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.feature-card .service-icon{font-size:31px;line-height:1}.feature-card h3{font-size:20px;margin:15px 0 8px}.feature-card p{font-size:15px;margin:0}.vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.principles{display:grid;gap:14px}.principles div{border:1px solid var(--border);border-radius:18px;padding:20px;background:var(--cream)}.principles strong,.principles span{display:block}.principles strong{font-size:20px;margin-bottom:4px;color:var(--blue-dark)}.principles span{color:var(--muted)}.contact-section{padding-top:20px}.contact-box{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--ink);color:white;border-radius:30px;padding:42px 48px}.contact-box h2{margin-bottom:8px}.contact-box p{color:#cad3df;margin:0}.contact-box .section-label{color:#9ec3ec}.site-footer{border-top:1px solid var(--border);padding:38px 0}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr auto;align-items:center;gap:30px}.footer-brand{display:flex;align-items:center;gap:15px}.footer-brand img{width:90px;height:55px;object-fit:contain}.footer-brand p{margin:0;color:var(--muted);font-size:14px}.footer-links{display:flex;gap:18px;flex-wrap:wrap;font-size:14px;font-weight:700}.footer-links a:hover{color:var(--blue)}.copyright{font-size:13px;color:var(--muted);margin:0}.legal-page{background:var(--soft);min-height:100vh}.legal-header{background:white;border-bottom:1px solid var(--border)}.legal-header .container{min-height:82px;display:flex;align-items:center;justify-content:space-between}.legal-header img{width:105px}.legal-main{padding:64px 0}.legal-card{background:white;border:1px solid var(--border);border-radius:24px;padding:clamp(24px,5vw,56px);box-shadow:var(--shadow)}.legal-card h1{font-size:42px;margin-top:0}.legal-card h2{margin-top:34px}.legal-card p,.legal-card li{color:#4f5d6c}.legal-card .updated{font-weight:700;color:var(--blue)}.back-link{font-weight:800;color:var(--blue)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.cards-grid{grid-template-columns:repeat(2,1fr)}.hero-grid,.vision-grid{grid-template-columns:1fr}.hero-card{max-width:620px;margin:auto}.footer-grid{grid-template-columns:1fr}.section-head{display:block}.main-nav{position:absolute;top:86px;left:20px;right:20px;display:none;flex-direction:column;align-items:stretch;background:white;border:1px solid var(--border);border-radius:18px;padding:16px;box-shadow:var(--shadow)}.main-nav.open{display:flex}.menu-button{display:block;margin-inline-start:auto}.language-switcher{order:4}.contact-box{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){.container{width:min(100% - 28px,1120px)}.nav-wrap{gap:10px}.brand img{width:86px}.language-switcher button{font-size:12px;padding:6px 7px}.hero{padding:58px 0}.hero h1{font-size:39px}.hero-text{font-size:17px}.section{padding:64px 0}.cards-grid{grid-template-columns:1fr}.contact-box{padding:30px 24px}.footer-brand{align-items:flex-start}.legal-card h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button,.feature-card{transition:none}}

.card-link{margin-top:auto;padding-top:18px;color:var(--blue);font-size:14px}.emergency-section{padding-top:18px}.emergency-box{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;border:1px solid #f0c9c9;background:linear-gradient(135deg,#fff7f7,#fff);border-radius:30px;padding:34px 40px;box-shadow:0 18px 50px rgba(154,38,38,.08)}.emergency-icon{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:#b42318;color:#fff;font-weight:900;font-size:25px;box-shadow:0 12px 28px rgba(180,35,24,.25)}.emergency-label{color:#b42318}.emergency-box h2{font-size:clamp(28px,4vw,42px);margin:0 0 10px}.emergency-box p{margin:0}.emergency-note{margin-top:10px!important;font-size:14px!important;color:#7a4b4b!important}.emergency-button{background:#b42318;color:#fff}.emergency-button:hover{background:#8f1b13;transform:translateY(-2px)}.service-page{background:var(--soft);min-height:100vh}.service-main{padding:56px 0 80px}.service-detail-card{margin-top:24px;background:#fff;border:1px solid var(--border);border-radius:30px;padding:clamp(26px,5vw,58px);box-shadow:var(--shadow)}.service-detail-card h1{font-size:clamp(36px,6vw,62px);line-height:1.15;margin:10px 0 18px}.service-detail-icon{width:86px;height:86px;border-radius:22px;display:grid;place-items:center;background:var(--soft);font-size:42px;margin-bottom:24px}.service-intro{font-size:20px;color:var(--muted);max-width:800px}.service-points{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:34px 0}.service-points div{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--border);background:var(--cream);padding:18px;border-radius:16px}.service-points span{color:var(--blue);font-weight:900}.service-points p{margin:0;color:#465466}.coming-box{background:var(--ink);color:#fff;border-radius:20px;padding:24px}.coming-box strong{font-size:21px}.coming-box p{color:#cbd5e1;margin:7px 0 0}
@media(max-width:980px){.emergency-box{grid-template-columns:auto 1fr}.emergency-button{grid-column:1/-1}.service-points{grid-template-columns:1fr}}
@media(max-width:640px){.nav-wrap{min-height:76px}.brand img{width:76px;height:54px}.menu-button{font-size:22px;padding:5px 9px}.language-switcher{padding:3px}.hero{padding:42px 0 52px}.hero-grid{gap:34px}.hero-card{padding:14px;border-radius:24px}.hero-card img{aspect-ratio:1.28/1;max-height:410px}.feature-card{min-height:0;padding:24px}.cards-grid{gap:14px}.emergency-box{display:flex;flex-direction:column;align-items:flex-start;padding:28px 24px}.emergency-icon{width:72px;height:72px}.service-main{padding-top:34px}.service-detail-card{border-radius:22px}.service-detail-icon{width:72px;height:72px;font-size:34px}}
/* Phase 31 interaction and legal notice fixes */
.feature-card{cursor:pointer;position:relative;z-index:1}
.feature-card:focus-visible,.emergency-button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.notice-section{padding:28px 0;background:#fff}
.notice-box{border:1px solid #ead8a5;background:#fffaf0;border-radius:20px;padding:20px 24px}
.notice-box strong{display:block;color:#755c16;font-size:18px;margin-bottom:4px}
.notice-box p{margin:0;color:#665728;font-size:15px}

/* Phase 32 permanent navigation, emergency visibility, and cache-safe UI */
.feature-card{pointer-events:auto!important}
.emergency-card{border-color:#efb5b0;background:linear-gradient(145deg,#fff7f7,#fff)}
.emergency-card-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#b42318;color:#fff;font-size:15px!important;font-weight:900}
.floating-emergency{position:fixed;z-index:500;right:22px;bottom:22px;display:flex;align-items:center;gap:9px;background:#b42318;color:#fff;padding:11px 17px;border-radius:999px;box-shadow:0 12px 30px rgba(180,35,24,.34);font-weight:900;border:2px solid #fff}
[dir="rtl"] .floating-emergency{right:auto;left:22px}
.floating-emergency span{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#fff;color:#b42318;font-size:12px}
.floating-emergency:hover{background:#8f1b13;transform:translateY(-2px)}
.notice-box{background:#f8fbff;border-color:#cbdced}
.notice-box strong{color:#244f7e}
.notice-box p{color:#42566d}
@media(max-width:640px){.floating-emergency{right:12px;bottom:12px;padding:8px 12px}.floating-emergency span{width:32px;height:32px}[dir="rtl"] .floating-emergency{right:auto;left:12px}}

/* Phase 34 launch stability and mobile compatibility */
html{-webkit-text-size-adjust:100%}body{-webkit-tap-highlight-color:transparent}.feature-card,.button,.floating-emergency{touch-action:manipulation}.reveal{opacity:1;transform:none}.service-page .language-switcher{display:flex}.service-detail-card{contain:content}.feature-card{will-change:transform}.feature-card:active{transform:scale(.99)}
@media(max-width:640px){.feature-card{min-height:auto}.service-detail-card{padding:24px 20px}.service-intro{font-size:18px}.coming-box{padding:20px}.floating-emergency{max-width:calc(100vw - 24px)}}

/* Phase 35 emergency web actions and unified language state */
.emergency-live-card{border-color:#efb5b0}.emergency-live-icon{background:#b42318;color:#fff}.emergency-warning{margin:26px 0;padding:18px 20px;border-radius:16px;background:#fff4f2;border:1px solid #f2b8b1;color:#7a271a}.emergency-warning p{margin:6px 0 0}.country-picker{display:grid;gap:8px;max-width:420px;margin:26px 0}.country-picker label{font-weight:900}.country-picker select{width:100%;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:#fff;font:inherit;color:var(--ink)}.emergency-number-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0 28px}.emergency-call-card{display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding:20px;border-radius:18px;background:#fff;border:1px solid #efb5b0;box-shadow:0 10px 28px rgba(180,35,24,.08);color:var(--ink)}.emergency-call-card strong{font-size:34px;color:#b42318;letter-spacing:1px}.emergency-call-card b{display:inline-flex;padding:8px 14px;border-radius:999px;background:#b42318;color:#fff}.emergency-call-kind{font-weight:800}.location-actions{padding:22px;border-radius:18px;background:var(--cream);border:1px solid var(--border)}.location-button{border:0;background:#0b5cab;color:#fff;cursor:pointer}.location-status{margin:12px 0 0;color:var(--muted)}.app-extra-box{margin-top:20px;padding:20px;border-radius:18px;background:var(--ink);color:#fff}.app-extra-box p{margin:7px 0 0;color:#cbd5e1}@media(max-width:760px){.emergency-number-grid{grid-template-columns:1fr}.emergency-call-card{min-height:116px}.emergency-call-card strong{font-size:38px}}