:root{--ink:#171b25;--muted:#717989;--blue:#387bed;--purple:#7960d8;--line:#e8edf3;--paper:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}a,select,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:5px}.skip{position:absolute;top:-100px;padding:12px;background:white;z-index:30}.skip:focus{top:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.header{position:relative;z-index:5;max-width:1136px;margin:0 auto;padding:14px 22px;border:1px solid #fff;border-radius:20px;background:#ffffffb8;box-shadow:0 6px 30px #3d719a06;display:flex;align-items:center;gap:32px}.brand{flex-shrink:0}.brand img{width:44px;height:44px;object-fit:cover;border-radius:22.5%;box-shadow:0 2px 8px #18244712}.header nav{display:flex;gap:30px;font-size:13px;color:#5e6572;margin-inline-start:22px}.header-actions{margin-inline-start:auto;display:flex;align-items:center;gap:18px}.language-control{display:flex;align-items:center;gap:5px;background:#f5f8fc;border:1px solid #e7ecf3;border-radius:24px;padding:7px 11px;font-size:18px}.language-control select{max-width:158px;font-size:12px;font-family:inherit;color:var(--ink);border:0;background:transparent;padding:3px;cursor:pointer;min-height:24px}.header-download{font-size:12px;background:var(--ink);color:white;padding:12px 17px;border-radius:100px;white-space:nowrap}.hero{position:relative;isolation:isolate;padding:75px 24px 30px;text-align:center;overflow:hidden}.hero:before{content:'';position:absolute;z-index:-2;inset:-150px 0 150px;background:radial-gradient(ellipse at 12% 30%,#d7f3ff9c,transparent 48%),radial-gradient(ellipse at 90% 40%,#e2e1ff88,transparent 45%),linear-gradient(#f4faff,#fff 90%)}.hero-copy{position:relative;z-index:3;max-width:820px;margin:auto}.eyebrow{font-size:11px;letter-spacing:1px;color:#68788d;margin:0 0 24px;line-height:1.6}.hero .eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 15px;border:1px solid #e2ebf4;border-radius:100px;background:#ffffffb3;margin-bottom:24px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--blue)}h1{font-size:clamp(42px,4.6vw,66px);font-weight:570;line-height:1.12;letter-spacing:-2.7px;margin:0 0 25px;white-space:pre-line;text-wrap:balance}h2{font-size:clamp(30px,3vw,42px);font-weight:550;line-height:1.25;letter-spacing:-1.4px;margin:0 0 20px;white-space:pre-line;text-wrap:balance}.intro{max-width:550px;margin:0 auto 27px;color:var(--muted);font-size:15px;line-height:1.9;text-wrap:pretty}.hero-buttons{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;border-radius:100px;padding:15px 24px;font-size:13px;min-height:47px;font-weight:500}.primary{color:#fff;background:#20242b;box-shadow:0 4px 8px #0f142b16,inset 0 1px 0 #ffffff30}.primary:hover{background:#394252}.secondary{background:#ffffffc9;border:1px solid #dfebf8;box-shadow:0 3px 9px #3e8acc0b}.platform{font-size:10px;line-height:1.6;color:#8993a2;margin:17px 0 0}.device-stage{overflow:hidden;height:570px;position:relative;max-width:960px;margin:35px auto 0;direction:ltr}.halo{position:absolute;width:800px;height:600px;max-width:100%;inset:10px 0 auto;margin:auto;border-radius:50%;background:radial-gradient(ellipse at 50% 40%,#d9e7ff 5%,#edf5ff 55%,#fff0 72%)}.device{position:absolute;width:262px;bottom:-10px;filter:drop-shadow(0 16px 16px #24467712)}.device-main{z-index:2;left:50%;transform:translateX(-50%);width:284px;bottom:-30px}.device-left{left:16%;transform:rotate(-13deg);bottom:-110px}.device-right{right:16%;transform:rotate(13deg);bottom:-110px}.stage-fade{position:absolute;z-index:3;inset:auto -24px -20px;height:160px;background:linear-gradient(#fff0,#fff 80%);pointer-events:none}.feature-pills{position:relative;z-index:4;margin:5px auto 16px;display:flex;justify-content:center;gap:13px;flex-wrap:wrap}.feature-pills>span{padding:9px 14px;background:#f9fbfd;border:1px solid #eaf0f5;border-radius:9px;font-size:11px;color:#5e6b7b}.screenshot-note{font-size:10px;color:#9aa2af;margin:0}.experience{max-width:1176px;margin:auto;padding:80px 24px 35px}.section-heading{text-align:center;max-width:760px;margin:0 auto 42px}.section-heading .eyebrow{font-size:10px;color:var(--purple);margin-bottom:18px}.section-heading>p:last-child{font-size:14px;line-height:1.8;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.feature{position:relative;isolation:isolate;overflow:hidden;border:1px solid #e9eef6;border-radius:26px;background:#f7f9fc;padding:28px 27px 0;min-height:630px;display:flex;flex-direction:column}.feature-offline{background:linear-gradient(145deg,#dfecff,#f4f9ff 65%)}.feature-review{background:linear-gradient(150deg,#f0edfc,#fafaff 65%)}.feature-copy{position:relative;z-index:2;min-height:210px}.feature-icon{height:34px;width:34px;display:grid;place-items:center;background:#fff;border:1px solid #e7ecf5;border-radius:10px;color:var(--blue);margin-bottom:21px}.feature h3{font-size:24px;line-height:1.28;font-weight:550;letter-spacing:-.65px;margin:0 0 14px;text-wrap:balance}.feature p{color:var(--muted);font-size:13px;line-height:1.85;margin:0}.feature img{width:232px;max-width:95%;margin:25px auto -100px;filter:drop-shadow(0 10px 15px #2641580a)}.feature:after{content:'';position:absolute;z-index:3;inset:auto 0 0;height:70px;background:linear-gradient(#f7f9fc00,#f7f9fc);pointer-events:none}.privacy-section{max-width:1040px;margin:100px auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center;padding:0 25px}.privacy-section h2{font-size:36px}.privacy-section p{color:var(--muted);font-size:14px;line-height:1.9}.text-link{display:inline-block;font-size:13px;border-bottom:1px solid #b4c5e6;padding-bottom:5px;margin-top:10px}.privacy-art{height:260px;position:relative;display:grid;place-items:center;isolation:isolate;background:radial-gradient(ellipse,#e1eaff,#fff 68%)}.lock{width:98px;height:98px;display:grid;place-items:center;border-radius:28px;color:var(--purple);background:linear-gradient(140deg,#fff,#eef0ff);border:1px solid white;box-shadow:0 12px 32px #6778c51a;transform:rotate(-7deg)}.lock svg{width:58px;height:58px}.ring{position:absolute;border:1px solid #e5eafa;border-radius:50%;width:180px;height:180px;z-index:-1}.ring-two{width:250px;height:250px}.faq{max-width:1080px;margin:0 auto;padding:65px 24px 80px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.4fr;gap:70px}.faq h2{font-size:32px}.questions details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:22px 28px 22px 0;font-size:14px;line-height:1.6;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;inset-inline-end:2px;top:23px;color:#7d8a9d}details[open] summary:after{content:'−'}details p{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 22px;padding-inline-end:20px}.closing{position:relative;text-align:center;padding:70px 24px 90px;background:radial-gradient(ellipse at 50% 100%,#e3ecff,transparent 65%)}.closing img{border-radius:19px;margin:0 auto 25px}.closing h2{font-size:42px;max-width:750px;margin:0 auto 20px}.closing>p{font-size:14px;color:var(--muted);line-height:1.8;margin:0 0 26px}footer{max-width:1130px;padding:30px 0;margin:0 auto;display:flex;gap:14px;align-items:center;font-size:12px}.byline{font-size:10px;color:var(--muted)}footer .brand img{width:36px;height:36px}footer div{margin-inline-start:auto;display:flex;gap:24px}footer small{font-size:10px;color:#919aaa;margin-inline-start:16px}.legal{max-width:780px;padding:45px 25px 80px;margin:auto}.legal .eyebrow{margin-top:45px}.legal h1{font-size:43px}.legal .intro{max-width:none;margin-inline:0}.legal h2{font-size:23px;letter-spacing:-.4px;margin:34px 0 14px}.legal p{color:var(--muted);font-size:14px;line-height:1.9}.legal .notice{background:#f3f6fc;border-inline-start:3px solid #8e9bd6;padding:18px 22px;border-radius:0 12px 12px 0}.policy-links{display:flex;flex-direction:column;gap:16px;margin-top:35px;color:#526ac3;font-size:14px}.legal~footer{border-top:1px solid var(--line)}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0}[dir=rtl] summary{padding-inline:0 28px}[dir=rtl] .device-stage{direction:ltr}html[lang=th] h1,html[lang=hi] h1{line-height:1.4;letter-spacing:0}html[lang=th] h2,html[lang=hi] h2{line-height:1.5;letter-spacing:0}@media(min-width:1600px){.hero:before{border-radius:0 0 45% 45%}}@media(max-width:1000px){.header{margin:0 24px;gap:20px}.header nav{margin-inline-start:0;gap:18px}.header-download{display:none}.feature-grid{gap:14px}.feature{padding:24px 20px 0}.feature h3{font-size:21px}.feature-copy{min-height:230px}.device-left{left:13%}.device-right{right:13%}.privacy-section{gap:40px}.faq{gap:40px}footer{margin:0 28px;flex-wrap:wrap}}@media(max-width:700px){.header{margin:0 14px;padding:12px 14px;gap:14px;border-radius:16px}.brand img{width:40px;height:40px}.header nav{font-size:12px;gap:12px}.feature-link{display:none}.header-actions{gap:0}.language-control{padding:4px 7px}.language-control select{max-width:120px;font-size:11px}.hero{padding:50px 20px 20px}.hero .eyebrow{font-size:9px;letter-spacing:.4px;padding:6px 12px}h1{font-size:42px;line-height:1.18;letter-spacing:-1.6px}.intro{font-size:14px;line-height:1.85;max-width:440px}.button{padding:13px 17px;font-size:12px;gap:10px}.hero-buttons{gap:8px}.platform{font-size:9px}.device-stage{height:auto;aspect-ratio:440 / 420;margin:30px auto 0;max-width:440px;width:100%}.device-main{width:46%;bottom:-4.5%}.device-left,.device-right{width:35%;bottom:-8%}.device-left{left:9%}.device-right{right:9%}.halo{height:97%;top:3.5%;width:100%}.stage-fade{height:29%;bottom:-5%}.feature-pills{gap:7px}.feature-pills>span{font-size:9px;padding:7px 9px}.screenshot-note{font-size:9px}.experience{padding:55px 18px 25px}.section-heading{margin-bottom:30px}.section-heading h2{font-size:30px;letter-spacing:-.9px}.section-heading>p:last-child{font-size:13px}.feature-grid{grid-template-columns:1fr;gap:18px}.feature{min-height:0;padding:28px 27px 0;max-width:none;width:100%;margin:auto}.feature-copy{min-height:0}.feature h3{font-size:25px}.feature-icon{margin-bottom:15px}.feature img{width:235px;margin:28px auto -90px}.privacy-section{margin:45px auto 60px;grid-template-columns:1fr;gap:15px;padding:0 28px;max-width:500px;text-align:center}.privacy-art{height:220px}.privacy-section h2{font-size:29px}.privacy-section p{font-size:13px}.ring-two{width:210px;height:210px}.faq{margin:0 28px;padding:40px 0 50px;grid-template-columns:1fr;gap:20px}.faq h2{font-size:29px}.closing{padding:50px 24px 65px}.closing h2{font-size:33px;letter-spacing:-1px}.closing>p{font-size:13px}footer{margin:0 24px;padding:25px 0;gap:10px}footer div{order:4;width:100%;margin:12px 0 0;flex-wrap:wrap;gap:22px}footer small{margin-inline-start:auto}.legal{padding-top:25px}.legal h1{font-size:34px}}@media(max-width:360px){h1{font-size:36px}.header nav{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Shared brand, navigation and current language state. */
.header .brand{display:inline-flex;align-items:center;gap:11px}.header .brand .brand-wordmark{width:83px;height:35px;border-radius:0;object-fit:contain;box-shadow:none}.header nav{gap:6px;margin-inline-start:0}.header nav a{padding:10px 14px;border-radius:11px;transition:background-color .15s,color .15s}.header nav a:hover,.header nav a:focus-visible,.header nav a[aria-current="page"]{background:#eaf0ff;color:#6550ba}.header .brand:hover{opacity:.85}.language-icon{width:20px;height:20px;flex-shrink:0}.language-control:hover,.language-control:focus-within{background:#eaf0ff;border-color:#cdd9ef}.language-control select{max-width:245px}.policy-version{border:1px solid #e4eaf3;border-radius:16px;margin:18px 0;overflow:hidden;background:#fff}.policy-version>summary{padding:20px 44px 20px 22px;background:#f4f7fc;font-size:15px;font-weight:550}.policy-version>summary:after{right:20px}.policy-version article{padding:6px 24px 24px}.policy-version article h2{font-size:21px;margin-top:28px}.policy-version article p{padding:0;line-height:1.9}.policy-version a{color:#5e5ab5;overflow-wrap:anywhere}.policy-version article p:first-child{font-size:12px;color:#9098a8}@media(hover:none){.header nav a:hover{background:transparent;color:inherit}.header nav a[aria-current="page"]{background:#eaf0ff;color:#6550ba}}@media(max-width:700px){.header{flex-wrap:wrap;gap:10px}.header .brand .brand-wordmark{width:68px;height:29px}.header .brand .brand-icon{width:36px;height:36px}.header .brand{gap:8px}.header nav a{padding:8px 10px}.header-actions{max-width:100%}.language-control select{max-width:210px}.language-control{max-width:100%}.policy-version article{padding:4px 18px 18px}}@media(max-width:430px){.header-actions{flex-basis:100%;justify-content:flex-end}.header nav{margin-inline-start:auto}.language-control select{max-width:260px}}

/* Brand proportions and name story. */
.header .brand .brand-icon{width:36px;height:36px}.header .brand .brand-wordmark{width:72px;height:31px}.header .brand{gap:9px}.language-control{min-height:38px;padding:5px 11px}.brand-story{max-width:1128px;margin:85px auto 30px;padding:55px 40px;border:1px solid #e7edf6;border-radius:28px;background:linear-gradient(135deg,#f6faff,#f6f3ff)}.brand-story-copy{max-width:690px;margin:auto;text-align:center}.brand-story h2{font-size:36px}.brand-story-copy>p:last-child{color:var(--muted);font-size:15px;line-height:1.9}.brand-equation{display:flex;align-items:center;justify-content:center;gap:25px;padding:40px 0;font-size:44px;font-weight:550}.brand-equation b{color:var(--purple);font-weight:inherit}.brand-equation i{font-style:normal;font-size:24px;color:#a1aabb;font-weight:400}.brand-equation img{width:120px;height:51px}.brand-definitions{display:grid;grid-template-columns:1fr 1fr;gap:36px;border-top:1px solid #e0e5f0;padding-top:25px}.brand-definitions h3{font-size:18px;margin:0 0 12px}.brand-definitions p{font-size:13px;line-height:1.9;color:var(--muted);margin:0}@media(max-width:700px){.header .brand .brand-icon{width:34px;height:34px}.header .brand .brand-wordmark{width:67px;height:29px}.brand-story{margin:40px 18px 0;padding:32px 24px}.brand-story h2{font-size:29px}.brand-story-copy>p:last-child{font-size:13px}.brand-equation{font-size:32px;gap:12px;padding:28px 0}.brand-equation i{font-size:18px}.brand-equation img{width:84px;height:36px}.brand-definitions{gap:22px}.brand-definitions p{font-size:12px}}@media(max-width:360px){.brand-equation{gap:8px;font-size:28px}.brand-equation img{width:73px}.brand-definitions{grid-template-columns:1fr}}

.stats-feature{max-width:1128px;margin:35px auto 0;padding:48px 76px;display:grid;grid-template-columns:1fr 300px;align-items:center;gap:80px;background:linear-gradient(130deg,#f3f0ff,#f0f7ff);border:1px solid #e9e5f6;border-radius:28px}.stats-copy h2{font-size:36px}.stats-copy>p{font-size:15px;line-height:1.9;color:var(--muted)}.stats-copy .stats-note{font-size:11px;line-height:1.9;margin-top:25px;color:#858191}.stats-feature>img{width:300px;height:auto;filter:drop-shadow(0 14px 20px #41317612)}@media(max-width:1000px){.stats-feature{margin:25px 24px 0;padding:40px;gap:40px;grid-template-columns:1fr 260px}.stats-feature>img{width:260px}}@media(max-width:700px){.stats-feature{margin:18px 18px 0;padding:32px 26px;grid-template-columns:1fr;gap:25px}.stats-copy h2{font-size:29px}.stats-copy>p{font-size:13px}.stats-feature>img{width:250px;max-width:100%;margin:auto}}

/* Device compatibility follows the download actions. */
.hero-platform{margin-top:22px}
.hero .hero-platform .platform-badge{margin:0 0 10px;letter-spacing:.08em}
.hero .hero-platform .platform{margin:0}
.policy-document{margin:36px 0}
.policy-document section{padding:26px 0;border-top:1px solid #e2e8f2}
.legal .policy-document h2{margin:0 0 14px;font-size:23px;line-height:1.4}
.legal .policy-document p{margin:0;line-height:1.9;overflow-wrap:anywhere}
.legal .policy-updated{font-size:14px;color:#788397;margin-top:20px}
@media(max-width:600px){.hero .hero-platform .platform-badge{font-size:11px;padding:8px 13px}.legal .policy-document h2{font-size:20px}}

.action-icon{width:19px;height:19px;flex:none;display:block}.header-download .action-icon{display:inline-block;width:16px;height:16px;vertical-align:-3px;margin-inline-end:8px}

/* Custom language menu shares the pill's color and rounded geometry. */
#experience:focus{outline:none}
.language-picker{position:relative;max-width:100%;font-size:12px}
.language-picker .language-control[hidden],.language-menu[hidden]{display:none}
.language-trigger{display:flex;align-items:center;gap:10px;min-height:38px;max-width:100%;padding:8px 13px;border:1px solid #e1e8f3;border-radius:24px;background:#f5f8fc;color:var(--ink);font:inherit;cursor:pointer}
.language-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:245px}
.language-chevron{width:7px;height:7px;border-inline-end:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:0 3px 4px 4px;flex:none}
.language-trigger:hover,.language-trigger[aria-expanded=true]{background:#eaf0ff;border-color:#cdd9ef}
.language-trigger:focus{outline:none}
.language-trigger:focus-visible{box-shadow:0 0 0 3px #7861d533}
.language-menu{position:absolute;inset-inline-end:0;top:calc(100% + 9px);z-index:100;width:260px;max-width:calc(100vw - 36px);max-height:min(380px,60vh);overflow-y:auto;overscroll-behavior:contain;padding:6px;border:1px solid #e1e8f3;border-radius:18px;background:#f8faff;box-shadow:0 12px 35px #263b601c;scrollbar-width:thin;scrollbar-color:#cdd6e8 transparent}
.language-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 12px;border:0;border-radius:12px;background:transparent;color:var(--ink);font:inherit;font-size:13px;text-align:start;cursor:pointer;line-height:1.5}
.language-option[aria-selected=true]{background:#eae5ff;color:#654ac3;font-weight:550}
.language-option[aria-selected=true]::after{content:'✓';flex:none}
.language-option:hover,.language-option:focus{background:#eaf0ff;outline:none}
.language-option:focus-visible{box-shadow:inset 0 0 0 2px #b9abe9}
@media(max-width:700px){.language-value{max-width:210px}.language-trigger{font-size:11px}}

/* Align adjacent feature and brand cards at every viewport width. */
@media(min-width:701px) and (max-width:1000px){.brand-story{margin-inline:24px}}

/* Fade the complete composition instead of covering individual phones. */
.device-stage{-webkit-mask-image:linear-gradient(#000 72%,transparent 100%);mask-image:linear-gradient(#000 72%,transparent 100%)}
.stage-fade{display:none}
/* Match the feature grid's outer edges across intermediate widths too. */
.stats-feature,.brand-story{width:calc(100% - 48px);margin-inline:auto}
@media(max-width:700px){.stats-feature,.brand-story{width:calc(100% - 36px)}}

.hero-copy>.intro{white-space:pre-line}