/* المصدر: /home/home.css */
/* آخر قيم — الصفحة الرئيسية. مبني من حزمة akhirgame-home-handoff (2026-09-28): style→premium→advanced→interactive→coral بهذا الترتيب. لا تعدّل القيم اللونية هنا؛ المرجع docs/TOKENS.css في الحزمة. */
/* ---- style.css ---- */
/* المتغيرات القديمة (--paper --ink --red --yellow --heading --body…) تُعرَّف في /identity/bridge.css بقيم هوية «آخر قيم» 1.0. */
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.8 var(--body);text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--heading);font-weight:650}h2{font-size:clamp(30px,3.3vw,44px);line-height:1.45}h3{font-size:22px;line-height:1.6}[hidden]{display:none!important}.container{width:min(1224px,calc(100% - 96px));margin-inline:auto}.top{background:var(--night);color:var(--qashda)}.header{height:104px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--hudud)}.brand img{width:150px;height:auto}.nav{display:flex;gap:32px;font-size:15px}.nav a,.login{color:var(--nass-2);transition:color var(--t-lamsa) var(--e-jamr)}.nav a:hover,.login:hover{color:var(--yellow)}.header-actions{display:flex;align-items:center;gap:22px}.theme-toggle{color:var(--nass-2);border:0;background:transparent;font:26px/1 sans-serif;min-width:44px;min-height:44px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:68px;padding-block:68px 62px}.eyebrow{font-size:13px;letter-spacing:0;margin-bottom:20px;display:flex;align-items:center;gap:12px}.tiny-line{width:24px;height:2px;background:var(--yellow)}.hero h1{font-size:clamp(40px,4.4vw,60px);line-height:1.5;letter-spacing:0;font-weight:700;white-space:nowrap}.hero h1>span:not(.w){color:var(--yellow)}.hero-description{font-size:18px;line-height:1.95;color:var(--nass-2);max-width:470px;margin-top:19px}.hero-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:30px}.text-link{display:inline-flex;align-items:center;gap:18px;min-height:44px;font-size:15px;border-bottom:1px solid currentColor}.hero .text-link{color:var(--qashda)}.hero-note{margin-top:16px;color:var(--shurooh);font-size:12px}.hero-product{min-width:0}.preview-caption{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;color:var(--nass-2);font-size:13px}.demo-tag{border:1px solid var(--hudud);border-radius:3px;padding:2px 8px;font-size:11px}.workspace{background:var(--layl-2);color:var(--qashda);border:1px solid var(--hudud);border-radius:16px;box-shadow:0 20px 48px rgba(0,0,0,.3);overflow:hidden}.workspace-top{height:58px;display:flex;align-items:center;gap:10px;padding:0 20px;border-bottom:1px solid var(--hudud);font-size:14px}.workspace-mark{background:var(--jamr);color:var(--layl);border-radius:5px;display:grid;place-items:center;width:29px;height:29px;font-family:var(--heading);font-weight:700}.workspace-dots{margin-inline-start:auto;letter-spacing:3px}.workspace-nav{padding:0 20px;display:flex;gap:23px;background:var(--layl-3);font-size:12px;color:var(--shurooh);height:43px;align-items:stretch}.workspace-nav>span{display:flex;align-items:center}.workspace-nav .selected{color:var(--qashda);border-bottom:2px solid var(--jamr)}.workspace-content{padding:20px}.board-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.muted{color:var(--shurooh);font-size:11px}.board-heading h2{font-size:20px;line-height:1.5;margin-top:2px}.avatars{display:flex;direction:ltr;padding-left:3px}.avatars span,.person{width:26px;height:26px;display:grid;place-items:center;font-size:11px;border:2px solid var(--layl-2);border-radius:50%;background:var(--hudud);color:var(--qashda)}.avatars span{margin-left:-5px}.avatars span:nth-child(2){background:var(--thalj);color:var(--layl)}.avatars span:nth-child(3){background:var(--jamr);color:var(--layl)}.board{display:grid;grid-template-columns:1fr 1fr;gap:14px}.board-column{min-width:0;padding:10px;background:var(--layl-3);border-radius:5px}.column-label{font-size:12px;display:flex;align-items:center;gap:6px;margin-bottom:10px}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.gray{background:var(--shurooh)}.yellow{background:var(--jamr)}.count{margin-inline-start:auto;color:var(--shurooh)}.task{padding:12px;background:var(--layl-2);border:1px solid var(--hudud);border-radius:8px;margin-top:8px}.task-category{color:var(--shurooh);font-size:10px;border-bottom:1px solid var(--hudud);padding-bottom:2px}.task h3{font-size:13px;line-height:1.8;margin:6px 0 0}.task>p{font-size:10px;color:var(--shurooh)}.task-bottom{margin-top:15px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--shurooh)}.person{width:22px;height:22px;border:0;font-size:10px}.yellow-person{background:var(--jamr);color:var(--layl)}.green-person{background:var(--thalj);color:var(--layl)}.task-image{border-radius:2px;aspect-ratio:16/9;width:100%;height:auto}.review-label{color:var(--jamr)!important}.workspace-footer{margin-top:17px;padding-top:12px;border-top:1px solid var(--hudud);font-size:11px;color:var(--shurooh);display:flex;align-items:center;gap:7px}.small-check{color:var(--secondary)}.product-caption{display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--shurooh);margin-top:16px;gap:10px}.caption-line{width:22px;height:1px;background:var(--hudud)}.hero-bottom{border-top:1px solid var(--hudud);display:flex;align-items:center;justify-content:space-between;padding-block:23px;font-size:12px;color:var(--shurooh)}.hero-bottom>div{display:flex;gap:34px;color:var(--nass-2)}.scroll-hint{color:var(--nass-2)}.section{padding-block:88px}.section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:40px}.section-eyebrow{color:var(--muted);margin-bottom:14px}.section-description{max-width:465px;line-height:1.9;color:var(--muted)}.section-description .text-link{color:var(--red);margin-top:18px}.accent-underline{text-decoration:underline;text-decoration-thickness:4px;text-underline-offset:9px;text-decoration-color:var(--yellow)}.features{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.features article{padding:28px 28px 30px;border-inline-start:1px solid var(--line);min-width:0}.features article:first-child{padding-inline-start:0;border-inline-start:0}.features article:last-child{padding-inline-end:0}.feature-number{font:13px/1.4 var(--body);color:var(--red);display:block;margin-bottom:18px}.features h3{font-size:22px}.features p{font-size:15px;color:var(--muted);margin-top:9px;max-width:300px;min-height:54px}.feature-visual{display:flex;align-items:center;gap:8px;font-size:11px;min-height:64px;padding:10px;background:var(--surface);margin-top:24px;border-radius:4px}.check-box{width:18px;height:18px;border:1.5px solid var(--border);border-radius:6px;color:var(--primary);display:grid;place-items:center}.feature-assignee{margin-inline-start:auto;background:var(--field);color:var(--nass-2);padding:3px 9px;border-radius:3px}.mini-week{margin-top:24px;display:flex;justify-content:space-between;min-height:64px;gap:7px}.mini-week span{display:flex;align-items:center;justify-content:center;flex-direction:column;flex:1;font-size:10px;padding:5px;border-radius:4px;background:var(--surface)}.mini-week b{font-size:16px;font-weight:400}.mini-week .active-day{background:var(--jamr);color:var(--layl)}.version{font:11px monospace;color:var(--muted);border:1px solid var(--line);padding:6px}.approved{font-size:10px;color:var(--secondary);margin-inline-start:auto;white-space:nowrap}.illustration-note{font-size:11px;color:var(--muted);margin-top:12px}.design-section{background:var(--surface);border-block:1px solid var(--line);padding-block:72px}.design-grid{display:grid;grid-template-columns:.8fr 1fr;align-items:center;gap:110px}.design-copy>p:not(.eyebrow):not(.availability){color:var(--muted);max-width:365px;line-height:1.95;margin-top:20px}.design-types{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}.design-types span{border:1px solid var(--line);font-size:12px;padding:3px 10px;border-radius:3px}.design-copy .button{margin-top:27px}.availability{font-size:12px;color:var(--muted);max-width:330px;line-height:1.9;margin-top:15px}.availability span{width:6px;height:6px;display:inline-block;background:var(--jamr);margin-inline-end:4px;border-radius:50%}.gallery{position:relative;padding-bottom:70px;padding-inline-end:45px}.gallery-top{display:flex;justify-content:space-between;font-size:12px;margin-bottom:13px;color:var(--muted)}.main-design{padding:8px;background:var(--card);box-shadow:0 8px 22px rgba(0,0,0,.04);border:1px solid var(--line);border-radius:5px;transform:rotate(-2deg)}.main-design img{width:100%;height:auto;aspect-ratio:16/9;border-radius:2px}.main-design figcaption{padding:9px 6px 3px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.second-design{position:absolute;left:0;bottom:0;width:49%;padding:6px;background:var(--card);border:1px solid var(--line);border-radius:4px;transform:rotate(5deg);box-shadow:0 8px 22px rgba(0,0,0,.13)}.second-design img{width:100%;height:auto;aspect-ratio:16/9}.second-design figcaption{font-size:10px;padding:5px 2px;color:var(--muted)}.sales-notice{font-size:12px;color:var(--red);margin-top:12px}.pricing-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;font-size:12px;color:var(--muted)}.tabs{display:flex;border:1px solid var(--line);border-radius:5px;padding:4px;gap:4px}.tabs button{background:transparent;color:var(--muted);border:none;border-radius:3px;min-height:44px;min-width:120px;padding:8px 24px;font-size:15px}.tabs button[aria-selected=true]{background:var(--ink);color:var(--paper)}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plan{border:1px solid var(--line);border-top:3px solid var(--border);padding:25px 27px 22px;border-radius:5px;background:var(--card)}.plan:nth-child(2){border-top-color:var(--yellow)}.plan:nth-child(3){border-top-color:var(--red)}.plan-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.plan-heading h3{font-size:26px}.plan-heading>span{color:var(--muted);font-size:11px}.price{font:500 45px/1.3 var(--heading);margin-block:20px 25px;text-align:start}.price>span{font:12px var(--body);direction:rtl;display:inline-block}.plan-main{font-size:16px;margin-top:14px}.plan>p:not(.price):not(.plan-main){color:var(--muted);font-size:12px;margin-top:5px}.plan-state{display:block;border-top:1px solid var(--line);padding-top:17px;margin-top:22px;font-size:12px;color:var(--muted)}.plan-footnote{display:flex;justify-content:space-between;align-items:center;gap:32px;padding-top:22px}.plan-footnote p{font-size:13px;color:var(--muted);max-width:850px}.plan-footnote .text-link{flex-shrink:0;color:var(--red);font-size:13px}.cycle-note{font-size:12px;color:var(--muted);margin-top:8px}.faq-section{padding-block:0 88px;display:grid;grid-template-columns:.65fr 1fr;gap:70px}.faq-list details{border-top:1px solid var(--line);padding:19px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:16px;min-height:30px}summary::-webkit-details-marker{display:none}summary span{font:24px/1 sans-serif;color:var(--muted)}details[open] summary span{transform:none}details p{font-size:14px;color:var(--muted);padding:15px 0 0;max-width:580px}.closing{background:var(--night);color:var(--qashda);border-radius:5px;padding:45px 56px;display:flex;align-items:center;justify-content:space-between;gap:35px}.closing .eyebrow{font-size:12px;color:var(--nass-2);margin-bottom:9px}.closing h2{font-size:38px}.closing h2 span{color:var(--yellow)}.closing>div:last-child>p{font-size:12px;color:var(--shurooh);margin-top:13px}.footer{padding-block:48px 24px}.footer-top{display:flex;gap:32px;align-items:center;padding-bottom:32px}.footer-top>span{font-size:13px;color:var(--muted)}.support{margin-inline-start:auto;font-size:13px}.footer-brand img{width:135px;height:auto}.logo-paper{display:none}.footer-bottom{padding-top:20px;display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.footer-bottom>div{display:flex;gap:24px}.preview-note{}.skip-link{position:fixed;top:0;right:20px;padding:12px;background:var(--yellow);color:var(--layl);z-index:100;transform:translateY(-110%)}.skip-link:focus{transform:translateY(0)}
[data-theme=dark] .logo-ink{display:none}[data-theme=dark] .logo-paper{display:block}
@media(min-width:1500px){.hero{padding-block:85px}.hero h1{font-size:64px}.workspace-content{padding:24px}.task h3{font-size:14px}.task>p,.task-bottom{font-size:11px}}
@media(max-width:1150px){.container{width:calc(100% - 64px)}.nav{gap:20px;font-size:14px}.header-actions{gap:12px}.brand img{width:130px}.hero{gap:36px}.hero h1{font-size:45px}.hero-description{font-size:16px}.hero-actions{gap:14px}.hero-actions .button{padding:12px 16px;font-size:14px;gap:15px}.hero-actions .text-link{font-size:13px}.design-grid{gap:65px}.features article{padding-inline:20px}.feature-visual{font-size:10px;gap:5px}.plan{padding:22px}.plan-heading{display:block}.plan-heading>span{display:block}}
@media(max-width:900px){.header{height:88px}.nav{gap:17px;font-size:13px}.theme-toggle{display:none}.login{display:none}.brand img{width:125px}.hero{gap:28px;padding-block:48px}.hero h1{font-size:36px;letter-spacing:0}.hero-description{font-size:15px}.hero .eyebrow{font-size:11px}.hero-actions{margin-top:22px;gap:8px}.hero-note{font-size:11px}.workspace-content{padding:12px}.workspace-top{padding:0 12px;font-size:12px;height:48px}.workspace-nav{font-size:10px;height:36px;padding-inline:12px;gap:15px}.board-heading h2{font-size:16px}.board{gap:7px}.board-column{padding:6px}.column-label{font-size:10px;gap:4px}.task{padding:8px}.task h3{font-size:11px}.task p{font-size:9px}.task-bottom{margin-top:10px}.workspace-footer{font-size:9px}.preview-caption{font-size:11px}.demo-tag{font-size:10px}.product-caption{font-size:10px}.hero-bottom{font-size:11px}.hero-bottom>div{gap:20px}.scroll-hint{display:none}.section{padding-block:65px}.section-intro{gap:35px}.section-description{font-size:14px;max-width:340px}.features h3{font-size:19px}.features p{font-size:13px;min-height:70px}.feature-visual{flex-wrap:wrap}.feature-assignee{display:none}.mini-week{gap:3px}.mini-week span{padding:4px;font-size:9px}.approved{font-size:9px}.version{padding:3px}.design-grid{gap:38px;grid-template-columns:.9fr 1fr}.design-copy>p:not(.eyebrow):not(.availability){font-size:14px}.design-types{gap:5px}.design-types span{font-size:10px;padding:3px 7px}.gallery{padding-inline-end:20px}.second-design{width:62%}.gallery-top{font-size:10px}.pricing-toolbar{margin-top:30px}.plans{gap:12px}.plan{padding:18px}.price{font-size:38px}.plan-main{font-size:14px}.faq-section{gap:36px;grid-template-columns:.65fr 1fr}.faq-list summary{font-size:14px}.closing{padding:32px}.closing h2{font-size:32px}.footer-bottom{flex-wrap:wrap}}
@media(max-width:650px){.container{width:calc(100% - 40px)}html{scroll-padding-top:80px}.header{height:78px;gap:12px;position:relative}.brand img{width:120px}.header-actions{gap:9px}.header-actions .button-small{font-size:12px;min-height:40px;padding:8px 12px;gap:10px}.header-actions .button-small span{font-size:19px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:40px;height:44px;padding:6px;border:0;background:none}.menu-toggle span{width:20px;height:1px;background:var(--qashda)}.nav{display:none;position:absolute;top:78px;inset-inline:0;background:var(--layl-2);border:1px solid var(--hudud);border-radius:4px;padding:14px;z-index:20;box-shadow:0 12px 22px rgba(0,0,0,.3)}.nav.is-open{display:flex;flex-direction:column;gap:2px}.nav a{padding:8px 12px;min-height:44px;font-size:15px}.hero{grid-template-columns:1fr;gap:26px;padding-block:30px 28px}.hero .eyebrow{font-size:11px;margin-bottom:12px}.hero h1{font-size:39px;line-height:1.37;letter-spacing:0}.hero-description{font-size:15px;line-height:1.85;margin-top:14px;max-width:360px}.hero-actions{margin-top:20px;gap:18px;flex-wrap:nowrap}.hero-actions .button{font-size:12px;min-height:46px;padding:11px 13px;gap:10px}.hero-actions .button span{font-size:20px}.hero-actions .text-link{font-size:12px;gap:9px;min-height:40px;white-space:nowrap}.hero-note{font-size:10px;margin-top:10px}.preview-caption{margin-bottom:9px}.workspace{border-radius:6px}.workspace-content{padding:15px}.workspace-top{font-size:13px}.board-heading h2{font-size:17px}.board-column{padding:7px}.board{gap:10px}.task h3{font-size:12px}.task p{font-size:10px}.task-bottom{font-size:10px}.workspace-footer{font-size:10px;margin-top:12px;padding-top:10px}.product-caption{margin-top:11px;font-size:11px}.hero-bottom{padding-block:16px;font-size:10px;display:block;text-align:center}.hero-bottom>span{display:none}.hero-bottom>div{justify-content:center;gap:22px}.section{padding-block:48px}.section-intro{display:block;margin-bottom:28px}h2{font-size:31px;line-height:1.5}.section-eyebrow{font-size:11px;margin-bottom:10px}.section-description{font-size:14px;max-width:none;margin-top:22px}.section-description .text-link{margin-top:10px}.features{grid-template-columns:1fr;border-bottom:0}.features article,.features article:first-child,.features article:last-child{padding:24px 0;border-inline:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:7px 14px}.feature-number{grid-column:1/-1;margin:0;font-size:12px}.features h3{font-size:21px;grid-column:1/-1}.features p{font-size:13px;min-height:0;margin:0;grid-column:1;align-self:center}.feature-visual,.mini-week{margin-top:0;grid-column:2;grid-row:3;min-height:70px;align-self:center}.feature-visual{font-size:10px;justify-content:flex-start;padding:9px}.mini-week{gap:3px}.mini-week span{font-size:8px}.mini-week b{font-size:15px}.approved{margin:0;font-size:9px}.illustration-note{font-size:10px}.design-section{padding-block:42px}.design-grid{grid-template-columns:1fr;gap:32px}.design-copy>p:not(.eyebrow):not(.availability){max-width:none;margin-top:15px;font-size:15px}.design-copy .button{margin-top:20px}.design-types{gap:8px;margin-top:16px}.design-types span{font-size:11px}.availability{max-width:none;font-size:11px}.gallery{padding-inline:6px 35px;padding-bottom:68px}.gallery-top{font-size:11px}.second-design{width:51%;left:4px}.second-design figcaption{font-size:8px}.main-design figcaption{font-size:10px}.pricing-toolbar{display:block;margin-top:22px}.tabs{display:inline-flex;margin-bottom:12px}.tabs button{min-width:117px}.pricing-toolbar>span{display:block;font-size:11px}.plans{grid-template-columns:1fr;gap:13px}.plan{display:grid;grid-template-columns:1fr 1fr;column-gap:12px;padding:18px 20px;border-top-width:1px;border-inline-start-width:3px}.plan:nth-child(1){border-inline-start-color:var(--border)}.plan:nth-child(2){border-inline-start-color:var(--yellow);border-top-color:var(--line)}.plan:nth-child(3){border-inline-start-color:var(--red);border-top-color:var(--line)}.plan-heading h3{font-size:24px}.plan-heading>span{font-size:10px}.price{margin:0;grid-row:1;grid-column:2;align-self:center;font-size:36px;text-align:left;white-space:nowrap}.price>span{font-size:10px}.plan-main{font-size:14px;grid-column:1/-1;margin-top:12px}.plan>p:not(.price):not(.plan-main){grid-column:1/-1;font-size:12px}.plan-state{grid-column:1/-1;margin-top:14px;padding-top:12px;font-size:11px}.plan-footnote{display:block;padding-top:16px}.plan-footnote p{font-size:12px}.plan-footnote .text-link{margin-top:10px;font-size:13px}.cycle-note{font-size:11px}.sales-notice{font-size:11px}.faq-section{display:block;padding-block:0 45px}.faq-list{margin-top:24px}.faq-list summary{font-size:14px}.faq-list details{padding-block:17px}.closing{display:block;padding:28px}.closing h2{font-size:31px}.closing>div:last-child{margin-top:25px}.closing .eyebrow{font-size:11px}.closing .button{font-size:13px;min-height:46px}.closing>div:last-child>p{font-size:10px}.footer{padding-block:35px 24px}.footer-top{gap:16px;flex-wrap:wrap;padding-bottom:24px}.footer-brand img{width:115px}.footer-top>span{font-size:10px}.support{margin:0;font-size:12px;flex-basis:100%}.footer-bottom{gap:12px;font-size:10px}.footer-bottom>div{gap:18px}.preview-note{flex-basis:100%;font-size:9px}.theme-toggle{display:none}}
@media(max-width:370px){.container{width:calc(100% - 32px)}.hero h1{font-size:35px}.hero-actions{gap:10px}.hero-actions .button{font-size:11px;padding-inline:10px}.hero-actions .text-link{font-size:11px}.header-actions .button-small{padding-inline:9px}.header-actions{gap:4px}.brand img{width:120px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* ---- premium.css ---- */
/* Refined art direction: ink, warm paper, restrained brass and brick. */
.container{width:min(1280px,calc(100% - 112px))}
.top{position:relative;isolation:isolate}
.top::before{content:"";position:absolute;inset:0 50% 0 auto;width:1px;background:rgba(var(--qashda-rgb),.02);pointer-events:none;z-index:-1}
.header{height:100px;border-color:var(--hudud)}
.brand img{width:145px}
.nav{gap:34px;font-size:14px}
.header-actions{gap:19px}
.hero{grid-template-columns:1.04fr 1fr;gap:70px;padding-block:70px 54px;min-height:690px}
.hero-copy{padding-bottom:30px}
.hero .eyebrow{font-size:12px;color:var(--nass-2);margin-bottom:26px}
.tiny-line{width:33px;background:var(--yellow)}
.hero h1{font-weight:650;font-size:clamp(44px,4.8vw,69px);line-height:1.34;letter-spacing:0}
.hero h1>span:not(.w){color:var(--yellow)}
.hero-description{font-size:17px;line-height:1.95;max-width:440px;margin-top:27px;color:var(--nass-2)}
.hero-actions{gap:25px;margin-top:32px}
.hero-note{font-size:12px;margin-top:18px;color:var(--shurooh)}
.hero .text-link{font-size:14px;color:var(--nass-2);border-color:var(--hudud);padding-bottom:2px}
.product-frame{position:relative;background:var(--layl-2);border:1px solid var(--hudud);padding:19px;border-radius:16px;box-shadow:0 32px 50px rgba(0,0,0,.25)}
.product-frame::before{content:"";position:absolute;width:56px;height:3px;top:-2px;inset-inline-end:24px;background:var(--yellow)}
.preview-caption{margin-bottom:17px;font-size:11px;color:var(--shurooh)}
.demo-tag{font-size:10px;border:0;padding:0;color:var(--shurooh)}
.workspace{box-shadow:0 6px 20px rgba(0,0,0,.13);border:0;border-radius:2px}
.workspace-top{height:45px;padding-inline:16px;font-size:12px}
.workspace-mark{border-radius:1px;width:24px;height:24px}
.workspace-nav{height:36px;font-size:11px;padding-inline:16px}
.workspace-content{padding:16px}
.board-heading{margin-bottom:12px}
.board-heading h2{font-size:19px;line-height:1.45}
.board-heading .muted{font-size:10px}
.board{gap:11px}
.board-column{padding:8px;border-radius:2px;background:var(--layl-3)}
.column-label{font-size:11px;margin-bottom:5px}
.task{border-radius:2px;padding:9px;line-height:1.3}
.task-category{font-size:10px}
.task h3{font-size:12px;margin-top:5px;line-height:1.6}
.task>p{font-size:10px;line-height:1.7}
.task-bottom{margin-top:10px}
.workspace-footer{margin-top:12px;padding-top:10px;font-size:10px;line-height:1.6}
.task-image{aspect-ratio:16/9}
.product-switch{display:flex;gap:24px;border-top:1px solid var(--hudud);margin-top:18px}
.product-switch button{position:relative;background:none;border:0;border-top:1px solid transparent;padding:13px 0 1px;display:flex;align-items:center;gap:10px;font-size:12px;min-height:44px;color:var(--shurooh)}
.product-switch button span{font-size:10px;font-family:var(--font-body);color:var(--shurooh)}
.product-switch button[aria-pressed=true]{color:var(--qashda);border-top-color:var(--yellow)}
.product-switch button[aria-pressed=true] span{color:var(--yellow)}
.product-caption{margin-top:15px;font-size:11px;justify-content:flex-start;padding-inline:3px}
.creative-preview{background:var(--layl-2);color:var(--qashda);border-radius:2px;padding:16px;min-height:406px;display:flex;flex-direction:column;justify-content:space-between}
.creative-heading{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:16px;color:var(--shurooh)}
.creative-preview>img{width:100%;aspect-ratio:16/9;height:auto}
.creative-meta{display:flex;align-items:center;justify-content:space-between;padding-top:15px;gap:15px}
.creative-meta p{font-size:12px;color:var(--nass-2)}
.creative-meta h2{font-size:24px}
.creative-meta>span{font-size:11px;border-inline-start:1px solid var(--hudud);padding-inline-start:15px;color:var(--shurooh)}
.creative-meta b{font-weight:400}
.creative-disclaimer{font-size:10px;color:var(--shurooh);margin-top:14px;border-top:1px solid var(--hudud);padding-top:10px}
.product-stage{display:grid}
.product-stage>.workspace,.product-stage>.creative-preview{grid-area:1/1}
.product-stage>.workspace[hidden]{display:block!important;visibility:hidden;pointer-events:none}
.product-stage>.creative-preview[hidden]{display:flex!important;visibility:hidden;pointer-events:none}
.hero-bottom{border-color:var(--hudud);padding-block:24px;font-size:12px}
.hero-bottom>div{gap:42px}
.hero-bottom>span:first-child{color:var(--nass-2)}
.section{padding-block:105px}
h2{font-size:clamp(32px,3.4vw,48px);line-height:1.42;letter-spacing:0;font-weight:600}
.section-intro{margin-bottom:52px;align-items:center}
.section-eyebrow{font-size:12px;letter-spacing:0;margin-bottom:21px}
.section-description{font-size:16px;max-width:435px}
.section-description .text-link{font-size:14px;margin-top:24px}
.accent-underline{text-decoration:none;position:relative}
.space-section .accent-underline{color:var(--primary)}
.features{border-color:var(--border);gap:0}
.features article{padding-block:35px;padding-inline:32px;border-color:var(--border)}
.feature-number{font-size:12px;color:var(--primary);margin-bottom:25px;letter-spacing:1px}
.features h3{font-size:24px;font-weight:550}
.features p{font-size:14px;line-height:1.9;margin-top:12px}
.feature-visual,.mini-week{margin-top:29px;border-radius:1px}
.feature-visual{background:var(--field);min-height:66px;padding:12px}
.illustration-note{font-size:11px;margin-top:17px}
.about-section{padding-block:52px;border-top:1px solid var(--line)}
.about-section .section-intro{margin-bottom:0}
.about-section .section-description p+p{margin-top:14px}
.about-section .section-description .text-link{margin-inline-end:22px;margin-top:16px}
.sales-notice a{text-decoration:underline;text-underline-offset:4px}
.design-section{background:var(--layl-3);border:0;color:var(--qashda);padding-block:98px}
.design-grid{grid-template-columns:.8fr 1.15fr;gap:104px}
.design-copy .section-eyebrow{color:var(--shurooh)}
.design-copy h2{font-size:46px;line-height:1.45}
.design-copy .accent-underline{color:var(--yellow)}
.design-copy>p:not(.eyebrow):not(.availability){font-size:16px;line-height:1.95;max-width:350px;color:var(--nass-2)}
.design-types span{border:0;border-inline-start:1px solid var(--hudud);padding:0 12px;font-size:12px;border-radius:0}
.design-types span:first-child{padding-inline-start:0;border:0}
.design-copy .button{margin-top:31px}
.availability{font-size:12px;max-width:330px;color:var(--shurooh)}
.gallery{padding:0;border:1px solid var(--hudud);border-radius:2px;background:var(--layl-2)}
.gallery-top{padding:18px 20px;margin:0;font-size:12px;border-bottom:1px solid var(--hudud);color:var(--nass-2)}
.main-design{transform:none;box-shadow:none;border:0;border-radius:0;background:none;padding:16px 16px 0}
.main-design img{border-radius:0}
.main-design figcaption{padding:14px 1px 18px;color:var(--nass-2);font-size:11px}
.gallery-controls{display:flex;gap:10px;padding:0 16px 16px}
.sample-button{background:none;color:var(--nass-2);border:1px solid var(--hudud);display:flex;gap:10px;align-items:center;text-align:right;padding:7px;min-width:0;flex:1;font-size:11px}
.sample-button img{width:60px;height:38px}
.sample-button[aria-pressed=true]{background:var(--layl-3);border-color:var(--jamr);color:var(--qashda)}
.sample-button:hover{border-color:var(--jamr)}
.sample-number{font:700 10px var(--font-display);margin-inline-start:auto;color:var(--shurooh)}
.pricing-toolbar{border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:0;font-size:12px}
.tabs{border:0;border-radius:0;padding:0;gap:26px}
.tabs button{padding:12px 0;min-width:0;font-size:17px;position:relative;border-radius:0}
.tabs button[aria-selected=true]{background:none;color:var(--ink)}
.tabs button[aria-selected=true]::after{content:"";position:absolute;bottom:-19px;inset-inline:0;height:2px;background:var(--red)}
.plans{gap:0}
.plan{background:transparent;border:0;border-inline-start:1px solid var(--line);border-radius:0;padding:34px}
.plan:first-child{border-inline-start:0;padding-inline-start:0}
.plan:last-child{padding-inline-end:0}
.plan-heading{display:block}
.plan-heading h3{font-size:29px;font-weight:550}
.plan-heading>span{font-size:12px;display:block;margin-top:2px}
.price{font-size:52px;font-weight:450;margin-block:20px 27px}
.price>span{font-size:12px}
.plan-main{font-size:16px}
.plan>p:not(.price):not(.plan-main){font-size:13px}
.plan-state{font-size:12px;padding-top:19px;margin-top:26px}
.plan-footnote{border-top:1px solid var(--line);padding-top:24px}
.faq-section{grid-template-columns:.75fr 1fr;padding-block:4px 100px;gap:100px}
.faq-list details{padding-block:24px}
.faq-list summary{font-size:16px}
.closing{width:100%;border-radius:0;padding:65px max(56px,calc((100vw - 1280px)/2));position:relative;overflow:hidden;isolation:isolate}
.closing h2{font-size:49px;line-height:1.35}
.closing>div:last-child{text-align:right}
.closing>div:last-child>p{font-size:12px}
.footer{padding-block:48px 25px}
.footer-top{padding-bottom:38px}
.footer-top>span{font-size:12px}
.footer-bottom{font-size:12px}
.preview-note{font-size:11px}
/* Geometric, CSS-drawn interface marks, never emoji glyphs. */
.small-check,.check-box{font-size:0!important}
.small-check::before,.check-box::before{content:"";width:8px;height:5px;display:inline-block;border-left:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(-45deg);vertical-align:middle}
.small-check{width:12px;flex-shrink:0}
.theme-toggle span{display:block;width:16px;height:16px;border:1px solid currentColor;border-radius:50%;font-size:0;background:linear-gradient(90deg,currentColor 50%,transparent 50%);margin:auto}
.workspace-dots{font-size:0!important;width:15px;height:3px;background:radial-gradient(circle,currentColor 1px,transparent 1.8px) 0 0 / 5px 3px}
.faq-list summary>span{position:relative;width:16px;height:16px;font-size:0;flex-shrink:0}
.faq-list summary>span::before,.faq-list summary>span::after{content:"";position:absolute;background:currentColor;left:0;top:7px;width:16px;height:1px}
.faq-list summary>span::after{transform:rotate(90deg)}
@media(min-width:1600px){.hero{padding-block:90px 74px}.hero h1{font-size:72px}.hero-description{font-size:18px}}
@media(max-width:1150px){.container{width:calc(100% - 72px)}.hero{gap:38px;padding-block:56px;min-height:650px;grid-template-columns:1fr 1fr}.hero h1{font-size:49px}.hero-description{font-size:16px}.hero-actions{gap:18px}.hero-actions .button{font-size:13px;gap:18px}.product-frame{padding:14px}.board-heading h2{font-size:17px}.workspace-content{padding:12px}.task h3{font-size:11px}.design-grid{gap:58px}.design-copy h2{font-size:38px}.sample-button img{width:45px;height:28px}.sample-number{display:none}.closing{width:100%;padding-inline:36px}.section{padding-block:80px}.feature-visual{padding:10px}}
@media(max-width:900px){.container{width:calc(100% - 56px)}.header{height:88px;gap:18px}.brand img{width:125px}.nav{gap:19px;font-size:13px}.header-actions{gap:9px}.header .button{padding-inline:14px;min-height:44px}.hero{gap:28px;padding-block:48px;min-height:600px;grid-template-columns:1fr 1fr}.hero h1{font-size:40px;letter-spacing:0}.hero-copy{padding-bottom:0}.hero .eyebrow{font-size:11px;margin-bottom:22px}.hero-description{font-size:15px;line-height:1.9}.hero-actions{gap:13px;margin-top:24px}.hero-actions .button{min-height:48px;font-size:12px;padding-inline:13px;gap:14px}.hero-actions .text-link{font-size:12px}.hero-note{font-size:11px}.preview-caption{font-size:10px;gap:8px;margin-bottom:13px}.demo-tag{font-size:9px}.product-frame{padding:11px}.workspace-top{font-size:11px;padding-inline:10px}.workspace-nav{font-size:10px;padding-inline:10px;gap:16px}.workspace-content{padding:10px}.board-heading h2{font-size:15px}.task{padding:7px}.task h3{font-size:10px}.task>p{font-size:9px}.task-category{font-size:9px}.board-column{padding:5px}.column-label{font-size:10px;gap:3px}.board{gap:7px}.product-switch{gap:16px;margin-top:12px}.product-switch button{font-size:10px;gap:7px;padding-top:10px}.product-caption{font-size:10px}.workspace-footer{font-size:9px}.creative-preview{padding:11px;min-height:375px}.creative-meta h2{font-size:20px}.hero-bottom>div{gap:26px}.hero-bottom{font-size:11px}.section-intro{gap:35px}.section-description{font-size:14px;max-width:330px}.section-eyebrow{font-size:11px}.features article{padding-inline:22px}.features h3{font-size:20px}.features p{font-size:13px}.features .feature-visual{min-height:70px;font-size:10px}.design-grid{gap:38px}.design-copy h2{font-size:34px}.design-copy>p:not(.eyebrow):not(.availability){font-size:14px}.gallery-top{padding:14px;font-size:10px}.main-design{padding:10px 10px 0}.gallery-controls{padding:0 10px 10px;gap:7px}.sample-button{gap:5px;font-size:9px;padding:5px}.sample-button img{width:38px;height:24px}.main-design figcaption{font-size:10px}.price{font-size:45px}.plan{padding-inline:23px}.plan-main{font-size:14px}.plan>p:not(.price):not(.plan-main){font-size:11px}.faq-section{gap:45px}.closing{width:100%;padding:50px 28px}.closing h2{font-size:40px}.footer-bottom{font-size:11px}}
@media(max-width:650px){.container{width:calc(100% - 40px)}.header{height:78px}.nav{top:78px;font-size:14px}.header .button{padding-inline:12px;min-height:40px}.header-actions{gap:6px}.brand img{width:120px}.hero{grid-template-columns:1fr;padding-block:36px 30px;gap:29px;min-height:0}.hero .eyebrow{font-size:11px;margin-bottom:17px}.hero h1{font-size:44px;line-height:1.28;letter-spacing:0}.hero-description{font-size:15px;line-height:1.9;margin-top:19px;max-width:350px}.hero-actions{margin-top:23px;gap:22px}.hero-actions .button{font-size:12px;padding-inline:15px;min-height:49px;gap:14px}.hero-actions .text-link{font-size:12px;gap:12px}.hero-note{font-size:10px;margin-top:13px}.product-frame{padding:13px}.preview-caption{font-size:10px;margin-bottom:14px}.demo-tag{font-size:9px}.workspace-top{height:43px;font-size:12px}.workspace-nav{height:34px;font-size:10px}.workspace-content{padding:11px}.board-heading h2{font-size:16px}.board-heading{margin-bottom:12px}.board{gap:8px}.task{padding:8px}.task h3{font-size:11px}.task>p{font-size:9px}.task-category{font-size:9px}.workspace-footer{font-size:9px;margin-top:12px}.board-column{padding:6px}.task-bottom{margin-top:10px}.product-switch{gap:26px;margin-top:14px}.product-switch button{font-size:11px;gap:9px}.product-caption{font-size:10px;margin-top:14px}.hero-bottom{padding-block:18px}.hero-bottom>div{font-size:10px;gap:26px}.creative-preview{min-height:385px;padding:12px}.creative-meta h2{font-size:23px}.creative-disclaimer{font-size:10px}.section{padding-block:56px}.section-intro{margin-bottom:32px}.section-eyebrow{font-size:11px;margin-bottom:17px}h2{font-size:32px;line-height:1.4}.section-description{margin-top:21px;font-size:14px;max-width:none}.section-description .text-link{margin-top:15px;font-size:13px}.features article,.features article:first-child,.features article:last-child{padding-block:25px;column-gap:20px;row-gap:8px}.feature-number{margin:0;font-size:11px}.features h3{font-size:23px}.features p{font-size:13px;min-height:0;margin:0}.feature-visual,.mini-week{margin-top:4px}.feature-visual{background:var(--field)}.illustration-note{font-size:10px}.design-section{padding-block:53px}.design-grid{gap:32px;grid-template-columns:1fr}.design-copy h2{font-size:36px}.design-copy>p:not(.eyebrow):not(.availability){font-size:15px;max-width:none}.design-types span{font-size:12px}.design-copy .button{font-size:13px;min-height:50px;padding-block:12px;margin-top:25px}.availability{font-size:11px;margin-top:15px}.gallery-top{font-size:10px;padding:14px}.main-design{padding:10px 10px 0}.main-design figcaption{font-size:10px;padding-block:12px 14px}.gallery-controls{gap:8px;padding:0 10px 12px}.sample-button{font-size:10px;padding:6px;gap:8px}.sample-button img{width:45px;height:28px}.tabs{gap:25px;margin-bottom:12px}.tabs button{min-width:0;font-size:17px;padding-block:8px}.tabs button[aria-selected=true]::after{bottom:-7px}.pricing-toolbar{padding-bottom:15px;margin-top:27px}.pricing-toolbar>span{font-size:11px;margin-top:7px}.plans{gap:0}.plan,.plan:first-child,.plan:last-child{border:0;border-bottom:1px solid var(--line);padding:25px 0;grid-template-columns:1fr 1fr}.plan-heading h3{font-size:26px}.plan-heading>span{font-size:11px}.price{font-size:40px;margin:0}.price>span{font-size:11px}.plan-main{font-size:14px;margin-top:16px}.plan>p:not(.price):not(.plan-main){font-size:12px}.plan-state{border:0;padding:0;margin-top:14px;font-size:11px}.plan-footnote{border:0;padding-top:22px}.plan-footnote p{font-size:12px}.faq-section{padding-block:0 55px;display:block}.faq-list{margin-top:26px}.faq-list details{padding-block:21px}.faq-list summary{font-size:14px}.faq-list details p{font-size:13px}.closing{width:100%;padding:40px 26px}.closing h2{font-size:37px}.closing>div:last-child{margin-top:27px}.closing>div:last-child>p{font-size:11px}.footer{padding-block:37px 24px}.footer-top{padding-bottom:27px}.footer-top>span{font-size:11px}.footer-bottom{font-size:10px}.preview-note{font-size:10px}}
@media(max-width:370px){.container{width:calc(100% - 32px)}.hero h1{font-size:40px}.hero-actions{gap:15px}.hero-actions .button{padding-inline:12px;font-size:11px}.hero-actions .text-link{font-size:11px}.product-switch{gap:22px}.closing{width:100%}.hero-bottom>div{gap:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* ---- advanced.css ---- */
/* Advanced layer: atmosphere, motion, and live details on top of the premium direction. */
:root{--ease-out:var(--e-jamr);--header-h:100px}
.top{position:relative;overflow:hidden;padding-top:var(--header-h);isolation:auto}
.top::before{display:none}
.hero-backdrop{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
/* هوية «آخر قيم» 1.0: توهّج جمر واحد على الليل؛ لا شبكة ولا ضجيج ولا انجراف (الحركة في /identity/motion.css). */
.backdrop-grid,.backdrop-noise,.glow-b{display:none}
.glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:1;will-change:opacity}
.glow-a{width:640px;height:640px;background:radial-gradient(closest-side,rgba(var(--jamr-rgb),.18),transparent);top:-160px;right:10%}
.top>.hero,.top>.hero-bottom{position:relative;z-index:1}
/* Fixed glass header with reading progress */
.header-shell{position:fixed;top:0;inset-inline:0;z-index:60;background:transparent;color:var(--qashda);transition:background var(--t-lamsa) var(--e-jamr),box-shadow var(--t-lamsa) var(--e-jamr)}
.header-shell.is-scrolled{background:rgba(var(--layl-rgb),.85);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);box-shadow:0 1px 0 var(--hudud),0 20px 40px rgba(0,0,0,.3)}
.header-shell::after{content:"";position:absolute;bottom:0;inset-inline:0;height:1px;background:linear-gradient(90deg,transparent,var(--yellow) 40%,var(--yellow) 60%,transparent);transform:scaleX(var(--progress,0));transform-origin:right;opacity:0;transition:opacity var(--t-lamsa) var(--e-jamr)}
.header-shell.is-scrolled::after{opacity:1}
.header{border-bottom:0;height:var(--header-h)}
.nav a{position:relative;padding-block:6px}
.nav a::after{content:"";position:absolute;bottom:0;inset-inline:0;height:1px;background:var(--yellow);transform:scaleX(0);transform-origin:right;transition:transform var(--t-intiqal) var(--e-jamr)}
.nav a:hover::after,.nav a.is-active::after{transform:scaleX(1)}
.nav a.is-active{color:var(--qashda)}
/* Typography: metallic sheen on the accent line */
.hero-signals{list-style:none;margin:34px 0 0;padding:22px 0 0;border-top:1px solid var(--hudud);display:flex;gap:30px;font-size:12px;color:var(--shurooh)}
.hero-signals li{display:flex;gap:9px;align-items:baseline}
.hero-signals span{font:500 11px/1.4 var(--font-body);color:var(--yellow);letter-spacing:0}
/* Buttons with depth */
/* Product frame: glass, tilt, live strip */
.product-frame{background:var(--layl-2);border-color:var(--hudud);box-shadow:0 40px 80px rgba(0,0,0,.4)}
.product-frame::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(600px circle at var(--mx,70%) var(--my,20%),rgba(var(--qashda-rgb),.06),transparent 55%);opacity:0;transition:opacity var(--t-lamsa) var(--e-jamr)}
.hero-product:hover .product-frame::after{opacity:1}
.live-strip{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--nass-2);background:var(--layl-3);border:1px solid var(--hudud);padding:6px 10px;border-radius:2px;margin-bottom:12px;min-height:29px}
.live-strip #live-text{transition:opacity var(--t-intiqal) var(--e-rahil),transform var(--t-intiqal) var(--e-rahil);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-strip.is-swapping{opacity:1;transform:none;transition:none}.live-strip.is-swapping #live-text{opacity:0;transform:translateX(-8px)}
.live-dot{width:6px;height:6px;border-radius:50%;background:var(--jamr);flex-shrink:0}
.live-time{color:var(--shurooh);font-size:9px;flex-shrink:0}
.task{transition:transform var(--t-intiqal) var(--e-jamr),box-shadow var(--t-lamsa) var(--e-jamr),border-color var(--t-lamsa) var(--e-jamr)}
.task.is-highlight{border-color:var(--jamr);box-shadow:var(--ring)}
.task-image{transition:transform var(--t-intiqal) var(--e-jamr)}
/* Marquee */
.hero-bottom>.marquee{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent);mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent);margin-inline:40px}
.marquee-track{display:flex;gap:0;width:max-content}
.marquee-track span{padding-inline:26px;border-inline-start:1px solid var(--hudud);color:var(--nass-2);white-space:nowrap}
.marquee-track span:first-child{border:0}
.hero-bottom>.marquee:hover .marquee-track{animation-play-state:paused}
/* Section reveal: opacity + blur only, no layout shift */
/* Spotlight cards */
.plan,.features article{position:relative;isolation:isolate}
.plan::before,.features article::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%),rgba(var(--jamr-rgb),.12),transparent 60%);opacity:0;transition:opacity var(--t-lamsa) var(--e-jamr);pointer-events:none}
.plan:hover::before,.features article:hover::before{opacity:1}
.plan{transition:background var(--t-lamsa) var(--e-jamr)}
.plan:hover{background:rgba(var(--qashda-rgb),.03)}
.price{position:relative}
.price::before{content:"";position:absolute;top:50%;inset-inline-end:calc(100% + 12px);width:0;height:1px;background:var(--yellow)}
/* Design section: prompt demo and gallery depth */
.design-section{position:relative;overflow:hidden}
.design-section::before{display:none}
.design-grid{position:relative}
.gallery{background:var(--layl-2);box-shadow:0 30px 70px rgba(0,0,0,.35)}
.prompt-demo{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--hudud);font-size:12px;color:var(--qashda);min-height:44px}
.prompt-label{font:500 10px/1.4 var(--font-body);letter-spacing:0;color:var(--shurooh);border:1px solid var(--hudud);padding:5px 7px;flex-shrink:0}
.prompt-text{min-height:1.4em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prompt-caret{display:inline-flex;align-items:center;flex-shrink:0;color:var(--primary)}
.prompt-caret svg{display:block}
.main-design img{transition:opacity var(--t-dukhul) var(--e-jamr)}
.main-design{position:relative}
.main-design::after{content:"";position:absolute;inset:16px 16px auto;aspect-ratio:16/9;background:linear-gradient(120deg,transparent 35%,rgba(var(--jamr-rgb),.18) 50%,transparent 65%);transform:translateX(-120%);pointer-events:none}
.sample-button{transition:border-color var(--t-lamsa) var(--e-jamr),background var(--t-lamsa) var(--e-jamr),color var(--t-lamsa) var(--e-jamr)}
/* Closing: refined depth */
.closing{background:var(--layl-3)}
.closing::after{content:"";position:absolute;width:700px;height:700px;border-radius:50%;filter:blur(110px);background:radial-gradient(circle,rgba(var(--jamr-rgb),.18),transparent 60%);left:-200px;top:-300px;z-index:-1;pointer-events:none}
/* Dark theme adjustments */
/* Responsive */
@media(max-width:1150px){.hero-signals{gap:18px;font-size:11px}}
@media(max-width:900px){:root{--header-h:88px}.hero-signals{flex-wrap:wrap;gap:12px 20px;margin-top:24px;padding-top:16px}.marquee-track span{padding-inline:16px}.hero-bottom>.marquee{margin-inline:20px}.glow-a{width:380px;height:380px}.glow-b{width:420px;height:420px}}
@media(max-width:650px){:root{--header-h:78px}.hero-signals{display:none}.hero-bottom{display:flex!important;text-align:start}.hero-bottom>.marquee{margin:0}.hero-bottom>span:first-child{display:none}.prompt-demo{padding:10px 12px;font-size:11px}.prompt-label{font-size:9px}.product-frame{transform:none!important}}
@media(hover:none){.product-frame{transform:none!important}}
@media(prefers-reduced-motion:reduce){.glow,.hero h1>span,.live-dot,.marquee-track,.prompt-caret{animation:none!important}.hero h1>span:not(.w){color:var(--yellow);background:none}.reveal{opacity:1;filter:none}.product-frame{transform:none!important}.marquee-track{width:auto;flex-wrap:wrap}.marquee-track span[aria-hidden]{display:none}}

/* ---- interactive.css ---- */
/* Interactive layer: working demos inside the preview, command palette, cursor. */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Header palette trigger */
.palette-trigger{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--hudud);color:var(--nass-2);font-size:12px;padding:0 12px;min-height:38px;border-radius:2px;transition:border-color var(--t-lamsa) var(--e-jamr),color var(--t-lamsa) var(--e-jamr)}
.palette-trigger:hover{border-color:var(--qashda);color:var(--qashda)}
kbd{font:500 10px/1 var(--font-body);border:1px solid var(--hudud);border-bottom-width:2px;padding:3px 5px;border-radius:2px;color:inherit;letter-spacing:.3px}
/* Workspace tabs as real controls */
.workspace-nav button{background:none;border:0;padding:0;color:inherit;font:inherit;display:flex;align-items:center;border-bottom:2px solid transparent;cursor:pointer;transition:color var(--t-lamsa) var(--e-jamr),border-color var(--t-lamsa) var(--e-jamr)}
.workspace-nav button:hover{color:var(--qashda)}
.workspace-nav button.selected{color:var(--qashda);border-bottom-color:var(--jamr)}
.workspace-nav button:focus-visible{outline-offset:-3px}
.ws-view[hidden]{display:none}
.drag-hint{font-size:9px;color:var(--shurooh);margin-top:10px}
/* Draggable tasks */
.task{cursor:grab;touch-action:none;user-select:none;position:relative}

