@font-face { font-family:"IBM Plex Sans Arabic"; src:url("fonts/ibm-plex-sans-arabic-400.woff2") format("woff2"); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:"IBM Plex Sans Arabic"; src:url("fonts/ibm-plex-sans-arabic-500.woff2") format("woff2"); font-weight:500; font-style:normal; font-display:swap; }
@font-face { font-family:"IBM Plex Sans Arabic"; src:url("fonts/ibm-plex-sans-arabic-600.woff2") format("woff2"); font-weight:600; font-style:normal; font-display:swap; }
@font-face { font-family:"IBM Plex Sans Arabic"; src:url("fonts/ibm-plex-sans-arabic-700.woff2") format("woff2"); font-weight:700; font-style:normal; font-display:swap; }

:root { --ink:#071f3d; --green:#0b5fa5; --mint:#78c9ff; --paper:#f3f8fc; --white:#fff; --line:rgba(7,31,61,.13); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:"IBM Plex Sans Arabic","Tahoma","Arial",sans-serif; font-size:16px; line-height:1.7; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
a { color:inherit; text-decoration:none; }
button,input,select,textarea { font:inherit; }
.site-header { position:absolute; z-index:10; top:0; right:0; left:0; height:96px; display:flex; align-items:center; justify-content:space-between; padding:0 5vw; color:#fff; border-bottom:1px solid rgba(255,255,255,.18); }
.wordmark { display:flex; align-items:center; gap:12px; min-width:210px; }
.wordmark .mark,.footer-brand .mark { display:grid; place-items:center; width:44px; height:44px; border:1px solid currentColor; border-radius:50% 50% 14px 50%; font-size:24px; font-weight:800; }
.wordmark strong { display:block; font-size:20px; letter-spacing:-.5px; }
.wordmark small { display:block; margin-top:3px; font-size:10px; opacity:.72; }
nav { display:flex; gap:34px; font-size:13px; }
nav a { opacity:.82; transition:.2s; } nav a:hover { opacity:1; }
.header-cta,.primary-button { display:inline-flex; align-items:center; justify-content:center; gap:18px; background:linear-gradient(135deg,#5ab7f5,#bfe5ff); color:var(--ink); min-height:48px; padding:0 22px; font-size:13px; font-weight:800; box-shadow:0 10px 30px rgba(1,76,139,.18); }
.hero { min-height:820px; display:grid; grid-template-columns:51% 49%; background:linear-gradient(145deg,#061a34 0%,#073c72 100%); color:#fff; }
.hero-copy { padding:178px 7vw 60px 5vw; display:flex; flex-direction:column; }
.eyebrow,.section-kicker { display:flex; align-items:center; gap:10px; margin:0 0 26px; color:var(--green); font-size:11px; font-weight:800; letter-spacing:.04em; }
.eyebrow { color:var(--mint); }.eyebrow span { width:28px; height:1px; background:currentColor; }
.hero h1 { margin:0; font-size:clamp(58px,6.4vw,106px); line-height:.96; letter-spacing:-5px; font-weight:500; }
.hero h1 em { color:var(--mint); font-style:normal; }
.hero-lead { max-width:570px; margin:34px 0; color:rgba(255,255,255,.68); font-size:18px; line-height:1.9; }
.hero-actions { display:flex; align-items:center; gap:28px; }.text-button { font-size:13px; border-bottom:1px solid rgba(255,255,255,.35); padding:12px 0; }.text-button span { margin-right:18px; }
.trust-row { margin-top:auto; display:flex; gap:50px; padding-top:42px; border-top:1px solid rgba(255,255,255,.15); }.trust-row div { display:flex; flex-direction:column; gap:7px; }.trust-row strong { font-size:24px; color:var(--mint); }.trust-row span { font-size:11px; opacity:.62; }
.hero-visual { position:relative; overflow:hidden; background:linear-gradient(145deg,#eaf5ff,#c8e2f5); color:var(--ink); }.hero-image-wrap { position:absolute; inset:0; }.hero-image-wrap img { object-fit:cover; mix-blend-mode:multiply; }.hero-visual:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(6,43,82,.08),transparent 35%,rgba(5,57,104,.13)); }
.spec-card { position:absolute; z-index:2; right:42px; bottom:42px; padding:18px 22px; background:rgba(255,255,255,.88); backdrop-filter:blur(12px); }.spec-card small,.spec-card strong { display:block; }.spec-card small { font-size:9px; opacity:.5; }.spec-card strong { margin-top:5px; font-size:13px; }.hero-index { position:absolute; z-index:2; bottom:25px; left:35px; font-size:82px; font-weight:800; opacity:.08; }
.intro { display:grid; grid-template-columns:28% 1fr; gap:40px; padding:120px 7vw; border-bottom:1px solid var(--line); }.intro h2,.section-heading h2,.quality h2,.quote-intro h2 { margin:0; font-size:clamp(42px,5vw,76px); line-height:1.15; letter-spacing:-3px; font-weight:500; }.intro>div { display:grid; grid-template-columns:1fr 330px; gap:60px; }.intro>div p { margin:8px 0 0; font-size:16px; line-height:2; color:#5e6b66; }.intro>div a { grid-column:2; width:max-content; color:var(--green); font-size:13px; font-weight:800; border-bottom:1px solid var(--green); padding-bottom:8px; }
.products-section { padding:120px 5vw; }.section-heading { display:flex; justify-content:space-between; align-items:end; margin-bottom:60px; }.section-heading>p { max-width:390px; color:#65716d; line-height:1.9; }
.product-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.product-card { background:#fff; border:1px solid rgba(9,76,133,.08); transition:transform .25s,box-shadow .25s; }.product-card:hover { transform:translateY(-6px); box-shadow:0 22px 50px rgba(7,52,93,.13); }.product-photo { position:relative; display:block; aspect-ratio:1.13; overflow:hidden; background:#fff; cursor:pointer; }.product-photo img { object-fit:contain; transition:transform .45s; }.product-card:hover img { transform:scale(1.045); }.product-number { position:absolute; top:16px; right:16px; font-size:10px; color:#60748a; }.photo-action { position:absolute; left:16px; bottom:16px; display:flex; align-items:center; gap:12px; padding:11px 15px; background:rgba(5,43,80,.94); color:#fff; font-size:11px; font-weight:800; opacity:0; transform:translateY(7px); transition:.25s; }.photo-action b { color:#80cdff; font-size:16px; }.product-photo:hover .photo-action,.product-photo:focus-visible .photo-action { opacity:1; transform:none; }.product-info { min-height:116px; display:flex; justify-content:space-between; align-items:center; gap:15px; padding:19px 20px; border-top:1px solid #e6eef5; }.product-info small { color:var(--green); font-size:9px; }.product-info h3 { margin:7px 0 4px; font-size:15px; }.product-code { color:#8c9baa; font-size:9px; direction:ltr; display:block; text-align:right; }.product-detail-link { display:flex; align-items:center; gap:10px; flex-shrink:0; min-height:42px; padding:0 14px; background:linear-gradient(135deg,#0b5fa5,#1688d6); color:#fff; font-size:10px; font-weight:800; transition:.2s; box-shadow:0 8px 20px rgba(11,95,165,.2); }.product-detail-link b { font-size:16px; }.product-detail-link:hover { background:linear-gradient(135deg,#084a82,#0d70ba); transform:translateX(-2px); }
.quality { display:grid; grid-template-columns:1fr 1fr; gap:90px; padding:120px 7vw; background:linear-gradient(135deg,#062342,#0b66ab); color:#fff; }.section-kicker.light { color:var(--mint); }.quality-copy>p:last-child { max-width:470px; color:rgba(255,255,255,.7); line-height:2; }.quality-points article { display:grid; grid-template-columns:55px 1fr; gap:20px; padding:28px 0; border-top:1px solid rgba(255,255,255,.22); }.quality-points article:last-child { border-bottom:1px solid rgba(255,255,255,.22); }.quality-points article>span { color:var(--mint); font-size:11px; }.quality-points h3 { margin:0 0 7px; font-size:18px; }.quality-points p { margin:0; color:rgba(255,255,255,.62); font-size:13px; }
.quote-section { display:grid; grid-template-columns:38% 1fr; gap:80px; padding:120px 7vw; }.quote-intro>p:last-child { max-width:420px; color:#65716d; line-height:2; }.quote-form { display:grid; grid-template-columns:1fr 1fr; gap:24px 18px; background:#fff; padding:38px; }.quote-form label { display:flex; flex-direction:column; gap:10px; font-size:11px; font-weight:800; }.quote-form input,.quote-form select,.quote-form textarea { width:100%; border:0; border-bottom:1px solid #ccd1ce; background:transparent; padding:12px 0; outline:none; color:var(--ink); resize:vertical; }.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus { border-color:var(--green); }.quote-form .full { grid-column:1/-1; }.quote-form button { grid-column:1/-1; border:0; background:var(--ink); color:#fff; min-height:56px; cursor:pointer; font-weight:800; }.form-note { grid-column:1/-1; margin:0; text-align:center; color:#8c9591; font-size:10px; }
footer { display:grid; grid-template-columns:1.4fr .6fr 1fr; gap:70px; padding:70px 7vw 25px; background:#04172d; color:#fff; }.footer-brand strong { display:block; margin:18px 0 8px; font-size:23px; }.footer-brand p { color:rgba(255,255,255,.55); font-size:12px; }.footer-brand .mark { color:var(--mint); } footer>div:not(.footer-brand,.footer-bottom) { display:flex; flex-direction:column; gap:13px; font-size:12px; color:rgba(255,255,255,.65); } footer small { margin-bottom:8px; color:var(--mint); font-weight:800; }.footer-bottom { grid-column:1/-1; display:flex; justify-content:space-between; padding-top:25px; border-top:1px solid rgba(255,255,255,.12); color:rgba(255,255,255,.4); font-size:10px; }

.product-page { min-height:100vh; background:var(--paper); }.inner-header { height:96px; display:flex; align-items:center; justify-content:space-between; padding:0 6vw; background:#061f3b; color:#fff; }.back-link { display:flex; align-items:center; gap:13px; font-size:14px; color:#d9edfc; }.back-link span { font-size:18px; }.product-hero { min-height:660px; display:grid; grid-template-columns:55% 45%; }.detail-image { position:relative; min-height:660px; background:linear-gradient(145deg,#fff,#dcecf8); }.detail-image img { object-fit:contain; }.detail-copy { display:flex; flex-direction:column; justify-content:center; padding:70px 7vw 70px 5vw; background:linear-gradient(150deg,#092746,#0c5993); color:#fff; }.detail-category { margin:0 0 22px; color:#8bd2ff; font-size:13px; font-weight:700; }.detail-copy h1 { margin:0; font-size:clamp(38px,4.5vw,62px); line-height:1.25; letter-spacing:-1.5px; font-weight:600; }.detail-code { width:max-content; margin-top:18px; padding:7px 10px; border:1px solid rgba(255,255,255,.25); font-size:12px; direction:ltr; }.detail-summary { max-width:580px; margin:30px 0 0; color:rgba(255,255,255,.78); font-size:17px; line-height:1.9; }.detail-notice { margin-top:24px; padding-right:14px; border-right:2px solid #76c8ff; color:rgba(255,255,255,.68); font-size:13px; }.detail-actions { display:flex; gap:12px; margin-top:38px; }.outline-button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 22px; border:1px solid rgba(255,255,255,.42); font-size:14px; font-weight:600; }.detail-features { display:grid; grid-template-columns:repeat(3,1fr); padding:70px 6vw; gap:1px; }.detail-features article { padding:34px; background:#fff; }.detail-features span { color:#277fbd; font-size:13px; font-weight:600; }.detail-features h2 { margin:18px 0 10px; font-size:22px; line-height:1.45; }.detail-features p { margin:0; color:#637386; font-size:15px; line-height:1.85; }

/* منظومة الخطوط والأحجام */
.wordmark strong { font-size:21px; font-weight:700; letter-spacing:-.2px; }
.wordmark small { font-size:12px; }
nav { font-size:14px; font-weight:500; }
.header-cta,.primary-button,.text-button { font-size:14px; font-weight:600; }
.eyebrow,.section-kicker { font-size:13px; font-weight:600; letter-spacing:0; }
.hero h1 { font-size:clamp(54px,5.8vw,92px); line-height:1.08; letter-spacing:-2px; font-weight:600; }
.hero-lead { font-size:18px; line-height:1.9; }
.trust-row strong { font-size:26px; font-weight:600; }
.trust-row span { font-size:13px; }
.intro h2,.section-heading h2,.quality h2,.quote-intro h2 { font-size:clamp(38px,4.5vw,64px); line-height:1.28; letter-spacing:-1.5px; font-weight:600; }
.intro>div p,.section-heading>p,.quality-copy>p:last-child,.quote-intro>p:last-child { font-size:16px; line-height:1.95; }
.intro>div a { font-size:14px; font-weight:600; }
.product-info small { font-size:12px; font-weight:600; }
.product-info h3 { font-size:16px; line-height:1.55; font-weight:600; }
.product-number,.photo-action { font-size:12px; }
.product-detail-link { font-size:12px; font-weight:700; }
.quality-points article>span { font-size:13px; }
.quality-points h3 { font-size:20px; }
.quality-points p { font-size:15px; line-height:1.75; }
.quote-form label { font-size:13px; font-weight:600; }
.quote-form input,.quote-form select,.quote-form textarea { font-size:16px; }
.quote-form button { font-size:15px; font-weight:700; }
.footer-brand strong { font-size:26px; line-height:1.4; }
.footer-brand p { font-size:15px; line-height:1.85; }
footer>div:not(.footer-brand,.footer-bottom) { gap:15px; font-size:15px; line-height:1.7; }
footer small { font-size:14px; line-height:1.5; }
.footer-bottom { font-size:13px; line-height:1.7; }
@media (max-width:950px) { .site-header nav { display:none; }.hero { grid-template-columns:1fr; }.hero-copy { min-height:760px; }.hero-visual { min-height:590px; }.intro,.quality,.quote-section { grid-template-columns:1fr; }.intro>div { grid-template-columns:1fr; }.intro>div a { grid-column:1; }.product-grid { grid-template-columns:repeat(2,1fr); }.section-heading { align-items:start; flex-direction:column; gap:25px; }.product-hero { grid-template-columns:1fr; }.detail-image { min-height:520px; }.detail-copy { min-height:520px; }.detail-features { grid-template-columns:1fr; gap:10px; } }
@media (max-width:600px) { .site-header { height:78px; padding:0 20px; }.header-cta { display:none; }.wordmark { min-width:0; }.wordmark strong { font-size:19px; }.wordmark small { font-size:11px; }.hero-copy { min-height:680px; padding:128px 22px 42px; }.hero h1 { font-size:46px; line-height:1.16; letter-spacing:-1px; }.hero-lead { font-size:16px; line-height:1.85; }.hero-actions { align-items:flex-start; flex-direction:column; gap:10px; }.trust-row { gap:22px; }.trust-row strong { font-size:21px; }.trust-row span { font-size:12px; }.hero-visual { min-height:470px; }.intro,.products-section,.quality,.quote-section { padding:72px 22px; }.intro { gap:18px; }.intro h2,.section-heading h2,.quality h2,.quote-intro h2 { font-size:34px; line-height:1.35; letter-spacing:-.6px; }.product-grid { grid-template-columns:1fr; }.product-info h3 { font-size:17px; }.photo-action { opacity:1; transform:none; }.product-detail-link span { display:none; }.quote-form { grid-template-columns:1fr; padding:25px 20px; }.quote-form .full { grid-column:1; } footer { grid-template-columns:1fr; padding:56px 22px 25px; gap:38px; }.footer-brand strong { font-size:25px; }.footer-brand p { font-size:15px; }.footer-bottom { flex-direction:column; gap:12px; font-size:13px; }.inner-header { height:78px; padding:0 20px; }.back-link { font-size:0; }.back-link span { font-size:22px; }.detail-image { min-height:400px; }.detail-copy { padding:55px 22px; }.detail-copy h1 { font-size:36px; line-height:1.35; letter-spacing:-.5px; }.detail-summary { font-size:16px; }.detail-actions { flex-direction:column; }.detail-features { padding:50px 22px; } }

.staging-note{position:fixed;z-index:50;left:18px;bottom:18px;padding:9px 13px;background:#071f3d;color:#fff;font:11px Tahoma;box-shadow:0 8px 24px #071f3d33}.disabled-form button{opacity:.65}.disabled-form:after{content:"النموذج تحت التجهيز وسيتم تفعيله قريبًا";grid-column:1/-1;text-align:center;color:#6d7c8b;font-size:10px}.static-image{width:100%;height:100%;object-fit:contain}.hero-image-wrap .static-image{object-fit:cover;mix-blend-mode:multiply}

.hero--text-only{grid-template-columns:1fr}.hero--text-only .hero-copy{max-width:900px}.form-honeypot{position:absolute;right:-9999px}.security-check{margin-top:4px}.captcha-row{display:grid;grid-template-columns:140px minmax(140px,1fr) auto;align-items:center;gap:12px;margin-top:8px;padding:14px;background:#f2f7fb;border:1px solid #d9e7f2;border-radius:4px}.captcha-question{display:grid;place-items:center;min-height:46px;padding:0 16px;background:#e1eff9;color:#075d9e;font-size:18px;font-weight:700;direction:ltr;border-radius:3px}.quote-form .captcha-row input{min-width:0;height:46px;padding:0 14px;border:1px solid #bfd2e1;background:#fff}.quote-form .captcha-refresh{grid-column:auto;width:auto;min-height:46px;white-space:nowrap;padding:0 18px;background:#0b65aa}.quote-form .captcha-refresh:hover{background:#084b7d}.form-privacy-note{font-size:13px;line-height:1.8;margin:0;color:#60748a}.result-page{margin:0;background:#f3f8fc;color:#071f3d;font-family:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif;display:grid;place-items:center;min-height:100vh}.result-card{width:min(560px,calc(100% - 40px));background:#fff;padding:48px;box-sizing:border-box;border-top:5px solid #0b65aa;box-shadow:0 20px 60px #073c721f}.result-card.result-error{border-top-color:#a32020}.result-mark{color:#0b65aa;font-size:13px;font-weight:700}.result-error .result-mark{color:#a32020}.result-card h1{font-size:34px;margin:18px 0}.result-card p{color:#5e7083;font-size:16px;line-height:2}.result-card a{display:inline-block;margin-top:20px;background:#0b65aa;color:#fff;padding:14px 22px;text-decoration:none;font-weight:700}

@media (max-width:600px){.captcha-row{grid-template-columns:1fr;padding:12px}.captcha-question{min-height:44px}.quote-form .captcha-refresh{width:100%}.form-privacy-note{font-size:11px}}

body.popup-open { overflow:hidden; }
.business-popup { position:fixed; z-index:1000; inset:0; display:grid; place-items:center; padding:24px; opacity:0; visibility:hidden; transition:opacity .25s ease,visibility .25s ease; }
.business-popup[hidden] { display:none; }
.business-popup.is-visible { opacity:1; visibility:visible; }
.business-popup__backdrop { position:absolute; inset:0; background:rgba(3,20,39,.76); backdrop-filter:blur(5px); }
.business-popup__dialog { position:relative; width:min(760px,100%); overflow:hidden; padding:38px 42px 30px; border-right:8px solid #0b65aa; background:linear-gradient(120deg,#fff 0%,#fff 72%,#edf7fd 100%); color:#071f3d; box-shadow:0 28px 75px rgba(0,18,38,.32); transform:translateY(18px) scale(.985); transition:transform .28s ease; }
.business-popup.is-visible .business-popup__dialog { transform:none; }
.business-popup__dialog:before { content:"هـ"; position:absolute; left:24px; top:50%; translate:0 -50%; color:rgba(11,101,170,.055); font-size:160px; font-weight:700; line-height:1; pointer-events:none; }
.business-popup__close { position:absolute; z-index:2; top:18px; left:20px; display:grid; place-items:center; width:42px; height:42px; padding:0; border:1px solid #d9e6f0; border-radius:50%; background:#fff; color:#071f3d; font-size:26px; line-height:1; cursor:pointer; }
.business-popup__kicker { margin:0 0 14px; color:#0b65aa; font-size:13px; font-weight:700; }
.business-popup__dialog h2 { position:relative; margin:0; max-width:620px; font-size:36px; line-height:1.3; letter-spacing:-.7px; }
.business-popup__lead { position:relative; max-width:620px; margin:10px 0 18px; color:#5c6f81; font-size:14px; line-height:1.75; }
.business-popup__form { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:11px 14px; }
.business-popup__form>label:not(.business-popup__consent) { display:grid; gap:7px; color:#173b5d; font-size:13px; font-weight:600; }
.business-popup__form label>span { color:#718397; font-size:12px; font-weight:400; }
.business-popup__form input[type="email"],.business-popup__form input[type="tel"] { width:100%; height:44px; padding:0 13px; border:1px solid #cad9e5; background:#fff; color:#071f3d; outline:none; }
.business-popup__form input:focus { border-color:#0b65aa; box-shadow:0 0 0 3px rgba(11,101,170,.1); }
.business-popup__consent { grid-column:1/-1; display:grid; grid-template-columns:20px 1fr; align-items:start; gap:9px; cursor:pointer; }
.business-popup__consent input { width:18px; height:18px; margin:3px 0 0; accent-color:#0b65aa; }
.business-popup__consent span { line-height:1.7; }
.business-popup__form button[type="submit"] { grid-column:1/-1; min-height:48px; border:0; background:linear-gradient(135deg,#0a5793,#0e79c7); color:#fff; font-size:14px; font-weight:700; cursor:pointer; }
.business-popup__form button:disabled { opacity:.6; cursor:wait; }
.business-popup__status { grid-column:1/-1; min-height:22px; margin:0; color:#60748a; font-size:13px; line-height:1.7; }
.business-popup__status.is-success { color:#087241; }
.business-popup__status.is-error { color:#a32020; }

@media (max-width:760px) {
  .business-popup { align-items:end; padding:12px; }
  .business-popup__dialog { width:100%; max-height:calc(100vh - 24px); min-height:0; overflow:auto; padding:56px 22px 26px; background:#fff; }
  .business-popup__dialog:before { display:none; }
  .business-popup__dialog h2 { font-size:32px; line-height:1.32; }
  .business-popup__lead { font-size:15px; margin:14px 0 20px; }
  .business-popup__close { top:12px; left:14px; width:38px; height:38px; }
  .business-popup__form { grid-template-columns:1fr; }
  .business-popup__consent,.business-popup__form button[type="submit"],.business-popup__status { grid-column:1; }
}