:root{--ink:#202839;--muted:#697386;--pink:#a32e73;--pink-bright:#df459c;--blue:#476bb0;--line:#e5e8ee;--paper:#fff;--tint:#f6f8fc;--lavender:#eff1f9;--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'IBM Plex Sans Arabic',Arial,sans-serif;font-size:16px;line-height:1.85;overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}a{text-decoration:none;color:inherit}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--blue);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.35}img{max-width:100%;display:block}svg.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.container{width:calc(100% - 112px);max-width:1216px;margin-inline:auto}.header{border-bottom:1px solid #eceef3;position:relative;z-index:20;background:#ffffffed}.header-inner{height:108px;display:flex;justify-content:space-between;align-items:center;gap:35px}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand img{width:76px;height:66px;object-fit:contain}.brand>span{font-size:30px;font-weight:600;line-height:1.1;color:var(--blue)}.brand b{color:var(--pink);font-weight:600}.brand small{display:block;font:10px Arial;letter-spacing:3.4px;direction:ltr;color:#596075;margin-top:11px}.header nav{display:flex;gap:35px;font-size:14px;font-weight:500}.header nav a{position:relative}.header nav a:after{content:'';height:2px;position:absolute;bottom:-8px;right:0;width:0;background:var(--pink);transition:width .25s}.header nav a:hover:after{width:100%}.button{display:inline-flex;justify-content:center;align-items:center;gap:27px;border:1px solid transparent;background:var(--pink);color:white;border-radius:12px;padding:15px 24px;font-size:15px;font-weight:600;line-height:1.5;min-height:54px;transition:background .25s,box-shadow .25s,transform .25s}.button:hover{background:#8e2563;transform:translateY(-3px);box-shadow:0 12px 24px #a32e731a}.button .icon{width:19px;height:19px;transition:transform .25s}.button:hover .icon{transform:translateX(-4px)}.header-cta{min-height:46px;padding:11px 20px;font-size:13px;gap:20px}.button-light{background:#fff;border-color:#d9dfe9;color:var(--ink)}.button-light:hover{background:#f4f6fa;box-shadow:none}.menu{display:none;border:0;background:none;width:32px;height:32px;padding:5px}.menu span{display:block;height:1.5px;background:var(--ink);margin:6px 0;transition:transform .2s}.hero{position:relative;background:linear-gradient(115deg,#f4f6fc60,#fff 60%)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;min-height:730px;align-items:center;padding-block:55px 60px}.hero-copy{padding-bottom:15px;position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:var(--pink);margin-bottom:23px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 4px #a32e730b;display:inline-block;flex-shrink:0}.hero h1{font-size:76px;line-height:1.24;font-weight:600;letter-spacing:-2.5px}.accent{color:var(--pink)}.hero-description{font-size:18px;line-height:1.95;color:var(--muted);max-width:470px;margin-top:28px}.actions{display:flex;align-items:center;gap:12px;margin-top:32px;flex-wrap:wrap}.hero-trust{display:flex;align-items:center;gap:9px;margin-top:26px;color:#7c8595}.hero-trust .icon{width:17px;height:17px}.hero-trust p{font-size:12px}.hero-visual{position:relative;height:610px;isolation:isolate;direction:ltr}.visual-halo{position:absolute;z-index:-1;inset:15% -8% 7%;background:radial-gradient(ellipse,#e7e9f8 0%,#f5eaf480 45%,transparent 70%);border-radius:50%;animation:breathe 9s ease-in-out infinite}.connection-line{position:absolute;inset:40px -20px 35px;border:1px solid #e6e7f1;border-radius:48%;transform:rotate(-15deg);z-index:-1}.connection-line:after{content:'';position:absolute;width:10px;height:10px;border:3px solid white;background:var(--pink-bright);border-radius:50%;top:64px;right:28px;box-shadow:0 0 0 7px #df459c0a}.hero-device{position:absolute;border:6px solid white;outline:1px solid #e1e4ed;border-radius:31px;background:white;box-shadow:0 35px 65px -24px #34466835;overflow:hidden;width:238px;transition:transform .6s}.front-device{left:5%;top:78px;transform:rotate(-5deg);z-index:2;animation:deviceFloat 9s ease-in-out infinite}.device-scroll{height:501px;overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain}.device-scroll::-webkit-scrollbar{display:none}.device-scroll img{width:100%;height:auto}.rear-device{right:1%;top:16px;transform:rotate(7deg);width:220px;animation:rearFloat 10s ease-in-out infinite}.screen-trigger{padding:0;border:0;width:100%;display:block;background:#f4f4f4}.screen-trigger img{width:100%;height:auto}.device-zoom{position:absolute;bottom:12px;left:12px;display:grid;place-content:center;width:34px;height:34px;background:#202839e6;border:1px solid #ffffff80;border-radius:10px;color:#fff;box-shadow:0 4px 12px #20283920}.device-zoom .icon{width:15px;height:15px}.visual-note{position:absolute;bottom:18px;right:3%;z-index:4;background:#ffffffed;border:1px solid #ececf5;box-shadow:0 12px 40px #3446680d;border-radius:15px;display:flex;align-items:center;gap:13px;padding:15px 22px;direction:rtl;animation:noteFloat 8s ease-in-out infinite}.note-mark{width:38px;height:38px;border-radius:12px;background:#f9ebf4;display:grid;place-content:center;color:var(--pink)}.note-mark .icon{width:20px;height:20px}.visual-note>div{font-size:11px;color:var(--muted)}.visual-note strong{display:block;color:var(--ink);font-size:14px;font-weight:500}.visual-caption{position:absolute;bottom:-12px;left:5%;font-size:10px;color:#8b92a4;display:flex;align-items:center;gap:6px;direction:rtl}.visual-caption>span{width:4px;height:4px;background:#9fa8bd;border-radius:50%}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:29px}.principles>div{display:flex;align-items:center;gap:20px;padding-inline:35px;border-left:1px solid var(--line)}.principles>div:first-child{padding-right:0}.principles>div:last-child{border:0}.principle-num{font:10px Arial;color:#9ea7b7}.principles p{font-size:16px;color:var(--muted)}.principles b{font-weight:500;color:var(--ink)}.section-space{padding-block:105px}.section-heading h2{font-size:45px;line-height:1.45;font-weight:500;letter-spacing:-.8px}.section-heading .eyebrow{margin-bottom:14px}.muted-heading{color:#9198a8}.section-heading>p{font-size:16px;color:var(--muted);max-width:580px;margin-top:20px;line-height:1.95}.feature-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-top:50px;align-items:start}.feature-tabs{display:flex;flex-direction:column;gap:3px;max-width:480px;border-bottom:1px solid var(--line);padding-bottom:22px}.feature-tabs button{display:flex;align-items:center;gap:14px;padding:15px 18px;background:none;border:1px solid transparent;border-radius:12px;text-align:right;font-size:15px;color:var(--muted);transition:all .3s;min-height:58px}.feature-tabs .icon{width:21px;height:21px}.feature-tabs button[aria-selected=true]{background:#f8edf5;color:var(--pink);border-color:#f3dfea;font-weight:500}.feature-tabs button:hover{color:var(--pink)}.tab-indicator{margin-right:auto;opacity:0;transition:opacity .3s}.feature-tabs button[aria-selected=true] .tab-indicator{opacity:1}.feature-copy{padding-top:29px;max-width:470px;min-height:370px}.feature-index{font-size:11px;color:#8b93a4;margin-bottom:14px;display:block}.feature-copy h3{font-size:32px;font-weight:500;line-height:1.5;margin-bottom:16px;letter-spacing:-.4px}.feature-copy>p{color:var(--muted);font-size:15px;line-height:1.9}.feature-points{list-style:none;margin:22px 0;padding:0;display:grid;gap:8px;font-size:13px;color:#606c80}.feature-points li{display:flex;gap:9px;align-items:start}.feature-points li:before{content:'✓';color:var(--pink);font:12px Arial;margin-top:8px}.inline-button{display:inline-flex;align-items:center;gap:18px;padding:0 0 6px;background:none;border:0;border-bottom:1px solid #d8c2d1;color:var(--pink);font-size:13px;font-weight:500;transition:gap .25s}.inline-button:hover{gap:24px}.inline-button .icon{width:17px;height:17px}.feature-stage{position:relative;min-height:690px;background:#f1f3f9;border-radius:26px;display:flex;justify-content:center;align-items:center;isolation:isolate;overflow:hidden}.stage-glow{position:absolute;width:450px;height:450px;top:150px;border:1px solid #e0e4f1;border-radius:50%;z-index:-1}.stage-glow:after{content:'';position:absolute;inset:35px;border:1px solid #e0e4f1;border-radius:50%}.stage-word{position:absolute;top:13px;right:26px;font-size:91px;font-weight:600;line-height:1.2;color:#e4e8f3;z-index:-1}.feature-device{border:6px solid white;outline:1px solid #e0e4ed;border-radius:30px;width:270px;background:white;box-shadow:0 27px 45px -20px #34466835;overflow:hidden;transform:rotate(-2deg);margin-top:12px}.feature-scroll{height:570px;overflow:auto;scrollbar-width:thin;scrollbar-color:#d0d5e2 transparent;overscroll-behavior:contain;background:white}.feature-scroll img{width:100%;height:auto;transition:opacity .16s}.feature-scroll.changing img{opacity:.2}.stage-caption{position:absolute;bottom:20px;display:flex;gap:9px;align-items:center;font-size:10px;color:#8a92a4}.stage-caption .status-dot{width:4px;height:4px;box-shadow:none}.screen-gallery{background:#f7f8fb;padding-block:85px}.gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:37px}.gallery-controls{display:flex;align-items:center;gap:10px}.gallery-controls>span{font-size:12px;color:var(--muted);margin-left:15px}.gallery-arrow{display:grid;place-content:center;border:1px solid #dce0e9;background:transparent;border-radius:50%;width:42px;height:42px;font-size:21px;transition:background .2s}.gallery-arrow:hover{background:white}.gallery-track{display:flex;gap:25px;overflow-x:auto;padding:15px 3px 20px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#ccd3e0 transparent;scroll-behavior:smooth}.gallery-item{flex:0 0 calc((100% - 75px)/4);padding:0;background:none;border:0;text-align:right;scroll-snap-align:start;min-width:210px}.gallery-item>div{height:365px;overflow:hidden;border-radius:22px;border:5px solid white;outline:1px solid #e6e8f0;box-shadow:0 12px 23px -16px #34466835;position:relative;transition:transform .35s}.gallery-item>div>img{width:100%;height:auto}.gallery-item:hover>div{transform:translateY(-7px)}.gallery-item>span{display:flex;justify-content:space-between;padding-top:20px;font-size:14px;font-weight:500}.gallery-item small{font:10px Arial;color:#969faf;padding-top:8px}.gallery-expand{position:absolute;left:12px;bottom:12px;background:#fffefa;border:1px solid #e8e9ef;border-radius:9px;width:31px;height:31px;display:grid;place-content:center;box-shadow:0 3px 12px #34466810}.gallery-expand .icon{width:15px;height:15px}.start{display:grid;grid-template-columns:1fr 1fr;gap:90px}.start-heading>p{max-width:420px}.start-heading>.inline-button{margin-top:25px}.start-steps article{display:grid;grid-template-columns:48px 1fr;gap:20px;padding:28px 0;border-bottom:1px solid var(--line)}.start-steps article:first-child{padding-top:5px}.start-steps article>span{color:var(--blue);font:12px Arial;padding-top:13px}.start-steps h3{font-size:22px;font-weight:500;margin-bottom:12px}.start-steps p{font-size:14px;color:var(--muted);line-height:1.9}.faq-section{background:#f8f9fc;padding-block:80px}.faq-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:90px}.faq-layout .section-heading>p{font-size:14px}.faq-layout .inline-button{margin-top:27px}.faq-items details{padding:25px 0;border-bottom:1px solid #e1e5ed}.faq-items details:first-child{padding-top:0}.faq-items summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-weight:500;font-size:16px;cursor:pointer}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary span{width:17px;height:17px;position:relative;flex-shrink:0}.faq-items summary span:before,.faq-items summary span:after{content:'';position:absolute;width:12px;height:1px;top:8px;left:2px;background:var(--pink);transition:transform .3s}.faq-items summary span:after{transform:rotate(90deg)}.faq-items details[open] summary span:after{transform:rotate(0deg)}.faq-items details p{font-size:14px;color:var(--muted);margin-top:16px;padding-left:25px;line-height:1.95}.closing{margin-block:85px;position:relative;border-radius:24px;background:#27324d;display:grid;grid-template-columns:1.4fr 1fr;gap:50px;padding:62px 65px;overflow:hidden;color:white;isolation:isolate}.closing:before{content:'';position:absolute;width:700px;height:700px;border:1px solid #ffffff0a;border-radius:50%;left:-220px;top:-150px;z-index:-1}.closing:after{content:'';position:absolute;width:570px;height:570px;border:1px solid #ffffff0a;border-radius:50%;left:-155px;top:-85px;z-index:-1}.closing .eyebrow{color:#c2bbd8;margin-bottom:18px}.closing h2{font-size:44px;line-height:1.4;font-weight:500;letter-spacing:-.7px}.closing p{font-size:14px;color:#bbc4d8;margin-top:20px}.button-white{background:white;color:var(--ink);margin-top:30px;font-size:13px;gap:28px}.button-white:hover{background:#edf0f7;box-shadow:none}.closing-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.closing-brand img{width:150px;height:130px;object-fit:contain;filter:drop-shadow(0 12px 30px #0002)}.closing-brand>span{font-size:34px;font-weight:500;margin-top:16px}.closing-brand>small{font:10px Arial;letter-spacing:5px;color:#bcc6db;margin-top:6px}.footer{border-top:1px solid var(--line);padding-top:50px}.footer-main{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:60px;padding-bottom:42px}.footer-main>div>p{color:var(--muted);font-size:13px;margin-top:20px}.footer-column{display:flex;flex-direction:column;align-items:start;gap:10px;font-size:13px;color:var(--muted);padding-top:7px}.footer-column>span{color:var(--ink);font-weight:500;margin-bottom:10px}.footer-column a:hover{color:var(--pink)}.footer-column a[dir=ltr]{font:12px Arial;line-height:2}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-block:23px;border-top:1px solid var(--line);gap:25px}.footer-bottom>span{font-size:10px;color:#8c95a6}.socials{display:flex;gap:21px;font:10px Arial;direction:ltr;flex-wrap:wrap}.socials a:hover{color:var(--pink)}.screen-dialog{width:min(820px,calc(100% - 40px));max-height:92dvh;border:1px solid #fff;border-radius:20px;padding:0;background:#f4f6fa;color:var(--ink);overflow:hidden;box-shadow:0 40px 100px #0003}.screen-dialog::backdrop{background:#182034ad;backdrop-filter:blur(9px)}.viewer-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:white;border-bottom:1px solid var(--line);gap:20px}.viewer-header>div>span{font-size:10px;color:var(--muted)}.viewer-header h2{font-size:18px;font-weight:500}.viewer-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}.viewer-controls button{width:34px;height:34px;background:#f3f5f9;border:0;border-radius:9px;font-size:22px}.viewer-controls>span{font:11px Arial;color:var(--muted);direction:ltr}.viewer-controls #viewer-close{margin-right:12px;font-size:28px}.viewer-body{overflow:auto;max-height:calc(92dvh - 84px);padding:25px;overscroll-behavior:contain}.viewer-body>img{width:375px;max-width:100%;height:auto;margin:auto;border-radius:24px;box-shadow:0 8px 25px #34466815}.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s ease}.motion-ready .reveal.visible{opacity:1;transform:none}.motion-ready .start-steps article{transition-delay:80ms}@keyframes deviceFloat{50%{transform:translateY(-12px) rotate(-3deg)}}@keyframes rearFloat{50%{transform:translateY(8px) rotate(5deg)}}@keyframes noteFloat{50%{transform:translateY(-7px)}}@keyframes breathe{50%{transform:scale(1.07);opacity:.7}}
@media(min-width:1450px){.hero-grid{gap:70px}.hero h1{font-size:82px}.front-device{left:7%}.rear-device{right:3%}}
@media(max-width:1100px){.container{width:calc(100% - 72px)}.header-inner{height:96px}.header nav{gap:22px;font-size:13px}.brand img{width:64px;height:56px}.brand>span{font-size:26px}.hero-grid{gap:25px;min-height:680px}.hero h1{font-size:62px}.hero-description{font-size:16px}.hero-visual{height:560px}.front-device{width:215px;left:0;top:65px}.device-scroll{height:456px}.rear-device{width:192px;right:0;top:20px}.visual-note{right:-5px;bottom:20px;padding:12px 17px}.visual-caption{left:0;font-size:9px;bottom:3px}.actions .button{font-size:13px;padding:14px 17px;gap:16px}.principles>div{padding-inline:25px;gap:14px}.principles p{font-size:14px}.section-heading h2{font-size:39px}.feature-layout,.start,.faq-layout{gap:55px}.feature-stage{min-height:665px}.feature-copy h3{font-size:29px}.gallery-item{flex-basis:calc((100% - 50px)/3)}.closing{padding:50px}.closing h2{font-size:40px}.footer-main{gap:35px}}
@media(max-width:760px){html{scroll-padding-top:85px}.container{width:calc(100% - 40px)}.header-inner{height:87px;gap:15px}.brand{gap:9px}.brand img{width:58px;height:51px}.brand>span{font-size:25px}.brand small{font-size:8px;letter-spacing:2.5px;margin-top:9px}.header-cta{margin-right:auto;min-height:40px;padding:10px 12px;font-size:11px;gap:10px}.header-cta .icon{width:15px;height:15px}.menu{display:block}.header nav{display:none;position:absolute;top:87px;right:20px;left:20px;background:white;border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 20px 35px #34466812;flex-direction:column;gap:23px}.header nav.open{display:flex}.menu[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu[aria-expanded=true] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.hero-grid{display:flex;flex-direction:column;gap:25px;min-height:0;padding:44px 0 30px;align-items:stretch}.hero-copy{padding:0}.eyebrow{font-size:11px;margin-bottom:20px;gap:9px}.hero h1{font-size:55px;letter-spacing:-1.7px;line-height:1.28}.hero-description{font-size:15px;line-height:1.95;margin-top:23px;max-width:490px}.actions{gap:9px;margin-top:25px}.actions .button{font-size:12px;padding:13px 16px;gap:16px;min-height:49px;border-radius:10px}.hero-trust{margin-top:20px;gap:7px}.hero-trust p{font-size:10px}.hero-trust .icon{width:15px;height:15px}.hero-visual{width:360px;max-width:100%;height:490px;align-self:center;margin-top:12px}.front-device{width:190px;left:2%;top:62px;border-width:5px;border-radius:26px}.device-scroll{height:405px}.rear-device{width:175px;right:1%;top:6px;border-width:5px;border-radius:25px}.visual-note{padding:10px 15px;gap:9px;right:0;bottom:4px;border-radius:12px}.note-mark{width:31px;height:31px;border-radius:9px}.visual-note>div{font-size:9px}.visual-note strong{font-size:12px}.visual-caption{bottom:-21px;left:2%;font-size:8px}.visual-halo{inset:7% -6% 0}.connection-line{inset:6px -12px 15px}.principles{grid-template-columns:1fr;margin-top:20px;padding-block:6px}.principles>div{padding:15px 0;border-left:0;border-bottom:1px solid var(--line);gap:20px}.principles p{font-size:14px}.principles>div:last-child{border:0}.principle-num{font-size:9px}.section-space{padding-block:65px}.section-heading h2{font-size:32px;line-height:1.5;letter-spacing:-.6px}.section-heading .eyebrow{margin-bottom:12px}.section-heading>p{font-size:14px;margin-top:17px;line-height:1.95}.feature-layout{display:flex;flex-direction:column;gap:28px;margin-top:30px}.feature-navigation{width:100%}.feature-tabs{max-width:none;padding-bottom:20px;gap:3px}.feature-tabs button{font-size:13px;padding:12px 14px;min-height:48px;gap:12px}.feature-tabs .icon{width:18px;height:18px}.feature-copy{padding-top:24px;min-height:340px;max-width:none}.feature-index{font-size:10px;margin-bottom:12px}.feature-copy h3{font-size:27px;margin-bottom:13px}.feature-copy>p{font-size:14px}.feature-points{font-size:12px;gap:7px;margin-block:18px}.inline-button{font-size:12px;gap:15px}.feature-stage{width:100%;min-height:605px;border-radius:20px}.feature-device{width:245px;border-radius:28px;margin-top:4px}.feature-scroll{height:510px}.stage-word{font-size:77px;right:22px;top:12px}.stage-caption{bottom:19px;font-size:8px}.stage-glow{width:360px;height:360px;top:130px}.screen-gallery{padding-block:60px}.gallery-heading{display:block;margin-bottom:22px}.gallery-controls{margin-top:24px;justify-content:flex-end}.gallery-controls>span{margin-left:auto;font-size:11px}.gallery-arrow{width:36px;height:36px;font-size:18px}.gallery-track{gap:18px;padding-top:12px}.gallery-item{flex-basis:67%;min-width:0}.gallery-item>div{height:365px;border-width:4px;border-radius:21px}.gallery-item>span{padding-top:15px;font-size:13px}.gallery-item small{font-size:9px}.start{grid-template-columns:1fr;gap:33px}.start-heading>p{max-width:none}.start-heading>.inline-button{margin-top:22px}.start-steps article{grid-template-columns:28px 1fr;gap:15px;padding-block:23px}.start-steps article>span{font-size:10px;padding-top:9px}.start-steps h3{font-size:20px;margin-bottom:9px}.start-steps p{font-size:13px}.faq-layout{grid-template-columns:1fr;gap:33px}.faq-layout .section-heading>p{font-size:13px}.faq-layout .inline-button{margin-top:20px}.faq-items summary{font-size:14px;gap:15px}.faq-items details{padding-block:22px}.faq-items details p{font-size:13px;margin-top:13px;padding-left:15px}.closing{grid-template-columns:1fr;padding:35px 27px;margin-block:55px;gap:30px;border-radius:20px}.closing h2{font-size:34px;line-height:1.45}.closing p{font-size:13px;margin-top:17px}.closing .eyebrow{font-size:11px;margin-bottom:13px}.button-white{margin-top:25px;font-size:12px;padding:14px 17px;gap:22px;min-height:49px}.closing-brand{display:none}.footer{padding-top:35px}.footer-main{grid-template-columns:1fr 1fr;gap:30px 20px;padding-bottom:30px}.footer-main>div:first-child{grid-column:1/-1;display:flex;align-items:center;gap:20px;justify-content:space-between}.footer-main>div>p{font-size:10px;margin:0}.footer-column{font-size:11px;gap:9px}.footer-column>span{margin-bottom:6px;font-size:12px}.footer-column a[dir=ltr]{font-size:10px}.footer-bottom{align-items:start;flex-direction:column;gap:20px;padding-block:22px}.footer-bottom>span{font-size:9px}.socials{font-size:9px;gap:19px;line-height:1.8}.screen-dialog{width:calc(100% - 20px);border-radius:15px}.viewer-header{padding:13px 15px;gap:10px}.viewer-header h2{font-size:15px}.viewer-header>div>span{font-size:9px}.viewer-controls{gap:7px}.viewer-controls button{width:29px;height:31px;font-size:19px}.viewer-controls>span{font-size:10px}.viewer-controls #viewer-close{margin-right:5px;font-size:25px}.viewer-body{padding:15px;max-height:calc(92dvh - 78px)}.viewer-body>img{border-radius:20px}}
@media(max-width:360px){.container{width:calc(100% - 32px)}.hero h1{font-size:49px}.brand img{width:49px;height:45px}.brand>span{font-size:22px}.header-cta{font-size:10px;padding-inline:9px;gap:7px}.hero-visual{height:455px}.front-device{width:175px}.device-scroll{height:374px}.rear-device{width:160px}.visual-caption{bottom:-24px}.hero-description{font-size:14px}.actions .button{padding-inline:13px;gap:13px;font-size:11px}.gallery-item>div{height:320px}.section-heading h2{font-size:29px}.feature-device{width:225px}.feature-scroll{height:475px}.feature-stage{min-height:565px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-ready .reveal{opacity:1;transform:none}}
.legal{max-width:980px;padding-block:50px 80px}.back-link{display:inline-flex;color:var(--muted);font-size:12px;margin-bottom:40px}.legal>.eyebrow{margin-bottom:16px}.legal h1{font-size:46px;font-weight:500;line-height:1.45;margin-bottom:25px}.legal h1 em{font-style:normal;color:var(--pink)}.legal-source{font-size:12px;color:var(--muted);margin-bottom:35px}.legal-source a{color:var(--blue);text-decoration:underline}.legal-toc{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:35px}.legal-toc a{padding:7px 13px;background:#f4f6fb;border:1px solid #e5e8f1;border-radius:9px;font-size:11px;transition:background .2s}.legal-toc a:hover{background:#f8edf5;color:var(--pink)}.legal-content{border:1px solid var(--line);border-radius:20px;padding:40px;line-height:2}.legal-content h2{font-size:24px;font-weight:500;color:var(--ink);margin:35px 0 17px}.legal-content p,.legal-content li{font-size:15px;line-height:2;color:var(--muted)}.legal-content li+li{margin-top:11px}.legal-content ul{padding-right:23px}.legal-content a{color:var(--pink);text-decoration:underline}.contact-intro{color:var(--muted);font-size:16px;line-height:1.95;margin-bottom:40px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact-card{padding:32px;background:#f3f5fa;border-radius:18px}.contact-card:first-child{background:#f9eff6}.contact-card>span{font-size:35px;color:var(--pink)}.contact-card h2{font-size:26px;font-weight:500;margin:10px 0}.contact-card p{font-size:14px;color:var(--muted);margin-bottom:20px}.contact-card>b{display:block;text-align:right;font:15px Arial;color:var(--pink)}.contact-socials{display:flex;flex-wrap:wrap;gap:17px;font:13px Arial;line-height:2;direction:ltr;justify-content:flex-end}.contact-socials a:hover{color:var(--pink)}@media(max-width:760px){.legal{padding-block:35px 60px}.legal h1{font-size:34px}.back-link{margin-bottom:30px}.legal-content{padding:23px}.legal-content h2{font-size:22px}.legal-content p,.legal-content li{font-size:14px}.legal-toc a{font-size:10px}.contact-grid{grid-template-columns:1fr}.contact-intro{font-size:14px}.contact-card{padding:25px}.contact-card p{font-size:13px}}
/* Match the typefaces used on the original HO WA HI website. */
body{font-family:Cairo,Arial,sans-serif}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{font-family:'Aref Ruqaa',Cairo,serif;font-weight:700;letter-spacing:0;line-height:1.65}html[lang=ar] .hero h1{font-size:72px;line-height:1.5}html[lang=ar] .section-heading h2{font-size:43px}html[lang=ar] .feature-copy h3{font-size:32px}html[lang=ar] .brand>span{font-family:'Aref Ruqaa',Cairo,serif;font-size:32px;line-height:1.1}html[lang=ar] .closing h2{font-size:44px;line-height:1.65}html[lang=ar] .closing-brand>span{font-family:'Aref Ruqaa',Cairo,serif}html[lang=ar] .legal h1{font-size:46px}html[lang=ar] .legal-content h2{font-size:27px}.language-switch{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;flex-shrink:0;padding:7px 12px;border:1px solid var(--line);border-radius:10px;font:12px Cairo,Arial,sans-serif;color:var(--ink);transition:background .2s,border-color .2s}.language-switch>span{font:21px Arial;color:var(--blue)}.language-switch:hover{background:var(--tint);border-color:#cfd6e4}.header-inner{gap:24px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) body{font-family:Cairo,Arial,sans-serif}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) h1,html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) h2,html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) h3{font-family:Calistoga,Georgia,serif;font-weight:400;letter-spacing:-.5px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .hero h1{font-size:56px;line-height:1.3}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .hero-description{font-size:16px;line-height:1.95}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .section-heading h2{font-size:36px;line-height:1.4}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .section-heading>p{font-size:15px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .hero-copy{text-align:left}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .brand>span{font-family:Calistoga,Georgia,serif;font-size:23px;font-weight:400;white-space:nowrap}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .brand b{font-weight:400}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .brand small{font-family:Arial,sans-serif;font-weight:400}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .header nav{font-size:12px;gap:26px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .header nav a:after{right:auto;left:0}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .header-cta{font-size:12px;gap:15px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .button:hover .icon{transform:translateX(4px)}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .principles>div{border-left:0;border-right:1px solid var(--line)}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .principles>div:first-child{padding-left:0;padding-right:35px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .principles>div:last-child{border:0}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .principles p{font-size:14px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .feature-tabs button{text-align:left;font-size:13px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .tab-indicator{margin-right:0;margin-left:auto}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .feature-copy h3{font-size:27px;line-height:1.5}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .feature-copy>p{font-size:14px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .feature-points{font-size:12px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .feature-points li:before{margin-top:6px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .stage-word{font-size:74px;right:auto;left:26px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .gallery-controls>span{margin-left:0;margin-right:15px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .start-steps h3{font-size:21px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .faq-items summary{font-size:14px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .faq-items details p{padding-left:0;padding-right:25px;font-size:13px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .closing h2{font-size:38px;line-height:1.4}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .closing-brand>span{font-family:Calistoga,Georgia,serif;font-size:29px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .viewer-controls #viewer-close{margin-right:0;margin-left:12px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .viewer-header h2{font-size:17px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .legal-content ul{padding-right:0;padding-left:23px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .legal h1{font-size:40px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .legal-content h2{font-size:23px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .legal-content p,html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .legal-content li{font-size:14px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .contact-card>b{text-align:left}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .contact-socials{justify-content:flex-start}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .contact-card h2{font-size:24px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .gallery-item{text-align:left}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .feature-layout{gap:70px}
@media(max-width:1100px){html[lang=ar] .hero h1{font-size:61px}html[lang=ar] .section-heading h2{font-size:38px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .hero h1{font-size:44px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .header nav{gap:17px;font-size:11px}.header-inner{gap:17px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .brand>span{font-size:20px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .section-heading h2{font-size:31px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .feature-layout{gap:45px}}
@media(max-width:760px){.header-cta{display:none}.language-switch{margin-inline-start:auto;font-size:11px;min-height:38px;padding:7px 11px}.header-inner{gap:15px}html[lang=ar] .hero h1{font-size:54px;line-height:1.5}html[lang=ar] .brand>span{font-size:27px}html[lang=ar] .section-heading h2{font-size:34px;line-height:1.6}html[lang=ar] .feature-copy h3{font-size:29px}html[lang=ar] .closing h2{font-size:35px}html[lang=ar] .start-steps h3{font-size:24px}html[lang=ar] .legal h1{font-size:35px}html[lang=ar] .legal-content h2{font-size:25px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .hero h1{font-size:35px;line-height:1.4;letter-spacing:-.7px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .hero-description{font-size:14px;line-height:1.95}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .section-heading h2{font-size:27px;line-height:1.5}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .section-heading>p{font-size:13px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .principles>div{border:0;border-bottom:1px solid var(--line);padding:15px 0}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .principles>div:first-child{padding:15px 0}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .principles p{font-size:13px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .feature-tabs button{font-size:12px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .feature-copy h3{font-size:25px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .feature-copy>p{font-size:13px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .feature-copy{min-height:360px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .gallery-controls>span{margin-left:0;margin-right:auto}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .start-steps h3{font-size:20px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .faq-items summary{font-size:13px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .closing h2{font-size:28px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .closing p{font-size:12px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .footer-main>div:first-child>p{max-width:130px;font-size:9px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .legal h1{font-size:31px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .legal-content h2{font-size:21px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .viewer-header h2{font-size:14px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .viewer-controls #viewer-close{margin-left:5px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .feature-layout{gap:28px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .brand>span{font-size:20px}}
@media(max-width:360px){html[lang=ar] .hero h1{font-size:49px}html[lang=ar] .section-heading h2{font-size:30px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .hero h1{font-size:31px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .actions .button{font-size:10px;gap:9px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .brand>span{font-size:18px}.language-switch{font-size:10px;padding-inline:9px}}
html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .visual-note,html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .visual-caption{direction:ltr}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .stage-word{font-family:Calistoga,Georgia,serif;font-size:55px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .brand small{letter-spacing:2.5px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .button .icon:has(use[href='#arrow']),html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .inline-button .icon:has(use[href='#arrow']){rotate:180deg}
/* Header refinement: compact bilingual wordmark and adjacent actions. */
.header .header-inner{height:92px;display:grid;grid-template-columns:auto 1fr auto;column-gap:48px}
.header a.header-brand{gap:14px}
.header a.header-brand>img{width:84px;height:74px;object-fit:contain}
.header a.header-brand>.header-wordmark{display:grid;justify-items:center;gap:5px;color:var(--blue);font:inherit;letter-spacing:0;white-space:nowrap}
.header .header-wordmark .wordmark-ar{display:flex;align-items:baseline;justify-content:center;gap:5px;color:var(--blue);font:700 27px/1.45 'Aref Ruqaa',Cairo,serif;letter-spacing:0}
.header .header-wordmark .wordmark-en{display:flex;align-items:baseline;justify-content:center;gap:4px;color:var(--blue);font:700 15px/1.4 Cairo,Arial,sans-serif;letter-spacing:.8px}
.header .header-wordmark b{color:var(--pink);font-weight:700}
.header nav{justify-content:center;gap:40px}
.header nav a{font:500 16px/1.7 Cairo,Arial,sans-serif;transition:color .2s}
.header nav a:after{display:none}
.header nav a:hover,.header nav a:focus-visible{color:var(--pink)}
.header-actions{display:flex;align-items:center;gap:8px;justify-self:end;white-space:nowrap}
.header .header-actions .header-cta{display:inline-flex;margin:0;min-height:44px;padding:11px 22px;border:1px solid var(--pink);border-radius:11px;background:var(--pink);color:#fff;font:600 12px/1.7 Cairo,Arial,sans-serif;box-shadow:none;gap:0}
.header .header-actions .header-cta:hover{background:#8e2563;border-color:#8e2563;transform:none;box-shadow:0 5px 14px #a32e7315}
.header .header-actions .language-switch{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:44px;min-height:44px;padding:0 10px;margin:0;border:1px solid #dde3ee;border-radius:11px;background:#f4f6fb;color:var(--blue);font:700 12px/1 Arial,sans-serif;letter-spacing:.5px;transition:color .2s,background .2s,border-color .2s}
.header .header-actions .language-switch:hover{background:#eaf0fa;border-color:#b7c7e4;color:#365a9b}
html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .header nav{gap:40px}
html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .header nav a{font-size:15px}
@media(max-width:1100px){.header .header-inner{column-gap:28px}.header nav,html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .header nav{gap:27px}.header a.header-brand>img{width:78px;height:69px}.header .header-wordmark .wordmark-ar{font-size:25px}.header .header-wordmark .wordmark-en{font-size:14px}.header .header-actions .header-cta{padding-inline:18px}}
@media(max-width:760px){.header .header-inner{height:78px;grid-template-columns:auto 1fr auto;column-gap:13px}.header a.header-brand{gap:8px}.header a.header-brand>img{width:64px;height:57px}.header .header-wordmark .wordmark-ar{font-size:23px;line-height:1.35;gap:4px}.header a.header-brand>.header-wordmark{gap:5px}.header .header-wordmark .wordmark-en{font-size:13px;letter-spacing:.35px;gap:3px}.header-actions{gap:6px}.header .header-actions .header-cta{font-size:10px;min-height:38px;padding:8px 10px;border-radius:9px}.header .header-actions .language-switch{min-width:36px;height:38px;min-height:38px;border-radius:9px;padding-inline:7px;font-size:11px}.header .menu{width:26px;padding:3px}.header nav{top:78px;gap:22px}.header nav a{font-size:15px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .header nav{gap:22px}.header .header-actions{justify-self:end}}
@media(max-width:360px){.header .header-inner{column-gap:8px}.header a.header-brand{gap:5px}.header a.header-brand>img{width:57px;height:51px}.header .header-wordmark .wordmark-ar{font-size:21px}.header .header-wordmark .wordmark-en{font-size:12px}.header .header-actions .header-cta{font-size:9px;padding-inline:8px}.header .header-actions .language-switch{min-width:32px;font-size:10px}.header-actions{gap:5px}.header .menu{width:23px}}
.header a.header-brand .header-wordmark b{font-weight:700}
/* Hero: connected copy and three overlapping original product screens. */
.hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(110deg,#f1f4fc 0%,#fafbfe 33%,#fff 65%)}
.hero .hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;min-height:750px;padding-block:40px 48px;align-items:center}
.hero .hero-copy{position:relative;z-index:2;padding-bottom:0}
.hero .hero-copy>.eyebrow{font-size:12px;margin-bottom:23px}
html[lang=ar] .hero h1{font-family:'Aref Ruqaa',Cairo,serif;font-size:58px;line-height:1.36;font-weight:700;letter-spacing:0;color:var(--blue)}
html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .hero h1{font-family:Calistoga,Georgia,serif;font-size:45px;line-height:1.35;font-weight:400;letter-spacing:-.7px;color:var(--blue)}
.hero h1 .accent{color:var(--pink)}
.hero-title-line{display:block;animation:heroLineEnter .8s ease both}.hero-title-line:nth-child(2){animation-delay:.1s}
.hero .hero-description{width:100%;max-width:480px;font:400 18px/1.95 Cairo,Arial,sans-serif;color:#697386;margin-top:26px;text-align:justify;text-align-last:start;text-wrap:wrap;white-space:normal;animation:heroLineEnter .8s .15s ease both}
html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .hero .hero-description{width:100%;max-width:480px;font-size:16px;line-height:1.95;text-align:justify;text-align-last:start}
.hero .actions{display:flex;align-items:center;gap:12px;margin-top:29px;flex-wrap:wrap}
.hero .actions .button{min-height:52px;border-radius:11px;font-size:14px}
.hero .actions>.button:first-child{padding-inline:27px;box-shadow:0 7px 20px #a32e7317}
.hero .actions>.button:first-child:hover{box-shadow:0 12px 25px #a32e7326}
.hero .actions .button-light{gap:8px;padding-inline:20px;background:#ffffffb5}
.hero .actions .button-light .icon{width:18px;height:18px}
.hero .hero-visual{height:680px;position:relative;direction:ltr;isolation:isolate;min-width:0}
.hero .visual-halo{position:absolute;inset:5% -9% 5%;border-radius:42% 58% 49% 51%;background:radial-gradient(ellipse at 25% 40%,#dbe4fbd9,transparent 65%),radial-gradient(ellipse at 80% 60%,#f5d9e9c9,transparent 65%);filter:blur(14px);animation:heroAura 11s ease-in-out infinite alternate;z-index:-1}
.hero .connection-line{inset:32px -15px 42px;border:1px solid #d1dbf09c;animation:heroOrbit 30s linear infinite}
.hero .connection-line:after{background:var(--pink-bright);box-shadow:0 0 0 8px #df459c0a}
.hero .connection-line:before{content:'';position:absolute;width:9px;height:9px;left:12px;bottom:95px;background:var(--blue);border:2px solid white;border-radius:50%;box-shadow:0 0 0 7px #476bb00a}
.hero .hero-device{position:absolute;border:6px solid white;outline:1px solid #dce2ef;border-radius:30px;background:white;box-shadow:0 30px 55px -22px #34466840;overflow:hidden}
.hero .third-device{left:1%;right:auto;top:82px;width:205px;z-index:1;transform:rotate(-13deg);animation:heroThirdDrift 9s ease-in-out infinite}
.hero .third-device .screen-trigger{height:438px;overflow:hidden}
.hero .rear-device{left:auto;right:0;top:65px;width:214px;z-index:2;transform:rotate(11deg);animation:heroRearDrift 8s ease-in-out infinite}
.hero .front-device{left:28%;right:auto;top:136px;width:238px;z-index:3;transform:rotate(-3deg);animation:heroFrontDrift 7s ease-in-out infinite;box-shadow:0 35px 60px -18px #3446684a}
.hero .front-device .device-scroll{height:501px}
.hero .hero-device:hover,.hero .hero-device:focus-within{animation-play-state:paused}
.hero-badges{position:absolute;inset:0;pointer-events:none;z-index:4}
.hero-badge{position:absolute;display:flex;align-items:center;gap:9px;padding:10px 14px;background:#fffffff5;border:1px solid #e4e8f2;border-radius:12px;box-shadow:0 10px 25px #34466810;color:#394359;font:500 12px/1.7 Cairo,Arial,sans-serif;direction:rtl;white-space:nowrap;animation:heroBadgeDrift 6s ease-in-out infinite}
html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .hero-badge{direction:ltr;font-size:11px}
.badge-icon{width:28px;height:28px;display:grid;place-content:center;border-radius:9px;background:#f9edf5;color:var(--pink);flex-shrink:0}
.badge-icon .icon{width:17px;height:17px}
.badge-1{left:0;top:8px;animation-delay:-1s}.badge-2{right:-5px;top:0;animation-delay:-3s}.badge-3{right:-10px;bottom:82px;animation-delay:-5s}.badge-4{left:0;bottom:7px;animation-delay:-2s}
.badge-2 .badge-icon,.badge-4 .badge-icon{background:#edf2fb;color:var(--blue)}
@keyframes heroLineEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes heroAura{from{transform:translate(-5px,-7px) scale(.97);opacity:.8}to{transform:translate(8px,10px) scale(1.08);opacity:1}}
@keyframes heroOrbit{from{transform:rotate(-15deg)}to{transform:rotate(345deg)}}
@keyframes heroFrontDrift{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-13px) rotate(-1deg)}}
@keyframes heroRearDrift{0%,100%{transform:translateY(-4px) rotate(11deg)}50%{transform:translateY(10px) rotate(9deg)}}
@keyframes heroThirdDrift{0%,100%{transform:translateY(4px) rotate(-13deg)}50%{transform:translateY(-8px) rotate(-11deg)}}
@keyframes heroBadgeDrift{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(max-width:1100px){.hero .hero-grid{gap:30px;min-height:690px}html[lang=ar] .hero h1{font-size:50px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .hero h1{font-size:38px}.hero .hero-description{font-size:16px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .hero .hero-description{font-size:14px}.hero .hero-visual{height:620px}.hero .third-device{left:0;top:77px;width:180px}.hero .third-device .screen-trigger{height:394px}.hero .rear-device{top:57px;width:188px;right:0}.hero .front-device{left:26%;top:130px;width:215px}.hero .front-device .device-scroll{height:456px}.hero-badge{font-size:11px;padding:9px 12px;gap:8px}.badge-icon{width:26px;height:26px}.badge-icon .icon{width:16px;height:16px}.badge-3{bottom:76px}.badge-4{bottom:0}}
@media(max-width:760px){.hero .hero-grid{display:flex;flex-direction:column;gap:25px;min-height:0;padding-block:35px 35px;align-items:stretch}.hero .hero-copy>.eyebrow{font-size:11px;margin-bottom:20px}html[lang=ar] .hero h1{font-size:43px;line-height:1.38}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .hero h1{font-size:31px;line-height:1.45}.hero .hero-description{font-size:15px;line-height:1.95;margin-top:24px;max-width:100%}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .hero .hero-description{font-size:13px;line-height:1.95}.hero .actions{gap:10px;margin-top:25px}.hero .actions .button{min-height:49px;font-size:12px;border-radius:10px}.hero .actions>.button:first-child{padding-inline:21px}.hero .actions .button-light{gap:7px;padding-inline:16px}.hero .actions .button-light .icon{width:16px;height:16px}.hero .hero-visual{height:600px;width:360px;max-width:100%;margin:13px auto 0;transform:none;align-self:center}.hero .third-device{left:0;top:50px;width:158px;border-width:5px;border-radius:24px}.hero .third-device .screen-trigger{height:344px}.hero .rear-device{top:30px;right:0;width:165px;border-width:5px;border-radius:24px}.hero .front-device{left:26%;top:100px;width:190px;border-width:5px;border-radius:26px}.hero .front-device .device-scroll{height:405px}.hero .connection-line{inset:25px 3px 110px}.hero .visual-halo{inset:5% -10% 15%}.hero-badges{inset:auto 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.hero .hero-badge{position:relative;inset:auto;justify-content:center;gap:6px;padding:8px 7px;font-size:9.5px;border-radius:10px;white-space:nowrap}.hero .badge-icon{width:23px;height:23px;border-radius:7px}.hero .badge-icon .icon{width:14px;height:14px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .hero-badge{font-size:8.5px}}
@media(max-width:360px){html[lang=ar] .hero h1{font-size:39px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .hero h1{font-size:28px}.hero .hero-description{font-size:14px}.hero .hero-visual{height:560px}.hero .front-device{left:24%;top:95px;width:175px}.hero .front-device .device-scroll{height:374px}.hero .third-device{width:145px;top:48px}.hero .third-device .screen-trigger{height:316px}.hero .rear-device{width:150px;top:30px}.hero .hero-badge{font-size:9px;padding-inline:5px}.hero .badge-icon{width:21px;height:21px}.hero .actions .button-light{padding-inline:13px;gap:6px}}
@media(prefers-reduced-motion:reduce){.hero .hero-title-line,.hero .hero-description,.hero .visual-halo,.hero .connection-line,.hero .hero-device,.hero .hero-badge{animation:none}.hero .front-device{transform:rotate(-3deg)}.hero .rear-device{transform:rotate(11deg)}.hero .third-device{transform:rotate(-13deg)}}
/* Feature explorer: scoped to the second section. */
.feature-experience{background:#f8f9fc;padding-block:88px 94px;border-top:1px solid #eef0f6}
.feature-experience .feature-section-heading{max-width:720px;margin-bottom:34px}
.feature-experience .feature-section-heading>.eyebrow{color:var(--pink);font:600 14px/1.8 Cairo,Arial,sans-serif;margin-bottom:13px}
.feature-experience .feature-section-heading h2{color:var(--blue);font-size:45px;line-height:1.55;letter-spacing:0}
.feature-experience .feature-section-heading h2>span{color:var(--pink)}
.feature-experience .feature-section-heading>p{max-width:650px;font:400 17px/2 Cairo,Arial,sans-serif;color:#758096;margin-top:18px}
.feature-experience .feature-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;max-width:none;padding:0;margin:0 0 22px;border:0}
.feature-experience .feature-tabs .feature-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;min-height:104px;padding:15px 9px;background:#fff;border:1px solid #e6eaf3;border-radius:15px;color:#6b768b;font:500 15px/1.6 Cairo,Arial,sans-serif;position:relative;transition:color .25s,border-color .25s,background .25s,transform .25s,box-shadow .25s}
.feature-experience .feature-tab-icon{display:grid;place-content:center;width:34px;height:34px;border-radius:10px;background:#edf2fc;color:var(--blue)}
.feature-experience .feature-tab-icon .icon{width:21px;height:21px}
.feature-experience .feature-tab-pink .feature-tab-icon{background:#faedf5;color:var(--pink)}
.feature-experience .feature-tabs .feature-tab:hover{border-color:#c5d2e9;transform:translateY(-3px);color:var(--blue)}
.feature-experience .feature-tabs .feature-tab[aria-selected=true]{background:#fff;border-color:#a9bedf;box-shadow:0 8px 20px #476bb00c;color:var(--blue);font-weight:600}
.feature-experience .feature-tabs .feature-tab[aria-selected=true]:after{content:'';position:absolute;bottom:-1px;left:30%;right:30%;height:3px;background:var(--blue);border-radius:3px 3px 0 0}
.feature-experience .feature-tabs .feature-tab-pink[aria-selected=true]{border-color:#dfb1cf;color:var(--pink);box-shadow:0 8px 20px #a32e7309}
.feature-experience .feature-tabs .feature-tab-pink[aria-selected=true]:after{background:var(--pink)}
.feature-experience .feature-display{--feature-color:var(--blue);--feature-soft:#edf2fc;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-height:0;background:white;border:1px solid #e4e9f3;border-radius:25px;overflow:hidden;box-shadow:0 18px 45px -30px #354c7c20}
.feature-experience .feature-display[data-tone=pink]{--feature-color:var(--pink);--feature-soft:#faedf5}
.feature-experience .feature-detail{padding:28px 34px 26px;display:flex;flex-direction:column;min-width:0}
.feature-experience .feature-detail-kicker{display:flex;align-items:center;gap:9px;color:var(--feature-color);font:500 13px/1.7 Cairo,Arial,sans-serif;margin-bottom:19px}
.feature-experience .feature-detail-kicker>span:first-child{display:grid;place-content:center;width:29px;height:29px;border-radius:9px;background:var(--feature-soft)}
.feature-experience .feature-detail-kicker .icon{width:17px;height:17px}
.feature-experience .feature-detail>h3{font-family:'Aref Ruqaa',Cairo,serif;font-size:34px;font-weight:700;line-height:1.6;letter-spacing:0;color:#2e3b54;margin:0 0 17px;min-height:52px}
.feature-experience .feature-detail>p{font:400 16px/1.95 Cairo,Arial,sans-serif;color:#788399;margin:0;max-width:480px}
.feature-experience .feature-points{list-style:none;padding:0;margin:21px 0 23px;display:grid;gap:13px}
.feature-experience .feature-points>li{display:flex;align-items:start;gap:12px;color:inherit;font:inherit}
.feature-experience .feature-points>li:before{display:none}
.feature-experience .feature-point-mark{flex:0 0 23px;width:23px;height:23px;display:grid;place-content:center;border-radius:50%;background:var(--feature-soft);color:var(--feature-color);font:12px Arial;margin-top:3px}
.feature-experience .feature-points li>div{min-width:0}
.feature-experience .feature-points strong{display:block;color:#39465d;font:600 15px/1.8 Cairo,Arial,sans-serif;margin-bottom:3px}
.feature-experience .feature-points li>div>span{display:block;color:#8a93a4;font:400 14px/1.9 Cairo,Arial,sans-serif}
.feature-experience .feature-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:0;padding-top:16px;border-top:1px solid #edf0f5}
.feature-experience .feature-toolbar .inline-button{display:inline-flex;gap:8px;color:var(--feature-color);border:0;padding:0;font:600 14px/1.7 Cairo,Arial,sans-serif}
.feature-experience .feature-toolbar .inline-button .icon{width:16px;height:16px}
.feature-experience .feature-pagination{display:flex;align-items:center;gap:12px;white-space:nowrap}
.feature-experience .feature-pagination>span{font:10px Arial;color:#9ba4b5;letter-spacing:1px}
.feature-experience .feature-pagination>button{width:32px;height:32px;border:1px solid #e4e8f2;border-radius:9px;background:white;font:19px Arial;color:var(--feature-color);transition:background .2s}
.feature-experience .feature-pagination>button:hover{background:var(--feature-soft)}
.feature-experience .feature-preview{position:relative;isolation:isolate;display:grid;place-content:center;min-height:0;padding:64px 24px 28px;background:linear-gradient(140deg,#f5f7fc,#f0f3fa);overflow:hidden;border-inline-start:1px solid #edf0f6;transition:background .4s}
.feature-experience [data-tone=pink] .feature-preview{background:linear-gradient(140deg,#fcf7fb,#f7eff6)}
.feature-experience .feature-preview-halo{position:absolute;z-index:-1;inset:10% -12%;background:radial-gradient(ellipse,#dce5f69c,transparent 68%);border-radius:50%;animation:featureHaloBreathe 9s ease-in-out infinite}
.feature-experience [data-tone=pink] .feature-preview-halo{background:radial-gradient(ellipse,#f2d8e79c,transparent 68%)}
.feature-experience .feature-preview-orbit{width:370px;height:370px;position:absolute;top:24%;left:50%;transform:translateX(-50%);border:1px solid #dbe3f29c;border-radius:50%;z-index:-1}
.feature-experience .feature-preview-orbit:before{content:'';position:absolute;inset:29px;border:1px dashed #dbe3f2a6;border-radius:50%}
.feature-experience [data-tone=pink] .feature-preview-orbit,.feature-experience [data-tone=pink] .feature-preview-orbit:before{border-color:#e9d4e1b3}
.feature-experience .feature-preview-label{display:flex;align-items:center;gap:8px;position:absolute;top:23px;inset-inline-start:25px;padding:8px 13px;background:#ffffffc9;border:1px solid #fff;border-radius:11px;color:var(--feature-color);font:500 12px/1.5 Cairo,Arial,sans-serif;box-shadow:0 7px 20px #34466805;z-index:2}
.feature-experience .feature-preview-label>span:first-child{display:grid;place-content:center}.feature-experience .feature-preview-label .icon{width:17px;height:17px}
.feature-experience .feature-screen-view{padding-top:0;animation:featurePhoneFloat 8s ease-in-out infinite}
.feature-experience .feature-screen-view:hover,.feature-experience .feature-screen-view:focus-within{animation-play-state:paused}
.feature-experience .feature-screenframe{width:254px;border:7px solid white;outline:1px solid #dbe2ef;border-radius:29px;overflow:hidden;background:white;box-shadow:0 28px 45px -20px #34466840;transform:rotate(-2deg)}
.feature-experience .feature-scroll{height:360px;overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain;background:white}
.feature-experience .feature-scroll img{width:100%;height:auto;display:block}
.feature-experience .feature-gift-view{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:45px 30px;color:var(--feature-color)}
.feature-experience .gift-illustration{width:250px;max-width:100%;height:auto;filter:drop-shadow(0 18px 26px #a32e7310);animation:featureGiftFloat 7s ease-in-out infinite}
.feature-experience .feature-gift-view strong{font:600 22px/1.6 Cairo,Arial,sans-serif;color:#5e3b59}
.feature-experience .feature-gift-view>span{font:400 14px/1.9 Cairo,Arial,sans-serif;color:#9b7990}
.feature-experience [hidden]{display:none!important}
html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .feature-experience .feature-section-heading h2{font-family:Calistoga,Georgia,serif;font-weight:400;font-size:39px;line-height:1.45}
html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .feature-experience .feature-detail>h3{font-family:Calistoga,Georgia,serif;font-weight:400;font-size:27px;line-height:1.5}
html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .feature-experience .feature-tabs .feature-tab{font-size:14px}
html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .feature-experience .feature-detail>p{font-size:15px}
html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .feature-experience .feature-points strong{font-size:14px}
html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .feature-experience .feature-points li>div>span{font-size:13px}
@keyframes featurePhoneFloat{50%{transform:translateY(-7px)}}@keyframes featureGiftFloat{50%{transform:translateY(-9px) rotate(2deg)}}@keyframes featureHaloBreathe{50%{transform:scale(1.08);opacity:.65}}
@media(max-width:1100px){.feature-experience .feature-detail{padding:26px 25px 24px}.feature-experience .feature-detail>h3{font-size:31px}.feature-experience .feature-detail>p{font-size:15px}.feature-experience .feature-tabs{gap:9px}.feature-experience .feature-tabs .feature-tab{font-size:13px;min-height:96px}.feature-experience .feature-screenframe{width:231px}.feature-experience .feature-scroll{height:340px}.feature-experience .feature-pagination{gap:8px}.feature-experience .feature-section-heading h2{font-size:41px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .feature-experience .feature-tabs .feature-tab{font-size:12px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .feature-experience .feature-detail>h3{font-size:25px}}
@media(max-width:760px){.feature-experience{padding-block:60px 64px}.feature-experience .feature-section-heading{margin-bottom:25px}.feature-experience .feature-section-heading>.eyebrow{font-size:13px;margin-bottom:12px}.feature-experience .feature-section-heading h2{font-size:35px;line-height:1.6}.feature-experience .feature-section-heading>p{font-size:15px;line-height:1.95;margin-top:17px}.feature-experience .feature-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:17px}.feature-experience .feature-tabs .feature-tab{gap:8px;min-height:85px;padding:11px 5px;border-radius:12px;font-size:13px}.feature-experience .feature-tab-icon{width:29px;height:29px;border-radius:9px}.feature-experience .feature-tab-icon .icon{width:19px;height:19px}.feature-experience .feature-display{grid-template-columns:minmax(0,1fr);min-height:0;border-radius:18px}.feature-experience .feature-detail{padding:23px 21px 22px}.feature-experience .feature-detail-kicker{font-size:12px;margin-bottom:16px}.feature-experience .feature-detail>h3{font-size:30px;line-height:1.6;margin-bottom:14px;min-height:0}.feature-experience .feature-detail>p{font-size:15px;line-height:1.95}.feature-experience .feature-points{margin-block:20px 22px;gap:12px}.feature-experience .feature-points strong{font-size:14px}.feature-experience .feature-points li>div>span{font-size:13px}.feature-experience .feature-points>li{gap:10px}.feature-experience .feature-point-mark{flex-basis:21px;width:21px;height:21px;font-size:13px}.feature-experience .feature-toolbar{gap:15px;padding-top:16px}.feature-experience .feature-toolbar .inline-button{font-size:13px}.feature-experience .feature-pagination{gap:9px}.feature-experience .feature-pagination>button{width:29px;height:29px;font-size:20px}.feature-experience .feature-preview{min-height:0;padding:64px 22px 24px;border-inline-start:0;border-top:1px solid #edf0f6}.feature-experience .feature-preview-label{top:16px;inset-inline-start:17px;font-size:11px;padding:7px 10px}.feature-experience .feature-preview-label .icon{width:15px;height:15px}.feature-experience .feature-screen-view{padding-top:0}.feature-experience .feature-screenframe{width:210px;border-width:6px;border-radius:25px}.feature-experience .feature-scroll{height:300px}.feature-experience .feature-preview-orbit{width:300px;height:300px;top:17%}.feature-experience .gift-illustration{width:210px}.feature-experience .feature-gift-view strong{font-size:19px}.feature-experience .feature-gift-view>span{font-size:13px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .feature-experience .feature-section-heading h2{font-size:29px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .feature-experience .feature-detail>h3{font-size:25px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .feature-experience .feature-tabs .feature-tab{font-size:12px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .feature-experience .feature-section-heading>p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.feature-experience .feature-screen-view,.feature-experience .gift-illustration,.feature-experience .feature-preview-halo{animation:none}.feature-experience .feature-tabs .feature-tab{transition:none}.feature-experience .feature-tabs .feature-tab:hover{transform:none}}
.feature-experience .feature-tabs .feature-tab>span{font:inherit;color:inherit}
/* Feature introduction: clear brand typography with a balanced editorial layout. */
.feature-experience .feature-section-heading{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);grid-template-areas:"intro title";align-items:center;gap:64px;max-width:none;direction:ltr;margin-bottom:38px}
.feature-experience .feature-heading-title{grid-area:title;direction:rtl;text-align:start;min-width:0}
.feature-experience .feature-heading-title>.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border-radius:30px;background:#f7eaf3;color:var(--pink);font:600 14px/1.8 Cairo,Arial,sans-serif;margin:0 0 18px}
.feature-experience .feature-heading-title>.eyebrow .icon{width:17px;height:17px}
html[lang=ar] .feature-experience .feature-section-heading h2{font:700 40px/1.5 'Aref Ruqaa',Cairo,serif;letter-spacing:0;color:var(--blue);text-wrap:balance}
.feature-experience .feature-section-heading h2>span{color:var(--pink)}
.feature-experience .feature-heading-summary{grid-area:intro;direction:rtl;text-align:start;min-width:0;max-width:445px;background:#fff;border:1px solid #e9edf5;border-radius:20px;padding:24px 27px;position:relative}
.feature-experience .feature-summary-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#edf2fc;color:var(--blue);margin-bottom:12px}
.feature-experience .feature-summary-icon .icon{width:21px;height:21px}
.feature-experience .feature-heading-intro{font:400 17px/1.95 Cairo,Arial,sans-serif;color:#637087;margin:0;text-align:start;text-wrap:pretty}
html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .feature-experience .feature-heading-title,html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .feature-experience .feature-heading-summary{direction:ltr}
html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .feature-experience .feature-section-heading h2{font:400 36px/1.45 Calistoga,Georgia,serif;letter-spacing:-.6px;text-wrap:balance}
html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .feature-experience .feature-heading-intro{font-size:16px;line-height:1.85}
@media(max-width:1100px){.feature-experience .feature-section-heading{gap:34px}html[lang=ar] .feature-experience .feature-section-heading h2{font-size:34px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .feature-experience .feature-section-heading h2{font-size:30px}.feature-experience .feature-heading-summary{padding:21px}.feature-experience .feature-heading-intro{font-size:16px}}
@media(max-width:760px){.feature-experience .feature-section-heading{grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "intro";gap:22px;margin-bottom:26px}.feature-experience .feature-heading-title>.eyebrow{font-size:13px;margin-bottom:14px}html[lang=ar] .feature-experience .feature-section-heading h2{font-size:32px;line-height:1.6}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .feature-experience .feature-section-heading h2{font-size:28px;line-height:1.45}.feature-experience .feature-heading-summary{max-width:none;padding:19px 21px;border-radius:16px}.feature-experience .feature-heading-intro{font-size:16px;line-height:1.95}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .feature-experience .feature-heading-intro{font-size:15px}}
@media(max-width:360px){html[lang=ar] .feature-experience .feature-section-heading h2{font-size:29px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .feature-experience .feature-section-heading h2{font-size:25px}}
/* Reference treatment: screens fade into the existing background; labels and rings remain clear. */
.hero .hero-screen-group{position:absolute;inset:0 -64px;z-index:2;isolation:isolate;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 64%,rgba(0,0,0,.97) 68%,rgba(0,0,0,.6) 73%,rgba(0,0,0,.15) 79%,transparent 83%);mask-image:linear-gradient(to bottom,#000 0%,#000 64%,rgba(0,0,0,.97) 68%,rgba(0,0,0,.6) 73%,rgba(0,0,0,.15) 79%,transparent 83%)}

/* Room for the rotated screen corners, with the existing bottom fade unchanged. */
.hero .hero-screen-canvas{position:absolute;inset:0 64px}
@media(max-width:760px){.hero .third-device{left:18px}.hero .rear-device{right:18px}}

/* Shared display type and a continuous blend of the two brand colors. */
html[lang=ar] .section-heading h2,html[lang=ar] .closing h2{font-family:'Aref Ruqaa',Cairo,serif;font-weight:700;letter-spacing:0}
html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .section-heading h2,html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .closing h2{font-family:Calistoga,Georgia,serif;font-weight:400}
@supports (background-clip:text) or (-webkit-background-clip:text){
 html body main .section-heading h2{background-image:linear-gradient(110deg,var(--pink) 12%,#875295 46%,var(--blue) 88%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
 html body main .section-heading h2>span{color:inherit;-webkit-text-fill-color:inherit}
}
/* Justified body copy keeps both edges aligned across all content sections. */
html body main p,html body main .feature-points li>div>span{text-align:justify!important;text-align-last:start!important;text-justify:inter-word;text-wrap:wrap!important;white-space:normal}
@media(forced-colors:active){html body main .section-heading h2{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}}

/* Two concise lines in a softly tinted brand container. */
.feature-experience .feature-heading-summary{background:linear-gradient(125deg,#edf2fb 0%,#f7f4fb 54%,#f9edf5 100%);border-color:#e5e4f0;box-shadow:0 10px 28px -24px #476bb035}
.feature-experience .feature-summary-icon{background:#ffffffb8}
.feature-experience .feature-heading-intro>span{display:block;white-space:nowrap}
@media(max-width:760px){.feature-experience .feature-heading-intro{font-size:clamp(12px,3.6vw,17px)}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .feature-experience .feature-heading-intro{font-size:clamp(12px,3.6vw,16px)}}

/* Feature navigation sits beside the detail-and-screen panel. */
.feature-experience .feature-workbench{display:grid;grid-template-columns:minmax(0,1fr) 216px;grid-template-areas:"panel filters";gap:20px;align-items:stretch;direction:ltr}
.feature-experience .feature-workbench>.feature-tabs{grid-area:filters;direction:rtl;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(112px,auto));grid-auto-flow:column;gap:10px;margin:0;padding:10px;max-width:none;border:1px solid #e5e9f2;border-radius:22px;background:linear-gradient(150deg,#eef2fa,#f6f0f7)}
.feature-experience .feature-workbench>.feature-tabs .feature-tab{min-height:112px;padding:13px 5px;gap:11px;font-size:14px;border-radius:14px;line-height:1.6;box-shadow:none}
.feature-experience .feature-workbench>.feature-tabs .feature-tab>span:last-child{min-height:2.8em;display:flex;align-items:center;justify-content:center}
.feature-experience .feature-workbench>.feature-tabs .feature-tab[aria-selected=true]{background:#edf2fc;border-color:#9bb3da;box-shadow:0 5px 14px #476bb010}
.feature-experience .feature-workbench>.feature-tabs .feature-tab-pink[aria-selected=true]{background:#faedf5;border-color:#d9a6c6}
.feature-experience .feature-workbench>.feature-tabs .feature-tab[aria-selected=true]:after{display:none}
.feature-experience .feature-workbench>.feature-display{grid-area:panel;direction:rtl;min-width:0;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}
.feature-experience .feature-workbench .feature-detail{padding:28px;min-width:0}
.feature-experience .feature-workbench .feature-detail>h3{font-size:32px;line-height:1.6}
.feature-experience .feature-workbench .feature-preview{padding-inline:20px}
html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .feature-experience .feature-workbench>.feature-display,html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .feature-experience .feature-workbench>.feature-tabs{direction:ltr}
html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .feature-experience .feature-workbench>.feature-tabs .feature-tab{font-size:13px}
html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .feature-experience .feature-workbench .feature-detail>h3{font-size:25px}
@media(min-width:1001px) and (max-width:1100px){.feature-experience .feature-workbench{grid-template-columns:minmax(0,1fr) 190px;gap:15px}.feature-experience .feature-workbench>.feature-tabs{gap:7px;padding:8px}.feature-experience .feature-workbench>.feature-tabs .feature-tab{font-size:12px}.feature-experience .feature-workbench .feature-detail{padding:24px 20px}.feature-experience .feature-workbench .feature-detail>h3{font-size:29px}.feature-experience .feature-workbench .feature-preview{padding-inline:14px}.feature-experience .feature-workbench .feature-screenframe{width:210px}}
@media(max-width:1000px){.feature-experience .feature-workbench{grid-template-columns:minmax(0,1fr);grid-template-areas:"filters" "panel";gap:18px}.feature-experience .feature-workbench>.feature-tabs{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,auto);grid-auto-flow:row;padding:9px;border-radius:18px}.feature-experience .feature-workbench>.feature-tabs .feature-tab{min-height:88px;padding:12px 7px;gap:7px}.feature-experience .feature-workbench>.feature-tabs .feature-tab>span:last-child{min-height:0}.feature-experience .feature-workbench .feature-detail{padding:26px}}
@media(max-width:760px){.feature-experience .feature-workbench{gap:16px}.feature-experience .feature-workbench>.feature-display{grid-template-columns:minmax(0,1fr)}.feature-experience .feature-workbench>.feature-tabs{gap:7px;padding:8px}.feature-experience .feature-workbench>.feature-tabs .feature-tab{font-size:12px;min-height:88px;padding:10px 4px;border-radius:11px}.feature-experience .feature-workbench .feature-detail{padding:23px 21px}.feature-experience .feature-workbench .feature-detail>h3{font-size:30px}.feature-experience .feature-workbench .feature-preview{padding-inline:22px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .feature-experience .feature-workbench>.feature-tabs .feature-tab{font-size:11px}}

/* Hide the screen-preview scrollbar while preserving native scrolling. */
.feature-experience .feature-scroll::-webkit-scrollbar{display:none;width:0;height:0}
/* A soft, tactile app-tour dashboard, inspired by the supplied reference. */
.tour-section{background:linear-gradient(145deg,#f5f7fc,#fcf6fa);padding-block:90px}
.tour-heading{max-width:800px;margin-bottom:34px}.tour-heading>p{max-width:620px;margin-top:14px}
.tour-dashboard{display:grid;grid-template-columns:184px minmax(0,1fr);border-radius:34px;background:#fcf8fc;border:1px solid #fff;box-shadow:0 25px 65px -35px #5e5a924a,inset 0 2px 3px #fff;overflow:hidden}
.tour-sidebar{padding:28px 15px 22px;background:linear-gradient(155deg,#d8e1f7,#d9cfe8 62%,#c7d2ec);box-shadow:inset 2px 0 4px #ffffff90,7px 0 22px #6076ac17;display:flex;flex-direction:column;gap:27px;position:relative;z-index:1}
.tour-brand{text-align:center;color:#3e578b;display:grid;justify-items:center;gap:15px}.tour-brand>span{display:grid;place-items:center;width:100px;height:100px;border-radius:32px;background:linear-gradient(140deg,#fff9ff,#f1e2f0);box-shadow:inset 2px 2px 4px #fff,0 7px 13px #6876ad33,2px 2px 3px #ffffffb3}.tour-brand img{width:77px;height:auto}.tour-brand strong{font:600 15px/1.8 Cairo,Arial,sans-serif}
.tour-sidebar nav{display:flex;flex-direction:column;gap:9px}.tour-sidebar nav button{display:flex;align-items:center;gap:11px;width:100%;padding:13px 15px;min-height:49px;border:1px solid transparent;border-radius:16px;background:transparent;text-align:start;color:#465b88;font:600 14px/1.6 Cairo,Arial,sans-serif;transition:background .25s,box-shadow .25s,transform .25s}.tour-sidebar nav button .icon{width:22px;height:22px;filter:drop-shadow(0 2px 0 #ffffff80)}.tour-sidebar nav button:hover{background:#ffffff65;transform:translateY(-2px)}.tour-sidebar nav button[aria-pressed=true]{background:linear-gradient(130deg,#fff,#f8eff6);border-color:#fff7;box-shadow:0 5px 9px #5b6da72b,inset 0 2px 2px #fff;color:var(--pink)}
.tour-sidebar-note{margin-top:auto;padding:20px 13px;border-radius:21px;background:linear-gradient(135deg,#fbe7f1,#e2e7f9);box-shadow:inset 1px 2px 3px #fff,0 8px 16px #6076ac20;color:#79558a;text-align:center;display:grid;justify-items:center;gap:12px}.tour-sidebar-note>.icon{width:32px;height:32px;fill:#c885b32b;filter:drop-shadow(0 3px 1px #a32e731a)}.tour-sidebar-note strong{font:600 14px/1.9 Cairo,Arial,sans-serif}
.tour-main{padding:24px;min-width:0}.tour-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px}.tour-topbar>span:first-child{display:flex;align-items:center;gap:9px;color:#637298;font:600 14px Cairo,Arial,sans-serif}.tour-topbar .icon{color:var(--pink);width:19px;height:19px}.tour-dots{display:flex;gap:7px;direction:ltr}.tour-dots i{width:9px;height:9px;background:#c9d5ed;border-radius:50%;box-shadow:inset 0 1px 2px #fff}.tour-dots i:nth-child(2){background:#dec7dd}.tour-dots i:nth-child(3){background:#efdae8}
.tour-banner{display:grid;grid-template-columns:minmax(0,1fr) 265px;align-items:center;gap:24px;padding:28px 28px 20px;background:linear-gradient(120deg,#e2e9f9,#eee3f3 60%,#f5deed);border:1px solid #ffffffb3;border-radius:27px;box-shadow:inset 1px 2px 5px #fff9,0 8px 16px #82729a1c;position:relative;overflow:hidden;min-height:374px}.tour-banner-copy{position:relative;z-index:1;min-width:0}.tour-current-label{display:inline-flex;padding:5px 12px;background:#ffffff9c;border:1px solid #fff8;border-radius:20px;color:var(--pink);font:600 12px/1.8 Cairo,Arial,sans-serif;margin-bottom:14px}.tour-banner h3{font:700 34px/1.55 'Aref Ruqaa',Cairo,serif;color:#465d94;margin:0 0 14px}.tour-banner-copy>p{font:400 15px/1.95 Cairo,Arial,sans-serif;color:#66718c;max-width:410px}.tour-open{margin-top:22px;gap:9px;font-size:13px;min-height:43px;padding:11px 18px;border-radius:15px;background:linear-gradient(140deg,#b34f90,#9b3377);box-shadow:inset 0 2px 2px #ffffff3b,0 5px 9px #a32e7326}.tour-open:hover{box-shadow:inset 0 2px 2px #ffffff3b,0 8px 14px #a32e7330}.tour-open .icon{width:17px;height:17px}
.tour-product{position:relative;display:grid;justify-items:center;gap:12px;padding-top:3px}.tour-phone{width:205px;border:6px solid #fff;border-radius:28px;background:white;outline:1px solid #d5dbee;box-shadow:0 19px 24px -12px #5a609448,inset 2px 2px 3px #fff;overflow:hidden;transform:rotate(-3deg);transition:transform .3s}.tour-phone:hover,.tour-phone:focus-within{transform:rotate(0)}.tour-scroll{height:285px;overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain;background:white}.tour-scroll::-webkit-scrollbar{display:none}.tour-scroll img{width:100%;height:auto}.tour-scroll-hint{font:400 10px/1.8 Cairo,Arial,sans-serif;color:#7b7593;text-align:center}.tour-orb{position:absolute;display:grid;place-items:center;width:57px;height:57px;border-radius:19px;z-index:2;box-shadow:inset 2px 3px 4px #fff8,0 9px 12px #6876ad28;animation:tourFloat 7s ease-in-out infinite}.tour-orb .icon{width:29px;height:29px;filter:drop-shadow(0 2px 1px #fff8)}.tour-orb-heart{top:20px;left:0;transform:rotate(-10deg);background:linear-gradient(140deg,#fce4ef,#e9afd0);color:#ac4f8a}.tour-orb-heart .icon{fill:#fff5}.tour-orb-spark{bottom:43px;right:-3px;background:linear-gradient(140deg,#e9f0ff,#b5c9ec);color:#5577b2;transform:rotate(10deg);animation-delay:-3s}
.tour-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:19px}.tour-card{display:flex;flex-direction:column;align-items:flex-start;text-align:start;gap:5px;min-width:0;border:1px solid #ffffffc9;border-radius:20px;padding:17px;background:linear-gradient(135deg,#f4eaf8,#eadcf2);box-shadow:inset 1px 2px 3px #fff9,0 5px 9px #75658a15;transition:transform .25s,box-shadow .25s}.tour-card:hover{transform:translateY(-5px);box-shadow:inset 1px 2px 3px #fff9,0 10px 15px #75658a20}.tour-card[aria-pressed=true]{outline:2px solid #a32e7350;outline-offset:2px}.tour-card-1{background:linear-gradient(135deg,#fcecf3,#f5dce9)}.tour-card-2{background:linear-gradient(135deg,#edf2fd,#dfe7f8)}.tour-card-3{background:linear-gradient(135deg,#f7f0fa,#e8e0f3)}.tour-clay-icon{display:grid;place-items:center;width:38px;height:38px;background:linear-gradient(145deg,#b1c4e9,#7796cc);border:1px solid #d8e4ff;border-radius:12px;color:#fff;box-shadow:inset 1px 2px 2px #ffffff73,0 4px 5px #6076ac30;margin-bottom:7px}.tour-clay-icon .icon{width:23px;height:23px;filter:drop-shadow(0 2px 1px #476bb040)}.tour-card-1 .tour-clay-icon,.tour-card-3 .tour-clay-icon{background:linear-gradient(145deg,#e3a1ca,#bd6da5);border-color:#f4cce5}.tour-card strong{font:600 15px/1.7 Cairo,Arial,sans-serif;color:#48587d}.tour-card>span:last-child{font:400 11px/1.8 Cairo,Arial,sans-serif;color:#7b7c94}
.tour-stories{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.tour-story{display:flex;align-items:center;gap:14px;text-align:start;min-width:0;padding:15px;border:1px solid #fff;border-radius:21px;background:linear-gradient(145deg,#fffafc,#f4edf6);box-shadow:inset 0 2px 3px #fff,0 5px 10px #74648a13;transition:transform .25s}.tour-story:hover{transform:translateY(-3px)}.tour-story-thumb{width:65px;height:86px;flex:0 0 65px;border:4px solid white;border-radius:13px;overflow:hidden;box-shadow:0 4px 8px #66749a1f}.tour-story-thumb img{width:100%;height:auto}.tour-story>span:nth-child(2){min-width:0}.tour-story strong{display:block;font:600 13px/1.8 Cairo,Arial,sans-serif;color:#526082;margin-bottom:5px}.tour-story>span>span{display:block;font:400 11px/1.9 Cairo,Arial,sans-serif;color:#818598}.tour-story>.icon{width:17px;height:17px;color:#a3789e;margin-inline-start:auto}
.tour-footer{display:flex;align-items:center;justify-content:center;gap:9px;color:#8c7793;font:400 11px/1.8 Cairo,Arial,sans-serif;margin-top:22px;text-align:center}.tour-footer .icon{width:16px;height:16px;color:#b96d9f}
html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .tour-banner h3{font:400 27px/1.5 Calistoga,Georgia,serif}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .tour-banner-copy>p{font-size:14px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .tour-sidebar nav button{font-size:12px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .tour-brand strong{font-size:12px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .tour-card strong{font-size:13px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .tour-card>span:last-child{font-size:10px}
@keyframes tourFloat{50%{translate:0 -7px}}
@media(max-width:1100px){.tour-dashboard{grid-template-columns:155px minmax(0,1fr)}.tour-main{padding:20px}.tour-sidebar{padding-inline:12px}.tour-sidebar nav button{padding:12px;gap:9px;font-size:13px}.tour-banner{padding:23px 20px 18px;gap:15px;grid-template-columns:minmax(0,1fr) 220px}.tour-banner h3{font-size:30px}.tour-banner-copy>p{font-size:14px}.tour-phone{width:184px}.tour-scroll{height:278px}.tour-orb{width:46px;height:46px;border-radius:15px}.tour-orb .icon{width:24px;height:24px}.tour-cards{gap:10px}.tour-card{padding:13px}.tour-card strong{font-size:14px}.tour-story{gap:10px;padding:12px}.tour-story-thumb{width:51px;flex-basis:51px;height:77px}}
@media(max-width:900px){.tour-dashboard{grid-template-columns:1fr}.tour-sidebar{padding:13px;gap:0;border-radius:0;display:block}.tour-brand,.tour-sidebar-note{display:none}.tour-sidebar nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.tour-sidebar nav button{flex-direction:column;justify-content:center;text-align:center;padding:10px 3px;gap:7px;font-size:11px;min-width:0}.tour-sidebar nav button .icon{width:20px;height:20px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .tour-sidebar nav button{font-size:10px}.tour-stories{gap:12px}}
@media(max-width:600px){.tour-section{padding-block:60px}.tour-heading{margin-bottom:24px}.tour-heading h2 span{display:block}.tour-heading>p{font-size:14px}.tour-dashboard{border-radius:24px}.tour-sidebar{padding:10px}.tour-sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.tour-sidebar nav button{flex-direction:row;gap:7px;min-height:42px;padding:8px 5px;font-size:11px;border-radius:12px}.tour-sidebar nav button .icon{width:17px;height:17px}.tour-main{padding:15px}.tour-topbar{margin-bottom:15px}.tour-topbar>span:first-child{font-size:12px}.tour-banner{grid-template-columns:minmax(0,1fr);padding:22px 20px 18px;gap:26px;border-radius:21px}.tour-banner h3{font-size:30px;margin-bottom:12px}.tour-banner-copy>p{font-size:14px}.tour-open{margin-top:17px;font-size:12px}.tour-product{width:255px;max-width:100%;margin-inline:auto}.tour-phone{width:187px}.tour-scroll{height:270px}.tour-orb-heart{left:0;top:20px}.tour-orb-spark{right:0;bottom:42px}.tour-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:15px}.tour-card{padding:15px;border-radius:17px}.tour-card strong{font-size:14px}.tour-card>span:last-child{font-size:11px}.tour-stories{grid-template-columns:minmax(0,1fr);margin-top:15px}.tour-story{padding:13px;gap:13px}.tour-story-thumb{width:53px;flex-basis:53px;height:70px}.tour-story strong{font-size:13px}.tour-story>span>span{font-size:11px}.tour-footer{font-size:10px;margin-top:18px;align-items:start}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .tour-banner h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){.tour-orb{animation:none}.tour-card,.tour-story,.tour-sidebar nav button,.tour-phone{transition:none}}
/* A tactile three-step beginning, continuing the pastel app-tour direction. */
.start.journey-section{display:block;background:#fff;padding-block:95px;position:relative}
.journey-heading{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:80px;margin-bottom:34px}.journey-heading .eyebrow{margin-bottom:13px}.journey-heading>p{font:400 17px/1.95 Cairo,Arial,sans-serif;color:#758096;max-width:460px;justify-self:end}.journey-heading h2{font-size:43px}
.journey-shell{padding:23px;border:1px solid #e9e9f3;border-radius:32px;background:linear-gradient(130deg,#f0f4fc,#f9f0f7);box-shadow:inset 0 2px 3px #fff,0 20px 40px -33px #65749e40}
.journey-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.journey-card{--step-ink:#5576af;--step-tint:#e9f0fc;display:flex;flex-direction:column;min-width:0;padding:27px 25px 23px;background:linear-gradient(140deg,#fff,#f8faff);border:1px solid #fff;border-radius:25px;box-shadow:inset 1px 2px 3px white,0 7px 13px #5b68981a;transition:transform .3s,box-shadow .3s;position:relative;isolation:isolate;overflow:hidden}
.journey-card:before{content:'';width:150px;height:150px;background:radial-gradient(circle,var(--step-tint),transparent 72%);position:absolute;inset-inline-start:-36px;top:-40px;z-index:-1;opacity:.9}
.journey-card-1{--step-ink:#a34e8a;--step-tint:#faeaf4;background:linear-gradient(140deg,#fff,#fcf5fa)}.journey-card-2{--step-ink:#80659e;--step-tint:#f0eafa;background:linear-gradient(140deg,#fff,#f9f6fe)}
.journey-card:hover{transform:translateY(-5px);box-shadow:inset 1px 2px 3px white,0 13px 21px #5b689822}
.journey-card-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:28px}
.journey-step-icon{display:grid;place-items:center;width:76px;height:76px;border:1px solid #dce8fe;border-radius:24px;background:linear-gradient(145deg,#c3d4f2,#84a1d3);box-shadow:inset 2px 3px 4px #ffffffb0,inset -2px -2px 4px #5478b521,0 8px 10px #6c8bb73b;transform:rotate(-7deg);color:#fff}
.journey-step-icon svg{width:37px;height:37px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 1px #5878ad45)}
.journey-card-1 .journey-step-icon{border-color:#f4d7eb;background:linear-gradient(145deg,#e9b7d8,#c47bad);box-shadow:inset 2px 3px 4px #ffffffb0,inset -2px -2px 4px #a34e8a21,0 8px 10px #bc79a331;transform:rotate(6deg)}
.journey-card-2 .journey-step-icon{border-color:#e8dff7;background:linear-gradient(145deg,#d4c2ed,#a58ac8);box-shadow:inset 2px 3px 4px #ffffffb0,inset -2px -2px 4px #80659e21,0 8px 10px #9781bb33}
.journey-number{display:flex;align-items:center;gap:9px;align-self:start;padding-top:4px;color:#8d96aa;font:400 11px/1.8 Cairo,Arial,sans-serif}.journey-number b{font:600 15px/1 Cairo,Arial,sans-serif;background:var(--step-tint);color:var(--step-ink);border:1px solid #fff;border-radius:10px;width:35px;height:35px;display:grid;place-items:center;box-shadow:inset 1px 1px 2px white}
.journey-label{font:600 13px/1.8 Cairo,Arial,sans-serif;color:var(--step-ink);margin-bottom:9px}.journey-card h3{font:700 22px/1.7 Cairo,Arial,sans-serif;color:#354664;margin:0 0 14px;min-height:75px;max-width:270px}.journey-card p{font:400 15px/1.95 Cairo,Arial,sans-serif;color:#788298;margin:0 0 24px;flex:1}
.journey-tag{display:flex;align-items:center;gap:7px;border-top:1px solid #e9edf5;padding-top:17px;font:500 11px/1.8 Cairo,Arial,sans-serif;color:var(--step-ink)}.journey-tag>span{display:grid;place-items:center;background:var(--step-tint);width:21px;height:21px;border-radius:50%;font:11px Arial;flex-shrink:0}
.journey-bottom{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:23px 9px 1px}.journey-consent{display:flex;align-items:center;gap:13px}.journey-shield{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:#ffffffb3;box-shadow:inset 1px 2px 2px #fff,0 4px 8px #66749a10;color:var(--blue);flex-shrink:0}.journey-shield .icon{width:23px;height:23px}.journey-consent strong{display:block;color:#5d6c89;font:600 14px/1.8 Cairo,Arial,sans-serif;margin-bottom:4px}.journey-consent p{color:#8590a4;font:400 12px/1.9 Cairo,Arial,sans-serif;margin:0}.journey-contact{display:flex;align-items:center;gap:17px;flex-shrink:0}.journey-contact>span{font:400 12px/1.8 Cairo,Arial,sans-serif;color:#7b8297}.journey-contact .button{min-height:44px;padding:11px 21px;font-size:13px;white-space:nowrap;border-radius:14px;background:linear-gradient(135deg,#b75294,#a32e73);box-shadow:inset 0 2px 2px #ffffff38,0 5px 9px #a32e731a}
html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .journey-heading h2{font-size:35px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .journey-heading>p{font-size:16px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .journey-card h3{font-size:20px;line-height:1.6}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .journey-card p{font-size:14px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .journey-label{font-size:12px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .journey-consent strong{font-size:13px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .journey-contact{gap:11px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .journey-contact>span{font-size:11px}
@media(max-width:1100px){.journey-heading{gap:45px}.journey-heading h2{font-size:38px}.journey-shell{padding:19px}.journey-cards{gap:15px}.journey-card{padding:23px 20px}.journey-step-icon{width:65px;height:65px;border-radius:21px}.journey-step-icon svg{width:33px;height:33px}.journey-card h3{font-size:20px;min-height:70px}.journey-card p{font-size:14px}.journey-bottom{gap:20px;padding-inline:3px}.journey-contact{flex-direction:column;align-items:stretch;gap:6px}.journey-contact>span{text-align:center}.journey-consent p{font-size:11px}}
@media(max-width:760px){.start.journey-section{padding-block:60px}.journey-heading{grid-template-columns:1fr;gap:20px;margin-bottom:25px}.journey-heading>p{max-width:none;justify-self:stretch;font-size:16px}.journey-heading h2{font-size:34px}.journey-shell{padding:14px;border-radius:24px}.journey-cards{grid-template-columns:minmax(0,1fr);gap:15px}.journey-card{padding:23px 22px;border-radius:21px}.journey-card-top{margin-bottom:23px}.journey-card h3{min-height:0;max-width:none;font-size:22px;margin-bottom:13px}.journey-card p{font-size:15px;margin-bottom:22px}.journey-step-icon{width:65px;height:65px}.journey-label{font-size:13px}.journey-tag{font-size:11px}.journey-bottom{flex-direction:column;align-items:stretch;padding:22px 7px 6px;gap:23px}.journey-consent{gap:12px;align-items:start}.journey-consent strong{font-size:13px}.journey-consent p{font-size:12px}.journey-contact{flex-direction:row;align-items:center;justify-content:space-between;gap:15px}.journey-contact>span{text-align:start;font-size:11px}.journey-contact .button{font-size:12px;padding-inline:19px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .journey-heading h2{font-size:28px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .journey-heading>p{font-size:14px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .journey-card h3{font-size:20px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .journey-card p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.journey-card{transition:none}.journey-card:hover{transform:none}}
html[lang=ar] .start.journey-section .journey-card h3{font-family:Cairo,Arial,sans-serif;font-size:22px;line-height:1.7;font-weight:700}
@media(min-width:761px) and (max-width:1100px){html[lang=ar] .start.journey-section .journey-card h3{font-size:20px}}

/* A compact, centered introduction and consistent, larger step icons. */
.start.journey-section{padding-top:68px}
.start.journey-section .journey-heading{display:flex;flex-direction:column;align-items:center;gap:15px;max-width:850px;margin:0 auto 31px;text-align:center}
.start.journey-section .journey-heading .section-heading{width:100%;text-align:center}
.start.journey-section .journey-heading .eyebrow{justify-content:center;margin-bottom:12px}
html[lang=ar] .start.journey-section .journey-heading h2{font-size:48px;line-height:1.5}
html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .start.journey-section .journey-heading h2{font-size:39px;line-height:1.45}
html body main .start.journey-section .journey-heading>p{max-width:680px;width:100%;margin:0;text-align:center!important;text-align-last:center!important;font-size:16px;line-height:1.9}
.start.journey-section .journey-card-top{margin-bottom:23px}
.start.journey-section .journey-step-icon{width:84px;height:84px;border-radius:25px;transform:none}
.start.journey-section .journey-step-icon svg{width:41px;height:41px;stroke-width:1.65;filter:drop-shadow(0 2px 1px #5878ad30)}
html[lang=ar] .start.journey-section .journey-card h3{font-size:24px;line-height:1.7}
html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .start.journey-section .journey-card h3{font-size:22px;line-height:1.6}
@media(max-width:1100px){html[lang=ar] .start.journey-section .journey-heading h2{font-size:42px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .start.journey-section .journey-heading h2{font-size:34px}.start.journey-section .journey-step-icon{width:75px;height:75px;border-radius:23px}.start.journey-section .journey-step-icon svg{width:37px;height:37px}html[lang=ar] .start.journey-section .journey-card h3{font-size:22px}}
@media(max-width:760px){.start.journey-section{padding-top:46px}.start.journey-section .journey-heading{gap:13px;margin-bottom:26px}html[lang=ar] .start.journey-section .journey-heading h2{font-size:36px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .start.journey-section .journey-heading h2{font-size:29px}html body main .start.journey-section .journey-heading>p{font-size:14px;max-width:360px}.start.journey-section .journey-step-icon{width:75px;height:75px}.start.journey-section .journey-card-top{margin-bottom:21px}html[lang=ar] .start.journey-section .journey-card h3{font-size:23px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .start.journey-section .journey-card h3{font-size:21px}}
/* Keep each step title on one complete line, scaled to its card width. */
.start.journey-section .journey-card{container-type:inline-size}
html[lang] .start.journey-section .journey-card h3{font-size:16px;font-size:clamp(12px,5.7cqi,18px);line-height:1.7;white-space:nowrap;max-width:none;width:100%;min-height:0}

/* Match the site's display fonts and keep all three descriptions at three lines. */
html[lang=ar] .start.journey-section .journey-card h3{font-family:'Aref Ruqaa',Cairo,serif;font-size:clamp(15px,7.4cqi,24px);font-weight:700;line-height:1.7}
html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .start.journey-section .journey-card h3{font-family:Calistoga,Georgia,serif;font-size:clamp(11px,5.4cqi,18px);font-weight:400;line-height:1.7}
html[lang] .start.journey-section .journey-card>p{font-size:clamp(12px,4.7cqi,15px);line-height:1.95}
.start.journey-section .journey-copy-line{display:block;white-space:nowrap;text-align:justify;text-align-last:justify}
html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .start.journey-section .journey-card>p{font-size:clamp(10px,4.1cqi,14px)}
/* Bordered FAQ cards over a quiet, AI-created brand illustration. */
.faq-section.faq-refresh{position:relative;isolation:isolate;overflow:hidden;padding-block:88px 96px;background:#f7f8fc;border-block:1px solid #eceff6}
.faq-refresh:before{content:'';position:absolute;inset:0;z-index:-2;background:url('assets/faq-brand-background.webp') right bottom/cover no-repeat;opacity:.64;pointer-events:none}
.faq-refresh:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,#f8f9fd94,#f8f9fd12);pointer-events:none}
.faq-refresh .faq-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);align-items:start;gap:65px;position:relative}
.faq-refresh .faq-intro{min-width:0;padding-top:5px}.faq-refresh .section-heading>.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:6px 12px;background:#ffffffb8;border:1px solid #e9dfed;border-radius:25px;font:600 12px/1.8 Cairo,Arial,sans-serif;color:var(--pink)}.faq-refresh .eyebrow .icon{width:16px;height:16px}.faq-refresh .section-heading h2{font-size:45px;line-height:1.55}.faq-refresh .section-heading>p{max-width:390px;font:400 16px/2 Cairo,Arial,sans-serif;color:#758097;margin-top:20px}
.faq-refresh .faq-support{display:flex;align-items:start;gap:13px;margin-top:28px;padding:20px;border:1px solid #fff;border-radius:22px;background:#ffffffb5;box-shadow:inset 0 2px 3px #fff,0 10px 24px -17px #63729a2b;max-width:390px;backdrop-filter:blur(7px)}.faq-support-icon{display:grid;place-items:center;flex:0 0 40px;height:40px;background:linear-gradient(135deg,#e7edf9,#f3e5f0);color:var(--pink);border-radius:13px;box-shadow:inset 1px 2px 3px #fff,0 4px 7px #69749c13}.faq-support-icon .icon{width:21px;height:21px}.faq-support strong{font:600 15px/1.9 Cairo,Arial,sans-serif;color:#536382;display:block}.faq-support p{font:400 12px/1.9 Cairo,Arial,sans-serif;color:#8a91a4;margin:5px 0 13px}.faq-refresh .faq-support .button{font-size:12px;min-height:39px;border-radius:12px;padding:9px 16px;background:#fff;color:var(--pink);border-color:#e6d9e6;box-shadow:none;margin:0}.faq-refresh .faq-support .button:hover{background:#faf0f7;transform:translateY(-2px)}
.faq-refresh .faq-items{display:grid;gap:13px;min-width:0}.faq-refresh .faq-items details,.faq-refresh .faq-items details:first-child{padding:0;border:1px solid #dfe5f0;border-radius:19px;background:#ffffffed;box-shadow:0 5px 14px #56678c06;overflow:hidden;transition:border-color .25s,box-shadow .25s,background .25s}.faq-refresh .faq-items details:hover{border-color:#b7c6e1;box-shadow:0 7px 18px #476bb00c}.faq-refresh .faq-items details[open]{border-color:#afc0df;background:#fff;box-shadow:0 9px 23px #476bb00c}
.faq-refresh .faq-items summary{padding:20px 22px;gap:13px;min-height:87px;align-items:center;line-height:1.8;outline-offset:-4px}.faq-refresh .faq-items summary strong{font:600 17px/1.85 Cairo,Arial,sans-serif;color:#465775;flex:1;min-width:0}.faq-refresh .faq-items details[open] summary strong{color:var(--blue)}
.faq-refresh .faq-items summary .faq-question-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#edf2fc;color:var(--blue);flex:0 0 36px;box-shadow:inset 0 1px 2px white}.faq-refresh .faq-items summary .faq-question-icon:before,.faq-refresh .faq-items summary .faq-question-icon:after{display:none}.faq-question-icon .icon{width:19px;height:19px}.faq-refresh .faq-items details:nth-child(even) .faq-question-icon{color:var(--pink);background:#faedf5}
.faq-refresh .faq-items summary .faq-question-toggle{width:29px;height:29px;flex:0 0 29px;background:#f2f5fb;border:1px solid #e8edf6;border-radius:50%}.faq-refresh .faq-items summary .faq-question-toggle:before,.faq-refresh .faq-items summary .faq-question-toggle:after{width:10px;height:1.5px;top:13px;left:8.5px;background:#6581b0}.faq-refresh .faq-items details[open] .faq-question-toggle{background:#faedf5;border-color:#f1deeb}.faq-refresh .faq-items details[open] .faq-question-toggle:before{background:var(--pink)}
.faq-refresh .faq-answer{padding:0 22px 23px 22px;margin-inline-start:49px}.faq-refresh .faq-items .faq-answer p{font:400 14px/2 Cairo,Arial,sans-serif;color:#7b859a;margin:0;padding:15px 0 0;border-top:1px solid #edf0f6}.faq-refresh details[open] .faq-answer{animation:faqReveal .28s ease both}
@keyframes faqReveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@supports(interpolate-size:allow-keywords){.faq-refresh details{interpolate-size:allow-keywords}.faq-refresh details::details-content{block-size:0;overflow:clip;transition:block-size .28s ease,content-visibility .28s allow-discrete}.faq-refresh details[open]::details-content{block-size:auto}}
html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .faq-refresh .section-heading h2{font-size:34px;line-height:1.5}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .faq-refresh .section-heading>p{font-size:15px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .faq-refresh .faq-items summary strong{font-size:15px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .faq-refresh .faq-items .faq-answer p{font-size:13px;padding-inline:0}
@media(max-width:1100px){.faq-refresh .faq-layout{gap:35px;grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr)}.faq-refresh .section-heading h2{font-size:40px}.faq-refresh .section-heading>p{font-size:15px}.faq-refresh .faq-items summary{padding:19px 18px;gap:11px}.faq-refresh .faq-items summary strong{font-size:16px}.faq-refresh .faq-answer{padding-inline:18px;margin-inline-start:47px}.faq-refresh .faq-support{padding:17px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .faq-refresh .section-heading h2{font-size:30px}}
@media(max-width:760px){.faq-section.faq-refresh{padding-block:58px 64px}.faq-refresh:before{background-size:auto 100%;background-position:65% bottom;opacity:.42}.faq-refresh .faq-layout{grid-template-columns:minmax(0,1fr);gap:27px}.faq-refresh .faq-intro{padding:0}.faq-refresh .section-heading>.eyebrow{font-size:11px;margin-bottom:15px}.faq-refresh .section-heading h2{font-size:35px;line-height:1.5}.faq-refresh .section-heading>p{font-size:15px;max-width:none;margin-top:15px}.faq-refresh .faq-support{max-width:none;padding:15px 17px;margin-top:22px;gap:12px;align-items:center}.faq-refresh .faq-support>div{flex:1}.faq-support strong{font-size:14px}.faq-support p{font-size:12px}.faq-refresh .faq-items{gap:11px}.faq-refresh .faq-items details{border-radius:16px}.faq-refresh .faq-items summary{padding:17px 15px;gap:10px;min-height:77px}.faq-refresh .faq-items summary strong{font-size:15px;line-height:1.85}.faq-refresh .faq-items summary .faq-question-icon{width:31px;height:31px;flex-basis:31px;border-radius:10px}.faq-question-icon .icon{width:17px;height:17px}.faq-refresh .faq-items summary .faq-question-toggle{width:26px;height:26px;flex-basis:26px}.faq-refresh .faq-items summary .faq-question-toggle:before,.faq-refresh .faq-items summary .faq-question-toggle:after{top:11px;left:6.5px}.faq-refresh .faq-answer{margin-inline-start:41px;padding:0 15px 20px}.faq-refresh .faq-items .faq-answer p{font-size:13px;line-height:2;padding-top:13px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .faq-refresh .section-heading h2{font-size:29px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .faq-refresh .faq-items summary strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){.faq-refresh details[open] .faq-answer{animation:none}.faq-refresh details::details-content,.faq-refresh .faq-items details{transition:none}}
/* A welcoming contact section with a real email-draft form and official social links. */
.reach-section{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(125deg,#f1f5fd,#faf5fb 58%,#f8edf5);padding-block:90px 95px;border-top:1px solid #ecebf4}
.reach-section:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 94% 4%,#dce6fa9e,transparent 41%),radial-gradient(ellipse at 0% 100%,#efd4e694,transparent 43%);pointer-events:none}
.reach-decoration{position:absolute;display:grid;place-items:center;width:130px;height:130px;border:1px solid #ffffff9c;background:linear-gradient(145deg,#ffffff90,#e5e9f7a1);box-shadow:inset 2px 3px 5px #fff9,0 15px 26px #6076ac0d;border-radius:37px;z-index:-1;pointer-events:none;animation:reachFloat 10s ease-in-out infinite;color:#bccae5}
.reach-decoration .icon{width:65px;height:65px;stroke-width:1.1}.reach-decoration-chat{top:25px;inset-inline-end:-30px;transform:rotate(-12deg);opacity:.55}.reach-decoration-heart{bottom:22px;inset-inline-start:3%;width:94px;height:94px;border-radius:28px;background:linear-gradient(145deg,#fff8,#f2dbe9b3);color:#d7adca;transform:rotate(10deg);animation-delay:-4s;opacity:.5}.reach-decoration-heart .icon{width:47px;height:47px}
.reach-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:75px;position:relative}.reach-copy{min-width:0}.reach-copy .eyebrow{display:flex;align-items:center;gap:8px;color:var(--pink);font:600 13px/1.8 Cairo,Arial,sans-serif;margin-bottom:18px}.reach-copy .eyebrow .icon{width:18px;height:18px}.reach-title{font:700 47px/1.5 'Aref Ruqaa',Cairo,serif;color:var(--blue);margin:0;letter-spacing:0}.reach-title>span{color:var(--pink)}.reach-copy .section-heading>p{font:400 16px/2 Cairo,Arial,sans-serif;color:#778299;max-width:440px;margin-top:22px}
.reach-email{display:flex;align-items:center;gap:13px;width:fit-content;margin-top:25px;color:#556b94;border-radius:15px;transition:transform .25s}.reach-email:hover{transform:translateY(-3px)}.reach-email-icon{display:grid;place-items:center;flex:0 0 45px;height:45px;border-radius:14px;background:linear-gradient(145deg,#fff,#e5eaf7);border:1px solid #fff;box-shadow:inset 0 2px 3px white,0 5px 8px #6076ac17;color:var(--blue)}.reach-email-icon .icon{width:22px;height:22px}.reach-email small{display:block;color:#8c92a4;font:400 11px/1.8 Cairo,Arial,sans-serif;margin-bottom:2px}.reach-email b{display:block;font:600 15px/1.8 Cairo,Arial,sans-serif;letter-spacing:.1px}
.reach-socials{margin-top:31px;max-width:440px}.reach-socials h3{font:600 15px/1.8 Cairo,Arial,sans-serif;color:#5d6c88;margin-bottom:13px}.reach-socials>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.reach-social{display:flex;align-items:center;gap:9px;padding:12px 10px;min-height:52px;border:1px solid #ffffffec;border-radius:14px;background:#ffffffaa;box-shadow:inset 1px 2px 2px #fff,0 5px 9px #6076ac08;transition:transform .25s,border-color .25s,box-shadow .25s}.reach-social:hover{transform:translateY(-4px);border-color:#c6d2e9;box-shadow:0 8px 13px #6076ac15}.reach-social>span{display:grid;place-items:center;flex:0 0 27px;height:27px;background:#edf2fb;border-radius:8px;color:#657eab}.reach-social strong{font:600 11px/1.8 Cairo,Arial,sans-serif;color:#65738e}.reach-social-icon{width:17px;height:17px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.reach-social-instagram>span{background:#faedf5;color:#ac558d}.reach-social-tiktok>span,.reach-social-x>span{background:#edf0f6;color:#617087}.reach-social-snapchat>span{background:#faf5df;color:#a99342}.reach-social-facebook>span{background:#eaf0fc;color:#567ab6}.reach-social-youtube>span{background:#f9eaf0;color:#b36a8d}
.reach-form-card{padding:31px;background:#ffffffed;border:1px solid #fff;border-radius:28px;box-shadow:inset 0 2px 4px #fff,0 20px 44px -25px #56658b35;min-width:0;backdrop-filter:blur(9px)}.reach-form-heading{display:flex;align-items:center;gap:13px;margin-bottom:25px}.reach-form-heading>span{display:grid;place-items:center;width:45px;height:45px;flex:0 0 45px;border-radius:14px;background:linear-gradient(145deg,#dae5fa,#f3e2ef);box-shadow:inset 1px 2px 3px #fff,0 4px 7px #6076ac13;color:var(--pink)}.reach-form-heading>span .icon{width:24px;height:24px}.reach-form-heading h3{font:700 28px/1.6 'Aref Ruqaa',Cairo,serif;color:#536a96;margin-bottom:2px}.reach-form-heading p{font:400 12px/1.9 Cairo,Arial,sans-serif;color:#9098a9;margin:0}
.reach-form{display:grid;gap:18px}.reach-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.reach-field{display:grid;gap:8px;min-width:0}.reach-field label{font:600 13px/1.8 Cairo,Arial,sans-serif;color:#63718d}.reach-field input,.reach-field textarea{appearance:none;font:400 14px/1.8 Cairo,Arial,sans-serif;color:#3f4e68;background:#f8f9fd;border:1px solid #e2e7f0;border-radius:12px;width:100%;max-width:100%;min-width:0;padding:12px 14px;transition:border-color .2s,box-shadow .2s,background .2s;outline:none}.reach-field input{height:49px}.reach-field textarea{resize:vertical;min-height:140px;max-height:380px;line-height:1.95}.reach-field input::placeholder,.reach-field textarea::placeholder{color:#a2aabd;opacity:1;font-size:12px}.reach-field input:focus,.reach-field textarea:focus{border-color:#a2b7de;box-shadow:0 0 0 3px #476bb00d;background:white}.reach-field input:user-invalid,.reach-field textarea:user-invalid{border-color:#c97aa8}.reach-form-meta{display:flex;justify-content:space-between;align-items:start;gap:15px;color:#9ba3b2}.reach-form-meta>span{display:flex;align-items:start;gap:5px;font:400 10px/1.8 Cairo,Arial,sans-serif}.reach-form-meta .icon{width:14px;height:14px;margin-top:2px}.reach-form-meta small{font:400 9px/1.8 Cairo,Arial,sans-serif;white-space:nowrap}.reach-submit{width:100%;gap:9px;min-height:49px;border-radius:13px;font-size:14px;background:linear-gradient(130deg,#b54b91,#9e3479);box-shadow:inset 0 2px 2px #ffffff36,0 5px 10px #a32e7318}.reach-submit .icon{width:19px;height:19px}.reach-submit:hover .icon{transform:none}.reach-form .reach-form-hint{font:400 10px/1.8 Cairo,Arial,sans-serif;color:#a0a7b5;text-align:center!important;text-align-last:center!important;margin:-7px 0 0}.reach-form .reach-form-status{font:400 12px/1.9 Cairo,Arial,sans-serif;background:#edf3fc;color:#5c76a3;border:1px solid #dae4f6;border-radius:12px;padding:12px;margin:0}.reach-form [hidden]{display:none}
.contact-page .reach-section{border-top:0;padding-top:65px}
html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .reach-title{font:400 37px/1.5 Calistoga,Georgia,serif}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .reach-copy .section-heading>p{font-size:15px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .reach-form-heading h3{font:400 24px/1.6 Calistoga,Georgia,serif}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .reach-social strong{font-size:10px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .reach-form-heading p{font-size:11px}
@keyframes reachFloat{50%{translate:0 -10px}}
@media(max-width:1100px){.reach-layout{gap:40px}.reach-title{font-size:42px}.reach-form-card{padding:26px}.reach-socials>div{grid-template-columns:repeat(2,minmax(0,1fr))}.reach-social{padding:10px 12px}.reach-copy .section-heading>p{font-size:15px}.reach-fields{grid-template-columns:minmax(0,1fr);gap:16px}.reach-form-heading h3{font-size:26px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .reach-title{font-size:32px}}
@media(max-width:760px){.reach-section,.contact-page .reach-section{padding-block:58px 64px}.reach-layout{grid-template-columns:minmax(0,1fr);gap:32px}.reach-title{font-size:37px;line-height:1.5}.reach-copy .eyebrow{font-size:12px;margin-bottom:15px}.reach-copy .section-heading>p{max-width:none;font-size:15px;margin-top:17px}.reach-email{margin-top:21px}.reach-email b{font-size:14px}.reach-socials{max-width:none;margin-top:25px}.reach-socials h3{font-size:14px}.reach-socials>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.reach-social{flex-direction:column;justify-content:center;padding:11px 6px;gap:6px;border-radius:13px}.reach-social strong{font-size:10px}.reach-social>span{flex-basis:27px;width:27px}.reach-form-card{padding:23px 21px;border-radius:23px}.reach-form-heading{margin-bottom:22px;gap:11px}.reach-form-heading h3{font-size:27px}.reach-form-heading p{font-size:11px}.reach-fields{gap:18px}.reach-form{gap:18px}.reach-field label{font-size:13px}.reach-field input,.reach-field textarea{font-size:14px}.reach-form-meta{gap:10px}.reach-form-meta>span{font-size:9px}.reach-form-meta small{font-size:8px}.reach-submit{font-size:13px}.reach-form .reach-form-hint{font-size:9px;line-height:1.9}.reach-decoration-chat{width:100px;height:100px;border-radius:29px;top:14px;opacity:.4}.reach-decoration-heart{inset-inline-start:-25px;bottom:35px;opacity:.3}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .reach-title{font-size:29px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .reach-form-heading h3{font-size:23px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .reach-social strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){.reach-decoration{animation:none}.reach-social,.reach-email,.reach-field input,.reach-field textarea{transition:none}.reach-social:hover,.reach-email:hover{transform:none}}
/* A single compact footer row: brand, essential links, and copyright. */
.footer.footer-compact{padding:0;background:#fff;border-top:1px solid #e9edf4}
.compact-footer-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:32px;padding-block:28px}
.compact-footer-brand{display:flex;align-items:center;gap:10px;width:fit-content;flex-shrink:0}.compact-footer-brand>img{width:60px;height:53px;object-fit:contain}.compact-footer-brand>span{display:grid;gap:3px;justify-items:center}.compact-wordmark-ar{font:700 24px/1.15 'Aref Ruqaa',Cairo,serif;color:var(--blue)}.compact-wordmark-ar b{color:var(--pink);font-weight:700}.compact-wordmark-en{font:700 12px/1.4 Cairo,Arial,sans-serif;color:var(--blue);letter-spacing:.8px;white-space:nowrap}.compact-wordmark-en b{color:var(--pink);font-weight:700}
.footer-compact nav{display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap}.footer-compact nav a{font:500 12px/1.8 Cairo,Arial,sans-serif;color:#7b8599;transition:color .2s}.footer-compact nav a:hover{color:var(--pink)}.compact-copyright{font:400 11px/1.8 Cairo,Arial,sans-serif;color:#98a0b0;white-space:nowrap}
html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .footer-compact nav a{font-size:11px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .compact-copyright{font-size:10px}
@media(max-width:1000px){.compact-footer-inner{gap:22px}.footer-compact nav{gap:17px}.footer-compact nav a{font-size:11px}.compact-copyright{font-size:10px}}
@media(max-width:800px){.compact-footer-inner{grid-template-columns:auto auto;grid-template-areas:"brand copyright" "links links";justify-content:space-between;gap:19px;padding-block:24px}.compact-footer-brand{grid-area:brand}.footer-compact nav{grid-area:links;justify-content:center;gap:23px}.compact-copyright{grid-area:copyright}.footer-compact nav a{font-size:12px}}
@media(max-width:480px){.compact-footer-inner{grid-template-columns:minmax(0,1fr);grid-template-areas:"brand" "links" "copyright";justify-items:center;gap:17px;padding-block:25px 23px}.compact-footer-brand{gap:9px}.compact-footer-brand>img{width:56px;height:49px}.compact-wordmark-ar{font-size:24px}.footer-compact nav{gap:18px;row-gap:7px}.footer-compact nav a{font-size:11px}.compact-copyright{font-size:10px;text-align:center;white-space:normal}}
/* A quiet conversation motif gives the feature section its own brand background. */
.feature-experience{position:relative;isolation:isolate;background:linear-gradient(125deg,#f3f7fd 0%,#faf8fc 58%,#f9f3f8 100%)}
.feature-experience:before{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 14% 10%,#dce6fa80,transparent 39%),radial-gradient(ellipse at 94% 95%,#f0dcea7a,transparent 42%)}
.feature-experience:after{content:'';position:absolute;top:46px;left:max(25px,calc(50% - 610px));width:min(44%,520px);height:260px;z-index:-1;background:url('assets/features-connection-background.svg') center/contain no-repeat;opacity:.8;pointer-events:none}
@media(max-width:1100px){.feature-experience:after{width:43%;height:230px;top:45px;left:25px}}
@media(max-width:760px){.feature-experience:after{width:230px;height:145px;top:8px;left:-45px;opacity:.2}.feature-experience:before{background:radial-gradient(ellipse at 10% 4%,#e1e9fa80,transparent 35%),radial-gradient(ellipse at 90% 96%,#f2dfed80,transparent 40%)}}
/* Mobile hero: smaller centered screens first, followed by the introduction. */
@media(max-width:760px){
 html,body{max-width:100%;overflow-x:clip}
 .hero .hero-grid{gap:22px;padding-block:20px 40px;min-width:0}
 .hero .hero-visual{order:-1;container-type:inline-size;width:min(304px,100%);max-width:100%;height:clamp(390px,calc(152vw - 60.8px),462px);margin:0 auto;align-self:center;transform:none}
 .hero .hero-screen-group{inset:0 -32px}.hero .hero-screen-canvas{inset:0 32px}
 .hero .third-device{width:44cqi;left:12cqi;right:auto;top:14cqi;border-width:5px;border-radius:22px}
 .hero .third-device .screen-trigger{height:95cqi}
 .hero .rear-device{width:45cqi;right:11cqi;left:auto;top:9cqi;border-width:5px;border-radius:22px}
 .hero .front-device{width:53cqi;left:24cqi;right:auto;top:24cqi;border-width:5px;border-radius:23px}
 .hero .front-device .device-scroll{height:112cqi;overflow-x:hidden}
 .hero .connection-line{inset:22px 11px 77px}.hero .visual-halo{inset:3% 0 10%;filter:blur(11px)}
 .hero .hero-badges{inset:auto 0 0;gap:7px;min-width:0}
 .hero .hero-badge{min-width:0;font-size:9px;padding:7px 5px;gap:5px;white-space:normal;text-align:center;line-height:1.6}
 .hero .badge-icon{width:20px;height:20px;flex-shrink:0;border-radius:7px}.hero .badge-icon .icon{width:13px;height:13px}
 html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .hero .hero-badge{font-size:8px}
 html[lang=ar] .hero .hero-badge{justify-content:flex-start;text-align:right;padding-inline:9px}
 .hero .hero-copy{min-width:0;width:100%;text-align:start}
 .hero .hero-copy h1{text-align:start}
 .hero .hero-description{margin-inline:0}
 .hero .actions{justify-content:flex-start;max-width:100%;gap:9px}
}
/* Swipe through the three steps inside their own track on mobile. */
@media(max-width:760px){
 .start.journey-section .journey-cards{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:90%;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:8px 2px 15px;scroll-padding-inline:2px;scrollbar-width:none;min-width:0}
 .start.journey-section .journey-card{scroll-snap-align:start;scroll-snap-stop:always}
 .start.journey-section .journey-card:hover{transform:none}
 .start.journey-section .journey-cards::-webkit-scrollbar{display:none}
}
@media(max-width:760px){
 .tour-cards{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:70%;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scroll-padding-inline:4px;padding:7px 4px 13px;scrollbar-width:none;min-width:0}
 .tour-cards::-webkit-scrollbar{display:none}
 .tour-cards .tour-card{scroll-snap-align:start;scroll-snap-stop:always}
 .tour-cards .tour-card:hover{transform:none}
}
@media(max-width:760px){
 .feature-experience .feature-workbench>.feature-tabs{grid-template-columns:none;grid-template-rows:auto;grid-auto-flow:column;grid-auto-columns:calc((100% - 14px)/3);gap:7px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:8px;overscroll-behavior-x:contain;scrollbar-width:none;min-width:0}
 .feature-experience .feature-workbench>.feature-tabs::-webkit-scrollbar{display:none}
 .feature-experience .feature-workbench>.feature-tabs .feature-tab:nth-child(3n + 1){scroll-snap-align:start;scroll-snap-stop:always}
}
/* Stack the bilingual footer mark and separate the copyright on mobile. */
@media(max-width:760px){
 .footer-compact .compact-footer-inner{grid-template-columns:minmax(0,1fr);grid-template-areas:"brand" "links" "copyright";justify-items:center;gap:20px;padding-block:28px 22px}
 .footer-compact .compact-footer-brand{flex-direction:column;gap:10px;text-align:center}
 .footer-compact .compact-copyright{width:100%;border-top:1px solid #e5e8f0;padding-top:17px;text-align:center;white-space:normal}
}
.mobile-drawer{border:0;padding:0;max-width:none;max-height:none;width:min(350px,88vw);height:100dvh;inset:0;inset-inline-end:auto;margin:0;background:linear-gradient(155deg,#fff 58%,#f6f1f8);color:var(--ink);box-shadow:0 0 55px #22365a25;overflow-y:auto;overscroll-behavior:contain;transform:translateX(105%);transition:transform .24s ease;border-start-end-radius:24px;border-end-end-radius:24px}
html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .mobile-drawer{transform:translateX(-105%)}
html[lang] .mobile-drawer.is-open{transform:translateX(0)}
.mobile-drawer::backdrop{background:#202c4866;backdrop-filter:blur(3px)}
.drawer-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:27px 23px 23px;border-bottom:1px solid #e9edf4}
.drawer-top .brand{gap:9px}.drawer-top .brand>img{width:58px;height:53px;object-fit:contain}.drawer-top .header-wordmark{display:grid;justify-items:center;gap:6px}.drawer-top .wordmark-ar{font:700 25px/1.3 'Aref Ruqaa',Cairo,serif;color:var(--blue)}.drawer-top .wordmark-en{font:700 12px/1.4 Cairo,Arial,sans-serif;letter-spacing:.8px;direction:ltr;color:var(--blue)}.drawer-top .header-wordmark b{color:var(--pink)}
.drawer-close{width:38px;height:38px;display:grid;place-items:center;background:#f4f6fb;border:1px solid #e0e5f0;border-radius:12px;padding:9px;flex-shrink:0;color:#576886}.drawer-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.drawer-links{display:flex;flex-direction:column;gap:9px;padding:25px 22px}.drawer-links>a{display:block;border:1px solid #e8ecf4;border-radius:13px;background:#ffffffc9;padding:14px 17px;text-align:start;color:#485975;font:600 15px/1.8 Cairo,Arial,sans-serif;transition:background .2s,color .2s}.drawer-links>a:hover{background:#edf2fc;color:var(--blue)}.drawer-links>.header-cta{margin-top:5px;background:var(--pink);color:white;text-align:center}
.drawer-socials{padding:23px 22px 30px;border-top:1px solid #e5e8f0;margin:0 22px}.drawer-socials>p{margin:0 0 15px;text-align:start;color:#8490a4;font:500 12px/1.8 Cairo,Arial,sans-serif}.drawer-social-links{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.drawer-social-links>a{display:grid;place-items:center;min-width:0;aspect-ratio:1;background:#fff;border:1px solid #e1e6f0;border-radius:11px;color:var(--blue);transition:background .2s,color .2s}.drawer-social-links>a:nth-child(even){color:var(--pink)}.drawer-social-links>a:hover{background:#f8edf5;color:var(--pink)}.drawer-social-links svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:760px){.header #nav,.header #nav.open{display:none}}
@media(prefers-reduced-motion:reduce){.mobile-drawer{transition:none}}
.drawer-links>.header-cta{display:block;width:100%;align-self:stretch;min-height:49px;border-radius:13px}
/* The header menu icon uses both brand colors. */
.header .menu span{height:2px;border-radius:2px}
.header .menu span:first-child{background:var(--blue)}
.header .menu span:last-child{background:var(--pink)}
.download-page .download-help a{text-decoration:none;border-bottom:0;transition:color .2s}
.download-page .download-help a:hover{color:var(--pink)}
.download-page .download-app-icon{animation:downloadAppFloat 5.5s ease-in-out infinite}
.download-page .download-app-icon>span svg{animation:downloadArrowNudge 2.8s ease-in-out infinite}
.download-page .download-card{animation:downloadCardEnter .8s ease-out both}
.download-page .download-card:after{animation:downloadHaloBreathe 7s ease-in-out infinite}
.download-page .orbit-a{animation:downloadOrbitTurn 24s ease-in-out infinite alternate}
.download-page .orbit-b{animation:downloadOrbitTurn 30s ease-in-out infinite alternate-reverse}
@keyframes downloadAppFloat{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -8px;rotate:3deg}}
@keyframes downloadArrowNudge{0%,24%,70%,100%{translate:0 0}43%{translate:0 4px}55%{translate:0 -1px}}
@keyframes downloadCardEnter{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
@keyframes downloadHaloBreathe{0%,100%{transform:scale(.92);opacity:.65}50%{transform:scale(1.15);opacity:1}}
@keyframes downloadOrbitTurn{from{rotate:-8deg;translate:0 -6px}to{rotate:8deg;translate:0 8px}}
@media(prefers-reduced-motion:reduce){.download-page .download-app-icon,.download-page .download-app-icon>span svg,.download-page .download-card,.download-page .download-card:after,.download-page .download-orbit{animation:none}}
.header #nav a[aria-current=page]{color:var(--pink)}
.download-page{background:#f8f9fd;isolation:isolate}
.download-stage{position:relative;overflow:hidden;display:grid;place-items:center;min-height:calc(100svh - 202px);padding:54px 24px 64px;background:radial-gradient(ellipse at 20% 27%,#dde8fc9c,transparent 48%),radial-gradient(ellipse at 82% 76%,#f2dceca6,transparent 45%),linear-gradient(120deg,#f6f9ff,#fff 50%,#fcf5fa);isolation:isolate}
.download-card{position:relative;width:min(100%,690px);padding:39px 48px 32px;text-align:center;border:1px solid #ffffff;border-radius:34px;background:#ffffffd9;box-shadow:inset 0 1px 1px white,0 22px 65px -35px #586da14a;z-index:1}
.download-app-icon{width:108px;height:108px;display:grid;place-items:center;position:relative;margin:0 auto 25px;border:1px solid #e6eaf5;border-radius:28px;background:linear-gradient(140deg,#fff,#f5f7fd);box-shadow:0 8px 20px #526d9e0c}.download-app-icon>img{width:83px;height:73px;object-fit:contain}.download-app-icon>span{position:absolute;bottom:-9px;inset-inline-end:-8px;display:grid;place-items:center;width:34px;height:34px;background:var(--blue);color:white;border:3px solid white;border-radius:12px}.download-app-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.download-eyebrow{font:600 11px/1.9 Cairo,Arial,sans-serif;color:var(--pink);letter-spacing:.1px}
.download-page h1{font:700 49px/1.42 'Aref Ruqaa',Cairo,serif;color:var(--blue);letter-spacing:0;margin:11px 0 18px}.download-page h1 span{color:var(--pink)}
html body main.download-page .download-intro{font:400 15px/2 Cairo,Arial,sans-serif;color:#7a869a;max-width:455px;margin:0 auto;text-align:center!important;text-align-last:center!important}
.download-stores{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}.download-store{display:flex;align-items:center;justify-content:center;gap:14px;min-height:86px;padding:17px 15px;border:1px solid transparent;border-radius:17px;position:relative;transition:transform .2s,box-shadow .2s;line-height:1.5}.download-store>svg{width:29px;height:31px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.download-store>span:not(.store-unavailable){display:grid;text-align:start;gap:4px}.download-store strong{font:600 14px/1.7 Cairo,Arial,sans-serif;white-space:nowrap}.download-store small{font:500 11px/1.4 Cairo,Arial,sans-serif;letter-spacing:.3px}.store-android{background:linear-gradient(125deg,#b33b84,#a32e73);color:white;box-shadow:0 9px 21px #a32e7317}.store-android:hover{transform:translateY(-3px);box-shadow:0 12px 25px #a32e732d}.store-ios{background:#f1f5fc;color:var(--blue);border-color:#dfe7f5;cursor:default}.store-ios>svg{fill:currentColor;stroke:none}.store-unavailable{position:absolute;inset:auto 12px -10px;background:white;border:1px solid #e4e9f3;border-radius:20px;width:fit-content;margin:auto;padding:2px 9px;color:#8593ad;font:500 8px/1.8 Cairo,Arial,sans-serif}
html body main.download-page .download-help{margin-top:27px;color:#9aa3b2;font:400 11px/1.9 Cairo,Arial,sans-serif;text-align:center!important;text-align-last:center!important}.download-help a{color:var(--blue);text-decoration:underline;text-underline-offset:4px}
.download-orbit{position:absolute;width:620px;height:620px;border:1px solid #dce5f299;border-radius:50%;pointer-events:none;z-index:0}.orbit-a{transform:rotate(-20deg) scaleX(1.35)}.orbit-b{width:760px;height:490px;transform:rotate(25deg);border-color:#ebd8e999}.download-dot{position:absolute;width:13px;height:13px;border:3px solid white;border-radius:50%;box-shadow:0 0 0 7px #fff7;animation:downloadFloat 7s ease-in-out infinite}.dot-a{background:#6e8cc4;inset-inline-start:14%;top:25%}.dot-b{background:#c376ab;inset-inline-end:15%;bottom:26%;animation-delay:-3s}
html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .download-page h1{font:400 37px/1.4 Calistoga,Georgia,serif}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) main.download-page .download-intro{font-size:14px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .download-store strong{font-size:12px}
@keyframes downloadFloat{50%{translate:0 -12px}}
@media(max-width:760px){.download-stage{min-height:calc(100svh - 78px);padding:37px 20px 45px}.download-card{padding:30px 22px 25px;border-radius:26px}.download-app-icon{width:94px;height:94px;border-radius:25px;margin-bottom:23px}.download-app-icon>img{width:72px;height:64px}.download-page h1{font-size:40px;margin-bottom:16px}.download-eyebrow{font-size:10px}html body main.download-page .download-intro{font-size:13px;line-height:2}.download-stores{grid-template-columns:1fr;gap:21px;margin-top:25px}.download-store{min-height:77px;gap:16px;padding:14px 17px}.download-store strong{font-size:14px}.download-store small{font-size:11px}.download-store>svg{width:27px;height:29px}.download-dot{width:10px;height:10px}.dot-a{inset-inline-start:5%;top:12%}.dot-b{inset-inline-end:5%;bottom:10%}.download-orbit{width:450px;height:530px}.orbit-b{width:530px;height:390px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .download-page h1{font-size:30px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .download-store strong{font-size:13px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) main.download-page .download-intro{font-size:12px}}
@media(prefers-reduced-motion:reduce){.download-dot{animation:none}.download-store{transition:none}}
@media(max-width:760px){
 .privacy-page .privacy-index nav{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:12px;scrollbar-width:none;padding:11px 12px 14px}
 .privacy-page .privacy-index nav::-webkit-scrollbar{display:none}
 .privacy-page .privacy-index nav a{flex:0 0 auto;white-space:nowrap;scroll-snap-align:start;min-height:45px;padding:10px 13px;border:1px solid #e7ebf3;background:#fbfcfe;border-radius:11px}
}
html[lang=ar] .reach-field input,html[lang=ar] .reach-field input[type=tel],html[lang=ar] .reach-field textarea{direction:rtl;text-align:right}
/* Privacy: a calm branded introduction and a structured reading experience. */
.privacy-page{background:#f7f9fc;padding-bottom:76px}
.privacy-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 12% 30%,#eedbec70,transparent 48%),linear-gradient(120deg,#f0f5fe,#fbfcff 60%,#faf0f7);border-bottom:1px solid #e5eaf3}
.privacy-hero-inner{padding-block:29px 51px}.privacy-back{display:flex;gap:10px;align-items:center;width:fit-content;color:#7b879b;font:500 12px/1.8 Cairo,Arial,sans-serif}.privacy-back:hover{color:var(--pink)}.privacy-back>span{color:#b2bdd0}
.privacy-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:75px;margin-top:36px}.privacy-introduction{min-width:0}.privacy-eyebrow{display:inline-flex;align-items:center;padding:6px 13px;border:1px solid #e8dce9;background:#ffffffb8;color:var(--pink);border-radius:30px;font:600 12px/1.8 Cairo,Arial,sans-serif}
.privacy-page h1{font:700 61px/1.45 'Aref Ruqaa',Cairo,serif;letter-spacing:0;margin:12px 0 17px;background:linear-gradient(100deg,var(--blue) 15%,var(--pink) 85%);background-clip:text;color:transparent;width:fit-content}
.privacy-lead p{font:400 16px/2.1 Cairo,Arial,sans-serif;color:#69778e;max-width:710px}
.privacy-chapter-count{display:inline-flex;align-items:center;gap:9px;font:500 11px/1.8 Cairo,Arial,sans-serif;color:#7b87a0;margin-top:23px}.privacy-chapter-count>span{width:29px;height:29px;border-radius:10px;display:grid;place-items:center;background:#e9effb;color:var(--blue);font-weight:700}
.privacy-art{position:relative;height:270px;display:grid;place-items:center;isolation:isolate}.privacy-orbit{position:absolute;border:1px solid #cbd8ef;border-radius:50%;width:252px;height:252px;z-index:-1;transform:rotate(-24deg)}.privacy-orbit-two{width:220px;height:265px;border-color:#e1c9df;transform:rotate(29deg)}.privacy-art-dot{position:absolute;top:30px;inset-inline-end:45px;width:12px;height:12px;background:#c272aa;border:3px solid white;border-radius:50%;box-shadow:0 0 0 5px #e8d3e761}
.privacy-shield{width:157px;height:168px;border-radius:45px;background:linear-gradient(145deg,#fff,#e1eafa);border:1px solid white;box-shadow:inset 3px 3px 5px #fff,0 18px 35px #7b8fbc22;display:grid;place-items:center;transform:rotate(-6deg)}.privacy-shield svg{width:87px;height:87px;fill:none;stroke:var(--blue);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.privacy-shield svg path:last-child{stroke:var(--pink);stroke-width:2.3}.privacy-art-label{position:absolute;bottom:6px;left:0;right:0;text-align:center;font:700 11px/1.8 Cairo,Arial,sans-serif;letter-spacing:1.5px;color:var(--blue)}.privacy-art-label b{color:var(--pink)}
.privacy-layout{display:grid;grid-template-columns:265px minmax(0,1fr);gap:28px;align-items:start;padding-top:37px}.privacy-sidebar{position:sticky;top:24px;min-width:0}.privacy-index{border:1px solid #e2e7f1;border-radius:19px;background:#fff;overflow:hidden;box-shadow:0 9px 25px #536d9c06}.privacy-index summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;list-style:none;padding:19px 19px 16px;font:700 14px/1.8 Cairo,Arial,sans-serif;color:#465d87}.privacy-index summary::-webkit-details-marker{display:none}.privacy-index summary svg{width:17px;height:17px;fill:none;stroke:var(--blue);stroke-width:1.7;transition:transform .2s}.privacy-index[open] summary svg{transform:rotate(180deg)}.privacy-index nav{display:grid;gap:3px;padding:0 9px 12px;border-top:1px solid #f0f2f7;padding-top:9px}.privacy-index nav a{display:flex;align-items:center;gap:10px;padding:10px 8px;border:1px solid transparent;border-radius:10px;font:500 11px/1.8 Cairo,Arial,sans-serif;color:#7b869a;transition:background .2s,color .2s}.privacy-index nav a>span:first-child{font:600 10px/1.8 Cairo,Arial,sans-serif;color:#a8b0c1;flex-shrink:0}.privacy-index nav a:hover,.privacy-index nav a[aria-current]{background:#f0f4fc;color:var(--blue);border-color:#e4ebf8}.privacy-index nav a[aria-current]>span:first-child{color:var(--pink)}
.privacy-sections{display:grid;gap:20px;min-width:0}.privacy-card{padding:28px 31px 29px;background:#fff;border:1px solid #e4e9f3;border-radius:21px;box-shadow:0 5px 18px #546b9b04;position:relative;overflow:hidden}.privacy-card:nth-child(even){background:linear-gradient(120deg,#fff 68%,#fdf9fc);border-color:#eae3ed}.privacy-card-heading{display:flex;align-items:center;gap:13px;margin-bottom:17px}.privacy-section-number{display:grid;place-items:center;width:37px;height:37px;border:1px solid #e4eaf6;border-radius:12px;flex-shrink:0;font:700 12px/1 Cairo,Arial,sans-serif;color:var(--blue);background:#f1f5fc}.privacy-card:nth-child(even) .privacy-section-number{background:#fbf0f7;color:var(--pink);border-color:#f0deeb}.privacy-card h2{font:700 27px/1.65 'Aref Ruqaa',Cairo,serif;color:#476596;scroll-margin-top:25px}.privacy-card-body{font:400 14px/2.05 Cairo,Arial,sans-serif;color:#738096}.privacy-card-body p{margin:0 0 16px;font:inherit}.privacy-card-body p:last-child{margin-bottom:0}.privacy-card-body ul{margin:0;padding-inline-start:20px;display:grid;gap:12px}.privacy-card-body li{padding-inline-start:4px}.privacy-card-body li::marker{color:#b36c9b;font-size:11px}.privacy-card-body a{color:var(--blue);text-decoration:underline;text-underline-offset:4px}.privacy-source{font:400 11px/1.9 Cairo,Arial,sans-serif;color:#99a2b2;padding:4px 8px}.privacy-source a{color:#7f88a0;text-decoration:underline;text-underline-offset:3px}
html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .privacy-page h1{font:400 47px/1.4 Calistoga,Georgia,serif}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .privacy-card h2{font:400 24px/1.55 Calistoga,Georgia,serif}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .privacy-lead p{font-size:15px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .privacy-index nav a{font-size:10px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .privacy-card-body{font-size:13px}
@media(max-width:1100px){.privacy-hero-grid{gap:30px;grid-template-columns:minmax(0,1fr) 230px}.privacy-art{transform:scale(.85)}.privacy-layout{grid-template-columns:230px minmax(0,1fr);gap:21px}.privacy-card{padding:24px}.privacy-page h1{font-size:53px}}
@media(max-width:760px){.privacy-page{padding-bottom:43px}.privacy-hero-inner{padding-block:22px 30px}.privacy-back{font-size:10px}.privacy-hero-grid{display:block;margin-top:25px}.privacy-art{position:absolute;inset-inline-end:-56px;top:0;transform:scale(.5);transform-origin:top;opacity:.2;pointer-events:none;z-index:0;width:230px}.privacy-introduction{position:relative;z-index:1}.privacy-page h1{font-size:43px;margin:13px 0}.privacy-eyebrow{font-size:10px;padding:5px 10px}.privacy-lead p{font-size:14px;line-height:2}.privacy-chapter-count{margin-top:18px;font-size:10px}.privacy-layout{grid-template-columns:minmax(0,1fr);gap:20px;padding-top:23px}.privacy-sidebar{position:static}.privacy-index summary{padding:15px 17px;font-size:13px}.privacy-index nav a{font-size:12px;padding:10px}.privacy-sections{gap:14px}.privacy-card{padding:22px 19px;border-radius:18px}.privacy-card-heading{gap:10px;margin-bottom:15px}.privacy-section-number{width:32px;height:32px;border-radius:10px;font-size:11px}.privacy-card h2{font-size:24px;line-height:1.7;scroll-margin-top:20px}.privacy-card-body{font-size:13px;line-height:2.05}.privacy-card-body ul{padding-inline-start:18px;gap:13px}.privacy-source{font-size:10px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .privacy-page h1{font-size:36px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .privacy-card h2{font-size:21px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .privacy-lead p{font-size:13px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .privacy-card-body{font-size:12px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .privacy-index nav a{font-size:11px}}

/* A more compact download card with a soft brand halo and clearer store buttons. */
.download-page .download-card{max-width:660px;padding:35px 44px 30px;border-color:#e7eaf4;background:linear-gradient(155deg,#fffffff2,#ffffffd9);box-shadow:0 23px 65px -30px #6478ab36,inset 0 1px 0 #fff}
.download-page .download-card:before{content:'';position:absolute;top:-1px;inset-inline:42px;height:3px;background:linear-gradient(90deg,transparent,#6f8fc7,#bb649e,transparent);border-radius:5px;opacity:.65}
.download-page .download-card:after{content:'';position:absolute;top:17px;left:50%;width:185px;height:145px;translate:-50% 0;background:radial-gradient(ellipse at 28% 48%,#dce8fba6,transparent 65%),radial-gradient(ellipse at 75% 52%,#f1d6e9a6,transparent 65%);filter:blur(10px);pointer-events:none;z-index:0}
.download-page .download-app-icon{width:96px;height:96px;margin-bottom:24px;border-radius:26px;z-index:1;transform:rotate(-5deg);box-shadow:inset 1px 2px 3px white,0 12px 22px #6577a715}
.download-page .download-app-icon>img{width:77px;height:68px}.download-page .download-app-icon>span{background:linear-gradient(135deg,var(--blue),#8c6ca8);transform:rotate(5deg)}
.download-page .download-eyebrow{position:relative;z-index:1;background:#f7eff6;border:1px solid #f0e2ed;border-radius:30px;padding:5px 13px;display:inline-block}
.download-page h1{font-size:45px;margin-top:15px;line-height:1.4}.download-page .download-stores{gap:12px;margin-top:26px}
.download-page .download-store{min-height:84px;border-radius:16px;gap:12px}.download-page .download-store>svg{width:35px;height:38px;padding:7px;border-radius:12px;box-sizing:content-box}.download-page .store-android>svg{background:#ffffff17}.download-page .store-ios>svg{background:#e5edfa}
.download-page .store-android{box-shadow:inset 0 1px 0 #ffffff40,0 7px 17px #a32e731c}.download-page .store-android:hover{box-shadow:inset 0 1px 0 #ffffff40,0 12px 24px #a32e732e}
.download-page .store-unavailable{font-size:9px;bottom:-9px;padding-inline:10px}.download-page .download-help{margin-top:25px}
html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .download-page h1{font-size:35px}
@media(max-width:760px){.download-page .download-card{padding:30px 22px 25px}.download-page h1{font-size:38px}.download-page .download-app-icon{width:90px;height:90px}.download-page .download-store{min-height:78px}.download-page .download-store>svg{width:27px;height:30px;padding:7px}.download-page .download-stores{gap:22px}.download-page .download-card:before{inset-inline:30px}html:is([lang=en],[lang=tr],[lang=id],[lang=ms],[lang=th]) .download-page h1{font-size:29px}}

/* Shared three-language selector; native disclosure remains keyboard accessible. */
.header .language-picker{position:relative;flex:none;margin:0;z-index:35;color:var(--blue)}
.header .language-picker>summary{display:grid;place-items:center;list-style:none;cursor:pointer;width:42px;height:42px;border:1px solid #476bb029;border-radius:13px;background:linear-gradient(135deg,#eef3fc,#fbf0f6);transition:background .2s,border-color .2s,box-shadow .2s;color:var(--blue)}
.header .language-picker>summary::-webkit-details-marker{display:none}
.header .language-picker>summary::marker{content:''}
.header .language-picker>summary:after{display:none}
.header .language-picker>summary>svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.header .language-picker>summary:hover,.header .language-picker[open]>summary{color:var(--pink);border-color:#a32e7355;box-shadow:0 4px 16px #476bb014}
.header .language-picker>summary:focus-visible,.header .language-options a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.header .language-options{position:absolute;inset-inline-end:0;top:calc(100% + 12px);min-width:180px;padding:7px;background:#fff;border:1px solid #476bb024;border-radius:17px;box-shadow:0 14px 40px #34426422;animation:languageAppear .16s ease-out}
.header .language-options a{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;padding:8px 13px;border-radius:11px;font-family:Cairo,Arial,sans-serif;font-size:14px;font-weight:600;color:#485066;text-decoration:none;white-space:nowrap;transition:color .15s,background .15s}
.header .language-options a:after{display:none}
.header .language-options a:hover{background:#f3f5fb;color:var(--blue)}
.header .language-options a[aria-current]{background:linear-gradient(110deg,#edf2fb,#fbf0f7);color:var(--pink)}
.header .language-check{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
@keyframes languageAppear{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.header .language-picker>summary{width:36px;height:38px;border-radius:11px}.header .language-picker>summary>svg{width:21px;height:21px}.header .language-options{top:calc(100% + 10px);min-width:166px}}
@media(prefers-reduced-motion:reduce){.header .language-options{animation:none}}

/* Thai shaping and line breaks use locally hosted Noto fonts. */
html[lang=th] body{font-family:'Noto Sans Thai',Tahoma,Cairo,sans-serif;line-height:1.85}
html[lang=th] main{word-break:normal;overflow-wrap:break-word}
html[lang=th] main h1,html[lang=th] main h2,html[lang=th] main h3{font-family:'Noto Serif Thai',Tahoma,serif!important;font-weight:600;letter-spacing:0;line-height:1.55}
html[lang=th] main p{word-break:normal;text-justify:auto!important}
html[lang=th] .hero h1{font-size:44px;line-height:1.65}
html[lang=th] .hero-description{font-size:16px;line-height:2}
html[lang=th] .feature-experience .feature-section-heading h2{font-size:35px;line-height:1.6;letter-spacing:0}
html[lang=th] .feature-experience .feature-workbench .feature-detail>h3{font-size:26px;line-height:1.65}
html[lang=th] .tour-banner h3{font-size:27px;line-height:1.65}
html[lang=th] .journey-card h3,html[lang=th] .tour-story strong{font-family:'Noto Serif Thai',Tahoma,serif!important;letter-spacing:0}
html[lang=th] .privacy-page h1{font-size:40px;line-height:1.65}
html[lang=th] .privacy-card h2{font-size:24px;line-height:1.65}
html[lang=th] .download-page h1{font-size:34px;line-height:1.7}
html[lang=th] .header #nav{font-size:14px;gap:26px}
html[lang=th] .header-cta{font-family:'Noto Sans Thai',Tahoma,sans-serif;font-size:13px}
@media(max-width:760px){
 html[lang=th] .hero h1{font-size:30px;line-height:1.65}
 html[lang=th] .hero-description{font-size:14px;line-height:1.95}
 html[lang=th] .feature-experience .feature-section-heading h2{font-size:28px;line-height:1.65}
 html[lang=th] .feature-experience .feature-workbench>.feature-tabs .feature-tab{font-size:14px}
 html[lang=th] .privacy-page h1{font-size:29px;line-height:1.7}
 html[lang=th] .privacy-card h2{font-size:21px;line-height:1.65}
 html[lang=th] .download-page h1{font-size:27px;line-height:1.7}
 html[lang=th] .header-cta{font-size:11px}
}
html[lang=th] .hero .hero-description{text-wrap:balance!important}

/* Shared language drawer for desktop and mobile. */
 .header .language-picker.has-language-drawer{display:none}
 .header .language-drawer-trigger{display:grid;place-items:center;flex:none;cursor:pointer;width:42px;height:42px;padding:0;border:1px solid #476bb029;border-radius:13px;background:linear-gradient(135deg,#eef3fc,#fbf0f6);color:var(--blue);transition:color .2s,border-color .2s,box-shadow .2s}
 .header .language-drawer-trigger:hover,.header .language-drawer-trigger[aria-expanded=true]{color:var(--pink);border-color:#a32e7355;box-shadow:0 4px 16px #476bb014}
 .header .language-drawer-trigger>svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.language-drawer{position:fixed;inset:0;inset-inline-end:auto;margin:0;padding:32px;border:0;border-inline-end:1px solid #e9eaf2;border-start-end-radius:26px;border-end-end-radius:26px;width:min(410px,90vw);height:100dvh;max-width:none;max-height:none;background:radial-gradient(ellipse at 0 0,#eef2fc,transparent 52%),linear-gradient(160deg,#fff 65%,#fcf5fa);color:var(--ink);box-shadow:0 0 60px #23325522;overflow-y:auto;overscroll-behavior:contain;transform:translateX(105%);transition:transform .26s ease;font-family:Cairo,Arial,sans-serif}
html[dir=ltr] .language-drawer{transform:translateX(-105%)}
html[lang] .language-drawer.is-open{transform:translateX(0)}
.language-drawer::backdrop{background:#202c485c;backdrop-filter:blur(3px)}
.language-drawer-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
.language-drawer-emblem{width:57px;height:57px;display:grid;place-items:center;background:linear-gradient(135deg,#e7eefb,#f6e7f1);border:1px solid #ffffffed;border-radius:18px;color:var(--blue);box-shadow:0 5px 16px #536d9c0c}
.language-drawer-emblem svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.language-drawer-close{width:38px;height:38px;display:grid;place-items:center;padding:9px;border:1px solid #e2e7f0;border-radius:12px;color:#667590;background:#ffffffbd;transition:color .2s,background .2s}
.language-drawer-close:hover{color:var(--pink);background:#faf0f6}
.language-drawer-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
html[lang=th] .language-drawer>p{font-family:'Noto Sans Thai',Tahoma,sans-serif}
.language-drawer>p{font:400 13px/1.9 Cairo,Arial,sans-serif;color:#78849a;margin:0}
.language-drawer-links{display:grid;gap:10px;margin-top:0}
.language-drawer-link{display:flex;align-items:center;gap:13px;min-height:65px;padding:11px 14px;border:1px solid #e5eaf3;border-radius:15px;background:#ffffffd9;color:#4e5c75;font-size:14px;font-weight:600;transition:background .2s,border-color .2s,box-shadow .2s}
.language-drawer-link:hover{background:#f3f6fc;border-color:#cbd7ed;box-shadow:0 5px 15px #476bb009}
.language-drawer-link[aria-current]{background:linear-gradient(110deg,#edf2fc,#fbecf6);color:var(--pink);border-color:#e4cde0}
.language-drawer-code{width:37px;height:37px;display:grid;place-items:center;flex:none;border-radius:11px;background:#eef3fb;color:var(--blue);font:700 11px/1 Cairo,Arial,sans-serif;letter-spacing:.5px}
.language-drawer-link[aria-current] .language-drawer-code{background:#f2ddea;color:var(--pink)}
.language-drawer-link>span[lang]{flex:1;white-space:nowrap;font:600 14px/1.8 Cairo,Arial,sans-serif}
.language-drawer-check{width:21px;height:21px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.language-drawer-link[aria-current] .language-drawer-check{background:#a32e73;color:white;border-radius:50%;padding:3px}
.language-drawer .language-drawer-note{margin-top:28px;padding-top:19px;border-top:1px solid #e6e9f2;font-size:11px;line-height:1.9;color:#929bb0}
@media(prefers-reduced-motion:reduce){.language-drawer{transition:none}}

@media(max-width:760px){
 .header .language-drawer-trigger{width:36px;height:38px;border-radius:11px}
 .header .language-drawer-trigger>svg{width:21px;height:21px}
 .language-drawer{width:min(380px,calc(100vw - 18px));padding:24px 16px}
 .language-drawer-top{margin-bottom:24px}
 .language-drawer-link{min-height:61px;padding:10px;gap:9px}
 .language-drawer-code{width:33px;height:33px}
 .language-drawer-check{width:20px;height:20px}
 .language-drawer .language-drawer-note{margin-top:24px;padding-top:17px}
}