.task.is-dragging{cursor:grabbing;pointer-events:none;z-index:8;box-shadow:0 18px 36px rgba(0,0,0,.2),0 0 0 1px var(--jamr);transition:none}
.board-column{transition:background var(--t-lamsa) var(--e-jamr),box-shadow var(--t-lamsa) var(--e-jamr)}
.board-column.is-over{background:var(--layl-2);box-shadow:inset 0 0 0 1.5px var(--jamr)}
/* Calendar view */
.cal{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;min-height:236px}
.cal-day{background:var(--layl-3);border-radius:2px;padding:8px 6px;display:flex;flex-direction:column;gap:6px;font-size:10px;color:var(--shurooh)}
.cal-day b{font:500 16px/1 var(--heading);color:var(--qashda)}
.cal-day.is-today{background:var(--jamr);color:var(--layl)}
.cal-day.is-today b{color:var(--layl)}
.cal-day i{font-style:normal;background:var(--layl-2);border:1px solid var(--hudud);border-radius:2px;padding:5px 6px;font-size:9px;color:var(--qashda);line-height:1.5;margin-top:auto}
.cal-day i.review{border-color:var(--jamr);background:rgba(var(--jamr-rgb),.12)}
.cal-day i.publish{border-color:var(--thalj);background:rgba(var(--thalj-rgb),.12)}
/* Version compare */
.pending{font-size:10px;color:var(--jamr);border:1px solid rgba(var(--jamr-rgb),.3);padding:3px 8px;border-radius:var(--r-pill);background:rgba(var(--jamr-rgb),.12)}
.compare{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:2px;direction:ltr;background:var(--layl-3)}
.compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.compare .v1{clip-path:inset(0 calc(100% - var(--p)) 0 0);filter:grayscale(1) contrast(.85) brightness(.9)}
.compare-handle{position:absolute;top:0;bottom:0;left:var(--p);width:2px;background:var(--qashda);transform:translateX(-1px);box-shadow:0 0 0 1px rgba(0,0,0,.25)}
.compare-handle::after{content:"";position:absolute;top:50%;left:50%;width:26px;height:26px;border-radius:50%;background:var(--qashda);transform:translate(-50%,-50%);box-shadow:0 4px 12px rgba(0,0,0,.3);background-image:linear-gradient(90deg,transparent 45%,var(--layl) 45%,var(--layl) 55%,transparent 55%)}
.v-label{position:absolute;bottom:8px;font:500 10px var(--font-body);background:rgba(0,0,0,.4);color:var(--qashda);padding:3px 7px;border-radius:2px;pointer-events:none}
.v1-label{left:8px}.v2-label{right:8px}
.compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:ew-resize}
.compare input:focus-visible~.compare-handle,.compare:has(input:focus-visible) .compare-handle{background:var(--yellow)}
.notes{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.notes span{font-size:9px;background:var(--layl-2);border:1px solid var(--hudud);padding:4px 8px;border-radius:2px;color:var(--nass-2)}
/* Sticker editor on the featured design */
.main-design .canvas{position:relative}
.sticker{position:absolute;font:700 clamp(12px,1.4vw,20px)/1 var(--heading);color:var(--layl);background:var(--sticker,var(--jamr));padding:.45em .7em;border-radius:2px;box-shadow:0 6px 16px rgba(0,0,0,.4);transition:top var(--t-intiqal) var(--e-jamr),left var(--t-intiqal) var(--e-jamr),right var(--t-intiqal) var(--e-jamr),bottom var(--t-intiqal) var(--e-jamr),background var(--t-lamsa) var(--e-jamr),color var(--t-lamsa) var(--e-jamr);white-space:nowrap;max-width:60%;overflow:hidden;text-overflow:ellipsis;letter-spacing:0}
.sticker[data-corner="0"]{top:6%;right:4%}
.sticker[data-corner="1"]{top:6%;left:4%}
.sticker[data-corner="2"]{bottom:8%;left:4%}
.sticker[data-corner="3"]{bottom:8%;right:4%}
.sticker.is-light{color:var(--layl)}
.sticker.is-dark{color:var(--qashda)}
.editor-bar{display:flex;align-items:center;gap:14px;padding:0 16px 14px;flex-wrap:wrap;font-size:11px;color:var(--nass-2)}
.editor-bar label{display:flex;align-items:center;gap:8px}
.editor-bar input{background:var(--layl-3);border:1px solid var(--hudud);color:var(--qashda);font:13px var(--heading);padding:6px 10px;width:150px;border-radius:2px}
.editor-bar input:focus-visible{outline:2px solid var(--yellow);outline-offset:1px}
.swatches{display:flex;gap:6px}
.swatches button{width:24px;height:24px;border-radius:50%;border:2px solid var(--layl);background:var(--c);cursor:pointer;padding:0;transition:transform var(--t-intiqal) var(--e-jamr),border-color var(--t-lamsa) var(--e-jamr)}
.swatches button:hover{transform:scale(1.04)}
.swatches button[aria-pressed=true]{border-color:var(--qashda)}
.corner-cycle{background:none;border:1px solid var(--hudud);color:var(--nass-2);font:inherit;font-size:11px;padding:6px 10px;border-radius:2px;min-height:36px;cursor:pointer;transition:border-color var(--t-lamsa) var(--e-jamr),color var(--t-lamsa) var(--e-jamr)}
.corner-cycle:hover{border-color:var(--jamr);color:var(--qashda)}
.editor-note{margin-inline-start:auto;color:var(--shurooh);font-size:10px;border-inline-start:1px solid var(--hudud);padding-inline-start:12px}
/* Pricing calculators */
.calc{margin-top:36px;border:1px solid var(--line);border-radius:2px;display:grid;grid-template-columns:.8fr 1.2fr;background:var(--card);overflow:hidden}
.calc-head{padding:30px 32px;border-inline-end:1px solid var(--line)}
.calc-eyebrow{font-size:11px;color:var(--primary);letter-spacing:0;display:block;margin-bottom:12px}
.calc-head h3{font-size:24px;font-weight:550}
.calc-head p{font-size:12px;color:var(--muted);margin-top:10px;line-height:1.8}
.calc-body{padding:30px 32px;display:grid;gap:12px;align-content:start}
.calc-body label{display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}
.calc-body output{font:500 18px/1 var(--heading);color:var(--ink)}
.calc-body input[type=range]{width:100%;accent-color:var(--red);height:28px;margin:0}
.calc-result{display:flex;align-items:baseline;gap:12px;margin-top:8px;padding-top:16px;border-top:1px solid var(--line)}
.calc-plan{font:550 20px/1 var(--heading);color:var(--ink);transition:color var(--t-lamsa) var(--e-jamr)}
.calc-result b{font:450 40px/1 var(--heading);direction:ltr;color:var(--red);transition:color var(--t-lamsa) var(--e-jamr)}
.calc-unit{font-size:12px;color:var(--muted)}
.calc-note{font-size:12px;color:var(--muted);min-height:1.8em;line-height:1.8}
/* Command palette */
.palette{border:0;padding:0;background:transparent;max-width:none;width:100%;height:100%;max-height:none;margin:0;inset:0}
.palette::backdrop{background:rgba(var(--layl-rgb),.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.palette-box{width:min(560px,calc(100% - 40px));margin:14vh auto 0;background:var(--layl-2);border:1px solid var(--hudud);border-radius:var(--r-xl);box-shadow:0 40px 100px rgba(0,0,0,.4);overflow:hidden;color:var(--qashda);transition:transform var(--t-intiqal) var(--e-jamr),opacity var(--t-lamsa) var(--e-jamr)}
#palette-input{width:100%;background:transparent;border:0;border-bottom:1px solid var(--hudud);color:inherit;font:16px var(--body);padding:18px 20px;outline:none}
#palette-input::placeholder{color:var(--shurooh)}
#palette-list{list-style:none;margin:0;padding:8px;max-height:46vh;overflow:auto}
#palette-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;border-radius:2px;font-size:14px;cursor:pointer;color:var(--nass-2)}
#palette-list li small{font-size:11px;color:var(--shurooh)}
#palette-list li[aria-selected=true]{background:rgba(var(--qashda-rgb),.06);color:var(--qashda)}
#palette-list li[aria-selected=true] small{color:var(--yellow)}
#palette-list .empty{color:var(--shurooh);cursor:default;font-size:13px}
.palette-foot{display:flex;gap:18px;padding:10px 20px;border-top:1px solid var(--hudud);font-size:11px;color:var(--shurooh)}
.palette-foot kbd{margin-inline-end:4px}
/* Magnetic buttons and cursor ring (pointer devices only) */
/* Hero words reveal */
.hero h1 .w{display:inline-block}
.hero h1>span:has(.w){color:var(--yellow)}
/* Responsive */
@media(max-width:1150px){.calc{grid-template-columns:1fr}.calc-head{border-inline-end:0;border-bottom:1px solid var(--line)}}
@media(max-width:900px){.palette-trigger{display:none}.cal{min-height:200px}.cal-day i{font-size:8px;padding:4px}.calc-head,.calc-body{padding:22px}.calc-head h3{font-size:21px}.calc-result b{font-size:34px}.editor-bar{padding-inline:10px;gap:10px}.editor-bar input{width:120px}.editor-note{flex-basis:100%;border:0;padding:0;margin:0}}
@media(max-width:650px){.cal{gap:4px;min-height:190px}.cal-day{padding:6px 4px;font-size:9px}.cal-day b{font-size:14px}.drag-hint{font-size:9px}.sticker{font-size:12px}.calc{margin-top:24px}.calc-head,.calc-body{padding:18px}.calc-body label{font-size:12px}.calc-result b{font-size:30px}.calc-plan{font-size:17px}.palette-box{margin-top:8vh}.editor-bar input{width:110px;font-size:12px}}
@media(hover:none),(pointer:coarse){.cursor-ring{display:none}}
@media(prefers-reduced-motion:reduce){.hero h1 .w{animation:none!important;opacity:1;filter:none;transform:none}.hero h1>span .w{color:var(--yellow);background:none}.cursor-ring{display:none}.magnetic{transition:none}.palette[open] .palette-box{animation:none}.task.is-dropped{animation:none}.calc-result.is-bump b{animation:none}}

/* ---- coral.css ---- */
/* Palette shift: coral accent, black surfaces graduating into cream. */
.top{background:var(--layl-3)}
.top::before{display:none}
.tiny-line,.caption-line{background:var(--coral)}
.plan:nth-child(2){border-top-color:var(--coral)}
.skip-link{background:var(--coral);color:var(--on-primary)}

@media(prefers-reduced-motion:reduce){.hero h1>span:not(.w){color:var(--coral);background:none}}

/* ---- project: inline-style replacement (CSP style-src self) ---- */
.compare{--p:55%}

/* ---- project: أهداف لمس ≥44×44 في الهيدر بلا تغيير في التخطيط: الشعار يمتد رأسيًا داخل هيدر 78–104px، وزر القائمة وروابط القائمة على الأجهزة اللوحية تتوسع بهوامش سالبة فتحتل المساحة نفسها. عناصر قائمة الجوال المفتوحة (≤650px) تبقى كما في الحزمة. ---- */
.brand{display:inline-flex;align-items:center;min-height:44px}
.menu-toggle{min-width:44px;margin-inline:-2px}
@media (min-width:651px) and (max-width:900px){.nav a{display:inline-flex;align-items:center;min-height:44px;padding-inline:6px;margin-inline:-6px}.nav a::after{inset-inline:6px}}
/* زر الهيدر على الجوال (≤650px) يرتفع من 40 إلى 44px بقرار المالك (2026-09-28)؛ الهيدر 78px بمحاذاة مركزية فلا يتحرك شيء سوى حدود الزر 2px من كل جهة. */
@media (max-width:650px){.header .button{min-height:44px}}
/* ---- هوية «آخر قيم» 1.0: شعار الخدمة بعد شعار الأم (فاصل رأسي، ارتفاع 70%) ---- */
.brand-divider{width:1.5px;height:28px;background:var(--line);margin-inline:12px;flex:none}
.brand-service{display:inline-flex;align-items:center;min-height:44px;flex:none}
.brand-service img{height:30px;width:auto}
/* الهيدر يقع دائمًا على مسرح الهيرو الليلي، فشعار الخدمة (مثل شعار الأم) بنسخة الليل في المظهرين. */
.brand-service img.logo-ink{display:none}.brand-service img.logo-paper{display:block}
@media(max-width:650px){.brand-divider{margin-inline:8px;height:22px}.brand-service img{height:22px}}
/* D3 (مراجعة 29 سبتمبر): الشعار لا ينضغط أبدًا (كان 0px على 320 في صفحات الخدمات). الشعار الكامل لا ينزل تحت 120px
   (الدليل §2.5)، وفي صفحات الخدمات تحت 1151px تحلّ علامة الأم محله: «آخر قيم» ثم فاصل ثم اسم الخدمة كما في §3. */
.brand{flex:none}
/* ملف العلامة المعتمد مربّع (192×192) والرسم 92×56 في وسطه: العرض صريح بنسبة الرسم، وcover يقصّ الهامش الفارغ فوقه وتحته. */
.brand .brand-mark{display:none;width:46px;height:28px;object-fit:cover}
/* وبين 651 و1150 يضيق الهيدر: تنقل صفحة الخدمة كان ينكسر سطرين. .nav{gap:34px} العامة تلغي 20px المقصودة تحت 1150،
   فنعيدها لصفحات الخدمات فقط، وفجوة الهيدر تصغر للجميع (space-between يوزع الفائض فلا يتغير شيء حيث المساحة كافية). */
@media(max-width:1150px){.brand-with-service{min-width:44px;justify-content:center}.brand-with-service img{display:none}.brand-with-service .brand-mark{display:block}.brand-divider{margin-inline:0}.header{gap:20px}}
@media(min-width:901px) and (max-width:1150px){.brand-service~.nav{gap:20px}}
@media(max-width:900px){.header{gap:12px}}
@media(max-width:650px){.brand .brand-mark{width:39px;height:24px}}
@media(max-width:370px){.header{gap:10px}.header-actions .button-small{padding-inline:9px}.brand .brand-mark{width:36px;height:22px}.brand-service img{height:18px}}
@media(max-width:340px){.header{gap:8px}.header-actions .button-small{gap:6px}.brand .brand-mark{width:33px;height:20px}.brand-service img{height:16px}}

/* ==== هوية «آخر قيم» 1.0 — المكوّنات (HANDOFF §2.2) ==== */
/* الأزرار: كبسولة بلون الخدمة، نص ليل بخط العناوين، والقوس « هو السهم الوحيد (يتقدّم 5px عند التحويم، والضغطة 97%). */
.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;background:var(--primary);color:var(--on-primary);border:1.5px solid transparent;border-radius:var(--r-pill);font-family:var(--heading);font-weight:900;font-size:17px;line-height:1.4;letter-spacing:0;box-shadow:var(--glow);overflow:visible;transition:transform var(--t-lamsa) var(--e-jamr),filter var(--t-lamsa) var(--e-jamr)}
.button::after{display:none}
.button:hover{background:var(--primary);color:var(--on-primary);filter:brightness(.92);transform:none}
.button:active{transform:scale(.97)}
.button:disabled{opacity:.45;cursor:not-allowed;transform:none}
.chev{flex:none;width:14px;height:14px;transition:transform var(--t-lamsa) var(--e-jamr)}
.button:hover .chev,.text-link:hover .chev,.method:hover .chev,.support:hover .chev{transform:translateX(-5px)}
.button-small{min-height:40px;padding:0 16px;font-size:15px}
.button-block{width:100%}
.header .button,.button.secondary,.button-ghost{background:transparent!important;color:var(--secondary)!important;border-color:var(--secondary)!important;box-shadow:none!important;font-weight:700}
/* D4: القاعدة أعلاه تمحو box-shadow بـ!important، فكانت هذه الأزرار تعتمد على outline المحذوف؛ الحلقة تعود عند التركيز. */
.header .button:focus-visible,.button.secondary:focus-visible,.button-ghost:focus-visible{box-shadow:var(--ring)!important}
.header .button:hover,.button.secondary:hover:not(:disabled),.button-ghost:hover{background:rgba(var(--thalj-rgb),.08)!important;filter:none}
.svc-space .header .button:hover{background:rgba(var(--jamr-rgb),.1)!important}
.text-link{gap:10px;border-bottom:1.5px solid currentColor;padding-bottom:2px;font-weight:700}
.text-link .chev{width:12px;height:12px}
.support{display:inline-flex;align-items:center;gap:8px}
/* روابط القائمة: الخط السفلي بلون الخدمة الثانوي */
.nav a::after{height:1.5px;border-radius:99px}
/* الحقول: خلفية ليل أغمق، حدود، زوايا 12، حلقة تركيز بلون الخدمة */
.editor-bar input,#palette-input{border-radius:var(--r-sm)}
.editor-bar input:focus-visible{outline:none;border-color:var(--primary);box-shadow:var(--ring)}
input[type=range]{accent-color:var(--primary)}
/* الزوايا المعتمدة: 8 / 12 / 16 / 22 / 30 / كبسولة */
.demo-tag,.design-types span,.feature-assignee,.version,.prompt-label,.v-label{border-radius:var(--r-pill)}
.board-column,.cal-day,.cal-day i,.notes span,.live-strip,.compare,.corner-cycle,.sample-button,.task-image,.sticker,.calc,.calc-body input,.workspace-mark,.plan{border-radius:var(--r-sm)}
.workspace,.product-frame,.gallery,.creative-preview,.feature-visual,.mini-week span{border-radius:var(--r-lg)}
.nav.is-open{border-radius:var(--r-md)}
.tabs button{border-radius:0}
.palette-trigger{border-radius:var(--r-pill);padding-inline:14px}
/* التبويبات: الخط السفلي بلون الخدمة (ينزلق في المرحلة 3) */
.tabs button[aria-selected=true]::after{background:var(--primary);height:3px;border-radius:99px}
.workspace-nav button.selected,.workspace-nav .selected{border-bottom-color:var(--primary);border-bottom-width:2px}
/* الاختيار المرسوم بـ CSS: ضربة أسمك على نسبة جمرة */
.small-check::before,.check-box::before{border-left-width:2px;border-bottom-width:2px;border-radius:1px}
/* جمرة في الهيرو: بجانب العنوان بلون الخدمة (jamra.js تحوّلها لحيّة في المرحلة 3) */
.hero-jamra{width:110px;height:110px;margin-bottom:20px;color:var(--primary)}
.hero-jamra svg{display:block;width:100%;height:100%;overflow:visible}
.hero-jamra .face{fill:var(--layl-3)}
/* الحالات الفارغة والرسائل: بين قوسين وبجانبها جمرة */
.empty-jamra{display:inline-flex;align-items:center;gap:10px;color:var(--primary)}
.empty-jamra svg{flex:none}
#palette-list .empty{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;padding:24px 12px}
.msg-quote::before{content:"«"}.msg-quote::after{content:"»"}
.msg-quote:empty::before,.msg-quote:empty::after{content:none}
@media(max-width:900px){.hero-jamra{width:80px;height:80px;margin-bottom:14px}.button{font-size:15px;min-height:46px;padding-inline:18px}}
@media(max-width:650px){.hero-jamra{width:64px;height:64px;margin-bottom:12px}}

/* ==== هوية «آخر قيم» 1.0 — الحركة (MOTION.md؛ الحركات نفسها في /identity/motion.css) ==== */
/* دخول الشعار (Sting) مرة بالجلسة على الرئيسية: مسرح ليلي يغطي الصفحة 1.2 ثانية ثم يرحل يساراً 200ms (home.js) */
.sting-stage{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;background:var(--layl-3)}
.sting-stage.is-leaving{animation:akhir-exit var(--t-intiqal) var(--e-rahil) both}
.sting{display:flex;align-items:center;gap:14px;color:var(--jamr)}
.sting-a,.sting-b{display:inline-flex}
.sting-name{font-family:var(--heading);font-size:56px;font-weight:900;line-height:1;color:var(--qashda);font-palette:--akhir-jamr}
@media(max-width:650px){.sting-name{font-size:40px}.sting svg{width:56px;height:56px}}
/* التبويبات: خط بلون الخدمة ينزلق تحت التبويب المختار (200ms جمر) — home.js يضيف .tab-ink و .has-ink */
.tabs,.workspace-nav{position:relative}
.tab-ink{position:absolute;left:0;height:3px;border-radius:99px;background:var(--primary);transition:transform var(--t-intiqal) var(--e-jamr),width var(--t-intiqal) var(--e-jamr);pointer-events:none}
.tabs .tab-ink{bottom:-19px}
.workspace-nav .tab-ink{bottom:0;height:2px}
.tabs.has-ink button[aria-selected=true]::after{display:none}
.workspace-nav.has-ink button.selected,.workspace-nav.has-ink .selected{border-bottom-color:transparent}
@media(max-width:650px){.tabs .tab-ink{bottom:-7px}}
/* لوحة الأوامر: الخروج 200ms رحيل قبل الإغلاق */
.palette-box.is-leaving{animation:akhir-modal-out var(--t-intiqal) var(--e-rahil) both!important}
/* الظهور عند التمرير: تتابع 40ms داخل المجموعة (home.js يضع --i) */
.reveal.is-in{animation-delay:calc(var(--i,0)*40ms)}
/* الأسئلة: علامة + تصير − بإخفاء الخط الرأسي (200ms) بدل الدوران */
.faq-list summary>span::after{transition:opacity var(--t-intiqal) var(--e-jamr)}
details[open] summary span::after{opacity:0}
/* معرض التصاميم: الصورة تدخل من اليمين 320ms بعد الهيكل */
.main-design img.anim-enter{animation:akhir-enter var(--t-dukhul) var(--e-jamr) both}
/* «خلصت»: صح ثلجي يرسم نفسه على المهمة عند وصولها لآخر عمود */
.task .jamra-check{position:absolute;inset-inline-start:8px;bottom:8px;color:var(--thalj)}
.task .jamra-check .body{stroke:var(--thalj)}

/* المؤشر الكاتب: لما تحل جمرة الواقفة محل الخط (jamra.js) لا ومض على الحاوية؛ الرمشة عند 32px فأكثر فقط */
.prompt-caret:has(.jamra){animation:none!important}

/* E1 (مراجعة 29 سبتمبر): روابط صفحات الخدمات والأسعار في فوتر كل صفحة. */
.footer-links{display:flex;flex-wrap:wrap;gap:4px 20px;font-size:13px}
.footer-links a{display:inline-flex;align-items:center;min-height:24px;color:var(--text-2)}
.footer-links a:hover{color:var(--text)}
.design-copy .button+.text-link{margin-inline-start:20px}

/* A8 + A19 + A9 (مراجعة 29 سبتمبر): تحت 900px كانت «دخول» وزر المظهر ولوحة الأوامر مخفية بلا بديل، والتنقل يزاحم الهيدر
   بين 651 و900. القائمة المنسدلة تبدأ من 900px وتحمل الروابط و«دخول» والمظهر؛ فتحها ينقل التركيز لأول عنصر فيها. */
.nav-extra{display:none}
@media(max-width:900px){
  .header{position:relative}
  .menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:40px;height:44px;padding:6px;border:0;background:none}
  .menu-toggle span{width:20px;height:1px;background:var(--qashda)}
  .nav{display:none;position:absolute;top:100%;inset-inline:0;background:var(--layl-2);border:1px solid var(--hudud);border-radius:4px;padding:14px;z-index:20}
  .nav.is-open{display:flex;flex-direction:column;gap:2px}
  .nav a,.nav .nav-extra{display:flex;align-items:center;min-height:44px;padding:8px 12px;margin:0;font-size:15px}
  .nav-theme{background:none;border:0;color:inherit;font:inherit;text-align:start;cursor:pointer}
  .nav-theme[aria-pressed=true]::before{content:"";width:6px;height:6px;background:var(--primary);margin-inline-end:8px;flex:none}
  .nav .nav-extra[hidden]{display:none}
  /* بلا تنقل في السطر يوزّع space-between الفراغ بين العلامة والفاصل واسم الخدمة؛ تبقى الثلاثة معًا والأزرار في الطرف. */
  .brand-service{margin-inline-end:auto}
}

/* A10 + A15 + A20 (مراجعة 29 سبتمبر): العمل يسمح بتمرير الصفحة عموديًا (touch-action:none كان يمنعه)؛ ومزلاق المقارنة
   المخفي يُظهر حلقة الهوية حول المقارنة (كان تغيّر لون مقبض 2px، 1.18:1)؛ ونص ذو معنى لا يقل عن 11px (الفوتر،
   التنويهات، التعليمات، ملاحظة الهيرو على الجوال). عناصر المعاينة التوضيحية تبقى بمقاسها. */
.task{touch-action:pan-y}
.compare:has(input:focus-visible){box-shadow:var(--ring)}
.drag-hint,.preview-note,.illustration-note,.creative-disclaimer{font-size:11px}
@media(max-width:900px){.design-types span,.product-caption{font-size:11px}}
@media(max-width:650px){.hero-note,.hero-bottom>div,.hero-bottom span,.footer-bottom,.footer-top>span{font-size:11px}}
/* Keep the entry choices visible and the pricing units explicit. */
.hero .hero-jamra svg{width:56px;height:56px}
.hero .hero-jamra{width:56px;height:56px;margin-bottom:16px}
.hero .hero-note,.availability{font-size:14px;line-height:1.85}
.pricing-toolbar>span{max-width:360px;line-height:1.8;text-align:end}
.calc-note,.cycle-note{font-size:14px;line-height:1.85}
@media(min-width:901px){.hero{padding-block:40px;min-height:0}.hero-copy{padding-bottom:12px}}
@media(max-width:650px){.hero-actions .button,.hero-actions .text-link{font-size:14px}.pricing-toolbar>span{text-align:start}.hero .hero-note{font-size:13px}}

/* التفاصيل الاختيارية تظهر عند طلبها، وتظل قابلة للوصول بلوحة المفاتيح. */
.optional-calculator{border-block:1px solid var(--line);padding:18px 0;margin-top:24px}.optional-calculator>summary{cursor:pointer;font-size:16px;min-height:44px;align-content:center}.optional-calculator .calc{margin-top:18px}

/* المصدر: /coral/pages.css */
/* آخر قيم — مكوّنات الصفحات الداخلية فوق نظام الرئيسية (/home/home.css يُحمَّل أولًا).
   هوية «آخر قيم» 1.0: كل الألوان عبر رموز /identity/tokens.css (ليل، جمر، قشدة، ثلج) ومتغيرات الجسر؛ لا هيكس هنا. */

/* ---- الهيرو المضغوط داخل الشريط الداكن ---- */
.page-top>.page-hero{position:relative;z-index:1;padding:68px 0 104px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px;align-items:center;color:var(--qashda)}
.page-top>.page-hero.solo{grid-template-columns:minmax(0,820px)}
.page-hero .eyebrow{color:var(--nass-2);font-size:13px}
.page-hero h1{font-family:var(--heading);font-weight:650;font-size:clamp(38px,4.8vw,64px);line-height:1.3;letter-spacing:0}
.page-hero h1.pre{white-space:pre-line}
.page-hero h1 span{color:var(--coral)}
.page-hero .lead{margin-top:22px;font-size:17px;line-height:1.9;color:var(--nass-2);max-width:560px}
.page-hero .hero-actions{display:flex;flex-wrap:wrap;gap:22px 30px;align-items:center;margin-top:32px}
.page-hero .text-link{color:var(--qashda);border-bottom-color:rgba(var(--qashda-rgb),.6)}
.page-hero .hero-note{margin-top:20px;font-size:12px;color:var(--shurooh);max-width:520px;line-height:1.8}
.page-hero .hero-note a,.page-hero .lead a{color:var(--coral);border-bottom:1px solid currentColor}
.page-hero .hero-note strong{color:var(--qashda);font-weight:600}
.hero-toc{display:flex;flex-wrap:wrap;gap:0 22px;margin-top:18px;font-size:13px}
.hero-toc a{color:var(--qashda);border-bottom:1px solid var(--hudud);min-height:44px;display:inline-flex;align-items:center}
.hero-toc a:hover{border-bottom-color:var(--coral)}
.hero-panel{background:var(--layl-2);border:1px solid var(--hudud);border-radius:var(--r-xl);padding:28px}
.hero-panel-top{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--shurooh);letter-spacing:0;padding-bottom:14px;border-bottom:1px solid var(--hudud)}
.hero-panel h2{font-size:26px;line-height:1.4;margin-top:16px;letter-spacing:0}
.hero-panel p{font-size:14px;color:var(--nass-2);line-height:1.8}
.page-hero .hero-panel.notice{background:var(--layl-2);border:1px solid var(--hudud);border-inline-start:3px solid var(--coral);color:var(--nass-2);max-width:none;font-size:14px}
.hero-panel strong{display:block;font-family:var(--heading);font-weight:600;font-size:18px;color:var(--qashda);margin-bottom:6px;line-height:1.5}
.hero-panel .caption{margin-top:16px;font-size:11px;color:var(--shurooh)}
.example-flow{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:12px}
.example-flow li{border-top:1px solid var(--hudud);padding-top:12px}
.example-flow .stage{font:500 11px/1.4 var(--font-body);letter-spacing:0;color:var(--coral)}
.example-flow strong{font-size:17px;margin:6px 0 0}
.example-flow p{margin-top:2px;font-size:13px}
.hero-figure{margin:0;border:1px solid var(--hudud);border-radius:4px;overflow:hidden;background:var(--layl-3)}
.hero-figure img{width:100%;height:auto;aspect-ratio:16/9}
.hero-figure figcaption,.hero-figure .figure-top{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;font-size:12px;color:var(--shurooh)}
.hero-figure .figure-top{border-bottom:1px solid var(--hudud)}
.page-hero .hero-signals{margin-top:30px}

