@font-face{font-family:Jakarta;src:url(/fonts/jakarta.woff2)format("woff2");font-weight:200 800;font-style:normal;font-display:swap;unicode-range:U+0-24F,U+259,U+1E??,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212,U+2215}@font-face{font-family:Inter;src:url(/fonts/inter.woff2)format("woff2");font-weight:400 800;font-style:normal;font-display:swap}:root{--bg:#fff;--bg-2:#f5f5f7;--card:#fff;--fg:#1d1d1f;--fg-2:#6e6e73;--line:#e3e3e8;--accent:#6d28d9;--accent-2:#5b21b6;--accent-soft:#f1ebfd;--gold:#b7791f;--ok:#1f9d63;--f:"Inter", -apple-system, "SF Pro Display", "Segoe UI", system-ui, sans-serif;--f-head:"Fraunces", Georgia, serif;--f-body:var(--f);--sec:140px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#000;--bg-2:#141416;--card:#1c1c1e;--fg:#f5f5f7;--fg-2:#a1a1a6;--line:#2c2c2e;--accent:#b794ff;--accent-2:#cdb5ff;--accent-soft:#241a3a;--gold:#f0b65a;--ok:#4ccf8d;color-scheme:dark}}:root[data-theme=dark]{--bg:#000;--bg-2:#141416;--card:#1c1c1e;--fg:#f5f5f7;--fg-2:#a1a1a6;--line:#2c2c2e;--accent:#b794ff;--accent-2:#cdb5ff;--accent-soft:#241a3a;--gold:#f0b65a;--ok:#4ccf8d;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);font:400 17px/1.5 var(--f);-webkit-font-smoothing:antialiased;letter-spacing:-.011em}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:60;background:var(--bg);position:fixed;inset:0 0 auto}.wrap{max-width:1120px;padding-left:max(22px, env(safe-area-inset-left,0px));padding-right:max(22px, env(safe-area-inset-right,0px));margin:0 auto}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}h1,h2,h3{letter-spacing:-.035em;text-wrap:balance;margin:0;font-weight:700}.k{color:var(--accent);font-size:17px;font-weight:600}.h2{font-size:clamp(38px,5vw,56px);line-height:1.07}.lead{color:var(--fg-2);max-width:34ch;margin:16px 0 0;font-size:20px;line-height:1.45}.center{text-align:center}.center .lead{margin-left:auto;margin-right:auto}.grey{background:var(--bg-2)}.nav{top:env(safe-area-inset-top,0px);z-index:50;background:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid color-mix(in srgb, var(--line) 70%, transparent);position:sticky}.nav .wrap{align-items:center;gap:26px;height:52px;display:flex}.brand{color:var(--fg);align-items:center;gap:9px;margin-inline-end:auto;font-size:17px;font-weight:600;display:flex}.brand:hover{text-decoration:none}.brand img{border-radius:7px;width:26px;height:26px}.nav nav{gap:24px;font-size:13px;display:flex}.nav nav a{color:var(--fg-2)}.nav nav a:hover{color:var(--fg);text-decoration:none}.tsw{background:var(--bg-2);border:1px solid var(--line);border-radius:999px;gap:2px;padding:2px;display:inline-flex}.tsw button{width:30px;height:26px;color:var(--fg-2);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:grid}.tsw button:hover{color:var(--fg)}.tsw button[aria-pressed=true]{background:var(--card);color:var(--fg);box-shadow:0 1px 3px #00000026}.pill{background:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.pill:hover{background:var(--accent-2);text-decoration:none}.more{font-size:17px;font-weight:500}.device{aspect-ratio:9/19.5;background:#0c0c0e;border-radius:52px;flex:none;width:300px;padding:11px;position:relative;box-shadow:inset 0 0 0 1.5px #3a3a3c,0 40px 80px -24px #140a2859}.device .shot{background:var(--bg-2);border-radius:42px;width:100%;height:100%;position:relative;overflow:hidden}.device .shot img{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.device .island{z-index:2;background:#000;border-radius:20px;width:92px;height:26px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.hero{text-align:center;padding-top:84px;overflow:hidden}.hero .eb{align-items:center;gap:10px;font-size:19px;font-weight:600;display:inline-flex}.hero .eb img{border-radius:8px;width:32px;height:32px}.hero h1{margin:20px auto 0;font-size:clamp(50px,8vw,100px);line-height:1}.hero h1 span{display:block}.hero h1 span+span{color:var(--accent)}.hero .lead{max-width:32ch;margin:22px auto 0;font-size:clamp(19px,2.2vw,24px);font-weight:500}.hero .ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;margin-top:32px;display:flex}.hero .note{color:var(--fg-2);margin-top:14px;font-size:14px}.trio{justify-content:center;height:620px;margin-top:72px;display:flex;position:relative}.trio .device{position:absolute;top:0}.trio .c{z-index:3;width:320px}.trio .l,.trio .r{z-index:2;opacity:.97;width:280px;top:70px}.trio .l{transform:translate(-260px)}.trio .r{transform:translate(260px)}@media (prefers-reduced-motion:no-preference){.hero .eb,.hero h1 span,.hero .lead,.hero .ctas,.hero .note{animation:.9s cubic-bezier(.2,.7,.2,1) both heroUp}.hero h1 span+span{animation-delay:.1s}.hero .lead{animation-delay:.2s}.hero .ctas{animation-delay:.28s}.hero .note{animation-delay:.34s}.trio .c{animation:1.1s cubic-bezier(.2,.7,.2,1) .2s both heroUp}@keyframes heroUp{0%{opacity:0;transform:translateY(24px)}}}.rows{gap:120px;display:grid}.row{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:72px;display:grid}.row.flip .txt{order:2}.row h2{margin-top:10px}.pts{gap:12px;margin:26px 0 0;padding:0;list-style:none;display:grid}.pts li{grid-template-columns:22px minmax(0,1fr);gap:12px;font-size:17px;display:grid}.pts li svg{color:var(--accent);margin-top:3px}.panel{background:var(--bg-2);border-radius:40px;justify-content:center;gap:24px;height:600px;padding-top:64px;display:flex;overflow:hidden}.panel.two .device{width:250px}.panel.two .device:nth-child(2){margin-top:56px}.qcam{padding-block:var(--sec);color:#f5f5f7;background:#000}.qcam .grid{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:80px;display:grid}.qcam .k{color:#4ccf8d}.qcam h2{margin-top:10px;font-size:clamp(38px,5vw,56px);line-height:1.07}.qcam p.lead{color:#a1a1a6}.qsteps{gap:4px;max-width:420px;margin:32px 0 0;padding:0;list-style:none;display:grid}.qsteps li{border-radius:16px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:14px;padding:12px 14px;transition:background .3s;display:grid}.qsteps li span.n{color:#a1a1a6;background:#1c1c1e;border-radius:50%;place-items:center;width:34px;height:34px;font-size:15px;font-weight:700;transition:all .3s;display:grid}.qsteps li b{letter-spacing:-.02em;font-size:18px;display:block}.qsteps li small{color:#a1a1a6;font-size:15px}.qsteps li.on{background:#1c1c1e}.qsteps li.on span.n{color:#fff;background:#6d28d9}.qsteps li.found.on span.n{background:#1f9d63}.qnote{color:#a1a1a6;align-items:center;gap:8px;margin-top:22px;font-size:14px;display:flex}.qphone{aspect-ratio:9/19.5;will-change:transform;background:#0c0c0e;border-radius:52px;width:330px;max-width:100%;padding:11px;box-shadow:inset 0 0 0 1.5px #3a3a3c,0 40px 100px -20px #4ccf8d40}.qview{color:#fff;width:100%;height:100%;font:500 13px/1.3 var(--f);background:#000;border-radius:42px;position:relative;overflow:hidden}.qview .pano{will-change:transform;width:auto;height:100%;position:absolute;top:0;left:0}.qview .scrim{background:#00000080;height:108px;position:absolute;inset:0 0 auto}.qview .bar{align-items:center;gap:8px;display:flex;position:absolute;top:44px;left:14px;right:14px}.qview .bar b{font-size:17px;font-weight:600}.qview .upright{white-space:nowrap;background:#0009;border-radius:999px;padding:6px 12px;font-size:12px;transition:opacity .4s;position:absolute;top:118px;left:50%;transform:translate(-50%)}.qview .edge{background:#0009;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;font-size:11px;transition:opacity .3s;display:flex;position:absolute;top:46%;right:10px}.qview .kaaba{background:#fff8f4;border-radius:50%;place-items:center;width:64px;height:64px;margin-top:-32px;margin-left:-32px;transition:box-shadow .3s;display:grid;position:absolute;top:40%;box-shadow:0 0 0 3px #ffffffbf}.qview .kaaba.face{box-shadow:0 0 0 4px #76daa1,0 0 0 12px #76daa147}.qview .ripple{opacity:0;border:2px solid #76daa1;border-radius:50%;width:64px;height:64px;margin:-32px 0 0 -32px;position:absolute;top:40%;left:50%}.qview .ripple.go{animation:1.2s ease-out rip}@keyframes rip{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}.qview .line{border-left:2px dashed #ffffff8c;width:0;position:absolute;top:40%;bottom:150px;left:50%}.qview .chipf{color:#92f7bc;white-space:nowrap;background:#005231;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;transition:opacity .3s;display:flex;position:absolute;top:calc(40% + 48px);left:50%;transform:translate(-50%)}.qview .panel{background:#17130edb;border-radius:30px;height:auto;padding:16px 18px 14px;display:block;position:absolute;bottom:10px;left:10px;right:10px}.qview .panel .deg{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.qview .panel .deg span{color:#fffc;font-size:15px;font-weight:500}.qview .guide{font-variant-numeric:tabular-nums;align-items:center;gap:6px;margin-top:8px;font-size:15px;font-weight:600;display:inline-flex}.qview .guide.face{color:#76daa1}.qview .back{color:#fffc;border-top:1px solid #ffffff26;margin-top:12px;padding-top:10px;font-size:13px}.qcam .play-ctl{justify-content:center;margin-top:18px;display:flex}.qcam .play-ctl button{color:#f5f5f7;font:500 14px var(--f);cursor:pointer;background:#1c1c1e;border:1px solid #3a3a3c;border-radius:999px;min-height:40px;padding:8px 16px}.also{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:56px;display:grid}.also div{background:var(--card);border-radius:24px;padding:26px}.grey .also div{background:var(--card)}.also .ic{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border-radius:13px;place-items:center;display:grid}.also b{letter-spacing:-.02em;margin-top:16px;font-size:18px;display:block}.also span{color:var(--fg-2);margin-top:4px;font-size:15px;display:block}.live .grid{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:72px;display:grid}.tryhead{flex-wrap:wrap;align-items:baseline;gap:2px 12px;margin-top:32px;display:flex}.tryhead b{font-size:19px}.tryhead span{white-space:nowrap;color:var(--fg-2);font-variant-numeric:tabular-nums;font-size:15px}.trylist{gap:8px;max-width:440px;margin:14px 0 0;padding:0;list-style:none;display:grid}.trylist li button{text-align:start;background:var(--card);border:1px solid var(--line);width:100%;color:var(--fg);cursor:pointer;min-height:52px;font:inherit;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex}.trylist li button:hover{border-color:var(--accent)}.trylist .tick{border:2px solid var(--line);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}.trylist li.done .tick{background:#ffbd59;border-color:#ffbd59}.trylist li.done .t{color:var(--fg-2);text-decoration:line-through}.trylist small{color:var(--fg-2);font-size:13px;display:block}.demo{flex-direction:column;align-items:center;gap:16px;display:flex}.phone{background:#0c0c0e;border-radius:52px;width:360px;max-width:100%;height:740px;padding:11px;position:relative;box-shadow:inset 0 0 0 1.5px #3a3a3c,0 40px 80px -24px #140a2859}.screen{border-radius:42px;height:100%;position:relative;overflow:hidden}.themes{color:var(--fg-2);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-size:14px;display:flex}.swatch{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;display:grid}.swatch[aria-pressed=true]{border-color:var(--accent)}.swatch i{border-radius:50%;width:24px;height:24px;display:block}.democap{color:var(--fg-2);text-align:center;max-width:360px;font-size:13px}.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:64px;display:grid}.three svg{color:var(--accent)}.three b{letter-spacing:-.02em;margin-top:14px;font-size:21px;display:block}.three p{color:var(--fg-2);margin:6px 0 0}.plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:56px;display:grid}.plan h3{font-size:30px}.plan .pr{color:var(--fg-2);margin-top:6px;font-size:18px}.plan li{grid-template-columns:22px minmax(0,1fr);gap:12px;display:grid}.plan li svg{color:var(--accent);margin-top:3px}.plan.pro{box-shadow:inset 0 0 0 2px var(--gold)}.plan.pro h3{color:var(--gold)}.plan .opts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:26px;display:grid}.plan .opts div{border:1px solid var(--line);border-radius:16px;padding:14px}.plan .opts b{display:block}.plan .opts span{color:var(--fg-2);font-size:14px}.small{color:var(--fg-2);text-align:center;margin-top:18px;font-size:15px}.faq details{border-bottom:1px solid var(--line);max-width:800px;margin:0 auto;padding:22px 0}.faq summary{cursor:pointer;letter-spacing:-.02em;justify-content:space-between;gap:20px;font-size:20px;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--fg-2);font-weight:400}.faq details[open] summary:after{content:"–"}.faq p{color:var(--fg-2);max-width:68ch;margin:10px 0 0}.final img{border-radius:20px;width:80px;height:80px}.final h2{max-width:14ch;margin:22px auto 30px;font-size:clamp(40px,6vw,68px);line-height:1.04}footer{background:var(--bg-2);color:var(--fg-2);font-size:13px}footer .wrap{flex-wrap:wrap;align-items:center;gap:12px 26px;padding-block:28px;display:flex}footer a{color:var(--fg-2)}footer .r{margin-inline-start:auto}@media (width<=960px){:root{--sec:96px}.nav nav{display:none}.trio{height:560px}.trio .l{transform:translate(-160px)scale(.85)}.trio .r{transform:translate(160px)scale(.85)}.facts .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}.row,.qcam .grid,.live .grid{grid-template-columns:minmax(0,1fr);gap:44px}.row.flip .txt{order:0}.rows{gap:96px}.panel{height:520px}.qcam .grid>div:last-child,.live .demo{justify-self:center}.also{grid-template-columns:repeat(2,minmax(0,1fr))}.three,.plans{grid-template-columns:minmax(0,1fr)}}@media (width<=520px){.trio .l,.trio .r{display:none}.trio .c{width:280px}.trio{height:600px}.panel{border-radius:30px;height:480px;padding-top:44px}.panel .device{width:250px}.panel.two .device{width:200px}.panel.two{gap:12px}.also{grid-template-columns:minmax(0,1fr)}.plan{padding:28px}.phone{border-radius:44px;height:700px;padding:8px}.screen{border-radius:36px}.gtrack figure,.gtrack .device{width:230px}}.story{border-radius:40px;grid-template-columns:minmax(0,1fr) 270px;align-items:center;gap:40px;margin-top:64px;padding:40px;display:grid}.s-fajr{color:#f3ecdf;background:#0e0a18}.s-reel{color:#1d1d1f;background:#f4ece1}.story .stage{border-radius:26px;position:relative;overflow:hidden}.story .stage svg{width:100%;height:auto;display:block}.story .clock{color:#ffbd59;font:700 20px/1 var(--f);font-variant-numeric:tabular-nums;background:#0000008c;border-radius:14px;padding:9px 14px;position:absolute;top:16px;left:16px}.story .clock.light{color:#1d1d1f;background:#ffffffd9}.story .clock span{display:none}.story[data-phase="0"] .clock .c0,.story[data-phase="1"] .clock .c1,.story[data-phase="2"] .clock .c1,.story[data-phase="3"] .clock .c3{display:inline}.story .sphone{aspect-ratio:9/19.5;background:#0c0c0e;border-radius:46px;justify-self:center;width:270px;padding:10px;box-shadow:inset 0 0 0 1.5px #3a3a3c,0 30px 70px -20px #00000080}.story .sv{color:#fff;height:100%;font:500 13px/1.35 var(--f);background:#0b0812;border-radius:37px;position:relative;overflow:hidden}.story .pane{opacity:0;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:26px 20px;transition:opacity .5s;display:flex;position:absolute;inset:0}.story .steps{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.story .steps li{opacity:.5;border-top:3px solid #80808047;padding-top:12px;transition:opacity .4s,border-color .4s}.story .steps li b{letter-spacing:-.02em;font-size:17px;display:block}.story .steps li span{opacity:.8;font-size:14px}.s-fajr .steps li.on{opacity:1;border-color:#ffbd59}.s-reel .steps li.on{opacity:1;border-color:#6d28d9}.story .steps li.done{opacity:.85}.f-wall{fill:#1a1430;transition:fill 1.4s}.f-floor{fill:#120d20}.f-sky{fill:#101a3a;transition:fill 1.6s}.f-moon{fill:#f3ecdf;transition:opacity 1.2s}.f-moonbite{fill:#101a3a;transition:opacity 1.2s}.f-stars{transition:opacity 1.2s}.f-sun{fill:#ffcf8a;opacity:0;transition:opacity 1.6s}.f-blanket{fill:#8b7bb0}.f-lamp{fill:#ffd28a;opacity:0;pointer-events:none;transition:opacity 1.4s}.f-sleep,.f-sit,.f-phone{transition:opacity .6s}.f-sit{opacity:0}.f-stand{opacity:0;transition:opacity .6s}.s-fajr[data-phase="3"] .f-stand{opacity:1}.f-zzz{opacity:0;transition:opacity .5s}.f-screen{fill:#1c1c1e;transition:fill .3s}.f-wave{fill:none;stroke:#ffbd59;stroke-width:2px;opacity:0;transform-box:fill-box;transform-origin:50%}.s-fajr[data-phase="0"] .f-zzz{opacity:1}.s-fajr[data-phase="1"] .f-screen{fill:#ffbd59}.s-fajr[data-phase="2"] .f-sleep,.s-fajr[data-phase="3"] .f-sleep{opacity:0}.s-fajr[data-phase="2"] .f-sit{opacity:1}.s-fajr[data-phase="2"] .f-phone,.s-fajr[data-phase="3"] .f-phone{opacity:0}.s-fajr[data-phase="3"] .f-sky{fill:#7d9bcf}.s-fajr[data-phase="3"] .f-wall{fill:#2c2448}.s-fajr[data-phase="3"] .f-moon,.s-fajr[data-phase="3"] .f-moonbite,.s-fajr[data-phase="3"] .f-stars{opacity:0}.s-fajr[data-phase="3"] .f-sun{opacity:1}.s-fajr[data-phase="3"] .f-lamp{opacity:.08}.f-ui .p-lock .lt{font:600 64px/1 var(--f);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.f-ui .p-lock .ld{color:#a1a1a6;margin-top:6px}.f-ui .ringc{border:2px solid #ffbd59;border-radius:50%;place-items:center;width:92px;height:92px;margin-bottom:12px;display:grid}.f-ui .rk{color:#ffbd59;letter-spacing:.16em;font-size:12px;font-weight:700}.f-ui .rt{font:600 44px/1.05 var(--f);font-variant-numeric:tabular-nums}.f-ui .rs{color:#a1a1a6;margin-top:4px;font-size:12px}.f-ui .sum{font:600 26px var(--f-head);margin:18px 0 12px}.f-ui .ans{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.f-ui .ans span{border:1px solid #4a3470;border-radius:12px;padding:11px 0;font-size:18px;font-weight:600;transition:all .3s}.f-ui .snz{color:#a1a1a6;border:1px solid #3a2a55;border-radius:999px;margin-top:14px;padding:7px 14px;font-size:12px}.f-ui .tap,.r-ui .tap{opacity:0;pointer-events:none;background:#ffffff8c;border-radius:50%;width:44px;height:44px;position:absolute}.f-ui .tap{top:63%;left:calc(50% - 22px)}.f-ui .chk,.r-ui .chk{background:#1f9d63;border-radius:50%;place-items:center;width:72px;height:72px;margin-bottom:16px;display:grid}.f-ui .gm,.r-ui .gm{font:600 26px/1.1 var(--f);letter-spacing:-.02em}.f-ui .gs,.r-ui .gs{color:#a1a1a6;margin-top:8px}.s-fajr[data-phase="0"] .p-lock,.s-fajr[data-phase="1"] .p-ring,.s-fajr[data-phase="2"] .p-ring,.s-fajr[data-phase="3"] .p-done{opacity:1}.s-fajr[data-phase="2"] .ans .ok{color:#2a1748;background:#ffbd59;border-color:#ffbd59;transition-delay:1.2s}.r-sit,.r-stand,.r-down{transition:opacity .6s}.r-stand,.r-down{opacity:0}.r-glow{fill:#e4405f;transition:fill .3s}.r-min,.r-hour{transition:transform 1s}.r-min{transform:rotate(126deg)}.r-hour{transform:rotate(100deg)}.s-reel[data-phase="1"] .r-min,.s-reel[data-phase="2"] .r-min{transform:rotate(138deg)}.s-reel[data-phase="3"] .r-min{transform:rotate(180deg)}.s-reel[data-phase="3"] .r-hour{transform:rotate(105deg)}.s-reel[data-phase="2"] .r-glow{fill:#ffbd59}.s-reel[data-phase="3"] .r-sit{opacity:0}.s-reel[data-phase="3"] .r-stand,.s-reel[data-phase="3"] .r-down{opacity:1}.r-ui .p-feed{justify-content:flex-start;padding:0}.r-ui .feed{position:absolute;inset:0}.r-ui .feed div{height:100%}.r-ui .side{gap:14px;display:grid;position:absolute;bottom:90px;right:12px}.r-ui .side i{background:#ffffffd9;border-radius:50%;width:30px;height:30px;display:block}.r-ui .cap{gap:8px;display:grid;position:absolute;bottom:34px;left:14px;right:60px}.r-ui .cap b{background:#ffffffd9;border-radius:5px;height:9px;display:block}.s-reel[data-phase="0"] .p-feed,.s-reel[data-phase="1"] .p-feed,.s-reel[data-phase="2"] .p-feed,.s-reel[data-phase="2"] .p-pop,.s-reel[data-phase="3"] .p-log{opacity:1}.r-ui .p-pop{background:#0a08148c;justify-content:flex-end;padding:0}.r-ui .sheet{text-align:start;background:#1b1030;border-radius:26px 26px 0 0;width:100%;transition:transform .6s cubic-bezier(.2,.8,.2,1);overflow:hidden;transform:translateY(100%)}.s-reel[data-phase="2"] .sheet{transform:none}.r-ui .in{padding:12px 16px 18px;position:relative}.r-ui .rest{color:#cdbde8;align-items:center;gap:8px;font-size:12px;display:flex}.r-ui .ig{background:#e4405f;border-radius:5px;width:18px;height:18px}.r-ui .tt{font:600 21px var(--f);letter-spacing:-.02em;margin-top:4px}.r-ui .wl{color:#cdbde8;margin-top:6px;font-size:11.5px}.r-ui .wq{background:#3a2a55;border-radius:999px;height:5px;margin:8px 0 12px;overflow:hidden}.r-ui .wq i{background:#ffbd59;width:62%;height:100%;display:block}.r-ui .b1,.r-ui .b2,.r-ui .b3{text-align:center;border-radius:999px;margin-top:7px;padding:10px;font-size:13px;font-weight:600;display:block}.r-ui .b1{color:#2a1748;background:#ffbd59}.r-ui .b2{background:#2a1f45}.r-ui .b3{border:1px solid #4a3470}.r-ui .tap{top:104px;left:calc(50% - 22px)}.r-ui .p-log{background:#0b0812}.replay{border:1px solid var(--line);background:var(--card);color:var(--fg);font:500 14px var(--f);cursor:pointer;border-radius:999px;min-height:40px;padding:9px 18px}@media (prefers-reduced-motion:no-preference){.s-fajr[data-phase="0"] .f-zzz text{animation:2s ease-in-out infinite zz}.s-fajr[data-phase="1"] .f-wave.w1{animation:1s ease-out infinite wave}.s-fajr[data-phase="1"] .f-wave.w2{animation:1s ease-out .5s infinite wave}.s-fajr[data-phase="1"] .f-phone{animation:.25s linear infinite buzz}.s-fajr[data-phase="1"] .ringc,.s-fajr[data-phase="2"] .ringc{animation:1.2s ease-in-out infinite pulse}.s-fajr[data-phase="2"] .f-ui .tap{animation:.7s ease-out 1s both tapit}.s-reel[data-phase="0"] .feed,.s-reel[data-phase="1"] .feed{animation:6s step-end infinite feed}.s-reel[data-phase="0"] .r-glow,.s-reel[data-phase="1"] .r-glow{animation:1s steps(2,end) infinite flick}.s-reel[data-phase="2"] .r-ui .tap{animation:.7s ease-out 2.2s both tapit}.s-reel[data-phase="2"] .r-ui .b1{animation:.3s 2.4s both press}@keyframes zz{50%{opacity:.6;transform:translateY(-4px)}}@keyframes wave{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}@keyframes buzz{25%{transform:translate(-1.5px)}75%{transform:translate(1.5px)}}@keyframes pulse{50%{box-shadow:0 0 0 12px #ffbd591f}}@keyframes tapit{0%{opacity:0;transform:scale(.6)}40%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}@keyframes press{50%{transform:scale(.95)}}@keyframes feed{0%{transform:translateY(0)}20%{transform:translateY(-100%)}40%{transform:translateY(-200%)}60%{transform:translateY(-300%)}80%{transform:translateY(-400%)}}@keyframes flick{50%{fill:#3d5a80}}}@media (width<=900px){.story{border-radius:30px;grid-template-columns:minmax(0,1fr);gap:26px;padding:22px}.story .steps{grid-template-columns:repeat(2,minmax(0,1fr))}.story .sphone{width:240px}}.moment{padding-block:var(--sec)}.m-dark{color:#f5f5f7;background:#000}.m-dark .k{color:#ffbd59}.m-dark .lead{color:#a1a1a6}.m-light{background:var(--bg-2)}.mgrid{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:80px;display:grid}.mgrid.flip .mtext{order:2}.mtext h2{margin-top:10px}.msteps{gap:4px;max-width:440px;margin:32px 0 0;padding:0;list-style:none;display:grid}.msteps li{border-radius:16px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:14px;padding:12px 14px;transition:background .3s;display:grid}.msteps li .n{border-radius:50%;place-items:center;width:34px;height:34px;font-size:15px;font-weight:700;transition:all .3s;display:grid}.msteps li b{letter-spacing:-.02em;font-size:18px;display:block}.msteps li small{font-size:15px}.m-dark .msteps li .n{color:#a1a1a6;background:#1c1c1e}.m-dark .msteps li small{color:#a1a1a6}.m-dark .msteps li.on{background:#1c1c1e}.m-dark .msteps li.on .n{color:#2a1748;background:#ffbd59}.m-light .msteps li .n{background:var(--card);color:var(--fg-2);border:1px solid var(--line)}.m-light .msteps li small{color:var(--fg-2)}.m-light .msteps li.on{background:var(--card)}.m-light .msteps li.on .n{background:var(--accent);color:#fff;border-color:var(--accent)}.msteps li.found.on .n{color:#fff;background:#1f9d63;border-color:#1f9d63}.mnote{margin-top:22px;font-size:14px}.m-dark .mnote{color:#a1a1a6}.m-light .mnote{color:var(--fg-2)}.mphone-wrap{background:0 0!important}.mphone-wrap .r-ui .p-pop{justify-content:flex-end;padding:0}.mphone-wrap .r-ui .p-feed{padding:0}.mside{flex-direction:column;align-items:center;gap:18px;display:flex}.mphone-wrap .sphone{aspect-ratio:9/19.5;background:#0c0c0e;border-radius:50px;width:300px;padding:11px;box-shadow:inset 0 0 0 1.5px #3a3a3c,0 40px 90px -24px #140a2866}.m-dark .mphone-wrap .sphone{box-shadow:inset 0 0 0 1.5px #3a3a3c,0 40px 100px -20px #ffbd5938}.mphone-wrap .sv{color:#fff;height:100%;font:500 13px/1.35 var(--f);background:#0b0812;border-radius:40px;position:relative;overflow:hidden}.mphone-wrap .pane{opacity:0;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:26px 20px;transition:opacity .5s;display:flex;position:absolute;inset:0}.f-ui .p-lock .lnote{color:#ffbd59;border:1px solid #3a2a55;border-radius:999px;margin-top:26px;padding:6px 12px;font-size:12px}.r-ui .tclock{font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #0006;font-size:13px;font-weight:600;position:absolute;top:14px;left:22px}.r-ui .tclock span{display:none}.s-reel[data-phase="0"] .tclock .t0,.s-reel[data-phase="1"] .tclock .t1,.s-reel[data-phase="2"] .tclock .t1{display:inline}.mplay .replay{min-height:40px}.m-dark .mplay .replay{color:#f5f5f7;background:#1c1c1e;border-color:#3a3a3c}@media (width<=960px){.mgrid{grid-template-columns:minmax(0,1fr);gap:48px}.mgrid.flip .mtext{order:0}}@media (width<=420px){.mphone-wrap .sphone{border-radius:46px;width:270px;padding:10px}.mphone-wrap .sv{border-radius:36px}}.priv .pemblem{color:var(--gold);margin:0 auto;display:block}.pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:64px;display:grid}.pcard{background:var(--bg-2);border-radius:32px;padding:14px 14px 34px}.pcard h3{letter-spacing:-.03em;margin:26px 22px 0;font-size:26px}.pcard p{color:var(--fg-2);max-width:40ch;margin:8px 22px 0}.pvis{background:var(--card);border-radius:22px;justify-content:center;align-items:center;gap:26px;height:230px;display:flex;position:relative;overflow:hidden}.pform{gap:9px;width:210px;display:grid}.pfield{border:1px solid var(--line);color:var(--fg-2);border-radius:12px;padding:10px 14px;font-size:14px}.pfield s{opacity:.7;text-decoration-thickness:1.5px}.pgo{background:var(--ok);color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:6px;margin-top:4px;padding:11px 14px;font-size:14px;font-weight:600;display:inline-flex}.pphone{background:var(--bg-2);border:6px solid #0c0c0e;border-radius:24px;align-content:start;gap:8px;width:112px;height:186px;padding:22px 12px 12px;display:grid;position:relative}.pphone .pl{background:var(--line);border-radius:5px;height:9px}.pphone .pl.w1{width:70%}.pphone .pl.w2{width:50%}.pphone .ptag{white-space:nowrap;background:var(--accent);color:#fff;border-radius:999px;align-items:center;gap:5px;padding:5px 9px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.pcloud{color:var(--fg-2);justify-items:center;gap:6px;font-size:13px;display:grid}.priv .lead{max-width:44ch}.pfile,.pdh span{white-space:nowrap}.pdrive{border:1px solid var(--line);border-radius:18px;gap:10px;width:290px;max-width:92%;padding:14px;display:grid}.pdh{flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:14px;font-weight:600;display:flex}.pdh span{color:var(--fg-2);background:var(--bg-2);border-radius:999px;margin-inline-start:auto;padding:3px 8px;font-size:11px;font-weight:500}.pfile{background:var(--bg-2);border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-family:ui-monospace,Consolas,monospace;font-size:13px;display:flex}.pfile em{font-style:normal;font-family:var(--f);color:var(--fg-2);margin-inline-start:auto;font-size:11px}.pnote{color:var(--ok);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.pnote:before{content:"";background:var(--ok);border-radius:50%;width:7px;height:7px}.pact{justify-items:center;gap:12px;display:grid}.pexp{border:1px solid var(--line);background:var(--card);border-radius:14px;align-items:center;gap:8px;padding:12px 16px;font-family:ui-monospace,Consolas,monospace;font-size:13px;display:inline-flex;box-shadow:0 10px 24px -14px #140a284d}.pdel{color:#c2413a;border:1.5px solid #c2413a;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;display:inline-flex}@media (width<=760px){.pgrid{grid-template-columns:minmax(0,1fr)}.pvis{height:210px}.pcard h3{margin:22px 14px 0;font-size:23px}.pcard p{margin:8px 14px 0}}.pplans{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);align-items:stretch;gap:22px;margin-top:60px;display:grid}.pfree,.ppro{border-radius:34px;flex-direction:column;padding:40px;display:flex;position:relative;overflow:hidden}.pfree{background:var(--card)}.ppro{color:#f3ecdf;background:#130c22;box-shadow:0 40px 80px -30px #2b17488c,inset 0 0 0 1px #3a2a55}.ptop{gap:6px;display:grid;position:relative}.plabel{color:var(--fg-2);align-items:center;gap:6px;font-size:15px;font-weight:600;display:inline-flex}.plabel.gold{color:#e9b45a}.pbig{letter-spacing:-.04em;font-size:44px;font-weight:700;line-height:1.05}.psub{color:var(--fg-2);font-size:16px}.ppro .psub{color:#b9a8d6}.plist{flex:1;align-content:start;gap:13px;margin:30px 0 0;padding:0;list-style:none;display:grid}.plist li{grid-template-columns:22px minmax(0,1fr);gap:12px;font-size:16px;display:grid}.plist li svg{margin-top:2px}.pfree .plist li svg{color:var(--ok)}.ppro .plist li svg{color:#e9b45a}.ptiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:30px;display:grid}.ptile{border:1px solid #3a2a55;border-radius:18px;gap:2px;padding:16px;display:grid;position:relative}.ptile b{font-size:17px}.ptile span{color:#e2d6f5;font-size:15px}.ptile small{color:#8f80ad;margin-top:4px;font-size:12px}.ptile.best{background:#1d1233;border:2px solid #e9b45a}.ptile.best small{color:#e9b45a}.pbadge{white-space:nowrap;color:#2a1748;background:#e9b45a;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;position:absolute;top:-11px;left:50%;transform:translate(-50%)}.pbtn-free,.pbtn-pro{border-radius:999px;justify-content:center;align-items:center;min-height:54px;margin-top:28px;font-size:17px;font-weight:600;display:flex}.pbtn-free{border:1px solid var(--line);color:var(--fg)}.pbtn-free:hover{background:var(--bg-2);text-decoration:none}.pbtn-pro{color:#2a1748;background:#e9b45a}.pbtn-pro:hover{background:#f2c574;text-decoration:none}.ptrust{color:var(--fg-2);flex-wrap:wrap;justify-content:center;gap:12px 32px;margin-top:34px;font-size:15px;display:flex}.ptrust span{align-items:center;gap:8px;display:inline-flex}@media (width<=860px){.pplans{grid-template-columns:minmax(0,1fr)}.pfree,.ppro{border-radius:28px;padding:30px 24px}.ppro{order:-1}.pbig{font-size:38px}}.trio#trio{position:relative}.trio .device{z-index:1}.trio .c .shot img{opacity:0;transition:opacity .9s}.trio .c .shot img.cur{opacity:1}.hcap{color:var(--fg-2);white-space:nowrap;align-items:center;gap:12px;font-size:14px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.hcap b{color:var(--fg);min-width:110px;font-weight:600}.hdots{gap:6px;display:inline-flex}.hdots i{background:var(--line);border-radius:3px;width:6px;height:6px;transition:all .4s}.hdots i.on{background:var(--accent);width:20px}@media (prefers-reduced-motion:no-preference){@keyframes drawArch{to{stroke-dashoffset:0}}.trio .c{animation:1.1s cubic-bezier(.2,.8,.2,1) .15s both riseC!important}.trio .l{animation:1.2s cubic-bezier(.2,.8,.2,1) .35s both riseL,7s ease-in-out 1.6s infinite floatA!important}.trio .r{animation:1.2s cubic-bezier(.2,.8,.2,1) .45s both riseR,7s ease-in-out 1.6s infinite floatB!important}@keyframes riseC{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:none}}@keyframes riseL{0%{opacity:0;transform:translate(40px,80px)rotate(4deg)}to{opacity:1;transform:none}}@keyframes riseR{0%{opacity:0;transform:translate(-40px,80px)rotate(-4deg)}to{opacity:1;transform:none}}@keyframes floatA{50%{transform:translateY(-10px)}}@keyframes floatB{50%{transform:translateY(8px)}}}.f-ui .tap,.r-ui .tap{display:none!important}.f-ui .ans .ok,.r-ui .b1{position:relative;overflow:visible}.finger{opacity:0;pointer-events:none;z-index:5;filter:drop-shadow(0 8px 10px #00000059);transform-origin:30px 4px;width:60px;height:92px;margin:-4px 0 0 -30px;position:absolute;top:50%;left:50%}.finger svg{display:block}.f-ui .ans .finger{background:0 0;border:0;border-radius:0;padding:0;font-size:0;transition:none}.finger .tip{opacity:0;border:2px solid #ffffffe6;border-radius:50%;width:24px;height:24px;position:absolute;top:-8px;left:18px}.r-ui .swipe{z-index:4;width:0;height:0;position:absolute;top:62%;left:58%}@media (prefers-reduced-motion:no-preference){.s-fajr[data-phase="2"] .ok .finger{animation:3s cubic-bezier(.3,.7,.3,1) .25s both fingerTap}.s-fajr[data-phase="2"] .ok .finger .tip{animation:3s ease-out .25s both tipRing}.s-reel[data-phase="2"] .b1 .finger{animation:3s cubic-bezier(.3,.7,.3,1) 1s both fingerTap}.s-reel[data-phase="2"] .b1 .finger .tip{animation:3s ease-out 1s both tipRing}.s-reel[data-phase="2"] .r-ui .b1{animation:.35s 2.05s both press!important}.s-reel[data-phase="0"] .swipe .finger,.s-reel[data-phase="1"] .swipe .finger{animation:1.2s ease-in-out infinite swipeUp}.s-reel[data-phase="0"] .feed,.s-reel[data-phase="1"] .feed{animation:6s linear infinite feedSmooth!important}@keyframes fingerTap{0%{opacity:0;transform:translate(80px,230px)rotate(-14deg)}28%{opacity:1;transform:translate(3px,5px)rotate(-6deg)}36%{transform:translate(0)rotate(-6deg)scale(.93)}44%{transform:translate(0)rotate(-6deg)scale(1)}72%{opacity:1;transform:translate(0)rotate(-6deg)}to{opacity:0;transform:translate(70px,210px)rotate(-14deg)}}@keyframes tipRing{0%,34%{opacity:0;transform:scale(.4)}38%{opacity:1;transform:scale(.6)}60%{opacity:0;transform:scale(2.2)}to{opacity:0}}@keyframes swipeUp{0%{opacity:0;transform:translateY(60px)rotate(-8deg)}20%{opacity:1;transform:translateY(60px)rotate(-8deg)}62%{opacity:1;transform:translate(-6px,-120px)rotate(-12deg)}80%,to{opacity:0;transform:translate(-8px,-140px)rotate(-12deg)}}@keyframes feedSmooth{0%,7%{transform:translateY(0)}13%,27%{transform:translateY(-100%)}33%,47%{transform:translateY(-200%)}53%,67%{transform:translateY(-300%)}73%,87%{transform:translateY(-400%)}93%,to{transform:translateY(-500%)}}}.badge{border-radius:10px;line-height:0;display:inline-block}.badge img{width:auto;display:block}.badge.gp img{height:72px;margin:-11.5px}.badge.as img{height:48px}.badge:hover{filter:brightness(1.12);text-decoration:none}.soon{border:1px dashed var(--line);color:var(--fg-2);cursor:default;border-radius:12px;align-items:center;gap:8px;min-height:49px;padding:0 16px;font-size:15px;font-weight:500;display:inline-flex}.soon svg{color:var(--fg);opacity:.7;flex:none}.finger{transform-origin:40px 3px;filter:drop-shadow(0 10px 12px #00000047)drop-shadow(0 2px 3px #0000002e);width:80px;height:120px;margin:-3px 0 0 -40px}.r-ui .swipe .finger{margin:0 0 0 -40px}.finger .tip{top:-9px;left:28px}.hero .ctas{flex-direction:column;gap:18px}.stores{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.trypill{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:15px;font-weight:600;display:inline-flex}.trypill:hover{filter:brightness(.97);text-decoration:none}@media (width<=560px){.stores .badge.gp img{height:64px;margin:-10px}.stores .soon{min-height:44px;padding:0 12px;font-size:14px}.hero .note{font-size:13px}}.ptile.best{padding-top:24px}.lang{position:relative}.langbtn{border:1px solid var(--line);background:var(--bg-2);height:30px;color:var(--fg);font:600 12px var(--f);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.langbtn:hover{border-color:var(--fg-2)}.langmenu{top:40px;background:var(--card);border:1px solid var(--line);z-index:60;border-radius:18px;width:250px;padding:8px;position:absolute;inset-inline-end:0;box-shadow:0 24px 50px -18px #140a2859}.langmenu>a,.langmenu>span{box-sizing:border-box;width:100%;color:var(--fg);font:500 15px var(--f);cursor:pointer;text-align:start;background:0 0;border:0;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.langmenu>a:hover{background:var(--bg-2);text-decoration:none}.langmenu>[aria-disabled=true]{color:var(--fg-2);cursor:default}.langmenu>[aria-checked=true]{background:var(--accent-soft);color:var(--accent);font-weight:600}.langmenu small{color:var(--fg-2);letter-spacing:.04em;font-size:11px}.langmenu [lang=ar] span,.langmenu [lang=ur] span{font-family:Noto Naskh Arabic,Noto Nastaliq Urdu,serif;font-size:17px}.langnote{color:var(--fg-2);margin:6px 8px 4px;font-size:12px}.pcur{text-align:center;color:#b9a8d6;margin:12px 0 0;font-size:13px}.flangs{border-bottom:1px solid var(--line);padding-block:22px 0;flex-wrap:wrap;gap:8px 18px;padding-bottom:18px;display:flex}.flangs a,.flangs span{color:var(--fg-2);font-size:14px}.flangs .soon{opacity:.6}.flangs [lang=ar],.flangs [lang=ur]{font-family:Noto Naskh Arabic,Noto Nastaliq Urdu,serif;font-size:16px}@font-face{font-family:BM Naskh;src:url(/fonts/naskh.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+6??,U+750-77F,U+8A0-8FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}html[dir=rtl] body,html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] .lead,html[dir=rtl] .k,html[dir=rtl] .nav,html[dir=rtl] .trypill,html[dir=rtl] .note,html[dir=rtl] .pbig,html[dir=rtl] .plist,html[dir=rtl] .faq summary,html[dir=rtl] .faq p,html[dir=rtl] .msteps,html[dir=rtl] .pts,html[dir=rtl] .screen{letter-spacing:0;font-family:Inter,BM Naskh,serif}html[dir=rtl] .hero h1{line-height:1.3}html[dir=rtl] .h2,html[dir=rtl] .moment h2,html[dir=rtl] .qcam h2,html[dir=rtl] .fhero h1{line-height:1.4}html[dir=rtl] .sphone,html[dir=rtl] .qview,html[dir=rtl] .trio{direction:ltr}.flangs [aria-current]{color:var(--fg);font-weight:600}@media (width<=560px){.langbtn span{display:none}.langmenu{width:230px}}.fhero{padding-block:28px 96px;overflow:hidden}.crumb{color:var(--fg-2);align-items:center;gap:8px;margin-bottom:56px;font-size:13px;display:flex}.crumb a{color:var(--fg-2)}.crumb [aria-current]{color:var(--fg);font-weight:500}.fbadge{color:#ffbd59;background:#1b1030;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:14px;font-weight:600;display:inline-flex}.fhero h1{margin:22px auto 0;font-size:clamp(48px,7.5vw,92px);line-height:1.02}.fhero h1 span{color:var(--accent)}.fhero .lead{max-width:34ch;margin:22px auto 0;font-size:clamp(19px,2.2vw,23px);font-weight:500}.fhero .ctas{justify-content:center;margin-top:32px;display:flex}.fhero .note{color:var(--fg-2);margin-top:14px;font-size:14px}.fpair{justify-content:center;margin-top:64px;display:flex}.fpair .device{width:320px}.setlist{counter-reset:s;gap:10px;margin:28px 0 0;padding:0;list-style:none;display:grid}.setlist li{counter-increment:s;background:var(--bg-2);border-radius:16px;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:4px 14px;padding:14px 16px;display:grid}.setlist li:before{content:counter(s);background:var(--card);width:34px;height:34px;color:var(--accent);border-radius:50%;grid-row:span 2;place-items:center;font-size:15px;font-weight:700;display:grid}.setlist b{letter-spacing:-.02em;font-size:17px}.setlist span{color:var(--fg-2);font-size:15px}.fine{color:var(--fg-2);max-width:52ch;margin:18px 0 0;font-size:14px}.relgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:48px;display:grid}.rel{background:var(--bg-2);color:var(--fg);border-radius:26px;align-content:start;gap:6px;padding:28px;display:grid}.rel:hover{box-shadow:inset 0 0 0 1.5px var(--line);text-decoration:none}.rel b{letter-spacing:-.02em;font-size:21px}.rel span:not(.k){color:var(--fg-2);font-size:15px}.rel em{color:var(--accent);margin-top:10px;font-size:15px;font-style:normal;font-weight:600}.mmore{color:#ffbd59;margin-top:18px;font-weight:600;display:inline-block}@media (width<=860px){.relgrid{grid-template-columns:minmax(0,1fr)}.crumb{margin-bottom:36px}.fpair .device{width:270px}}.fpair.two{align-items:flex-start;gap:32px}.fpair.two .device+.device{margin-top:56px}.plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:820px;margin:44px auto 0;display:grid}.plan{background:var(--bg-2);border-radius:26px;padding:30px}.plan>b{letter-spacing:-.02em;font-size:24px}.plan ul{gap:12px;margin:18px 0 0;padding:0;list-style:none;display:grid}.plan li{align-items:flex-start;gap:10px;font-size:16px;display:flex}.plan li svg{color:#1f9d55;flex:none;margin-top:2px}.plan.prem{color:#f6efe3;background:#1b1030}.plan.prem>b,.plan.prem li svg{color:#ffbd59}.sec.grey .plan:not(.prem){background:var(--card)}.plans+.fine.center{text-align:center;margin:18px auto 0}.rmore{color:var(--accent);margin-top:18px;font-weight:600;display:inline-block}footer .ffeat{flex-wrap:wrap;gap:6px 18px;padding-bottom:14px;display:flex}footer .ffeat a{color:var(--fg-2)}@media (width<=700px){.fpair.two .device+.device{display:none}.plans{grid-template-columns:minmax(0,1fr)}.plan.prem{order:-1}}.device{aspect-ratio:auto;border-radius:46px;width:280px;padding:9px;box-shadow:inset 0 0 0 1px #2c2c2e,0 30px 60px -28px #140a284d}.device .shot{aspect-ratio:9/20;border-radius:37px;width:100%;height:auto;position:relative}.device .island{width:78px;height:22px;top:17px}.hero{padding-top:96px}.trio{justify-content:center;align-items:flex-end;gap:28px;height:auto;margin:64px 0 0;padding-bottom:96px;display:flex;position:static}.trio .device{position:relative;top:auto;transform:none}.trio .c{order:2;width:300px}.trio .l{order:1}.trio .r{order:3}.trio .l,.trio .r{opacity:1;width:240px;margin-bottom:24px;top:auto}.rows{gap:140px}.row{gap:96px}.panel{border-radius:36px;align-items:center;height:auto;padding:56px 0;overflow:visible}.panel .device{width:270px}.lead{color:var(--fg-2)}.story{margin-top:56px}.sec{padding-block:128px}@media (width<=960px){.trio .l,.trio .r{width:180px}.trio .c{width:240px}.trio{gap:14px}.row{gap:40px}.rows{gap:100px}.sec{padding-block:96px}}.brand{white-space:nowrap}@media (width<=900px){.story{grid-template-columns:150px minmax(0,1fr);align-items:start;gap:22px 18px}.story .stage{grid-column:1/-1}.story .sphone{transform-origin:0 0;justify-self:start;width:270px;margin:0 -120px -262px 0;transform:scale(.555)}.story .steps{grid-column:2;grid-template-columns:minmax(0,1fr);gap:10px}.story .steps li{padding-top:8px}.story .steps li b{font-size:15px}.story .steps li span{font-size:13px}}@media (width<=560px){.nav .pill{display:none}.nav .wrap{gap:14px}.hero h1{font-size:44px}.trio .l,.trio .r{display:none}.trio .c{width:260px}.panel{padding:40px 0}.panel .device{width:230px}}.app{--p:#6d28d9;--on-p:#fff;--pc:#ece0ff;--on-pc:#2c0a6b;--bgc:#fff8f4;--sf:#fff;--sf2:#f6ece4;--ol:#e6d8ca;--tx:#1f1b16;--tx2:#5a4e42;--ok:#2f7a4a;--ok-c:#e1f2e6;--late:#8a5a12;--late-c:#fdf0dc;--qada:#8c3b5e;--qada-c:#fbe4ee;--miss:#9a5a6e;--miss-c:#f6e6ea;background:var(--bgc);color:var(--tx);font:400 14px/1.45 var(--f-body);flex-direction:column;display:flex;position:absolute;inset:0}.app.dark{--ok:#8fd4a6;--ok-c:#183a26;--late:#ffcf85;--late-c:#3a2c12;--qada:#f2a7c6;--qada-c:#3d1a2b;--miss:#d9a5b5;--miss-c:#3a222b}.app .status{font-variant-numeric:tabular-nums;flex:none;justify-content:space-between;align-items:center;height:30px;padding:6px 22px 0;font-size:12px;font-weight:600;display:flex}.app .body{scrollbar-width:none;flex:1;overflow:hidden auto}.app .body::-webkit-scrollbar{display:none}.app .bar{background:var(--sf);border-top:1px solid var(--ol);flex:none;grid-template-columns:repeat(5,minmax(0,1fr));padding:6px 4px 14px;display:grid}.app .bar button{cursor:pointer;color:var(--tx2);background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;min-height:48px;padding:4px 0;font-size:11px;display:flex}.app .bar button .ind{border-radius:999px;place-items:center;width:52px;height:28px;display:grid}.app .bar button[aria-current=true]{color:var(--tx);font-weight:600}.app .bar button[aria-current=true] .ind{background:var(--pc);color:var(--on-pc)}.app svg{display:block}.app .ab{align-items:center;gap:8px;padding:8px 16px 6px;display:flex}.app .ab img{border-radius:8px;width:28px;height:28px}.app .ab .nm{font:600 17px var(--f-head);color:var(--p);flex:1}.app .ab .nm.plain{color:var(--tx)}.app .ib{cursor:pointer;width:40px;height:40px;color:var(--tx2);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.app .ib:hover{background:var(--sf2)}.app .salam{font:600 21px/1.2 var(--f-head);padding:2px 16px 0}.app .info{color:var(--tx2);gap:10px;padding:8px 16px 12px;font-size:11px;display:flex}.app .info>div+div{border-inline-start:1px solid var(--ol);padding-inline-start:10px}.app .info b{color:var(--tx);font-size:12px;font-weight:600;display:block}.app .sky{color:#fff;border-radius:22px;height:176px;margin:0 12px;position:relative;overflow:hidden}.app .sky svg{width:100%;height:100%;position:absolute;inset:0}.app .sky .txt{padding:14px 16px;position:relative}.app .sky .k{letter-spacing:.08em;text-transform:uppercase;opacity:.92;font-size:11px;font-weight:600}.app .sky .cd{font:600 40px/1.05 var(--f-body);font-variant-numeric:tabular-nums}.app .sky .sub{opacity:.92;font-size:12px}.app .sec-h{color:var(--tx2);justify-content:space-between;align-items:baseline;padding:16px 16px 8px;font-size:12px;font-weight:600;display:flex}.app .sec-h b{color:var(--tx)}.app .sec-h button{color:var(--p);cursor:pointer;background:0 0;border:0;padding:6px 0;font-size:12px;font-weight:600}.app .dots{text-align:center;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:0 12px;display:grid}.app .dot{cursor:pointer;color:var(--tx2);background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;min-height:48px;padding:4px 0;font-size:11px;display:flex}.app .dot .c{border:2px solid var(--ol);border-radius:50%;place-items:center;width:38px;height:38px;transition:transform .15s;display:grid}.app .dot:active .c{transform:scale(.92)}.app .dot.now .c{border:2px solid var(--p);box-shadow:0 0 0 4px var(--pc)}.app .dot.now{color:var(--p);font-weight:600}.app .dot.done .c{background:var(--ok);border-color:var(--ok);color:#fff}.app .dot.late .c{background:var(--late);border-color:var(--late);color:#fff}.app .dot.qada .c{background:var(--qada);border-color:var(--qada);color:#fff}.app .dot.missed .c{border:2px dashed var(--miss);color:var(--miss)}.app .card{background:var(--sf);border:1px solid var(--ol);border-radius:16px}.app .hrow{align-items:center;gap:10px;margin:0 12px 8px;padding:10px 12px;display:flex}.app .hrow .hi{border-radius:10px;flex:none;place-items:center;width:32px;height:32px;display:grid}.app .hrow .hb{flex:1;min-width:0}.app .hrow .hb b{font-size:13px;font-weight:600;display:block}.app .hrow .hb span{color:var(--tx2);font-size:11px}.app .ctl{border:2px solid var(--p);cursor:pointer;width:40px;height:40px;color:var(--p);background:0 0;border-radius:50%;flex:none;place-items:center;display:grid}.app .ctl.on{background:var(--ok);border-color:var(--ok);color:#fff}.app .ctl.cnt{border-radius:999px;align-items:center;gap:4px;width:auto;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.app .explore{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 12px 16px;display:grid}.app .tile{text-align:start;cursor:pointer;min-height:84px;color:var(--tx);flex-direction:column;justify-content:space-between;gap:8px;padding:12px;display:flex}.app .tile:hover{border-color:var(--p)}.app .tile b{font-size:13px}.app .tile span.s{color:var(--tx2);font-size:11px}.app .tile .ti{background:var(--pc);width:30px;height:30px;color:var(--on-pc);border-radius:9px;place-items:center;display:grid}.app .ph{align-items:center;padding:8px 16px 4px;display:flex}.app .ph b{font:600 20px var(--f-head);flex:1}.app .week{text-align:center;color:var(--tx2);grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;padding:6px 12px 10px;font-size:10px;display:grid}.app .week .d{flex-direction:column;align-items:center;gap:4px;display:flex}.app .week .r{width:34px;height:34px;color:var(--tx);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-size:12px;font-weight:600;display:grid}.app .week .today .r{box-shadow:0 0 0 2px var(--p)}.app .plist{margin:0 12px 12px;overflow:hidden}.app .prow{border-top:1px solid var(--ol);align-items:center;gap:10px;padding:12px;display:flex}.app .prow:first-child{border-top:0}.app .prow.now{background:var(--pc)}.app .prow .pn{flex:1;min-width:0}.app .prow .pn b{font-size:14px;display:block}.app .prow .pn span{color:var(--tx2);font-variant-numeric:tabular-nums;font-size:11px}.app .tag{white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600}.app .tag.on{background:var(--ok-c);color:var(--ok)}.tag.later{background:var(--late-c);color:var(--late)}.app .tag.qada{background:var(--qada-c);color:var(--qada)}.tag.now{background:var(--p);color:var(--on-p)}.app .tag.up{background:var(--sf2);color:var(--tx2)}.tag.missed{background:var(--miss-c);color:var(--miss)}.app .lantern{background:var(--pc);color:var(--on-pc);border:0;align-items:center;gap:16px;margin:6px 12px 12px;padding:16px;display:flex}.app .lantern b{font:600 20px var(--f-head);display:block}.app .wk{gap:3px;margin-top:6px;display:flex}.app .wk i{background:var(--ol);border-radius:3px;width:14px;height:6px}.app .wk i.f{background:var(--p)}.app .fcard{margin:0 12px 12px;padding:16px}.app .fcard h4{font:600 18px var(--f-head);align-items:center;gap:8px;margin:0;display:flex}.app .fcard p{color:var(--tx2);margin:6px 0 12px;font-size:12px}.app .fbtn{cursor:pointer;border:0;border-radius:999px;min-height:44px;padding:11px 16px;font-weight:600}.app .fbtn.p{background:var(--p);color:var(--on-p)}.app .fbtn.g{color:#2a1748;background:#ffbd59}.app .fajr{color:#fff;background:#1b1030;border-color:#3a2a55}.app .fajr p{color:#cdbde8}.app .chip-g{letter-spacing:.06em;text-transform:uppercase;color:#ffbd59;background:#3a2a12;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700}.app .big{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 12px 10px;display:grid}.app .big .card{padding:12px}.app .big b{font:600 30px/1 var(--f-head);font-variant-numeric:tabular-nums;display:block}.app .big span{color:var(--tx2);font-size:11px}.app .mosaic{margin:0 12px 10px;padding:12px}.app .mgrid{color:var(--tx2);grid-template-columns:54px repeat(7,minmax(0,1fr));align-items:center;gap:4px;font-size:10px;display:grid}.app .mgrid i{aspect-ratio:1;border-radius:6px;display:block}.app .bars{gap:8px;margin:0 12px 16px;padding:12px;font-size:12px;display:grid}.app .bars .bl{grid-template-columns:56px minmax(0,1fr) 34px;align-items:center;gap:8px;display:grid}.app .bars .tr{background:var(--sf2);border-radius:999px;height:8px;overflow:hidden}.app .bars .tr i{background:var(--p);border-radius:999px;height:100%;transition:width .3s;display:block}.app .pg-h{align-items:center;gap:4px;padding:6px 8px;display:flex}.app .pg-h b{font:600 18px var(--f-head)}.app .dial{touch-action:none;cursor:grab;width:250px;height:250px;margin:14px auto 0;position:relative}.app .qmsg{text-align:center;padding:14px 20px 0}.app .qmsg b{font:600 18px var(--f-head);display:block}.app .qmsg span{color:var(--tx2);font-size:12px}.app .turn{width:calc(100% - 48px);accent-color:var(--p);margin:16px 24px 0}.app .srow{border-top:1px solid var(--ol);text-align:start;cursor:pointer;width:100%;color:var(--tx);background:0 0;border-bottom:0;border-left:0;border-right:0;align-items:center;gap:12px;padding:12px;display:flex}.app .srow .n{background:var(--sf2);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:11px;font-weight:600;display:grid}.app .hgrid{text-align:center;color:var(--tx2);grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;padding:0 12px;font-size:10px;display:grid}.app .hgrid .c{aspect-ratio:1;color:var(--tx);background:var(--sf);border:1px solid var(--ol);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.app .hgrid .c small{color:var(--tx2);font-size:9px;font-weight:400}.app .hgrid .c.white{background:var(--pc);border-color:var(--pc)}.app .hgrid .c.today{box-shadow:inset 0 0 0 2px var(--p)}.app .scrim{z-index:5;background:#0f0a1973;position:absolute;inset:0}.app .sheet{z-index:6;background:var(--sf);border-radius:26px 26px 0 0;padding:10px 16px 22px;animation:.22s ease-out up;position:absolute;bottom:0;left:0;right:0}.app .sheet .grab{background:var(--ol);border-radius:2px;width:36px;height:4px;margin:0 auto 12px}.app .sheet h5{font:600 19px var(--f-head);margin:0 0 4px}.app .sheet p{color:var(--tx2);margin:0 0 12px;font-size:12px}.app .opt{text-align:start;background:var(--bgc);border:1px solid var(--ol);cursor:pointer;width:100%;min-height:52px;color:var(--tx);border-radius:14px;align-items:center;gap:12px;margin-top:8px;padding:12px;display:flex}.app .opt:hover{border-color:var(--p)}.app .opt b{font-size:14px;display:block}.app .opt span{color:var(--tx2);font-size:11px}.app .opt i{border-radius:50%;flex:none;width:12px;height:12px}.app .snack{z-index:7;color:#fff;background:#1f1b16;border-radius:16px;padding:12px 14px 14px;animation:.2s ease-out up;position:absolute;bottom:78px;left:12px;right:12px;overflow:hidden}.app .snack .row{align-items:center;gap:10px;font-size:13px;display:flex}.app .snack .row span{flex:1}.app .snack .sd{gap:4px;margin-top:8px;display:flex}.app .snack .sd i{background:#ffffff40;border-radius:50%;width:8px;height:8px}.app .snack .sd i.f{background:#8fd4a6}.app .snack button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff73;border-radius:999px;min-height:36px;padding:6px 14px;font-size:13px;font-weight:600}.app .snack .drain{background:#ffbd59;height:3px;animation:4s linear forwards drain;position:absolute;bottom:0;left:0}@keyframes drain{0%{width:100%}to{width:0}}@keyframes up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.app .over{z-index:8;flex-direction:column;display:flex;position:absolute;inset:0}.app .alarm{color:#fff;text-align:center;background:#0f0a19;justify-content:center;align-items:center;gap:8px;padding:30px 24px}.app .alarm .tm{font:600 64px/1 var(--f-body);font-variant-numeric:tabular-nums}.app .alarm .sum{font:600 34px var(--f-head);margin:22px 0 14px}.app .alarm .ans{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:270px;display:grid}.app .alarm .ans button{color:#fff;cursor:pointer;background:#1b1030;border:1px solid #4a3470;border-radius:14px;padding:14px 0;font-size:20px;font-weight:600}.app .alarm .ans button:hover{border-color:#ffbd59}.app .ring{border:2px solid #ffbd59;border-radius:50%;place-items:center;width:120px;height:120px;margin-bottom:12px;display:grid}@media (prefers-reduced-motion:no-preference){.app .ring{animation:1.6s ease-in-out infinite pulse}}@keyframes pulse{50%{box-shadow:0 0 0 16px #ffbd591f}}.app .shake{animation:.3s shake}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.app .popup{background:#0f0a198c;justify-content:flex-end}.app .popup .ps{color:#fff;background:#1b1030;border-radius:28px 28px 0 0;padding:0 0 20px;animation:.25s ease-out up;overflow:hidden}.app .popup .stage{background:#2a1748;height:120px;position:relative}.app .popup .in{padding:14px 18px 0}.app .popup .wq{background:#3a2a55;border-radius:999px;height:6px;margin:10px 0 16px;overflow:hidden}.app .popup .wq i{background:#ffbd59;height:100%;display:block}.app .popup .pb{cursor:pointer;border-radius:999px;width:100%;min-height:48px;margin-top:8px;padding:13px;font-weight:600;display:block}.app .toast{z-index:9;background:var(--tx);color:var(--bgc);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:92%;padding:8px 14px;font-size:12px;animation:.2s ease-out up;position:absolute;top:46px;left:50%;overflow:hidden;transform:translate(-50%)}.shot img.dk{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .shot img.lt{display:none}:root:not([data-theme=light]) .shot img.dk{display:block}}:root[data-theme=dark] .shot img.lt{display:none}:root[data-theme=dark] .shot img.dk{display:block}html[lang=hi] body,html[lang=hi] h1,html[lang=hi] h2,html[lang=hi] h3,html[lang=bn] body,html[lang=bn] h1,html[lang=bn] h2,html[lang=bn] h3{letter-spacing:0}html[lang=hi] .hero h1,html[lang=hi] .h2,html[lang=bn] .hero h1,html[lang=bn] .h2{line-height:1.35}.brand .logo{width:122px;height:34px;display:block;overflow:visible}.logo .lg-arch,.logo .lg-star{fill:#ffbd59}.logo .lg-inner{fill:#351f60}.logo .lg-moon{fill:#fff}.logo .lg-be{fill:var(--logo-be)}.logo .lg-mu{fill:var(--fg)}:root{--logo-be:#8a5a12;--f-title:"Jakarta", "Inter", -apple-system, "Segoe UI", system-ui, sans-serif;--t-salah:#6d28d9;--t-salah-ink:#6d28d9;--t-salah-soft:#f1ebfd;--t-salah-line:#c9b4f5;--t-focus:#8a5a12;--t-focus-ink:#b7791f;--t-focus-soft:#fbf0dc;--t-focus-line:#e9cf9f;--t-habits:#17784b;--t-habits-ink:#1f9d63;--t-habits-soft:#e6f5ed;--t-habits-line:#a9dcc0;--t-life:#6e6e73;--t-life-ink:#b7791f;--t-life-soft:#f5f5f7;--t-life-line:#d6d6db;--cta-bg:#4b2b77;--cta-deep:#3a2060;--cta-fg:#fff;--cta-fg-2:#e4daf5}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--logo-be:#ffbd59;--t-salah:#b794ff;--t-salah-ink:#b794ff;--t-salah-soft:#241a3a;--t-salah-line:#4a3a6e;--t-focus:#f0b65a;--t-focus-ink:#f0b65a;--t-focus-soft:#2a2010;--t-focus-line:#4a3a20;--t-habits:#4ccf8d;--t-habits-ink:#4ccf8d;--t-habits-soft:#10261a;--t-habits-line:#1f4a33;--t-life:#a1a1a6;--t-life-ink:#f0b65a;--t-life-soft:#141416;--t-life-line:#3a3a3c;--cta-bg:#3a2060;--cta-deep:#2c1a47}}:root[data-theme=dark]{--logo-be:#ffbd59;--t-salah:#b794ff;--t-salah-ink:#b794ff;--t-salah-soft:#241a3a;--t-salah-line:#4a3a6e;--t-focus:#f0b65a;--t-focus-ink:#f0b65a;--t-focus-soft:#2a2010;--t-focus-line:#4a3a20;--t-habits:#4ccf8d;--t-habits-ink:#4ccf8d;--t-habits-soft:#10261a;--t-habits-line:#1f4a33;--t-life:#a1a1a6;--t-life-ink:#f0b65a;--t-life-soft:#141416;--t-life-line:#3a3a3c;--cta-bg:#3a2060;--cta-deep:#2c1a47}[data-topic=salah]{--c:var(--t-salah);--c-ink:var(--t-salah-ink);--c-soft:var(--t-salah-soft);--c-line:var(--t-salah-line)}[data-topic=focus]{--c:var(--t-focus);--c-ink:var(--t-focus-ink);--c-soft:var(--t-focus-soft);--c-line:var(--t-focus-line)}[data-topic=habits]{--c:var(--t-habits);--c-ink:var(--t-habits-ink);--c-soft:var(--t-habits-soft);--c-line:var(--t-habits-line)}[data-topic=life]{--c:var(--t-life);--c-ink:var(--t-life-ink);--c-soft:var(--t-life-soft);--c-line:var(--t-life-line)}.cover{background:var(--c-soft);aspect-ratio:16/10;border-radius:22px;display:block;overflow:hidden}.cover svg,.cover img{object-fit:cover;width:100%;height:100%;display:block}.cover .bg{fill:var(--c-soft)}.cover .ink{fill:var(--c-ink)}.cover .line{stroke:var(--c-line);fill:none}.cover .paper{fill:var(--card)}.cover .stroke{stroke:var(--c-ink);fill:none}.cover .gold{fill:var(--gold)}.cover .dash{stroke:var(--c-line);fill:none;stroke-dasharray:2 12;stroke-linecap:round}.cover .txt{fill:var(--fg);font:700 26px var(--f)}.ttl{font-family:var(--f-title);letter-spacing:-.02em;font-weight:700}.topic{letter-spacing:.06em;text-transform:uppercase;color:var(--c);margin:0;font-size:13px;font-weight:600}.bl-head{padding:88px 0 36px}.bl-head h1{max-width:16ch;margin-top:12px;font-size:clamp(44px,6vw,72px);line-height:1.04}.bl-head .lead{max-width:40ch;font-size:21px}.bl-bar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding-bottom:32px;display:flex}.chip{font:500 15px var(--f);border:1px solid var(--line);background:var(--bg);min-height:40px;color:var(--fg);cursor:pointer;border-radius:999px;padding:0 18px}.chip:hover{border-color:var(--fg-2)}.chip[aria-pressed=true]{background:var(--fg);border-color:var(--fg);color:var(--bg);font-weight:600}.bl-search{background:var(--bg-2);min-height:40px;color:var(--fg-2);border-radius:999px;align-items:center;gap:8px;min-width:240px;margin-inline-start:auto;padding:0 14px;display:flex}.bl-search input{font:400 15px var(--f);color:var(--fg);background:0 0;border:0;outline:none;flex:1;min-width:0}.bl-search:focus-within{outline:2px solid var(--accent);outline-offset:2px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.bl-count{color:var(--fg-2);margin:16px 0 0;font-size:14px}.bl-feat{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:center;gap:48px;padding:48px 0 56px;display:grid}.bl-feat .cover{aspect-ratio:16/11;border-radius:28px}.bl-feat .txt{flex-direction:column;gap:14px;display:flex}.bl-feat .topic{align-items:center;gap:10px;display:flex}.newb{background:var(--accent);min-height:24px;color:var(--bg);letter-spacing:.04em;border-radius:999px;align-items:center;padding:0 10px;font-size:12px;display:inline-flex}.bl-feat h2{font-size:clamp(32px,3.6vw,44px);line-height:1.1}.bl-feat h2 a,.card h3 a{color:var(--fg)}.bl-feat .desc{color:var(--fg-2);margin:0;font-size:19px}.meta{color:var(--fg-2);margin:0;font-size:14px}.bl-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:48px 32px;padding:8px 0 96px;display:grid}.card{flex-direction:column;gap:12px;display:flex}.card .topic{margin-top:4px}.card h3{font-size:24px;line-height:1.2}.card .desc{color:var(--fg-2);margin:0;font-size:16px}.card[hidden],.bl-feat[hidden],.bl-none[hidden]{display:none}.bl-none{color:var(--fg-2);padding:40px 0 96px;font-size:18px}.bl-cta{background:var(--bg-2);padding:96px 0}.bl-cta .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:40px;display:flex}.bl-cta .txt{flex-direction:column;gap:12px;max-width:560px;display:flex}.bl-cta h2{font-size:clamp(32px,4vw,48px);line-height:1.08}.bl-cta p{color:var(--fg-2);margin:0;font-size:19px}.bl-cta .stores{justify-content:flex-start}.rprog{z-index:49;inset-inline:0;top:calc(env(safe-area-inset-top,0px) + 52px);pointer-events:none;height:3px;position:fixed}.rprog i{background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}html[dir=rtl] .rprog i{transform-origin:100%}.post-head{flex-direction:column;gap:20px;max-width:760px;margin:0 auto;padding:72px 22px 0;display:flex}.crumb{color:var(--fg-2);gap:8px;font-size:14px;display:flex}.post-head h1{font-size:clamp(36px,5.4vw,58px);line-height:1.08}.post-head .lead{max-width:none;margin:0;font-size:22px}.post-meta{border-block:1px solid var(--line);color:var(--fg-2);flex-wrap:wrap;align-items:center;gap:12px 18px;padding:18px 0;font-size:14px;display:flex}.post-meta .who{color:var(--fg);align-items:center;gap:10px;font-weight:600;display:flex}.post-meta .post-also{margin-inline-start:auto}.av{border-radius:9px;flex:none;width:32px;height:32px}.inshort{border:1px solid var(--line);border-radius:20px;margin-top:8px;padding:22px 26px}.inshort b,.toc b{letter-spacing:.06em;text-transform:uppercase;color:var(--fg-2);font-size:13px}.inshort ul{gap:10px;margin:12px 0 0;padding:0;font-size:17px;list-style:none;display:grid}.inshort li{grid-template-columns:22px minmax(0,1fr);gap:10px;display:grid}.inshort li svg{color:var(--accent);margin-top:3px}.post-cover{max-width:1040px;margin:40px auto 0;padding:0 22px}.post-cover .cover{aspect-ratio:21/9;border-radius:28px}.post-main{align-items:flex-start;gap:48px;max-width:1040px;margin:0 auto;padding:56px 22px 0;display:flex}.prose{flex:999 560px;min-width:0;max-width:680px;font-size:19px;line-height:1.7}.prose>*{margin:0 0 22px}.prose h2{font-family:var(--f-title);letter-spacing:-.02em;margin-top:44px;scroll-margin-top:80px;font-size:30px;line-height:1.2}.prose h3{font-family:var(--f-title);margin-top:32px;scroll-margin-top:80px;font-size:23px;line-height:1.3}.prose ul,.prose ol{padding-inline-start:1.3em}.prose li{margin:6px 0}.prose a{text-underline-offset:3px;text-decoration:underline}.prose img{border-radius:18px;max-width:100%;height:auto}.prose hr{border:0;border-top:1px solid var(--line);margin:40px 0}.prose blockquote{background:var(--bg-2);border-radius:20px;margin:30px 0;padding:26px 30px}.prose blockquote p{font-family:var(--f-title);margin:0;font-size:23px;font-weight:500;line-height:1.45}.prose blockquote p+p{font:400 15px var(--f);color:var(--fg-2);margin-top:10px}.prose table{border-collapse:collapse;width:100%;font-size:16px;line-height:1.4}.prose .tbl{border:1px solid var(--line);border-radius:18px;overflow-x:auto}.prose th{background:var(--bg-2);text-align:start;padding:14px 18px;font-weight:600}.prose td{border-top:1px solid var(--line);padding:14px 18px}.prose code{background:var(--bg-2);border-radius:6px;padding:2px 6px;font-size:.9em}.inapp{background:var(--accent-soft);border-radius:20px;grid-template-columns:52px minmax(0,1fr);gap:16px;margin:30px 0;padding:22px 24px;display:grid}.inapp .ic{background:var(--accent);width:52px;height:52px;color:var(--bg);border-radius:15px;place-items:center;display:grid}.inapp b{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:13px;display:block}.inapp p{margin:4px 0 6px;font-size:18px;font-weight:600;line-height:1.5}.inapp a{font-size:16px;font-weight:600;text-decoration:none}.toc{flex-direction:column;flex:220px;gap:4px;max-width:260px;padding-top:6px;font-size:15px;display:flex;position:sticky;top:90px}.toc b{padding:0 0 8px 14px}.toc a{color:var(--fg-2);border-inline-start:2px solid var(--line);padding:8px 14px}.toc a:hover{color:var(--fg);text-decoration:none}.toc a[aria-current=true]{color:var(--fg);border-color:var(--accent);font-weight:600}@media (width<=860px){.toc{display:none}}.post-end{max-width:760px;margin:64px auto 0;padding:0 22px}.pcta{background:var(--cta-bg);color:var(--cta-fg);border-radius:28px;flex-wrap:wrap;align-items:center;gap:28px;padding:36px;display:flex}.pcta .mk{border-radius:20px;flex:none;width:72px;height:72px}.pcta .txt{flex-direction:column;flex:300px;gap:8px;display:flex}.pcta h2{color:var(--cta-fg);font-size:28px;line-height:1.15}.pcta p{color:var(--cta-fg-2);margin:0;font-size:17px}.pcta .stores{justify-content:flex-start}.pcta .soon{color:var(--cta-fg-2);border-color:#ffffff59}.pcta .soon svg{color:var(--cta-fg)}.kw{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:28px;display:flex}.kw b{letter-spacing:.06em;text-transform:uppercase;color:var(--fg-2);font-size:13px}.kw ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.kw a{background:var(--bg-2);min-height:36px;color:var(--fg);border-radius:999px;align-items:center;padding:0 14px;font-size:14px;display:inline-flex}.kw a:hover{background:var(--accent-soft);color:var(--accent);text-decoration:none}html[dir=rtl] .kw b{text-transform:none;letter-spacing:0}.author{border-top:1px solid var(--line);grid-template-columns:56px minmax(0,1fr);align-items:center;gap:16px;margin-top:28px;padding:22px 0;display:grid}.author .av{border-radius:16px;width:56px;height:56px}.author b{font-size:17px;display:block}.author span{color:var(--fg-2);font-size:15px}.share{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:20px 0 28px;display:flex}.share>span{color:var(--fg-2);margin-inline-end:auto;font-size:15px}.share button{font:500 15px var(--f);border:1px solid var(--line);background:var(--bg);min-height:44px;color:var(--fg);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 18px;display:inline-flex}.share button:hover{border-color:var(--fg-2)}.related{max-width:1120px;margin:0 auto;padding:64px 22px 96px}.related>h2{margin-bottom:28px;font-size:32px}.related .bl-grid{padding:0}html[dir=rtl] .blogp,html[dir=rtl] .blogp .ttl,html[dir=rtl] .blogp .prose h2,html[dir=rtl] .blogp .prose h3,html[dir=rtl] .blogp .prose blockquote p,html[dir=rtl] .blogp input,html[dir=rtl] .blogp .chip{letter-spacing:0;font-family:Inter,BM Naskh,serif}html[dir=rtl] .blogp .prose{line-height:1.9}html[dir=rtl] .topic,html[dir=rtl] .inapp b,html[dir=rtl] .inshort b,html[dir=rtl] .toc b{text-transform:none;letter-spacing:0}html[lang=bn] .blogp .prose,html[lang=hi] .blogp .prose{line-height:1.85}.cover .paper.stroke,.cover .paper.line{fill:var(--card)}html[lang=bn] .prose ol{list-style-type:bengali}html[lang=ar] .prose ol{list-style-type:arabic-indic}html[lang=ur] .prose ol{list-style-type:persian}html[lang=hi] .prose ol{list-style-type:devanagari}html[lang=bn] .blogp .ttl,html[lang=hi] .blogp .ttl,html[lang=bn] .bl-head h1,html[lang=hi] .bl-head h1,html[lang=bn] .blogp .prose h2,html[lang=hi] .blogp .prose h2{letter-spacing:0;line-height:1.35}html[dir=rtl] .blogp .ttl,html[dir=rtl] .bl-head h1{line-height:1.4}@media (width<=600px){.post-meta .post-also{flex-basis:100%;margin-inline-start:0}}.hero .eb .eb-logo{width:155px;height:56px}
