@font-face{font-family:Google Sans;src:url('/fonts/ravena/google-sans-latin-e35c7a2b.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Google Sans;src:url('/fonts/ravena/google-sans-thai-8e6fff2d.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0E00-0E7F}
:root{color-scheme:light;--ink:#344564;--muted:#657492;--lavender:#879bd1;--cream:#fffaf1;--line:#c8d8ee;font-family:Google Sans,'Noto Sans Thai',sans-serif;color:var(--ink);background:#eef5fc}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 18%,#e9e4fb 0,transparent 46%),radial-gradient(ellipse at 4% 45%,#e0f0f3 0,transparent 45%);line-height:1.65}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #5169a4;outline-offset:4px}button,.play,.download-button{min-height:44px}.header{width:min(1160px,calc(100% - 40px));margin:auto;display:flex;align-items:center;justify-content:space-between;min-height:94px;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-size:28px;font-weight:800;line-height:1.05}.brand img{width:48px;height:48px}.brand small{display:block;font-size:10px;font-weight:600;letter-spacing:2px;margin-top:7px}nav{display:flex;gap:25px;align-items:center;font-size:14px;font-weight:600}nav>a:not(.play){display:grid;align-items:center;min-height:44px}#language{border:1px solid var(--line);background:#fffaf2;border-radius:12px;color:var(--ink);min-width:44px}.play{display:inline-flex;align-items:center;justify-content:center;gap:15px;border:1px solid #788fc5;background:#859bd2;color:white;border-radius:14px;padding:10px 23px;font-weight:700;box-shadow:0 4px 0 #7185b7}.play:hover,.download-button:hover{filter:brightness(1.035);transform:translateY(-1px)}main{max-width:1100px;margin:auto;padding:20px 24px 50px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center;padding:35px 0 46px}.eyebrow{display:block;font-size:11px;letter-spacing:2.5px;font-weight:800;color:#7b8cba}h1{font-size:clamp(33px,4.1vw,52px);line-height:1.24;letter-spacing:-1.2px;margin:16px 0 22px}h2{line-height:1.3}p{margin:12px 0;color:var(--muted)}.intro{font-size:16px;line-height:1.85}.patch-note{display:flex;align-items:flex-start;gap:11px;background:#fffaf0;border:1px solid #e8ddc6;border-radius:16px;padding:15px;margin-top:25px;font-size:13px}.patch-note svg{width:27px;flex:none;fill:none;stroke:#8ca6a6;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.patch-note b{font-weight:600}.hero-image{position:relative;border:7px solid #fffdf7;border-radius:120px 120px 24px 24px;overflow:hidden;height:345px;box-shadow:0 16px 30px #6376a01c;transform:rotate(2deg)}.hero-image img{width:100%;height:100%;object-fit:cover}.hero-image span{position:absolute;bottom:17px;left:14%;right:14%;padding:8px;text-align:center;font-size:13px;background:#fffbf0ed;border:1px solid #d5dbeb;border-radius:12px;font-weight:700}.downloads{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:start}.download-card{background:linear-gradient(140deg,#fffdf8,#e9f2fc);border:2px solid #c6daee;border-radius:26px;padding:27px;box-shadow:0 8px 0 #b1c4dc40}.download-card.android{background:linear-gradient(135deg,#fffdf8,#eeeafa);border-color:#d3cce9}.card-top{display:flex;align-items:center;gap:16px}.platform{width:51px;height:51px;fill:#9bb9db;stroke:#5e779d;stroke-width:1.8;stroke-linejoin:round;flex:none}.robot{fill:#c0c5e7;stroke:#727ba8;stroke-width:2.8;stroke-linecap:round}.robot circle{fill:#6d7a9b;stroke:none}.tag{font-size:10px;color:#7c8aa6;letter-spacing:1px;font-weight:700}.card-top h2{font-size:29px;margin:2px 0 0}.version{margin-left:auto;font-size:11px;border:1px solid #d3def0;background:#fff9;border-radius:9px;padding:4px 8px;color:#7888a5}.download-card>p{font-size:14px;min-height:52px;margin:20px 0}.download-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 20px;background:#819ed4;color:#fff;border:1px solid #6c8bc2;box-shadow:0 4px 0 #6c86b7;border-radius:14px;font-size:16px;font-weight:700;transition:transform .15s}.android .download-button{background:#989bd0;border-color:#8486bf;box-shadow:0 4px 0 #8586bb}.download-button>span:last-child{font-size:23px;font-weight:400}.file-info{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#7d8ca6;margin:15px 2px 0}details{border-top:1px solid #d9e2ef;margin-top:23px;padding-top:10px;font-size:12px}summary{min-height:44px;cursor:pointer;padding-top:12px;font-weight:600}ol{padding-left:22px;color:var(--muted)}li{padding:5px 0}.checksum-label{display:block;color:#8390a7;font-size:10px;margin-top:17px}code{display:block;overflow-wrap:anywhere;font-size:11px;line-height:1.8;background:#fff9;border-radius:8px;padding:10px;color:#667a99}.copy{margin-top:10px;background:#fafbff;border:1px solid #ccd9ee;color:#61759f;border-radius:9px;padding:5px 12px;font-size:11px}.certificate-note{font-size:11px;color:#7e86a3}.updates{margin-top:65px}.section-heading{text-align:center}.section-heading h2{font-size:27px;margin:12px 0 27px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.steps article{background:#fffcf5;border:1px solid #dbe1ee;border-radius:19px;padding:22px}.steps b{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:13px;background:#e5eafb;color:#8c9ec7;font-size:13px}.steps h3{font-size:16px;margin:15px 0 9px}.steps p{font-size:12px;margin:0}.app-update{font-size:12px;text-align:center;max-width:790px;margin:22px auto;color:#7c8aa3}.web-option{display:flex;align-items:center;gap:20px;margin-top:45px;border:1px solid #cad8ee;border-radius:24px;padding:24px;background:#f5f8ff}.web-option img{height:55px;width:55px}.web-option h2{font-size:19px;margin:0}.web-option p{font-size:12px;margin:5px 0 0}.web-option .play{margin-left:auto;flex:none;font-size:13px}#notice{font-size:13px;text-align:center;min-height:22px}footer{display:flex;justify-content:center;flex-wrap:wrap;gap:25px;border-top:1px solid #dce3f0;padding:24px;font-size:11px;color:#7c8ba4}footer a{min-height:44px;display:flex;align-items:center}
@media(max-width:780px){.header{width:calc(100% - 28px);min-height:80px}.brand{font-size:23px}.brand img{width:40px;height:40px}nav{gap:12px;font-size:12px}nav>a:first-child{display:none}.play.small{padding:9px 13px}main{padding:10px 18px 25px}.hero{gap:25px;padding:26px 0 33px}.hero-image{height:280px}h1{font-size:34px}.intro{font-size:14px}.patch-note{font-size:12px;padding:12px}.download-card{padding:22px}.card-top{gap:10px}.platform{width:43px}.card-top h2{font-size:25px}.tag{font-size:9px}.download-button{font-size:14px;padding:12px 15px}.version{padding:3px 6px}.steps{gap:13px}.steps article{padding:18px}}
@media(max-width:560px){.header{gap:10px}nav>a:not(.play){display:none}.brand small{letter-spacing:1px;font-size:8px}.brand{font-size:22px}nav{gap:8px}.hero{grid-template-columns:1fr;padding-top:22px;gap:24px}.hero>div:first-child{text-align:center}.eyebrow{font-size:9px;letter-spacing:1.8px}h1{font-size:36px;max-width:340px;margin:12px auto 18px;line-height:1.3}.intro{font-size:14px}.patch-note{text-align:left;margin-top:20px;justify-content:center}.hero-image{height:210px;width:100%;border-radius:85px 85px 20px 20px;transform:none}.hero-image img{object-position:center 49%}.hero-image span{left:18%;right:18%;font-size:11px}.downloads{grid-template-columns:1fr;gap:25px}.download-card{padding:23px;border-radius:23px}.download-card>p{min-height:0}.platform{width:48px}.card-top h2{font-size:28px}.tag{font-size:9px}.download-button{font-size:15px}.steps{grid-template-columns:1fr;gap:12px}.steps article{padding:18px 20px;display:grid;grid-template-columns:37px 1fr;column-gap:15px}.steps b{grid-row:span 2}.steps h3{margin:2px 0 6px}.steps p{grid-column:2}.updates{margin-top:45px}.section-heading h2{font-size:23px}.web-option{flex-wrap:wrap;gap:14px;padding:20px}.web-option img{width:42px;height:42px}.web-option>div{flex:1}.web-option h2{font-size:17px}.web-option .play{margin:4px 0 0;width:100%}footer{gap:14px;padding:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;transform:none!important}}