/* Khorshidariyana - Slate + Gold Fallback CSS */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{--gold:#D4A017;--gold-light:#FBBF24;--gold-dark:#B8860B;--text:#0F172A;--text-mid:#475569;--text-light:#94A3B8;--bg:#FFFFFF;--bg-alt:#F8FAFC;--border:#E2E8F0;--white:#ffffff;--radius:16px;--shadow:0 1px 3px rgba(15,23,42,0.04),0 4px 16px rgba(15,23,42,0.06)}
html{scroll-behavior:smooth}
body{font-family:'Vazirmatn',sans-serif;color:var(--text);background:var(--bg);line-height:1.7;font-size:15px}
.container{max-width:1200px;margin:0 auto;padding:0 24px}
a{color:var(--gold-dark);text-decoration:none;transition:all 0.3s}
a:hover{color:var(--gold)}
img{max-width:100%;height:auto;display:block}
ul{list-style:none}
.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:0.5rem}.gap-3{gap:0.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}
.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}
.text-center{text-align:center}.text-left{text-align:left}
.w-full{width:100%}.max-w-7xl{max-width:80rem;margin:0 auto}
.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}
.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}
.pt-8{padding-top:2rem}.pt-16{padding-top:4rem}.pb-16{padding-bottom:4rem}
.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}
.bg-white{background-color:#FFFFFF}.bg-dark-900{background-color:#0F172A}.bg-dark-800{background-color:#1E293B}.bg-dark-50{background-color:#F8FAFC}
.text-white{color:#FFFFFF}.text-dark-900{color:#0F172A}.text-dark-500{color:#64748B}.text-dark-400{color:#94A3B8}.text-gold-500{color:#D4A017}.text-gold-600{color:#B8860B}
.font-bold{font-weight:700}.font-black{font-weight:900}.text-sm{font-size:0.875rem}.text-xs{font-size:0.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}
.border{border:1px solid var(--border)}.border-t{border-top:1px solid var(--border)}.border-b{border-bottom:1px solid var(--border)}
.shadow-lg{box-shadow:0 10px 15px -3px rgba(15,23,42,0.1)}.shadow-xl{box-shadow:0 20px 25px -5px rgba(15,23,42,0.1)}
.overflow-hidden{overflow:hidden}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}
.top-0{top:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.inset-0{inset:0}
.z-50{z-index:50}.z-10{z-index:10}
.hidden{display:none}.block{display:block}
.transition-all{transition:all 0.3s ease}
.hover\:bg-dark-50:hover{background-color:#F8FAFC}
.hover\:text-gold-500:hover{color:#D4A017}
.hover\:-translate-y-1:hover{transform:translateY(-0.25rem)}
.flex-1{flex:1 1 0%}
.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.875rem 2rem;border-radius:9999px;font-weight:700;font-size:0.875rem;cursor:pointer;border:none;transition:all 0.3s;font-family:'Vazirmatn',sans-serif}
.btn-primary{background:linear-gradient(135deg,#D4A017,#FBBF24);color:#fff;box-shadow:0 4px 16px rgba(212,160,23,0.3)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(212,160,23,0.4)}
.btn-gold{background:linear-gradient(135deg,#D4A017,#FBBF24);color:#fff;box-shadow:0 4px 16px rgba(212,160,23,0.3)}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(212,160,23,0.4)}
.btn-outline{background:transparent;color:var(--text);border:2px solid var(--border)}
.btn-outline:hover{background:var(--text);color:#fff}
.section-header{text-align:center;margin-bottom:3.5rem}
.section-header h2{font-size:2rem;font-weight:900;color:var(--text);margin-bottom:0.75rem}
.section-header h2::after{content:'';display:block;width:48px;height:3px;background:var(--gold);border-radius:3px;margin:12px auto 0}
.section-header p{color:var(--text-mid);font-size:1rem;max-width:520px;margin:0 auto;line-height:1.8}