.preview-stage{background:#181a20;min-height:100vh;padding-block-start:3.35rem;transition:all .35s}.preview-toolbar{z-index:200;color:#f4f4f0;direction:ltr;background:#08090c;border-block-end:1px solid #282b33;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:1.25rem;height:3.35rem;padding:.55rem 1rem;font:500 .72rem Geist,Arial,sans-serif;transition:translate .3s;display:grid;position:fixed;inset:0 0 auto}.preview-toolbar.is-hidden{translate:0 -100%}.preview-toolbar.is-hidden .preview-collapse{background:#08090c;translate:0 3.45rem}.preview-brand{gap:.4rem;display:flex}.preview-brand span{color:#888}.preview-toolbar>a{align-items:center;gap:.4rem;display:flex}.preview-devices{background:#17191f;justify-self:center;padding:.2rem;display:flex}.preview-devices button,.preview-collapse{color:#a7adb7;cursor:pointer;background:0 0;border:0;align-items:center;gap:.35rem;padding:.4rem .65rem;display:flex}.preview-devices button[aria-pressed=true]{color:#07080b;background:#f4f4f0}.preview-contact{padding:.55rem .8rem;color:#07080b!important;background:#d7ff42!important}.preview-collapse{position:relative}.preview-viewport{background:#fff;min-height:calc(100vh - 3.35rem);transition:width .45s,margin .45s,box-shadow .45s}.mobile-preview .preview-viewport{width:390px;max-width:100%;margin-inline:auto;box-shadow:0 0 0 1px #333,0 1rem 6rem #0008}.mobile-preview{padding-block-end:3rem}.template-runtime{position:relative}.source-note{z-index:150;color:#8f96a3;opacity:.65;pointer-events:none;direction:ltr;background:#08090c;padding:.4rem .55rem;position:fixed;inset:auto auto .65rem .65rem}.demo{background:var(--paper);min-height:100vh;color:var(--ink);font-family:IBM Plex Sans Arabic,Arial,sans-serif;overflow:hidden}.demo h1,.demo h2,.demo h3,.demo p{margin-block-start:0}.demo nav a,.demo button{cursor:pointer}.demo-button{border:1px solid;align-items:center;gap:.5rem;padding:.7rem 1rem;font-size:.76rem;font-weight:700;display:inline-flex}.demo-footer{isolation:isolate;border-block-start:1px solid;align-items:end;gap:2rem;padding:3rem clamp(1.2rem,4vw,4rem);font-size:.7rem;display:grid;overflow:hidden}.demo-footer-brand{gap:.5rem;display:grid}.demo-footer-brand small{opacity:.62;font-size:.58rem}.demo-footer b{font-size:clamp(2rem,5vw,5rem);line-height:1}.demo-footer>p{max-width:30rem;margin:0;font-size:clamp(.9rem,1.4vw,1.2rem);line-height:1.7}.demo-footer-contact{flex-wrap:wrap;justify-content:flex-end;gap:1rem 2rem;display:flex}.demo-footer-contact span{align-items:center;gap:.45rem;display:flex}.demo-footer-contact svg{width:1rem;height:1rem}.demo-footer[data-layout=ledger]{grid-template-columns:.8fr 1fr;grid-template-areas:"brand copy""brand contact"}.demo-footer[data-layout=ledger] .demo-footer-brand{grid-area:brand}.demo-footer[data-layout=ledger]>p{grid-area:copy}.demo-footer[data-layout=ledger] .demo-footer-contact{border-block-start:1px solid;grid-area:contact;padding-block-start:1rem}.demo-footer[data-layout=split]{background:color-mix(in srgb,currentColor 7%,transparent);grid-template-columns:1fr 1fr}.demo-footer[data-layout=split] .demo-footer-brand{grid-row:1/3}.demo-footer[data-layout=split] .demo-footer-contact{justify-content:stretch;display:grid}.demo-footer[data-layout=poster]{align-content:space-between;min-height:24rem;position:relative}.demo-footer[data-layout=poster] .demo-footer-brand b{letter-spacing:-.08em;font-size:clamp(5rem,15vw,15rem)}.demo-footer[data-layout=poster] .demo-footer-contact{border-block-start:1px solid;justify-content:space-between;padding-block-start:1rem}.demo-footer[data-layout=index]{grid-template-columns:repeat(3,1fr)}.demo-footer[data-layout=index] .demo-footer-brand{border-block-end:1px solid;grid-column:1/-1;padding-block-end:1rem}.demo-footer[data-layout=index] .demo-footer-contact{display:contents}.demo-footer[data-layout=index] .demo-footer-contact span{border-block-start:1px solid;padding-block-start:1rem}.morph-badge{background:color-mix(in srgb,var(--paper) 90%,transparent);border:1px solid;width:11rem;height:3.2rem}.origin-grid-backdrop{z-index:0;opacity:.3;pointer-events:auto;position:absolute;inset:0}.origin-grid-backdrop.subtle{opacity:.13}.origin-grid-backdrop~*{z-index:1;position:relative}.rusukh-hero .morph-badge{position:absolute;inset:4rem auto auto 4rem}.rusukh-hero .eyebrow{color:var(--a);grid-column:1/-1;font:600 .65rem Geist,monospace}.rusukh-hero .demo-button{background:var(--a);color:#fff;border-color:var(--a);place-self:end}.madmak-copy .demo-button{background:#ff5718;border-color:#ff5718}.mithaq-document header .morph-badge{position:absolute;inset:0 auto auto 0}.demo-mithaq .demo-footer{grid-column:1/-1}.mizan-nav .demo-button{color:#fff;background:#1264ff}.mizan-hero .morph-badge{color:#1264ff;position:absolute;inset:3rem auto auto 3rem}.rowa-copy .morph-badge{color:#fff;background:#0a593caa}.safa-nav .demo-button{background:#00cdbd;border-color:#00cdbd}.safa-hero>.morph-badge{color:#00cdbd;position:absolute;inset:2rem auto auto 2rem}.sanad-nav .demo-button{color:#fff;background:#ff7900;border-color:#ff7900}.athar-hero nav .demo-button{background:#ffd51f}.nexa-copy .demo-button{color:#2dff91}.nexa-hero>.morph-badge{z-index:3;color:#2dff91;background:#050809;position:absolute;inset:auto auto 2rem 2rem}.lamh-hero>.morph-badge{z-index:5;color:#fff500;background:#090909;position:absolute;inset:auto auto 2rem 2rem}.poster{justify-content:space-between;align-items:flex-end;width:34vw;height:50vh;padding:1.5rem;display:flex;position:absolute;box-shadow:0 1.5rem 3rem #0008}.poster b{font:700 clamp(3rem,8vw,9rem) Alexandria}.lamh-project.p-1{color:#090909;background:#fff500;transform:translateY(5rem)rotate(3deg)}.lamh-project.p-2{color:#090909;background:#fff;transform:rotate(-4deg)}.mazaq-nav .demo-button{color:#fff;background:#f2382a;border:0}.mazaq-hero>.morph-badge{color:#f2382a;position:absolute;inset:2rem auto auto 2rem}.practitioner-shape.p-2{background:linear-gradient(#49c8b4,#f8fcfb)}.practitioner-shape.p-3{background:linear-gradient(#cff5e9,#a8ddf5)}.shift-copy .demo-button{color:#ff2929;border-color:#ff2929}.shift-hero>.morph-badge{z-index:3;color:#ff2929;background:#050505;position:absolute;inset:auto auto 2rem 2rem}.ronq-copy .demo-button{color:#090909;background:#c8ff22;border:0;align-self:flex-start}.namaq-nav .demo-button{color:#fff;background:#111}.namaq-purpose.alt{background:#ff4d8d}@keyframes panelPulse{to{height:10rem}}@media (max-width:900px){.preview-brand span,.preview-devices span,.preview-contact{display:none}.preview-toolbar{grid-template-columns:auto auto 1fr auto}.preview-devices{justify-self:end}.source-note{display:none}.demo-footer,.demo-footer[data-layout]{grid-template-columns:1fr 1fr;grid-template-areas:none}.demo-footer .demo-footer-brand,.demo-footer>p{grid-area:auto}.demo-footer .demo-footer-contact{grid-area:auto;display:flex}.rusukh-hero .morph-badge{inset:2rem auto auto 1rem}.rusukh-hero .demo-button{justify-self:start}.poster{width:60vw;height:38vh}}@media (max-width:520px){.preview-toolbar{gap:.5rem;padding:.45rem}.demo-footer,.demo-footer[data-layout]{grid-template-columns:1fr;gap:1.1rem;min-height:0}.demo-footer[data-layout=poster] .demo-footer-brand b{font-size:clamp(3.6rem,20vw,7rem)}.rusukh-nav>span,.demo nav>.demo-button{display:none}.poster{width:80vw}}@media (prefers-reduced-motion:reduce){.hero-grid-source,.blueprint-source,.madmak-source,.silk-source,.ascii-source,.metal-source,.ronq-trail,.nasej-trail{display:none!important}}.demo-footer .demo-footer-contact{justify-content:stretch;display:grid}.demo-footer .demo-footer-contact span{align-items:center;gap:.5rem;display:flex}.demo-footer .demo-footer-contact span[dir=ltr]{justify-content:flex-start}.naqsh-title .masked-heading-fallback{color:#f0eadf}.naqsh-copy .demo-button{color:#0b0b0b;background:#c7ff2f;border:0;align-self:flex-start;margin-block-start:2rem}.naqsh-hero>.morph-badge{z-index:4;color:#fff;background:#2947ff;position:absolute;inset:5% 43% auto auto;transform:rotate(-5deg)}.agency-shell,.preview-stage,.preview-viewport,.template-runtime{max-width:100%;overflow-x:clip}.demo :where(h1,h2,h3,p){overflow-wrap:anywhere}.demo :where(button,a){touch-action:manipulation}@media (max-width:900px){.preview-stage{padding-block-start:3.1rem}.preview-toolbar{height:3.1rem}.mobile-preview .preview-viewport{width:min(390px,100%)}.naqsh-hero>.morph-badge{inset:55% 4% auto auto}.demo-footer{align-items:start}}@media (max-width:520px){.button{width:100%}.preview-toolbar{grid-template-columns:auto 1fr auto}.preview-toolbar>a:first-of-type{display:none}.preview-devices{justify-self:center}}.template-visual{isolation:isolate;background:#111;min-height:clamp(25rem,48vw,48rem);margin:0;position:relative;overflow:hidden}.template-visual>img{object-fit:cover;transition:scale .8s cubic-bezier(.2,.7,.2,1)}.template-visual:hover>img{scale:1.025}.template-visual:after{content:"";background:linear-gradient(#0000 45%,#000b);position:absolute;inset:0}.template-visual figcaption{z-index:2;color:#fff;justify-content:space-between;align-items:end;gap:1rem;display:flex;position:absolute;inset:auto clamp(1rem,3vw,2.5rem) clamp(1rem,3vw,2.5rem)}.template-visual figcaption>span{letter-spacing:.1em;direction:ltr;font:700 .66rem Geist,monospace}.template-visual figcaption>div{flex-wrap:wrap;justify-content:flex-end;gap:.45rem;display:flex}.template-visual figcaption b{color:#111;background:#ffffffed;align-items:center;gap:.42rem;padding:.55rem .72rem;font-size:.72rem;font-weight:600;display:flex}.template-visual figcaption svg{width:1rem;height:1rem}@media (max-width:900px){.template-visual,.visual-rusukh,.visual-wasl,.visual-mizan,.visual-masar,.visual-athar,.visual-nexa,.visual-lamh,.visual-luma{clip-path:none;border-radius:0;width:calc(100% - 2rem);min-height:65vw;margin:1rem;transform:none}.template-visual figcaption{flex-direction:column;align-items:start}}@media (max-width:520px){.template-visual,.visual-rusukh,.visual-wasl,.visual-mizan,.visual-masar,.visual-athar,.visual-nexa,.visual-lamh,.visual-luma,.visual-sanad{min-height:84vw}.template-visual figcaption>div{gap:.3rem}.template-visual figcaption b{padding:.42rem .5rem;font-size:.62rem}}@media (prefers-reduced-motion:reduce){.template-screen img,.template-visual>img{transition:none}.template-preview-link:hover .template-screen img,.template-visual:hover>img{transform:scale(1)}}.preview-viewport{background:#fff;min-height:calc(100vh - 3.35rem)}.preview-frame-wrap{background:#181a20;place-items:start center;width:100%;min-height:calc(100vh - 3.35rem);padding-block:1rem 3rem;display:grid}.preview-device-frame{background:#fff;border:0;width:min(390px,100%);height:calc(100vh - 5.35rem);min-height:680px;display:block;box-shadow:0 0 0 1px #333,0 1rem 6rem #0008}