@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;font-display:swap}
:root{--cream:#fef7ed;--surface:#fffcf8;--sand:#f5e6d9;--red:#e63946;--strong:#d91f32;--ink:#0f172a;--muted:#756d68;--line:#e9ded2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Tajawal,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}img{max-width:100%;display:block}button,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--strong);outline-offset:6px}::selection{background:#f4c95d;color:var(--ink)}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;top:-70px;right:20px;background:var(--ink);color:white;padding:15px;z-index:50}.skip:focus{top:15px}.header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:9px;font-size:25px;letter-spacing:-.8px;font-weight:700;white-space:nowrap}.brand img{object-fit:contain;background:var(--sand);border-radius:50%;padding:2px}.brand b{color:var(--red)}.brand-sub{display:block;font-size:11px;letter-spacing:0;text-align:center;margin-top:2px;font-weight:400}.header nav{display:flex;gap:32px;align-items:center;font-size:15px;font-weight:700}.header nav a{position:relative;padding:12px 0}.header nav a:after{content:'';position:absolute;bottom:3px;right:0;width:0;height:2px;background:var(--red);transition:width .2s}.header nav a:hover:after{width:100%}.menu{display:none}.hero{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:740px;padding-block:52px 96px;gap:40px}.eyebrow{font-size:14px;font-weight:700;display:flex;align-items:center;gap:10px;margin:0 0 27px}.dot{width:7px;height:7px;background:var(--red);border-radius:50%;box-shadow:0 0 0 5px #e6394610}h1,h2,p{margin-top:0}h1{font-size:clamp(65px,7.1vw,102px);line-height:1.23;letter-spacing:-3.8px;margin-bottom:24px}h2{font-size:clamp(35px,4vw,54px);line-height:1.28;letter-spacing:-1.4px;font-weight:700;margin-bottom:22px}.red-word{color:var(--red);position:relative}.red-word:after{content:'';position:absolute;bottom:-3px;right:0;width:92%;height:7px;background:var(--red);border-radius:50%;transform:rotate(-3deg)}.hero-description{font-size:23px;line-height:1.8;color:var(--muted);margin-bottom:29px}.store-row{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.store-button{border:0;background:var(--ink);color:var(--surface);border-radius:16px;display:flex;align-items:center;gap:25px;padding:13px 23px;min-width:180px;text-align:right;box-shadow:0 8px 20px #0f172a12;transition:transform .2s,background .2s}.store-button:hover{transform:translateY(-4px);background:#222e46}.store-button small{font-size:12px;display:block;margin-bottom:3px}.store-button strong{display:block;font-size:25px;line-height:1.1;letter-spacing:-.5px}.store-arrow{font-size:30px}.android{display:flex;align-items:center;gap:8px;color:#57534f}.android strong{font-size:16px;display:block}.android small{font-size:11px;display:block;margin-top:4px}.android-symbol{font-family:Arial;line-height:.48;text-align:center;color:#777466;font-size:21px;margin-left:2px}.soon{font-size:11px;padding:5px 8px;background:var(--sand);border-radius:8px;margin-right:7px}.hero-note{font-size:13px;color:var(--muted);margin:21px 0 0}.hero-art{position:relative;min-height:570px;direction:ltr;isolation:isolate}.orbit{border:1px solid #e1cbbb80;border-radius:50%;position:absolute;width:540px;height:540px;left:50%;top:35px;transform:translateX(-50%);z-index:-1}.orbit-two{width:420px;height:420px;top:95px;background:radial-gradient(ellipse,#f2decb90,transparent 72%);border-color:#e1cbbb50}.phone{border:7px solid #29282a;border-radius:40px;position:relative;box-shadow:0 2px 0 2px #ad9c90,0 30px 60px -12px #39251b38;overflow:hidden;background:var(--surface);direction:ltr}.phone img{width:100%;height:auto}.phone-island{width:27%;height:15px;border-radius:0 0 12px 12px;background:#29282a;position:absolute;top:0;left:36.5%}.hero-phone{width:247px;position:absolute;left:100px;top:9px;transform:rotate(-9deg)}.hero-mascot{position:absolute;width:330px;height:330px;object-fit:contain;bottom:-12px;left:215px;filter:drop-shadow(0 14px 12px #54352815);animation:mascot-enter .9s ease both}.floating-note{display:flex;gap:12px;align-items:center;position:absolute;left:-10px;top:338px;direction:rtl;background:#fffcf8eb;backdrop-filter:blur(12px);border:1px solid #fff;border-radius:17px;padding:17px 21px;box-shadow:0 12px 40px #563c2510;transform:rotate(5deg);font-size:14px;line-height:1.6;z-index:3}.note-check{background:#f2e3d3;color:var(--strong);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:19px}.facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f8eee3}.facts-inner{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-block:33px}.facts-inner>div{display:flex;align-items:center;gap:16px}.facts b{font-size:36px;line-height:1;letter-spacing:-1px}.facts div span{font-size:14px;color:var(--muted)}.facts i{width:1px;height:37px;background:#dfcfc1}.fact-sign{font-size:14px;line-height:1.5;display:flex;align-items:center;gap:30px}.fact-sign>span{font-size:28px;color:var(--red)}.idea{padding-block:110px 90px;position:relative;max-width:1000px}.idea>.eyebrow{justify-content:center}.idea h2{font-size:clamp(43px,5vw,70px);text-align:center;letter-spacing:-2px}.idea h2 span{color:var(--red)}.idea>p:not(.eyebrow){font-size:20px;text-align:center;line-height:1.85;color:var(--muted)}.idea-bottom{border-top:1px solid var(--line);padding-top:25px;margin-top:36px;display:flex;gap:30px;align-items:center;justify-content:center}.handwritten{font-size:27px;font-weight:700;transform:rotate(-5deg);color:var(--strong)}.tiny-line{width:50px;height:1px;background:var(--red)}.idea-bottom p{font-size:15px;color:var(--muted);line-height:1.7;margin:0}.idea-bottom img{transform:rotate(8deg);margin-right:20px}.section-pad{padding-block:90px}.how{background:var(--surface);border-block:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:50px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:17px;line-height:1.8;color:var(--muted);margin-bottom:5px}.how-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:90px;align-items:center}.step{display:flex;align-items:start;gap:22px;text-align:right;background:none;border:0;border-top:1px solid var(--line);width:100%;padding:29px 0;transition:opacity .2s}.step:last-child{border-bottom:1px solid var(--line)}.step-number{font-size:18px;line-height:1.7;color:#a09891;transition:color .2s}.step strong{font-size:26px;display:block;margin-bottom:10px}.step>span:nth-child(2)>span{font-size:17px;line-height:1.8;color:var(--muted);display:block;max-width:340px}.step-arrow{font-size:28px;margin-right:auto;opacity:0}.step.active .step-number,.step.active strong,.step.active .step-arrow{color:var(--strong)}.step.active .step-arrow{opacity:1}.step:hover strong{color:var(--strong)}.screen-stage{border-radius:32px;min-height:630px;background:var(--sand);display:flex;align-items:center;flex-direction:column;padding:28px 20px 20px;position:relative;overflow:hidden}.stage-tag{position:absolute;top:45px;right:25px;writing-mode:vertical-rl;font-size:12px;color:var(--muted);letter-spacing:2px}.step-phone{width:228px;border-width:6px;border-radius:36px;transform:rotate(5deg);box-shadow:0 2px 0 2px #bca99b,0 20px 40px #39251b24}.screen-stage>p{font-size:12px;color:var(--muted);margin:28px 0 0;text-align:center}.screenshot-note{font-size:11px;color:var(--muted);line-height:1.7;text-align:left;margin:22px 0 0;max-width:640px;margin-right:auto}.red-text{color:var(--red)}.reading-mascot{object-fit:contain;height:190px;flex-shrink:0;margin-bottom:-20px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.category{position:relative;aspect-ratio:1.15;overflow:hidden;border:0;border-radius:23px;background:var(--sand);text-align:right;padding:0;isolation:isolate}.category:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0e111bdb,transparent 75%);z-index:-1}.category>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:-2;transition:transform .6s}.category:hover>img{transform:scale(1.06)}.category-content{position:absolute;bottom:24px;right:25px;left:25px;color:#fff}.category small{font-size:13px;display:block;margin-bottom:7px;color:#f6ecdf}.category strong{font-size:27px;display:block}.category-arrow{position:absolute;left:0;bottom:0;width:35px;height:35px;border:1px solid #ffffff60;border-radius:50%;display:grid;place-items:center;font-size:20px;transition:background .2s}.category:hover .category-arrow{background:var(--red)}.category-foot{text-align:center;font-size:14px;color:var(--muted);margin:27px 0 0}.your-pace{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;border-block:1px solid var(--line);padding-block:65px;direction:ltr}.pace-art{position:relative;display:flex;justify-content:center;align-items:center;min-height:340px;background:radial-gradient(ellipse,#eedcc8a0,transparent 65%)}.pace-art img{height:330px;object-fit:contain}.pace-sticker{position:absolute;bottom:25px;right:20px;background:#f4c95d;padding:12px 20px;border-radius:10px;transform:rotate(-9deg);font-size:21px;font-weight:700}.pace-copy{direction:rtl;align-self:center}.pace-copy>p:not(.eyebrow){font-size:18px;line-height:1.8;color:var(--muted);max-width:470px}.pace-details{display:flex;gap:50px;margin-top:28px}.pace-details span{font-size:13px;color:var(--muted)}.pace-details b{font-size:17px;color:var(--ink);display:block;margin-bottom:7px}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:90px}.faq-intro img{object-fit:contain;transform:rotate(6deg);margin:20px 60px 0 0}.faq-list details{border-bottom:1px solid var(--line);padding:24px 0}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:21px;font-weight:700;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:24px;font-weight:400;color:var(--strong);transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:16px;color:var(--muted);line-height:1.9;margin:18px 0 0;max-width:540px}.download{position:relative;background:var(--red);border-radius:32px;overflow:hidden;min-height:440px;padding:65px;isolation:isolate;color:var(--surface)}.download:before{content:'';position:absolute;width:600px;height:600px;border:1px solid #ffffff25;border-radius:50%;left:-140px;top:-60px;z-index:-1}.download:after{content:'';position:absolute;width:470px;height:470px;border:1px solid #ffffff25;border-radius:50%;left:-75px;top:10px;z-index:-1}.download-copy{position:relative;z-index:2;max-width:690px}.download-eyebrow{font-size:15px;display:block;margin-bottom:20px;color:#ffe3db}.download h2{font-size:clamp(35px,3.8vw,53px);margin-bottom:16px;letter-spacing:-1.5px}.download p{font-size:19px;color:#ffe3db;margin-bottom:28px}.light{background:var(--surface);color:var(--ink);box-shadow:none}.light:hover{background:var(--cream)}.android-soon{display:flex;gap:12px;align-items:center;font-size:15px}.android-soon span{font-size:12px;border:1px solid #ffffff50;border-radius:7px;padding:5px 10px}.celebrate-mascot{width:410px;height:410px;object-fit:contain;position:absolute;left:0;bottom:-20px;z-index:1;filter:drop-shadow(0 20px 15px #9c152522)}.download-spark{font-size:47px;position:absolute;left:28%;top:50px;color:#f4c95d}.footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:30px;padding-block:45px 28px}.footer .brand{font-size:22px}.footer p{font-size:14px;color:var(--muted);margin:0}.footer>div{display:flex;gap:22px;font-size:13px}.text-button{background:none;border:0;padding:0;font-size:13px}.footer small{width:100%;text-align:center;border-top:1px solid var(--line);padding-top:22px;font-size:11px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:25px;padding:35px;max-width:510px;width:calc(100% - 32px);background:var(--cream);color:var(--ink);text-align:center;box-shadow:0 25px 100px #0f172a30;max-height:90dvh;overflow:auto}dialog::backdrop{background:#0f172a70;backdrop-filter:blur(5px)}dialog>img{margin:0 auto 15px;object-fit:contain}dialog .eyebrow{justify-content:center;font-size:12px;margin-bottom:18px}dialog h2{font-size:31px}#dialog-body p{font-size:17px;line-height:1.8;color:var(--muted);overflow-wrap:anywhere}.dialog-close{position:absolute;top:12px;left:14px;background:none;border:0;font-size:30px;width:38px;height:38px}.dialog-done{background:var(--red);color:white;border:0;padding:13px 25px;border-radius:12px;margin-top:12px;font-weight:700}.will-reveal{opacity:0;transform:translateY(20px);transition:opacity .65s,transform .65s}.will-reveal.visible{opacity:1;transform:translateY(0)}@keyframes mascot-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.hero{min-height:800px}.hero-art{transform:scale(1.06)}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header nav{gap:20px}.header{gap:20px}.brand{font-size:23px}.hero{gap:10px;min-height:700px}h1{font-size:80px}.hero-art{transform:scale(.85);transform-origin:center;min-height:570px;margin-inline:-20px}.hero-description{font-size:21px}.hero .store-row{gap:16px}.android .soon{display:none}.facts-inner{gap:20px}.facts b{font-size:30px}.fact-sign{display:none}.how-grid{gap:50px}.download{padding:50px}.download-copy{max-width:590px}.celebrate-mascot{width:330px;left:-25px}.download h2{font-size:43px}.faq{gap:50px}}
@media(max-width:800px){.wrap{width:calc(100% - 44px)}.header{height:88px}.header nav{gap:16px;font-size:13px}.hero{grid-template-columns:1fr 1fr;gap:0;padding-top:40px;min-height:620px}.hero h1{font-size:65px;letter-spacing:-2px}.hero .eyebrow{font-size:11px}.hero-description{font-size:18px}.hero-art{transform:scale(.65);transform-origin:left center;width:510px;margin-left:-170px;min-height:570px}.hero .store-row{flex-direction:column;align-items:start;gap:18px}.hero-note{font-size:11px}.hero .android small{font-size:10px}.hero .android{margin-right:7px}.hero-phone{left:100px}.hero-mascot{left:200px}.facts-inner{padding-block:25px}.facts-inner>div{flex-direction:column;gap:10px}.facts div span{font-size:12px}.facts b{font-size:31px}.idea{padding-block:75px}.idea-bottom{gap:20px}.idea-bottom img{width:100px;height:100px;margin-right:0}.handwritten{font-size:22px}.idea-bottom p{font-size:13px}.tiny-line{display:none}.section-pad{padding-block:65px}.section-heading{gap:30px}.section-heading>p{font-size:14px}.how-grid{gap:25px}.step{gap:12px;padding-block:22px}.step strong{font-size:22px}.step>span:nth-child(2)>span{font-size:15px}.step-arrow{display:none}.screen-stage{min-height:560px;padding-top:30px}.step-phone{width:205px}.stage-tag{right:10px;font-size:10px}.category-grid{gap:14px}.category{aspect-ratio:.95;border-radius:17px}.category-content{right:17px;left:17px;bottom:19px}.category strong{font-size:22px}.category small{font-size:10px}.category-arrow{width:26px;height:26px;font-size:17px}.reading-mascot{width:150px;height:150px}.your-pace{gap:25px}.pace-art img{width:250px;height:250px}.pace-copy h2{font-size:35px}.pace-copy>p:not(.eyebrow){font-size:16px}.pace-details{gap:22px}.pace-sticker{font-size:17px;right:0;bottom:45px}.faq{gap:35px;grid-template-columns:.85fr 1.3fr}.faq-list summary{font-size:18px}.faq-list details p{font-size:15px}.download{padding:40px;min-height:400px}.download h2{font-size:36px}.celebrate-mascot{width:270px;bottom:-25px;left:-25px;opacity:.95}.download-copy{max-width:440px}.download p{font-size:17px}.download-spark{left:20%;top:30px}.footer{gap:22px}.footer .brand{font-size:20px}.footer p{font-size:12px}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.header{height:82px}.brand{font-size:23px}.brand img{width:42px;height:42px}.brand-sub{font-size:10px}.menu{display:flex;width:44px;height:44px;background:transparent;border:1px solid var(--line);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px}.menu span{width:17px;height:1.5px;background:var(--ink);transition:transform .2s}.menu[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.header nav{display:none;position:absolute;top:74px;left:0;right:0;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 12px 25px #0f172a0c;font-size:16px;flex-direction:column;gap:8px}.header nav.open{display:flex}.hero{display:flex;flex-direction:column;gap:0;min-height:0;padding-top:39px;padding-bottom:65px;overflow:visible}.hero-copy{width:100%;text-align:center}.hero .eyebrow{justify-content:center;font-size:12px;margin-bottom:24px}.hero h1{font-size:78px;letter-spacing:-2.8px;line-height:1.17;margin-bottom:26px}.red-word:after{height:5px;bottom:-4px}.hero-description{font-size:19px;line-height:1.7;margin-bottom:24px}.hero .store-row{flex-direction:row;justify-content:center;align-items:center;gap:20px}.store-button{padding:12px 18px;min-width:158px;gap:19px;border-radius:13px}.store-button strong{font-size:23px}.store-arrow{font-size:26px}.hero .android{margin:0;text-align:right}.android strong{font-size:15px}.android-symbol{font-size:18px}.hero-note{margin-top:17px;font-size:11px}.hero-art{transform:none;width:min(100%,370px);min-height:475px;margin:45px 0 -25px;align-self:center}.orbit{width:340px;height:340px;top:55px}.orbit-two{width:260px;height:260px;top:95px}.hero-phone{width:195px;left:52px;top:0;border-width:5px;border-radius:31px}.phone-island{height:12px}.hero-mascot{width:250px;height:250px;left:132px;bottom:2px}.floating-note{left:0;top:300px;gap:8px;font-size:11px;padding:12px 14px;border-radius:13px}.note-check{width:26px;height:26px;font-size:16px}.facts-inner{gap:12px;padding-block:26px}.facts b{font-size:27px}.facts div span{font-size:10px;white-space:nowrap}.facts i{height:33px}.idea{padding-block:66px 48px}.idea .eyebrow{font-size:12px;margin-bottom:23px}.idea h2{font-size:43px;line-height:1.25;letter-spacing:-1.7px}.idea>p:not(.eyebrow){font-size:16px;line-height:1.9}.idea-bottom{gap:14px;flex-wrap:wrap;margin-top:28px;padding-top:22px}.handwritten{font-size:22px}.idea-bottom p{font-size:12px}.idea-bottom img{width:82px;height:82px}.section-pad{padding-block:56px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:36px;letter-spacing:-1px}.eyebrow{font-size:12px;margin-bottom:19px}.section-heading>p{margin-top:18px;font-size:15px}.how-grid{display:flex;flex-direction:column;gap:30px}.steps{width:100%}.step{padding:21px 0;gap:17px}.step strong{font-size:24px;margin-bottom:6px}.step>span:nth-child(2)>span{font-size:15px;line-height:1.8;max-width:none}.step-number{font-size:17px}.step-arrow{display:block;font-size:24px}.screen-stage{width:100%;min-height:590px;padding-top:30px;border-radius:24px}.step-phone{width:220px}.stage-tag{top:55px;right:23px;font-size:11px}.screenshot-note{font-size:10px;margin-top:18px;text-align:right}.discover .section-heading{position:relative;padding-bottom:0}.discover h2{font-size:34px;max-width:100%;padding-left:0}.discover .reading-mascot{position:absolute;width:93px;height:93px;left:0;top:-27px;margin:0}.discover h2 .red-text{font-size:28px}.category-grid{grid-template-columns:repeat(2,1fr);gap:12px}.category{aspect-ratio:.82;border-radius:16px}.category-content{bottom:17px;right:15px;left:15px}.category small{font-size:10px;line-height:1.4;max-width:110px}.category strong{font-size:21px;line-height:1.2;max-width:105px}.category-arrow{width:25px;height:25px;bottom:-3px;left:-3px;font-size:16px}.category-foot{font-size:12px;margin-top:22px}.your-pace{display:flex;flex-direction:column-reverse;gap:12px;padding-block:45px 25px}.pace-copy h2{font-size:37px}.pace-copy>p:not(.eyebrow){font-size:17px}.pace-details{gap:45px;margin-top:24px}.pace-details b{font-size:17px}.pace-art{min-height:280px;width:100%}.pace-art img{width:280px;height:280px}.pace-sticker{bottom:20px;right:10%;font-size:18px}.faq{display:block}.faq-intro{position:relative;margin-bottom:28px}.faq-intro h2{font-size:37px}.faq-intro img{position:absolute;left:7px;top:-2px;margin:0;width:110px;height:110px}.faq-list summary{font-size:19px;gap:14px;line-height:1.5}.faq-list details{padding-block:20px}.faq-list details p{font-size:16px}.download{border-radius:25px;padding:35px 27px 250px;min-height:0;text-align:center}.download-copy{max-width:none}.download h2{font-size:35px;line-height:1.3;letter-spacing:-1.2px}.download-eyebrow{font-size:13px}.download p{font-size:16px}.download .store-row{justify-content:center;gap:17px}.download .store-button{min-width:155px}.android-soon{font-size:14px;gap:7px}.android-soon span{padding:4px 8px;font-size:10px}.celebrate-mascot{width:280px;height:280px;left:50%;transform:translateX(-50%);bottom:-30px;opacity:1}.download-spark{top:auto;left:15%;bottom:165px;font-size:32px}.download:before{width:430px;height:430px;left:50%;transform:translateX(-50%);top:auto;bottom:-200px}.download:after{width:330px;height:330px;left:50%;transform:translateX(-50%);top:auto;bottom:-150px}.footer{padding-top:30px;justify-content:center;gap:18px}.footer .brand{width:100%;justify-content:center;font-size:23px}.footer .brand img{width:35px;height:35px}.footer p{width:100%;text-align:center;font-size:13px}.footer>div{gap:30px;font-size:14px}.footer small{margin-top:5px;padding-top:20px}.footer .text-button{font-size:14px}dialog{padding:29px 22px}dialog h2{font-size:29px}#dialog-body p{font-size:16px}}
@media(max-width:360px){.wrap{width:calc(100% - 30px)}.hero h1{font-size:67px}.hero .eyebrow{font-size:10px}.hero-art{transform:scale(.9);transform-origin:top center;margin-bottom:-65px}.hero .store-row{gap:14px}.store-button{min-width:148px;padding-inline:15px}.android strong{font-size:14px}.idea h2{font-size:37px}.facts div span{font-size:9px}.category strong{font-size:18px}.category-content{right:12px;left:12px}.category-arrow{width:22px;height:22px}.download{padding-inline:18px}.download h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.will-reveal{opacity:1;transform:none}}
.hero-line,.red-word{white-space:nowrap}
@media(min-width:801px) and (max-width:1100px){.hero h1{font-size:66px;letter-spacing:-2.5px}}
@media(min-width:601px) and (max-width:800px){.hero h1{font-size:54px;letter-spacing:-2px}}
@media(max-width:600px){.hero h1{font-size:64px;letter-spacing:-2px}}
@media(max-width:360px){.hero h1{font-size:57px}}
@media(max-width:600px){.hero-mascot{left:34%;width:66%;height:auto;aspect-ratio:1}.hero-art .orbit{max-width:100%}}
@media(max-width:360px){.hero h1{font-size:51px}}

/* Header and hero refinements from the visual review. */
.header nav{margin-inline-start:auto;gap:36px}
.floating-note.top-note{left:330px;top:10px;transform:rotate(5deg);padding:15px 20px;white-space:nowrap}
@media(min-width:601px) and (max-width:800px){.header nav{gap:24px}}
@media(max-width:600px){.header nav{margin-inline-start:0;gap:8px}.floating-note.top-note{left:auto;right:0;top:20px;font-size:11px;padding:12px 14px;gap:8px;transform:rotate(5deg)}}

/* Product presentation: solid surfaces, explicit foreground layers, and paired store badges. */
.hero-copy .origin-label{display:inline-flex;align-items:center;gap:10px;margin-bottom:24px;padding:9px 11px;border:1px solid #e7d8c8;border-radius:9px;background:var(--surface);font-size:13px;line-height:1;letter-spacing:0}.origin-flag{width:26px;height:18px;flex-shrink:0}.origin-percent{padding-right:10px;border-right:1px solid var(--line);color:var(--strong);font-size:12px;line-height:18px}
.hero h1{margin-bottom:28px}
.hero-description{margin-bottom:34px}
.hero-stage{position:absolute;left:50%;top:58px;width:min(490px,100%);height:auto;aspect-ratio:1;border-radius:50%;background:#f6ecdf;border:0;box-shadow:none;transform:translateX(-50%);z-index:0}
.hero-phone{z-index:2}
.hero-mascot{z-index:4}
.floating-note.top-note{z-index:3;background:#fffcf8;backdrop-filter:none}
.floating-note.hero-note-card{left:-74px;top:423px;z-index:1;width:194px;padding:14px;gap:8px;font-size:12px;background:#fffcf8;backdrop-filter:none;transform:rotate(-4deg);box-shadow:0 12px 28px #3c281c18,0 2px 5px #3c281c06}.hero-note-card .note-check{width:26px;height:26px;flex-shrink:0;font-size:16px}
.phone-status{position:absolute;left:0;right:0;top:0;height:6.2%;background:linear-gradient(100deg,#fffdf9 0%,#fcf6ef 62%,#faece7 100%);color:#080808;container-type:inline-size;z-index:1}
.status-time{position:absolute;left:8.3%;top:27%;font-family:Arial,Helvetica,sans-serif;font-size:4.1cqw;line-height:1;font-weight:700;letter-spacing:-.15px}
.status-icons{position:absolute;right:7.4%;top:27%;display:flex;align-items:center;gap:1.2cqw;height:4cqw;color:#080808}
.status-icons svg{height:100%;width:auto;fill:currentColor;display:block}
.status-icons .status-wifi{height:105%}
.status-icons .status-battery{height:96%}
.hero-phone .phone-island{z-index:2}
.store-row{gap:14px;align-items:stretch}
.store-badge{direction:ltr;display:flex;align-items:center;justify-content:center;gap:13px;width:194px;min-width:0;min-height:72px;padding:13px 19px;border-radius:14px;border:1px solid transparent;text-align:left;transition:transform .2s,box-shadow .2s,background .2s}
.store-badge-apple{background:var(--ink);color:var(--cream);box-shadow:0 6px 14px #0f172a0b}
.store-badge-apple:hover{background:#202b42;transform:translateY(-3px);box-shadow:0 10px 20px #0f172a14}
.store-badge-google{background:var(--surface);color:var(--ink);border-color:#decbb9;cursor:default}
.store-badge-copy{display:block;white-space:nowrap}
.store-badge-copy small{display:block;text-align:left;font-size:11px;font-weight:400;line-height:1.3;margin-bottom:4px}
.store-badge-copy strong{display:block;font-size:23px;line-height:1.1;letter-spacing:-.7px;font-family:Tajawal,Arial,sans-serif}
.store-icon{display:block;width:29px;height:33px;flex-shrink:0}
.play-icon{width:31px;height:34px}
.download .store-badge-apple{background:var(--surface);color:var(--ink);box-shadow:none}
.download .store-badge-apple:hover{background:var(--cream)}
.download .store-badge-google{background:transparent;border-color:#ffffff80;color:var(--surface)}
@media(min-width:601px) and (max-width:1100px){.store-badge{width:178px;min-height:68px;padding:12px 15px;gap:11px}.store-badge-copy strong{font-size:21px}.store-icon{width:26px;height:31px}}
@media(max-width:600px){.hero-copy .origin-label{margin-bottom:22px}.hero h1{margin-bottom:25px}.hero-description{margin-bottom:28px}.hero .store-row{gap:12px;flex-wrap:nowrap;align-items:stretch}.store-badge{width:calc(50% - 6px);min-height:65px;padding:11px 12px;gap:10px;border-radius:12px}.store-badge-copy small{font-size:9px;margin-bottom:4px}.store-badge-copy strong{font-size:20px;letter-spacing:-.7px}.store-icon{width:25px;height:30px}.play-icon{width:27px;height:30px}.hero-stage{left:12px;right:auto;top:56px;bottom:auto;width:calc(100% - 24px);height:auto;aspect-ratio:1;border-radius:50%;transform:none}.floating-note.hero-note-card{left:0;top:420px;width:150px;padding:10px;gap:6px;font-size:10px;transform:rotate(-4deg)}.hero-art{margin-top:42px}.download .store-row{gap:10px;flex-wrap:nowrap}.download .store-badge{padding-inline:11px;gap:8px}.download .store-badge-copy strong{font-size:18px}.download .store-icon{width:23px}}
@media(max-width:360px){.hero .store-row{gap:10px}.store-badge{width:calc(50% - 5px);min-height:62px;padding:10px;gap:8px}.store-badge-copy strong{font-size:17px}.store-badge-copy small{font-size:8px}.store-icon,.play-icon{width:23px;height:27px}.hero-description{font-size:17px}.download .store-badge-copy strong{font-size:16px}.download .store-badge{padding-inline:8px;gap:7px}.download .store-icon{width:21px}}

@media(min-width:601px) and (max-width:1100px){.floating-note.hero-note-card{left:-32px;top:440px;width:170px;padding:12px;gap:6px;font-size:11px}}


.facts .question-fact b{font-variant-numeric:lining-nums;white-space:nowrap}

/* Quiet explanation, upcoming topics, and a more compact closing section. */
.idea-pause{display:flex;align-items:center;justify-content:center;gap:18px;margin:30px auto 0;max-width:570px;text-align:right}
.idea-pause img{width:72px;height:72px;object-fit:contain;flex-shrink:0}
.idea-pause p{margin:0;line-height:1.75}
.idea-pause strong{display:block;font-size:16px;font-weight:700;color:var(--ink)}
.idea-pause p span{display:block;font-size:15px;color:var(--muted)}
.step-number{font-variant-numeric:lining-nums}
.category-foot{margin:48px 0 0;text-align:center}
.category-foot strong{display:block;font-size:clamp(27px,3vw,40px);line-height:1.35;letter-spacing:-.8px;color:var(--ink);font-weight:700}
.category-foot span{display:block;margin-top:12px;font-size:17px;line-height:1.65;color:var(--muted)}
.download{display:flex;align-items:center;min-height:420px;padding-block:58px}
@media(max-width:800px){.download{min-height:380px;padding-block:42px}.category-foot strong{font-size:31px}}
@media(max-width:600px){.idea{padding-bottom:46px}.idea-pause{gap:12px;max-width:350px;margin-top:26px}.idea-pause img{width:58px;height:58px}.idea-pause strong{font-size:14px}.idea-pause p span{font-size:13px}.category-foot{margin-top:34px}.category-foot strong{font-size:27px;letter-spacing:-.5px}.category-foot span{font-size:15px;margin-top:9px}.download{display:block;min-height:0;padding:35px 27px 250px}}
@media(max-width:360px){.idea-pause strong{font-size:13px}.idea-pause p span{font-size:12px}.category-foot strong{font-size:24px}.download{padding-inline:18px}}