@font-face{font-family:IBM;src:url('assets/regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:IBM;src:url('assets/semibold.ttf') format('truetype');font-weight:600 900;font-display:swap}
:root{--green:#10543b;--ink:#153f31;--gold:#bd9858;--cream:#f8f6ee;--muted:#777d70;--line:#dfE2d5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--cream);color:var(--ink);font:400 16px/1.8 IBM,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:6px}img{max-width:100%;display:block}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;line-height:1.3}em{font-style:normal;color:var(--gold)}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand img{width:128px;height:auto}.header nav{display:flex;gap:36px;font-size:14px}.header nav a:hover{color:var(--gold)}.nav-cta{border:1px solid #bbc8ba;border-radius:40px;padding:9px 25px;font-size:14px}.nav-cta span{margin-right:22px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:710px;align-items:center;gap:25px;padding-block:56px 48px}.eyebrow{font-size:13px;letter-spacing:.2px;display:block;margin-bottom:24px;color:#687c6a}.hero-copy .eyebrow{display:flex;align-items:center;gap:9px}.eyebrow>span{width:6px;height:6px;background:var(--gold);border-radius:50%}h1{font-size:clamp(64px,6.3vw,88px);letter-spacing:-3px;line-height:1.25;margin-bottom:23px}.lead{font-size:18px;line-height:1.95;color:#687367;max-width:480px}.stores{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.store{display:flex;align-items:center;justify-content:center;direction:ltr;gap:12px;min-width:174px;padding:10px 19px;background:#143e2f;color:white;border:1px solid #143e2f;border-radius:10px;user-select:none}.store svg{width:26px;height:30px;flex-shrink:0}.store span{display:flex;flex-direction:column;line-height:1.25;text-align:left}.store small{font-size:10px;letter-spacing:.2px;opacity:.8}.store strong{font-size:20px;font-weight:600;white-space:nowrap}.store:last-child{background:transparent;color:var(--ink);border-color:#b8c4b5}.availability{font-size:11px;color:#7b8172;margin-top:12px}.film-button{display:flex;align-items:center;gap:11px;padding:0;background:none;border:0;text-align:right;margin-top:26px;font-size:13px}.film-button small{display:block;color:var(--muted);font-size:11px}.play-circle{border:1px solid #c4cbbf;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:20px}.hero-art{height:590px;position:relative;direction:ltr;isolation:isolate}.arch{position:absolute;inset:8px 9% 8px 5%;background:#e8ecdf;border-radius:260px 260px 26px 26px;z-index:-2}.arch:after{content:'';position:absolute;inset:24px;border:1px solid #d3dac8;border-radius:inherit}.orbit{position:absolute;inset:90px -10px 70px 30px;border:1px solid #cab682;border-radius:50%;transform:rotate(-30deg);z-index:-1}.phone{padding:15px 7px 10px;background:#173a2c;border:2px solid #9c9e76;border-radius:32px;box-shadow:0 24px 35px -20px #1a322970;position:relative}.phone:before{content:'';position:absolute;top:5px;left:calc(50% - 18px);width:36px;height:3px;border-radius:5px;background:#8b9b89}.phone img{border-radius:23px;width:100%;height:auto}.phone-front{width:235px;position:absolute;left:44%;top:65px;transform:rotate(7deg);z-index:2}.phone-back{width:219px;position:absolute;left:9%;top:115px;transform:rotate(-10deg)}.art-label{position:absolute;left:54px;top:29px;font-size:11px;color:#6e816e;writing-mode:vertical-rl;letter-spacing:1px}.quiet-note{position:absolute;bottom:12px;left:25%;background:#fffcf4;box-shadow:0 8px 25px #1838200d;border:1px solid #e8e7d9;padding:13px 24px;border-radius:8px;display:flex;align-items:center;gap:16px;direction:rtl;font-size:13px;z-index:3}.tiny-wave{height:28px;display:flex;align-items:center;gap:3px}.tiny-wave i{display:block;width:3px;height:10px;background:var(--gold);border-radius:4px}.tiny-wave i:nth-child(2),.tiny-wave i:nth-child(4){height:19px}.tiny-wave i:nth-child(3){height:28px}.journey{border-block:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:24px 0;font-size:14px}.journey>span{color:#75816e}.journey>div{display:flex;gap:28px;align-items:center}.journey b{font-size:11px;color:var(--gold);font-weight:400}.section{padding-block:110px}.section-heading{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:52px}.section-heading .eyebrow{margin-bottom:15px}h2{font-size:43px;letter-spacing:-1px}.section-heading p{font-size:15px;color:var(--muted);line-height:1.9;padding-bottom:7px}.experience-body{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.feature-list{display:grid;gap:6px}.feature{background:none;border:0;border-bottom:1px solid var(--line);display:flex;text-align:right;gap:22px;padding:28px 14px;align-items:start;transition:background .2s}.feature.active{background:#eeefe5;border-radius:8px;border-bottom-color:transparent}.number{font-size:12px;color:#98a38f;padding-top:4px}.feature strong{font-size:23px;display:block;margin-bottom:7px;font-weight:600}.feature small{font-size:14px;color:var(--muted);line-height:1.85;display:block;max-width:310px}.feature-arrow{margin-right:auto;opacity:.25}.feature.active .number,.feature.active .feature-arrow{color:var(--gold);opacity:1}.feature-stage{height:570px;position:relative;overflow:hidden;background:#eeeee2;border-radius:180px 180px 12px 12px;display:flex;justify-content:center;align-items:start;padding-top:47px;isolation:isolate}.feature-phone{width:245px;transform:rotate(-5deg);z-index:1}.stage-word{position:absolute;font-size:150px;color:#e0e3d4;left:14px;top:35px}.stage-caption{position:absolute;bottom:0;z-index:2;width:100%;padding:20px;background:#e9eddf;border-top:1px solid #d9dece;font-size:13px;display:flex;align-items:center;justify-content:center;gap:10px}.dot{height:5px;width:5px;background:var(--green);border-radius:50%}.mutqin-section{background:#e9edde;overflow:hidden}.mutqin{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding-top:74px;min-height:720px}.mutqin h2{font-size:46px}.mutqin-copy{padding-bottom:70px}.mutqin-copy>p{max-width:420px;margin-top:23px;color:#65715f}.mutqin ul{list-style:none;padding:0;margin:32px 0;display:grid;gap:15px}.mutqin li{display:flex;gap:18px;align-items:center;font-size:15px}.mutqin li span{font-size:10px;border:1px solid #bccab1;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;color:#778d6e}.mutqin-copy .mutqin-note{font-size:11px;max-width:380px;color:#78836f}.mutqin-art{height:646px;position:relative;direction:ltr;align-self:end}.mutqin-phone{width:285px;transform:rotate(6deg);position:absolute;left:15%;top:65px}.mutqin-ring{width:520px;height:520px;border:1px solid #c8d3b9;position:absolute;top:60px;left:-10%;border-radius:50%}.mutqin-ring:before{content:'';position:absolute;inset:30px;border:1px solid #ced7c0;border-radius:50%}.voice-tag{background:#faf9f1;border:1px solid #dce3cd;box-shadow:0 16px 35px #34442212;position:absolute;left:5px;top:290px;border-radius:12px;padding:19px 24px;display:flex;direction:rtl;gap:22px;align-items:center;font-size:15px}.voice-tag small{font-size:12px;color:var(--muted)}.companions-grid{display:grid;grid-template-columns:repeat(3,1fr)}.companions-grid article{padding:0 35px;border-left:1px solid var(--line)}.companions-grid article:first-child{padding-right:0}.companions-grid article:last-child{border:0}.line-icon{width:50px;height:50px;display:grid;place-items:center;border:1px solid #c8d1bd;border-radius:50%;font-size:29px;color:var(--green);margin-bottom:26px}.companions-grid h3{font-size:24px;margin-bottom:15px}.companions-grid p{color:var(--muted);font-size:15px;max-width:300px;line-height:1.95}.mini-label{margin-top:28px;display:block;color:#9b885d;font-size:11px}.film-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding:54px;background:#eeeee4;border-radius:14px;direction:ltr}.film-copy{direction:rtl}.film-copy h2{font-size:35px}.film-copy p{font-size:15px;color:var(--muted);margin-top:22px}.film-art{height:345px;background:#e5e5d7;border-radius:10px;overflow:hidden;position:relative;display:flex;justify-content:center}.film-art>img{height:100%;width:195px;object-fit:cover;transform:rotate(-8deg) scale(1.2)}.large-play{position:absolute;inset:calc(50% - 32px) auto auto calc(50% - 32px);width:64px;height:64px;background:#fffdf2;color:var(--green);border:1px solid #d1c297;box-shadow:0 5px 25px #132d2440;border-radius:50%;font-size:32px}.text-button{background:none;border:0;border-bottom:1px solid #bcbfae;font-size:14px;padding:0 0 8px;margin-top:30px;display:flex;gap:45px}.faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.faq>div>p{font-size:14px;color:var(--muted);margin-top:18px}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;padding:23px 0;font-size:16px;display:flex;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:23px;color:#9b9f87;line-height:1}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{color:#727b69;font-size:14px;line-height:1.95;padding:0 0 24px 30px}.download{background:#e7ecdd;padding:72px 30px;position:relative;text-align:center;border-radius:12px;overflow:hidden;isolation:isolate}.download h2{font-size:51px}.download>p:not(.availability){margin-top:23px;font-size:16px;color:#708364}.download .stores{justify-content:center}.download-arc{position:absolute;width:720px;height:720px;left:calc(50% - 360px);top:60px;border:1px solid #cfd8bf;border-radius:50%;z-index:-1}.download-arc:after{content:'';position:absolute;inset:25px;border:1px solid #d4ddc7;border-radius:50%}footer{padding-block:45px;display:flex;justify-content:space-between;gap:25px;align-items:center}footer img{height:auto;width:113px}footer p{font-size:11px;color:#7b836f;margin-top:9px}.footer-links{display:flex;gap:27px;font-size:12px}footer small{font-size:11px;color:#87917e}dialog{background:#f7f3e8;padding:0;border:0;border-radius:15px;max-height:90vh;max-width:90vw;overflow:visible}dialog::backdrop{background:#072218d9;backdrop-filter:blur(6px)}dialog video{display:block;max-height:86vh;max-width:86vw;border-radius:15px}.close-video{position:absolute;left:-43px;top:0;width:33px;height:33px;border-radius:50%;border:0;background:white;font-size:25px}.skip{position:fixed;top:-100px;right:20px;z-index:20;background:white;padding:10px}.skip:focus{top:10px}
@media(min-width:1500px){.hero{min-height:770px}.hero-art{transform:scale(1.04)}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.header nav{gap:18px}.hero{gap:0;min-height:650px}h1{font-size:64px}.hero-art{transform:scale(.84);transform-origin:center;height:580px;margin-inline:-30px}.lead{font-size:16px}.store{min-width:150px;padding:10px 12px}.store strong{font-size:17px}.section-heading p{max-width:280px}.experience-body,.mutqin,.faq,.film-section{gap:40px}h2{font-size:36px}.mutqin h2{font-size:38px}.mutqin-phone{left:10%}.journey>div{gap:16px}.companions-grid article{padding-inline:24px}.film-section{padding:35px}.film-copy h2{font-size:30px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{height:85px}.brand img{width:104px}.header nav{display:none}.nav-cta{padding:7px 18px;font-size:12px}.hero{grid-template-columns:1fr;padding-top:43px;padding-bottom:10px;gap:10px}.hero-copy{text-align:center}.hero-copy .eyebrow{justify-content:center;margin-bottom:15px;font-size:11px}h1{font-size:65px;letter-spacing:-2px;line-height:1.18;margin-bottom:22px}h1 br{display:none}.lead{font-size:15px;line-height:1.85;margin-inline:auto;max-width:330px}.stores{justify-content:center;gap:10px;margin-top:23px}.store{min-width:149px;padding:11px 14px}.store strong{font-size:17px}.store small{font-size:9px}.store svg{width:22px;height:26px}.availability{font-size:10px}.film-button{margin:20px auto 0}.film-button small{display:inline;margin-right:6px}.play-circle{width:31px;height:31px;font-size:17px}.hero-art{height:490px;width:360px;max-width:100%;margin:8px auto 0;transform:none}.phone-front{width:186px;left:44%;top:47px;border-radius:28px}.phone-back{width:174px;left:5%;top:85px;border-radius:28px}.phone img{border-radius:20px}.arch{inset:0 4% 29px}.orbit{inset:65px 0 80px}.quiet-note{bottom:19px;left:19%;padding:9px 15px;font-size:11px}.art-label{font-size:9px;left:28px}.journey{display:block;text-align:center;padding:20px 0}.journey>span{font-size:11px}.journey>div{justify-content:center;gap:13px;font-size:12px;margin-top:10px}.journey b{font-size:8px}.section{padding-block:65px}.section-heading{display:block;margin-bottom:27px}.section-heading h2,h2{font-size:32px}.section-heading p{margin-top:18px;font-size:13px;max-width:none}.eyebrow{font-size:11px;margin-bottom:15px}.experience-body{grid-template-columns:1fr;gap:25px}.feature{padding:21px 12px;gap:13px}.feature strong{font-size:20px}.feature small{font-size:12px;max-width:265px}.feature-stage{height:470px;border-radius:155px 155px 10px 10px;padding-top:30px}.feature-phone{width:210px}.stage-word{font-size:120px}.stage-caption{font-size:11px;padding:15px}.mutqin{grid-template-columns:1fr;padding-top:50px;gap:0}.mutqin-copy{padding-bottom:10px}.mutqin h2{font-size:35px}.mutqin-copy>p{font-size:14px;margin-top:18px}.mutqin ul{margin:25px 0;gap:12px}.mutqin li{font-size:14px}.mutqin-art{height:450px;width:330px;max-width:100%;margin:auto}.mutqin-phone{width:235px;left:19%;top:25px}.mutqin-ring{width:370px;height:370px;left:-7%;top:40px}.voice-tag{left:-2px;top:205px;padding:13px 17px;font-size:13px;gap:14px}.companions-grid{grid-template-columns:1fr;gap:0}.companions-grid article,.companions-grid article:first-child{padding:26px 0;border-left:0;border-bottom:1px solid var(--line)}.line-icon{float:left;width:43px;height:43px;font-size:24px}.companions-grid h3{font-size:23px}.companions-grid p{font-size:14px;max-width:280px}.mini-label{margin-top:15px}.film-section{grid-template-columns:1fr;gap:30px;padding:24px;direction:rtl}.film-art{height:270px;order:2}.film-copy h2{font-size:28px}.film-copy p{font-size:14px}.faq{grid-template-columns:1fr;gap:25px}.faq summary{font-size:14px}.faq details p{font-size:13px;padding-left:0}.download{padding:50px 20px}.download h2{font-size:38px}.download .store{min-width:136px;padding:10px}.download .stores{gap:8px}.download .store strong{font-size:16px}.download>p:not(.availability){font-size:13px}.download-arc{width:450px;height:450px;left:calc(50% - 225px)}footer{flex-wrap:wrap;padding-block:35px;align-items:start}.footer-links{gap:13px;flex-direction:column;font-size:11px}footer small{width:100%;border-top:1px solid var(--line);padding-top:18px;text-align:center}.close-video{left:0;top:-40px}}
/* Final mobile pass: contain the architectural lines, keep Arabic words separated. */
.hero-art{overflow:clip}.hero-copy,.hero-art{min-width:0}
@media(max-width:700px){.hero{grid-template-columns:minmax(0,1fr)}h1{font-size:56px}h1 br{display:block}.hero-art{width:min(330px,100%)}.phone-back{left:9%;width:165px}.phone-front{left:43%;width:179px}.journey>div{gap:10px}.stores{flex-wrap:nowrap}.store{min-width:0;flex:0 1 165px}.store strong{font-size:16px}.hero-art{height:475px}}
.line-icon svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}