:root{
  --bg:#08090b;--bg-soft:#0d0f13;--panel:#11141a;--panel-2:#17191f;
  --line:#282d36;--text:#f0f1f3;--muted:#a3a8b2;--soft:#c9cdd3;
  --red:#b51435;--red-bright:#e02b4b;--gold:#d0a040;--silver:#d0d0d0;
  --green:#74c6a3;--radius:20px;--max:1160px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:radial-gradient(ellipse at 78% -10%,rgba(181,20,53,.12),transparent 32rem),radial-gradient(ellipse at 9% 18%,rgba(208,160,64,.05),transparent 25rem),var(--bg);color:var(--text);font-family:Vazirmatn,"Noto Sans Arabic",Tahoma,Arial,sans-serif;line-height:1.95;font-size:15px}
a{color:#f0cf8b;text-decoration:none}
a:hover{color:#fff}
img{max-width:100%;height:auto}
.container{width:min(calc(100% - 36px),var(--max));margin-inline:auto}
.skip-link{position:absolute;top:-100px;right:12px;background:#fff;color:#000;padding:10px 16px;z-index:100;border-radius:8px}
.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:20;background:rgba(8,9,11,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(40,45,54,.9)}
.nav-wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:11px;color:var(--text);min-width:0}
.brand img{width:48px;height:48px;object-fit:cover;border-radius:13px;border:1px solid #38313a;background:#050506}
.brand-name{display:block;font:800 14px/1.2 Inter,Arial,sans-serif;letter-spacing:.11em;direction:ltr}
.brand-tag{display:block;color:var(--muted);font-size:10px;margin-top:5px}
.nav-links{display:flex;align-items:center;gap:22px;font-size:12px;color:var(--soft)}
.nav-links a{color:var(--soft)}
.nav-links a:hover,.nav-links a[aria-current="page"]{color:#fff}
.nav-cta,.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border-radius:12px;padding:11px 17px;font-size:12px;font-weight:800;transition:transform .18s ease,background .18s ease,border-color .18s ease}
.nav-cta,.button-primary{background:linear-gradient(135deg,#b51435,#8f1029);border:1px solid rgba(224,43,75,.55);color:#fff;box-shadow:0 8px 28px rgba(181,20,53,.16)}
.nav-cta:hover,.button-primary:hover{background:linear-gradient(135deg,#d21a40,#a91531);color:#fff;transform:translateY(-1px)}
.button-secondary{border:1px solid #41434a;background:#12151b;color:#f1d7a2}
.button-secondary:hover{border-color:var(--gold);color:#fff}
.mobile-nav{display:none}
.hero{position:relative;overflow:hidden;padding:clamp(32px,6vw,76px);margin:28px 0 0;border:1px solid #302833;border-radius:30px;background:linear-gradient(120deg,rgba(181,20,53,.15),transparent 44%),linear-gradient(310deg,rgba(208,160,64,.07),transparent 45%),#0d0e12;display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center;min-height:440px}
.hero:before{content:"";position:absolute;width:380px;height:380px;border:1px solid rgba(208,160,64,.13);border-radius:50%;left:-170px;top:-220px;box-shadow:0 0 0 38px rgba(181,20,53,.025),0 0 0 86px rgba(181,20,53,.018);pointer-events:none}
.hero-copy,.hero-art{position:relative;z-index:1}
.eyebrow{font:700 10px/1.4 Inter,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(31px,4.8vw,56px);line-height:1.45;margin:14px 0 16px;font-weight:900;letter-spacing:-.04em}
h1 .latin{display:block;font:900 clamp(27px,4vw,49px)/1.15 Inter,Arial,sans-serif;letter-spacing:-.045em;direction:ltr;text-align:right;margin-bottom:12px}
h1 .latin span{color:var(--gold)}
.hero p{max-width:610px;color:#c0c4cc;font-size:15px;line-height:2.15}
.tagline{display:inline-block;margin-top:7px;padding-right:13px;border-right:2px solid var(--gold);color:#f0d8a8;font-weight:750}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}
.hero-art{display:flex;justify-content:center;align-items:center}
.hero-art img{width:min(100%,330px);border-radius:24px;mix-blend-mode:screen;filter:drop-shadow(0 22px 55px rgba(0,0,0,.5))}
.section{padding:66px 0 0}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.section-head h2{font-size:clamp(21px,3vw,30px);margin:5px 0 0;line-height:1.5}
.section-head p{font-size:12px;color:var(--muted);margin:0;max-width:410px}
.grid{display:grid;gap:14px}
.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.card{min-width:0;padding:22px;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(145deg,#14171d,#101217)}
.card h3{font-size:16px;line-height:1.6;margin:0 0 8px}
.card p{font-size:13px;color:#c2c7ce;margin:0;line-height:2.05}
.card .small-label{font:700 10px Inter,Arial,sans-serif;color:var(--gold);letter-spacing:.12em;text-transform:uppercase;margin-bottom:9px}
.product-card{position:relative;overflow:hidden;padding:25px;min-height:220px}
.product-card:after{content:"";position:absolute;width:145px;height:145px;left:-60px;bottom:-80px;border:1px solid rgba(208,160,64,.13);border-radius:50%;box-shadow:0 0 0 20px rgba(181,20,53,.025)}
.product-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(208,160,64,.10);border:1px solid rgba(208,160,64,.22);color:var(--gold);font:800 15px Inter,Arial,sans-serif;margin-bottom:18px}
.product-card .text-link{display:inline-flex;margin-top:17px;font-size:12px;font-weight:800;position:relative;z-index:1}
.statement{padding:25px;border:1px solid rgba(208,160,64,.25);border-radius:20px;background:linear-gradient(130deg,rgba(181,20,53,.12),rgba(208,160,64,.05)),#111318;font-size:17px;font-weight:650;line-height:2.1}
.statement .english{display:block;direction:ltr;text-align:left;color:var(--gold);font:800 19px Inter,Arial,sans-serif;margin-bottom:8px}
.value{display:flex;gap:12px;align-items:flex-start}
.dot{width:9px;height:9px;min-width:9px;margin-top:10px;border-radius:3px;background:var(--red-bright);box-shadow:0 0 16px rgba(224,43,75,.3)}
.value:nth-child(even) .dot{background:var(--gold);box-shadow:0 0 16px rgba(208,160,64,.25)}
.value b{display:block;font-size:14px;margin-bottom:3px}
.value p{color:var(--muted);font-size:12px;margin:0}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.step{padding:16px;border:1px solid var(--line);border-radius:14px;background:#111318}
.step strong{display:block;color:var(--gold);font:800 10px Inter,Arial,sans-serif;margin-bottom:7px}
.step span{font-size:12px;color:#c7cbd2}
.note{padding:14px 16px;border-right:3px solid var(--gold);background:rgba(208,160,64,.07);border-radius:10px;color:#dfd2b9;font-size:12px;margin-top:16px}
.note.red{border-color:var(--red-bright);background:rgba(181,20,53,.08);color:#e5c2c9}
.faq{display:grid;gap:10px}
details{border:1px solid var(--line);background:#111318;border-radius:14px;padding:15px 18px}
summary{cursor:pointer;font-size:13px;font-weight:750;color:#f0d8a8}
details p{margin:10px 0 0;color:#c2c7ce;font-size:12px;line-height:2}
.page-hero{padding:54px clamp(24px,5vw,54px);margin-top:26px;border:1px solid #302833;border-radius:26px;background:linear-gradient(125deg,rgba(181,20,53,.14),transparent 48%),linear-gradient(300deg,rgba(208,160,64,.07),transparent 40%),#0d0e12}
.page-hero h1{font-size:clamp(28px,4vw,43px);margin:10px 0}
.page-hero p{color:#c0c4cc;max-width:780px;margin:0}
.breadcrumb{font-size:11px;color:var(--muted);margin:22px 0 0}
.breadcrumb a{color:#c5a66b}
.feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:15px}
.feature{padding:15px;border:1px solid var(--line);border-radius:14px;background:#111318}
.feature b{display:block;font-size:13px;margin-bottom:4px}
.feature span{font-size:12px;color:var(--muted)}
.cta-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px;border-radius:20px;border:1px solid rgba(208,160,64,.25);background:linear-gradient(120deg,rgba(181,20,53,.12),rgba(208,160,64,.045)),#111318}
.cta-panel h2{font-size:20px;margin:0 0 5px}
.cta-panel p{color:var(--muted);font-size:12px;margin:0}
.site-footer{margin-top:76px;padding:30px 0 22px;border-top:1px solid var(--line);background:rgba(5,6,8,.35)}
.footer-top{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:28px}
.footer-brand p{font-size:12px;color:var(--muted);max-width:360px;margin:13px 0 0}
.footer-col h3{font-size:12px;color:#f0d8a8;margin:0 0 10px}
.footer-col a{display:block;color:#b9bec7;font-size:12px;margin:7px 0}
.footer-col a:hover{color:#fff}
.footer-bottom{border-top:1px solid var(--line);margin-top:25px;padding-top:16px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#858b95;font-size:10px}
.disclaimer{max-width:740px}
.ltr{direction:ltr;unicode-bidi:embed;display:inline-block}
.center{text-align:center}
.muted{color:var(--muted)}
@media(max-width:820px){.nav-links{gap:13px}.hero{grid-template-columns:1fr .65fr;padding:34px}.hero-art img{width:100%}.grid.three{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:620px){.container{width:min(calc(100% - 28px),var(--max))}.nav-wrap{min-height:68px}.brand img{width:42px;height:42px}.nav-links{display:none}.mobile-nav{display:block;border-top:1px solid rgba(40,45,54,.65);padding:8px 0 11px}.mobile-nav-inner{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.mobile-nav-inner::-webkit-scrollbar{display:none}.mobile-nav a{white-space:nowrap;font-size:11px;padding:5px 9px;border-radius:9px;color:#c4c8cf;background:#111318;border:1px solid #242933}.mobile-nav a[aria-current="page"]{color:#f2d69c;border-color:#69552e}.nav-cta{padding:9px 11px;font-size:11px}.hero{grid-template-columns:1fr;padding:24px 20px;min-height:unset;margin-top:15px}.hero-art{grid-row:1}.hero-art img{max-width:220px}.hero-copy{text-align:center}.hero h1 .latin{text-align:center}.hero p{font-size:13px;margin-inline:auto}.tagline{font-size:13px}.hero-actions{justify-content:center}.section{padding-top:47px}.section-head{display:block}.section-head p{margin-top:6px}.grid.two,.grid.three{grid-template-columns:1fr}.card{padding:18px}.page-hero{padding:34px 22px;margin-top:15px}.feature-list{grid-template-columns:1fr}.cta-panel{display:block}.cta-panel .button{margin-top:16px;width:100%}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}