@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Noto+Naskh+Arabic:wght@400;500;600;700&display=swap";:root{--dsm-primary:#c9a227;--dsm-accent:#e8d5a3;--dsm-bg:#1a1814;--dsm-text:#f4f6f8;--dsm-muted:#a8b0bc;--dsm-surface:#1a222c;--dsm-font-display:"Cormorant Garamond", Georgia, serif;--dsm-font-body:"Noto Naskh Arabic", serif;--dsm-radius:.25rem}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--dsm-font-body);background:var(--dsm-bg);color:var(--dsm-text);text-align:right;direction:rtl;margin:0;line-height:1.6}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}.dsm-container{width:min(1140px,100vw - 2rem);margin-inline:auto}.dsm-header{z-index:100;background:color-mix(in srgb, var(--dsm-bg) 88%, transparent);backdrop-filter:blur(10px);border-bottom:1px solid color-mix(in srgb, var(--dsm-text) 12%, transparent);position:sticky;top:0}.dsm-header-inner{justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;display:flex}.dsm-brand{align-items:center;gap:.75rem;display:flex}.dsm-brand img{border-radius:var(--dsm-radius);width:44px;height:44px}.dsm-brand-name{font-family:var(--dsm-font-display);font-size:1.1rem;font-weight:700}.dsm-nav{align-items:center;gap:.5rem;display:none}.dsm-nav a{color:var(--dsm-muted);border-radius:999px;padding:.5rem .9rem;font-size:.95rem}.dsm-nav a:hover{color:var(--dsm-text);background:color-mix(in srgb, var(--dsm-primary) 12%, transparent)}.dsm-cta-nav{background:var(--dsm-primary);color:#fff;border-radius:999px;padding:.55rem 1.1rem;font-weight:700}.dsm-menu-btn{border:1px solid color-mix(in srgb, var(--dsm-text) 15%, transparent);border-radius:var(--dsm-radius);background:var(--dsm-surface);cursor:pointer;width:44px;height:44px}.dsm-mobile-panel{z-index:200;background:var(--dsm-bg);flex-direction:column;gap:.5rem;padding:1.5rem;display:none;position:fixed;inset:0}.dsm-mobile-panel.is-open{display:flex}.dsm-mobile-panel a{border-bottom:1px solid color-mix(in srgb, var(--dsm-text) 10%, transparent);padding:1rem;font-size:1.1rem}.dsm-btn{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:.85rem 1.4rem;font-weight:700;transition:transform .2s,opacity .2s;display:inline-flex}.dsm-btn:hover{transform:translateY(-2px)}.dsm-btn-primary{background:var(--dsm-primary);color:#fff}.dsm-btn-ghost{border:2px solid color-mix(in srgb, var(--dsm-text) 20%, transparent);color:var(--dsm-text);background:0 0}.dsm-hero{padding:clamp(2rem,6vw,5rem) 0;overflow:hidden}.dsm-hero-editorial{text-align:center;padding-top:3rem}.dsm-hero-editorial .dsm-brand-name{color:var(--dsm-primary);margin-bottom:.5rem;font-size:clamp(1.5rem,3vw,2.2rem)}.dsm-hero-editorial h1{font-family:var(--dsm-font-display);margin:0 0 1rem;font-size:clamp(2rem,4vw,3.2rem)}.dsm-hero-band{border-radius:var(--dsm-radius);margin-top:2rem;overflow:hidden}section{padding:clamp(3rem,6vw,5rem) 0}.dsm-section-title{font-family:var(--dsm-font-display);margin:0 0 .75rem;font-size:clamp(1.6rem,3vw,2.4rem)}.dsm-section-lead{color:var(--dsm-muted);max-width:60ch;margin-bottom:2rem}.dsm-grid-3{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.dsm-grid-2{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.dsm-card{background:var(--dsm-surface);border:1px solid color-mix(in srgb, var(--dsm-text) 10%, transparent);border-radius:var(--dsm-radius);padding:1.5rem}.dsm-card h3{font-family:var(--dsm-font-display);margin:0 0 .5rem;font-size:1.15rem}.dsm-card p{color:var(--dsm-muted);margin:0;font-size:.95rem}.dsm-card-link{transition:border-color .2s,transform .2s;display:block}.dsm-card-link:hover{border-color:var(--dsm-primary);transform:translateY(-2px)}.dsm-inner-hero{padding:clamp(2.5rem,5vw,4rem) 0 1rem}.dsm-inner-hero h1{font-family:var(--dsm-font-display);margin:0 0 1rem;font-size:clamp(1.8rem,3.5vw,2.6rem)}.dsm-prose-p{color:var(--dsm-muted);max-width:72ch;margin:0 0 1rem;line-height:1.75}.dsm-step-num{color:var(--dsm-primary);letter-spacing:.1em;font-size:.8rem;font-weight:800}.dsm-quote{border-right:3px solid var(--dsm-accent);margin:0 0 1rem;padding-right:1rem;font-style:italic}.dsm-quote cite{color:var(--dsm-muted);margin-top:.5rem;font-size:.85rem;font-style:normal;display:block}.dsm-cta-band{background:linear-gradient(135deg, var(--dsm-primary), color-mix(in srgb, var(--dsm-accent) 60%, var(--dsm-primary)));color:#fff;border-radius:calc(var(--dsm-radius) * 1.5);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:clamp(2rem,5vw,3.5rem);display:flex}.dsm-cta-band p{color:#ffffffe0;max-width:50ch;margin:0}.dsm-footer{border-top:1px solid color-mix(in srgb, var(--dsm-text) 12%, transparent);margin-top:2rem;padding:3rem 0 1.5rem}.dsm-footer-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;display:grid}.dsm-footer h4{margin:0 0 .75rem;font-size:1rem}.dsm-footer a{color:var(--dsm-muted);margin-bottom:.4rem;font-size:.9rem;display:block}.dsm-footer a:hover{color:var(--dsm-primary)}.dsm-copyright{color:var(--dsm-muted);margin-top:2rem;font-size:.8rem}.dsm-cookie{z-index:300;background:var(--dsm-surface);border-top:1px solid color-mix(in srgb, var(--dsm-text) 12%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex;position:fixed;bottom:0;left:0;right:0}.dsm-cookie.is-hidden{display:none}.dsm-page{padding:4rem 0}.dsm-page h1{font-family:var(--dsm-font-display);font-size:2rem}.dsm-page h2{font-family:var(--dsm-font-display);margin-top:2rem;font-size:1.25rem}.dsm-page p{color:var(--dsm-muted)}.dsm-form{flex-direction:column;gap:1rem;max-width:520px;display:flex}.dsm-form input,.dsm-form textarea{border:1px solid color-mix(in srgb, var(--dsm-text) 15%, transparent);border-radius:var(--dsm-radius);background:var(--dsm-surface);font:inherit;color:var(--dsm-text);padding:.75rem 1rem}.dsm-form textarea{resize:vertical;min-height:140px}.dsm-reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(20px)}.dsm-reveal.is-visible{opacity:1;transform:none}@keyframes dsm-pulse{0%,to{opacity:1}50%{opacity:.7}}.dsm-hero-editorial .dsm-brand-name{animation:3s ease-in-out infinite dsm-pulse}@media (width>=768px){.dsm-nav{display:flex}.dsm-menu-btn{display:none}}@media (width<=900px){.dsm-grid-3,.dsm-grid-2{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.dsm-reveal{opacity:1;transform:none}*{transition:none!important;animation:none!important}}
