/* آخر قيم — الصفحة الرئيسية. مبني من حزمة 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}
.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}}