:root{--primary:#0f3d5e;--primary-contrast:#ffffff;--accent:#f29f05;--bg:#f6f7f9;--surface:#ffffff;--text:#14202b;--muted:#5b6775;--hero-from:#0b2a42;--hero-to:#14507a;--radius:10px}@font-face{font-family:"Cairo";font-style:normal;font-weight:200 1000;font-display:swap;src:url(fonts/cairo-arabic.woff2) format("woff2");unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC}@font-face{font-family:"Cairo";font-style:normal;font-weight:200 1000;font-display:swap;src:url(fonts/cairo-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:"Cairo",system-ui,-apple-system,"Segoe UI",Tahoma,"Noto Sans Arabic",Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;font-size:1rem}img{max-width:100%;height:auto;display:block}a{color:var(--primary)}h1,h2,h3{line-height:1.25;margin:0 0 .6em;font-weight:800}h1{font-size:clamp(2rem,4.5vw,3.4rem)}h2{font-size:clamp(1.6rem,3vw,2.3rem)}h3{font-size:1.2rem;font-weight:700}p{margin:0 0 1em}.container{width:min(1180px,100% - 2.5rem);margin-inline:auto}.muted{color:var(--muted)}.skip{position:absolute;inset-inline-start:-999px;top:0;background:var(--accent);color:#000;padding:.5rem 1rem;z-index:100}.skip:focus{inset-inline-start:0}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.topbar{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid color-mix(in srgb,var(--text) 10%,transparent)}.topbar__row{display:flex;align-items:center;gap:1rem;min-height:68px}.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--text);font-weight:800}.brand__mark{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--radius);background:var(--primary);color:var(--primary-contrast);font-size:.95rem;letter-spacing:.5px}.brand__name{font-size:1.05rem}.nav{display:flex;gap:1.4rem;margin-inline-start:auto}.nav a{text-decoration:none;color:var(--text);font-weight:600;font-size:.95rem}.nav a:hover{color:var(--primary)}.topbar__end{display:flex;align-items:center;gap:.5rem}.lang{border:1px solid color-mix(in srgb,var(--text) 20%,transparent);border-radius:999px;padding:.25rem .85rem;text-decoration:none;font-weight:700;font-size:.9rem;color:var(--text)}.lang:hover{border-color:var(--primary);color:var(--primary)}.menu-btn{display:none;background:none;border:0;color:var(--text);cursor:pointer;padding:.35rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.4rem;border-radius:var(--radius);font-weight:700;text-decoration:none;border:2px solid transparent;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgb(0 0 0/.15)}.btn svg{width:22px;height:22px}.btn--accent{background:var(--accent);color:#1a1300}.btn--primary{background:var(--primary);color:var(--primary-contrast)}.btn--ghost{border-color:rgb(255 255 255/.6);color:#fff}.btn--ghost-dark{border-color:color-mix(in srgb,var(--text) 25%,transparent);color:var(--text)}.btn--wa{background:#117a3e;color:#fff}.hero{background:linear-gradient(135deg,var(--hero-from),var(--hero-to));color:#fff;padding:clamp(3rem,7vw,6rem) 0;overflow:hidden}.hero__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}.eyebrow{display:inline-block;background:rgb(255 255 255/.12);border:1px solid rgb(255 255 255/.25);padding:.25rem .9rem;border-radius:999px;font-size:.9rem;font-weight:600}.lead{font-size:1.15rem;opacity:.92;max-width:38em}.hero__actions{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.6rem 0}.hero__media img{border-radius:calc(var(--radius) * 1.6);box-shadow:0 30px 60px rgb(0 0 0/.35)}.stats{list-style:none;padding:0;margin:1.5rem 0 0;display:flex;flex-wrap:wrap;gap:2rem}.stats strong{display:block;font-size:1.8rem;color:var(--accent)}.stats span{font-size:.9rem;opacity:.85}.section{padding:clamp(3rem,6vw,5.5rem) 0}.section--alt{background:var(--surface)}.section__head{text-align:center;max-width:46rem;margin:0 auto 2.5rem}.section__head p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}.card{background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 8%,transparent);border-radius:var(--radius);padding:1.6rem;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:0 14px 30px rgb(0 0 0/.08);transform:translateY(-2px)}.card__icon{display:grid;place-items:center;width:52px;height:52px;border-radius:var(--radius);background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);margin-bottom:1rem}.card p{color:var(--muted);margin:0}.card__price{color:var(--primary)!important;font-weight:700;margin-top:.6rem!important}.split{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.split__media img{border-radius:calc(var(--radius) * 1.4)}.checklist{list-style:none;padding:0;margin:1.2rem 0 0;display:grid;gap:.6rem}.checklist li{display:flex;gap:.6rem;align-items:flex-start;font-weight:600}.checklist svg{color:var(--primary);flex:none;width:22px;height:22px;margin-top:.2rem}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.gallery figure{margin:0;position:relative;border-radius:var(--radius);overflow:hidden;background:#ddd}.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .4s}.gallery figure:hover img{transform:scale(1.04)}.gallery figcaption{position:absolute;inset-inline:0;bottom:0;padding:.6rem .9rem;color:#fff;font-weight:600;font-size:.92rem;background:linear-gradient(transparent,rgb(0 0 0/.7))}.contact{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:start}.contact__list{list-style:none;padding:0;margin:0;display:grid;gap:1rem}.contact__list li{display:flex;gap:1rem;align-items:flex-start;background:var(--bg);padding:1rem 1.2rem;border-radius:var(--radius)}.contact__list svg{color:var(--primary);flex:none}.contact__list div{display:flex;flex-direction:column}.contact__list a{font-weight:700;text-decoration:none;direction:ltr;unicode-bidi:isolate;text-align:start}.contact__cta{display:flex;flex-direction:column;gap:.8rem}.contact__cta .btn{justify-content:center}.contact__cta .btn--primary span{direction:ltr;unicode-bidi:isolate}.socials{display:flex;align-items:center;gap:.6rem;margin-top:.4rem}.social{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--bg);color:var(--primary)}.social svg{width:20px;height:20px}.footer{background:#0c1117;color:#d7dde3;padding:2.2rem 0}.footer .muted{color:#9aa5b1}.footer__row{display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.footer__meta{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem}.demo-badge{align-self:flex-start;background:var(--accent);color:#1a1300;font-weight:800;font-size:.75rem;padding:.15rem .6rem;border-radius:4px}.wa-float{position:fixed;bottom:20px;inset-inline-end:20px;z-index:60;width:58px;height:58px;border-radius:50%;background:#117a3e;color:#fff;display:grid;place-items:center;box-shadow:0 10px 24px rgb(0 0 0/.25)}.wa-float:hover{transform:scale(1.06)}@media (max-width:900px){.hero__grid,.split,.contact{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}.menu-btn{display:block}.nav{display:none;position:absolute;inset-inline:0;top:68px;flex-direction:column;gap:0;background:var(--surface);border-bottom:1px solid color-mix(in srgb,var(--text) 10%,transparent);padding:.5rem 1.25rem}.nav.open{display:flex}.nav a{padding:.75rem 0;border-bottom:1px solid color-mix(in srgb,var(--text) 6%,transparent)}.topbar__end{margin-inline-start:auto}}@media (max-width:560px){.gallery{grid-template-columns:1fr}.brand__name{font-size:.92rem}.stats{gap:1.2rem}.hero__actions .btn{flex:1 1 100%;justify-content:center}}@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}