/* ---- الأقسام الورقية ---- */
.page .section-description p+p{margin-top:10px}
.page .text-link{color:var(--red)}
.text-link span[data-entry-label]{font:inherit}
.page .section-intro>div:first-child{max-width:640px}
.actions{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center;margin-top:24px}
.button-ghost{background:transparent!important;border:1px solid var(--line);color:var(--ink);box-shadow:none!important}
.button-ghost::after{display:none}
.button-ghost:hover{background:var(--surface)!important;border-color:var(--muted)}
.button-block{width:100%}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-3 article{padding:30px 28px;border-inline-start:1px solid var(--line);min-width:0}
.grid-3 article:nth-child(3n+1){border-inline-start:0;padding-inline-start:0}
.grid-3 article:nth-child(n+4){border-top:1px solid var(--line)}
.num{display:block;font:700 11px/1.2 var(--font-display);letter-spacing:.5px;color:var(--coral)}
.grid-3 h3{font-size:23px;line-height:1.5;margin-top:14px}
.grid-3 p{color:var(--muted);font-size:14px;margin-top:8px;line-height:1.85}
.cards-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:4px;padding:34px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;isolation:isolate}
.card .index{font:700 11px/1.2 var(--font-display);letter-spacing:1px;color:var(--muted)}
.card .tag{display:inline-block;font-size:12px;padding:4px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted)}
.card h2,.card h3{font-size:28px;line-height:1.4;letter-spacing:0}
.card p{color:var(--muted);font-size:15px;line-height:1.85}
.card ol{padding-inline-start:20px;margin:0;color:var(--muted);font-size:15px;display:grid;gap:4px}
.card .button{margin-top:auto}
.card .actions{margin-top:auto}
.card .fineprint,.card-note{font-size:12px;color:var(--muted)}
.chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.chips li{border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:13px}
.notice{border-inline-start:3px solid var(--coral);background:var(--card);border-block:1px solid var(--line);border-inline-end:1px solid var(--line);padding:16px 20px;border-radius:2px;max-width:76ch;font-size:14px;line-height:1.8}
.notice strong{display:block;font-family:var(--heading);font-weight:600;font-size:17px;margin-bottom:4px}
.meta{color:var(--muted);font-size:13px}

