:root{--navy-900:#050B14;--navy-800:#0B1F3A;--navy-700:#122E50;--navy-600:#1A3D66;--navy-500:#2A5283;--navy-400:#3A6BA0;--navy-300:#6B91BE;--navy-200:#A8C0D9;--navy-100:#D6E2EF;--navy-50:#EEF3F9;--gold-600:#A6853B;--gold-500:#C9A961;--gold-400:#D9BE82;--gold-300:#E8D4A8;--gold-200:#F2E5C9;--gold-100:#F9F2E2;--gold-50:#FDFAF1;--white:#FFFFFF;--bg-warm:#FAFAF7;--bg-cool:#F7F9FC;--surface:#FFFFFF;--surface-alt:#F4F6F9;--surface-dark:#0B1F3A;--ink-900:#0A0A0B;--ink-800:#1A1A1E;--ink-700:#2D2D33;--ink-600:#4A4A52;--ink-500:#6B7280;--ink-400:#9CA3AF;--ink-300:#D1D5DB;--ink-200:#E5E7EB;--ink-100:#F3F4F6;--success:#16A34A;--success-bg:#DCFCE7;--warning:#D97706;--warning-bg:#FEF3C7;--danger:#DC2626;--danger-bg:#FEE2E2;--info:#2563EB;--info-bg:#DBEAFE;--font-display:'Cormorant Garamond','Noto Naskh Arabic',serif;--font-body:'Manrope','Noto Naskh Arabic',sans-serif;--font-mono:'JetBrains Mono','Courier New',monospace;--font-arabic:'Noto Naskh Arabic','Amiri',serif;--fs-xs:0.75rem;--fs-sm:0.875rem;--fs-base:1rem;--fs-lg:1.125rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--fs-3xl:1.875rem;--fs-4xl:2.25rem;--fs-5xl:3rem;--fs-6xl:3.75rem;--fs-7xl:4.5rem;--lh-tight:1.1;--lh-snug:1.3;--lh-normal:1.6;--lh-relaxed:1.75;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--container-max:1280px;--container-wide:1440px;--container-narrow:896px;--container-padding:1.5rem;--header-height:80px;--header-height-scrolled:64px;--border-radius-sm:4px;--border-radius:8px;--border-radius-lg:12px;--border-radius-xl:16px;--border-radius-2xl:24px;--border-radius-full:9999px;--border-width:1px;--border-color:var(--ink-200);--shadow-xs:0 1px 2px rgba(11,31,58,0.05);--shadow-sm:0 1px 3px rgba(11,31,58,0.08),0 1px 2px rgba(11,31,58,0.04);--shadow-md:0 4px 6px rgba(11,31,58,0.07),0 2px 4px rgba(11,31,58,0.04);--shadow-lg:0 10px 15px rgba(11,31,58,0.08),0 4px 6px rgba(11,31,58,0.04);--shadow-xl:0 20px 25px rgba(11,31,58,0.10),0 10px 10px rgba(11,31,58,0.04);--shadow-2xl:0 25px 50px rgba(11,31,58,0.15);--shadow-gold:0 4px 20px rgba(201,169,97,0.25);--shadow-navy:0 4px 20px rgba(11,31,58,0.20);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:400ms cubic-bezier(0.4,0,0.2,1);--transition-spring:500ms cubic-bezier(0.34,1.56,0.64,1);--z-base:1;--z-dropdown:100;--z-sticky:200;--z-header:1000;--z-overlay:2000;--z-modal:3000;--z-toast:4000;--pattern-islamic:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23C9A961' stroke-width='0.5' opacity='0.08'%3E%3Cpath d='M30 0 L60 30 L30 60 L0 30 Z'/%3E%3Cpath d='M30 15 L45 30 L30 45 L15 30 Z'/%3E%3Ccircle cx='30' cy='30' r='8'/%3E%3C/g%3E%3C/svg%3E")}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--fs-base);font-weight:var(--fw-regular);line-height:var(--lh-normal);color:var(--ink-800);background:var(--bg-warm);overflow-x:hidden;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--fw-semibold);line-height:var(--lh-tight);color:var(--navy-800);letter-spacing:-0.02em}h1{font-size:clamp(2.5rem,5vw,var(--fs-7xl));font-weight:var(--fw-bold)}h2{font-size:clamp(2rem,4vw,var(--fs-5xl))}h3{font-size:clamp(1.5rem,3vw,var(--fs-3xl))}h4{font-size:var(--fs-2xl)}h5{font-size:var(--fs-xl)}h6{font-size:var(--fs-lg)}p{line-height:var(--lh-relaxed);color:var(--ink-600)}a{color:var(--navy-700);text-decoration:none;transition:color var(--transition-fast);touch-action:manipulation}a:hover{color:var(--gold-500)}button{touch-action:manipulation}strong{font-weight:var(--fw-semibold);color:var(--ink-900)}.heading-decorated{position:relative;display:inline-block;padding-bottom:var(--space-4)}.heading-decorated::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:3px;background:var(--gold-500);border-radius:var(--border-radius-full)}.heading-decorated.center::after{left:50%;transform:translateX(-50%)}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:0.15em;text-transform:uppercase;color:var(--gold-500);margin-bottom:var(--space-4)}.eyebrow::before{content:'';display:inline-block;width:24px;height:2px;background:var(--gold-500)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.container-wide{max-width:var(--container-wide)}.container-narrow{max-width:var(--container-narrow)}.section{padding:var(--space-24) 0}.section-sm{padding:var(--space-16) 0}.section-lg{padding:var(--space-32) 0}.section-dark{background:var(--navy-800);color:var(--navy-100)}.section-dark h1,.section-dark h2,.section-dark h3,.section-dark h4,.section-dark h5,.section-dark h6{color:var(--white)}.section-dark p{color:var(--navy-200)}.section-pattern{background-color:var(--navy-800);background-image:var(--pattern-islamic);background-size:60px 60px;color:var(--navy-100)}.bg-surface{background:var(--surface)}.bg-alt{background:var(--surface-alt)}.bg-warm{background:var(--bg-warm)}.bg-cool{background:var(--bg-cool)}.bg-navy{background:var(--navy-800);color:var(--white)}.bg-gold{background:var(--gold-500);color:var(--navy-800)}.grid{display:grid;gap:var(--space-6)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.hidden{display:none !important}.block{display:block}.inline-block{display:inline-block}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-12{margin-top:var(--space-12)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-12{margin-bottom:var(--space-12)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:0.02em;border:var(--border-width) solid transparent;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap;user-select:none;min-height:44px;touch-action:manipulation}.btn-primary{background:var(--navy-800);color:var(--white);border-color:var(--navy-800)}.btn-primary:hover{background:var(--navy-700);border-color:var(--navy-700);transform:translateY(-1px);box-shadow:var(--shadow-lg);color:var(--white)}.btn-gold{background:var(--gold-500);color:var(--navy-800);border-color:var(--gold-500)}.btn-gold:hover{background:var(--gold-400);border-color:var(--gold-400);transform:translateY(-1px);box-shadow:var(--shadow-gold);color:var(--navy-800)}.btn-outline{background:transparent;color:var(--navy-800);border-color:var(--ink-300)}.btn-outline:hover{border-color:var(--navy-800);background:var(--navy-800);color:var(--white)}.btn-outline-light{background:transparent;color:var(--white);border-color:rgba(255,255,255,0.3)}.btn-outline-light:hover{border-color:var(--gold-500);color:var(--gold-500)}.btn-ghost{background:transparent;color:var(--navy-700);border-color:transparent}.btn-ghost:hover{background:var(--navy-50);color:var(--navy-800)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--fs-base)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--fs-xs)}.btn-block{display:flex;width:100%}.card{background:var(--surface);border-radius:var(--border-radius-lg);overflow:hidden;border:1px solid var(--ink-200);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px);border-color:var(--gold-300)}.card-body{padding:var(--space-6)}.card-header{padding:var(--space-6) var(--space-6) 0}.card-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--ink-200);background:var(--surface-alt)}.product-card{background:var(--surface);border-radius:var(--border-radius-lg);overflow:hidden;border:1px solid var(--ink-200);transition:all var(--transition-base);display:flex;flex-direction:column}.product-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-6px);border-color:var(--gold-400)}.product-card-image{aspect-ratio:4 / 3;overflow:hidden;background:var(--surface-alt);position:relative}.product-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.product-card:hover .product-card-image img{transform:scale(1.08)}.product-card-badge{position:absolute;top:var(--space-3);left:var(--space-3);background:var(--gold-500);color:var(--navy-800);padding:var(--space-1) var(--space-3);border-radius:var(--border-radius-full);font-size:var(--fs-xs);font-weight:var(--fw-semibold)}.product-card-content{padding:var(--space-5);flex:1;display:flex;flex-direction:column}.product-card-title{font-family:var(--font-body);font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--navy-800);margin-bottom:var(--space-2)}.product-card-desc{font-size:var(--fs-sm);color:var(--ink-500);margin-bottom:var(--space-4);flex:1}.product-card-meta{display:flex;gap:var(--space-4);font-size:var(--fs-xs);color:var(--ink-500);border-top:1px solid var(--ink-200);padding-top:var(--space-3);margin-top:auto}.product-card-meta span{display:flex;align-items:center;gap:var(--space-1)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--fs-xs);font-weight:var(--fw-semibold);border-radius:var(--border-radius-full);line-height:1.4}.badge-navy{background:var(--navy-50);color:var(--navy-700)}.badge-gold{background:var(--gold-100);color:var(--gold-600)}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-info{background:var(--info-bg);color:var(--info)}.tag{display:inline-block;padding:var(--space-1) var(--space-2);font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--ink-600);background:var(--surface-alt);border:1px solid var(--ink-200);border-radius:var(--border-radius-sm)}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--ink-700);margin-bottom:var(--space-2)}.form-label .required{color:var(--danger)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--fs-base);color:var(--ink-800);background:var(--surface);border:1px solid var(--ink-300);border-radius:var(--border-radius);transition:all var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--navy-500);box-shadow:0 0 0 3px var(--navy-50)}.form-textarea{min-height:120px;resize:vertical}.form-hint{font-size:var(--fs-xs);color:var(--ink-500);margin-top:var(--space-1)}.divider{height:1px;background:var(--ink-200);border:none;margin:var(--space-8) 0}.divider-gold{height:2px;background:linear-gradient(90deg,transparent,var(--gold-500),transparent);border:none;margin:var(--space-8) 0}.img-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--surface-alt) 0%,var(--navy-50) 100%);color:var(--ink-400);font-size:var(--fs-sm);text-align:center;position:relative;overflow:hidden}.img-placeholder::before{content:'';position:absolute;inset:0;background-image:var(--pattern-islamic);background-size:40px 40px;opacity:0.3}.img-placeholder span{position:relative;z-index:1;padding:var(--space-4);background:rgba(255,255,255,0.8);border-radius:var(--border-radius);backdrop-filter:blur(4px)}.stat{text-align:center}.stat-number{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,var(--fs-6xl));font-weight:var(--fw-bold);color:var(--gold-500);line-height:1;display:block}.stat-label{font-size:var(--fs-sm);color:var(--navy-200);text-transform:uppercase;letter-spacing:0.1em;margin-top:var(--space-2);display:block}.section-header{text-align:center;max-width:720px;margin:0 auto var(--space-12)}.section-header p{font-size:var(--fs-lg);color:var(--ink-500);margin-top:var(--space-4)}.section-dark .section-header p{color:var(--navy-200)}.reveal{opacity:0;transform:translateY(24px);transition:opacity 600ms ease-out,transform 600ms ease-out}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){:root{--container-padding:1rem;--header-height:64px}.section{padding:var(--space-16) 0}.section-lg{padding:var(--space-20) 0}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}h1{font-size:clamp(2rem,8vw,var(--fs-5xl))}h2{font-size:clamp(1.5rem,6vw,var(--fs-3xl))}h3{font-size:clamp(1.25rem,5vw,var(--fs-2xl))}.section-header{margin-bottom:var(--space-8)}.stat-number{font-size:var(--fs-4xl)}}@media (max-width:480px){.grid-auto{grid-template-columns:1fr}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--fs-sm)}}@media print{.header,.footer,.floating-cta,.back-to-top{display:none !important}body{background:white;color:black}}:focus-visible{outline:2px solid var(--gold-500);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-40px;left:0;background:var(--navy-800);color:white;padding:var(--space-2) var(--space-4);z-index:var(--z-toast);transition:top var(--transition-fast)}.skip-link:focus{top:0}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}