/* صفحة «لبيتك»: لوحات مرقمة بالنظام نفسه الذي في صفحة المكاتب، وكل لوحة تري الفكرة وهي تعمل */
:root{--r-xl:22px;--r-lg:16px;--ease-out:cubic-bezier(.16,1,.3,1);--soft:0 1px 2px rgba(31,26,23,.04),0 12px 32px -14px rgba(31,26,23,.22);--deep:0 2px 4px rgba(31,26,23,.04),0 40px 80px -40px rgba(31,26,23,.45)}

/* الغلاف */
.bt-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:clamp(28px,5vw,64px);align-items:center;padding-block:clamp(36px,6vw,80px) clamp(36px,5vw,56px);position:relative}
.bt-hero::before{content:"";position:absolute;inset:-10% -20% auto auto;width:min(620px,70vw);aspect-ratio:1;background:radial-gradient(closest-side,rgba(166,83,56,.16),transparent 70%);z-index:-1;filter:blur(10px);animation:glow 14s ease-in-out infinite alternate}
@keyframes glow{to{transform:translate(-8%,6%) scale(1.08)}}
.bt-kick{font-size:14px;font-weight:700;color:var(--terra);margin:0 0 12px}
.bt-h1{font-size:clamp(34px,5.2vw,60px);line-height:1.22;letter-spacing:-.015em}
.bt-h1 span{display:block;overflow:hidden;padding-bottom:.34em;margin-bottom:-.26em}
.bt-h1 i{display:block;font-style:normal;transform:translateY(105%);animation:rise .9s var(--ease-out) forwards}
.bt-h1 span:nth-child(2) i{animation-delay:.09s}.bt-h1 span:nth-child(3) i{animation-delay:.18s;color:var(--terra)}
@keyframes rise{to{transform:none}}
.bt-lead{font-size:clamp(16.5px,1.6vw,18.5px);color:var(--ink-2);max-width:54ch;margin-top:20px;line-height:1.95}
.bt-act{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;align-items:center}
.bt-act .btn{border-radius:999px;padding-inline:24px;min-height:48px}
.bt-cta{box-shadow:0 10px 24px -10px rgba(166,83,56,.7)}
.bt-act .linkish{font-size:15px;color:var(--ink);text-underline-offset:5px;display:inline-block;padding-block:9px}
.bt-facts{display:flex;gap:0;margin-top:30px;border-top:1px solid var(--line);max-width:460px}
.bt-facts div{flex:1;padding:12px 0 0;display:grid;gap:2px}
.bt-facts div+div{border-right:1px solid var(--line);padding-inline-start:18px}
.bt-facts b{font-family:var(--mono);font-weight:500;font-size:30px;line-height:1.1;direction:ltr;text-align:right}
.bt-facts span{font-size:13px;color:var(--ink-2)}
.bt-lead,.bt-act,.bt-facts{opacity:0;animation:fadeup .8s var(--ease-out) .35s forwards}
.bt-act{animation-delay:.45s}.bt-facts{animation-delay:.55s}
@keyframes fadeup{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* العرض الحي في الغلاف: الرحلة تُرسم محطة محطة */
.jr{margin:0;background:var(--sheet);border:1px solid var(--line-2);border-radius:var(--r-xl);box-shadow:var(--deep);overflow:hidden;opacity:0;transform:translateY(24px) scale(.98);animation:demoin 1s var(--ease-out) .25s forwards}
@keyframes demoin{to{opacity:1;transform:none}}
.dm-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--paper)}
.dm-bar b{font-size:13.5px;flex:1}
.dm-dots{display:flex;gap:6px}.dm-dots i{width:10px;height:10px;border-radius:50%;background:var(--line-2)}
.dm-dots i:first-child{background:var(--terra)}
.dm-replay{position:relative;font:inherit;font-size:12.5px;background:none;border:1px solid var(--line-2);border-radius:999px;padding:3px 12px;min-height:36px;display:inline-flex;align-items:center;color:var(--ink-2);cursor:pointer;opacity:0;transition:opacity .3s}
.done .dm-replay{opacity:1}
.dm-replay::after{content:"";position:absolute;inset:-4px 0}
.jr-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);padding:26px 18px 6px}
.jr-line{position:absolute;top:41px;inset-inline:calc(12.5% + 18px);height:2px;background:var(--line)}
.jr-line i{position:absolute;inset-block:0;right:0;width:0;background:var(--terra);transition:width .9s var(--ease-out)}
.jr-st{position:relative;display:grid;justify-items:center;gap:8px;text-align:center;z-index:1}
.jr-st .n{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-family:var(--mono);font-size:12.5px;background:var(--sheet);border:2px solid var(--line-2);color:var(--ink-2);transition:background .4s,border-color .4s,color .4s,transform .4s var(--ease-out)}
.jr-st b{font-size:14px;color:var(--ink-2);transition:color .4s}
.jr-st.on .n{background:var(--terra);border-color:var(--terra);color:var(--on-terra);transform:scale(1.08)}
.jr-st.on b{color:var(--ink)}
.jr-st.cur .n{box-shadow:0 0 0 6px color-mix(in srgb,var(--terra) 16%,transparent)}
.jr-pane{margin:12px 16px 12px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper);padding:14px 16px 16px;min-height:212px;display:grid;align-content:start;gap:10px}
.jr-q{font-size:15px;font-weight:700;line-height:1.6;opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s var(--ease-out)}
.jr-q small{display:block;font-size:12px;font-weight:400;color:var(--terra);font-family:var(--mono)}
.jr-pane.show .jr-q{opacity:1;transform:none}
.jr-tools{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.jr-tools li{display:flex;align-items:center;gap:10px;font-size:13.5px;background:var(--sheet);border:1px solid var(--line);border-radius:12px;padding:8px 12px;opacity:0;transform:translateX(-10px);transition:opacity .45s var(--ease-out),transform .45s var(--ease-out)}
.jr-tools li.on{opacity:1;transform:none}
.jr-tools li code{font-family:var(--mono);font-size:12px;color:var(--terra);direction:ltr}
.jr-tools li em{margin-inline-start:auto;font-style:normal;font-size:12px;color:var(--ok);font-weight:700;opacity:0;transition:opacity .4s .25s}
.jr-tools li.on em{opacity:1}
.jr-foot{display:flex;align-items:center;gap:10px;margin:0 16px 16px;padding:10px 14px;border-radius:12px;background:var(--sheet);border:1px solid var(--line);color:var(--ink-2);font-size:13.5px;transition:background .5s,color .5s,border-color .5s}
.jr-foot i{width:20px;height:20px;border-radius:50%;background:var(--line-2);transition:background .5s,transform .5s var(--ease-out);color:#1F1A17;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:700;flex:none}
.jr.saved .jr-foot{background:#1F1A17;border-color:#1F1A17;color:#F6F5F1}.jr.saved .jr-foot i{background:#86B796;transform:scale(1.12)}

/* شريط اللوحات اللاصق */
.px-bar{position:sticky;top:60px;z-index:20;background:color-mix(in srgb,var(--paper) 82%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-block:1px solid var(--line)}
.px-bar-in{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-block:9px}
.px-bar-in::-webkit-scrollbar{display:none}
.px-bar a{flex:none;display:inline-flex;align-items:center;gap:8px;font-size:14px;text-decoration:none;padding:6px 14px;border-radius:999px;color:var(--ink-2);transition:background .25s,color .25s}
.px-bar a .no{font-family:var(--mono);font-size:12px;color:var(--terra);direction:ltr}
.px-bar a:hover{background:var(--sheet);color:var(--ink)}
.px-bar a.on{background:var(--ink);color:var(--paper)}
.px-bar a.on .no{color:#E9B79F}

/* اللوحة */
.px-sheet{position:relative;padding-block:clamp(36px,5vw,56px) clamp(40px,5vw,60px);scroll-margin-top:124px}
.px-sheet::before{content:"";position:absolute;top:0;inset-inline:0;height:1px;background:linear-gradient(90deg,transparent,var(--line-2) 20%,var(--line-2) 80%,transparent)}
.px-sh{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px 28px;margin-bottom:clamp(22px,3vw,32px)}
.px-sh .no{font-family:var(--mono);font-size:13px;color:var(--terra);direction:ltr;display:inline-block;align-self:start;justify-self:start;background:var(--sheet);border:1px solid var(--line);border-radius:999px;padding:4px 12px;margin-top:4px}
.px-sh h2{font-size:clamp(24px,3vw,34px)}
.px-sh p{color:var(--ink-2);max-width:62ch;margin-top:8px}
.px-body{margin-inline-start:148px}
.px-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-2)}
.px-list li{padding:13px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:150px 1fr;gap:4px 20px}
.px-list li b{font-size:15.5px}
.px-list li span{color:var(--ink-2);font-size:15px;line-height:1.8}
.px-cap{font-size:12px;color:var(--ink-2);margin:10px 4px 0}
.px-link{color:var(--terra);font-weight:700;text-underline-offset:5px;display:inline-flex;align-items:center;min-height:36px}

/* B-01 بطاقات الخسارة: تنقلب فيظهر خلفها الحل */
.ls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ls-c{perspective:1200px}
.ls-in{display:grid;height:100%;transform-style:preserve-3d;transition:transform .8s var(--ease-out)}
.ls-c.flip .ls-in{transform:rotateY(180deg)}
.ls-f,.ls-b{grid-area:1/1;min-height:270px;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--r-xl);padding:18px 18px 16px;display:flex;flex-direction:column;gap:10px}
.ls-f{background:var(--sheet);border:1px solid var(--line-2);box-shadow:var(--soft)}
.ls-b{background:#1F1A17;color:#F6F5F1;transform:rotateY(180deg)}
.ls-st{font-size:12.5px;font-weight:700;color:var(--terra);display:flex;align-items:center;gap:8px}
.ls-st code{font-family:var(--mono);font-weight:500}
.ls-f p{font-size:16px;line-height:1.85;font-weight:700}
.ls-x{margin-top:auto;align-self:flex-start;font:inherit;font-size:13.5px;font-weight:700;color:var(--ink);background:var(--paper);border:1px solid var(--line-2);border-radius:999px;padding:6px 14px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.ls-x::after{content:"";width:7px;height:7px;border-inline-start:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}
.ls-b .ls-st{color:#E9B79F}
.ls-b b{font-size:17px;line-height:1.5}
.ls-b p{font-size:14.5px;line-height:1.85;opacity:.88}
.ls-b .ls-go{padding-block:10px;margin-top:auto;color:#F6F5F1;font-weight:700;font-size:14px;text-underline-offset:5px}
.ls-b .ls-x{background:transparent;color:#F6F5F1;border-color:rgba(246,245,241,.35);margin-top:0}
.ls-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto}
.ls-hint{font-size:13px;color:var(--ink-2);margin-top:12px}

/* B-02 الرحلة: سكة لاصقة تتقدم مع النزول، وتحتها المحطات كاملة بأدواتها */
.jy{display:grid;grid-template-columns:200px minmax(0,1fr);gap:clamp(20px,4vw,48px);align-items:start}
.jy-rail{position:sticky;top:132px;display:grid;gap:0;padding-inline-start:26px}
.jy-rail::before{content:"";position:absolute;top:10px;bottom:10px;right:5px;width:2px;background:var(--line)}
.jy-fill{position:absolute;top:10px;right:5px;width:2px;height:0;background:var(--terra);transition:height .2s linear}
.jy-rail a{position:relative;display:grid;gap:1px;padding:10px 0;text-decoration:none;color:var(--ink-2)}
.jy-rail a::before{content:"";position:absolute;right:-26px;top:16px;width:12px;height:12px;border-radius:50%;background:var(--paper);border:2px solid var(--line-2);transition:background .3s,border-color .3s,transform .3s var(--ease-out)}
.jy-rail a code{font-family:var(--mono);font-size:12px;color:var(--terra)}
.jy-rail a b{font-size:17px;transition:color .3s}
.jy-rail a span{font-size:12.5px}
.jy-rail a.past::before{background:var(--terra);border-color:var(--terra)}
.jy-rail a.on::before{background:var(--terra);border-color:var(--terra);transform:scale(1.25);box-shadow:0 0 0 5px color-mix(in srgb,var(--terra) 18%,transparent)}
.jy-rail a.on b{color:var(--ink)}
.jy-st{scroll-margin-top:128px;padding-bottom:clamp(28px,4vw,44px)}
.jy-st+.jy-st{border-top:1px solid var(--line);padding-top:clamp(28px,4vw,44px)}
.jy-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 18px;align-items:baseline;margin-bottom:18px}
.jy-head .k{font-family:var(--mono);font-weight:500;font-size:clamp(40px,5vw,58px);line-height:.9;color:var(--terra);grid-row:span 3}
.jy-head h3{font-size:clamp(24px,2.6vw,30px);line-height:1.3}
.jy-head .q{font-size:16px;font-weight:700;color:var(--ink-2)}
.jy-head p{font-size:15px;color:var(--ink-2);line-height:1.9;max-width:62ch}
.jy-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tl{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 12px;align-content:start;text-decoration:none;color:inherit;background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px 16px 15px 38px;transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-out),border-color .25s}
.tl .no{font-family:var(--mono);font-size:12px;color:var(--terra);grid-row:span 2;padding-top:4px}
.tl b{font-size:16px;line-height:1.55}
.tl span{font-size:13.5px;color:var(--ink-2);line-height:1.7}
.tl::after{content:"";position:absolute;left:18px;top:50%;width:7px;height:7px;border-left:1.5px solid var(--ink-2);border-bottom:1.5px solid var(--ink-2);transform:translateY(-50%) rotate(45deg);transition:left .2s var(--ease-out),border-color .2s}
.tl:hover{transform:translateY(-2px);border-color:var(--line-2);box-shadow:var(--soft)}
.tl:hover::after{left:13px;border-color:var(--terra)}
.tl.hub{grid-column:1/-1;border-color:var(--terra);box-shadow:inset 0 0 0 1px var(--terra)}
.tl.sec{background:#FAF9F6;padding-block:11px 12px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tl.sec{background:#1A1714}}
:root[data-theme="dark"] .tl.sec{background:#1A1714}
.tl.sec b{font-size:15px}
.tl.sec .no{color:var(--ink-2)}
.js .st-in .tl{opacity:0;transform:translateY(14px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out),box-shadow .25s,border-color .25s}
.js .st-in.in .tl{opacity:1;transform:none}

/* B-03 لوحة الحساب الحية */
.ac{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(20px,4vw,48px);align-items:start}
.db{margin:0;background:var(--sheet);border:1px solid var(--line-2);border-radius:var(--r-xl);box-shadow:var(--deep);overflow:hidden}
.db-in{padding:16px;display:grid;gap:12px}
.db-hi{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.db-hi b{font-size:17px}.db-hi span{font-size:12.5px;color:var(--ink-2)}
.db-card{border:1px solid var(--line);border-radius:var(--r-lg);padding:12px 14px;display:grid;gap:8px;background:var(--paper)}
.db-card h4{font-size:12.5px;color:var(--terra);font-weight:700;margin:0}
.db-card p,.db-card ul{margin:0}
.db-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px}
.db-row b{font-size:14.5px}
.db-pct{font-family:var(--mono);font-size:13px;color:var(--ink-2);direction:ltr}
.db-prog{height:7px;border-radius:99px;background:var(--line);overflow:hidden}
.db-prog i{display:block;height:100%;width:0;background:var(--ok);border-radius:99px;transition:width 1.4s var(--ease-out)}
.db-next{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700}
.db-next i{font-style:normal;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--terra);color:var(--on-terra);font-size:13px;flex:none}
.db-cal{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.db-cal li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;background:var(--sheet);border:1px solid var(--line);border-radius:12px;padding:7px 10px;font-size:13.5px;opacity:0;transform:translateY(8px);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}
.db-cal li.on{opacity:1;transform:none}
.db-cal .d{width:38px;border-radius:8px;overflow:hidden;border:1px solid var(--line-2);text-align:center;font-size:12px;line-height:1.3}
.db-cal .d em{display:block;font-style:normal;background:var(--terra);color:var(--on-terra);font-size:11px;padding:1px 0}
.db-cal .d strong{display:block;font-family:var(--mono);font-weight:500;font-size:14px;padding:2px 0}
.db-cal .t{font-size:12px;color:var(--ok);font-weight:700;opacity:0;transition:opacity .4s .3s}
.db-cal li.on .t{opacity:1}

/* B-04 مخطط بيتك */
.pl{display:grid;grid-template-columns:1fr;gap:26px}
.pl .px-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(20px,3vw,40px)}
.pl .px-list li{grid-template-columns:130px 1fr}
.pw{margin:0;background:var(--sheet);border:1px solid var(--line-2);border-radius:var(--r-xl);box-shadow:var(--deep);overflow:hidden}
.pw-stage{position:relative;padding:14px}
.pw svg{display:block;width:100%;height:auto;direction:ltr;font-family:var(--font)}
/* المخطط يُرى كاملاً في الشاشة دون نزول: ارتفاعه محدود، ويتوسط عرضه */
@media (min-width:900px){
  .pw-stage{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:16px;align-items:center}
  .pw .pw-plan{max-height:clamp(300px,calc(100vh - 440px),540px);margin-inline:auto}
  .pw-stage .pw-card{margin-top:0}
}
/* إخراج المخطط بأسلوب مخططات العرض: أرضية واحدة فاتحة، جدران سوداء، أثاث أبيض بخط رمادي رفيع، والجدار أثقل خط */
.pw-plan{--w:var(--ink);--muted:var(--ink-2);--fill:var(--paper);--edge:color-mix(in srgb,var(--ink) 48%,var(--sheet));--furf:var(--sheet);--floorc:color-mix(in srgb,var(--ink) 5%,var(--sheet))}
.pw-plan .lot{fill:var(--sheet);stroke:var(--edge);stroke-width:.9;stroke-dasharray:14 3 2 3 2 3}
.pw-plan .pave{fill:url(#pvP)}
.pw-plan .pvl{stroke:color-mix(in srgb,var(--ink) 10%,var(--sheet));stroke-width:.6;fill:none}
.pw-plan .grass{fill:url(#grP);stroke:color-mix(in srgb,var(--ink) 16%,var(--sheet));stroke-width:.5}
.pw-plan .grd{fill:color-mix(in srgb,var(--ink) 30%,var(--sheet))}
.pw-plan .tree circle{fill:color-mix(in srgb,var(--ink) 9%,transparent);stroke:color-mix(in srgb,var(--ink) 35%,var(--sheet));stroke-width:.7}
.pw-plan .tree path{stroke:color-mix(in srgb,var(--ink) 25%,var(--sheet));stroke-width:.5}
.pw-plan .car rect{fill:var(--sheet);stroke:var(--edge);stroke-width:.8}.pw-plan .car .car-w{fill:color-mix(in srgb,var(--ink) 10%,var(--sheet));stroke:none}
.pw-plan .road{stroke:var(--line-2);stroke-width:1;fill:none}.pw-plan .road-c{stroke:var(--line-2);stroke-width:1;stroke-dasharray:10 7;fill:none}
.pw-plan .dm-street{font-size:12px;fill:var(--muted);text-anchor:middle}
.pw-plan .floor{fill:var(--floorc)}
.pw-plan .rm{fill:transparent;transition:fill .6s}
.pw.tint .rm.att{fill:color-mix(in srgb,var(--terra) 14%,transparent)}
.pw .rm.sel{fill:color-mix(in srgb,var(--terra) 26%,transparent)!important;stroke:var(--terra);stroke-width:1.5}
.pw-plan .dm-walls rect{fill:var(--w)}
.pw-plan .dm-win rect{fill:var(--sheet);stroke:var(--w);stroke-width:.6}.pw-plan .dm-win path{stroke:var(--w);stroke-width:.4}
.pw-plan .leafr{fill:var(--sheet);stroke:var(--w);stroke-width:.7}
.pw-plan .swing{stroke:var(--edge);stroke-width:.45;fill:none}
.pw-plan .thr{stroke:var(--w);stroke-width:.6}
.pw-plan .arch{stroke:var(--w);stroke-width:.9}
.pw-plan .fur{fill:var(--furf);stroke:var(--edge);stroke-width:.55}
.pw-plan .fur2{fill:color-mix(in srgb,var(--ink) 8%,var(--sheet));stroke:var(--edge);stroke-width:.5}
.pw-plan .ctr{fill:var(--furf);stroke:var(--w);stroke-width:.6}
.pw-plan .fix{fill:var(--furf);stroke:var(--edge);stroke-width:.55}
.pw-plan .fl{stroke:var(--edge);stroke-width:.4;fill:none}
.pw-plan .rug{fill:none;stroke:color-mix(in srgb,var(--ink) 25%,var(--sheet));stroke-width:.45;stroke-dasharray:2 2}
.pw-plan .pot{fill:color-mix(in srgb,var(--ink) 9%,var(--sheet));stroke:var(--edge);stroke-width:.5}
.pw-plan .tread{stroke:var(--w);stroke-width:.55;fill:none}
.pw-plan .tread-h{stroke:var(--edge);stroke-width:.45;fill:none;stroke-dasharray:3 2}
.pw-plan .stw{stroke:var(--w);stroke-width:1}
.pw-plan .brk{stroke:var(--w);stroke-width:.7;fill:none}
.pw-plan .arrow,.pw-plan .arrowhead{stroke:var(--terra);stroke-width:.9;fill:none}
.pw-plan .ent{stroke:var(--terra);stroke-width:1.3;fill:none}
.pw-plan .rn{font-size:12.5px;font-weight:700;fill:var(--w);text-anchor:middle}
.pw-plan .ra{font-size:9.5px;fill:var(--muted);text-anchor:middle;font-family:var(--mono)}
.pw-plan .rs{font-size:10px;fill:var(--muted);text-anchor:middle}
.pw-plan .rn,.pw-plan .ra,.pw-plan .rs{paint-order:stroke;stroke:var(--floorc);stroke-width:3px;stroke-linejoin:round}
.pw-plan .dimg path{stroke:var(--edge);stroke-width:.5;fill:none}.pw-plan .dimg text{font-size:9.5px;fill:var(--muted);text-anchor:middle;font-family:var(--mono)}
.pw-plan .scale .sb1{fill:var(--w)}.pw-plan .scale .sb0{fill:var(--sheet);stroke:var(--w);stroke-width:.5}
.pw-plan .scale text{font-size:9px;fill:var(--muted);text-anchor:middle;font-family:var(--mono)}
.pw-plan .north circle{fill:none;stroke:var(--muted);stroke-width:.7}.pw-plan .north path{fill:var(--w)}.pw-plan .north text{font-size:9px;text-anchor:middle;fill:var(--w)}
.pw-plan .tiles{fill:url(#tlP)}
.pw-plan .tll{stroke:color-mix(in srgb,var(--ink) 9%,var(--sheet));stroke-width:.45;fill:none}
.pw-plan .sour{fill:color-mix(in srgb,var(--ink) 70%,var(--sheet))}
.pw-plan .carport{fill:none;stroke:var(--edge);stroke-width:.6;stroke-dasharray:6 3}
.pw-plan .plant{fill:url(#grP);stroke:color-mix(in srgb,var(--ink) 25%,var(--sheet));stroke-width:.5}
.pw-plan .rm.court{fill:transparent!important}
.pw-plan .pocket{stroke:var(--edge);stroke-width:.6;stroke-dasharray:3 2;fill:none}
/* ألوان الموقع: أخضر للزرع، أصفر محروق للحصى، بني للخشب، رمادي للممرات والمواقف */
.pw-plan .pvb{fill:color-mix(in srgb,#9A958E 14%,var(--sheet))}
.pw-plan .grass{fill:color-mix(in srgb,#7C8F5A 42%,var(--sheet));stroke:color-mix(in srgb,#7C8F5A 45%,var(--sheet))}
.pw-plan .grd{fill:color-mix(in srgb,#5E7140 55%,var(--sheet))}
.pw-plan .plant{fill:color-mix(in srgb,#7C8F5A 38%,var(--sheet))}
.pw-plan .tree circle{fill:color-mix(in srgb,#6E8450 34%,transparent);stroke:color-mix(in srgb,#5E7140 60%,var(--sheet))}
.pw-plan .tree path{stroke:color-mix(in srgb,#5E7140 45%,var(--sheet))}
.pw-plan .sand{fill:color-mix(in srgb,#C99A3E 40%,var(--sheet));stroke:color-mix(in srgb,#C99A3E 45%,var(--sheet));stroke-width:.4}
.pw-plan .dkb{fill:color-mix(in srgb,#8A5A3B 26%,var(--sheet))}.pw-plan .dkl{stroke:color-mix(in srgb,#8A5A3B 45%,var(--sheet));stroke-width:.5}
.pw-plan .deck{fill:url(#dkP);stroke:color-mix(in srgb,#8A5A3B 50%,var(--sheet));stroke-width:.5}
.pw-plan .drive{fill:color-mix(in srgb,#9A958E 30%,var(--sheet))}
.pw-plan .swalk{fill:color-mix(in srgb,#9A958E 22%,var(--sheet))}
.pw-plan .curb{stroke:var(--edge);stroke-width:1.4}
.pw-plan .ramp,.pw-plan .rampc{fill:color-mix(in srgb,#9A958E 38%,var(--sheet))}
.pw-plan .rampl{stroke:color-mix(in srgb,var(--ink) 25%,var(--sheet));stroke-width:.5}
.pw-plan .step{fill:var(--sheet);stroke:var(--w);stroke-width:.6}.pw-plan .stepl{stroke:var(--w);stroke-width:.5}
.pw-plan .lvl{font-size:9px;fill:var(--terra);text-anchor:middle;font-family:var(--mono)}

.pw-plan .land{fill:color-mix(in srgb,#8A5A3B 14%,var(--sheet));stroke:var(--w);stroke-width:.6}
/* يُبنى طبقة طبقة: الجدران، ثم الأبواب والدرج، ثم الأثاث والعناوين، ثم حالة الغرف */
.pw-plan .dm-walls,.pw-plan .dm-win{clip-path:inset(0 0 100% 0)}
.pw-plan .dm-doors,.pw-plan .dm-stair,.pw-plan .dm-fur,.pw-plan .dm-lbl,.pw-plan .dm-dim,.pw-plan .dm-ent,.pw-plan .north{opacity:0}
.pw.go .dm-walls,.pw.go .dm-win{animation:wipe 1.1s var(--ease-out) forwards}
.pw.go .dm-doors,.pw.go .dm-stair{animation:fade .6s ease .8s forwards}
.pw.go .dm-fur{animation:fade .7s ease 1.1s forwards}
.pw.go .dm-lbl,.pw.go .dm-ent,.pw.go .north{animation:fade .6s ease 1.4s forwards}
.pw.go .dm-dim{animation:fade .6s ease 1.7s forwards}
@keyframes wipe{to{clip-path:inset(0 0 0 0)}}
@keyframes fade{to{opacity:1}}
.pw .dot{opacity:0;transition:opacity .4s}
.pw.tint .dot{opacity:1}
.pw .dot circle{fill:var(--terra)}
.pw .dot .ring{fill:none;stroke:var(--terra);stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:pulse 1.8s ease-out infinite}
@keyframes pulse{from{transform:scale(.6);opacity:.8}to{transform:scale(2);opacity:0}}
.pw-cur{position:absolute;left:0;top:0;width:24px;height:24px;pointer-events:none;opacity:0;transition:transform 1s var(--ease-out),opacity .3s;z-index:2}
.pw-cur svg{width:24px;height:24px;filter:drop-shadow(0 4px 6px rgba(31,26,23,.35))}
.pw-cur.on{opacity:1}
.pw-cur.tap svg{animation:tap .35s ease}
@keyframes tap{50%{transform:scale(.82)}}
.pw-card{margin-top:10px;background:var(--paper);border:1px solid var(--line-2);border-radius:var(--r-lg);padding:12px 14px;display:grid;gap:8px;opacity:.35;filter:blur(1.5px);transition:opacity .5s var(--ease-out),filter .5s var(--ease-out),border-color .5s}
.pw.card .pw-card{opacity:1;filter:none;border-color:var(--terra)}
.pw-card>b{font-size:15px;display:flex;justify-content:space-between;align-items:baseline}
.pw-card>b small{font-size:12px;font-weight:400;color:var(--ink-2)}
.pw-tabs{display:flex;gap:4px;flex-wrap:wrap}
.pw-tabs span{font-size:12px;border:1px solid var(--line);border-radius:999px;padding:1px 8px;color:var(--ink-2);transition:background .3s,color .3s,border-color .3s}
.pw-tabs span.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.pw-pane{font-size:13px;line-height:1.75;min-height:4.6em;color:var(--ink)}
.pw-pane div{display:none}.pw-pane div.on{display:block;animation:fadeup .4s var(--ease-out)}
.pw-pane small{display:block;color:var(--ink-2);font-size:12px}
.pw-legend{display:flex;gap:14px;flex-wrap:wrap;padding:0 16px 14px;font-size:12.5px;color:var(--ink-2)}
.pw-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-inline-end:6px;vertical-align:-1px}
.pw-legend .b{background:color-mix(in srgb,var(--terra) 30%,var(--sheet));border:1px solid var(--terra)}

/* B-05 المصادر: الرقم يُضغط فيظهر مصدره */
.sr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.sr-c{background:var(--sheet);border:1px solid var(--line-2);border-radius:var(--r-xl);box-shadow:var(--soft);overflow:hidden;display:flex;flex-direction:column}
.sr-top{padding:18px 18px 14px;display:grid;gap:4px}
.sr-top span{font-size:13px;color:var(--ink-2)}
.sr-n{font:inherit;cursor:pointer;background:none;border:0;padding:0;text-align:start;display:flex;align-items:baseline;gap:8px;color:var(--ink)}
.sr-n b{font-family:var(--mono);font-weight:500;font-size:44px;line-height:1.1;direction:ltr;text-decoration:underline dotted var(--line-2);text-underline-offset:8px;text-decoration-thickness:2px;transition:color .25s}
.sr-n small{font-size:15px;color:var(--ink-2)}
.sr-n:hover b,.sr-c.open .sr-n b{color:var(--terra)}
.sr-tag{justify-self:start;font-size:12px;font-weight:700;border-radius:999px;padding:1px 10px;margin-top:4px}
.sr-tag.std{color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent)}
.sr-tag.ref{color:var(--brown);background:color-mix(in srgb,var(--brown) 10%,transparent)}
.sr-tag.est{color:var(--major);background:color-mix(in srgb,var(--major) 13%,transparent)}
.sr-src{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--ease-out);margin-top:auto}
.sr-c.open .sr-src{grid-template-rows:1fr}
.sr-src>div{overflow:hidden;min-height:0}
.sr-src dl{margin:0;padding:12px 18px 16px;border-top:1px dashed var(--line-2);background:var(--paper);display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;font-size:13px}
.sr-src dt{color:var(--ink-2)}
.sr-src dd{margin:0;font-weight:700;line-height:1.6}
.sr-src dd.m{font-family:var(--mono);font-weight:500;direction:ltr;text-align:right;unicode-bidi:isolate}

/* B-06 */
.go3{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;counter-reset:g}
.go3 li{position:relative;background:var(--sheet);border:1px solid var(--line-2);border-radius:var(--r-xl);padding:22px 22px 24px;box-shadow:var(--soft);display:grid;gap:6px;align-content:start}
.go3 .n{font-family:var(--mono);font-weight:500;font-size:34px;line-height:1;color:var(--terra);margin-bottom:8px}
.go3 h3{font-size:18px}
.go3 p{font-size:14.5px;color:var(--ink-2);line-height:1.8}
.go3 li+li::before{content:"";position:absolute;top:50%;inset-inline-start:-18px;width:18px;height:2px;background:repeating-linear-gradient(90deg,var(--line-2) 0 4px,transparent 4px 7px)}
.go3 li:not(:last-child)::after{content:"";position:absolute;top:calc(50% - 5px);inset-inline-end:-6px;width:10px;height:10px;border-radius:50%;background:var(--terra);box-shadow:0 0 0 4px var(--paper);z-index:1}
.fin{margin-top:32px;position:relative;overflow:hidden;border-radius:26px;padding:clamp(28px,4vw,44px) clamp(24px,4vw,48px);background:linear-gradient(125deg,#1F1A17 0%,#2c211b 55%,#4a2f22 100%);color:#F6F5F1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px 40px;align-items:center}
.fin::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(246,245,241,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(246,245,241,.05) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 70%);mask-image:linear-gradient(90deg,transparent,#000 70%)}
.fin::after{content:"";position:absolute;inset:auto auto -45% -10%;width:420px;height:420px;background:radial-gradient(closest-side,rgba(212,123,88,.35),transparent);pointer-events:none}
.fin>*{position:relative;z-index:1}
.fin-k{display:inline-block;font-size:12.5px;font-weight:700;color:#E9B79F;border:1px solid rgba(233,183,159,.4);border-radius:999px;padding:2px 12px;margin-bottom:10px}
.fin h3{font-size:clamp(24px,3vw,32px);line-height:1.3;color:#F6F5F1}
.fin p{margin-top:6px;font-size:15.5px;opacity:.82;max-width:46ch;line-height:1.85}
.fin-a{display:grid;gap:10px;justify-items:center}
.fin-b{border-radius:999px;min-height:50px;padding-inline:30px;font-size:16px;box-shadow:0 12px 26px -10px rgba(212,123,88,.75)}
.fin-l{color:#F6F5F1;opacity:.85;font-size:14.5px;text-underline-offset:5px;padding-block:6px}
.fin-l:hover{opacity:1}
.px-home{border-top:1px solid var(--line-2);padding-block:22px;font-size:15px;color:var(--ink-2)}
.px-home a{color:var(--ink);font-weight:700;text-underline-offset:5px}

/* ظهور عند النزول */
.rv{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}
.rv.in{opacity:1;transform:none}

@media (max-width:1000px){.ls{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){
  .fin{grid-template-columns:1fr}
  .go3{grid-template-columns:1fr;gap:14px}
  .go3 li+li::before{top:-14px;inset-inline-start:calc(50% - 1px);width:2px;height:14px;background:repeating-linear-gradient(180deg,var(--line-2) 0 4px,transparent 4px 7px)}
  .go3 li:not(:last-child)::after{display:none}
  .bt-hero,.ac,.pl{grid-template-columns:1fr}
  .px-body{margin-inline-start:0}
  .px-sh{grid-template-columns:1fr;gap:2px}
  .jy{grid-template-columns:1fr}
  .jy-rail{display:none}
  .sr{grid-template-columns:1fr}
}
@media (max-width:600px){
  .px-bar{top:56px}
  .ls{grid-template-columns:1fr}
  .ls-f,.ls-b{min-height:0}
  .jy-tools{grid-template-columns:1fr}
  .px-list li,.pl .px-list li{grid-template-columns:1fr}
  .pl .px-list{grid-template-columns:1fr}
  .pw-plan .ra,.pw-plan .dm-dim{display:none}
  .pw-plan .rn{font-size:15px}
  .pw-plan .rs{font-size:11.5px}
  .jr-st b{font-size:12.5px}
  .jr-tools li code{display:none}
  .fin-a{justify-items:stretch}.fin-b{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .bt-h1 i,.bt-lead,.bt-act,.bt-facts,.jr{animation:none!important;opacity:1;transform:none}
  .bt-hero::before,.pw .dot .ring{animation:none}
  .rv,.js .st-in .tl{opacity:1;transform:none;transition:none}
  .ls-in,.sr-src,.db-prog i,.jr-line i{transition:none}
  .pw-plan .dm-walls,.pw-plan .dm-win{clip-path:none}.pw-plan .dm-doors,.pw-plan .dm-stair,.pw-plan .dm-fur,.pw-plan .dm-lbl,.pw-plan .dm-dim,.pw-plan .dm-ent,.pw-plan .north{opacity:1;animation:none!important}
}

@media (max-width:600px){.dm-long{display:none}}

/* أهم أداة في الرحلة */
.tl.key{grid-column:1/-1;border-color:var(--terra);box-shadow:inset 0 0 0 1px var(--terra)}
.tl.key .tl-key{grid-column:2;justify-self:start;margin-top:6px;font-style:normal;font-size:11.5px;font-weight:700;color:var(--on-terra);background:var(--terra);padding:2px 10px;border-radius:999px}
.pg-inv-card{align-self:center;display:grid;gap:12px;padding:22px 24px;border-radius:var(--r-lg);background:linear-gradient(125deg,#1F1A17 0%,#2c211b 60%,#4a2f22 100%);color:#F6F5F1}
.pg-inv-card .k{font-size:13px;font-weight:700;color:#E9B79F}
.pg-inv-card p{font-size:16px;line-height:1.95}
.pg-inv-card .btn{justify-self:start}

/* دعوات التواصل داخل الصفحة */
.bt-hero .ask{opacity:0;animation:fadeup .8s var(--ease-out) .5s forwards}
.fin .ask{grid-column:1/-1;max-width:none;opacity:1;margin-top:0;font-size:14.5px}
.pg-inv-card .ask{font-size:14.5px;line-height:1.9;margin-top:2px}
@media (prefers-reduced-motion:reduce){.bt-hero .ask{animation:none;opacity:1}}

/* B-05 إدارة البيت: مثال ثابت يتتابع ظهوره */
.hm{margin:0;background:var(--sheet);border:1px solid var(--line-2);border-radius:var(--r-xl);box-shadow:var(--deep);overflow:hidden}
.hm-feed{list-style:none;margin:0;padding:16px;display:grid;gap:10px}
.hm-feed li{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper)}
.hm.wait .hm-feed li{opacity:0}
.hm.go .hm-feed li{opacity:0;animation:fadeup .6s var(--ease-out) forwards}
.hm.go .hm-feed li:nth-child(1){animation-delay:.2s}.hm.go .hm-feed li:nth-child(2){animation-delay:.9s}.hm.go .hm-feed li:nth-child(3){animation-delay:1.6s}.hm.go .hm-feed li:nth-child(4){animation-delay:2.3s}
.hm-feed b{display:block;font-size:15px}
.hm-feed small{display:block;font-size:13px;color:var(--ink-2)}
.hm-who{flex:none;min-width:64px;text-align:center;font-size:12.5px;font-weight:700;border-radius:999px;padding:4px 10px;background:var(--line);color:var(--ink)}
.hm-who.w{background:#E8EFE9;color:#2E5E3E}.hm-who.m{background:#F3E1D7;color:#8E432C}.hm-who.d{background:#E4E8F0;color:#34476B}
.hm-feed .hm-ok{background:#1F1A17;color:#F6F5F1;border-color:#1F1A17;font-size:14px}
.hm-ok i{width:20px;height:20px;border-radius:50%;background:#86B796;color:#1F1A17;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:700;flex:none}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .hm-who.w{background:#26372B;color:#A9D3B4}:root:not([data-theme=light]) .hm-who.m{background:#3B2A22;color:#E9B79F}:root:not([data-theme=light]) .hm-who.d{background:#262E3D;color:#AFC0E0}}
@media (prefers-reduced-motion:reduce){.hm .hm-feed li{animation:none!important;opacity:1!important;transform:none}}

/* الفرد يطلب الفحص من مكتبه */
.fx-ask{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 20px;margin-top:16px;padding:16px 18px;border:1px dashed var(--terra);border-radius:16px;background:color-mix(in srgb,var(--terra) 6%,var(--sheet))}
.fx-ask b{display:block;font-size:15.5px}
.fx-ask span{display:block;font-size:13.5px;color:var(--ink-2);line-height:1.8}
.fx-ask .btn{border-radius:999px;min-height:42px}
.pg-inv-card .ask a:not([data-wa]){color:#F6F5F1;text-underline-offset:4px;font-weight:700}
.bt-facts .free b{font-family:inherit;font-size:22px;font-weight:700;padding-top:6px;direction:rtl;text-align:start}

/* أسئلة المحطة للزائر */
.wq{flex-basis:100%;display:grid;gap:12px;padding-top:14px;border-top:1px dashed var(--line-2)}
.wq>b{font-size:16px}
.wq{scroll-margin-top:140px}
.wq-qs{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px 18px}
.wq-q[hidden]{display:none}
.wq-q:not(:first-child){animation:fadeup .4s var(--ease-out)}
.wq-alt{margin:12px 0 0!important;padding-top:10px;border-top:1px dashed var(--line-2);font-size:14px}.wq-alt a{color:var(--terra);font-weight:700}
.wq-hook{margin-top:6px}.wq-hook a{color:var(--terra);font-weight:700}
.wq-q{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px}
.wq-q span{flex-basis:100%;font-size:14px;color:var(--ink-2)}
.wq-q button{font:inherit;font-size:14px;font-weight:700;min-height:40px;padding:6px 16px;border-radius:999px;border:1px solid var(--line-2);background:var(--paper);color:var(--ink);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.wq-q button:hover{border-color:var(--terra)}
.wq-q button.on{background:var(--terra);border-color:var(--terra);color:var(--on-terra)}
.wq-out{padding:16px 18px;border-radius:14px;background:var(--paper);border:1px solid var(--line-2);animation:fadeup .5s var(--ease-out)}
.wq-out .wq-k{font-size:13px;color:var(--terra);font-weight:700}.wq-out .wq-k a{color:inherit}
.wq-out b{display:block;font-size:17px;margin-top:4px}.wq-out p{font-size:14.5px;color:var(--ink-2);margin:4px 0 10px}
.wq-a{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.wq-a .btn{border-radius:999px;min-height:44px}
.mid-cta .wq .ask{border-top:0;padding-top:0}
@media (max-width:640px){.wq-qs{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.wq-out,.wq-q{animation:none!important}}

/* ===== إعادة بناء «لبيتك» حول المنصة (16 أكتوبر) ===== */
/* الغلاف: منصة بيتي */
.om{margin:0;position:relative;background:var(--sheet);border:1px solid var(--line-2);border-radius:var(--r-xl);box-shadow:var(--deep);overflow:hidden;opacity:0;transform:translateY(24px) scale(.98);animation:demoin 1s var(--ease-out) .25s forwards}
.om-in{display:grid;gap:12px;padding:16px}
.om-houses{display:flex;gap:6px}
.om-houses span{font-size:12.5px;font-weight:700;padding:5px 12px;border-radius:999px;border:1px solid var(--line-2);color:var(--ink-2);background:var(--paper)}
.om-houses span.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.om-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);padding:4px 0 2px}
.om-line{position:absolute;top:19px;inset-inline:12.5%;height:2px;background:var(--line)}
.om-line i{display:block;height:100%;width:0;background:var(--terra);transition:width .9s var(--ease-out)}
.om-s{position:relative;display:grid;justify-items:center;gap:6px;z-index:1}
.om-s .n{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-family:var(--mono);font-size:12px;background:var(--sheet);border:2px solid var(--line-2);color:var(--ink-2);transition:background .4s,border-color .4s,color .4s,transform .4s var(--ease-out)}
.om-s b{font-size:12.5px;color:var(--ink-2)}
.om-s.on .n{background:var(--terra);border-color:var(--terra);color:var(--on-terra)}
.om-s.cur .n{transform:scale(1.1);box-shadow:0 0 0 6px color-mix(in srgb,var(--terra) 16%,transparent)}
.om-s.cur b{color:var(--ink)}
.om-card{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper);padding:12px 14px;display:grid;gap:6px}
.om-card small{font-size:12px;font-weight:700;color:var(--terra)}
.om-task{border-color:var(--terra);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--terra) 40%,transparent)}
.om-task b{font-size:15.5px}
.om-prog{height:7px;border-radius:99px;background:var(--line);overflow:hidden}
.om-prog i{display:block;height:100%;width:0;background:var(--ok);border-radius:99px;transition:width 1.3s var(--ease-out)}
.om-meta{font-size:12px;color:var(--ink-2)}
.om-flow{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-2);padding:0 4px}
.om-flow i{font-style:normal;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--ok) 22%,transparent);color:var(--ok);font-size:12px;flex:none}
.om-m{display:flex;align-items:center;gap:10px;padding:6px 0}
.om-m+.om-m{border-top:1px dashed var(--line)}
.om-m .av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#E4E8F0;color:#34476B;font-weight:700;font-size:13px;flex:none}
.om-m .av.c{background:#E8EFE9;color:#2E5E3E}
.om-m div{display:grid;flex:1;min-width:0}
.om-m b{font-size:13.5px}.om-m span{font-size:12px;color:var(--ink-2)}
.om-m em{font-style:normal;font-size:11.5px;font-weight:700;color:var(--on-terra);background:var(--terra);padding:3px 9px;border-radius:999px;white-space:nowrap}
.om-toast{position:absolute;inset-inline:16px;bottom:16px;display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:12px;background:#1F1A17;color:#F6F5F1;font-size:13.5px;box-shadow:var(--deep);opacity:0;transform:translateY(14px);transition:opacity .5s,transform .5s var(--ease-out);pointer-events:none}
.om-toast i{width:20px;height:20px;border-radius:50%;background:#86B796;color:#1F1A17;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:700;flex:none}
.js .om .om-task,.js .om .om-flow,.js .om .om-team{opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s var(--ease-out)}
.om.s1 .om-task,.om.s2 .om-flow,.om.s3 .om-team{opacity:1!important;transform:none!important}
.om.s4 .om-toast{opacity:1;transform:none}
.om.s4 .om-m em{background:var(--ok)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .om-m .av{background:#26303F;color:#B9C7E2}:root:not([data-theme=light]) .om-m .av.c{background:#26372B;color:#A9D3B4}}

/* بيت واحد، ملف واحد */
.fl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;counter-reset:f}
/* خمس بطاقات: ثلاث في الصف الأول واثنتان في الثاني، فلا تضيق الأعمدة على الشاشات المتوسطة */
.fl li{grid-column:span 2}
.fl li:nth-child(n+4){grid-column:span 3}
.fl li:nth-child(3)::after{display:none}
.fl li{position:relative;display:grid;gap:8px;align-content:start;padding:16px 14px;background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-lg)}
.fl li:not(:last-child)::after{content:"";position:absolute;top:28px;inset-inline-end:-10px;width:10px;height:2px;background:var(--terra);z-index:1}
.fl-k{font-family:var(--mono);font-size:12px;color:var(--terra)}
.fl li div{display:grid;gap:6px}
.fl b{font-size:15px;line-height:1.5}
.fl-p{font-size:13px;color:var(--ink);line-height:1.7;padding:6px 9px;border-radius:9px;background:color-mix(in srgb,var(--terra) 8%,transparent)}
.fl em{font-style:normal;font-size:12.5px;color:var(--ink-2);line-height:1.7}
.fl em::before{content:"← ";color:var(--terra);font-weight:700}
.pf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}
.pf div{display:grid;gap:4px;padding:14px 16px;border-radius:var(--r-lg);border:1px dashed var(--line-2)}
.pf b{font-size:15px}.pf span{font-size:13.5px;color:var(--ink-2);line-height:1.75}
.js .fl li{opacity:0;transform:translateY(12px);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}
.js .fl.in li{opacity:1;transform:none}
.fl.in li:nth-child(2){transition-delay:.12s}.fl.in li:nth-child(3){transition-delay:.24s}.fl.in li:nth-child(4){transition-delay:.36s}.fl.in li:nth-child(5){transition-delay:.48s}

/* فريق بيتك */
#team .fx-ask{margin-top:18px}

/* المحطات الأربع: بطاقات وأدواتها مطوية */
.jy4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.jy4 .jy-st{scroll-margin-top:128px;padding:20px 20px 16px;border:1px solid var(--line);border-radius:var(--r-xl);background:var(--sheet);display:grid;gap:12px;align-content:start}
.jy4 .jy-st+.jy-st{border-top:1px solid var(--line);padding-top:20px}
.jy4 .jy-head{margin-bottom:0}
.jy4 .jy-head .k{font-size:clamp(34px,4vw,46px)}
.jy4 .jy-head h3{font-size:clamp(21px,2.2vw,25px)}
.jy4 .jy-head .q{font-size:13.5px}
.jy4 .jy-head p{font-size:14.5px;line-height:1.85}
.jy4 .jy-tools{grid-template-columns:1fr;padding-top:10px}
.jy-key{display:flex;align-items:center;gap:10px;flex-wrap:wrap;text-decoration:none;color:var(--ink);font-weight:700;font-size:14.5px;padding:10px 12px;border-radius:12px;border:1px solid var(--terra);background:color-mix(in srgb,var(--terra) 6%,transparent)}
.jy-key em{font-style:normal;font-size:11.5px;color:var(--on-terra);background:var(--terra);padding:2px 10px;border-radius:999px}
.jy-more{border-top:1px solid var(--line);padding-top:4px}
.jy-more summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;min-height:44px;font-weight:700;font-size:14.5px;color:var(--ink)}
.jy-more summary::-webkit-details-marker{display:none}
.jy-more summary .c{font-family:var(--mono);font-size:12px;color:var(--terra);border:1px solid var(--line-2);border-radius:999px;padding:1px 9px}
.jy-more summary::after{content:"";margin-inline-start:auto;width:8px;height:8px;border-left:1.5px solid var(--ink-2);border-bottom:1.5px solid var(--ink-2);transform:rotate(-45deg);transition:transform .25s var(--ease-out)}
.jy-more[open] summary::after{transform:rotate(135deg)}
.jy-src{margin-top:16px}

/* البرنامج المعماري: بطاقة البدء */
.pg-go{align-self:center;display:grid;gap:10px;padding:22px 24px;border-radius:var(--r-lg);border:1px solid var(--terra);background:color-mix(in srgb,var(--terra) 6%,var(--sheet))}
.pg-go .k{font-size:13px;font-weight:700;color:var(--terra)}
.pg-go b{font-size:18px;line-height:1.6}
.pg-go p{font-size:14.5px;color:var(--ink-2);line-height:1.85;margin:0}
.pg-go .btn{justify-self:start;border-radius:999px}

/* بعد المفتاح: تبويبا الأمثلة */
.ak{display:grid;gap:12px}
.ak-tabs{display:inline-flex;justify-self:start;gap:4px;padding:4px;border-radius:999px;background:var(--paper);border:1px solid var(--line-2)}
.ak-tabs button{font:inherit;font-size:14px;font-weight:700;min-height:40px;padding:6px 16px;border-radius:999px;border:0;background:transparent;color:var(--ink-2);cursor:pointer}
.ak-tabs button[aria-selected=true]{background:var(--ink);color:var(--paper)}
.ak-p[hidden]{display:none}

@media (max-width:1100px){.pf{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.jy4{grid-template-columns:1fr}}
@media (max-width:600px){
  .fl{grid-template-columns:1fr;gap:12px}
  .fl li,.fl li:nth-child(n+4){grid-column:auto}
  .fl li{grid-template-columns:auto minmax(0,1fr);gap:4px 12px}
  .fl li:not(:last-child)::after,.fl li:nth-child(3)::after{display:block;top:auto;bottom:-12px;inset-inline-start:24px;inset-inline-end:auto;width:2px;height:12px}
  .pf{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .pf div{padding:12px}
  .pf b{font-size:14px}.pf span{font-size:12.5px;line-height:1.7}
  .om-in{padding:12px}
  .jy4 .jy-head p{display:none}
  .jy4 .jy-st{padding:16px 16px 10px;gap:8px}
  .om-m em{font-size:11px;padding:3px 7px}
}
@media (prefers-reduced-motion:reduce){
  .om{animation:none!important;opacity:1;transform:none}
  .js .om .om-task,.js .om .om-flow,.js .om .om-team,.js .fl li{opacity:1;transform:none;transition:none}
  .om-line i,.om-prog i{transition:none}
}
/* سطر التصميم الداخلي في محطة التصميم */
.jy-head p.jy-int{grid-column:2;margin-top:2px;font-size:14px;color:var(--terra);font-weight:400}
.jy4 .jy-head p.jy-int{display:block}
/* بعد المفتاح: رحلة الترميم لبيتك القائم */
.rn-blk{margin-top:clamp(22px,3vw,32px);padding-top:clamp(18px,2.4vw,26px);border-top:1px solid var(--line-2);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:16px clamp(20px,3vw,40px);scroll-margin-top:140px}
.rn-blk-h h3{font-size:clamp(20px,2.2vw,24px);line-height:1.35}
.rn-blk-h p{margin-top:6px;font-size:15px;color:var(--ink-2);line-height:1.9}
.rn-blk-s{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line-2);border-radius:var(--r-lg,14px);overflow:hidden;background:var(--sheet)}
.rn-blk-s li{display:flex;flex-direction:column;gap:4px;padding:14px 14px 16px;min-width:0}
.rn-blk-s li+li{border-inline-start:1px solid var(--line)}
.rn-blk-s .no{font-family:var(--mono);font-size:12.5px;color:var(--terra)}
.rn-blk-s b{font-size:13px;color:var(--ink-2);font-weight:700}
.rn-blk-s>li>a{font-size:16px;font-weight:700;color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:4px}
.rn-blk-s>li>a:hover{text-decoration-color:var(--terra)}
.rn-blk-s .d{font-size:13.5px;color:var(--ink-2);line-height:1.75}
.rn-blk-s .d a{color:var(--ink)}
@media (max-width:900px){.rn-blk{grid-template-columns:minmax(0,1fr)}}
@media (max-width:620px){.rn-blk-s{grid-template-columns:minmax(0,1fr)}.rn-blk-s li+li{border-inline-start:0;border-top:1px solid var(--line)}}
/* مساحات لمس 44px للروابط الصغيرة: طبقة شفافة حول الرابط دون تغيير شكله */
@media (pointer:coarse),(max-width:760px){
  .px-link,.fin-l,.wq-hook a,.rn-blk-s a,.px-home a{position:relative}
  .px-link::before,.fin-l::before,.wq-hook a::before,.rn-blk-s a::before,.px-home a::before{content:"";position:absolute;inset-inline:0;top:50%;height:44px;transform:translateY(-50%)}
}
/* الطباعة: كل ما يظهر بالحركة يُطبع ظاهراً */
@media print{.rv,.mo .rv,.js .st-in .tl{opacity:1!important;transform:none!important}}