/* ---- الشريط الداكن الوسيط ---- */
.band{background:var(--layl-3);color:var(--qashda);padding-block:96px;position:relative;overflow:hidden;isolation:isolate}
.band::after{content:"";position:absolute;width:640px;height:640px;border-radius:50%;filter:blur(110px);background:radial-gradient(circle,rgba(var(--jamr-rgb),.18),transparent 60%);left:-220px;top:-280px;z-index:-1;pointer-events:none}
.band .section-eyebrow,.band .section-description{color:var(--nass-2)}
.band h2{color:var(--qashda)}
.band-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.band-grid article,.steps li{border-top:1px solid var(--hudud);padding-top:22px;min-width:0}
.band-grid article>span,.steps li>span{display:block;font:700 11px/1.4 var(--font-display);color:var(--coral);letter-spacing:0}
.band-grid h3,.steps h3{font-size:24px;margin-top:12px;color:var(--qashda);line-height:1.5}
.band-grid p,.steps p{color:var(--nass-2);font-size:14px;margin-top:8px;line-height:1.85}
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}

/* ---- الباقات (نفس بطاقات الرئيسية، بترميز اختبارات الأسعار) ---- */
.plan .plan-name{display:block;margin:0;font:550 29px/1.4 var(--heading)}
.plan .plan-price{display:block;position:relative;font:450 52px/1.3 var(--heading);margin-block:20px 27px;text-align:start}
.plan .plan-price small{font:12px var(--body);display:inline-block}
.plan-facts{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.plan-facts li{font-size:16px}
.plan-facts li+li{color:var(--muted);font-size:13px}
.page .plan-footnote{border-top:1px solid var(--line);padding-top:24px;margin-top:0}
.page .plan-footnote p a{color:var(--red);border-bottom:1px solid currentColor}
.page .plan>.plan-state{margin-top:26px}

/* ---- الأسئلة والختام ---- */
.page .faq-section{padding-top:0}
.closing-actions{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center}
.closing .text-link{color:var(--qashda);border-bottom-color:rgba(var(--qashda-rgb),.6)}

/* ---- النصوص القانونية ---- */
.prose{max-width:76ch}
.prose h2{font-size:clamp(24px,2.6vw,32px);line-height:1.45;letter-spacing:0;margin:48px 0 12px;padding-top:20px;border-top:1px solid var(--line)}
.prose h2:first-child{margin-top:0;padding-top:0;border-top:0}
.prose h3{font-size:19px;margin:26px 0 8px}
.prose p,.prose li{font-size:16px;line-height:1.95}
.prose p+p{margin-top:12px}
.prose ul{padding-inline-start:22px;margin:8px 0 0;display:grid;gap:6px}
.prose a{color:var(--red);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--coral)}
.table-wrap{overflow-x:auto;max-width:100%;margin-top:14px}
.prose table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.7}
.prose th,.prose td{border:1px solid var(--line);padding:10px 12px;text-align:start;vertical-align:top}
.prose th{background:var(--surface);font-family:var(--heading);font-weight:600}

/* ---- بوابة الحساب ---- */
.portal-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}
.portal-story h2{font-size:26px;letter-spacing:0}
.identity-note{border-inline-start:3px solid var(--coral);padding-inline-start:20px;max-width:530px}
.identity-note strong{display:block;font:600 18px/1.5 var(--heading);margin-bottom:8px}
.identity-note p{font-size:14px;color:var(--muted);line-height:1.85}
.panel{background:var(--card);border:1px solid var(--line);border-radius:4px;padding:32px;min-width:0}
.panel h2{font-size:24px;letter-spacing:0;line-height:1.4}
.panel h3{font-size:18px;margin-top:20px}
.panel .caption,.caption{color:var(--muted);font-size:13px;margin-top:8px;line-height:1.8}
.panel+.panel{margin-top:24px}
.status{margin-block:18px;padding:14px 16px;border:1px solid var(--line);background:var(--surface);border-radius:2px;font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.status[data-tone="error"]{border-color:var(--red);color:var(--red)}

.methods{display:grid;gap:12px;margin-top:20px}
.method{display:flex;align-items:center;gap:14px;width:100%;min-height:68px;padding:12px 16px;text-align:start;background:transparent;border:1px solid var(--line);border-radius:2px;color:var(--ink);transition:border-color var(--t-lamsa) var(--e-jamr),background var(--t-lamsa) var(--e-jamr)}
.method:not(:disabled):hover{border-color:var(--red)}
.method:disabled{opacity:.55;cursor:default}
.method-icon{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border:1px solid var(--line);border-radius:2px;font:600 17px/1 var(--heading)}
.method-label{display:grid;gap:2px;flex:1;min-width:0}
.method-label strong{font:600 15px/1.5 var(--heading)}
.method-label small{font-size:12px;color:var(--muted)}
.method-primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.method-primary .method-label small{color:inherit;opacity:.75}
.method-primary .method-icon{border-color:currentColor}
.method-primary:not(:disabled):hover{border-color:var(--ink);background:var(--muted)}
.switch-row{padding-block:18px;margin-top:20px;border-top:1px solid var(--line)}
.guest-block{display:grid;gap:6px;padding-top:18px;margin-top:20px;border-top:1px solid var(--line)}
.guest-block p{font-size:13px;color:var(--muted)}
.identity-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:24px}
.identity-row h2{font-size:25px;overflow-wrap:anywhere}
.identity-row p{overflow-wrap:anywhere;color:var(--muted);font-size:14px}
.name-block{display:flex;align-items:center;gap:16px;min-width:0}
.name-block>div{min-width:0}
.avatar{width:48px;height:48px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:var(--surface);font:600 20px/1 var(--heading)}
.row-link{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-block:26px;border-top:1px solid var(--line);margin-top:32px}
.row-link h2{font-size:20px;letter-spacing:0}
.row-link p{font-size:14px;color:var(--muted)}
.page-note{margin-top:26px;max-width:660px;font-size:14px;color:var(--muted);line-height:1.85}
.page-note a{color:var(--red);border-bottom:1px solid currentColor}
/* اشتراك التصاميم في صفحة الحساب (الأسماء يستخدمها design-account.js) */
.design-sub-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0}
.design-sub-facts div{border:1px solid var(--line);border-radius:2px;padding:12px;min-width:0}
.design-sub-facts dt{font-size:13px;color:var(--muted)}
.design-sub-facts dd{margin:4px 0 0;font-weight:600;overflow-wrap:anywhere}
.design-plan-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0}
.design-plan-option{display:flex;flex-direction:column;gap:2px;border:1px solid var(--line);border-radius:2px;padding:14px;min-width:0}
label.design-plan-option{cursor:pointer}
label.design-plan-option:has(input:checked){border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}
.design-plan-option small{color:var(--muted)}
.design-checkout fieldset{border:0;padding:0;margin:0}
.design-checkout legend{font-weight:600;margin-bottom:4px}
.design-checkout label,.design-change label{display:block;font-size:14px;margin-top:12px}
.design-checkout input[type=tel],.design-change select{display:block;width:100%;max-width:320px;min-height:48px;border:1px solid var(--line);border-radius:2px;padding:8px 12px;font:inherit;margin:6px 0;background:var(--card);color:var(--ink)}
.design-consent{display:flex;gap:10px;align-items:flex-start;margin:12px 0}
.design-code-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:6px 0}
.design-code-row input{width:100%;max-width:220px;min-height:48px;border:1px solid var(--line);border-radius:2px;padding:8px 12px;font:inherit;text-transform:uppercase;background:var(--card);color:var(--ink)}
#design-code-result[data-tone=error]{color:var(--red)}
.design-consent input{width:20px;height:20px;flex:none;margin-top:4px;accent-color:var(--red)}
.design-card{margin:16px 0 4px;padding:16px;border:1px solid var(--line);border-radius:2px;background:var(--card)}
.design-card-slot{min-height:56px;margin:12px 0}
.design-card-slot[inert]{opacity:.6}
.design-card-slot[aria-busy=true]{min-height:120px}
.design-change{margin:12px 0}
.design-orders{padding-inline-start:20px}
.design-checkout .button,.design-change .button{margin-top:12px}

