@font-face{font-family:Vazirmatn;src:url('/assets/Vazirmatn-Regular.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'Noto Naskh Arabic';src:url('/assets/NotoNaskhArabic-Regular.ttf') format('truetype');font-weight:400 700;font-display:swap}
:root{--navy:#041522;--deep:#03111c;--gold:#dfb572;--gold-light:#f4d59b;--cream:#f5efe5;--muted:#bdc4c3;--line:rgba(225,182,112,.35)}
*{box-sizing:border-box}
html,body{height:100%;margin:0;overflow:hidden}
body{min-width:280px;background:var(--navy);color:var(--cream);font-family:Vazirmatn,Tahoma,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--gold-light);outline-offset:5px}
.canvas{height:100vh;height:100svh;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:radial-gradient(circle at 88% 47%,#0d2b3e 0%,#061b2b 42%,#03111c 100%);padding:clamp(28px,4.2vh,50px) clamp(38px,5.7vw,100px) clamp(25px,3.5vh,46px)}
.canvas::before{content:'';position:absolute;inset:0;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E");opacity:.38;pointer-events:none}
.border{position:absolute;pointer-events:none;z-index:5;border:1px solid var(--line)}
.border-outer{inset:13px}.border-inner{inset:19px;border-color:rgba(225,182,112,.11)}
.picture{position:absolute;z-index:-1;left:0;top:0;bottom:0;width:47.5%;overflow:hidden;background:#071626;box-shadow:35px 0 85px rgba(0,0,0,.19)}
.picture::after{content:'';position:absolute;inset:25px;border:1px solid rgba(236,194,123,.62);pointer-events:none}
.picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 57%}
.picture-line{position:absolute;inset:31px;border:1px solid rgba(245,210,151,.26);pointer-events:none}
.picture::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,transparent 77%,rgba(3,17,28,.2)),linear-gradient(0deg,rgba(3,17,28,.62),transparent 22%);pointer-events:none}
.mobile-shade{display:none}
.topbar,.main,.bottom{position:relative;z-index:3}
.topbar{display:flex;align-items:center;justify-content:flex-start;min-height:50px}
.brand{display:inline-flex;align-items:center;gap:12px;color:var(--gold-light)}
.brand svg{width:32px;height:38px;flex:none}
.brand span{display:flex;flex-direction:column;gap:3px}
.brand strong{font-family:'Noto Naskh Arabic',Vazirmatn,serif;font-size:29px;line-height:1;font-weight:700;white-space:nowrap}
.brand small{font-size:10px;letter-spacing:.02em;color:var(--gold);white-space:nowrap}
.main{min-height:0;display:flex;align-items:center;justify-content:flex-start}
.message{width:min(48%,630px);text-align:right;margin-right:clamp(8px,2.1vw,38px);padding-bottom:clamp(0px,2vh,22px)}
.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 clamp(6px,1.3vh,13px);color:var(--gold);font-size:clamp(11px,.9vw,13px);letter-spacing:.05em}
.eyebrow span{width:31px;height:1px;background:var(--gold)}.eyebrow span:last-child{display:none}
.wordmark{font:700 clamp(105px,10.7vw,178px)/.98 'Noto Naskh Arabic',Vazirmatn,serif;letter-spacing:-.055em;color:var(--gold-light);filter:drop-shadow(0 8px 25px rgba(232,186,112,.13));margin-right:-7px}
h1{margin:clamp(-10px,-.6vw,-3px) 0 0;font-weight:400;font-size:clamp(64px,5.7vw,96px);line-height:1.23;letter-spacing:-.04em;color:var(--cream)}
.divider{display:flex;align-items:center;gap:10px;width:250px;color:var(--gold);margin:clamp(11px,2vh,23px) 0 clamp(12px,2.1vh,24px)}
.divider span{height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--gold))}.divider span:last-child{background:linear-gradient(90deg,var(--gold),transparent)}.divider svg{width:31px;height:23px}
.lead{font-size:clamp(21px,1.9vw,28px);margin:0 0 5px;line-height:1.7}
.description{color:var(--muted);font-size:clamp(13px,1.04vw,16px);line-height:2.1;margin:0;max-width:460px}
.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:clamp(22px,4vh,48px)}
.primary-link,.secondary-link{display:inline-flex;align-items:center;justify-content:center;min-height:54px;transition:transform .2s ease,background .2s ease,color .2s ease}
.primary-link:hover,.secondary-link:hover{transform:translateY(-2px)}
.primary-link{gap:15px;background:linear-gradient(125deg,#f2d39b,#ddb06d);color:#0a2130;border:1px solid #f5dba8;padding:0 19px;font-size:14px;font-weight:600}
.primary-link:hover{background:linear-gradient(125deg,#ffe5b4,#e8ba78)}
.action-short{display:none}
.primary-link svg{width:19px;height:19px}.primary-link .arrow{font:21px Georgia,serif;margin-right:5px;line-height:1}
.secondary-link{gap:9px;font-size:14px;color:var(--gold-light);border-bottom:1px solid var(--gold);padding:0 2px}.secondary-link svg{width:18px;height:18px}
.bottom{display:grid;grid-template-columns:1.35fr 1fr 1fr;align-items:center;gap:20px;padding-top:clamp(14px,2.2vh,24px);border-top:1px solid rgba(224,181,112,.38);font-size:12px;color:var(--cream);white-space:nowrap}
.bottom-note{display:inline-flex;align-items:center;gap:8px;font-size:12px}.bottom-note svg{width:17px;height:17px;color:var(--gold);flex:none}
.bottom a{font:12px Georgia,serif;letter-spacing:.12em;color:var(--gold-light);width:max-content}.bottom a:hover{color:#fff}.bottom a:last-child{justify-self:end}
@media(max-width:1100px) and (min-width:801px){.picture{width:45%}.message{width:49%;margin-right:0}.wordmark{font-size:clamp(80px,10vw,110px)}h1{font-size:clamp(50px,5.6vw,66px)}.description{font-size:13px}.actions{gap:13px}.primary-link,.secondary-link{min-height:48px;font-size:12px}.bottom{gap:8px}.bottom-note,.bottom a{font-size:10px}}
@media(max-width:800px){
 .canvas{padding:clamp(20px,3vh,28px) clamp(25px,6vw,45px) clamp(16px,2.3vh,24px)}
 .picture{inset:0;width:100%;height:100%;box-shadow:none}.picture::after,.picture-line,.picture::before{display:none}.picture img{object-position:center 54%}
 .mobile-shade{display:block;position:absolute;z-index:0;inset:0;background:linear-gradient(180deg,rgba(3,17,29,.91) 0%,rgba(3,17,29,.9) 25%,rgba(3,17,29,.4) 45%,rgba(3,17,29,.06) 62%,rgba(3,17,29,.62) 79%,#03111e 97%);pointer-events:none}
 .border-outer{inset:8px}.border-inner{inset:14px}
 .topbar{min-height:44px}.brand strong{font-size:24px}.brand small{font-size:8px}.brand svg{width:25px;height:29px}
 .main{display:block;min-height:0}.message{width:100%;margin:0;text-align:center;padding:clamp(0px,1vh,12px) 0 0}
 .eyebrow{justify-content:center;font-size:11px;margin-bottom:clamp(0px,1vh,7px)}.eyebrow span:last-child{display:block}
 .wordmark{font-size:clamp(63px,min(19vw,10.5vh),92px);line-height:1.02;margin:0}
 h1{font-size:clamp(40px,min(12.5vw,6.6vh),57px);line-height:1.18;margin:-1px 0 0}
 .divider{margin:clamp(4px,.8vh,8px) auto clamp(5px,1vh,10px);width:138px}.divider svg{width:23px;height:16px}
 .lead{font-size:clamp(15px,min(4.5vw,2.6vh),19px);margin:0}.description{display:none}
 .actions{position:absolute;left:0;right:0;bottom:clamp(61px,8.7vh,82px);z-index:4;display:flex;justify-content:center;gap:13px;margin:0;flex-wrap:nowrap}
 .primary-link{font-size:12px;gap:9px;min-height:48px;padding:0 14px}.primary-link .arrow{display:none}.secondary-link{min-height:48px;font-size:12px;gap:5px;background:rgba(3,17,29,.74);border:1px solid rgba(233,188,114,.55);padding:0 12px}
 .bottom{display:flex;border-top:1px solid rgba(224,181,112,.4);justify-content:center;padding-top:10px;font-size:12px}.bottom-note{font-size:12px}.bottom-note svg{width:16px;height:16px}.bottom a{display:none}
}
@media(max-width:380px){.eyebrow{font-size:10px}.primary-link{font-size:11px;padding:0 10px}.secondary-link{font-size:11px;padding:0 9px}}
@media(max-width:300px){.action-full{display:none}.action-short{display:inline}.actions{gap:8px}.primary-link,.secondary-link{font-size:11px;min-height:44px}}
@media(max-height:660px) and (max-width:800px){.canvas{padding-top:18px;padding-bottom:13px}.topbar{min-height:34px}.brand strong{font-size:21px}.brand small{font-size:7px}.brand svg{width:22px;height:27px}.message{padding-top:6px}.eyebrow{font-size:10px;margin-bottom:0}.wordmark{font-size:min(17vw,9vh)}h1{font-size:min(11vw,6.8vh)}.divider{margin:1px auto 2px}.lead{font-size:14px}.actions{bottom:47px}.bottom{padding-top:6px;font-size:11px}.bottom-note{font-size:11px}}
@media(max-height:510px) and (max-width:800px){.eyebrow,.description,.divider{display:none}.message{padding-top:0}.wordmark{font-size:min(15vw,14vh)}h1{font-size:min(10vw,10vh)}.lead{font-size:12px}.actions{bottom:40px}.primary-link,.secondary-link{min-height:42px}}
@media(max-height:650px) and (min-width:801px){.canvas{padding-top:23px;padding-bottom:19px}.topbar{min-height:38px}.wordmark{font-size:min(9vw,17vh)}h1{font-size:min(5.5vw,11vh)}.eyebrow{margin-bottom:0}.divider{margin:3px 0}.lead{font-size:17px}.description{font-size:12px;line-height:1.7}.actions{margin-top:12px}.primary-link,.secondary-link{min-height:44px}.bottom{padding-top:9px}}
@media(prefers-reduced-motion:reduce){.primary-link,.secondary-link{transition:none}}