:root{--lux-accent:#b08d57;--lux-accent-hover:#9a7947;--lux-accent-soft:#f6f1e8;--lux-on-accent:#1a1714;--lux-accent-text:#7f6029;--lux-bg:#fbf8f3;--lux-surface:#ffffff;--lux-surface-muted:#f4efe7;--lux-foreground:#12100e;--lux-foreground-muted:#6f675e;--lux-border:rgb(18 16 14/10%);--lux-border-strong:rgb(18 16 14/22%);--lux-primary:#1a1714;--lux-primary-hover:#352d26;--lux-primary-foreground:#fbf8f3;--lux-danger:#9b2c2c;--lux-focus-ring:var(--lux-accent-text);--lux-border-on-dark:rgb(255 255 255/18%);--lux-surface-on-dark:rgb(255 255 255/8%);--lux-surface-on-dark-hover:rgb(255 255 255/10%);--lux-on-dark-muted:#a8a099;--lux-scrim:rgb(18 16 14/62%);--lux-font-body:"Segoe UI","Noto Naskh Arabic","Noto Sans Arabic","IBM Plex Sans Arabic",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;--lux-font-display:Georgia,"Cormorant Garamond","Times New Roman","Noto Naskh Arabic",serif;--lux-fw-regular:400;--lux-fw-medium:500;--lux-fw-semibold:600;--lux-fs-h1:clamp(1.875rem,1.25rem + 2.6vw,3rem);--lux-fs-h2:clamp(1.5rem,1.15rem + 1.5vw,2.125rem);--lux-fs-h3:clamp(1.25rem,1.05rem + 0.8vw,1.5rem);--lux-fs-h4:1.125rem;--lux-fs-body:0.9375rem;--lux-fs-small:0.8125rem;--lux-fs-caption:0.75rem;--lux-lh-heading:1.25;--lux-lh-body:1.75;--lux-ls-display:-0.02em;--lux-ls-heading:-0.01em;--lux-space-2:0.5rem;--lux-space-3:0.75rem;--lux-space-4:1rem;--lux-space-5:1.5rem;--lux-space-6:2rem;--lux-space-7:2.5rem;--lux-space-8:3.5rem;--lux-section-y:clamp(2.25rem,1.6rem + 2.9vw,4.5rem);--lux-space-1:0.25rem;--lux-radius-none:0;--lux-radius-sm:2px;--lux-radius-md:4px;--lux-radius-lg:8px;--lux-radius-xl:16px;--lux-radius-pill:999px;--lux-shadow-subtle:0 1px 2px rgb(18 16 14/4%);--lux-shadow-card:0 2px 12px rgb(18 16 14/6%);--lux-shadow-elevated:0 12px 32px rgb(18 16 14/10%);--lux-dur-fast:150ms;--lux-dur-base:240ms;--lux-dur-slow:420ms;--lux-ease-standard:cubic-bezier(0.2,0,0.2,1);--lux-container-max:1280px;--lux-container-narrow:46rem;--lux-container-wide:1440px;--lux-container-pad:clamp(1rem,0.5rem + 2vw,2.5rem);--lux-border-width:1px;--lux-border-default:var(--lux-border-width) solid var(--lux-border)}[dir=rtl]{--lux-ls-display:0;--lux-ls-heading:0}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--lux-bg);color:var(--lux-foreground);font-family:var(--lux-font-body);font-size:var(--lux-fs-body);line-height:var(--lux-lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit}.mono,code{font-family:ui-monospace,SFMono-Regular,Cascadia Mono,Menlo,Consolas,monospace}.latin,.ltr,[dir=rtl] code{direction:ltr;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}:focus-visible{outline:2px solid var(--lux-focus-ring);outline-offset:2px;border-radius:var(--lux-radius-sm)}.wrap{width:100%;max-width:var(--lux-container-max);margin-inline:auto;padding-inline:var(--lux-container-pad)}.wrap-narrow{max-width:var(--lux-container-narrow)}.section{padding-block:var(--lux-section-y);border-top:var(--lux-border-default)}.section-plain{border-top:0}.section-muted{background:var(--lux-surface-muted)}.section-head{margin-bottom:var(--lux-space-6);max-width:68ch}.section-head p:last-child{margin-bottom:0}.skip{position:absolute;inset-inline-start:-9999px;top:0;z-index:60;background:var(--lux-primary);color:var(--lux-primary-foreground);padding:12px 18px;border-end-end-radius:var(--lux-radius-lg)}.skip:focus{inset-inline-start:0}h1,h2,h3,h4{line-height:var(--lux-lh-heading);letter-spacing:var(--lux-ls-heading);color:var(--lux-foreground);margin:0 0 var(--lux-space-3);font-weight:var(--lux-fw-semibold);text-wrap:balance}h1{font-size:var(--lux-fs-h1);letter-spacing:var(--lux-ls-display)}h2{font-size:var(--lux-fs-h2)}h3{font-size:var(--lux-fs-h3)}h4{font-size:var(--lux-fs-h4)}p{margin:0 0 var(--lux-space-4);color:var(--lux-foreground-muted)}.lead{font-size:1.0625rem;max-width:62ch}.topbar{background:var(--lux-primary);color:var(--lux-on-dark-muted);font-size:var(--lux-fs-caption)}.topbar .wrap{display:flex;flex-wrap:wrap;gap:var(--lux-space-3) var(--lux-space-5);align-items:center;justify-content:space-between;min-height:38px;padding-block:6px}.topbar-brand{color:var(--lux-primary-foreground);letter-spacing:.18em;font-weight:var(--lux-fw-semibold)}.topbar-meta{display:flex;flex-wrap:wrap;gap:var(--lux-space-4)}.masthead{position:-webkit-sticky;position:sticky;top:0;z-index:30;background:rgb(251 248 243/94%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:var(--lux-border-default)}.masthead-inner{flex-wrap:wrap;justify-content:space-between;gap:var(--lux-space-4);min-height:72px}.brand,.masthead-inner{display:flex;align-items:center}.brand{gap:var(--lux-space-3)}.brand-mark{width:34px;height:34px;flex:none;border-radius:var(--lux-radius-lg);border:var(--lux-border-default);background:radial-gradient(75% 60% at 50% 32%,var(--lux-accent-soft) 0,var(--lux-accent) 100%);box-shadow:inset 0 0 0 3px rgb(255 255 255/55%)}.brand-word{font-family:var(--lux-font-display);font-size:1.3rem;font-weight:var(--lux-fw-semibold);letter-spacing:.24em;line-height:1;direction:ltr;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}.brand-sub{display:block;font-size:var(--lux-fs-caption);color:var(--lux-foreground-muted);margin-top:3px}.nav{display:flex;flex-wrap:wrap;gap:var(--lux-space-1)}.nav,.nav a{align-items:center}.nav a{display:inline-flex;min-height:44px;padding:0 var(--lux-space-3);border-radius:var(--lux-radius-lg);font-size:var(--lux-fs-small);color:var(--lux-foreground-muted);transition:background var(--lux-dur-fast) var(--lux-ease-standard),color var(--lux-dur-fast) var(--lux-ease-standard)}.nav a:hover{background:var(--lux-surface-muted);color:var(--lux-foreground)}.nav a[aria-current=page]{background:var(--lux-accent-soft)}.btn,.nav a[aria-current=page]{color:var(--lux-foreground);font-weight:var(--lux-fw-semibold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--lux-space-2);min-height:46px;padding:0 var(--lux-space-5);border-radius:var(--lux-radius-lg);border:var(--lux-border-default);background:transparent;font-size:var(--lux-fs-small);cursor:pointer;transition:background var(--lux-dur-fast) var(--lux-ease-standard),color var(--lux-dur-fast) var(--lux-ease-standard),border-color var(--lux-dur-fast) var(--lux-ease-standard)}.btn:hover{background:var(--lux-surface-muted)}.btn-primary{background:var(--lux-primary);border-color:var(--lux-primary);color:var(--lux-primary-foreground)}.btn-primary:hover{background:var(--lux-primary-hover);border-color:var(--lux-primary-hover)}.btn-row{display:flex;flex-wrap:wrap;gap:var(--lux-space-3)}.hero{padding-block:var(--lux-space-6) var(--lux-space-6)}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);grid-gap:clamp(var(--lux-space-5),4vw,var(--lux-space-8));gap:clamp(var(--lux-space-5),4vw,var(--lux-space-8));align-items:center}@media (max-width:900px){.hero-grid{grid-template-columns:minmax(0,1fr)}}.hero-lockup{margin:0}.hero-word{display:inline-block;font-family:var(--lux-font-display);font-size:clamp(2.5rem,1.25rem + 6vw,5rem);font-weight:var(--lux-fw-semibold);letter-spacing:.18em;line-height:1;margin:0 0 var(--lux-space-3);direction:ltr;unicode-bidi:-webkit-isolate;unicode-bidi:isolate;-webkit-margin-end:-.18em;margin-inline-end:-.18em}.hero-tag{display:block;font-size:clamp(1.0625rem,.875rem + 1vw,1.5rem);font-weight:var(--lux-fw-medium);color:var(--lux-foreground-muted);line-height:1.5;margin:0 0 var(--lux-space-4)}.hero-demo-id{display:flex;align-items:center;gap:var(--lux-space-4);margin:var(--lux-space-6) 0 0;padding-top:var(--lux-space-5);border-top:var(--lux-border-default)}.hero-demo-id figcaption{display:grid;grid-gap:2px;gap:2px}.hero-demo-name{font-weight:var(--lux-fw-semibold);color:var(--lux-foreground)}.hero-demo-role{font-size:var(--lux-fs-small);color:var(--lux-foreground-muted)}.nudra-logo{width:clamp(150px,22vw,210px);height:auto;mix-blend-mode:multiply}.demo-intro{padding-block:var(--lux-space-6) var(--lux-section-y)}.demo-intro-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-gap:clamp(var(--lux-space-5),4vw,var(--lux-space-8));gap:clamp(var(--lux-space-5),4vw,var(--lux-space-8));align-items:center}@media (max-width:900px){.demo-intro-grid{grid-template-columns:minmax(0,1fr)}}.demo-chip{display:inline-flex;align-items:center;gap:var(--lux-space-2);min-block-size:44px;padding:4px var(--lux-space-3) 4px 4px;border:var(--lux-border-default);border-radius:var(--lux-radius-pill);background:var(--lux-surface);box-shadow:var(--lux-shadow-subtle);transition:background var(--lux-dur-fast) var(--lux-ease-standard)}.demo-chip:hover{background:var(--lux-accent-soft)}.demo-chip img{width:26px;height:26px;border-radius:var(--lux-radius-md);flex:none}.demo-chip-text{font-size:var(--lux-fs-caption);font-weight:var(--lux-fw-semibold);color:var(--lux-foreground);white-space:nowrap}.notes{display:grid;grid-gap:var(--lux-space-3);gap:var(--lux-space-3);margin:0;-webkit-padding-start:1.1rem;padding-inline-start:1.1rem}.notes li{color:var(--lux-foreground)}.notes li,.support-note{font-size:var(--lux-fs-small)}.support-note{margin-top:var(--lux-space-5);color:var(--lux-foreground-muted)}.frame{margin:0;border:var(--lux-border-default);border-radius:var(--lux-radius-lg);background:var(--lux-surface);overflow:hidden;box-shadow:var(--lux-shadow-card)}.frame-bar{display:flex;align-items:center;gap:6px;padding:10px var(--lux-space-3);background:var(--lux-surface-muted);border-bottom:var(--lux-border-default)}.frame-dot{width:9px;height:9px;border-radius:var(--lux-radius-pill);background:var(--lux-border-strong);flex:none}.frame-label{-webkit-margin-start:auto;margin-inline-start:auto;font-size:var(--lux-fs-caption);color:var(--lux-foreground-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.frame img{width:100%;background:var(--lux-surface-muted)}.frame-shot img{aspect-ratio:4/3;object-fit:cover;object-position:top center}.frame-cap{display:flex;flex-wrap:wrap;gap:var(--lux-space-2) var(--lux-space-4);align-items:baseline;justify-content:space-between;padding:var(--lux-space-3) var(--lux-space-4);border-top:var(--lux-border-default)}.frame-cap p{margin:0;font-size:var(--lux-fs-small)}.frame-cap-block{display:block}.frame-cap-block h3{font-size:var(--lux-fs-h4);margin-bottom:var(--lux-space-2)}.frame-cap-block p{margin:0}.grid{display:grid;grid-gap:var(--lux-space-5);gap:var(--lux-space-5)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.grid-6{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.tile{border:var(--lux-border-default);border-radius:var(--lux-radius-lg);background:var(--lux-surface);overflow:hidden;box-shadow:var(--lux-shadow-subtle);margin:0}.tile img{width:100%;aspect-ratio:1/1;object-fit:cover}.tile figcaption{padding:var(--lux-space-3);border-top:var(--lux-border-default);font-size:var(--lux-fs-small);text-align:center;color:var(--lux-foreground)}.brand-row{display:flex;flex-wrap:wrap;gap:var(--lux-space-4);align-items:center}.brand-chip{display:inline-flex;align-items:center;gap:var(--lux-space-3);border:var(--lux-border-default);border-radius:var(--lux-radius-lg);background:var(--lux-surface);padding:var(--lux-space-2) var(--lux-space-4)}.brand-chip img{height:34px;width:auto}.brand-chip span{font-size:var(--lux-fs-small);letter-spacing:.12em}.swatches{display:flex;flex-wrap:wrap;gap:var(--lux-space-4);list-style:none;margin:0;padding:0}.swatches li{display:flex;align-items:center;gap:var(--lux-space-3);font-size:var(--lux-fs-small);color:var(--lux-foreground-muted)}.swatch{width:44px;height:44px;flex:none;border-radius:var(--lux-radius-lg);border:var(--lux-border-default);box-shadow:var(--lux-shadow-subtle)}.swatch-name{display:block;color:var(--lux-foreground);font-weight:var(--lux-fw-medium)}.swatch-grid{display:grid;grid-gap:var(--lux-space-5) var(--lux-space-4);gap:var(--lux-space-5) var(--lux-space-4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));list-style:none;margin:0;padding:0}.swatch-grid li{display:grid;grid-gap:6px;gap:6px}.swatch-block{display:block;block-size:76px;border-radius:var(--lux-radius-lg);border:var(--lux-border-default)}.swatch-grid-sm .swatch-block{block-size:52px}.swatch-hex{font-size:var(--lux-fs-caption);color:var(--lux-foreground-muted)}.radius-label{font-size:var(--lux-fs-small);color:var(--lux-foreground)}.shadow-demo{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--lux-space-4);gap:var(--lux-space-4)}.shadow-demo li{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--lux-space-3);background:var(--lux-surface);border:var(--lux-border-default);border-radius:var(--lux-radius-lg);padding:var(--lux-space-4)}.space-scale{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--lux-space-3);gap:var(--lux-space-3)}.space-scale li{display:flex;align-items:center;gap:var(--lux-space-3)}.space-bar{flex:none;block-size:10px;min-inline-size:3px;background:var(--lux-accent-soft);border:var(--lux-border-default);border-radius:var(--lux-radius-sm)}.specimen{display:grid;grid-gap:var(--lux-space-5);gap:var(--lux-space-5)}.specimen-row{display:grid;grid-gap:6px;gap:6px;border-top:var(--lux-border-default);padding-top:var(--lux-space-4)}.specimen-row:first-child{border-top:0;padding-top:0}.specimen-label{font-size:var(--lux-fs-caption);color:var(--lux-accent-text)}.specimen-body,.specimen-h1,.specimen-h2,.specimen-h3,.specimen-small{margin:0;color:var(--lux-foreground)}.specimen-h1,.specimen-h2,.specimen-h3{font-weight:var(--lux-fw-semibold)}.specimen-h1{font-size:var(--lux-fs-h1);letter-spacing:var(--lux-ls-display)}.specimen-h1,.specimen-h2{line-height:var(--lux-lh-heading)}.specimen-h2{font-size:var(--lux-fs-h2)}.specimen-h3{font-size:var(--lux-fs-h3);line-height:var(--lux-lh-heading)}.specimen-body{font-size:var(--lux-fs-body);line-height:var(--lux-lh-body)}.specimen-body,.specimen-small{color:var(--lux-foreground-muted)}.specimen-small{font-size:var(--lux-fs-small)}.muted-note{margin:0;font-size:var(--lux-fs-caption);color:var(--lux-foreground-muted)}.radius-demo{display:flex;flex-wrap:wrap;gap:var(--lux-space-4);list-style:none;margin:0;padding:0}.radius-demo li{display:grid;grid-gap:6px;gap:6px;justify-items:center;font-size:var(--lux-fs-caption);color:var(--lux-foreground-muted)}.radius-chip{width:68px;height:46px;background:var(--lux-accent-soft)}.notice,.radius-chip{border:var(--lux-border-default)}.notice{background:var(--lux-surface-muted);-webkit-border-start:4px solid var(--lux-accent);border-inline-start:4px solid var(--lux-accent);border-radius:var(--lux-radius-lg);padding:var(--lux-space-4) var(--lux-space-5)}.notice>:last-child{margin-bottom:0}.notice li,.notice p{color:var(--lux-foreground);font-size:var(--lux-fs-small)}.notice ul{margin:0;-webkit-padding-start:1.1rem;padding-inline-start:1.1rem}.notice li+li{margin-top:6px}.notice-title{font-weight:var(--lux-fw-semibold);margin-bottom:var(--lux-space-2)}.statline{display:flex;flex-wrap:wrap;gap:var(--lux-space-3) var(--lux-space-6);margin:var(--lux-space-5) 0 0;padding:0;list-style:none}.statline li{display:grid;grid-gap:2px;gap:2px}.statline b{font-size:1.375rem;font-weight:var(--lux-fw-semibold);line-height:1.1}.statline span{font-size:var(--lux-fs-caption);color:var(--lux-foreground-muted)}.editorial-grid{display:grid;grid-gap:var(--lux-space-6) var(--lux-space-7);gap:var(--lux-space-6) var(--lux-space-7);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.editorial-grid>article{border-top:2px solid var(--lux-accent);padding-top:var(--lux-space-4)}.editorial-grid h3{margin-bottom:var(--lux-space-2)}.editorial-grid p{margin-bottom:0;max-width:46ch}.def-list{margin:0;display:grid;grid-gap:var(--lux-space-3);gap:var(--lux-space-3)}.def-list dt{font-weight:var(--lux-fw-semibold);color:var(--lux-foreground)}.def-list dd{margin:2px 0 0;font-size:var(--lux-fs-small)}.feature-groups{display:grid;grid-gap:var(--lux-space-6);gap:var(--lux-space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-group{border-top:var(--lux-border-default);padding-top:var(--lux-space-5)}.feature-group h3{margin-bottom:var(--lux-space-4)}.settings-groups{display:grid;grid-gap:var(--lux-space-6) var(--lux-space-7);gap:var(--lux-space-6) var(--lux-space-7);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.settings-group h3{font-size:var(--lux-fs-h4);margin-bottom:var(--lux-space-3)}.notes-2col{display:block;column-count:2;column-gap:var(--lux-space-7)}.notes-2col li{page-break-inside:avoid;break-inside:avoid}@media (max-width:700px){.notes-2col{column-count:1}}.final-call .btn-row{margin-top:var(--lux-space-5)}.full-link{display:inline-block;margin-top:var(--lux-space-3);font-size:var(--lux-fs-caption);color:var(--lux-accent-text);text-decoration:underline;text-underline-offset:3px}.full-link:hover{color:var(--lux-foreground)}.site-footer{background:var(--lux-primary);color:var(--lux-on-dark-muted);margin-top:var(--lux-section-y);padding-block:var(--lux-space-7)}.footer-head,.site-footer{font-size:var(--lux-fs-small)}.footer-head{letter-spacing:.06em;margin-bottom:var(--lux-space-3)}.footer-demo,.footer-head,.footer-tag{color:var(--lux-primary-foreground)}.footer-note{font-size:var(--lux-fs-caption)}.site-footer a{color:var(--lux-on-dark-muted)}.site-footer a:hover{color:var(--lux-primary-foreground);text-decoration:underline;text-underline-offset:3px}.footer-grid{display:grid;grid-gap:var(--lux-space-6);gap:var(--lux-space-6);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.footer-brand{color:var(--lux-primary-foreground);font-family:var(--lux-font-display);letter-spacing:.24em;font-size:1.1rem;direction:ltr;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}.site-footer p{color:var(--lux-on-dark-muted);margin-bottom:var(--lux-space-2)}.footer-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px}.footer-bottom{margin-top:var(--lux-space-6);padding-top:var(--lux-space-4);border-top:1px solid var(--lux-border-on-dark);display:flex;flex-wrap:wrap;gap:var(--lux-space-3);justify-content:space-between}.footer-bottom p{margin:0}@media (max-width:700px){.topbar-brand{display:none}.topbar .wrap{min-height:32px;padding-block:5px}.brand-sub{display:none}.masthead-inner{min-height:auto;padding-block:var(--lux-space-2)}.nav{width:100%;order:3;gap:2px}.nav a{padding-inline:7px}.demo-chip-text{display:none}.demo-chip{padding:4px;inline-size:44px;justify-content:center}.hero{padding-block:var(--lux-space-5) var(--lux-space-6)}.hero-demo-id{gap:var(--lux-space-3)}.frame-cap,.hero-demo-id{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}