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

:root{
  --color-primary:#173b4d;--color-primary-deep:#0d2937;--color-primary-soft:#e7f0f2;
  --color-secondary:#c78c3b;--color-secondary-deep:#805313;--color-accent:#e8f0ec;
  --color-text:#17252c;--color-muted:#627179;--color-background:#fdfcf9;--color-surface:#fff;
  --color-border:#dce3e3;--color-success:#16705a;--color-warning:#fff4df;--color-whatsapp:#166f58;
  --font-family:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif;
  --space-1:.5rem;--space-2:.75rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:3rem;--space-7:4.5rem;--space-8:6rem;
  --radius-sm:.5rem;--radius-md:.85rem;--radius-lg:1.4rem;--radius-xl:2rem;
  --shadow-sm:0 1px 3px rgba(15,40,52,.08);--shadow-md:0 16px 42px rgba(15,40,52,.10);
  --container-width:73.75rem;--header-height:4.75rem;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:7rem}
body{margin:0;background:var(--color-background);color:var(--color-text);font-family:var(--font-family);font-size:1rem;line-height:1.8;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;padding-bottom:calc(5rem + env(safe-area-inset-bottom))}
body.menu-open{overflow:hidden}
img,picture,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{color:inherit}
h1,h2,h3,p{margin-block-start:0}
h1,h2,h3{font-weight:600;line-height:1.35;letter-spacing:-.025em}
h1{font-size:clamp(2.15rem,7vw,4.9rem);margin-block-end:1.25rem}
h2{font-size:clamp(1.7rem,5vw,3rem);margin-block-end:1rem}
h3{font-size:1.2rem;margin-block-end:.6rem}
p{margin-block-end:1rem}
ul,ol{padding:0;margin:0;list-style:none}
::selection{background:var(--color-secondary);color:#fff}
:focus-visible{outline:.2rem solid var(--color-secondary);outline-offset:.2rem}
.container{width:min(calc(100% - 2rem),var(--container-width));margin-inline:auto;min-width:0}
.narrow{max-width:51rem}
.section{padding-block:4.5rem}
.eyebrow{display:flex;align-items:center;gap:.65rem;margin-block-end:.85rem;color:var(--color-secondary-deep);font-size:.78rem;font-weight:700;letter-spacing:.055em;text-transform:uppercase}
.eyebrow::before{content:"";display:block;width:1.5rem;height:.13rem;background:currentColor;border-radius:10rem}
.light-eyebrow{color:#e7c796}
.section-lead,.hero-lead{color:var(--color-muted);font-size:clamp(1.05rem,2.3vw,1.28rem);line-height:1.85}
.skip-link{position:fixed;inset-block-start:.5rem;inset-inline-start:.5rem;z-index:9999;transform:translateY(-150%);background:#fff;padding:.6rem 1rem;border-radius:.4rem;color:var(--color-primary);font-weight:700}.skip-link:focus{transform:none}

.demo-notice{background:#f4e7d2;color:#5e3a0d;font-size:.75rem;text-align:center;line-height:1.55;padding:.38rem .6rem;border-block-end:1px solid #e3ca9f}
.site-header{position:sticky;inset-block-start:0;z-index:100;background:color-mix(in srgb,var(--color-background) 93%,transparent);border-block-end:1px solid transparent;backdrop-filter:blur(13px);transition:border-color .2s,box-shadow .2s}
.site-header.is-scrolled{border-color:var(--color-border);box-shadow:var(--shadow-sm)}
.header-inner{min-height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand{display:inline-flex;align-items:center;gap:.72rem;min-width:0}
.brand-logo-shell{display:grid;place-items:center;flex:0 0 auto;width:8.5rem;height:3.75rem;padding:.22rem .42rem;background:var(--color-primary-deep);border-radius:.45rem;overflow:hidden}.brand-logo-shell picture{display:block;width:100%}.brand-logo{width:100%;height:auto;object-fit:contain}
.brand-mark{position:relative;flex:0 0 auto;width:2.7rem;height:2.7rem;background:var(--color-primary);border-radius:.2rem;overflow:hidden}
.brand-mark::before,.brand-mark::after,.brand-mark i,.brand-mark b{content:"";position:absolute;display:block}
.brand-mark::before{inset:0 50% 50% 0;background:var(--color-secondary)}
.brand-mark::after{width:1.1rem;height:1.1rem;inset:.78rem;border:.15rem solid #fff}
.brand-mark i{inset-inline-start:.35rem;inset-block-end:.35rem;width:.48rem;height:.48rem;background:#fff}
.brand-mark b{inset-inline-end:.35rem;inset-block-start:.35rem;width:.48rem;height:.48rem;background:#fff}
.brand-copy{display:flex;min-width:0;flex-direction:column;line-height:1.25}.brand-copy strong{max-width:11rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-primary-deep);font-size:.96rem}.brand-copy small{color:var(--color-muted);font-size:.63rem;margin-block-start:.25rem}
.menu-toggle{display:grid;place-content:center;width:2.85rem;height:2.85rem;padding:.65rem;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer}.menu-toggle span{display:block;width:1.35rem;height:.12rem;margin:.15rem;background:var(--color-primary);transition:.2s}.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(.42rem) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-.42rem) rotate(-45deg)}
.main-nav{position:absolute;inset:100% 0 auto;height:calc(100dvh - var(--header-height));background:var(--color-background);padding:1.5rem 1rem;transform:translateY(-.75rem);opacity:0;pointer-events:none;visibility:hidden;transition:transform .2s ease,opacity .2s ease,visibility .2s;overflow:auto}.main-nav.is-open{transform:none;opacity:1;pointer-events:auto;visibility:visible}.main-nav ul{display:grid}.main-nav li{border-block-end:1px solid var(--color-border)}.main-nav li a{display:block;padding:1rem .2rem;font-size:1.08rem;font-weight:600}.nav-cta{margin-block-start:1.5rem;width:100%}

.button{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-height:3.15rem;padding:.72rem 1.15rem;border:1px solid transparent;border-radius:var(--radius-sm);font-size:.91rem;font-weight:700;line-height:1.35;text-align:center;cursor:pointer;transition:transform .18s ease,background .18s,color .18s,border-color .18s,box-shadow .18s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--color-secondary);color:#1f180c;box-shadow:0 .55rem 1.3rem rgba(165,107,31,.22)}.button-primary:hover{background:#d9a04f;box-shadow:0 .75rem 1.55rem rgba(165,107,31,.3)}.button-whatsapp{background:#16805f;color:#fff;border-color:#16805f;box-shadow:0 .55rem 1.3rem rgba(16,100,75,.22)}.button-whatsapp:hover{background:#106b4e;border-color:#106b4e;box-shadow:0 .75rem 1.55rem rgba(16,100,75,.3)}.button-outline{border-color:var(--color-primary);color:var(--color-primary);background:transparent}.button-light{background:#fff;color:var(--color-primary-deep)}.button-sm{min-height:2.75rem;padding:.55rem 1rem}.button-block{width:100%}.button-row{display:flex;flex-direction:column;gap:.75rem;margin-block:1.7rem}.button-row.centered{justify-content:center}
.text-link{display:inline-flex;align-items:center;gap:.45rem;color:var(--color-primary);font-weight:700;border-block-end:1px solid color-mix(in srgb,var(--color-primary) 35%,transparent)}.text-link:hover{color:var(--color-secondary-deep)}.text-link.light{color:#fff;border-color:rgba(255,255,255,.4)}
.icon{position:relative;display:inline-block;flex:0 0 auto;width:1.1rem;height:1.1rem}.icon-arrow::before{content:"↙";font-size:1rem}.icon-check{width:1.22rem;height:1.22rem;border-radius:50%;background:color-mix(in srgb,var(--color-secondary) 19%,transparent)}.icon-check::after{content:"✓";position:absolute;inset:-.25rem 0 0;text-align:center;font-size:.82rem;font-weight:700;color:var(--color-secondary-deep)}.icon-phone::before{content:"☎";font-size:1rem}.icon-whatsapp::before{content:"◉";position:absolute;inset:-.15rem 0 0;font-size:1.25rem}.icon-pin::before{content:"⌖";font-size:1.15rem}.icon-clock::before{content:"◷";font-size:1.2rem}.icon-mail::before{content:"✉";font-size:1rem}

.home-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--color-primary-deep);color:#fff;padding-block:3.5rem 2.4rem}.hero-pattern{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),radial-gradient(circle at 15% 20%,rgba(199,140,59,.24),transparent 28%);background-size:3rem 3rem,3rem 3rem,auto}.home-hero-grid{display:grid;gap:2.5rem}.home-hero h1{max-width:13ch;font-size:clamp(2.4rem,10vw,5.4rem)}.home-hero .hero-lead{max-width:42rem;color:#c9d6db}.home-hero .button-whatsapp{color:#fff}.trust-strip{display:grid;grid-template-columns:1fr;gap:.65rem;margin-block-start:2rem}.trust-strip li{display:flex;align-items:center;gap:.5rem;color:inherit;font-size:.82rem}.home-hero .trust-strip{color:#dbe4e7}.home-hero .icon-check{background:rgba(255,255,255,.12)}.home-hero .icon-check::after{color:#f0cd96}
.hero-visual{position:relative;min-height:24rem;border-radius:var(--radius-lg);overflow:hidden;background:#d9e3df;border:1px solid rgba(255,255,255,.15)}.visual-photo{position:absolute;inset:0;background-color:#dce5e1;background-image:linear-gradient(125deg,rgba(9,40,53,.05),rgba(9,40,53,.2)),image-set(url("../images/engineering-consulting-riyadh.avif") type("image/avif") 1x,url("../images/engineering-consulting-riyadh.webp") type("image/webp") 1x);background-size:cover;background-position:center}.visual-caption{position:absolute;inset-inline-start:1rem;inset-block-end:1rem;display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 1rem;background:rgba(13,41,55,.93);border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}.visual-caption span{color:#e7be7c;font-size:.72rem}.visual-caption p{margin:0;font-size:.92rem;line-height:1.55;font-weight:600}.visual-line{position:absolute;inset-inline-end:1rem;inset-block-start:1rem;width:4.4rem;height:4.4rem;border:1px solid rgba(255,255,255,.8);border-inline-start-color:transparent}

.split-heading{display:grid;gap:.8rem;margin-block-end:2rem}.split-heading>p{max-width:34rem;color:var(--color-muted);margin:0}.service-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}.service-card{position:relative;min-width:0;padding:1.35rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:transform .2s,border-color .2s,box-shadow .2s}.service-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--color-secondary) 55%,var(--color-border));box-shadow:var(--shadow-md)}.service-card-head{display:flex;justify-content:space-between;align-items:center;margin-block-end:2rem}.service-index{color:var(--color-secondary-deep);font-size:.75rem;font-weight:700}.service-arrow{display:grid;place-items:center;width:2.3rem;height:2.3rem;border:1px solid var(--color-border);border-radius:50%;color:var(--color-primary);transition:.2s}.service-card:hover .service-arrow{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.service-card h3{font-size:1.28rem}.service-card h3 a::after{content:"";position:absolute;inset:0}.service-card p:not(.eyebrow){color:var(--color-muted);font-size:.91rem}.service-card .text-link{position:relative;z-index:1;font-size:.82rem}.service-card-compact .service-card-head{margin-block-end:1.25rem}

.muted-section{background:#f1f4f1}.why-grid{display:grid;gap:2.5rem}.why-visual{position:relative;min-height:25rem;overflow:hidden;background:var(--color-primary);border-radius:var(--radius-lg);color:#fff}.vertical-label{position:absolute;inset-block-start:1.3rem;inset-inline-start:1.3rem;color:#c8d3d7;font-size:.68rem;writing-mode:vertical-rl}.why-visual>p{position:absolute;inset-inline-end:1.4rem;inset-block-end:1.4rem;font-size:1.6rem;line-height:1.45;font-weight:600}.plan-grid{position:absolute;inset:3rem 2.6rem;background:linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px);background-size:2.25rem 2.25rem}.plan-grid i{position:absolute;border:2px solid #e6bc7a}.plan-grid i:nth-child(1){inset:15% 12% 48% 45%}.plan-grid i:nth-child(2){inset:48% 33% 12% 12%}.plan-grid i:nth-child(3){width:1.7rem;height:1.7rem;inset:28% auto auto 35%;border-radius:50%}.plan-grid i:nth-child(4){width:1rem;height:45%;inset:22% 52% auto auto;border-width:0 2px 0 0}.reason-list{margin-block-start:2rem}.reason-list li{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:1rem;padding-block:1.1rem;border-block-start:1px solid var(--color-border)}.reason-list li>span{color:var(--color-secondary-deep);font-size:.74rem}.reason-list p{color:var(--color-muted);margin:0;font-size:.92rem}
.process-section{background:var(--color-surface)}.process-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:.7rem}.process-grid article{position:relative;min-height:10rem;padding:1.2rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.process-grid span{color:var(--color-secondary-deep);font-size:.72rem}.process-grid h3{position:absolute;inset-inline-start:1.2rem;inset-block-end:1rem;max-width:8rem}.process-grid i{position:absolute;inset-inline-end:-1.5rem;inset-block-start:-1.5rem;width:5rem;height:5rem;border:1px solid var(--color-border);border-radius:50%}.process-grid i::after{content:"";position:absolute;inset:1rem;border:1px solid var(--color-border);border-radius:50%}
.popular-shell{display:grid;overflow:hidden;background:var(--color-primary-deep);color:#fff;border-radius:var(--radius-lg)}.popular-copy{padding:2rem}.popular-copy p{color:#cbd8dc}.popular-links a{display:grid;grid-template-columns:2.3rem minmax(0,1fr) 2rem;align-items:center;gap:.8rem;padding:1.1rem 1.4rem;border-block-start:1px solid rgba(255,255,255,.13);transition:background .2s}.popular-links a:hover{background:rgba(255,255,255,.06)}.popular-links span{font-size:.72rem;color:#d9b171}.popular-links strong{font-size:1rem}.popular-links i{font-style:normal;text-align:center}
.areas-grid{display:grid;gap:2.5rem}.area-map{position:relative;min-height:24rem;background:linear-gradient(45deg,rgba(23,59,77,.06),rgba(199,140,59,.12));border:1px solid var(--color-border);border-radius:52% 48% 43% 57%/45% 38% 62% 55%}.area-map::before,.area-map::after{content:"";position:absolute;inset:18%;border:1px solid rgba(23,59,77,.18);border-radius:inherit}.area-map::after{inset:35%}.area-map span{position:absolute;padding:.36rem .6rem;background:#fff;border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:10rem;font-size:.72rem;font-weight:600}.area-map .north{inset:8% 38% auto auto}.area-map .east{inset:38% 6% auto auto}.area-map .center{inset:46% 38% auto auto;background:var(--color-primary);color:#fff}.area-map .west{inset:42% auto auto 5%}.area-map .south{inset:auto 39% 9% auto}

.portfolio-section{background:#f5f1e9}.portfolio-disclaimer{display:inline-flex;margin-block-start:.55rem;padding:.32rem .65rem;background:#fff8ea;border:1px solid #e6d1aa;border-radius:10rem;color:#76501d;font-size:.72rem;font-weight:700}.portfolio-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}.portfolio-card{min-width:0;overflow:hidden;background:#fff;border:1px solid #dedbd2;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.portfolio-card picture{display:block;overflow:hidden;aspect-ratio:4/3;background:#e4e2dc}.portfolio-card img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.portfolio-card:hover img{transform:scale(1.025)}.portfolio-card-copy{padding:1.15rem}.portfolio-card-copy>p{margin:0 0 .35rem;color:var(--color-secondary-deep);font-size:.72rem;font-weight:700}.portfolio-card-copy h3{margin-block-end:.45rem;font-size:1.1rem}.portfolio-card-copy>span{display:block;color:var(--color-muted);font-size:.82rem;line-height:1.7}.portfolio-cta{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;margin-block-start:1.4rem;padding:1.2rem;background:var(--color-primary-deep);border-radius:var(--radius-md);color:#fff}.portfolio-cta p{margin:0;color:#d3dee2}.verified-proof-section{background:#fff}.testimonial-grid{display:grid;gap:1rem}.testimonial-card{padding:1.4rem;border:1px solid var(--color-border);border-radius:var(--radius-md)}.verified-stars{color:#c38228;letter-spacing:.14em}.testimonial-card blockquote{margin:1rem 0;color:var(--color-text);font-size:1.02rem}.testimonial-card>p{margin:0;font-weight:700}.testimonial-card>p span{display:block;color:var(--color-muted);font-size:.75rem;font-weight:400}.partners-block{margin-block-start:3rem}.partner-list{display:flex;flex-wrap:wrap;gap:.75rem;margin-block-start:1.25rem}.partner-list a,.partner-list span{padding:.75rem 1rem;background:var(--color-primary-soft);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-weight:700}

.faq-list{max-width:55rem}.faq-list details{border-block-start:1px solid var(--color-border)}.faq-list details:last-child{border-block-end:1px solid var(--color-border)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 0;cursor:pointer;font-weight:600;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary i{position:relative;flex:0 0 auto;width:1.4rem;height:1.4rem}.faq-list summary i::before,.faq-list summary i::after{content:"";position:absolute;inset:50% 0 auto;height:.1rem;background:var(--color-primary)}.faq-list summary i::after{transform:rotate(90deg);transition:.2s}.faq-list details[open] summary i::after{transform:rotate(0)}.faq-list details div{padding:0 0 1.2rem;color:var(--color-muted)}.faq-list details div p{margin:0}

.lead-section{background:#eef2ef}.lead-panel{overflow:hidden;background:var(--color-primary-deep);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.lead-panel-copy{padding:2rem;color:#fff}.lead-panel-copy>p:not(.eyebrow){color:#c7d5da}.mini-checks{display:grid;gap:.65rem;margin-block-start:1.5rem}.mini-checks li{display:flex;align-items:flex-start;gap:.6rem;color:#dbe4e7;font-size:.82rem}.lead-form{padding:1.25rem;background:#fff}.field-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}.field{position:relative;margin-block-end:1rem}.field label{display:block;margin-block-end:.4rem;font-size:.84rem;font-weight:600}.field input,.field select,.field textarea{width:100%;min-height:3.2rem;padding:.72rem .82rem;background:#fff;border:1px solid #cfd9da;border-radius:var(--radius-sm);color:var(--color-text);font-size:1rem;outline:none}.field textarea{resize:vertical;min-height:7rem}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 .2rem color-mix(in srgb,var(--color-primary) 13%,transparent)}.field [aria-invalid="true"]{border-color:#b33636;background:#fff9f9}.field small{display:block;color:var(--color-muted);font-size:.72rem;text-align:end}.form-consent{margin:.8rem 0 0;color:var(--color-muted);font-size:.72rem;text-align:center}.form-consent a{text-decoration:underline}.form-status{margin-block-end:1rem;padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.85rem}.form-status.error{background:#fff0f0;color:#8c2626}.form-status.success{background:#edf8f4;color:#14604d}.hp-field{position:absolute!important;inline-size:1px!important;block-size:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}

.breadcrumbs{padding-block:1rem;font-size:.76rem;color:var(--color-muted)}.breadcrumbs ol{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem}.breadcrumbs li:not(:last-child)::after{content:"/";margin-inline-start:.45rem;color:#a1abad}.breadcrumbs a:hover{color:var(--color-primary)}
.service-hero,.inner-hero{padding-block:2.2rem 3.8rem}.service-hero-grid{display:grid;gap:2rem}.service-hero h1{max-width:16ch;font-size:clamp(2.2rem,8vw,4.6rem)}.service-hero .hero-lead{max-width:45rem}.service-hero .trust-strip{color:var(--color-muted)}.hero-brief{position:relative;align-self:start;overflow:hidden;padding:1.5rem;background:var(--color-primary);border-radius:var(--radius-lg);color:#fff}.brief-number{position:absolute;inset-block-start:1.1rem;inset-inline-end:1.2rem;color:#e1b873;font-size:.74rem}.hero-brief>p{color:#bfcdd2;font-size:.72rem;margin-block-end:.2rem}.hero-brief h2{padding-inline-end:2rem;font-size:1.65rem}.hero-brief dl{margin:2rem 0 1rem}.hero-brief dl div{display:grid;grid-template-columns:5rem minmax(0,1fr);gap:.8rem;padding:.75rem 0;border-block-start:1px solid rgba(255,255,255,.13);font-size:.82rem}.hero-brief dt{color:#bfcdd2}.hero-brief dd{margin:0}.hero-brief>a{display:flex;justify-content:space-between;align-items:center;margin-block-start:1rem;color:#f2ca8b;font-size:.8rem;font-weight:700}
.content-grid{display:grid;gap:2rem}.section-intro{max-width:31rem}.section-intro>p:not(.eyebrow){color:var(--color-muted)}.feature-list{counter-reset:item}.feature-list li{display:grid;grid-template-columns:2.4rem minmax(0,1fr);gap:1rem;padding:1rem 0;border-block-start:1px solid var(--color-border)}.feature-list li:last-child{border-block-end:1px solid var(--color-border)}.feature-list span{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--color-primary-soft);color:var(--color-primary);font-size:.72rem;font-weight:700}.feature-list p{margin:0;padding-block-start:.15rem;font-weight:600}
.cards-two{display:grid;gap:1rem}.info-card{padding:1.5rem;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg)}.info-card-dark{background:var(--color-primary-deep);color:#fff;border-color:var(--color-primary-deep)}.info-card-dark p:not(.eyebrow){color:#c6d3d7}.info-card-dark .eyebrow{color:#e1b873}.info-card h2{font-size:1.65rem}.info-card h3{font-size:1.25rem}.check-list{display:grid;gap:.8rem;margin-block:1.5rem}.check-list li{display:flex;align-items:flex-start;gap:.65rem}.note{padding:.8rem 1rem;background:var(--color-primary-soft);border-radius:var(--radius-sm);color:var(--color-muted);font-size:.78rem}.info-card-dark .note{background:rgba(255,255,255,.06)}.divider{height:1px;background:rgba(255,255,255,.15);margin-block:1.6rem}.plain-list{display:grid;gap:0;margin-block-start:1.5rem}.plain-list li{position:relative;padding:.75rem 1.1rem .75rem 0;border-block-start:1px solid var(--color-border)}.plain-list li::before{content:"";position:absolute;inset-inline-start:0;inset-block-start:1.3rem;width:.38rem;height:.38rem;background:var(--color-secondary);border-radius:50%}.warning-card{background:var(--color-warning)}.warning-card .plain-list li{border-color:#ead7b8}.statement-section{padding-block:4.5rem;background:var(--color-primary-deep);color:#fff}.statement-section .container{max-width:52rem}.statement-section h2{font-size:clamp(1.8rem,6vw,3.5rem)}.statement-section p:not(.eyebrow){color:#cbd7dc;font-size:1.08rem}.related-services{background:#fff}
.inner-hero{text-align:center}.inner-hero .eyebrow{justify-content:center}.inner-hero h1{font-size:clamp(2.3rem,8vw,4.8rem)}.inner-hero .hero-lead{max-width:45rem;margin-inline:auto}.intro-columns{display:grid;gap:1.5rem}.value-grid{display:grid;gap:1rem}.value-grid article{padding:1.4rem;background:#fff;border-radius:var(--radius-md);border:1px solid var(--color-border)}.value-grid span{color:var(--color-secondary-deep);font-size:.74rem}.value-grid h2{margin-block:.8rem .25rem;font-size:1.6rem}.value-grid p{color:var(--color-muted);margin:0}.statement-light .container{padding:2rem;background:var(--color-primary-soft);border-radius:var(--radius-lg)}
.contact-layout{display:grid;gap:1.3rem}.contact-aside{align-self:start;padding:1.5rem;background:var(--color-primary-deep);color:#fff;border-radius:var(--radius-lg)}.contact-card{display:flex;gap:1rem;padding-block:1rem;border-block-start:1px solid rgba(255,255,255,.15)}.contact-card:last-of-type{border-block-end:1px solid rgba(255,255,255,.15)}.contact-card .icon{color:#e3b873}.contact-card strong{display:block;font-size:.82rem}.contact-card p{margin:.2rem 0 0;color:#c9d5da;font-size:.84rem}.contact-aside .note{margin-block-start:1.2rem;background:rgba(255,255,255,.08);color:#d6e0e3}.contact-layout .lead-panel{box-shadow:none}.contact-layout .lead-panel-copy{display:none}.contact-layout .lead-form{border:1px solid var(--color-border);border-radius:var(--radius-lg)}
.prose{max-width:48rem}.prose h2{margin-block:2rem .65rem;font-size:1.45rem}.prose h2:first-child{margin-block-start:0}.prose p{color:var(--color-muted)}
.result-page{display:grid;place-items:center;min-height:70vh;padding-block:5rem;text-align:center}.result-mark{display:grid;place-items:center;width:4.5rem;height:4.5rem;margin:0 auto 1.5rem;background:var(--color-accent);border-radius:50%;color:var(--color-success);font-size:2rem;font-weight:700}.result-page .eyebrow{justify-content:center}.result-code{display:block;color:color-mix(in srgb,var(--color-primary) 10%,transparent);font-size:clamp(6rem,30vw,15rem);font-weight:700;line-height:.8}.result-note{max-width:33rem;margin:2rem auto 0;padding:1rem;background:var(--color-primary-soft);border-radius:var(--radius-sm);color:var(--color-muted);font-size:.82rem}

.site-footer{padding-block:4rem 1.25rem;background:#0a222e;color:#fff}.footer-grid{display:grid;gap:2.4rem}.site-footer .brand-logo-shell{width:11.5rem;height:5rem;padding:.1rem;background:transparent}.site-footer .brand-copy strong{color:#fff}.site-footer .brand-copy small{color:#acbdc4}.footer-brand p{max-width:25rem;margin-block-start:1.25rem;color:#aebfc6;font-size:.86rem}.site-footer h2{font-size:.95rem;margin-block-end:1rem}.site-footer li{margin-block:.45rem}.site-footer li a,.site-footer li span{color:#aebfc6;font-size:.82rem}.site-footer a:hover{color:#fff}.contact-list li{display:flex;align-items:flex-start;gap:.65rem}.contact-list .icon{color:#dfb36e}.accreditation{font-size:.75rem;color:#d0dadd}.footer-bottom{display:flex;flex-direction:column;gap:.3rem;margin-block-start:2.5rem;padding-block-start:1.2rem;border-block-start:1px solid rgba(255,255,255,.12);color:#8198a1;font-size:.72rem}.footer-bottom p{margin:0}
.mobile-contact-bar{position:fixed;z-index:110;inset-inline:0;inset-block-end:0;display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.5rem max(.6rem,env(safe-area-inset-right)) calc(.5rem + env(safe-area-inset-bottom)) max(.6rem,env(safe-area-inset-left));background:rgba(255,255,255,.96);border-block-start:1px solid var(--color-border);box-shadow:0 -8px 24px rgba(15,40,52,.12);backdrop-filter:blur(12px)}.mobile-contact-bar a{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:3.65rem;background:var(--color-primary);border-radius:var(--radius-sm);color:#fff;font-size:.86rem;font-weight:700;box-shadow:0 .35rem 1rem rgba(15,40,52,.18)}.mobile-contact-bar a+a{background:var(--color-whatsapp);color:#fff}.mobile-contact-bar .icon{animation:contactNudge 2.6s ease-in-out infinite}.floating-contact-dock{display:none;position:fixed;z-index:105;left:1.25rem;right:auto;inset-block-end:1.25rem;flex-direction:column;gap:.7rem}.floating-action{position:relative;display:flex;align-items:center;gap:.65rem;min-height:3.25rem;padding:.65rem .85rem;background:var(--color-primary);border:3px solid #fff;border-radius:10rem;color:#fff;box-shadow:0 .7rem 1.8rem rgba(10,34,46,.23);font-size:.78rem;font-weight:700;transition:transform .2s ease,box-shadow .2s ease}.floating-action:hover{transform:translateY(-3px);box-shadow:0 1rem 2rem rgba(10,34,46,.3)}.floating-action-whatsapp{background:var(--color-whatsapp)}.floating-action-whatsapp::after{content:"";position:absolute;inset:-.35rem;border:1px solid rgba(22,128,95,.42);border-radius:inherit;animation:contactPulse 2.4s ease-out infinite}.floating-action .icon{z-index:1}.floating-action span{z-index:1}.floating-action .icon+span{white-space:nowrap}@keyframes contactPulse{0%{opacity:.75;transform:scale(.92)}65%,100%{opacity:0;transform:scale(1.18)}}@keyframes contactNudge{0%,75%,100%{transform:rotate(0)}82%{transform:rotate(-10deg)}89%{transform:rotate(8deg)}95%{transform:rotate(-4deg)}}

@media (min-width:30rem){.trust-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.button-row{flex-direction:row;flex-wrap:wrap}.button-row .button{width:auto}.value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media (min-width:48rem){
  body{padding-bottom:0}.section{padding-block:5.5rem}.demo-notice{font-size:.79rem}.header-inner{min-height:5.25rem}.brand-copy strong{max-width:14rem;font-size:1.04rem}.brand-copy small{font-size:.68rem}
  .home-hero{padding-block:5rem 3rem}.home-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(18rem,.92fr);align-items:center}.home-hero h1{font-size:clamp(3rem,7vw,5.2rem)}.hero-visual{min-height:35rem}
  .split-heading{grid-template-columns:minmax(0,1.05fr) minmax(18rem,.6fr);align-items:end}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.service-card{padding:1.6rem}.why-grid{grid-template-columns:minmax(17rem,.75fr) minmax(0,1.1fr);align-items:center}.why-visual{min-height:36rem}.process-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:0}.process-grid article{border-radius:0;border-inline-start:0}.process-grid article:first-child{border-start-start-radius:var(--radius-md);border-end-start-radius:var(--radius-md);border-inline-start:1px solid var(--color-border)}.process-grid article:last-child{border-start-end-radius:var(--radius-md);border-end-end-radius:var(--radius-md)}
  .popular-shell{grid-template-columns:minmax(17rem,.72fr) minmax(0,1.28fr)}.popular-copy{padding:3rem}.popular-links a:first-child{border-block-start:0}.areas-grid{grid-template-columns:minmax(0,.8fr) minmax(20rem,1.2fr);align-items:center}.area-map{min-height:35rem}
  .lead-panel{display:grid;grid-template-columns:minmax(17rem,.7fr) minmax(0,1.3fr)}.lead-panel-copy{padding:2.5rem}.lead-form{padding:2rem}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-bottom{flex-direction:row;justify-content:space-between}
  .mobile-contact-bar{display:none}.floating-contact-dock{display:flex}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-cta{flex-direction:row;align-items:center;justify-content:space-between;padding:1.5rem}.testimonial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-hero,.inner-hero{padding-block:3rem 5rem}.service-hero-grid{grid-template-columns:minmax(0,1.4fr) minmax(18rem,.6fr);align-items:start}.hero-brief{padding:2rem}.content-grid{grid-template-columns:minmax(15rem,.7fr) minmax(0,1.3fr);align-items:start}.cards-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.info-card{padding:2rem}.service-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.intro-columns{grid-template-columns:minmax(14rem,.65fr) minmax(0,1.35fr);gap:3rem}.contact-layout{grid-template-columns:minmax(17rem,.65fr) minmax(0,1.35fr);align-items:start}.contact-aside{padding:2rem}.statement-light .container{padding:3rem}.result-page{min-height:74vh}
}

@media (min-width:64rem){
  :root{--header-height:5.4rem}.site-header{inset-block-start:0}.menu-toggle{display:none}.brand-logo-shell{width:9.4rem;height:4.05rem}.main-nav{position:static;display:flex;height:auto;align-items:center;gap:1.2rem;overflow:visible;visibility:visible;opacity:1;pointer-events:auto;transform:none;background:transparent;padding:0}.main-nav ul{display:flex;align-items:center;gap:.2rem}.main-nav li{border:0}.main-nav li a{padding:.7rem .6rem;font-size:.82rem;font-weight:600}.main-nav li a:hover{color:var(--color-secondary-deep)}.nav-cta{margin:0;width:auto}.home-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(24rem,.85fr);gap:4rem}.trust-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.home-hero .trust-strip{max-width:48rem}.portfolio-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.testimonial-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-card h3{font-size:1.34rem}.why-grid{gap:5rem}.contact-layout{gap:2rem}.footer-grid{grid-template-columns:minmax(15rem,1.4fr) repeat(3,minmax(0,1fr))}
}

@media (min-width:80rem){.home-hero{padding-block:5.4rem 3.4rem}.hero-visual{min-height:39rem}.service-grid{gap:1.4rem}.service-card{padding:1.75rem}.service-card-head{margin-block-end:2.4rem}}

@media (max-width:22.5rem){.container{width:min(calc(100% - 1.25rem),var(--container-width))}.brand-copy small{display:none}.brand-mark{width:2.4rem;height:2.4rem}.brand-logo-shell{width:7.6rem;height:3.3rem}.home-hero{padding-block-start:2.7rem}.home-hero h1{font-size:2.25rem}.button{padding-inline:.8rem}.hero-visual{min-height:20rem}.service-card{padding:1.1rem}.lead-panel-copy{padding:1.35rem}.lead-form{padding:1rem}.area-map span{font-size:.64rem}}

@media (orientation:landscape) and (max-height:31rem) and (max-width:58rem){.main-nav{inset-block-start:100%;padding-block:.5rem}.main-nav li a{padding:.55rem}.home-hero{padding-block:2.5rem}.hero-visual{min-height:20rem}.mobile-contact-bar a{min-height:3rem}}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

@media print{.demo-notice,.site-header,.mobile-contact-bar,.floating-contact-dock,.button-row,.lead-section,.site-footer{display:none!important}.section{padding-block:2rem}.home-hero,.statement-section{background:#fff!important;color:#000!important}.hero-pattern,.hero-visual{display:none}.home-hero .hero-lead,.statement-section p{color:#333!important}}

.lead-qualification{display:flex;align-items:flex-start;gap:.7rem;margin:0 0 1rem;padding:.85rem 1rem;background:#f6faf8;border:1px solid #c8ded5;border-radius:var(--radius-sm);color:#25483d;font-size:.78rem;font-weight:600;line-height:1.65;cursor:pointer}.lead-qualification input{flex:0 0 auto;width:1.15rem;height:1.15rem;margin:.25rem 0 0;accent-color:var(--color-success)}.lead-qualification:has(input[aria-invalid="true"]){background:#fff5f5;border-color:#b33636;color:#8c2626}
.request-confirmation{max-width:36rem;margin:1.5rem auto 1rem;padding:.85rem 1rem;background:#edf8f4;border:1px solid #bcdccd;border-radius:var(--radius-sm);color:#14604d;font-size:.86rem;font-weight:600;line-height:1.8}

/* وضع التواصل المعتمد: اتصال هاتفي فقط */
.button-call{background:#0f6a4e;border-color:#0f6a4e;color:#fff;box-shadow:0 .65rem 1.45rem rgba(15,106,78,.24)}
.button-call:hover{background:#0b543e;border-color:#0b543e;color:#fff}
.mobile-contact-bar{grid-template-columns:1fr}
.mobile-contact-bar a{background:#0f6a4e}
.floating-action-phone{background:#0f6a4e}
.floating-action-phone::after{content:"";position:absolute;inset:-.35rem;border:1px solid rgba(15,106,78,.42);border-radius:inherit;animation:contactPulse 2.4s ease-out infinite}

/* هوية سفل: نظام بصري مستقل مبني حول الكحلي والذهبي والورق المعماري. */
:root{
  --color-primary:#102238;--color-primary-deep:#071523;--color-primary-soft:#e8edf2;
  --color-secondary:#c8a443;--color-secondary-deep:#80631a;--color-accent:#f3e9d1;
  --color-text:#172238;--color-muted:#66717b;--color-background:#fbf8f1;--color-surface:#fffdf8;
  --color-border:#ded7c8;--color-success:#0b7a53;--color-warning:#fff2d6;--color-whatsapp:#0b7a53;
  --radius-sm:.35rem;--radius-md:.55rem;--radius-lg:.85rem;--radius-xl:1.2rem;
  --shadow-sm:0 .18rem .8rem rgba(7,21,35,.06);--shadow-md:0 1.4rem 3.8rem rgba(7,21,35,.13);
}
body{background:var(--color-background)}
.site-header{background:color-mix(in srgb,#fffdf8 94%,transparent)}
.site-header.is-scrolled{border-color:#ded7c8;box-shadow:0 .45rem 1.8rem rgba(7,21,35,.07)}
.brand-logo-shell{background:var(--color-primary-deep);border:1px solid rgba(200,164,67,.34);border-radius:.18rem;padding:.3rem .48rem}
.button{border-radius:.28rem}
.button-primary{background:var(--color-secondary);color:#18140b;box-shadow:0 .65rem 1.5rem rgba(128,99,26,.2)}
.button-primary:hover{background:#d5b455;box-shadow:0 .8rem 1.8rem rgba(128,99,26,.27)}
.button-whatsapp{background:var(--color-whatsapp);border-color:var(--color-whatsapp)}

.home-hero{min-height:auto;padding-block:3rem 2.2rem;background:linear-gradient(118deg,#f7f0e1 0%,#fffdf8 58%,#ede5d4 100%);color:var(--color-text)}
.home-hero::before{content:"";position:absolute;z-index:-1;inset-block:0;inset-inline-start:0;width:min(34vw,31rem);background:var(--color-primary-deep);clip-path:polygon(0 0,100% 0,52% 100%,0 100%)}
.hero-pattern{opacity:.72;background-image:linear-gradient(rgba(16,34,56,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(16,34,56,.055) 1px,transparent 1px);background-size:3.2rem 3.2rem;mask-image:linear-gradient(90deg,#000 20%,transparent 86%)}
.home-hero-grid{position:relative;z-index:2;gap:1.5rem;align-items:center}
.home-hero-copy{padding-block:.5rem}
.home-hero h1{max-width:12ch;margin-block-end:1rem;color:var(--color-primary-deep);font-size:clamp(2.65rem,10vw,5.75rem);line-height:1.08}
.home-hero .light-eyebrow{color:var(--color-secondary-deep)}
.home-hero .hero-lead{max-width:39rem;color:#4f5d68;font-size:clamp(1rem,2.25vw,1.2rem)}
.home-hero .button-row{margin-block:1.25rem}
.home-hero .button-whatsapp{color:#fff}
.hero-phone-button{background:var(--color-primary-deep);border-color:var(--color-primary-deep);color:#fff}
.hero-phone-button:hover{background:var(--color-primary);border-color:var(--color-primary)}
.hero-intents{display:flex;flex-wrap:wrap;gap:.45rem;margin-block:1.25rem}
.hero-intents a{padding:.42rem .72rem;background:rgba(255,253,248,.78);border:1px solid #d5cab6;border-radius:10rem;color:#344252;font-size:.72rem;font-weight:700}
.hero-intents a:hover{border-color:var(--color-secondary);color:var(--color-primary-deep)}
.home-hero .trust-strip{grid-template-columns:repeat(2,minmax(0,1fr));max-width:37rem;margin-block-start:1.25rem;color:#455462}
.home-hero .icon-check{background:rgba(200,164,67,.18)}
.home-hero .icon-check::after{color:var(--color-secondary-deep)}
.hero-signature{position:absolute;z-index:0;inset-inline-start:max(-2rem,calc((100vw - var(--container-width))/2 - 7rem));inset-block-end:-3rem;width:20rem;opacity:.055;transform:rotate(-7deg);pointer-events:none}

.hero-lead-card{position:relative;padding:1.2rem;background:#fffdf8;border:1px solid #d8cfbd;border-block-start:.28rem solid var(--color-secondary);border-radius:.5rem;box-shadow:var(--shadow-md)}
.hero-lead-card::after{content:"";position:absolute;inset:1rem .8rem auto auto;width:2.7rem;height:2.7rem;border-block-start:1px solid rgba(16,34,56,.18);border-inline-end:1px solid rgba(16,34,56,.18);pointer-events:none}
.hero-form-head{padding:0 0 .7rem;border-block-end:1px solid #e5dece}
.hero-form-head>span{color:var(--color-secondary-deep);font-size:.7rem;font-weight:700}
.hero-form-head h2{margin:.35rem 0 .15rem;font-size:1.55rem}
.hero-form-head p{margin:0;color:var(--color-muted);font-size:.76rem;line-height:1.65}
.hero-lead-form{padding-block-start:.9rem}
.hero-lead-form .field{margin-block-end:.68rem}
.hero-lead-form label{margin-block-end:.28rem;font-size:.72rem}
.hero-lead-form input,.hero-lead-form select{min-height:2.9rem;padding:.58rem .72rem;background:#fff;border-color:#d9d1c2;border-radius:.28rem;font-size:.82rem}
.hero-lead-form .lead-qualification{margin-block:.55rem .7rem;padding:.65rem .75rem;background:#f5f1e6;border-color:#ded3ba;font-size:.68rem}
.hero-lead-form .lead-qualification input{width:1rem;height:1rem}
.hero-lead-form .form-consent{margin:.6rem 0 0;font-size:.62rem;line-height:1.55}
.hero-field-row{display:grid;gap:.7rem}

.service-shortcuts{position:relative;z-index:3;background:var(--color-primary-deep);color:#fff}
.service-shortcuts-grid{display:grid}
.service-shortcuts a{position:relative;display:grid;grid-template-columns:2.1rem minmax(0,1fr);gap:.1rem .75rem;align-items:center;padding:1rem .25rem;border-block-end:1px solid rgba(255,255,255,.12)}
.service-shortcuts a:last-child{border-block-end:0}
.service-shortcuts span{grid-row:1/3;color:var(--color-secondary);font-size:.68rem;font-weight:700}
.service-shortcuts strong{font-size:.9rem}
.service-shortcuts small{color:#9faeba;font-size:.68rem}
.service-shortcuts a::after{content:"↙";position:absolute;inset-inline-end:.3rem;color:#c8a443;opacity:.75}

.services-section{background:#fbf8f1}
.service-card{background:#fffdf8;border-color:#ded7c8;border-radius:.38rem;box-shadow:none}
.service-card::before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:3.4rem;height:.18rem;background:var(--color-secondary)}
.service-card:hover{border-color:#c8a443;box-shadow:0 1.1rem 2.8rem rgba(7,21,35,.1)}
.service-arrow{border-radius:.2rem}
.muted-section,.why-section{background:#f0eadf}
.why-visual{background:var(--color-primary-deep);border-radius:.45rem}
.plan-grid i{border-color:var(--color-secondary)}
.process-grid article{background:#fffdf8;border-radius:.3rem}
.popular-shell{background:var(--color-primary-deep);border-radius:.55rem}
.portfolio-section{background:#eee7da}
.portfolio-card{border-radius:.4rem;border-color:#d8cfbf}
.area-map{background:linear-gradient(45deg,rgba(16,34,56,.07),rgba(200,164,67,.15));border-radius:.4rem;clip-path:polygon(9% 0,100% 0,100% 89%,91% 100%,0 100%,0 11%)}
.lead-section{background:#eee7da}
.lead-panel{border-radius:.55rem}
.lead-form{background:#fffdf8}
.site-footer{background:var(--color-primary-deep)}

@media (min-width:30rem){.hero-field-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:48rem){
  .home-hero{padding-block:4rem 3.2rem}.home-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(20rem,.92fr);gap:3rem}.home-hero h1{font-size:clamp(3.5rem,7vw,5.75rem)}
  .hero-lead-card{padding:1.5rem}.service-shortcuts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-shortcuts a{padding:1.2rem 1.1rem;border-block-end:0;border-inline-start:1px solid rgba(255,255,255,.12)}.service-shortcuts a:first-child{border-inline-start:0}
}
@media (min-width:64rem){
  .brand-logo-shell{width:10.1rem;height:4rem}.home-hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(25rem,.78fr);gap:5rem}.home-hero .trust-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-lead-card{padding:1.7rem}
}
@media (max-width:47.99rem){.home-hero::before{display:none}.hero-signature{width:12rem;inset-inline-start:-3rem;inset-block-end:0}.hero-lead-card{margin-block-start:.5rem}.home-hero .button-row{display:grid;grid-template-columns:1fr 1fr}.home-hero .button{padding-inline:.65rem;font-size:.78rem}}
@media print{.hero-lead-card,.service-shortcuts{display:none!important}}

/* إعادة التصميم 2026: تباين واضح، مساحات متزنة، وبطل محتوى داخل كتلة واحدة. */
:root{
  --color-primary:#163b4a;
  --color-primary-deep:#0b1f33;
  --color-primary-soft:#e9f0f1;
  --color-secondary:#d1aa4f;
  --color-secondary-deep:#725615;
  --color-accent:#f4ead2;
  --color-text:#132536;
  --color-muted:#5f6f7b;
  --color-background:#f4f1e9;
  --color-surface:#ffffff;
  --color-border:#ded9ce;
  --color-success:#117552;
  --color-whatsapp:#12815b;
  --radius-sm:.7rem;
  --radius-md:1rem;
  --radius-lg:1.5rem;
  --radius-xl:2rem;
  --shadow-sm:0 .35rem 1.2rem rgba(11,31,51,.07);
  --shadow-md:0 1.5rem 4rem rgba(11,31,51,.14);
  --container-width:76rem;
}

body{background:var(--color-background);color:var(--color-text)}
.section{padding-block:5rem}
.section h2,.section h3{color:var(--color-primary-deep)}
.section-lead{color:var(--color-muted)}
.eyebrow{color:var(--color-secondary-deep)}

.site-header{background:rgba(255,255,255,.96);border-block-end:1px solid rgba(11,31,51,.08);backdrop-filter:blur(16px)}
.site-header.is-scrolled{border-color:rgba(11,31,51,.12);box-shadow:0 .55rem 1.7rem rgba(11,31,51,.08)}
.header-inner{min-height:5.4rem}
.brand-logo-shell{width:9.8rem;height:4rem;padding:.25rem .42rem;background:var(--color-primary-deep);border:1px solid rgba(209,170,79,.42);border-radius:.6rem;box-shadow:0 .35rem 1rem rgba(11,31,51,.12)}
.main-nav li a{color:#263947;font-weight:700}
.main-nav li a:hover{color:var(--color-primary)}
.nav-cta{background:var(--color-primary-deep);color:#fff;box-shadow:none}
.nav-cta:hover{background:var(--color-primary)}

.button{border-radius:.7rem}
.button-primary{background:var(--color-secondary);color:#211a0b;box-shadow:0 .65rem 1.5rem rgba(114,86,21,.2)}
.button-primary:hover{background:#ddb95f}
.button-whatsapp{background:var(--color-whatsapp);border-color:var(--color-whatsapp);color:#fff}

.home-hero{min-height:auto;padding-block:2.4rem 2rem;background:var(--color-background);color:var(--color-text);overflow:visible}
.home-hero::before{display:none}
.hero-pattern{z-index:0;opacity:.48;background-image:linear-gradient(rgba(11,31,51,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(11,31,51,.045) 1px,transparent 1px);background-size:3rem 3rem;mask-image:linear-gradient(180deg,#000,transparent 90%)}
.home-hero-grid{position:relative;z-index:2;display:grid;gap:1.4rem;align-items:center;padding:1.25rem;background:linear-gradient(135deg,#0b1f33 0%,#102b43 64%,#163b4a 100%);border:1px solid rgba(209,170,79,.28);border-radius:var(--radius-xl);box-shadow:0 2rem 5rem rgba(11,31,51,.18);overflow:hidden}
.home-hero-grid::before{content:"";position:absolute;z-index:-1;inset:-20% auto auto -8%;width:24rem;height:24rem;border:1px solid rgba(209,170,79,.16);border-radius:50%;box-shadow:0 0 0 4rem rgba(209,170,79,.035),0 0 0 8rem rgba(209,170,79,.025)}
.home-hero-copy{padding:1rem .25rem;color:#fff}
.home-hero h1{max-width:12ch;margin-block-end:1rem;color:#fff;font-size:clamp(2.7rem,7vw,5.2rem);line-height:1.12}
.home-hero .light-eyebrow{color:#f0d687}
.home-hero .hero-lead{max-width:41rem;color:#dbe5eb;font-size:clamp(1rem,2vw,1.18rem);line-height:1.9}
.home-hero .button-row{margin-block:1.3rem}
.home-hero .button-whatsapp{background:#16855f;color:#fff;border-color:#16855f}
.hero-phone-button{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.35);color:#fff;box-shadow:none}
.hero-phone-button:hover{background:#fff;color:var(--color-primary-deep);border-color:#fff}
.hero-intents{margin-block:1.2rem}
.hero-intents a{padding:.44rem .75rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.19);color:#f3f6f8}
.hero-intents a:hover{background:rgba(255,255,255,.14);border-color:#e3c56d;color:#fff}
.home-hero .trust-strip{max-width:41rem;margin-block-start:1.25rem;color:#dfe7eb}
.home-hero .trust-strip li{color:#dfe7eb}
.home-hero .icon-check{background:rgba(209,170,79,.16)}
.home-hero .icon-check::after{color:#f0d687}
.hero-signature{display:none}

.hero-lead-card{position:relative;padding:1.15rem;background:#fff;border:1px solid rgba(209,170,79,.46);border-block-start:.28rem solid var(--color-secondary);border-radius:1.15rem;box-shadow:0 1.6rem 3.5rem rgba(3,14,25,.25);color:var(--color-text)}
.hero-lead-card::after{width:2.2rem;height:2.2rem;border-color:rgba(11,31,51,.16)}
.hero-form-head{padding-block-end:.75rem;border-color:#e6e0d5}
.hero-form-head>span{color:var(--color-secondary-deep)}
.hero-form-head h2{margin:.3rem 0 .15rem;color:var(--color-primary-deep);font-size:1.5rem}
.hero-form-head p{color:var(--color-muted)}
.hero-lead-form .field{margin-block-end:.62rem}
.hero-lead-form label{color:#263947;font-weight:700}
.hero-lead-form input,.hero-lead-form select{background:#fff;border-color:#d7d3ca;color:var(--color-text);border-radius:.58rem}
.hero-lead-form input:focus,.hero-lead-form select:focus{border-color:var(--color-primary);box-shadow:0 0 0 .2rem rgba(22,59,74,.11)}
.hero-lead-form .lead-qualification{background:#f2f7f5;border-color:#c9ded6;color:#24493d;border-radius:.6rem}

.service-shortcuts{z-index:3;padding-block:0 2.5rem;background:var(--color-background);color:var(--color-text)}
.service-shortcuts-grid{display:grid;gap:.8rem}
.service-shortcuts a{min-height:6.1rem;padding:1rem 1.1rem;background:#fff;border:1px solid var(--color-border);border-radius:1rem;box-shadow:var(--shadow-sm);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.service-shortcuts a:hover{transform:translateY(-3px);border-color:#d1aa4f;box-shadow:var(--shadow-md)}
.service-shortcuts span{color:var(--color-secondary-deep)}
.service-shortcuts strong{color:var(--color-primary-deep);font-size:1rem}
.service-shortcuts small{color:var(--color-muted)}
.service-shortcuts a::after{color:var(--color-primary);opacity:1}

.services-section{background:#fff}
.service-grid{gap:1rem}
.service-card{padding:1.55rem;background:#fff;border:1px solid #e3dfd6;border-radius:1.15rem;box-shadow:0 .35rem 1.3rem rgba(11,31,51,.045)}
.service-card::before{inset-inline:1.4rem;width:2.8rem;height:.2rem;border-radius:0 0 1rem 1rem}
.service-card:hover{border-color:#d7bd76;box-shadow:0 1.2rem 3rem rgba(11,31,51,.1)}
.service-arrow{border-radius:.65rem}
.service-card p:not(.eyebrow){color:var(--color-muted)}

.why-section,.muted-section{background:#eee9df}
.why-visual{background:linear-gradient(145deg,#0b1f33,#163b4a);border-radius:1.4rem;box-shadow:var(--shadow-md)}
.why-visual>p{color:#fff}
.why-section h2,.why-section h3{color:var(--color-primary-deep)}
.process-section{background:#fff}
.process-grid article{background:#faf8f3;border-color:#dfdbd2;border-radius:.9rem}
.popular-shell{background:linear-gradient(130deg,#0b1f33,#163b4a);border:1px solid rgba(209,170,79,.24);border-radius:1.45rem;box-shadow:var(--shadow-md)}
.popular-shell h2,.popular-shell h3,.popular-shell strong{color:#fff}
.popular-copy p{color:#cbd8df}
.areas-section{background:#f8f5ee}
.area-map{background:linear-gradient(145deg,#e7ecea,#f2e4c5);border-radius:1.35rem;clip-path:none}
.portfolio-section{background:#eee9df}
.portfolio-card{background:#fff;border-color:#dcd6ca;border-radius:1.1rem}
.portfolio-cta{background:linear-gradient(120deg,#0b1f33,#163b4a);border-radius:1rem}
.portfolio-cta p{color:#dce6eb}
.faq-section{background:#fff}

.lead-section{background:#eee9df}
.lead-panel{background:linear-gradient(135deg,#0b1f33,#163b4a);border-radius:1.45rem;box-shadow:var(--shadow-md)}
.lead-panel-copy{color:#fff}
.lead-panel-copy h2{color:#fff}
.lead-panel-copy>p:not(.eyebrow){color:#cedae0}
.lead-panel-copy .eyebrow{color:#efd27c}
.mini-checks li{color:#dbe5ea}
.lead-form{background:#fff;border-radius:0}
.field label{color:#263947;font-weight:700}
.field input,.field select,.field textarea{background:#fff;border-color:#d7d3ca;color:var(--color-text);border-radius:.65rem}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 .2rem rgba(22,59,74,.11)}

.service-hero,.inner-hero{background:linear-gradient(140deg,#0b1f33,#163b4a);color:#fff}
.service-hero h1,.inner-hero h1,.service-hero h2,.inner-hero h2{color:#fff}
.service-hero p,.inner-hero p{color:#d7e2e7}
.hero-brief{background:#fff;color:var(--color-text);border-color:#ded9ce;border-radius:1rem;box-shadow:var(--shadow-md)}
.hero-brief h2,.hero-brief h3{color:var(--color-primary-deep)}

.site-footer{background:#071724;color:#fff}
.site-footer h2{color:#fff}
.site-footer .brand-logo-shell{background:transparent;border:0;box-shadow:none}

@media (min-width:48rem){
  .home-hero{padding-block:3rem 2.2rem}
  .home-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(20rem,.92fr);gap:2rem;padding:2.3rem}
  .home-hero-copy{padding:1rem .5rem}
  .home-hero h1{font-size:clamp(3.5rem,6vw,5.25rem)}
  .hero-lead-card{padding:1.45rem}
  .service-shortcuts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .service-shortcuts a{border:1px solid var(--color-border)}
  .service-grid{gap:1.2rem}
}

@media (min-width:64rem){
  .brand-logo-shell{width:10.5rem;height:4.2rem}
  .main-nav{gap:1rem}
  .main-nav li a{padding:.75rem .65rem;font-size:.84rem}
  .home-hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(24rem,.8fr);gap:3rem;padding:3rem}
  .home-hero .trust-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:47.99rem){
  .section{padding-block:3.75rem}
  .header-inner{min-height:4.8rem}
  .brand-logo-shell{width:8.25rem;height:3.45rem}
  .home-hero{padding-block:1rem 1.5rem}
  .home-hero-grid{padding:1rem;border-radius:1.35rem}
  .home-hero-copy{padding:.7rem .2rem 0}
  .home-hero h1{font-size:2.65rem;line-height:1.16}
  .home-hero .hero-lead{font-size:.98rem}
  .home-hero .button-row{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}
  .home-hero .button{min-height:3.15rem;padding-inline:.55rem;font-size:.76rem}
  .home-hero .trust-strip{grid-template-columns:1fr 1fr;gap:.5rem}
  .home-hero .trust-strip li{font-size:.72rem}
  .hero-lead-card{padding:1rem}
  .service-shortcuts{padding-block-end:1.5rem}
  .service-shortcuts a{min-height:5.4rem}
}