@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+Arabic:wght@400;500;600;700;800&display=swap');
:root{--blue:#1d0fa0;--ink:#17152b;--paper:#f6f5f0;--lime:#e5ff75;--line:#dcdadf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans Arabic',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #b6d12e;outline-offset:5px}header{background:var(--blue);color:white;display:flex;align-items:center;justify-content:space-between;padding:22px 6%;border-bottom:1px solid #ffffff2b}.brand{display:block;width:150px;height:50px}.brand svg{width:100%;height:100%}nav{display:flex;gap:38px;font-size:14px}nav a{opacity:.8}nav a:hover{opacity:1}.language{background:none;border:1px solid #ffffff70;border-radius:24px;color:white;padding:9px 17px;display:flex;gap:18px;align-items:center}.hero{background:var(--blue);color:white;display:grid;grid-template-columns:1.1fr 1fr;min-height:640px;padding:74px 7% 70px;gap:30px;overflow:hidden}.eyebrow{display:flex;gap:10px;align-items:center;font-size:11px;font-weight:700;letter-spacing:1.7px}.dot{height:7px;width:7px;border-radius:50%;background:var(--lime)}h1,h2,h3,p{margin:0}h1{font-family:Manrope,'Noto Sans Arabic',sans-serif;font-size:clamp(60px,6.6vw,98px);font-weight:800;line-height:1.06;letter-spacing:-5px;margin:27px 0}.outline{-webkit-text-stroke:1.5px white;color:transparent}.lead{max-width:425px;font-size:17px;line-height:1.8;color:#e1ddff}.primary{margin-top:30px;background:var(--lime);color:var(--ink);padding:18px 24px;border-radius:7px;display:inline-flex;gap:44px;justify-content:space-between;align-items:center;font-size:14px;font-weight:700}.primary:hover{filter:brightness(.94)}.micro{font-size:11px;color:#c4beec;margin-top:17px}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:480px;direction:ltr}.orbit{position:absolute;border:1px solid #ffffff25;border-radius:50%;width:440px;height:440px}.orbit-two{width:550px;height:550px}.art-phone{position:relative;width:230px;height:435px;border-radius:37px;background:#f1f1f6;border:7px solid #191626;box-shadow:14px 17px 0 #08004433;transform:rotate(12deg);color:var(--blue);padding:65px 18px 20px}.island{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:68px;height:18px;border-radius:15px;background:#17152b}.screen-word{font:800 41px/.98 Manrope,sans-serif;letter-spacing:-2px}.screen-word em{color:var(--blue);font-style:normal;background:var(--lime)}.screen-choices{display:grid;gap:9px;margin-top:25px}.screen-choices span{padding:9px 12px;background:#dedbee;border-radius:6px;font-size:11px;display:block}.screen-bottom{font-size:7px;letter-spacing:1px;margin-top:16px}.floating-label{position:absolute;background:var(--lime);color:var(--ink);padding:13px 18px;border-radius:5px;font-size:10px;font-weight:800;letter-spacing:1px;z-index:2}.label-a{top:45px;left:4%;transform:rotate(-9deg)}.label-b{bottom:19px;right:-4%;transform:rotate(-8deg);background:#e7e1ff}.cursor{position:absolute;right:3%;top:43%;font-size:65px;color:var(--lime);z-index:3}.cursor span{display:block;font-size:11px;background:var(--lime);color:var(--ink);padding:7px 12px;transform:rotate(-7deg)}.art-star{position:absolute;font-size:75px;bottom:42px;left:5%;color:var(--lime)}.ticker{padding:22px 6%;display:flex;justify-content:space-around;align-items:center;gap:25px;background:var(--lime);font-size:12px;font-weight:800;letter-spacing:1.3px}.ticker>span:nth-child(even){font-size:24px}.experience,.how{padding:85px 7%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:34px}.dark{color:#736e85}.section-heading h2,.how h2{font-family:Manrope,'Noto Sans Arabic',sans-serif;font-size:clamp(32px,3.7vw,52px);letter-spacing:-2px;line-height:1.2;margin-top:16px}.section-heading>p{max-width:340px;font-size:14px;line-height:1.8;color:#716d7c}.review{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:white}.product-stage{background:#e9e6f1;position:relative;padding:23px;display:flex;align-items:center;flex-direction:column;min-height:565px;overflow:hidden}.stage-top{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;font-size:9px;letter-spacing:1px;color:#5f5874}.badge{border:1px solid #bdb7cd;border-radius:15px;padding:7px 10px;font-size:9px;letter-spacing:0}.product-phone{position:relative;direction:ltr;width:184px;height:350px;flex-shrink:0;transform:rotate(-12deg);margin:43px 0 31px}.phone-back,.phone-front{position:absolute;inset:0;border-radius:31px;border:3px solid #a5a0c3;box-shadow:12px 14px 28px #28204625;background:linear-gradient(135deg,#e8e6f3,#c8c1df 60%,#d8d2e8);overflow:hidden}.camera-block{position:absolute;top:18px;left:15px;width:87px;height:91px;background:#b6afcc;border-radius:21px;display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px}.camera-block i{border:4px solid #8f889f;border-radius:50%;background:radial-gradient(circle at 42% 40%,#506780 0%,#171527 38%,#08080e 65%);box-shadow:0 0 0 1px #dbd6e8}.camera-block b{background:#f5edce;border-radius:50%;width:12px;height:12px;margin:9px}.phone-mark{font:bold 39px Manrope;position:absolute;top:48%;width:100%;text-align:center;color:#958aaa}.phone-fine{position:absolute;bottom:25px;font-size:5px;letter-spacing:1px;left:29px}.phone-front{display:none;background:linear-gradient(150deg,#221194,#6852cc);border-color:#17152b}.phone-front>span{position:absolute;top:100px;left:17px;color:white;font:bold 34px/1.2 Manrope}.phone-front em{font-style:normal;color:var(--lime)}.product-phone.front .phone-front{display:block}.product-phone.front .phone-back{display:none}.hotspot{position:absolute;border:3px solid #fff;width:28px;height:28px;border-radius:50%;background:var(--blue);color:white;box-shadow:0 0 0 7px #2010a018;font-size:19px;display:grid;place-items:center;line-height:1;z-index:2}.hotspot:hover,.hotspot.selected{background:#728900;transform:scale(1.15)}.camera-hot{top:60px;left:88px}.design-hot{top:160px;right:-10px}.battery-hot{bottom:62px;left:70px}.product-phone.front .camera-hot{top:15px;left:80px}.flip{border:1px solid #bdb7cb;border-radius:24px;padding:10px 17px;background:#ffffff70;font-size:12px;display:flex;gap:9px}.stage-note{font-size:10px;color:#6f687c;text-align:center;margin-top:15px}.review-panel{padding:30px;display:flex;flex-direction:column}.panel-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;font-weight:700;color:#6e687d}.topics{display:flex;gap:8px;margin-top:24px}.topics button{display:flex;gap:7px;align-items:center;justify-content:center;flex:1;padding:12px 8px;border:1px solid var(--line);border-radius:7px;background:white;font-size:12px}.topics button.active{color:white;background:var(--blue);border-color:var(--blue)}.topics button>span:last-child{font-size:11px}.topic-number{color:#8a829d;font-size:11px;letter-spacing:1px;margin-bottom:17px}#topic-content{padding:32px 0;flex:1}#topic-content h3{font:700 29px/1.2 Manrope,'Noto Sans Arabic',sans-serif;letter-spacing:-1px;margin-bottom:15px}#topic-content p{font-size:14px;color:#6e687b;line-height:1.85}.content-feature{background:#f5f3fa;border-radius:8px;padding:15px;margin-top:22px;border-inline-start:3px solid var(--blue)}.content-feature strong{display:block;font-size:12px;margin-bottom:6px}.content-feature p{font-size:12px!important}.next-topic{border:0;background:none;color:var(--blue);padding:0;margin-top:22px;font-size:12px;font-weight:700}.panel-bottom{display:flex;gap:8px;font-size:10px;line-height:1.6;color:#797282;border-top:1px solid var(--line);padding-top:17px;align-items:center}.tiny-dot{width:6px;height:6px;border-radius:50%;background:#8e86aa;flex-shrink:0}.feedback{position:relative;margin-top:22px;padding:24px;border:1px solid var(--line);border-radius:10px;display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}.feedback h3{font-size:15px}.feedback p{font-size:11px;color:#797282;margin-top:7px}.reaction-buttons{display:flex;gap:8px}.reaction-buttons button{background:transparent;border:1px solid #bdb7cd;padding:10px 14px;border-radius:6px;font-size:11px}.reaction-buttons button.selected{background:var(--blue);color:white;border-color:var(--blue)}#feedback-status:empty{display:none}#feedback-status{flex-basis:100%;margin:0;color:var(--blue)}.how{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:12%}.how>div>p{font-size:14px;color:#716d7c;line-height:1.8;max-width:350px;margin-top:22px}.status-tag{display:block;margin-top:25px;font-size:9px;font-weight:700;color:#726582;line-height:1.8;letter-spacing:.7px}.steps>div{padding:0 0 25px 40px;position:relative;border-bottom:1px solid var(--line);margin-bottom:25px}.steps>div:last-child{margin-bottom:0}.steps>div>span{position:absolute;left:0;font-size:11px;color:#8a829d;top:4px}.steps h3{font-size:17px;margin-bottom:10px}.steps p{font-size:13px;color:#716d7c;line-height:1.7}.closing{padding:65px 7%;background:var(--blue);color:white;position:relative;overflow:hidden}.closing h2{font:800 clamp(40px,5vw,70px)/1.1 Manrope,'Noto Sans Arabic',sans-serif;letter-spacing:-3px}.closing-star{position:absolute;right:12%;top:30px;color:var(--lime);font-size:230px;line-height:1.1}.closing .primary{position:relative}.light{background:var(--paper)}footer{display:flex;justify-content:space-between;gap:20px;padding:25px 7%;font-size:10px;color:#77717f}body[dir=rtl],html[dir=rtl] body{font-family:'Noto Sans Arabic',sans-serif}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{letter-spacing:0;line-height:1.5}html[dir=rtl] .steps>div{padding-left:0;padding-right:40px}html[dir=rtl] .steps>div>span{left:auto;right:0}html[dir=rtl] .closing-star{right:auto;left:10%}html[dir=rtl] .eyebrow{letter-spacing:0}html[dir=rtl] .hero-art{direction:ltr}
@media(min-width:1500px){.hero,.experience,.how,.closing{padding-left:max(7%,calc((100vw - 1280px)/2));padding-right:max(7%,calc((100vw - 1280px)/2))}}@media(max-width:900px){h1{font-size:65px;letter-spacing:-3px}.hero{padding:55px 6%;min-height:580px;gap:10px}.hero-art{transform:scale(.86);transform-origin:center}.label-b{right:-14%}.review{grid-template-columns:1fr 1fr}.review-panel{padding:23px}.topics{gap:4px}.topics button{font-size:10px;gap:4px}.topics button>span:first-child{display:none}.experience,.how{padding:60px 6%}.how{gap:7%}}@media(max-width:650px){header{padding:14px 6%}.brand{width:120px;height:40px}nav{display:none}.language{font-size:12px}.hero{grid-template-columns:1fr;padding-top:42px;padding-bottom:20px;gap:0}.eyebrow{font-size:9px;letter-spacing:1px}h1{font-size:64px;letter-spacing:-3px;margin:24px 0}.lead{font-size:15px;max-width:350px}.hero-art{min-height:440px;transform:scale(.84);margin-top:-5px}.label-a{left:-1%}.label-b{right:-5%}.cursor{right:0}.art-star{left:0}.ticker{padding:15px 5%;font-size:9px;letter-spacing:.3px;gap:12px}.ticker>span:nth-child(even){font-size:19px}.ticker>span:nth-child(3){max-width:125px}.section-heading{display:block;margin-bottom:25px}.section-heading>p{margin-top:17px;font-size:13px}.section-heading h2,.how h2{font-size:35px;letter-spacing:-1.5px}.review{grid-template-columns:1fr}.product-stage{min-height:505px;padding:20px}.product-phone{margin:32px 0 25px;height:300px;width:160px}.phone-fine{left:18px}.phone-front>span{font-size:29px}.review-panel{padding:25px}.topics button{font-size:12px;padding:12px 6px}.topics button>span:first-child{display:inline}#topic-content{min-height:280px}.feedback{padding:20px}.reaction-buttons{flex-wrap:wrap}.how{grid-template-columns:1fr;gap:35px}.how>div>p{max-width:none}.closing{padding:48px 6%}.closing h2{font-size:44px}.closing-star{right:-20px;top:65px;font-size:150px;opacity:.65}footer{padding:24px 6%;flex-wrap:wrap;font-size:10px}footer>span:nth-child(2){order:3;flex-basis:100%}html[dir=rtl] h1{font-size:53px}html[dir=rtl] .closing-star{left:-20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}