/* ---- التصاميم ---- */
.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.product{background:var(--card);border:1px solid var(--line);border-radius:4px;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.product-top{font:500 11px/1.2 var(--font-body);letter-spacing:1px;color:var(--muted);padding:14px 20px;border-bottom:1px solid var(--line)}
.product>img{width:100%;height:auto;aspect-ratio:16/9}
.sampler{background:var(--layl-3);color:var(--qashda);padding:28px;aspect-ratio:16/9;display:flex;flex-direction:column;justify-content:center;gap:16px}
.sampler .chips li{border-color:var(--hudud);color:var(--qashda)}
.sampler p{font-size:12px;color:var(--shurooh)}
.product-body{padding:28px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;flex:1}
.product-body h3{font-size:26px;line-height:1.4}
.product-body>p{color:var(--muted);font-size:15px;line-height:1.85}
.benefit-list{padding-inline-start:20px;margin:0 0 10px;color:var(--muted);font-size:14px;display:grid;gap:4px}
.product-body .button{margin-top:auto}

/* ---- القائمة العلوية: الصفحة الحالية ---- */
.nav a[aria-current="page"]{color:var(--qashda)}
.nav a[aria-current="page"]::after{transform:scaleX(1)}

/* ---- الاستجابة ---- */
@media(max-width:1150px){
  .page-top>.page-hero{gap:44px}
  .grid-3 article{padding:24px 20px}
}
@media(max-width:900px){
  .page-top>.page-hero{grid-template-columns:minmax(0,1fr);gap:36px;padding:44px 0 80px}
  .page-hero h1{font-size:clamp(34px,6.4vw,50px)}
  .portal-grid{grid-template-columns:minmax(0,1fr);gap:40px}
  .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid-3 article:nth-child(3n+1){border-inline-start:1px solid var(--line);padding-inline-start:20px}
  .grid-3 article:nth-child(2n+1){border-inline-start:0;padding-inline-start:0}
  .grid-3 article:nth-child(n+4){border-top:0}
  .grid-3 article:nth-child(n+3){border-top:1px solid var(--line)}
  .band{padding-block:72px}
  .band-grid,.steps{grid-template-columns:minmax(0,1fr);gap:24px}
  .cards-2,.product-grid{grid-template-columns:minmax(0,1fr)}
  .card{padding:28px}
  .plan .plan-price{font-size:45px}
  .plan-facts li{font-size:14px}
  .plan-facts li+li{font-size:11px}
}
@media(max-width:650px){
  .page-top>.page-hero{padding:30px 0 60px;gap:28px}
  .page-hero .lead{font-size:15px;margin-top:16px}
  .page-hero .hero-actions{margin-top:24px;gap:16px 24px}
  .page-hero .hero-actions .button{font-size:13px;min-height:46px}
  .hero-panel{padding:22px}
  .hero-panel h2{font-size:22px}
  .grid-3{grid-template-columns:minmax(0,1fr)}
  .grid-3 article{padding:22px 0;border-inline-start:0!important}
  .grid-3 article:first-child{padding-top:0;border-top:0}
  .grid-3 article:not(:first-child){border-top:1px solid var(--line)}
  .grid-3 h3{font-size:21px}
  .band{padding-block:56px}
  .band-grid h3,.steps h3{font-size:21px}
  .card{padding:22px}
  .card h2,.card h3{font-size:24px}
  .plan .plan-price{grid-row:1;grid-column:2;align-self:center;font-size:40px;margin:0;text-align:left;white-space:nowrap}
  .plan .plan-price small{font-size:11px}
  .plan .plan-name{font-size:26px}
  .plan-facts{grid-column:1/-1;margin-top:16px}
  .page .plan>.plan-state{grid-column:1/-1;margin-top:14px}
  .page .plan-footnote{padding-top:22px}
  .prose p,.prose li{font-size:15px}
  .prose h2{margin-top:36px}
  .panel{padding:22px}
  .method{min-height:60px}
  .design-sub-facts,.design-plan-list{grid-template-columns:minmax(0,1fr)}
  .product-body{padding:22px}
  .sampler{padding:20px}
  .closing-actions{gap:14px 20px}
}
@media(prefers-reduced-motion:reduce){
  .method,.button-ghost{transition:none}
}

/* ==== هوية «آخر قيم» 1.0 — الصفحات الداخلية (HANDOFF §2.2) ==== */
/* البطاقات والألواح: زوايا 22/30، والحالة (.status) رسالة بين قوسين لا كبسولة (تتقدّم على components.css بالخصوصية) */
.page .card{padding:34px;border-radius:var(--r-card)}
.page .panel,.page .product,.page .notice,.page .hero-figure{border-radius:var(--r-xl)}
.page .status{display:block;margin-block:18px;padding:14px 16px;border:1.5px solid var(--border);background:var(--field);border-radius:var(--r-md);font-size:14px;line-height:1.7;color:var(--text);font-family:var(--heading);font-weight:700}
.page .status[data-tone="error"]{border-color:var(--jamr);color:var(--jamr)}
.page .status::before{content:"«"}.page .status::after{content:"»"}
.page .status:empty::before,.page .status:empty::after{content:none}
/* الحقول: خلفية الحقل، حدود، زوايا 12، حلقة تركيز بلون الخدمة */
.design-checkout input[type=tel],.design-change select{border:1.5px solid var(--border);border-radius:var(--r-md);background:var(--field);min-height:48px;padding:0 16px}
.design-checkout input[type=tel]:focus-visible,.design-change select:focus-visible{outline:none;border-color:var(--primary);box-shadow:var(--ring)}
.design-consent input{accent-color:var(--primary)}
.design-plan-option,.design-sub-facts div{border-radius:var(--r-md)}
label.design-plan-option:has(input:checked){border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}
/* طرق الدخول: بطاقات بزوايا 12، والأساسي بلون الخدمة ونص ليل */
.method{border-radius:var(--r-md);border-width:1.5px;gap:14px}
.method-icon{border-radius:var(--r-sm)}
.method:not(:disabled):hover{border-color:var(--primary)}
.method-primary{background:var(--primary);color:var(--layl);border-color:var(--primary);font-palette:--akhir-layl}
.method-primary:not(:disabled):hover{background:var(--primary);border-color:var(--primary);filter:brightness(.92)}
.method .chev{margin-inline-start:auto}
.avatar{background:var(--primary);color:var(--layl)}
.page .plan-footnote p a,.page .text-link,.prose a,.page-note a{color:var(--primary)}
.prose a{text-decoration-color:var(--primary)}
.identity-note,.notice,.page-hero .hero-panel.notice{border-inline-start-color:var(--primary)}
.chips li,.card .tag,.status-badge{border-width:1.5px}

/* P9 (مراجعة 29 سبتمبر): الطرق غير المتاحة aria-disabled (تبقى مسموعة في ترتيب Tab) بشكل المعطّل نفسه، ولوحة الطرق
   قبل القصة تحت 900px (كانت على y=984 من 800). وأزرار الحساب أثناء العملية aria-disabled حتى لا يسقط التركيز. */
.method[aria-disabled=true]{opacity:.55;cursor:default}
.method[aria-disabled=true]:hover{border-color:var(--line)}
.method-primary[aria-disabled=true]:hover{border-color:var(--primary);filter:none}
.design-subscription [aria-disabled=true]{opacity:.55;cursor:not-allowed}
@media(max-width:900px){.portal-grid>.panel{order:-1}}
.page .status:empty{padding:0;margin:0;border:0;min-height:0}
/* A focused sign-in card; service intent survives verification. */
.auth-page .page-top>.page-hero.solo{display:block;min-height:0;padding-block:26px 12px;max-width:620px;text-align:center}
.auth-page .hero-copy{width:100%;max-width:none}
.auth-page .hero-jamra{display:none}
.auth-page .page-hero h1{font-size:clamp(28px,4vw,38px);line-height:1.5;margin:8px 0}
.auth-page .page-hero .lead{font-size:15px;margin:8px auto;line-height:1.8}
.auth-page .page-hero .eyebrow{justify-content:center;margin-bottom:8px}
.auth-page .section{padding-block:12px 40px}
.auth-page .portal-grid{display:block;max-width:540px;margin-inline:auto}
.auth-page .portal-grid>.panel{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.auth-page .methods{gap:8px;margin-top:12px}
.auth-page .method{min-height:56px;padding:10px 14px}
.auth-page .method [data-method-note]{display:none}
.auth-page #customer-auth-options.native-active>.methods,
.auth-page #customer-auth-options.native-active>p{display:none}
.auth-page [data-native-login]{margin-top:12px;scroll-margin-top:115px}
.auth-page [data-native-login]>p:not([data-notice]){display:none}
.auth-page [data-native-login] h2{font-size:20px}
/* Clear service entry: useful content before decoration, readable supporting text. */
.space-page .page-hero,.designs-page .page-hero{padding-block:38px 44px;gap:40px}
.space-page .hero-jamra,.designs-page .hero-jamra{margin-bottom:14px}
.space-page .hero-jamra svg,.designs-page .hero-jamra svg{width:48px;height:48px}
.space-page .page-hero h1,.designs-page .page-hero h1{font-size:clamp(32px,4vw,52px)}
.space-page .hero-note,.designs-page .hero-note{font-size:14px;line-height:1.85;max-width:580px}
.pricing-page .page-top>.page-hero,.account-page .page-top>.page-hero{padding-block:30px 24px;gap:30px;min-height:0}
.pricing-page .hero-jamra,.account-page .hero-jamra{display:none}
.pricing-page .page-hero h1,.account-page .page-hero h1{font-size:clamp(30px,3.5vw,44px)}
.pricing-page .page-hero .lead,.account-page .page-hero .lead{font-size:16px;line-height:1.85;margin-top:12px}
.pricing-page .section,.account-page .section{padding-block:36px}
.pricing-page .section-intro{margin-bottom:22px}
.pricing-page .plan-facts{font-size:15px;line-height:1.9}
.pricing-page .plan-footnote{font-size:14px;line-height:1.85}
.pricing-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-block:20px}
.pricing-overview article{padding:22px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--card);min-width:0}
.pricing-overview h2{font-size:22px;line-height:1.6;margin-bottom:8px}
.pricing-overview p{font-size:14px;color:var(--muted);line-height:1.9}
.pricing-overview .text-link{margin-top:12px;font-size:14px}
.pricing-page .interest-button{margin-top:16px;white-space:normal;text-align:center}
.pricing-page .plan-interest{margin-top:22px;font-size:14px}
.pricing-page .plan-interest,.pricing-page .pricing-disclosure{grid-column:1/-1}
.pricing-page .pricing-disclosure{border-block:1px solid var(--line);padding-block:10px}
.pricing-page .pricing-disclosure>summary{font:600 17px/1.8 var(--heading);min-height:44px;cursor:pointer}
.pricing-page .pricing-disclosure[open]>summary{margin-bottom:16px}
.pricing-disclosure .disclosure-indicator{position:relative;flex-shrink:0;width:16px;height:16px}
.pricing-disclosure .disclosure-indicator::before,.pricing-disclosure .disclosure-indicator::after{content:"";position:absolute;inset:7px 0 auto;height:1px;background:currentColor}
.pricing-disclosure .disclosure-indicator::after{transform:rotate(90deg)}
.pricing-page .pricing-disclosure p{font-size:14px;line-height:1.9}
.pricing-page #purchase-interest{scroll-margin-top:115px}
@media(max-width:760px){.pricing-overview{grid-template-columns:1fr;gap:12px}.pricing-overview article{padding:18px}}
.space-page .section-description,.designs-page .section-description{line-height:1.9}
@media(max-width:650px){
 .space-page .page-hero,.designs-page .page-hero{padding-block:24px 30px;gap:28px}
 .space-page .hero-actions,.designs-page .hero-actions{gap:12px;margin-top:20px}
 .space-page .hero-actions .button,.designs-page .hero-actions .button{width:100%;justify-content:center;font-size:15px}
 .space-page .hero-actions .text-link,.designs-page .hero-actions .text-link{font-size:14px}
 .pricing-page .page-top>.page-hero{gap:18px}
 .pricing-page .hero-panel{padding:18px}
 .pricing-page .section,.account-page .section{padding-block:28px}
}

.space-page .page-hero .hero-jamra,.designs-page .page-hero .hero-jamra{width:48px;height:48px}

.account-security-options>summary{cursor:pointer;min-height:44px;padding-block:12px;font-weight:700}.account-security-options[open]>summary{margin-bottom:18px}.account-page .card .index{display:none}

