@font-face{font-family:"Tajarib";src:url(/assets/fonts/tajarib-300.woff2) format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"Tajarib";src:url(/assets/fonts/tajarib-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Tajarib";src:url(/assets/fonts/tajarib-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Tajarib";src:url(/assets/fonts/tajarib-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Tajarib";src:url(/assets/fonts/tajarib-900.woff2) format("woff2");font-weight:900;font-display:swap}
/* سُهيل العقارية · زمردي ليلي، رملي، ونحاسي */
:root{--night:#0d1b1a;--night2:#132624;--emerald:#1f4a43;--sand:#e7d3ae;--copper:#c7783e;--ivory:#faf7f1;--paper:#ffffff;--mint:#eaf2ef;--sandbg:#f6eedf;--ink:#13201e;--head:#163b35;--muted:rgba(19,32,30,.6);--line:rgba(19,32,30,.08);--r:22px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body.l{margin:0;background:var(--ivory);color:var(--ink);font-family:"Tajarib",system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.65;overflow-x:hidden;font-feature-settings:"kern" 1}
.l a{color:inherit;text-decoration:none}
.l svg,.l img{display:block}
.l h1,.l h2,.l h3,.l p{margin:0}
.l-ic{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:13px;background:var(--night);color:var(--sand)}
.l-ic svg{width:20px;height:20px}

/* gate */
.l-gate{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:24px;background:radial-gradient(80% 60% at 50% 35%,#1b3532,var(--night) 70%);color:#fff;transition:transform .9s cubic-bezier(.7,0,.2,1),opacity .6s ease .3s}
html:not(.l-js) .l-gate{display:none}
.l-gate.is-gone{transform:translateY(-100%);opacity:0;pointer-events:none}
.l-gate__in{max-width:340px;text-align:center;display:flex;flex-direction:column;align-items:center}
.l-gate__in img{width:76px;height:76px;border-radius:22px;box-shadow:0 0 0 1.5px rgba(231,211,174,.55),0 0 40px rgba(231,211,174,.18),0 20px 40px -14px #000;animation:l-rise .8s ease both}
.l-gate__k{margin-top:22px;font-size:12px;font-weight:500;letter-spacing:.3em;color:var(--copper)}
.l-gate h2{margin-top:8px;font-size:30px;font-weight:900;line-height:1.35}
.l-gate h2 span{color:var(--sand)}
.l-gate__s{margin-top:10px;font-size:14px;opacity:.7}
.l-gate .l-btn{margin-top:26px;min-width:220px}
.l-gate__demo{margin-top:18px;font-size:11.5px;opacity:.55}
@keyframes l-rise{from{opacity:0;transform:translateY(14px)}}

/* top */
.l-top{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:calc(10px + env(safe-area-inset-top)) 14px 10px}
.l .l-brand{display:flex;align-items:center;gap:9px;padding:4px 14px 4px 4px;border-radius:999px;background:rgba(13,27,26,.62);border:1px solid rgba(231,211,174,.18);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff}
.l-brand img{width:34px;height:34px;border-radius:11px}
.l-brand span{display:grid;line-height:1.15}
.l-brand strong{font-size:14px;font-weight:700}
.l-brand small{font-size:8.5px;letter-spacing:.24em;opacity:.6;font-weight:300}
.l-top__tags{display:flex;gap:6px}
.l-vip,.l-demo{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:999px;font-size:12px;font-weight:700;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.l-vip{background:linear-gradient(135deg,#f1dfb9,var(--copper));color:#1d120a}
.l-vip svg{width:14px;height:14px}
.l-demo{background:rgba(13,27,26,.62);color:var(--sand);border:1px solid rgba(231,211,174,.3);font-weight:500}

/* hero */
.l-hero{position:relative;background:var(--night);color:#fff;overflow:hidden;padding-top:calc(74px + env(safe-area-inset-top))}
.l-scene{-webkit-mask:linear-gradient(transparent,#000 14%,#000 86%,transparent);mask:linear-gradient(transparent,#000 14%,#000 86%,transparent);position:relative;height:46svh;min-height:330px;max-height:520px;margin-top:-6px}
.l-iso{width:100%;height:100%}
.l-ground{fill:#102220}.l-road{fill:#1a2e2b}.l-road--main{fill:#203631}
.l-lane{stroke:var(--sand);stroke-width:1;opacity:.45;stroke-dasharray:4 4}
.l-bld .f-t{fill:#253b37}.l-bld .f-s{fill:#172926}.l-bld .f-e{fill:#1d322e}
.l-js .l-bld{opacity:0;animation:l-fade .9s ease forwards;animation-delay:.2s}
.l-plot__fill{fill:rgba(231,211,174,.13)}
.l-plot{fill:none;stroke:#efcd8a;stroke-width:2.4;stroke-dasharray:1;stroke-dashoffset:0;filter:drop-shadow(0 0 6px rgba(239,205,138,.9))}
.l-js .l-plot{stroke-dashoffset:1;animation:l-draw 2s cubic-bezier(.6,0,.2,1) 1s forwards}
.l-js .l-plot__fill{opacity:0;animation:l-fade 1s ease 2.6s forwards}
.l-js .l-tag,.l-js .l-lbl{opacity:0;animation:l-fade .7s ease 2.8s forwards}
.l-js .l-lbl--main{animation-delay:3s}
.l-lbl rect{fill:rgba(13,27,26,.9);stroke:rgba(231,211,174,.45)}
.l-lbl text{fill:var(--ivory);font:700 10.5px "Tajarib",system-ui;text-anchor:middle}
.l-lbl--main rect{fill:var(--copper);stroke:none}
.l-tag text{text-anchor:middle;fill:#fff;font-family:"Tajarib",system-ui}
.l-tag__big{font-size:15px;font-weight:900}.l-tag__sm{font-size:9.5px;opacity:.75}
.l-car{fill:#ffd9a0;animation:l-drive var(--t) linear var(--d) infinite}
@keyframes l-drive{from{transform:translate(0,0)}to{transform:translate(var(--dx),var(--dy))}}
.l-ghost{opacity:0;transition:opacity .4s}
.l-ghost__f .g-t{fill:rgba(231,211,174,.12);stroke:var(--sand);stroke-width:.6}
.l-ghost__f .g-s,.l-ghost__f .g-e{fill:rgba(231,211,174,.06);stroke:var(--sand);stroke-width:.6}
.l-ghost__f{opacity:0;transform:translateY(8px)}
.is-built .l-ghost{opacity:1}
.is-built .l-ghost__f{animation:l-up .5s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i) * 110ms)}
.is-built .l-tag{opacity:0!important;transition:opacity .2s}
@keyframes l-draw{to{stroke-dashoffset:0}}
@keyframes l-fade{to{opacity:1}}
@keyframes l-up{to{opacity:1;transform:none}}
.l-hero__shade{position:absolute;inset:auto 0 0;height:90px;background:linear-gradient(rgba(13,27,26,0),var(--night));pointer-events:none}
.l-hero__copy{position:relative;z-index:2;padding:0 20px;text-align:center}
.l-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:500;letter-spacing:.06em;color:var(--sand)}
.l-kicker i{width:6px;height:6px;border-radius:50%;background:var(--copper);box-shadow:0 0 0 4px rgba(199,120,62,.25)}
.l-hero h1{margin-top:10px;font-size:clamp(30px,8.4vw,42px);font-weight:900;line-height:1.35;text-wrap:balance}
.l-where{margin-top:6px;display:inline-flex;align-items:center;gap:6px;font-size:14.5px;color:rgba(255,255,255,.72)}
.l-where svg{width:16px;height:16px;color:var(--copper)}
.l-build{position:absolute;z-index:3;bottom:30px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(231,211,174,.4);background:rgba(13,27,26,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--sand);font:500 13.5px "Tajarib",system-ui;cursor:pointer;white-space:nowrap}
.l-build svg{width:18px;height:18px}
.l-build[aria-pressed="true"]{background:var(--sand);color:var(--night)}

/* main */
.l-main{max-width:600px;margin:0 auto;padding:0 16px calc(110px + env(safe-area-inset-bottom))}
.l-price{position:relative;z-index:3;margin-top:-6px;padding:18px;border-radius:26px;background:var(--paper);box-shadow:0 26px 50px -30px rgba(13,27,26,.55),0 0 0 1px var(--line)}
.l-price__row{display:grid;grid-template-columns:1fr 1.25fr;gap:10px}
.l-price__row>div{padding:4px 2px}
.l-price__row>div+div{border-inline-start:1px solid var(--line);padding-inline-start:14px}
.l-price small{display:block;font-size:12.5px;font-weight:500;color:var(--muted)}
.l-price strong{display:flex;align-items:baseline;gap:5px;margin-top:2px}
.l-price strong b{font-size:28px;font-weight:900;line-height:1.2;font-variant-numeric:tabular-nums;color:var(--head)}
.l .l-price__total b{color:var(--copper)}
.l-price strong span{font-size:12.5px;color:var(--muted)}
.l-price__note{margin-top:10px;font-size:13px;color:var(--muted)}
.l-tags{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px}
.l-tags span{padding:5px 11px;border-radius:999px;background:var(--mint);color:var(--emerald);font-size:12px;font-weight:500}

.l-nav{position:sticky;top:calc(8px + env(safe-area-inset-top));z-index:15;margin:18px -4px 0;padding:5px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;border-radius:999px;background:rgba(13,27,26,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 24px -14px rgba(13,27,26,.8)}
.l-nav a{min-height:40px;display:grid;place-items:center;border-radius:999px;font-size:13.5px;font-weight:500;color:rgba(244,239,230,.65)}
.l-nav a.is-on{background:var(--sand);color:var(--night);font-weight:700}

.l-sec{padding-top:34px;scroll-margin-top:70px}
.l-sec h2{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:900;line-height:1.4;color:var(--head)}
.l-sec h2 .l-n{font-size:12px;font-weight:700;color:var(--copper);letter-spacing:.12em;padding:3px 8px;border-radius:8px;background:rgba(199,120,62,.1)}
.l-sub{margin:22px 0 10px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--head)}
.l-sub::before{content:"";width:14px;height:2px;border-radius:2px;background:var(--copper)}
.l-lead{margin-top:8px;font-size:14.5px;line-height:1.8;color:var(--muted)}

.l-specs{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.l-specs li{display:flex;align-items:center;gap:10px;padding:12px;border-radius:18px;background:var(--paper);box-shadow:0 0 0 1px var(--line),0 8px 18px -14px rgba(13,27,26,.35)}
.l-specs .l-ic{background:var(--sandbg);color:var(--copper)}
.l-specs__t{display:grid;line-height:1.35;min-width:0}
.l-specs em{font-style:normal;font-size:12px;color:var(--muted)}
.l-specs b{font-size:16px;font-weight:700;color:var(--head)}
.l-specs small{font-size:11px;color:var(--copper)}

.l-streets{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.l-streets li{display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:12px;padding:10px 14px 10px 10px;border-radius:18px;background:var(--paper);box-shadow:0 0 0 1px var(--line)}
.l-streets li.is-main{background:var(--night);color:#fff;box-shadow:0 14px 26px -18px rgba(13,27,26,.9)}
.l-streets li.is-main em{color:var(--sand)}
.l-streets b{height:44px;display:grid;place-items:center;border-radius:13px;background:var(--sandbg);color:var(--head);font-size:15px;font-weight:900;direction:ltr}
.l-streets li.is-main b{background:var(--copper);color:#fff}
.l-streets span{font-size:14.5px;font-weight:700}
.l-streets em{font-style:normal;font-size:12px;color:var(--muted)}
.l-svc{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.l-svc li{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:var(--mint);color:var(--emerald);font-size:13px;font-weight:500}
.l-svc svg{width:15px;height:15px;color:var(--emerald)}

.l-near{list-style:none;margin:14px 0 12px;padding:0;display:grid;gap:8px}
.l-near li{display:flex;align-items:center;gap:12px;padding:8px 14px 8px 8px;border-radius:18px;background:var(--mint);font-size:14.5px;font-weight:500;color:var(--head)}
.l-near .l-ic{background:var(--paper);color:var(--emerald)}
.l-near b{margin-inline-start:auto;padding:4px 10px;border-radius:999px;background:var(--paper);font-size:12.5px;font-weight:700;color:var(--emerald);white-space:nowrap}

.l-fits{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.l-fits li{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 6px 14px;border-radius:18px;background:var(--sandbg);text-align:center;font-size:13px;font-weight:700;line-height:1.4;color:var(--head)}
.l-fits .l-ic{background:var(--paper);color:var(--copper);box-shadow:0 6px 14px -10px rgba(199,120,62,.7)}
.l-js .l-fits li{opacity:0;transform:translateY(10px)}
.l-js .l-fits.is-on li{animation:l-up .5s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i) * 70ms)}

.l-calc{margin-top:14px;padding:18px;border-radius:24px;background:linear-gradient(160deg,#173230,var(--night));color:#fff}
.l-calc__head{display:flex;align-items:baseline;justify-content:space-between}
.l-calc h3{font-size:16px;font-weight:700}
.l-calc output{font-size:22px;font-weight:900;color:var(--sand);font-variant-numeric:tabular-nums}
.l-calc output::after{content:" ريال/م²";font-size:12px;font-weight:400;opacity:.7}
.l-calc input{width:100%;margin:14px 0 4px;accent-color:var(--copper);height:28px}
.l-calc__hint{font-size:12px;opacity:.6}
.l-calc dl{margin:14px 0 0;display:grid;gap:2px}
.l-calc dl div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid rgba(231,211,174,.12);font-size:13.5px}
.l-calc dt{opacity:.72}
.l-calc dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}
.l-calc dl .is-sum{border:0;padding-top:12px}
.l-calc dl .is-sum dt{opacity:1;font-weight:700}
.l-calc dl .is-sum dd{font-size:19px;font-weight:900;color:var(--sand)}
.l-calc__fine{margin-top:6px;font-size:11px;opacity:.5}

.l-docs{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}
.l-docs li{display:flex;align-items:center;gap:12px;padding:8px 14px 8px 8px;border-radius:18px;background:var(--paper);box-shadow:0 0 0 1px var(--line);font-size:14.5px;font-weight:500;color:var(--head)}
.l-docs .l-ic{background:var(--mint);color:var(--emerald)}
.l-docs em{margin-inline-start:auto;display:inline-flex;align-items:center;gap:4px;font-style:normal;font-size:11.5px;color:var(--muted)}
.l-docs em svg{width:14px;height:14px}

.l-agent{margin-top:14px;padding:18px;border-radius:26px;background:var(--night);color:#fff;box-shadow:0 30px 60px -36px rgba(13,27,26,.9)}
.l-agent__top{display:flex;align-items:center;gap:12px}
.l-agent__top img{width:52px;height:52px;border-radius:16px}
.l-agent__top strong{display:block;font-size:18px;font-weight:900}
.l-agent__top span{font-size:13px;opacity:.65}
.l-ids{margin:16px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.l-ids div{padding:10px 6px;border-radius:14px;background:rgba(255,255,255,.06);text-align:center}
.l-ids dt{font-size:10.5px;opacity:.6}
.l-ids dd{margin:3px 0 0;font-size:12.5px;font-weight:700;color:var(--sand);letter-spacing:.04em}

.l-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:54px;padding:0 18px;border-radius:18px;border:0;font:700 15.5px "Tajarib",system-ui;cursor:pointer}
.l-btn svg{width:20px;height:20px}
.l-btn small{font-size:12.5px;font-weight:400;opacity:.7}
.l .l-btn--gold{background:linear-gradient(135deg,#f1dfb9,var(--sand) 40%,var(--copper));color:#1d120a;box-shadow:0 14px 30px -16px rgba(199,120,62,.9)}
.l .l-btn--ghost{margin-top:8px;background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(231,211,174,.18)}
.l .l-btn--line{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}
.l-btn--line svg{color:var(--copper)}

.l-disclaim{margin-top:24px;display:flex;gap:10px;padding:14px;border-radius:18px;background:var(--sandbg);font-size:12.5px;line-height:1.75;color:#4a3d2c}
.l-disclaim svg{width:22px;height:22px;flex:none;color:var(--copper)}

.l .l-cta{margin-top:18px;display:grid;grid-template-columns:auto 1fr;gap:6px 14px;padding:18px;border-radius:26px;background:#0e1015;color:#fff;box-shadow:0 0 0 1px rgba(242,193,78,.25)}
.l-cta img{width:46px;height:46px;border-radius:14px}
.l-cta__t{display:grid;gap:3px}
.l-cta__t small{font-size:11.5px;font-weight:700;color:#f2c14e}
.l-cta__t strong{font-size:18px;font-weight:900;line-height:1.35}
.l-cta__t em{font-style:normal;font-size:13px;line-height:1.75;opacity:.7}
.l-cta__go{grid-column:1/-1;margin-top:8px;min-height:50px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(#ffd56e,#f2c14e);color:#0e1015;font-size:15.5px;font-weight:700}
.l-made{margin-top:14px;text-align:center;font-size:12px;color:var(--muted)}
.l-made b{color:var(--ink)}

/* bar */
.l-bar{position:fixed;z-index:30;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));max-width:576px;margin-inline:auto;display:flex;gap:6px;padding:6px;border-radius:999px;background:rgba(13,27,26,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 18px 40px -18px rgba(13,27,26,.9);transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s}
.l-js .l-bar:not(.is-in){transform:translateY(150%);opacity:0;pointer-events:none}
.l .l-bar__main{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;border-radius:999px;background:linear-gradient(135deg,#f1dfb9,var(--sand) 40%,var(--copper));color:#1d120a;font-size:15.5px;font-weight:700}
.l .l-bar__i{width:50px;height:50px;flex:none;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.08);color:var(--sand)}
.l-bar svg{width:20px;height:20px}

/* sheet */
.l-sheet{position:fixed;inset:0;z-index:70;display:flex;align-items:flex-end;justify-content:center;padding:14px;background:rgba(8,14,13,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.l-sheet[hidden]{display:none}
.l-sheet__card{width:min(460px,100%);padding:24px 20px calc(16px + env(safe-area-inset-bottom));border-radius:28px;background:var(--paper);text-align:center;animation:l-rise .35s ease both}
.l-sheet__card img{width:52px;height:52px;margin:0 auto;border-radius:15px}
.l-sheet__card h3{margin:12px 0 6px;font-size:21px;font-weight:900}
.l-sheet__card p{margin:0 0 16px;color:var(--muted);font-size:14.5px;line-height:1.8}
.l-sheet__x{margin-top:6px;min-height:46px;width:100%;border:0;background:none;font:500 14px "Tajarib",system-ui;color:var(--muted);cursor:pointer}

@media (max-width:370px){.l-price strong b{font-size:22px}.l-fits{grid-template-columns:1fr 1fr}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.l-js .l-bld,.l-js .l-plot__fill,.l-js .l-tag,.l-js .l-lbl,.l-js .l-fits li{opacity:1;transform:none}.l-js .l-plot{stroke-dashoffset:0}.is-built .l-ghost__f{opacity:1;transform:none}}

/* مدّ آخر حرف بخط تجارب — في عناوين مختارة فقط */
.l-sw{font-feature-settings:"ss01" 1}