:root{--navy:#102a40;--deep:#0b2133;--ink:#142d42;--muted:#4d6070;--gold:#a06d2c;--lightgold:#efddb9;--paper:#faf7f1;--line:#dedbd2;--white:#fff;--radius:20px}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:20px}
body{margin:0;background:var(--white);color:var(--ink);font:16px/1.65 system-ui,"Segoe UI",Arial,sans-serif}
html[lang=ar] body{font-family:Tahoma,"Segoe UI",Arial,sans-serif;line-height:1.8}
a{color:inherit;text-underline-offset:.22em}
img{display:block;max-width:100%}
p,figure,h1,h2,h3{margin:0}
h1,h2,h3{line-height:1.24}
html[lang=ar] :is(h1,h2,h3){line-height:1.45}
h1{font-size:clamp(2.2rem,4.7vw,4.2rem);letter-spacing:-.042em}
html[lang=ar] h1{letter-spacing:normal}
h2{font-size:clamp(1.65rem,3vw,2.55rem)}
h3{font-size:1.23rem}
p+p{margin-top:.85rem}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid #16739a;outline-offset:4px}
.wrap{width:min(1180px,calc(100% - 72px));margin-inline:auto}
.skip{position:absolute;inset-inline-start:1rem;top:1rem;padding:.65rem 1rem;background:white;transform:translateY(-200%);z-index:3}
.skip:focus{transform:none}
.header{border-bottom:1px solid #ece8df}
.header-inner,.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}
.header-inner{min-height:82px}
.wordmark{display:inline-flex;align-items:center;gap:11px;text-decoration:none;line-height:1.3;white-space:nowrap}
.wordmark b,.wordmark small{display:block}
.wordmark b{font-size:1.04rem}
.wordmark small{margin-top:4px;color:var(--muted);font-size:.75rem}
.brand-icon{width:43px;height:43px;flex:none}
.card-icon{display:grid;place-items:center;border-radius:11px;background:var(--navy);color:var(--lightgold);width:43px;height:43px;flex:none}
.nav,.header-actions,.footer-links,.actions{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(12px,2vw,26px)}
.nav a,.language{text-decoration:none;font-weight:650;font-size:.89rem}
.nav a:hover,.language:hover{text-decoration:underline}
.language{display:grid;place-items:center;min-height:44px;padding-inline:4px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:49px;padding:9px 17px;border:1px solid transparent;border-radius:9px;font-weight:700;text-decoration:none;cursor:pointer;text-align:center;line-height:1.4}
.button svg{width:19px;height:19px;flex:none}
.primary{background:var(--navy);color:#fff}
.primary:hover:not(:disabled){background:#204762}
.outline{border-color:#a9b0b2;background:transparent}
.outline:hover{background:#f1ede3}
.button:disabled{background:#e5e9ec;color:#4d6070;cursor:not-allowed}
[dir=rtl] .arrow{transform:scaleX(-1)}
.hero{display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:clamp(30px,6vw,86px);padding-block:64px 72px}
.eyebrow{color:#79501d;font-size:.87rem;font-weight:750;margin-bottom:12px}
.location{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.location svg{width:16px;height:16px}
.dot{width:4px;height:4px;border-radius:50%;background:#a06d2c}
.intro{font-size:1.12rem;color:var(--muted);max-width:50ch;margin-block:19px 26px}
.actions{gap:10px}
.hero-image{position:relative;border-radius:var(--radius);overflow:hidden;background:#e9d3ad}
.hero-image img{width:100%;height:auto}
.hero-image figcaption{position:absolute;inset-inline-end:12px;bottom:12px;border-radius:5px;padding:2px 9px;font-size:.75rem;background:var(--deep);color:#fff}
.section{padding-block:clamp(48px,7vw,95px)}
.section-heading{margin-bottom:25px}
.wash{background:var(--paper)}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(20px,3vw,38px);display:flex;flex-direction:column;align-items:start}
.card h3{margin-block:15px 10px;font-size:1.48rem}
.card p,.about p,.faq-layout details p{color:var(--muted)}
.card-icon{background:#f1e6d2;color:#76501e}
.chips,.feature-list{padding:0;margin:15px 0;list-style:none}
.chips{display:flex;flex-wrap:wrap;gap:7px}
.chips li{border:1px solid #e5ded0;border-radius:999px;background:#faf8f3;padding:2px 10px;font-size:.85rem}
.feature-list{display:grid;gap:5px}
.feature-list li{display:flex;align-items:center;gap:9px}
.feature-list svg{width:17px;height:17px;color:#79501d;flex:none}
.price{font-size:1.08rem;font-weight:700;line-height:1.35}
.price b{font-size:2.5rem}
.card .package{margin:0}
.card-cta{padding-top:20px;margin-top:auto}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 26px;list-style:none;margin:0;padding:0}
.steps li{border-top:1px solid var(--line);display:flex;gap:13px;padding-block:17px}
.steps h3{margin-bottom:6px;font-size:1.07rem}
.steps p{color:var(--muted)}
.step-number{font-weight:750;color:#79501d;background:#f5ead5;border-radius:7px;height:34px;min-width:34px;display:grid;place-items:center;font-size:.85rem}
.request-section{background:var(--navy);color:white}
.request-layout{display:grid;grid-template-columns:minmax(215px,.7fr) minmax(0,1.55fr);gap:clamp(22px,5vw,75px);align-items:start}
.request-copy .eyebrow{color:#f4d6a4}
.request-copy p{max-width:32ch;color:#d7e3ed}
.request-copy .section-heading{margin-bottom:15px}
form{background:white;color:var(--ink);border-radius:var(--radius);padding:clamp(16px,3.4vw,36px)}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
.field{min-width:0;display:grid;align-content:start;gap:4px}
.field.full{grid-column:1/-1}
.field label{font-weight:700}
.field label small,.field>small,.required,.fine,.form-note,.status{font-size:.85rem;color:var(--muted)}
.field label small{font-weight:400;margin-inline-start:4px}
.required{margin-bottom:12px}
.field :is(input,select,textarea){width:100%;min-height:45px;padding:7px 10px;border:1px solid #aab5bd;border-radius:7px;background:#fff}
textarea{resize:vertical}
.field input[type=tel]{text-align:start}
[aria-invalid=true]{border-color:#a22020!important}
.error:not(:empty){color:#9b2421;font-weight:650}
.consent{margin-block:13px 10px}
.consent label{display:flex;align-items:start;gap:8px;min-height:44px;cursor:pointer}
.consent input{width:19px;height:19px;flex:none;margin-top:.28em;accent-color:var(--navy)}
form .actions{margin-top:13px}
.preview-note{padding:8px 11px;border:1px solid #e3cea8;border-radius:8px;background:#faf1df;color:#563912;font-size:.85rem}
.status:not(:empty),.fine,#copy-fallback{margin-top:10px}
.about{display:flex;align-items:center;gap:24px}
.about .section-heading{margin-bottom:9px}
.about p{max-width:68ch}
.portrait{width:104px;height:104px;border-radius:24px;object-fit:cover;flex:none}
.portrait-mark{background:#f1e6d2;color:#79501d;display:grid;place-items:center}
.portrait-mark svg{width:49px;height:49px}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}
.gallery img{aspect-ratio:4/3;object-fit:cover;border-radius:12px}
.faq-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:32px}
details{border-bottom:1px solid #d8d3c8}
details:first-child{border-top:1px solid #d8d3c8}
summary{cursor:pointer;font-weight:700;padding:14px 0;min-height:48px}
summary::marker{color:#79501d}
details p{padding-bottom:14px}
footer{background:var(--deep);color:#fff;padding-block:28px 34px}
footer .wordmark small,footer p{color:#d4dfe9}
footer a,footer p{font-size:.86rem}
.floating{position:fixed;z-index:2;inset-inline-end:14px;bottom:14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:7px 12px;border:1px solid #fff;border-radius:30px;background:#12634e;color:#fff;font-weight:700;text-decoration:none;box-shadow:0 4px 15px #0b21332b}
.floating:disabled{background:#405563;cursor:not-allowed}
.floating svg{width:20px;height:20px}
body{padding-bottom:65px}
.privacy{max-width:780px}
.privacy section{margin-block:23px}
.privacy h2{font-size:1.22rem;margin-bottom:5px}
@media(min-width:1350px){body{padding-bottom:0}.floating{inset-inline-end:15px}}
@media(max-width:1349px){.floating{bottom:0;inset-inline:0;min-height:55px;border-radius:0;box-shadow:0 -2px 10px #0b213324}.floating:disabled{background:#405563}}
@media(max-width:960px){.nav{display:none}.hero{gap:28px}.wrap{width:calc(100% - 48px)}}
@media(max-width:720px){.wrap{width:calc(100% - 32px)}.hero,.cards,.request-layout,.faq-layout{grid-template-columns:1fr}.hero{padding-block:32px 40px}.hero-image img{aspect-ratio:1.45;object-fit:cover}.steps{grid-template-columns:1fr 1fr;gap:4px 16px}.footer-inner{align-items:start;flex-direction:column;gap:10px}.faq-layout{gap:0}.header-inner{min-height:69px}}
@media(max-width:460px){.fields,.steps{grid-template-columns:1fr}.header-inner{gap:8px}.header-actions{gap:9px}.header-cta{display:none}.hero .actions .button{width:100%}.portrait{width:69px;height:69px}.portrait-mark svg{width:33px;height:33px}.about{gap:13px;align-items:start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


html{scroll-padding-bottom:70px}
@media(max-width:960px){.header-inner{flex-wrap:wrap;gap:0 16px;padding-top:9px}.nav{order:3;display:flex;width:100%;gap:5px 18px}.nav a{display:flex;min-height:39px;align-items:center;font-size:.82rem}}
@media(max-width:1460px){body{height:100vh;height:100dvh;display:flex;flex-direction:column;padding-bottom:0}.page{flex:1;overflow:auto;scroll-padding:18px 0}.floating{position:relative;inset:auto;flex:none;min-height:51px;border-radius:0;box-shadow:none;border:0}.floating:disabled{background:#405563}}
@media(prefers-reduced-motion:reduce){.page{scroll-behavior:auto}}


#welcome{width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #e3d2ae;border-radius:var(--radius);box-shadow:0 20px 70px #0b213355;color:var(--ink);background:#fff}
#welcome::backdrop{background:#0b213370;backdrop-filter:blur(8px)}
.welcome-inner{text-align:center;padding:clamp(20px,5vw,38px)}
.welcome-inner .brand-icon{width:52px;height:52px;margin:0 auto 10px}
.welcome-inner h2{margin:0 0 19px;font-size:clamp(1.45rem,4vw,2rem)}
.welcome-options{display:grid;gap:10px}
.welcome-options .button{width:100%;min-height:53px}
.welcome-inner .language{display:inline-grid;margin-top:8px}
.tenant-shortcut{display:inline-flex;align-items:center;gap:7px;min-height:44px;margin-top:8px;font-weight:750;color:#79501d}
.tenant-shortcut svg{width:18px;height:18px}
.tenant-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;margin-block:0 44px;padding:clamp(16px,3vw,30px);background:#f5ead5;border:1px solid #e3d2ae;border-radius:var(--radius)}
.tenant-copy h2{margin-bottom:8px;font-size:clamp(1.3rem,2vw,1.75rem)}
.tenant-copy p{color:var(--muted)}
@media(max-width:720px){.tenant-section{grid-template-columns:1fr;gap:14px;margin-bottom:32px}}
.property-group + .property-group{margin-top:38px}
.property-group h3{margin-bottom:13px}
.property{padding:16px;border:1px solid var(--line);border-radius:var(--radius)}
.property + .property{margin-top:12px}
.property-gallery:first-child{border:0}
.property-summary{display:flex;align-items:center;gap:clamp(12px,3vw,24px);padding:0;list-style:none;border-radius:10px}
.property-summary::-webkit-details-marker{display:none}
.property-cover{width:clamp(100px,24vw,220px);aspect-ratio:4/3;object-fit:cover;flex:none;border-radius:10px;background:var(--paper)}
.property-summary-copy{display:grid;justify-items:start;gap:8px;min-width:0}
.property-title{font-size:clamp(1rem,2vw,1.26rem);line-height:1.4}
.photo-toggle{display:inline-flex;align-items:center;gap:5px;color:#79501d;text-decoration:underline;text-underline-offset:.2em}
.photo-toggle svg{width:17px;height:17px}
.photo-hide,.property-gallery[open] :is(.property-cover,.photo-show){display:none}
.property-gallery[open] .photo-hide{display:inline}
.property-gallery[open] .property-summary{margin-bottom:14px}
.property .gallery{grid-template-columns:repeat(auto-fill,minmax(min(180px,100%),1fr))}
.property .gallery figure>a:first-child{display:block;border-radius:12px}
.property-price{display:inline-block;margin:0;padding:3px 10px;border-radius:7px;background:#f5ead5;color:#674411;font-weight:750}
.property-contact{width:100%;margin-top:7px;padding-inline:8px;font-size:.85rem;min-height:44px}
.property-details{color:var(--muted);margin-bottom:13px;padding-bottom:0}
.property .gallery img{width:100%;aspect-ratio:3/4;background:var(--paper)}