/* مقارنة مدد المساحة مسبقة الدفع */
[aria-labelledby='duration-prices'] table{width:100%;border-collapse:collapse;margin-top:24px;font-variant-numeric:tabular-nums}
[aria-labelledby='duration-prices'] th,[aria-labelledby='duration-prices'] td{padding:18px 16px;text-align:start;border-bottom:1px solid rgba(255,255,255,.14)}
[aria-labelledby='duration-prices'] thead{background:rgba(255,255,255,.04);color:var(--accent,#ff5933)}
@media(max-width:600px){[aria-labelledby='duration-prices'] th,[aria-labelledby='duration-prices'] td{padding:14px 6px;font-size:13px}}

#use-code{scroll-margin-top:100px}#redeem-form{display:grid;grid-template-columns:1fr auto;gap:12px;margin:20px 0}#redeem-form label{grid-column:1/-1}#redeem-code,#redeem-workspace{box-sizing:border-box;width:100%;min-height:48px;padding:12px;border:1px solid var(--border,var(--line));border-radius:8px;background:var(--field,var(--card));color:var(--ink);font:inherit;font-size:16px}#redeem-review{padding:16px;border:1px solid var(--border,var(--line));border-radius:8px}#redeem-review button{margin-top:16px}#design-code-field{scroll-margin-top:100px}@media(max-width:600px){#redeem-form{grid-template-columns:1fr}}

/* المصدر: /identity/fonts.css */
/* «آخر قيم» — الخطوط (مستضافة محلياً، رخصة OFL — انظر fonts/OFL-*.txt)
   Cairo Play خط متغيّر ملوّن (COLR/CPAL). Rubik خط متغيّر.
   الملفات: /fonts/*.subset.woff2 نسختان منقّاتان للعربية واللاتينية الأساسية ورموز الموقع (tools/fonts/identity-fonts.py،
   قرار المالك 30 سبتمبر: 283KB ← 201KB)؛ الأصلان CairoPlay-variable.woff2 وRubik-variable.woff2 كما سُلِّما، وTTF للاحتياط. */
@font-face{font-family:'Cairo Play';src:url('/fonts/CairoPlay-variable.subset.woff2?v=JzcjG3x7Edm9V6bo') format('woff2'),url('/fonts/CairoPlay-variable.ttf?v=LCdbQ6zlQjOglgw6') format('truetype');font-weight:200 1000;font-style:normal;font-display:swap}
@font-face{font-family:'Rubik';src:url('/fonts/Rubik-variable.subset.woff2?v=d_1uGxQe8u-_VjFw') format('woff2'),url('/fonts/Rubik-variable.ttf?v=Gzp0N7oq-A5GXnc-') format('truetype');font-weight:300 900;font-style:normal;font-display:swap}
/* بديل بدون استضافة (لو تفضّل Google Fonts):
<link href="https://fonts.googleapis.com/css2?family=Cairo+Play:wght@700;900&family=Rubik:wght@400;500;700;800&display=swap" rel="stylesheet"> */

/* المصدر: /identity/tokens.css */
/* «آخر قيم» — tokens.css · الهوية المعتمدة
   استخدم المتغيرات، لا تكتب الألوان بالهيكس داخل المكوّنات. */
:root{
  /* الألوان */
  --jamr:#FF5A36; --jamr-dark:#D9452A; --jamr-light:#FFD6CB;
  /* A4/A17 (مراجعة 29 سبتمبر، قرار المالك 30 سبتمبر): الجمر نصًا على القشدة 2.86:1 والخافت النهاري 4.38:1 دون 4.5:1.
     الجمر للنص نهارًا 4.93:1 على القشدة (5.36 على الأبيض)؛ للنص فقط، والأزرار والعلامات والجمرات بالجمر نفسه. */
  --jamr-text-nahar:#C23A20;
  --layl:#10141F; --layl-2:#161B29; --layl-3:#0B0E17; --hudud:#2A3247;
  --qashda:#FFF4E5; --thalj:#BFE9FF; --thalj-dark:#1B6E8F; --thalj-light:#E3F4FF;
  --sharara:#FFC857; --sharara-dark:#8F6210; --sharara-light:#FFF0C8;
  --qamar:#CDBBFF; --qamar-dark:#5B44B5; --qamar-light:#EFE9FF;
  --fajr:#FFB3C1; --fajr-dark:#A62A5F; --fajr-light:#FFE4EA; /* محجوز: خدمة «المونتاج» مستقبلاً */
  --shafaq:#8DE8C6; --shafaq-dark:#1B7A5E; --shafaq-light:#DDF7EC; /* «الإدارة»: الكواليس الداخلية (لوحة 15) — للفعّال والأساسي والأرقام الكبيرة فقط */
  --nass-2:#C7CDD9; --shurooh:#9AA3B5; --hudud-nahar:#EADFD0;
  /* إضافة الموقع: أسماء لقيم النهار الثلاث المستخدمة تحت، وثلاثيات RGB للشفافيات (rgba(var(--jamr-rgb),.12))
     حتى لا يُكتب أي هيكس خارج هذا الملف. */
  --abyad:#FFFFFF; --nass-2-nahar:#3E4658; --shurooh-nahar:#616A7C;
  --layl-rgb:16,20,31; --qashda-rgb:255,244,229; --jamr-rgb:255,90,54; --thalj-rgb:191,233,255; --sharara-rgb:255,200,87; --qamar-rgb:205,187,255; --shafaq-rgb:141,232,198;
  /* الأسطح (الليل هو الأساس) */
  --bg:var(--layl); --card:var(--layl-2); --field:var(--layl-3); --border:var(--hudud);
  --text:var(--qashda); --text-2:var(--nass-2); --text-3:var(--shurooh);
  --primary:var(--jamr); --on-primary:var(--layl); --secondary:var(--thalj);
  /* الخطوط */
  --font-display:'Cairo Play',sans-serif; --font-body:'Rubik',sans-serif;
  /* الزوايا */
  --r-sm:4px; --r-md:4px; --r-lg:6px; --r-xl:6px; --r-card:6px; --r-pill:999px; /* لمسة اليد (لوحة 14): حواف حادّة، والكبسولة للفعل الأساسي وحده */
  /* الحركة */
  /* D11 (قرار المالك 30 سبتمبر): سلم الخطوط من BRAND-GUIDE §5 — الصفحة 56–60، القسم 34، البطاقة 22–24، الزر 18 (بخط العناوين)؛
     يصغر على الشاشات الضيقة ويبلغ المواصفة على سطح المكتب. */
  --fs-title:clamp(34px,4.7vw,60px); --fs-section:clamp(26px,2.7vw,34px); --fs-card:clamp(20px,1.9vw,24px); --fs-button:clamp(16px,1.4vw,18px);
  --t-lamsa:120ms; --t-intiqal:200ms; --t-dukhul:320ms; --t-ihtifal:600ms; --t-nafas:2400ms;
  --e-jamr:cubic-bezier(.2,.8,.2,1); --e-rahil:cubic-bezier(.4,0,1,1); --e-nafas:cubic-bezier(.45,0,.55,1); --e-nabda:cubic-bezier(.34,1.4,.64,1);
  --d-sm:8px; --d-md:16px; --d-lg:32px;
  /* الظلال */
  --glow:none; --ring:0 0 0 2px var(--bg),0 0 0 4px var(--primary); /* لا توهّج؛ حلقة تركيز صلبة */
}
/* النهار */
[data-theme="day"]{ --bg:var(--qashda); --card:var(--abyad); --field:var(--abyad); --border:var(--hudud-nahar);
  --text:var(--layl); --text-2:var(--nass-2-nahar); --text-3:var(--shurooh-nahar); --secondary:var(--thalj-dark); }

/* الخدمتان: كل خدمة تصبغ الهوية بلونها. حط الكلاس على <html> أو على حاوية الصفحة.
   الأم (بدون كلاس): أساسي جمر، ثانوي ثلج. */
.svc-space{ --primary:var(--thalj); --secondary:var(--jamr); --glow:none; --ring:0 0 0 2px var(--bg),0 0 0 4px var(--primary) }
.svc-design{ --primary:var(--sharara); --secondary:var(--thalj); --glow:none; --ring:0 0 0 2px var(--bg),0 0 0 4px var(--primary) }
.svc-news{ --primary:var(--qamar); --secondary:var(--jamr); --glow:none; --ring:0 0 0 2px var(--bg),0 0 0 4px var(--primary) }
.svc-edit{ --primary:var(--fajr); --secondary:var(--thalj); --glow:none; --ring:0 0 0 2px var(--bg),0 0 0 4px var(--primary) } /* محجوز */
.svc-admin{ --primary:var(--shafaq); --secondary:var(--thalj); --glow:none; --ring:0 0 0 2px var(--bg),0 0 0 4px var(--primary) } /* «الإدارة»: داخلي، لا تسويق (لوحة 15) */
[data-theme="day"] .svc-space,[data-theme="day"].svc-space{ --primary:var(--thalj-dark) }
[data-theme="day"] .svc-design,[data-theme="day"].svc-design{ --primary:var(--sharara-dark) }
[data-theme="day"] .svc-news,[data-theme="day"].svc-news{ --primary:var(--qamar-dark) }
[data-theme="day"] .svc-edit,[data-theme="day"].svc-edit{ --primary:var(--fajr-dark) }
[data-theme="day"] .svc-admin,[data-theme="day"].svc-admin{ --primary:var(--shafaq-dark) }

/* خط Cairo Play خط ملوّن: نقاط الحروف والأرقام والأقواس تاخذ لوحة الخط.
   القاعدة: جمر على الليل والقشدة والثلج، وليل على الجمر (نفس قاعدة جمرة). */
@font-palette-values --akhir-jamr{font-family:'Cairo Play';base-palette:0;override-colors:0 #FF5A36,1 #FF5A36,2 #FF5A36,3 #FF5A36,4 #FF5A36}
/* A4 (قرار المالك 30 سبتمبر): لوحة الجمر النهارية لأرقام ونقاط Cairo Play على القشدة (4.93:1)، على نمط لوحات الخدمات الغامقة. */
@font-palette-values --akhir-jamr-nahar{font-family:'Cairo Play';base-palette:0;override-colors:0 #C23A20,1 #C23A20,2 #C23A20,3 #C23A20,4 #C23A20}
@font-palette-values --akhir-layl{font-family:'Cairo Play';base-palette:0;override-colors:0 #10141F,1 #10141F,2 #10141F,3 #10141F,4 #10141F}
@font-palette-values --akhir-qashda{font-family:'Cairo Play';base-palette:0;override-colors:0 #FFF4E5,1 #FFF4E5,2 #FFF4E5,3 #FFF4E5,4 #FFF4E5}
@font-palette-values --akhir-thalj{font-family:'Cairo Play';base-palette:0;override-colors:0 #BFE9FF,1 #BFE9FF,2 #BFE9FF,3 #BFE9FF,4 #BFE9FF}
@font-palette-values --akhir-sharara{font-family:'Cairo Play';base-palette:0;override-colors:0 #FFC857,1 #FFC857,2 #FFC857,3 #FFC857,4 #FFC857}
@font-palette-values --akhir-thalj-dark{font-family:'Cairo Play';base-palette:0;override-colors:0 #1B6E8F,1 #1B6E8F,2 #1B6E8F,3 #1B6E8F,4 #1B6E8F}
@font-palette-values --akhir-qamar{font-family:'Cairo Play';base-palette:0;override-colors:0 #CDBBFF,1 #CDBBFF,2 #CDBBFF,3 #CDBBFF,4 #CDBBFF}
@font-palette-values --akhir-qamar-dark{font-family:'Cairo Play';base-palette:0;override-colors:0 #5B44B5,1 #5B44B5,2 #5B44B5,3 #5B44B5,4 #5B44B5}
@font-palette-values --akhir-fajr{font-family:'Cairo Play';base-palette:0;override-colors:0 #FFB3C1,1 #FFB3C1,2 #FFB3C1,3 #FFB3C1,4 #FFB3C1}
@font-palette-values --akhir-fajr-dark{font-family:'Cairo Play';base-palette:0;override-colors:0 #A62A5F,1 #A62A5F,2 #A62A5F,3 #A62A5F,4 #A62A5F}
@font-palette-values --akhir-sharara-dark{font-family:'Cairo Play';base-palette:0;override-colors:0 #8F6210,1 #8F6210,2 #8F6210,3 #8F6210,4 #8F6210}
@font-palette-values --akhir-shafaq{font-family:'Cairo Play';base-palette:0;override-colors:0 #8DE8C6,1 #8DE8C6,2 #8DE8C6,3 #8DE8C6,4 #8DE8C6}
@font-palette-values --akhir-shafaq-dark{font-family:'Cairo Play';base-palette:0;override-colors:0 #1B7A5E,1 #1B7A5E,2 #1B7A5E,3 #1B7A5E,4 #1B7A5E}
.font-display,.d,h1,h2,h3,h4{font-family:var(--font-display);font-palette:--akhir-jamr}
.on-ember .font-display,.on-ember.font-display,.on-ember .d,.on-ember.d{font-palette:--akhir-layl}
.on-night .font-display,.on-night.font-display,.on-night .d,.on-night.d{font-palette:--akhir-jamr}
.dots-cream{font-palette:--akhir-qashda}
/* داخل الخدمة: نقاط الخط بلون الخدمة، وعلى زرها الأساسي ليل */
.svc-space .font-display,.svc-space .d,.svc-space h1,.svc-space h2,.svc-space h3{font-palette:--akhir-thalj}
.svc-design .font-display,.svc-design .d,.svc-design h1,.svc-design h2,.svc-design h3{font-palette:--akhir-sharara}
.svc-news .font-display,.svc-news .d,.svc-news h1,.svc-news h2,.svc-news h3{font-palette:--akhir-qamar}
.svc-edit .font-display,.svc-edit .d,.svc-edit h1,.svc-edit h2,.svc-edit h3{font-palette:--akhir-fajr}
.svc-admin .font-display,.svc-admin .d,.svc-admin h1,.svc-admin h2,.svc-admin h3{font-palette:--akhir-shafaq}
[data-theme="day"] .svc-space .d,[data-theme="day"] .svc-space .font-display{font-palette:--akhir-thalj-dark}
[data-theme="day"] .svc-design .d,[data-theme="day"] .svc-design .font-display{font-palette:--akhir-sharara-dark}
[data-theme="day"] .svc-news .d,[data-theme="day"] .svc-news .font-display{font-palette:--akhir-qamar-dark}
[data-theme="day"] .svc-edit .d,[data-theme="day"] .svc-edit .font-display{font-palette:--akhir-fajr-dark}
[data-theme="day"] .svc-admin .d,[data-theme="day"] .svc-admin .font-display{font-palette:--akhir-shafaq-dark}
.on-primary .d,.on-primary.d,.on-primary .font-display{font-palette:--akhir-layl}

html{background:var(--bg);color:var(--text);font-family:var(--font-body)}
body{margin:0}
::selection{background:rgba(255,90,54,.35);color:var(--text)}
:focus-visible{outline:2px solid transparent;outline-offset:2px;box-shadow:var(--ring)}
/* مراجعة المجموعة 3: رابط التخطي ينقل التركيز إلى main (tabindex=-1)، فكانت الحلقة تحيط بالصفحة كلها. الهدف المنقول إليه لا حلقة له. */
main[tabindex="-1"]:focus-visible{outline:0;box-shadow:none}
@media (forced-colors:active){
  :focus-visible{outline:2px solid Highlight!important;outline-offset:2px!important}
  main[tabindex="-1"]:focus-visible{outline:0!important}
  .template-option:has(input:focus-visible),.font-option:has(input:focus-visible),.file-picker:has(input:focus-visible),label.design-plan-option:has(input:focus-visible),.compare:has(input:focus-visible){outline:2px solid Highlight}
}
*{scrollbar-width:thin;scrollbar-color:var(--jamr) transparent}
*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--jamr);border-radius:99px}*::-webkit-scrollbar-track{background:transparent}

/* الحركة — keyframes المعتمدة */
@keyframes akhir-enter{from{transform:translateX(var(--d-md));opacity:0}to{transform:none;opacity:1}}
@keyframes akhir-exit{from{transform:none;opacity:1}to{transform:translateX(calc(-1 * var(--d-md)));opacity:0}}
@keyframes akhir-draw{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes akhir-face{from{opacity:0}to{opacity:1}}
@keyframes akhir-blink{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.12)}}
@keyframes akhir-breath{0%,100%{transform:scale(1);filter:drop-shadow(0 0 6px rgba(255,90,54,.3))}50%{transform:scale(1.04);filter:drop-shadow(0 0 20px rgba(255,90,54,.8))}}
@keyframes akhir-pulse{0%,100%{opacity:.22}50%{opacity:1}}
@keyframes akhir-plus{0%{transform:translateY(0) scale(.6);opacity:0}25%{transform:translateY(-14px) scale(1.12);opacity:1}55%{transform:translateY(-22px) scale(1);opacity:1}100%{transform:translateY(-36px) scale(1);opacity:0}}
@keyframes akhir-shimmer{from{background-position:0% 0}to{background-position:100% 0}}
@keyframes akhir-z{0%{transform:translate(0,0);opacity:0}20%{opacity:1}100%{transform:translate(-12px,-26px);opacity:0}}
.anim-enter{animation:akhir-enter var(--t-dukhul) var(--e-jamr) both}
.anim-exit{animation:akhir-exit var(--t-intiqal) var(--e-rahil) both}
.anim-draw{stroke-dasharray:100;stroke-dashoffset:100;animation:akhir-draw var(--t-dukhul) var(--e-jamr) forwards}
.anim-face{opacity:0;animation:akhir-face var(--t-lamsa) linear var(--t-dukhul) forwards}
.anim-breath{animation:akhir-breath var(--t-nafas) var(--e-nafas) infinite;transform-origin:center}
.anim-plus{animation:akhir-plus var(--t-ihtifal) var(--e-nabda) forwards}
.skeleton{background:linear-gradient(90deg,#1B2130 0%,#2A3247 38%,rgba(255,90,54,.4) 50%,#2A3247 62%,#1B2130 100%);background-size:200% 100%;animation:akhir-shimmer 1.6s linear infinite;border-radius:var(--r-sm)}
@media (prefers-reduced-motion:reduce){
  .anim-enter,.anim-exit{animation-duration:var(--t-intiqal);transform:none!important}
  .anim-draw{animation:none;stroke-dashoffset:0}
  .anim-breath,.skeleton{animation:none}
}

/* المصدر: /identity/bridge.css */
/* «آخر قيم» — bridge.css · المرحلة 1
   يُحمَّل بعد home.css و pages.css و design.css مباشرة.
   يعيد تعريف متغيرات الموقع القديمة (ورق/حبر) بقيم الهوية المعتمدة (ليل/جمر)،
   فينقلب كل ما يعتمد على المتغيرات بدون تعديل. الألوان المكتوبة بالهيكس مباشرة
   تُعالَج في المرحلة 2 (انظر HANDOFF.md). */
:root,
[data-theme=dark],
[data-theme=light]{
  --paper:var(--layl);
  --surface:var(--layl-2);
  --card:var(--layl-2);
  --ink:var(--qashda);
  --muted:var(--shurooh);
  --line:var(--hudud);
  --red:var(--jamr);
  --red-hover:var(--jamr-dark);
  --yellow:var(--thalj);
  --night:var(--layl-3);
  --coral:var(--jamr);
  --coral-soft:var(--jamr-light);
  --cream-deep:var(--layl-3);
  --heading:'Cairo Play',sans-serif;
  --body:Rubik,sans-serif;
  --ease-out:var(--e-jamr);
}
/* المظهر الفاتح القديم يصير «النهار» بالهوية الجديدة */
[data-theme=light]{
  --paper:var(--qashda);
  --surface:var(--abyad);
  --card:var(--abyad);
  --ink:var(--layl);
  --muted:var(--shurooh-nahar);
  --line:var(--hudud-nahar);
  --night:var(--layl);
  --cream-deep:var(--qashda);
}
/* الخط الملوّن: كل ما هو بخط العناوين ياخذ لوحة الجمر، وعلى الأسطح الجمرية لوحة الليل */
/* الزر الأساسي بالهوية: جمر، نص ليل، كبسولة، خط العناوين */
/* الزر: الكتلة الموحّدة في آخر home.css (كبسولة بلون الخدمة، نص ليل، القوس «). */
/* الشعار: نستبدل محتوى الملفين نفسهما (انظر HANDOFF.md الخطوة 1.4) فيبقى منطق العرض كما هو:
   lockup-paper.svg (للّيل) = wordmark-on-night.svg · lockup-ink.svg (للنهار) = wordmark-on-cream.svg
   والافتراضي يصير data-theme=dark من home.js
   العرض 150px للشاشات العريضة فقط: بلا استعلام كان يلغي عروض home.css المتجاوبة، ومع img{max-width:100%}
   ينضغط الشعار في صفحات الخدمات حتى 0px على 320 (مراجعة 29 سبتمبر، D3). */
.brand img{height:auto}
@media(min-width:1151px){.brand img{width:150px}}

/* ---- إضافة الموقع: الموقع يسمّي النهار data-theme=light، وtokens.css يسمّيه data-theme=day.
   نعيد هنا قيم النهار نفسها من tokens.css حتى تنقلب متغيرات الهوية (--bg --card --text…) مع الزر. ---- */
[data-theme=light]{--bg:var(--qashda);--card:var(--abyad);--field:var(--abyad);--border:var(--hudud-nahar);
  --text:var(--layl);--text-2:var(--nass-2-nahar);--text-3:var(--shurooh-nahar);--secondary:var(--thalj-dark)}
[data-theme=light].svc-space,[data-theme=light] .svc-space{--primary:var(--thalj-dark)}
[data-theme=light].svc-design,[data-theme=light] .svc-design{--primary:var(--sharara-dark)}
[data-theme=light].svc-news,[data-theme=light] .svc-news{--primary:var(--qamar-dark)}
[data-theme=light] .svc-space .d,[data-theme=light] .svc-space .font-display{font-palette:--akhir-thalj-dark}
[data-theme=light] .svc-design .d,[data-theme=light] .svc-design .font-display{font-palette:--akhir-sharara-dark}
/* ---- إضافة الموقع: صفحات الخدمة تصبغ متغيرات الموقع القديمة بلون الخدمة (HANDOFF §1.5)؛ الجمر يبقى للأم. ---- */
.svc-space,.svc-design,.svc-news{--red:var(--primary);--red-hover:var(--primary);--coral:var(--primary);--yellow:var(--secondary)}
[data-theme=light].svc-space{--secondary:var(--jamr)}
[data-theme=light].svc-design,[data-theme=light].svc-news{--secondary:var(--thalj-dark)}

/* ---- إضافة الموقع: المناطق الليلية الدائمة (الهيدر، الهيرو، الختام، شريط التصاميم، لوحة الأوامر، قائمة الجوال)
   تبقى بألوان الليل في المظهرين، وبلون الخدمة الليلي لا النهاري. ---- */
.top,.header-shell,.closing,.design-section,.band,.palette-box,.nav{
  --bg:var(--layl-3);--card:var(--layl-2);--field:var(--layl-3);--border:var(--hudud);
  --text:var(--qashda);--text-2:var(--nass-2);--text-3:var(--shurooh);
  --paper:var(--layl-3);--surface:var(--layl-2);--ink:var(--qashda);--muted:var(--shurooh);--line:var(--hudud);--night:var(--layl-3);
  --primary:var(--jamr);--secondary:var(--thalj);--red:var(--primary);--red-hover:var(--primary);--coral:var(--primary);--yellow:var(--secondary);
  --glow:0 10px 24px rgba(var(--jamr-rgb),.3);--ring:0 0 0 4px rgba(var(--jamr-rgb),.18)}
.svc-space .top,.svc-space .header-shell,.svc-space .closing,.svc-space .band,.svc-space .nav{--primary:var(--thalj);--secondary:var(--jamr);--glow:0 10px 24px rgba(var(--thalj-rgb),.25);--ring:0 0 0 4px rgba(var(--thalj-rgb),.22)}
.svc-design .top,.svc-design .header-shell,.svc-design .closing,.svc-design .band,.svc-design .nav{--primary:var(--sharara);--secondary:var(--thalj);--glow:0 10px 24px rgba(var(--sharara-rgb),.28);--ring:0 0 0 4px rgba(var(--sharara-rgb),.22)}
.svc-news .top,.svc-news .header-shell,.svc-news .closing,.svc-news .band,.svc-news .nav{--primary:var(--qamar);--secondary:var(--jamr);--glow:0 10px 24px rgba(var(--qamar-rgb),.25);--ring:0 0 0 4px rgba(var(--qamar-rgb),.22)}

/* ---- إضافة الموقع: لوحة الخط الملوّن (Cairo Play). font-palette خاصية موروثة:
   الجذر يحمل لوحة الخدمة (وبنسختها الغامقة في النهار)، والمناطق الليلية تعيد لوحة الليل، والأزرار الأساسية لوحة الليل. ---- */
h1,h2,h3,h4,.price,.d,.font-display,.plan-name,.plan-price{font-palette:inherit}
html{font-palette:--akhir-jamr}
html.svc-space{font-palette:--akhir-thalj}html.svc-design{font-palette:--akhir-sharara}html.svc-news{font-palette:--akhir-qamar}
html[data-theme=light].svc-space{font-palette:--akhir-thalj-dark}html[data-theme=light].svc-design{font-palette:--akhir-sharara-dark}html[data-theme=light].svc-news{font-palette:--akhir-qamar-dark}
.svc-space h1,.svc-space h2,.svc-space h3,.svc-space h4,.svc-space .d,.svc-space .font-display,
.svc-design h1,.svc-design h2,.svc-design h3,.svc-design h4,.svc-design .d,.svc-design .font-display,
.svc-news h1,.svc-news h2,.svc-news h3,.svc-news h4,.svc-news .d,.svc-news .font-display{font-palette:inherit}
.top,.header-shell,.closing,.design-section,.band,.palette-box,.nav{font-palette:--akhir-jamr}
.svc-space .top,.svc-space .header-shell,.svc-space .closing,.svc-space .band,.svc-space .nav{font-palette:--akhir-thalj}
.svc-design .top,.svc-design .header-shell,.svc-design .closing,.svc-design .band,.svc-design .nav{font-palette:--akhir-sharara}
.svc-news .top,.svc-news .header-shell,.svc-news .closing,.svc-news .band,.svc-news .nav{font-palette:--akhir-qamar}
.button,.on-primary,.method-primary,.tabs button[aria-selected=true]{font-palette:--akhir-layl}
.button.secondary,.button-ghost,.header .button,.text-button{font-palette:inherit}

/* ---- إضافة الموقع: أوزان Cairo Play المعتمدة (900 للعناوين الكبيرة والأزرار، 700 للفرعية والأسعار). ---- */
h1,.hero h1,.page-hero h1,h2,.closing h2,.design-copy h2,.hero-panel h2,.card h2,.panel h2,.studio h2{font-weight:900}
h3,h4,.features h3,.plan-heading h3,.calc-head h3,.calc-plan,.plan .plan-name,.price,.plan .plan-price,.calc-result b,.calc-body output,.hero-panel strong,.identity-note strong,.notice strong,.method-label strong,.product-option strong,.studio h3,.studio legend,.card h3,.grid-3 h3,.band-grid h3,.steps h3,.product-body h3{font-weight:700}

/* المصدر: /identity/components.css */
/* «آخر قيم» — components.css · يعتمد على tokens.css */

/* ---------- الأزرار ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 22px;border-radius:var(--r-pill);border:1.5px solid transparent;
  font-family:var(--font-display);font-size:18px;font-weight:900;cursor:pointer;user-select:none;white-space:nowrap;
  transition:transform var(--t-lamsa) var(--e-jamr),background var(--t-lamsa) var(--e-jamr),color var(--t-lamsa) var(--e-jamr),border-color var(--t-lamsa) var(--e-jamr),box-shadow var(--t-lamsa) var(--e-jamr)}
.btn:active{transform:scale(.97)}
.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.btn .chev{transition:transform var(--t-lamsa) var(--e-jamr)}
.btn:hover .chev{transform:translateX(-5px)}
.btn-primary{background:var(--primary);color:var(--layl);box-shadow:var(--glow);font-palette:--akhir-layl}
.btn-primary:hover{filter:brightness(.92)}
.btn-secondary{background:transparent;color:var(--secondary);border-color:var(--secondary);font-weight:700}
.btn-secondary:hover{background:rgba(191,233,255,.08)}
.btn-ghost{background:transparent;color:var(--text);font-weight:700}
.btn-ghost:hover{background:rgba(255,255,255,.05)}
.btn-danger{background:transparent;color:var(--jamr);border-color:var(--jamr);font-weight:700}
.btn-danger:hover{background:rgba(255,90,54,.1)}
.btn-lg{height:56px;font-size:20px;padding:0 28px}
.btn-sm{height:38px;font-size:15px;padding:0 16px}
.btn-icon{width:48px;padding:0}

/* ---------- الحقول ---------- */
.field{display:flex;flex-direction:column;gap:8px}
.field label{font-size:14px;font-weight:700;color:var(--text)}
.field .hint{font-size:12px;color:var(--text-3)}
.field .error{font-size:13px;font-weight:700;color:var(--jamr);font-family:var(--font-display)}
.input{width:100%;box-sizing:border-box;height:48px;padding:0 16px;border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--field);color:var(--text);
  font-family:var(--font-body);font-size:15px;outline:none;transition:border-color var(--t-lamsa) var(--e-jamr),box-shadow var(--t-lamsa) var(--e-jamr)}
.input::placeholder{color:var(--text-3)}
.input:focus{border-color:var(--jamr);box-shadow:var(--ring)}
.input[aria-invalid="true"]{border-color:var(--jamr)}
textarea.input{height:auto;min-height:110px;padding:12px 16px;resize:vertical;line-height:1.7}
.input-wrap{position:relative;display:flex;align-items:center}
.input-wrap .cursor{position:absolute;left:14px;pointer-events:none}
.select{appearance:none;padding-left:40px;background-image:none}
.select-wrap{position:relative}
.select-wrap .chev{position:absolute;left:14px;top:50%;transform:translateY(-50%) rotate(-90deg);pointer-events:none;transition:transform var(--t-intiqal) var(--e-jamr)}
.select-wrap:focus-within .chev{transform:translateY(-50%) rotate(90deg)}

/* ---------- الاختيار ---------- */
.check{display:inline-flex;align-items:center;gap:12px;cursor:pointer;font-size:15px;font-weight:700}
.check input{position:absolute;opacity:0;width:0;height:0}
.check .box{width:34px;height:34px;border-radius:10px;border:1.5px solid var(--border);background:var(--field);display:inline-flex;align-items:center;justify-content:center;transition:border-color var(--t-lamsa) var(--e-jamr),background var(--t-lamsa) var(--e-jamr)}
.check input:checked+.box{border-color:var(--jamr)}
.check input:focus-visible+.box{box-shadow:var(--ring)}
.toggle{position:relative;width:56px;height:30px;border-radius:var(--r-pill);background:var(--border);cursor:pointer;direction:ltr;transition:background var(--t-intiqal) var(--e-jamr);border:none;padding:0}
.toggle .knob{position:absolute;right:3px;top:3px;width:24px;height:24px;border-radius:50%;background:var(--qashda);display:flex;align-items:center;justify-content:center;transition:transform var(--t-intiqal) var(--e-jamr)}
.toggle .knob .chev{opacity:0;transition:opacity var(--t-lamsa) var(--e-jamr)}
.toggle[aria-checked="true"]{background:var(--primary)}
.toggle[aria-checked="true"] .knob{transform:translateX(-26px)}
.toggle[aria-checked="true"] .knob .chev{opacity:1}
.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--r-pill);border:1.5px solid var(--border);font-size:13px;font-weight:700;color:var(--text-2);background:transparent;cursor:pointer;transition:all var(--t-lamsa) var(--e-jamr)}
.chip[aria-pressed="true"]{background:var(--primary);color:var(--layl);border-color:var(--primary)}
.segmented{display:inline-flex;padding:4px;border-radius:var(--r-pill);background:var(--field);border:1.5px solid var(--border);gap:4px}
.segmented button{height:36px;padding:0 16px;border-radius:var(--r-pill);border:none;background:transparent;color:var(--text-2);font-family:var(--font-display);font-weight:900;font-size:15px;cursor:pointer;transition:all var(--t-intiqal) var(--e-jamr)}
.segmented button[aria-selected="true"]{background:var(--primary);color:var(--layl);font-palette:--akhir-layl}

/* ---------- الحالات ---------- */
.status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-pill);font-size:12px;font-weight:700;background:var(--card);border:1.5px solid var(--border);color:var(--text-2)}
.status-approved{background:var(--thalj);color:var(--layl);border-color:var(--thalj)}
.status-review{background:rgba(255,90,54,.12);color:var(--jamr);border-color:rgba(255,90,54,.3)}
.status-late{background:var(--jamr);color:var(--layl);border-color:var(--jamr)}
.toast{display:flex;align-items:center;gap:12px;width:min(320px,calc(100vw - 32px));padding:14px 16px;border-radius:var(--r-lg);background:var(--card);border:1.5px solid var(--border);box-shadow:0 16px 40px rgba(0,0,0,.4);animation:akhir-enter var(--t-dukhul) var(--e-jamr) both}
.toast.leaving{animation:akhir-exit var(--t-intiqal) var(--e-rahil) both}
.toast .title{font-family:var(--font-display);font-size:16px;font-weight:900}
.toast .body{font-size:12px;color:var(--text-3)}
.toast-alert{border-color:var(--jamr)}
.loader{display:inline-flex;direction:ltr}
.loader svg{margin-left:-14px;animation:akhir-pulse 1s var(--e-nafas) infinite}
.loader svg:first-child{margin-left:0}
.loader svg:nth-child(2){animation-delay:.12s}.loader svg:nth-child(3){animation-delay:.24s}
.progress{display:inline-flex;direction:ltr}
.progress svg{margin-left:-12px;color:var(--border);transition:color var(--t-lamsa) var(--e-jamr)}
.progress svg:first-child{margin-left:0}
.progress svg.on{color:var(--jamr)}
.plus-one{position:absolute;font-family:var(--font-display);font-weight:900;color:var(--thalj);animation:akhir-plus var(--t-ihtifal) var(--e-nabda) forwards;pointer-events:none}

/* ---------- البطاقات والنوافذ ---------- */
.card{padding:22px;border-radius:var(--r-card);background:var(--card);border:1.5px solid var(--border)}
.card-sm{padding:16px;border-radius:var(--r-xl)}
.modal-backdrop{position:fixed;inset:0;background:rgba(16,20,31,.7);animation:akhir-face var(--t-dukhul) both;display:flex;align-items:center;justify-content:center}
.modal{width:min(440px,calc(100vw - 32px));padding:24px;border-radius:var(--r-xl);background:var(--card);border:1.5px solid var(--border);animation:akhir-modal var(--t-dukhul) var(--e-jamr) both}
@keyframes akhir-modal{from{transform:scale(.96);opacity:0}to{transform:none;opacity:1}}
.modal .title{font-family:var(--font-display);font-size:22px;font-weight:900;margin:0 0 8px}
.divider{display:flex;align-items:center;gap:12px;color:var(--border)}
.divider::before,.divider::after{content:"";flex:1;height:1.5px;background:var(--border)}
.kbd{display:inline-flex;align-items:center;height:22px;padding:0 6px;border-radius:6px;border:1.5px solid var(--border);background:var(--field);font-size:11px;font-weight:700;color:var(--text-2);font-family:var(--font-body)}
.link{color:var(--secondary);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}
.link:hover{color:var(--text)}
.empty{display:flex;flex-direction:column;align-items:center;gap:14px;padding:40px;text-align:center}
.empty .title{font-family:var(--font-display);font-size:22px;font-weight:900}

/* المصدر: /identity/motion.css */
/* «آخر قيم» — motion.css · نظام الحركة المعتمد
   يُحمَّل بعد tokens.css. القسم الأول: الحركات والكلاسات العامة.
   القسم الثاني «الجسر»: يربط حركات الهوية بالكلاسات اللي يستخدمها home.js حالياً،
   فتشتغل الحركة الجديدة بدون تعديل الـ JS. */

/* ============ 1) الحركات ============ */
/* دخول/خروج: للأمام = يسار */
@keyframes akhir-enter{from{transform:translateX(var(--d-md));opacity:0}to{transform:none;opacity:1}}
@keyframes akhir-exit{from{transform:none;opacity:1}to{transform:translateX(calc(-1 * var(--d-md)));opacity:0}}
@keyframes akhir-enter-up{from{transform:translateY(var(--d-sm));opacity:0}to{transform:none;opacity:1}}
@keyframes akhir-modal-in{from{transform:scale(.96);opacity:0}to{transform:none;opacity:1}}
@keyframes akhir-modal-out{from{transform:none;opacity:1}to{transform:scale(.96);opacity:0}}
@keyframes akhir-fade{from{opacity:0}to{opacity:1}}
/* جمرة */
@keyframes akhir-draw{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes akhir-face{from{opacity:0}to{opacity:1}}
@keyframes akhir-blink{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.12)}}
@keyframes akhir-breath{0%,100%{transform:scale(1);filter:drop-shadow(0 0 6px rgba(255,90,54,.3))}50%{transform:scale(1.04);filter:drop-shadow(0 0 20px rgba(255,90,54,.8))}}
@keyframes akhir-hop{0%,100%{transform:translateY(0)}40%{transform:translateY(-8px)}}
@keyframes akhir-z{0%{transform:translate(0,0);opacity:0}20%{opacity:1}100%{transform:translate(-12px,-26px);opacity:0}}
/* التغذية الراجعة */
@keyframes akhir-pulse{0%,100%{opacity:.22}50%{opacity:1}}
@keyframes akhir-plus{0%{transform:translateY(0) scale(.6);opacity:0}25%{transform:translateY(-14px) scale(1.12);opacity:1}55%{transform:translateY(-22px) scale(1);opacity:1}100%{transform:translateY(-36px) scale(1);opacity:0}}
@keyframes akhir-pop{0%{transform:scale(.92)}60%{transform:scale(1.04)}100%{transform:scale(1)}}
@keyframes akhir-drop{from{transform:scale(.96);opacity:.6}to{transform:none;opacity:1}}
@keyframes akhir-shimmer{from{background-position:0% 0}to{background-position:100% 0}}
@keyframes akhir-live{0%{box-shadow:0 0 0 0 rgba(255,90,54,.55)}70%{box-shadow:0 0 0 8px rgba(255,90,54,0)}100%{box-shadow:0 0 0 0 rgba(255,90,54,0)}}
@keyframes akhir-marquee{to{transform:translateX(-50%)}}
@keyframes akhir-glow{0%,100%{opacity:.14}50%{opacity:.26}}

/* ============ الكلاسات العامة ============ */
.anim-enter{animation:akhir-enter var(--t-dukhul) var(--e-jamr) both}
.anim-enter-up{animation:akhir-enter-up var(--t-intiqal) var(--e-jamr) both}
.anim-exit{animation:akhir-exit var(--t-intiqal) var(--e-rahil) both}
.anim-fade{animation:akhir-fade var(--t-intiqal) linear both}
.anim-modal{animation:akhir-modal-in var(--t-dukhul) var(--e-jamr) both}
.anim-modal.is-leaving{animation:akhir-modal-out var(--t-intiqal) var(--e-rahil) both}
.anim-draw{stroke-dasharray:100;stroke-dashoffset:100;animation:akhir-draw var(--t-dukhul) var(--e-jamr) forwards}
.anim-face{opacity:0;animation:akhir-face var(--t-lamsa) linear var(--t-dukhul) forwards}
.anim-blink{transform-box:fill-box;transform-origin:center;animation:akhir-blink var(--t-lamsa) linear}
.anim-breath{animation:akhir-breath var(--t-nafas) var(--e-nafas) infinite;transform-origin:center}
.anim-hop{animation:akhir-hop var(--t-ihtifal) var(--e-nabda)}
.anim-plus{animation:akhir-plus var(--t-ihtifal) var(--e-nabda) forwards}
.anim-pop{animation:akhir-pop var(--t-lamsa) var(--e-jamr)}
.anim-drop{animation:akhir-drop var(--t-intiqal) var(--e-jamr)}
/* تتابع القوائم: 40ms لكل عنصر (حتى 12 عناصر) */
.stagger>*{animation:akhir-enter var(--t-dukhul) var(--e-jamr) both}
.stagger>*:nth-child(2){animation-delay:40ms}.stagger>*:nth-child(3){animation-delay:80ms}.stagger>*:nth-child(4){animation-delay:120ms}
.stagger>*:nth-child(5){animation-delay:160ms}.stagger>*:nth-child(6){animation-delay:200ms}.stagger>*:nth-child(7){animation-delay:240ms}
.stagger>*:nth-child(8){animation-delay:280ms}.stagger>*:nth-child(9){animation-delay:320ms}.stagger>*:nth-child(10){animation-delay:360ms}
.stagger>*:nth-child(11){animation-delay:400ms}.stagger>*:nth-child(12){animation-delay:440ms}
/* الظهور عند التمرير: العنصر يبدأ مخفياً ويظهر بـ .is-in (jamra.js يضيفها) */
.reveal{opacity:0;transform:translateX(var(--d-md))}
.reveal.is-in{animation:akhir-enter var(--t-dukhul) var(--e-jamr) both}
.reveal-group.is-in>*{animation:akhir-enter var(--t-dukhul) var(--e-jamr) both}
.reveal-group.is-in>*:nth-child(2){animation-delay:40ms}.reveal-group.is-in>*:nth-child(3){animation-delay:80ms}.reveal-group.is-in>*:nth-child(4){animation-delay:120ms}.reveal-group.is-in>*:nth-child(5){animation-delay:160ms}.reveal-group.is-in>*:nth-child(6){animation-delay:200ms}
/* التحميل: ثلاث أقواس تنبض (ممنوع أي دائرة تدور) */
.loader{display:inline-flex;direction:ltr;vertical-align:middle}
.loader svg{margin-left:-14px;animation:akhir-pulse 1s var(--e-nafas) infinite}
.loader svg:first-child{margin-left:0}.loader svg:nth-child(2){animation-delay:120ms}.loader svg:nth-child(3){animation-delay:240ms}
/* الهيكل */
.skeleton{background:linear-gradient(90deg,var(--layl-2) 0%,var(--hudud) 38%,rgba(var(--jamr-rgb),.4) 50%,var(--hudud) 62%,var(--layl-2) 100%);background-size:200% 100%;animation:akhir-shimmer 1.6s linear infinite;border-radius:var(--r-sm)}
/* النقطة الحيّة */
.live-dot{background:var(--jamr);animation:akhir-live var(--t-nafas) var(--e-nafas) infinite}
/* الشريط المتحرك: يمشي يسار، ويقف عند التحويم */
.marquee-track{animation:akhir-marquee 34s linear infinite}
.marquee-track:hover{animation-play-state:paused}
/* الانتقالات الصغيرة الافتراضية */
a,button,.button,.chip,.tab,input,select,textarea{transition:color var(--t-lamsa) var(--e-jamr),background-color var(--t-lamsa) var(--e-jamr),border-color var(--t-lamsa) var(--e-jamr),box-shadow var(--t-lamsa) var(--e-jamr),transform var(--t-lamsa) var(--e-jamr)}
.button:active,.chip:active{transform:scale(.97)}
.button .chev{transition:transform var(--t-lamsa) var(--e-jamr)}
.button:hover .chev{transform:translateX(-5px)}
/* قوس القائمة: الدوران الوحيد المسموح */
.chev-toggle{transition:transform var(--t-intiqal) var(--e-jamr)}
.is-open>.chev-toggle,[aria-expanded="true"]>.chev-toggle{transform:rotate(180deg)}
/* التبويبات: خط جمر ينزلق */
.tabs{position:relative}
.tabs .tab-ink{position:absolute;bottom:-1.5px;height:3px;border-radius:99px;background:var(--jamr);transition:transform var(--t-intiqal) var(--e-jamr),width var(--t-intiqal) var(--e-jamr)}

/* ============ 2) الجسر مع home.js / home.css الحالي ============ */
/* الهيرو: النص والمنتج يدخلون بالتتابع */
.top .hero-copy{animation:akhir-enter var(--t-dukhul) var(--e-jamr) both}
.top .hero-product{animation:akhir-enter var(--t-dukhul) var(--e-jamr) 160ms both}
/* كلمات العنوان: بدون blur، تدخل من اليمين بتتابع 40ms */
.hero h1 .w{animation:akhir-enter var(--t-dukhul) var(--e-jamr) both!important;filter:none!important}
.hero h1 .w:nth-child(2){animation-delay:40ms}.hero h1 .w:nth-child(3){animation-delay:80ms}.hero h1 .w:nth-child(4){animation-delay:120ms}.hero h1 .w:nth-child(5){animation-delay:160ms}.hero h1 .w:nth-child(6){animation-delay:200ms}
.hero h1>span,.hero h1>span .w{animation-name:akhir-enter!important;background:none!important;-webkit-text-fill-color:currentColor!important}
/* خلفية الهيرو: توهّج جمر واحد يتنفّس ببطء، بدون انجراف ولا شبكة ولا ضجيج */
.glow-a,.glow-b{animation:akhir-glow calc(var(--t-nafas) * 3) var(--e-nafas) infinite!important;transform:none!important;background:radial-gradient(closest-side,rgba(255,90,54,.35),transparent)!important}
.glow-b{animation-delay:calc(var(--t-nafas) * -1.5)}
.backdrop-grid,.backdrop-noise{display:none!important}
/* المؤشر في نافذة الفكرة: يومض برمشة (jamra.js يستبدله بجمرة واقفة إن وجد #prompt-text) */
.prompt-caret{animation:akhir-pulse 1s var(--e-nafas) infinite!important;background:var(--jamr)}
/* توليد التصميم: بدل «الماسح» → هيكل يلمع ثم الصورة تدخل */
.main-design.is-scanning::after{animation:none!important;background:linear-gradient(90deg,transparent 0%,rgba(255,90,54,.18) 50%,transparent 100%)!important;background-size:200% 100%!important;animation:akhir-shimmer 1.6s linear infinite!important}
.main-design.is-loading img,.main-design.is-loading .design-image{opacity:.35;transition:opacity var(--t-dukhul) var(--e-jamr)}
/* سحب المهام: الإسقاط نقرة واحدة */
.task.is-dropped{animation:akhir-drop var(--t-intiqal) var(--e-jamr)!important}
.task.is-dragging{transform:scale(1.02);box-shadow:var(--glow);transition:transform var(--t-lamsa) var(--e-jamr)}
.column.is-over,.col.is-over{outline:1.5px solid var(--jamr);outline-offset:-1.5px}
/* الحاسبة: الرقم ينبض لمسة */
.calc-result.is-bump b{animation:akhir-pop var(--t-lamsa) var(--e-jamr)!important;display:inline-block}
/* لوحة الأوامر: نافذة */
.palette-box{animation:akhir-modal-in var(--t-dukhul) var(--e-jamr) both!important}
/* الظهور عند التمرير (home.js يضيف .is-in) */
.reveal:not(.is-in){opacity:0}
/* مقارنة النسخ */
.is-swapping{transition:opacity var(--t-intiqal) var(--e-rahil),transform var(--t-intiqal) var(--e-rahil);opacity:0;transform:translateX(calc(-1 * var(--d-sm)))}
/* الهيدر عند التمرير */
.header{transition:background-color var(--t-intiqal) var(--e-jamr),box-shadow var(--t-intiqal) var(--e-jamr),padding var(--t-intiqal) var(--e-jamr)}
/* الأزرار المغناطيسية وحلقة المؤشر: ملغاة — الحركة الوحيدة على الزر هي ضغطة + تقدّم القوس */
.magnetic{transform:none!important}
.cursor-ring{display:none!important}

/* ============ 3) prefers-reduced-motion ============ */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .reveal,.reveal:not(.is-in),.hero h1 .w{opacity:1!important;transform:none!important}
  /* الجسر يثبّت مدة كلمات العنوان ولوحة الأوامر بـ!important وبخصوصية أعلى من *؛ هنا تُلغى صراحة. */
  .hero h1 .w,.top .hero-copy,.top .hero-product,.palette-box{animation-duration:.01ms!important;animation-delay:0s!important}
  .anim-draw{stroke-dashoffset:0}
  .loader svg,.skeleton,.live-dot,.marquee-track,.glow-a,.glow-b{animation:none!important}
}

/* المصدر: /identity/hand.css */
/* «آخر قيم» — hand.css · لمسة اليد (ضد القالب) · هوية 1.0 §22
   يُحمَّل آخر ملف في كل صفحة، بعد motion.css. لا يضيف مكوّنات؛ يعيد تشكيل الموجود:
   لا توهّج ولا ظلال ولا زجاج، حاويات حادّة 4px، الكبسولة للفعل الأساسي وحده، خطوط منقّطة بدل الصناديق،
   أرقام كبيرة كعنصر تصميم، علامات مرسومة بـ CSS (مربّع صغير، قوس بضربة واحدة)، ونصّ بدل الأيقونات في الرأس.
   نفس القواعد المطبّقة في «المساحة» (space-identity.css §20–21) حتى تبقى الهوية يداً واحدة. */

/* ---------- 1) المفاتيح: زوايا حادّة، ولا توهّج ---------- */
:root{--r-sm:4px;--r-md:4px;--r-lg:6px;--r-xl:6px;--r-card:6px;
  --glow:none;
  --ring:0 0 0 2px var(--bg),0 0 0 4px var(--primary)}
/* A6 (مراجعة 29 سبتمبر): في نهار الأم الحلقة جمر على القشدة 2.86:1 (أقل من 3:1). الجمر الغامق 4:1؛ الخدمات والمناطق
   الليلية تعيد تعريف الحلقة بعده بلونها. وcolor-scheme يطابق الثيم حتى تتبعه عناصر النماذج الأصلية. */
:root{color-scheme:dark}  /* مراجعة المجموعة 3: قبل قاعدة النهار لا بعدها؛ بالخصوصية نفسها كان الأخير يغلب فتصير النماذج الأصلية داكنة نهارًا. */
[data-theme=light]{--ring:0 0 0 2px var(--bg),0 0 0 4px var(--jamr-dark);color-scheme:light}
.top,.header-shell,.palette-box{color-scheme:dark}
.top,.header-shell,.closing,.design-section,.band,.palette-box,.nav,
.svc-space .top,.svc-space .header-shell,.svc-space .closing,.svc-space .band,.svc-space .nav,
.svc-design .top,.svc-design .header-shell,.svc-design .closing,.svc-design .band,.svc-design .nav,
.svc-news .top,.svc-news .header-shell,.svc-news .closing,.svc-news .band,.svc-news .nav,
.svc-space,.svc-design,.svc-news,.svc-edit{--glow:none;--ring:0 0 0 2px var(--bg),0 0 0 4px var(--primary)}
/* A5 (مراجعة 29 سبتمبر): نهار الخدمات لونها غامق (ثلج/شرارة/قمر غامق)، فنص الزر قشدة: 5.2/5.0/6.8 بدل 3.2/3.4/2.6.
   المناطق الليلية داخلها (الهيرو والختام والشريط) تبقى بلون الخدمة الفاتح ونص ليل. */
[data-theme=light].svc-space,[data-theme=light].svc-design,[data-theme=light].svc-news{--on-primary:var(--qashda)}
.top,.header-shell,.closing,.design-section,.band,.palette-box{--on-primary:var(--layl)}
[data-theme=light].svc-space .button:not(.secondary,.button-ghost,.header .button),[data-theme=light].svc-design .button:not(.secondary,.button-ghost,.header .button),[data-theme=light].svc-news .button:not(.secondary,.button-ghost,.header .button){font-palette:--akhir-qashda}
:is(.top,.header-shell,.closing,.design-section,.band) .button:not(.secondary,.button-ghost,.header .button){font-palette:--akhir-layl}
/* الأزرار الشفافة (الرأس، الثانوية) نصّها ثلج على الخلفية نفسها: نقاطها بلون نصّها، لا بلون زر ممتلئ (كانت ليلًا على ليل فتختفي:
   «ابدأ حسابك» بلا نقاط على الجوال). الرأس منطقة ليلية في المظهرين، فثلج دائمًا؛ الثانوية على القشدة نهارًا ثلج غامق. */
.header .button,.button.secondary,.button-ghost{font-palette:--akhir-thalj}
:is([data-theme=day],[data-theme=light]) :is(.button.secondary,.button-ghost):not(.header .button){font-palette:--akhir-thalj-dark}

/* ---------- 2) لا توهّج ولا ضجيج ولا زجاج ولا ظلال ---------- */
.glow,.backdrop-noise,.backdrop-grid,.closing::after,.band::after,
.plan::before,.features article::before,.product-frame::after{display:none!important}
.header-shell.is-scrolled{background:var(--layl-3);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border-bottom:1px dotted var(--hudud)}
.palette::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}
.product-frame,.workspace,.gallery,.main-design,.second-design,.nav.is-open,.sticker,.toast,.modal,.palette-box,
.task.is-dragging,.task.is-highlight,.compare-handle,.compare-handle::after,.art-sticker,dialog,.team-card,.notes-paper,
.execution-health,.department-detail,.connection-state[data-online=true]::before{box-shadow:none!important}
.controller{filter:none!important}
.hero-jamra svg,.sting svg{filter:none!important}
/* «نفَس» جمرة يبقى حركة حجم فقط؛ الهالة الضوئية كانت أول ما يفضح القالب. */
@keyframes akhir-breath{0%,100%{transform:scale(1);filter:none}50%{transform:scale(1.04);filter:none}}
.skeleton{background:repeating-linear-gradient(90deg,var(--border) 0 4px,transparent 4px 8px);animation:akhir-pulse 1.6s var(--e-nafas) infinite;border-radius:0}

/* ---------- 3) الرأس: نصّ بدل الأيقونات، وحدود منقّطة ---------- */
.header{border-bottom:1px dotted var(--hudud)}
.brand-divider{width:0;border-inline-start:1px dotted var(--hudud);background:transparent}
.palette-trigger{border:0;border-radius:0;padding:0 2px;min-height:44px;font-family:var(--heading);font-weight:700;font-size:14px;color:var(--nass-2);
  text-decoration:underline dotted;text-decoration-thickness:1px;text-underline-offset:6px;gap:0}
.palette-trigger kbd{display:none}
.palette-trigger:hover{color:var(--qashda);border-color:transparent}
.theme-toggle{font:700 14px/1 var(--heading);color:var(--nass-2);text-decoration:underline dotted;text-decoration-thickness:1px;text-underline-offset:6px;min-width:0;padding:0 2px}
.theme-toggle span{display:none}
.theme-toggle::before{content:"ليل"}
[data-theme=light] .theme-toggle::before{content:"نهار"}
.theme-toggle:hover{color:var(--qashda)}
.header .button{border-radius:4px!important;font-size:15px}
/* D15 (مراجعة 29 سبتمبر): 15px يلغي مقاس الجوال فكان «ابدأ حسابك» ينكسر سطرين (60px) على 320 في صفحات الخدمات. */
@media(max-width:650px){.header .button{font-size:13px}}
.header-actions .button-small{white-space:nowrap}
.nav a::after{display:none}
.nav a[aria-current=page]{color:var(--qashda)}
.nav a[aria-current=page]::before{content:"";width:6px;height:6px;background:var(--primary);margin-inline-end:8px;flex:none}
.nav.is-open{border:1px dotted var(--hudud);border-radius:4px}
.menu-toggle span{height:1.5px}

/* ---------- 4) الأزرار: الكبسولة للفعل الأساسي وحده، والباقي مربّع ---------- */
.button.secondary,.button-ghost,.btn-secondary,.btn-ghost,.btn-danger,.studio .button.secondary,.studio .button.button-ghost,
.jump-preview,.cc-button:not(.cc-button-primary),.method:not(.method-primary),.sample-button,.corner-cycle,.text-button,
.team-nav a,.cc-skip,.segmented,.segmented button,.toggle,.check .box{border-radius:4px}
.button.secondary,.button-ghost{border-style:solid}
.text-link{border-bottom-style:dotted;border-bottom-width:1px}
.hero-toc a{border-bottom:1px dotted var(--hudud)}

/* ---------- 5) الوسوم والشارات: نصّ ومربّع صغير، لا كبسولات ---------- */
.chip,.card .tag,.chips li,.status-badge,.badge,.demo-tag,.design-types span,.feature-assignee,.version,.prompt-label,.v-label,
.studio .feature-badge,.step-number,.status,.cc-badge,.cc-status,.pending,.plan-state,.dimension-label,.duration{border-radius:0}
.chips li,.card .tag,.status-badge{border:0;padding:0;font-size:13px;color:var(--text-2);display:inline-flex;align-items:center;gap:8px}
.chips li::before,.card .tag::before{content:"";width:6px;height:6px;background:var(--primary);flex:none}
.status-badge>span{border-radius:0;width:6px;height:6px}
.chips{gap:8px 22px}
.pending{background:transparent;border:0;padding:0;color:var(--secondary);font-family:var(--heading);font-weight:700}
.pending::before{content:"؟ "}
.plan-state{border-top:1px dotted var(--line);display:flex;align-items:center;gap:8px}
.plan-state::before{content:"";width:6px;height:6px;border:1px solid currentColor;flex:none}
.tiny-line,.caption-line{width:6px;height:6px;background:var(--primary)}
.section-eyebrow{color:var(--primary);font-family:var(--heading);font-weight:700}

/* ---------- 6) خطوط منقّطة بدل الصناديق والحدود المصمتة ---------- */
/* (كل جانب يُذكر باسمه؛ border-style وحده يُظهر جوانب كانت مخفية بعرضها الافتراضي) */
.hero-bottom,.hero-signals,.product-switch,.drafts-section,.control-section,.workspace-footer,.example-flow li,.palette-foot,.calc-result,.footer-bottom{border-top:1px dotted var(--hudud)}
.workspace-top,.gallery-top,.prompt-demo,.hero-panel-top,.task-category{border-bottom:1px dotted var(--hudud)}
.features{border-block:1px dotted var(--hudud)}
.plan-footnote{border-top:1px dotted var(--line)}
.footer-top{border-bottom:1px dotted var(--hudud);padding-bottom:28px}
@media(max-width:650px){.plan-footnote{border-top:0}.features{border-bottom:0}.features article,.features article:first-child,.features article:last-child{border-inline:0;border-bottom:1px dotted var(--line)}.plan,.plan:first-child,.plan:last-child{border:0;border-bottom:1px dotted var(--line)}}
.features article{border-inline-start:1px dotted var(--border)}
.plan{border-inline-start:1px dotted var(--line)}
.faq-list details{border-top:1px dotted var(--line)}
.faq-list details:last-child{border-bottom:1px dotted var(--line)}
.divider::before,.divider::after{height:0;border-top:1px dotted var(--border);background:transparent}
/* البطاقات والألواح: بلا صندوق؛ خط منقّط فوقها يكفي (كما في المساحة §21) */
.page .card,.card,.page .panel,.panel,.hero-panel,.product-picker,.preview-panel,.editor-panel,.draft-card,.calc,.admin-card,.value-card,.schedule,.poll-box,.vote-panel,
.cc-panel,.cc-service-card,.cc-metric,.cc-empty,.team-card,.notes-paper,.execution-health,.department-detail{
  background:transparent;border:0;border-top:1px dotted var(--line);border-radius:0;padding-inline:0}
.page .card,.card{padding:28px 0 8px}
.page .panel,.panel{padding:28px 0 12px}
.hero-panel{padding:22px 0 0}
.page-hero .hero-panel.notice,.page .notice,.notice,.identity-note,.service-note,.studio .notice,.generation-cost,.retry-note{background:transparent;border:0;border-inline-start:3px solid var(--primary);border-radius:0;padding:4px 18px 4px 0}
.studio .notice.pending{background:transparent;border:0;border-inline-start:3px solid var(--muted);border-radius:0}
.notice.error,.studio .notice.error,.status[data-tone=error]{border:0;border-inline-start:3px solid var(--jamr)}
.page .status{background:transparent;border:0;border-block:1px dotted var(--border);border-radius:0;padding:12px 0}
.method{border:1px dotted var(--line);border-radius:4px}
.method-icon{border:1px dotted var(--line);border-radius:0}
.product{background:transparent;border:1px dotted var(--line);border-radius:4px}
.product-option,.template-option,.font-option,.reference-card,.file-picker,.design-plan-option,.design-sub-facts div{border:1px dotted var(--line);border-radius:4px;background:transparent}
.product-option[aria-pressed=true],.template-option:has(input:checked),.font-option:has(input:checked),label.design-plan-option:has(input:checked){border:1.5px solid var(--primary);box-shadow:none}
/* D5 (مراجعة 29 سبتمبر): في مجموعة الراديو يقع التركيز دائمًا على المختار، والقاعدة أعلاه (بخصوصية حلقة design.css
   وبعدها) كانت تمحو الحلقة، فلا مؤشر تركيز أبدًا. الحلقة الصلبة (2px ليل ثم 4px بلون الخدمة) تعود فوق حدّ المختار. */
.template-option:has(input:focus-visible),.font-option:has(input:focus-visible),label.design-plan-option:has(input:focus-visible),.product-option[aria-pressed=true]:focus-visible{box-shadow:var(--ring)}
.calc{border-bottom:1px dotted var(--line);margin-top:8px}
.calc-head{border-inline-end:1px dotted var(--line)}
@media(max-width:900px){.calc-head{border-inline-end:0;border-bottom:1px dotted var(--line)}}
.calc-body input[type=range]{border-radius:0}

/* ---------- 7) المعاينة في الهيرو: شاشة بلا إطار زجاجي، والمهامّ بخطوط لا صناديق ---------- */
.product-frame{background:transparent;border:0;border-radius:0;padding:0}
.preview-caption{border-bottom:1px dotted var(--hudud);padding-bottom:12px}
.workspace{border:1px solid var(--hudud);border-radius:4px;box-shadow:none}
.workspace-mark{border-radius:0}
.board-column{background:transparent;border-radius:0;border-inline-start:1px dotted var(--hudud);padding-inline-start:10px}
.board-column:first-child{border-inline-start:0;padding-inline-start:0}
.board-column.is-over{background:transparent;box-shadow:none;border-inline-start-color:var(--primary)}
.task{background:transparent;border:0;border-top:1px dotted var(--hudud);border-radius:0;padding-inline:0}
.task.is-highlight{border-top:1px solid var(--primary)}
.task-image{border-radius:0}
.live-strip{background:transparent;border:0;border-bottom:1px dotted var(--hudud);border-radius:0;padding-inline:0}
.cal-day{background:transparent;border-top:1px dotted var(--hudud);border-radius:0}
.cal-day.is-today{background:transparent;color:inherit;border-top:2px solid var(--primary)}
.cal-day.is-today b{color:var(--primary)}
.cal-day i{background:transparent;border:1px dotted var(--hudud);border-radius:0}
.cal-day i.review{border:1px solid var(--jamr);background:transparent}
.cal-day i.publish{border:1px solid var(--thalj);background:transparent}
.mini-week span{background:transparent;border-top:1px dotted var(--hudud);border-radius:0}
.mini-week .active-day{background:transparent;color:var(--primary);border-top:2px solid var(--primary)}
.feature-visual{background:transparent;border:1px dotted var(--hudud);border-radius:0}
.feature-assignee{background:transparent;border:0;padding:0;color:var(--muted)}
.check-box{border-radius:0}
.creative-preview{background:transparent;border:1px dotted var(--hudud);border-radius:4px}
.notes span{background:transparent;border:1px dotted var(--hudud);border-radius:0}
.compare{border-radius:0}
.v-label{background:var(--layl-3);border:1px dotted var(--hudud)}
.gallery{background:transparent;border:1px dotted var(--hudud);border-radius:4px}
.main-design{transform:none}
.sample-button{border:1px dotted var(--hudud)}
.sample-button[aria-pressed=true]{background:transparent;border:1px solid var(--primary)}
.canvas-frame{background:transparent;border:1px dotted var(--line);border-radius:0}

/* ---------- 8) التبويبات: مربّع صغير بلون الخدمة، لا خط ينزلق ---------- */
.tab-ink,.tabs button[aria-selected=true]::after{display:none!important}
.tabs button{padding-inline-start:16px}
.tabs button[aria-selected=true]::before,.workspace-nav button.selected::before{content:"";position:absolute;inset-inline-start:0;top:50%;width:6px;height:6px;margin-top:-3px;background:var(--primary)}
.workspace-nav button{position:relative;border-bottom:0;padding-inline-start:12px}
.workspace-nav button.selected,.workspace-nav.has-ink button.selected{border-bottom:0}
.product-switch button{border-top:0;padding-inline-start:14px;position:relative}
.product-switch button[aria-pressed=true]::before{content:"";position:absolute;inset-inline-start:0;top:50%;width:6px;height:6px;margin-top:-3px;background:var(--primary)}
.product-switch button span{font-family:var(--heading);font-weight:900;font-size:16px}

/* ---------- 9) الأسئلة: قوس بضربة واحدة يلتفّ عند الفتح، لا زائد وناقص ---------- */
.faq-list summary{justify-content:flex-start;gap:14px}
.faq-list summary>span{display:none}
.faq-list summary::before{content:"";width:9px;height:9px;flex:none;border-left:2px solid var(--primary);border-bottom:2px solid var(--primary);transform:rotate(45deg);transition:transform var(--t-intiqal) var(--e-jamr);margin-inline-end:2px}
.faq-list details[open] summary::before{transform:rotate(-45deg)}

/* ---------- 10) الأرقام الكبيرة كعنصر تصميم ---------- */
.feature-number{font:900 52px/1 var(--heading);color:var(--primary);letter-spacing:0;margin-bottom:14px;font-palette:inherit}
.num{font:900 32px/1 var(--heading);color:var(--primary);letter-spacing:0;font-palette:inherit}
.card .index{font:900 20px/1 var(--heading);color:var(--primary);letter-spacing:0;font-palette:inherit}
.hero-signals span{font:900 18px/1 var(--heading);color:var(--primary);letter-spacing:0}
.sample-number{font:900 13px/1 var(--heading);color:var(--primary)}
.price{font-weight:900;font-size:72px;line-height:1;margin-block:18px 22px}
.price span{font:500 14px/1.4 var(--body);color:var(--text-3)}
.plan .plan-price{font-weight:900;font-size:72px;line-height:1}
.plan .plan-price small{font:500 14px/1.4 var(--body);color:var(--text-3)}
.calc-result b{font:900 40px/1 var(--heading)}
.calc-plan{font-weight:700}
.hero h1,.page-hero h1{font-weight:900}
@media(max-width:900px){.feature-number{font-size:40px}.price,.plan .plan-price{font-size:56px}}
@media(max-width:650px){.feature-number{font-size:32px;margin-bottom:6px}.price,.plan .plan-price{font-size:40px}.num{font-size:26px}}

/* ---------- 11) الشريط في أسفل الهيرو: صفّ ثابت بلا دوران، وفواصل منقّطة ---------- */
.hero-bottom>.marquee{-webkit-mask-image:none;mask-image:none;overflow:visible}
.marquee-track{animation:none!important;width:auto;flex-wrap:wrap;gap:6px 0}
.marquee-track span{border-inline-start:1px dotted var(--hudud);padding-inline:18px}
.marquee-track span:nth-child(n+7){display:none}

/* ---------- 12) الختام والفوتر ---------- */
.closing{border-block:1px dotted var(--hudud)}
.footer-brand img{filter:none}
.sticker{border-radius:0}

/* ---------- 13) النماذج: زوايا 4، وحلقة تركيز صلبة ---------- */
.input,.form-field input,.form-field textarea,.field input,.field textarea,select,.studio input,.studio textarea,.studio select,
.design-checkout input[type=tel],.design-change select,.cc-field input,.cc-field select,.cc-field textarea,#palette-input,.editor-bar input{border-radius:4px}
a:not(.button):focus-visible,summary:focus-visible{border-radius:2px}

/* ---------- 14) الأقسام الإدارية: إدارة المجتمع (styles.css)، فريق العمل (team.css)، مركز التحكم (control-center.css) ----------
   نفس اللمسة: الكبسولة للأساسي وحده، لا صناديق، علامات مرسومة بدل رموز الطباعة (◈ ▤ ◎ ◇ ♧)، والفعّال بمربّع. */
/* إدارة المجتمع */
.site-header{border-bottom:1px dotted var(--line)}
.site-footer{border-top:1px dotted var(--line)}
.button.subtle,.subtle{border-radius:4px}
.button.primary,.primary{border-radius:var(--r-pill)}
p.status,#status:not(:empty),#dialog-status:not(:empty),#notes-status:not(:empty),#department-status:not(:empty){background:transparent;border:0;border-block:1px dotted var(--hudud);border-radius:0;padding:12px 0}
/* ملاحظات الإدارة فقط (D2، مراجعة 29 سبتمبر): كانت .notice.notice مع !important فتسرّبت للصفحات العامة، فصار شريط كل
   ملاحظة جمرًا بدل لون الخدمة، ونص الخطأ في المحرر بلون النص العادي. سلسلة !important في styles.css أزيلت، فالخصوصية تكفي. */
.svc-admin .notice{background:transparent;border:0;border-inline-start:3px solid var(--jamr);border-radius:0;color:var(--text);font-size:12px;padding:4px 18px 4px 0}
.admin-stats article{background:transparent;border:0;border-top:1px dotted var(--line);border-radius:0;padding:16px 0 8px}
.admin-stats article strong{display:block;font:900 52px/1 var(--font-display);color:var(--primary);margin-bottom:6px}
.admin-card h2,.team-card h2,.cc-panel h2{font-weight:900}
.value-card,.activity-card,.schedule,.poll-box{background:transparent;border:0;border-top:1px dotted var(--line);border-radius:0;padding-inline:0}
.vote-panel{border:1px dotted var(--thalj);border-radius:4px}
.poll-option{border:1px dotted var(--hudud);border-radius:4px}
.tag{border-radius:0;border:0;padding:0;display:inline-flex;align-items:center;gap:8px}
.tag::before{content:"";width:6px;height:6px;background:currentColor;flex:none}
.key-list li,.events article{border-radius:4px}
.brand-speech{border-radius:4px;border:1px dotted var(--hudud);background:transparent;transform:none}
.brand-label{border-radius:0}
/* فريق العمل */
.team-sticker{transform:none;border-radius:4px;background:transparent;border:1px dotted var(--hudud);font-weight:900}
.team-nav{border-bottom:1px dotted var(--line);gap:22px}
.team-nav a{border-radius:0;padding-inline:14px 0;position:relative;border:0}
.team-nav a[aria-current=page]{background:transparent;color:var(--text);font-palette:inherit}
.team-nav a[aria-current=page]::before{content:"";position:absolute;inset-inline-start:0;top:50%;width:6px;height:6px;margin-top:-3px;background:var(--primary)}
.notes-privacy,.department-detail,.notes-paper,.execution-health{background:transparent;border:0;border-top:1px dotted var(--line);border-radius:0;padding-inline:0}
.notes-privacy{border-top:0;border-inline-start:3px solid var(--thalj);padding-inline-start:18px}
.note-list-item,.comment,.department-person,.department-counts span,.department-resource-editor{background:transparent;border:1px dotted var(--line);border-radius:4px}
.badge{border-radius:0;background:transparent;padding:0;display:inline-flex;align-items:center;gap:6px}
.badge::before{content:"";width:6px;height:6px;border:1px solid currentColor;flex:none}
.connection-state::before{border-radius:0;width:8px;height:8px}
.connection-state[data-online=true]::before{box-shadow:none;background:var(--thalj)}
.team-main dialog,dialog.team-dialog{border-radius:6px;border:1px solid var(--hudud)}
/* مركز التحكم */
.cc-topbar{border-bottom:1px dotted var(--hudud)}
.cc-footer{border-top:1px dotted var(--hudud)}
.cc-sidebar{border-inline-end:1px dotted var(--hudud)}
.cc-nav{gap:2px}
.cc-nav button{border-radius:0;border:0;padding-inline:14px 12px;position:relative;font-family:var(--font-display);font-weight:700}
.cc-nav button:hover{background:transparent;color:var(--qashda)}
.cc-nav button[aria-current=page]{background:transparent;color:var(--qashda)}
.cc-nav button[aria-current=page]::before{content:"";position:absolute;inset-inline-start:0;top:50%;width:6px;height:6px;margin-top:-3px;background:var(--primary)}
/* الأيقونات: علامات مرسومة من لغة جمرة بدل رموز الطباعة */
.cc-nav button span{font-size:0;width:20px;height:20px;display:inline-grid;place-items:center;position:relative;color:currentColor}
.cc-nav button span svg{display:none}
.cc-nav button span::before,.cc-nav button span::after{content:"";display:block;box-sizing:border-box}
.cc-nav button[data-view=overview] span::before{width:10px;height:10px;border-left:2.4px solid currentColor;border-bottom:2.4px solid currentColor;transform:rotate(45deg)}
.cc-nav button[data-view=projects] span::before{width:2.4px;height:16px;background:currentColor;box-shadow:-4px -0 0 -1px transparent}
.cc-nav button[data-view=projects] span::after{position:absolute;width:10px;height:16px;border-block:2.4px solid currentColor}
.cc-nav button[data-view=space] span::before{width:12px;height:7px;border-left:2.4px solid currentColor;border-bottom:2.4px solid currentColor;transform:rotate(-45deg) translateY(-2px)}
.cc-nav button[data-view=designs] span::before{width:2.4px;height:16px;background:var(--sharara)}
.cc-nav button[data-view=automation] span{font-size:22px;font-family:var(--font-display);font-weight:900;line-height:1}
.cc-nav button[data-view=automation] span::before{content:"~";display:inline}
.cc-nav button[data-view=team] span::before,.cc-nav button[data-view=team] span::after{position:absolute;top:5px;width:9px;height:9px;border-left:2.4px solid currentColor;border-bottom:2.4px solid currentColor;transform:rotate(45deg)}
.cc-nav button[data-view=team] span::before{left:1px}.cc-nav button[data-view=team] span::after{left:8px}
.cc-nav button[aria-current=page] span{color:var(--primary)}
.cc-private-label{border:0;border-radius:0;padding:0;display:inline-flex;align-items:center;gap:8px}
.cc-private-label::before{content:"";width:6px;height:6px;background:var(--primary)}
.cc-owner-dot{border-radius:0}
.cc-auth-mark{background:transparent;color:var(--primary);border:1px dotted var(--hudud);border-radius:4px;font-size:0}
.cc-auth-mark svg{width:26px;height:26px}
.cc-feature-mark{font-size:0;border-radius:4px;border:1px dotted var(--hudud);background:transparent;display:inline-grid;place-items:center}
.cc-feature-mark::before{content:"";width:10px;height:10px;background:currentColor}
.cc-feature-mark svg{display:none}
.cc-yellow{background:transparent;color:var(--sharara)}.cc-lilac{color:var(--thalj)}
.cc-status,.cc-form-status{background:transparent;border:0;border-block:1px dotted var(--hudud);border-radius:0;padding:12px 0}
.cc-status[data-tone=error],.cc-status.cc-error{border-block:0;border-inline-start:3px solid var(--jamr);padding:4px 18px 4px 0}
.cc-button{border-radius:4px}
.cc-button-primary{border-radius:var(--r-pill)}
.cc-segmented{padding:0;background:transparent;border:0;gap:18px;border-bottom:1px dotted var(--hudud);border-radius:0}
.cc-segmented button{border:0;border-radius:0;padding-inline:14px 0;position:relative;font-family:var(--font-display);font-weight:700}
.cc-segmented button[aria-pressed=true]{background:transparent;color:var(--text)}
.cc-segmented button[aria-pressed=true]::before{content:"";position:absolute;inset-inline-start:0;top:50%;width:6px;height:6px;margin-top:-3px;background:var(--primary)}
.cc-badge{border-radius:0;background:transparent;padding:0;display:inline-flex;align-items:center;gap:6px}
.cc-badge::before{content:"";width:6px;height:6px;border:1px solid currentColor}
.cc-details div{background:transparent;border:1px dotted var(--hudud);border-radius:4px}
.cc-empty{border:0;border-top:1px dotted var(--hudud);border-radius:0;text-align:start;padding-inline:0}
.cc-dialog{border-radius:6px}
.cc-close{border-radius:4px;border:1px dotted var(--hudud);font-size:0}
.cc-close::before,.cc-close::after{content:"";position:absolute;width:16px;height:2px;background:currentColor;transform:rotate(45deg)}
.cc-close::after{transform:rotate(-45deg)}
.cc-close{position:relative}
.cc-metric strong,.cc-metric b{font:900 40px/1 var(--font-display);color:var(--primary)}
.cc-table th{border-bottom:1px dotted var(--hudud)}
.cc-table td{border-bottom:1px dotted var(--hudud)}

/* ---------- A18 (مراجعة 29 سبتمبر): حدود الحقول ≥3:1 (WCAG 1.4.11) ----------
   حد الحدود (hudud) كان 1.44:1 على حقل الليل و1.21:1 على الأبيض نهارًا. لون النص الثالث للثيم (7.8:1 ليلًا، 4.8:1 نهارًا)؛
   الخطأ والتركيز يبقيان بلونهما لأن الحالتين مستثناتان هنا. */
:is(.input,.studio textarea,.studio input[type=text],.studio input[type=url],.studio select,.design-checkout input[type=tel],.design-change select,.editor-bar input,.cc-field input,.cc-field select,.cc-field textarea,.form-field input,.form-field textarea,.field input,.field textarea,.field select):not([aria-invalid=true]):not(:focus){border-color:var(--text-3)}
/* مراجعة المجموعة 3: الاستثناء أعلاه ترك الحقل الخاطئ بحد hudud الباهت (1.2-1.4:1)، أضعف من الحقل السليم. الخطأ بلون الجمر
   (معناه الفشل) نهارًا بدرجته الغامقة ليبقى ≥3:1 على الأبيض. */
:is(.input,.studio textarea,.studio input[type=text],.studio input[type=url],.studio select,.design-checkout input[type=tel],.design-change select,.editor-bar input,.cc-field input,.cc-field select,.cc-field textarea,.form-field input,.form-field textarea,.field input,.field textarea,.field select)[aria-invalid=true]{border-color:var(--jamr)}
[data-theme=light] :is(.input,.studio textarea,.studio input[type=text],.studio input[type=url],.studio select,.design-checkout input[type=tel],.design-change select,.editor-bar input,.cc-field input,.cc-field select,.cc-field textarea,.form-field input,.form-field textarea,.field input,.field textarea,.field select)[aria-invalid=true]{border-color:var(--jamr-dark)}
#palette-input:not(:focus){border-bottom-color:var(--text-3)}

/* ---------- D11 (قرار المالك 30 سبتمبر): سلم الخطوط من الدليل §5 ----------
   عنوان الصفحة (h1 الوحيد)، وعناوين الأقسام، وعناوين البطاقات، وأزرار المحتوى. زر الهيدر الصغير وأزرار شريط الأدوات
   الهادئة ومجسّمات معاينة الرئيسية (لوحة المهام) باقية بمقاساتها. */
:is(.hero-copy,.team-heading,.cc-page-heading) h1,.admin-main>h1{font-size:var(--fs-title)}
:is(.section-intro,.design-copy,.faq-section,.closing,.prose) h2{font-size:var(--fs-section)}
:is(.features article,.product,.steps li,.card,.grid-3 article,.band-grid article,.calc-head,.drafts-heading,.cc-auth) :is(h2,h3),.plan .plan-name{font-size:var(--fs-card)}
main .button:not(.button-small),.cc-button:not(.cc-button-quiet){font-size:var(--fs-button)}

/* ---------- E9 (قرار المالك 30 سبتمبر): جداول الأسعار الكاملة في /pricing وحدها ----------
   الرئيسية و/space و/designs تعرض سطرًا بالمدى ورابطًا للتفاصيل؛ الأرقام من الكتالوج الموحّد (اختبار يحرسها). */
.plans-summary{margin-top:28px;padding:22px 0;border-block:1px solid var(--line);font-size:18px;line-height:1.9;color:var(--text-2)}
.plans-summary b{font:900 30px/1 var(--heading);color:var(--text);margin-inline:4px}
@media(max-width:650px){.plans-summary{font-size:16px}.plans-summary b{font-size:24px}}

/* ---------- A4 (قرار المالك 30 سبتمبر): الجمر نصًا على القشدة نهارًا (2.86:1) ----------
   في صفحات الأم نهارًا، النصوص التي لونها الجمر على سطح فاتح تأخذ --jamr-text-nahar (4.93:1). الخدمات لها primary غامق
   نهارًا أصلًا، والمناطق الليلية (البطل، الهيدر، الختام، اللوحة) تبقى بالجمر المضيء. القائمة من تدقيق التباين الفعلي. */
:root[data-theme=light]:not(.svc-space,.svc-design,.svc-news,.svc-admin) :is(.section-eyebrow,.accent-underline,.text-link,.feature-number,.mini-week .active-day,.sales-notice,.calc-eyebrow,.calc-result b,.prose a):not(:is(.top,.header-shell,.closing,.design-section,.band,.palette-box) *){color:var(--jamr-text-nahar)}
/* وأرقام Cairo Play ونقاطه الملوّنة (لوحة الخط) كذلك نهارًا؛ المناطق الليلية تعيد --akhir-jamr بقاعدتها في bridge.css. */
:root[data-theme=light]:not(.svc-space,.svc-design,.svc-news,.svc-admin,.svc-edit){font-palette:--akhir-jamr-nahar}
/* ومقبض المنزلق مكوّن تفاعلي يحتاج 3:1 (WCAG 1.4.11)؛ الجمر على القشدة 2.86:1. */
:root[data-theme=light]:not(.svc-space,.svc-design,.svc-news,.svc-admin,.svc-edit) .calc-body input[type=range]{accent-color:var(--jamr-text-nahar)}

/* D17 (مراجعة 29 سبتمبر): الطباعة وحفظ PDF؛ عناصر الكشف عند التمرير بشفافية 0 حتى تُرى، فكانت الباقات ونص الشروط
   والخصوصية تُطبع فارغة. */
@media print{.reveal,.reveal:not(.is-in){opacity:1!important;transform:none!important;animation:none!important;transition:none!important}
  .header-shell,.menu-toggle,.palette,.toast-host,.skip-link{display:none!important}
  .top{padding-top:0}}

/* مراجعة تجربة الزائر — 6 أكتوبر: فعل أساسي واضح، وأدوات هادئة، ومعاينة مفهومة. */
.header .header-actions{gap:10px}
.header .palette-trigger{display:grid;place-items:center;width:44px;min-width:44px;height:44px;padding:0;border-radius:4px}
.header .palette-trigger:hover{background:var(--layl-2);color:var(--qashda)}
.header .theme-toggle{min-width:44px;min-height:44px}
.header .header-actions .button-small{background:var(--jamr)!important;border-color:var(--jamr)!important;color:var(--layl)!important;font-palette:--akhir-layl;min-height:44px}
.header .header-actions .button-small:hover{background:var(--jamr-light)!important;border-color:var(--jamr-light)!important;color:var(--layl)!important}
.header .menu-toggle{min-width:44px;min-height:44px}
@media(min-width:901px){.header .nav{gap:24px}}
@media(max-width:900px){
 .header .palette-trigger{display:none}
 .header .nav{max-height:calc(100vh - var(--header-h,80px) - 16px);max-height:calc(100dvh - var(--header-h,80px) - 16px);overflow-y:auto;overscroll-behavior:contain}
}
.hero-description strong{font-weight:600;color:var(--qashda)}
.product-frame .demo-tag{font-size:12px;line-height:1.6;color:var(--thalj);white-space:normal;text-align:end}
.product-frame .drag-hint,.product-frame .compare-hint{font-size:13px;line-height:1.8;color:var(--nass-2);padding:12px 0 0;margin:14px 0 0;border-top:1px dashed var(--hudud)}
.product-frame .drag-hint::before,.product-frame .compare-hint::before{content:"↔";display:inline-block;color:var(--thalj);margin-inline-end:7px;font-size:17px}
.faq-section.container{display:block;max-width:900px;padding-block:12px 88px}
.faq-section>div:first-child{text-align:center;margin-bottom:32px}
.faq-section>div:first-child .eyebrow{justify-content:center}
.faq-section .faq-list{width:100%}
.faq-section .faq-list details{padding:0}
.faq-section .faq-list summary{min-height:64px;padding-block:22px}
.faq-section .faq-list details>p{padding-bottom:22px;margin-top:0}
.footer .preview-note{display:inline-flex;align-items:center;gap:7px;font-size:12px}
.footer .preview-note::before{content:"";width:6px;height:6px;border:1px solid currentColor;border-radius:50%}
@media(max-width:650px){.header .header-actions{gap:8px}.faq-section.container{padding-bottom:56px}.faq-section>div:first-child{margin-bottom:24px}.product-frame .demo-tag{font-size:11px}}