@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;900&family=Archivo:wght@400;500;600;700;800;900&family=Archivo+Expanded:wght@700;800&display=swap";:root{--c-base:#ebeae6;--c-base-raised:#f4f3f0;--c-ink:#1b1b19;--c-ink-soft:#4a4a45;--c-copper:#a8682e;--c-copper-dark:#7c4c20;--c-line:#c7c5bd;--c-line-soft:#dad8d2;--c-dark:#1b1b19;--c-dark-raised:#28281f;--font-ar:"Tajawal", sans-serif;--font-en-display:"Archivo Expanded", "Archivo", sans-serif;--font-en:"Archivo", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{background:var(--c-base);min-height:100svh;color:var(--c-ink);margin:0;padding:0}body{font-family:var(--font-ar);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;overflow-x:hidden}html[dir=ltr] body{font-family:var(--font-en)}h1,h2,h3,h4{margin:0;font-weight:800}p{margin:0}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}::selection{background:var(--c-copper);color:var(--c-base)}:focus-visible{outline:2px solid var(--c-copper);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.page{flex-direction:column;min-height:100svh;display:flex;overflow-x:clip}.section{width:100%;max-width:1280px;margin:0 auto;padding:110px 8vw}@media (width<=860px){.section{padding:72px 6vw}}.eyebrow{font-family:var(--font-en);letter-spacing:.14em;text-transform:uppercase;color:var(--c-copper);margin-bottom:18px;padding-inline-start:28px;font-size:13px;font-weight:700;display:inline-block;position:relative}.eyebrow:before{content:"";inset-inline-start:0;background:var(--c-copper);width:18px;height:2px;position:absolute;top:50%;transform:translateY(-50%)}.eyebrow-light{color:#d9a86c}.section-head{max-width:640px;margin-bottom:64px}.section-title{font-family:var(--font-en-display);letter-spacing:-.01em;color:var(--c-ink);font-size:clamp(32px,4vw,48px);line-height:1.1}html[dir=rtl] .section-title{font-family:var(--font-ar);font-weight:900}.title-light{color:var(--c-base)}.section-subtitle{color:var(--c-ink-soft);max-width:480px;margin-top:18px;font-size:17px;line-height:1.6}.block{display:block}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(22px)}.reveal-visible{opacity:1;transform:translateY(0)}.nav{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--c-line-soft);background:#ebeae6e0;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1280px;margin:0 auto;padding:18px 8vw;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-mark{background:var(--c-copper);flex-shrink:0;width:16px;height:16px;position:relative}.brand-mark:after{content:"";background:var(--c-base);position:absolute;inset:4px}.brand-name{font-family:var(--font-en-display);letter-spacing:.02em;font-size:19px;font-weight:800}html[dir=rtl] .brand-name{font-family:var(--font-ar)}.nav-links{gap:36px;display:flex}.nav-links button{color:var(--c-ink-soft);white-space:nowrap;font-size:15px;font-weight:500;transition:color .2s}.nav-links button:hover{color:var(--c-copper)}.nav-right{align-items:center;gap:14px;display:flex}.lang-toggle{font-family:var(--font-en);letter-spacing:.05em;border:1px solid var(--c-line);border-radius:4px;padding:7px 13px;font-size:13px;font-weight:700;transition:border-color .2s,color .2s}.lang-toggle:hover{border-color:var(--c-copper);color:var(--c-copper)}.menu-btn{display:none}.nav-cta{padding:10px 20px;font-size:14px}@media (width<=860px){.nav-links,.nav-cta{display:none}.menu-btn{display:flex}}.nav-mobile{border-top:1px solid var(--c-line-soft);flex-direction:column;gap:4px;padding:8px 6vw 20px;display:flex}.nav-mobile button{text-align:start;border-bottom:1px solid var(--c-line-soft);padding:12px 0;font-size:16px;font-weight:500}.nav-mobile .btn{justify-content:center;width:100%;margin-top:14px}.btn{border-radius:4px;align-items:center;gap:8px;padding:14px 26px;font-size:15px;font-weight:600;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;display:inline-flex}.btn-primary{background:var(--c-copper);color:var(--c-base)}.btn-primary:hover{background:var(--c-copper-dark);transform:translateY(-2px)}.btn-ghost{border:1px solid var(--c-ink);color:var(--c-ink)}.btn-ghost:hover{border-color:var(--c-copper);color:var(--c-copper)}.hero{width:100%;max-width:1280px;margin:0 auto;padding:100px 8vw 80px;position:relative;overflow:hidden}.hero-grid{z-index:1;grid-template-columns:1fr .95fr;align-items:center;gap:40px;display:grid;position:relative}@media (width<=940px){.hero-grid{grid-template-columns:1fr}}.hero-visual{width:100%}.hero-illustration{border-radius:8px;width:100%;height:auto}@media (width<=940px){.hero-visual{display:none}}.hero-inner{max-width:680px}.hero-title{font-family:var(--font-en-display);letter-spacing:-.015em;color:var(--c-ink);margin:0 0 26px;font-size:clamp(40px,6.4vw,76px);line-height:1.04}html[dir=rtl] .hero-title{font-family:var(--font-ar);font-weight:900}.hero-line{display:block}.hero-line:last-child{color:var(--c-copper)}.hero-subtitle{color:var(--c-ink-soft);max-width:480px;margin-bottom:38px;font-size:18px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:14px;margin-bottom:64px;display:flex}.hero-stats{border-top:1px solid var(--c-line);flex-wrap:wrap;gap:48px;padding-top:36px;display:flex}.stat{flex-direction:column;gap:4px;display:flex}.stat-value{font-family:var(--font-en-display);color:var(--c-ink);font-size:32px;font-weight:800}.stat-label{color:var(--c-ink-soft);font-size:13px}.layers-section{padding-top:60px}.layers-stack{flex-direction:column;display:flex}.layer-row{border-top:1px solid var(--c-line);grid-template-columns:180px 1fr;align-items:center;gap:40px;padding:30px 0;display:grid}.layer-row:last-child{border-bottom:1px solid var(--c-line)}@media (width<=700px){.layer-row{grid-template-columns:1fr;gap:16px}}.layer-band{--depth:0;background:color-mix(in srgb, var(--c-copper) calc(18% + var(--depth) * 14%), var(--c-base-raised));border-radius:3px;justify-content:center;align-items:center;height:64px;display:flex;position:relative;overflow:hidden}.layer-band:before{content:"";background:var(--c-copper);width:6px;height:100%;position:absolute;inset-block-start:0;inset-inline-start:0}.layer-num{font-family:var(--font-en);letter-spacing:.08em;text-transform:uppercase;color:var(--c-ink);font-size:12px;font-weight:700}.layer-text h3{font-family:var(--font-en-display);margin-bottom:8px;font-size:22px}html[dir=rtl] .layer-text h3{font-family:var(--font-ar)}.layer-text p{color:var(--c-ink-soft);max-width:520px;font-size:15.5px;line-height:1.6}.services-grid{background:var(--c-line);border:1px solid var(--c-line);grid-template-columns:repeat(2,1fr);gap:1px;display:grid}@media (width<=700px){.services-grid{grid-template-columns:1fr}}.service-card{background:var(--c-base);padding:40px 34px;transition:background .25s}.service-card:hover{background:var(--c-base-raised)}.service-icon-wrap{background:color-mix(in srgb, var(--c-copper) 10%, transparent);border-radius:10px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:18px;display:flex}.service-index{font-family:var(--font-en-display);color:var(--c-line);margin-bottom:8px;font-size:13px;font-weight:800;display:block}.service-card h3{font-family:var(--font-en-display);margin-bottom:10px;font-size:21px}html[dir=rtl] .service-card h3{font-family:var(--font-ar)}.service-card p{color:var(--c-ink-soft);font-size:15px;line-height:1.65}.section-dark{background:var(--c-dark);border-radius:0;max-width:100%}.work-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}@media (width<=900px){.work-grid{grid-template-columns:1fr}}.work-card{background:var(--c-dark-raised);border:1px solid #ffffff14;border-radius:8px;transition:transform .25s,border-color .25s;overflow:hidden}.work-card:hover{border-color:var(--c-copper);transform:translateY(-4px)}.work-card-image{aspect-ratio:300/220;width:100%;display:block;overflow:hidden}.work-card-image svg{width:100%;height:100%;display:block}.work-card-body{padding:22px 24px 26px}.work-card-body h3{font-family:var(--font-en-display);color:var(--c-base);margin-bottom:4px;font-size:18px}html[dir=rtl] .work-card-body h3{font-family:var(--font-ar)}.work-card-body p{color:#b7b5ac;margin-bottom:14px;font-size:13.5px}.work-area{font-family:var(--font-en);color:#d9a86c;background:#d9a86c1f;border-radius:20px;padding:5px 12px;font-size:12.5px;font-weight:700;display:inline-block}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=900px){.testimonials-grid{grid-template-columns:1fr}}.testimonial-card{background:var(--c-base-raised);border:1px solid var(--c-line-soft);border-radius:6px;flex-direction:column;gap:24px;padding:32px 28px;display:flex}.testimonial-card blockquote{color:var(--c-ink);margin:0;font-size:16px;line-height:1.65;position:relative}.testimonial-card figcaption{border-top:1px solid var(--c-line-soft);flex-direction:column;gap:2px;padding-top:16px;display:flex}.t-name{font-size:14.5px;font-weight:700}.t-role{color:var(--c-ink-soft);font-size:13px}.contact-section{padding-bottom:130px}.contact-grid{grid-template-columns:1fr 1fr;gap:70px;display:grid}@media (width<=860px){.contact-grid{grid-template-columns:1fr;gap:48px}}.contact-info{flex-direction:column;gap:20px;margin-top:40px;display:flex}.contact-info-row{color:var(--c-copper);align-items:flex-start;gap:14px;display:flex}.contact-info-row div{flex-direction:column;gap:2px;display:flex}.ci-label{text-transform:uppercase;letter-spacing:.06em;color:var(--c-ink-soft);font-size:12px}.contact-info-row a,.contact-info-row span:not(.ci-label){color:var(--c-ink);font-size:15px;font-weight:500}.contact-form{background:var(--c-base-raised);border:1px solid var(--c-line-soft);border-radius:8px;flex-direction:column;gap:18px;padding:36px;display:flex}@media (width<=500px){.contact-form{padding:24px}}.field{flex-direction:column;gap:8px;display:flex}.field label{color:var(--c-ink-soft);font-size:13px;font-weight:600}.field input,.field textarea{background:var(--c-base);border:1px solid var(--c-line);color:var(--c-ink);resize:vertical;border-radius:4px;padding:13px 14px;font-family:inherit;font-size:15px;transition:border-color .2s}.field input:focus,.field textarea:focus{border-color:var(--c-copper)}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:#b3492f}.form-submit{justify-content:center;margin-top:6px}.form-submit:disabled{opacity:.65;cursor:not-allowed;transform:none}.form-status{color:var(--c-copper-dark);background:color-mix(in srgb, var(--c-copper) 12%, transparent);border-radius:4px;padding:10px 14px;font-size:14px;font-weight:600}.form-status-error{color:#8c2f1e;background:#b3492f1f}.footer{background:var(--c-dark);color:var(--c-base);margin-top:auto}.footer-inner{grid-template-columns:1.6fr 1fr 1fr;gap:40px;max-width:1280px;margin:0 auto;padding:70px 8vw 40px;display:grid}@media (width<=700px){.footer-inner{grid-template-columns:1fr;gap:32px}}.footer-brand .brand-name{color:var(--c-base)}.footer-brand p{color:#b7b5ac;max-width:280px;margin-top:14px;font-size:14.5px;line-height:1.6}.footer-col{flex-direction:column;gap:12px;display:flex}.footer-col h4{text-transform:uppercase;letter-spacing:.06em;color:#8c8a80;margin-bottom:6px;font-size:13px}.footer-col button,.footer-col a{text-align:start;color:#d6d4cb;font-size:14.5px;transition:color .2s}.footer-col button:hover,.footer-col a:hover{color:var(--c-copper)}.footer-bottom{text-align:center;border-top:1px solid #ffffff1a;padding:22px 8vw}.footer-bottom span{color:#8c8a80;font-size:13px}.admin-page{background:var(--c-base);direction:rtl;min-height:100svh}.admin-header{background:var(--c-dark);z-index:10;position:sticky;top:0}.admin-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1200px;margin:0 auto;padding:22px 32px;display:flex}.admin-brand{align-items:center;gap:14px;display:flex}.admin-brand-mark{background:var(--c-copper);flex-shrink:0;width:14px;height:14px}.admin-brand h1{font-family:var(--font-ar);color:var(--c-base);margin:0;font-size:18px}.admin-brand p{color:#9c9a91;margin-top:2px;font-size:13px}.admin-refresh{color:var(--c-base);border:1px solid #ffffff2e;border-radius:5px;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:600;transition:border-color .2s;display:flex}.admin-refresh:hover{border-color:var(--c-copper)}.admin-refresh:disabled{opacity:.6;cursor:not-allowed}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.admin-main{max-width:1200px;margin:0 auto;padding:32px}.admin-error{color:#8c2f1e;background:#b3492f1a;border:1px solid #b3492f4d;border-radius:6px;margin-bottom:24px;padding:14px 18px;font-size:14px}.admin-filters{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.filter-chip{border:1px solid var(--c-line);color:var(--c-ink-soft);background:var(--c-base-raised);border-radius:20px;align-items:center;gap:8px;padding:9px 16px;font-size:13.5px;font-weight:600;transition:all .18s;display:flex}.filter-chip:hover{border-color:var(--c-copper)}.filter-chip.active{background:var(--c-ink);color:var(--c-base);border-color:var(--c-ink)}.chip-count{background:#00000014;border-radius:10px;padding:1px 7px;font-size:11px}.filter-chip.active .chip-count{background:#ffffff2e}.admin-empty{color:var(--c-ink-soft);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:80px 20px;display:flex}.admin-empty svg{color:var(--c-line)}.admin-empty p{font-size:15px}.leads-table{background:var(--c-base-raised);border:1px solid var(--c-line-soft);border-radius:8px;overflow:hidden}.leads-table-head,.leads-row{grid-template-columns:1.1fr 1.1fr 1fr 2fr 1.1fr 1.2fr 40px;align-items:center;gap:14px;padding:14px 20px;display:grid}.leads-table-head{text-transform:uppercase;letter-spacing:.04em;color:var(--c-ink-soft);background:var(--c-base);border-bottom:1px solid var(--c-line-soft);font-size:12px;font-weight:700}.leads-row{border-bottom:1px solid var(--c-line-soft);font-size:14px;transition:background .15s}.leads-row:last-child{border-bottom:none}.leads-row:hover{background:var(--c-base)}.lead-name{font-weight:700}.lead-phone{color:var(--c-copper);direction:ltr;justify-content:flex-end;align-items:center;gap:6px;font-size:13.5px;display:flex}.lead-message{color:var(--c-ink-soft);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lead-date{color:var(--c-ink-soft);font-size:12.5px}.status-select{border:1px solid var(--c-line);background:var(--c-base);cursor:pointer;border-radius:5px;padding:6px 10px;font-size:13px;font-weight:700}.lead-delete{width:32px;height:32px;color:var(--c-ink-soft);border-radius:5px;justify-content:center;align-items:center;transition:all .18s;display:flex}.lead-delete:hover{color:#b3492f;background:#b3492f1a}@media (width<=900px){.leads-table-head{display:none}.leads-row{grid-template-columns:1fr;gap:6px;padding:16px 20px;position:relative}.lead-phone{justify-content:flex-start}.lead-delete{position:absolute;top:14px;left:14px}.lead-message{white-space:normal}}