@font-face{font-family:Tajawal;src:url(assets/tajawal_regular.ttf) format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Tajawal;src:url(assets/tajawal_bold.ttf) format('truetype');font-weight:700 900;font-display:swap}
:root{--orange:#ff7a00;--navy:#0f172a;--cream:#fff8f1;--muted:#707783;--line:#e9dfd5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--navy);font:400 18px/1.7 Tajawal,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #276baf;outline-offset:6px}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:700;line-height:1.22}.wrap{width:min(1220px,calc(100% - 88px));margin:auto}.pattern{position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:url(assets/shopping-pattern.svg);background-size:480px 384px;animation:drift 28s ease-in-out infinite alternate;opacity:.75}.skip{position:absolute;top:-100px;background:var(--navy);color:white;padding:12px}.skip:focus{top:0;z-index:100}.header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand img{width:47px;height:47px;border-radius:13px}.word{direction:ltr;font:900 25px/1 Arial,sans-serif;letter-spacing:-1px}.word b{color:var(--orange)}.nav{display:flex;gap:30px;color:#5f6672;font-size:15px}.nav a:hover{color:var(--orange)}.nav-download{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700}.nav-download svg{width:18px;height:18px}.hero{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;min-height:740px;gap:20px;padding:48px 0 64px}.eyebrow{font-size:14px;font-weight:700;letter-spacing:.3px;display:flex;align-items:center;gap:10px;color:#a15417}.eyebrow:before{content:'';width:24px;height:2px;background:var(--orange)}h1{font-size:clamp(52px,5.4vw,76px);letter-spacing:-2px;margin:25px 0 22px}h1 em{font-style:normal;color:var(--orange);position:relative;white-space:nowrap}h1 em:after{content:'';position:absolute;bottom:-7px;right:2%;width:94%;height:10px;border-bottom:3px solid var(--orange);border-radius:50%;transform:rotate(-3deg)}.hero-copy>p{max-width:430px;font-size:20px;color:#69717b;line-height:1.9}.actions{display:flex;align-items:stretch;gap:13px;margin:30px 0 17px;flex-wrap:wrap}.download{display:inline-flex;align-items:center;justify-content:center;gap:13px;border:0;background:var(--orange);color:white;padding:17px 26px;border-radius:14px;box-shadow:0 8px 24px #f8790024;font-weight:700;font-size:18px;transition:transform .2s,background .2s}.download:hover{background:#ec6e00;transform:translateY(-2px)}.download svg{width:25px;height:25px}.store-soon{display:flex;align-items:center;gap:10px;border:1px solid #ded8d1;border-radius:14px;padding:10px 17px;line-height:1.2;direction:ltr;background:#fff9}.store-soon svg{width:24px;height:28px;opacity:.7}.store-soon small{display:block;font:11px/1.5 Arial;color:#7d8189;letter-spacing:.5px}.store-soon strong{font:700 16px/1.5 Arial;color:#5b6472}.file-note{font-size:12px;color:#83858b;display:flex;gap:9px;align-items:center;flex-wrap:wrap}.file-note span+span:before{content:'·';margin-left:9px}.hero-art{height:610px;position:relative;direction:ltr;isolation:isolate}.orbit{position:absolute;width:540px;height:540px;border:1px solid #efb88450;border-radius:50%;left:50%;top:53%;transform:translate(-50%,-50%);background:radial-gradient(circle,#ffe3c35c 0,transparent 68%);z-index:-1}.orbit:after{content:'';position:absolute;inset:37px;border:1px dashed #e9b68560;border-radius:50%}.phone{background:#fff8f1;border:7px solid #101725;border-radius:39px;position:absolute;overflow:hidden;box-shadow:15px 28px 55px #4e2b1a29,inset 0 0 0 1px #b8b9bd;direction:rtl}.phone:after{content:'';position:absolute;width:33%;height:4px;background:#101725;border-radius:6px;bottom:8px;left:33.5%}.phone-front{width:244px;height:514px;left:60px;top:49px;transform:rotate(-9deg);z-index:3}.phone-back{width:218px;height:465px;left:263px;top:124px;transform:rotate(10deg);z-index:2}.phone-top{height:25px;padding:4px 12px;font:700 9px Arial;display:flex;justify-content:space-between;direction:ltr}.camera{position:absolute;top:7px;left:48%;width:7px;height:7px;border-radius:50%;background:#141a25}.phone-brand{display:flex;justify-content:center;padding:12px 4px 9px}.phone-brand .word{font-size:17px;letter-spacing:-.7px}.phone-search{background:white;border:1px solid #ece2d9;color:#9099a7;margin:8px 10px 13px;padding:8px;border-radius:9px;font-size:9px;display:flex;gap:10px;align-items:center}.phone-search svg{width:12px;height:12px}.mini-cats{display:flex;margin:0 10px 12px;gap:7px}.mini-cat{flex:1;text-align:center;font-size:9px;font-weight:700}.swatch{display:block;aspect-ratio:1;background-image:url(assets/fashion_atlas.webp);background-size:100% 200%;border-radius:9px;margin-bottom:4px}.swatch.kids{background-position:0 100%}.swatch.dress{background-image:url(assets/category_atlas.webp);background-size:300% 200%}.mini-banner{margin:0 10px;padding:12px 9px;border-radius:12px;background:#ff7a00;display:grid;grid-template-columns:1fr 1fr;gap:5px;align-items:center;color:white}.mini-banner b{font-size:18px;line-height:1.3}.mini-banner small{font-size:8px;display:block;margin-top:10px}.mini-banner .swatch{margin:0;border-radius:8px}.mini-title{display:flex;justify-content:space-between;font-size:11px;font-weight:700;margin:16px 12px 7px}.mini-title span{font-size:8px;color:var(--orange)}.mini-products{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 10px}.mini-products>div{background:white;padding:5px;border-radius:10px;border:1px solid #ece5de}.mini-products small{font-size:9px;display:block}.mini-products .swatch{height:67px;aspect-ratio:auto}.phone-bottom{position:absolute;bottom:16px;left:0;right:0;height:37px;background:white;display:flex;align-items:center;justify-content:space-around;font-size:16px;border-top:1px solid #eee7df}.phone-bottom span:first-child{color:var(--orange)}.phone-back .brand-art{width:190px;margin:9px auto 0;mix-blend-mode:multiply}.phone-back h3{text-align:center;font-size:24px;line-height:1.35;margin:7px 15px}.phone-back p{font-size:10px;text-align:center;color:#79818b;margin:12px}.mini-button{display:block;background:var(--orange);border-radius:8px;color:white;text-align:center;margin:18px 16px;padding:8px;font-size:12px;font-weight:700}.float-icon{width:83px;height:83px;border-radius:21px;position:absolute;right:10px;top:40px;z-index:4;transform:rotate(9deg);box-shadow:0 14px 30px #a44f0825;animation:bob 7s ease-in-out infinite}.float-label{background:#fffefb;border:1px solid #eaded0;box-shadow:0 13px 33px #5a3a1210;border-radius:15px;padding:11px 18px;position:absolute;font-size:14px;font-weight:700;z-index:5;display:flex;align-items:center;gap:9px}.float-label svg{width:20px;height:20px;color:var(--orange)}.label-one{left:13px;bottom:5px;transform:rotate(-4deg)}.label-two{right:0;top:267px;transform:rotate(5deg)}.star-spark{position:absolute;font-size:39px;color:#ff9b3f;top:2px;left:51px}.tiny-caption{position:absolute;bottom:-30px;left:0;right:0;text-align:center;color:#8a8a8a;font-size:10px}.category-strip{padding:38px 0 76px;border-top:1px solid var(--line)}.section-intro{display:flex;align-items:baseline;justify-content:space-between;gap:25px;margin-bottom:32px}.section-intro h2{font-size:32px}.section-intro p{font-size:15px;color:var(--muted)}.categories{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.category{min-width:0;text-align:center}.cat-image{aspect-ratio:1;background-color:#f7ecdf;border-radius:50%;background-repeat:no-repeat;transition:transform .35s;background-size:100% 200%;border:1px solid #ebdfd3;margin-bottom:13px}.category:hover .cat-image{transform:translateY(-7px) rotate(-4deg)}.category h3{font-size:17px}.cat-men{background-image:url(assets/fashion_atlas.webp)}.cat-women{background-image:url(assets/category_atlas.webp);background-size:300% 200%}.cat-kids{background-image:url(assets/fashion_atlas.webp);background-position:0 100%}.cat-shoes{background-image:url(assets/shoes_crochet_atlas.webp);background-size:200% 200%}.cat-bags{background-image:url(assets/category_atlas.webp);background-size:300% 200%;background-position:100% 100%}.cat-crochet{background-image:url(assets/shoes_crochet_atlas.webp);background-size:200% 200%;background-position:100% 100%}.journey{padding:90px 0;background:#fffef9c9;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.journey-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:100px;align-items:center}.journey-visual{position:relative}.journey-visual img{width:100%;max-height:550px;object-fit:contain;mix-blend-mode:multiply}.journey-note{position:absolute;bottom:25px;right:25px;display:flex;gap:10px;align-items:center;font-size:13px;color:#7a5f44}.journey-note:before{content:'';width:30px;height:1px;background:#bc9975}.journey h2{font-size:46px;letter-spacing:-1px;margin:18px 0 30px}.steps{border-right:1px solid #e8dccc;padding-right:28px;display:grid;gap:27px}.step{position:relative}.step:before{content:'';position:absolute;right:-34px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--cream);border:2px solid var(--orange)}.step h3{font-size:20px;margin-bottom:7px}.step h3 small{color:var(--orange);font-size:13px;margin-left:10px}.step p{color:var(--muted);font-size:16px;max-width:350px}.download-section{padding:100px 0 75px}.download-stage{background:var(--navy);color:white;border-radius:32px;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:50px;padding:65px 70px}.download-stage:before{content:'';position:absolute;width:440px;height:440px;border:1px solid #ffffff12;border-radius:50%;left:-110px;top:-180px;box-shadow:0 0 0 65px #ffffff03,0 0 0 130px #ffffff03;pointer-events:none}.download-stage h2{font-size:45px;letter-spacing:-1px;margin:14px 0 15px}.download-stage p{color:#bfc4d0;font-size:17px}.download-stage .eyebrow{color:#ffad65}.download-stage .actions{margin-bottom:12px}.download-stage .file-note{color:#adb4c4}.download-stage .store-soon{background:transparent;border-color:#ffffff35}.download-stage .store-soon small,.download-stage .store-soon strong{color:#c7cdd6}.qr{position:relative;text-align:center;flex:0 0 160px}.qr img{width:150px;height:150px;background:white;border-radius:16px;padding:11px;margin:0 auto 12px}.qr p{font-size:12px;color:#c3c8d1}.share{background:none;border:0;color:var(--orange);padding:0;font-weight:700;font-size:14px;display:flex;gap:7px;align-items:center;margin-top:15px}.share svg{width:15px;height:15px}.faq{padding:10px 0 80px;display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.faq h2{font-size:32px;margin:10px 0}.faq>div>p{font-size:16px;color:var(--muted)}.faq a{color:#b55200;text-decoration:underline;text-underline-offset:4px}.faq details{border-bottom:1px solid #e4dacf;padding:17px 0}.faq summary{font-size:19px;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';color:var(--orange);font:400 24px Arial}.faq details[open] summary:after{content:'−'}.faq details p{color:var(--muted);font-size:16px;line-height:1.9;padding:14px 0 3px}.footer{border-top:1px solid var(--line);padding:28px 0 35px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer .brand img{width:37px;height:37px;border-radius:10px}.footer .word{font-size:20px}.footer-links{display:flex;gap:24px;font-size:14px;color:#777b83}.footer small{font-size:12px;color:#81848b}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);border-radius:12px;padding:12px 22px;background:var(--navy);color:white;font-size:15px;z-index:20;box-shadow:0 8px 30px #0002}.toast:empty{display:none}@keyframes drift{to{transform:translateY(-12px)}}@keyframes bob{50%{transform:translateY(-9px) rotate(5deg)}}
@media(min-width:1500px){.hero{min-height:780px}.hero-art{transform:scale(1.06)}}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.hero{grid-template-columns:1fr 1fr;gap:10px}.hero-art{transform:scale(.83);transform-origin:center;min-width:500px;margin-left:-65px;margin-right:-50px}.hero-copy{z-index:5}h1{font-size:59px}.hero-copy>p{font-size:18px}.download{padding:16px 20px;font-size:16px}.store-soon{padding:10px 13px}.nav{gap:20px}.categories{gap:13px}.journey-layout{gap:40px}.download-stage{padding:45px}.faq{gap:50px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:81px}.brand img{width:39px;height:39px}.word{font-size:22px}.nav{display:none}.nav-download{font-size:13px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:48px 0 38px;gap:12px;min-height:auto}.hero-copy{text-align:center}.eyebrow{justify-content:center;font-size:12px}h1{font-size:57px;margin:20px 0 25px;letter-spacing:-1.8px}.hero-copy>p{font-size:17px;max-width:360px;margin:auto;line-height:1.8}.actions{justify-content:center;margin:24px 0 14px;gap:10px}.download{font-size:16px;padding:15px 19px}.store-soon{padding:8px 12px}.store-soon strong{font-size:14px}.file-note{justify-content:center;font-size:11px}.hero-art{width:500px;min-width:500px;height:570px;align-self:center;margin:0 -70px -65px;transform:scale(.78);transform-origin:top center}.phone-front{left:47px}.phone-back{left:255px}.label-one{left:32px}.label-two{right:6px}.float-icon{right:25px;top:25px}.tiny-caption{bottom:-4px}.section-intro{display:block;text-align:center;margin-bottom:25px}.section-intro h2{font-size:28px}.section-intro p{font-size:13px;margin-top:9px}.categories{grid-template-columns:repeat(3,1fr);gap:24px 20px;max-width:430px;margin:auto}.category h3{font-size:15px}.category-strip{padding:30px 0 45px}.cat-image{margin-bottom:8px}.journey{padding:48px 0}.journey-layout{display:flex;flex-direction:column-reverse;gap:20px}.journey-copy{width:100%}.journey h2{text-align:center;font-size:36px;margin:16px 0 30px}.steps{max-width:390px;margin:auto;padding-right:24px;gap:24px}.step:before{right:-30px}.step h3{font-size:20px}.step p{font-size:15px}.journey-visual{max-width:350px}.journey-visual img{max-height:400px}.journey-note{bottom:5px;font-size:11px}.download-section{padding:45px 0}.download-stage{padding:35px 20px;border-radius:24px;display:block;text-align:center}.download-stage h2{font-size:34px}.download-stage p{font-size:15px}.qr{margin:30px auto 0;width:145px}.qr img{width:115px;height:115px}.qr p{font-size:11px}.share{justify-content:center;margin:18px auto 0}.faq{grid-template-columns:1fr;gap:20px;padding:5px 0 40px}.faq>div:first-child{text-align:center}.faq h2{font-size:28px}.faq summary{font-size:17px}.faq details p{font-size:15px}.footer{flex-direction:column;gap:18px;padding:25px 0}.footer-links{font-size:13px;gap:20px}.footer small{font-size:11px}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}h1{font-size:49px}.hero-art{transform:scale(.66);margin-bottom:-125px}.actions{flex-direction:column;align-items:center}.download,.store-soon{min-width:220px}.store-soon{justify-content:center}.categories{gap:22px 14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.qr img{padding:0;background:transparent;border-radius:30px}

body{overflow-x:clip}.hero-copy [dir=ltr]{white-space:nowrap}
@media(max-width:760px){.header{gap:12px}.brand{gap:8px}.nav-download{gap:6px;white-space:nowrap}}
@media(max-width:370px){.header .word{font-size:17px}.header .brand img{width:33px;height:33px}.header .nav-download{font-size:11px}.header .nav-download svg{width:15px;height:15px}}

/* Maintain brand surfaces while keeping key text readable. */
.download{color:var(--navy)}h1 em{color:#cd5b00}.file-note{color:#66707a}.tiny-caption{color:#6e7277}.store-soon small{color:#626b77}.footer small,.footer-links{color:#626974}:root{--muted:#646d78}

@media(max-width:760px){h1{font-size:51px}}
@media(max-width:370px){h1{font-size:43px}}

/* Lock each approved phrase to one line inside the illustrative phones. */
.mini-banner{grid-template-columns:1.4fr 1fr;gap:7px;padding:16px 9px;min-height:142px}
.mini-banner b{display:block;font-size:14px;line-height:1.7;text-align:center;letter-spacing:-.2px}
.mini-banner b span,.phone-back h3 span{display:block;white-space:nowrap}
.mini-banner small{margin-top:12px;text-align:center}
.phone-back h3{font-size:21px;line-height:1.5;margin:7px 10px}

/* App-like banner: balanced photo, two-line title and compact white action. */
.mini-banner{grid-template-columns:1.22fr 1fr;gap:7px;padding:14px 7px;background:linear-gradient(125deg,#ff9c12,#ff7300)}
.mini-banner small{display:block;background:#fff;color:#a64700;border-radius:999px;padding:4px 3px;font-size:7px;line-height:1.5}