@font-face{font-family:Wird;src:url('/invite/assets/TheSansArabic-Plain.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:Wird;src:url('/invite/assets/TheSansArabic-Bold.otf') format('opentype');font-weight:700;font-display:swap}
:root{color-scheme:light;background:#F1EEE8;color:#252525;font-family:Wird,system-ui,sans-serif;font-synthesis:none}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden}
.landing{height:100vh;height:100svh;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}
.intro{position:relative;z-index:1;text-align:center;display:flex;align-items:center;flex-direction:column;padding:calc(clamp(36px,7svh,88px) + env(safe-area-inset-top)) 24px clamp(38px,7svh,76px)}
.brand{display:flex;align-items:center;justify-content:center;gap:24px}
.app-icon{width:104px;height:104px;display:block;border-radius:24%;transform:rotate(-12deg);flex:none}
[dir=rtl] .app-icon{transform:rotate(12deg)}
h1{font-size:68px;line-height:1.3;letter-spacing:-1.5px;margin:0;font-weight:700}
.description{max-width:530px;font-size:23px;line-height:1.65;margin:28px 0 20px;text-wrap:balance;color:#62605D}
.store-link{display:block;line-height:0;padding:13px;border-radius:12px;flex:none}
.store-link img{display:block;width:156px;height:52px}
.store-link:focus-visible{outline:3px solid #6E624B;outline-offset:4px}
.screens{position:relative;min-height:0;overflow:hidden;direction:ltr;isolation:isolate}
.composition{position:absolute;width:2300px;height:800px;left:50%;top:0;transform:translateX(-50%)}
.device{position:absolute;display:block;height:auto;max-width:none;user-select:none;pointer-events:none}
.duo{width:790px;left:30px;top:24px}
.review{width:290px;left:810px;top:0}
.mushaf{width:290px;left:1070px;top:82px;z-index:2}
.impact{width:290px;left:1330px;top:40px}
.tasbeeh{width:290px;left:1590px;top:4px}
.editor{width:290px;left:1850px;top:80px}
.prayer{width:290px;left:2100px;top:-40px}
[hidden]{display:none!important}
.privacy-link{position:fixed;bottom:max(8px,env(safe-area-inset-bottom));inset-inline-end:16px;font:12px system-ui;color:#52534f;z-index:6;text-underline-offset:3px}

.language-picker{position:fixed;top:calc(12px + env(safe-area-inset-top));left:16px;right:auto;z-index:10;max-width:calc(100vw - 32px);min-height:40px;padding:7px 14px;font:16px Wird,system-ui,sans-serif;color:#252525;background:rgba(255,255,255,.82);border:1px solid #D8D6D0;border-radius:14px;box-shadow:0 1px 4px #00000005;direction:rtl;cursor:pointer}
.language-picker:focus-visible{outline:3px solid #6E624B;outline-offset:3px}
@media(min-width:1800px){.composition{transform:translateX(-50%) scale(1.15);transform-origin:top center}}
@media(max-width:760px){
  .intro{padding-top:calc(clamp(32px,7svh,64px) + env(safe-area-inset-top));padding-bottom:clamp(40px,7svh,65px)}
  .brand{gap:20px}.app-icon{width:92px;height:92px}h1{font-size:60px}
  .description{font-size:21px;max-width:370px;margin-top:26px;margin-bottom:16px}
  .composition{width:1000px}.duo{width:590px;left:-365px;top:8px}
  .review{width:250px;left:170px;top:0}.mushaf{width:250px;left:390px;top:68px}
  .tasbeeh{width:250px;left:615px;top:8px}.editor{width:250px;left:840px;top:68px}
  .impact,.prayer{display:none}
}
@media(max-height:600px){
  .intro{padding-top:calc(22px + env(safe-area-inset-top));padding-bottom:30px}
  .brand{gap:16px}.app-icon{width:68px;height:68px}h1{font-size:46px}
  .description{font-size:18px;margin:14px 0 10px;max-width:580px}
  .store-link{padding:10px}.store-link img{height:40px;width:auto}
  .composition{top:0}.mushaf{top:28px}.review,.tasbeeh{top:0}
}