:root{--color-background:#f8f7f3;--color-foreground:#171716;--color-muted:#6e6a65;--color-border:#dedbd4;--color-accent:#9b7d56;--font-body:'IBM Plex Sans Arabic',sans-serif;--page-width:1360px;--radius-sm:2px;--radius-md:6px;--shadow-card:0 12px 30px rgb(18 16 13 / .08);--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:3rem;--space-xl:6rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-background);color:var(--color-foreground);font-family:var(--font-body);font-size:16px;line-height:1.65}img,svg,video,model-viewer{max-width:100%;height:auto;display:block}svg{width:1.35rem;height:1.35rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.page-width{width:min(calc(100% - 3rem),var(--page-width));margin-inline:auto}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip-link{position:absolute;inset-block-start:-4rem;inset-inline-start:1rem;z-index:99;background:#fff;padding:.5rem 1rem}.skip-link:focus{inset-block-start:1rem}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.button{display:inline-flex;align-items:center;justify-content:center;min-block-size:48px;padding:.7rem 1.5rem;border:1px solid var(--color-foreground);background:var(--color-foreground);color:#fff;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:var(--color-accent);border-color:var(--color-accent)}.button--light{background:#fff;color:#171716;border-color:#fff}.button--full{width:100%}.icon-button{position:relative;display:grid;place-items:center;border:0;background:transparent;min-width:42px;min-height:42px;padding:.5rem}.icon-button b{position:absolute;inset-inline-end:0;inset-block-start:0;display:grid;place-items:center;min-width:17px;height:17px;border-radius:50%;background:var(--color-accent);color:#fff;font-size:10px}.eyebrow{margin:0 0 .5rem;color:var(--color-accent);font-size:.76rem;font-weight:600;letter-spacing:.08em}.section{padding-block:var(--space-xl)}h1,h2,h3,p{margin-block-start:0}h1,h2,h3{line-height:1.2;font-weight:500}.empty-state{text-align:center;padding:4rem 1rem;color:var(--color-muted)}.placeholder-svg{background:#e9e5dc;fill:#d0c9bd}.is-hidden{display:none!important}