@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/bfd813093b8ca1bb-s.p.3ok2djvs6w93k.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/acc5f86302586f33-s.1ttn5ge0anb6a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/f304c3cf3765fb5f-s.p.0h0-3wqrkgcb1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/bfd813093b8ca1bb-s.p.3ok2djvs6w93k.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/acc5f86302586f33-s.1ttn5ge0anb6a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/f304c3cf3765fb5f-s.p.0h0-3wqrkgcb1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/bfd813093b8ca1bb-s.p.3ok2djvs6w93k.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/acc5f86302586f33-s.1ttn5ge0anb6a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/f304c3cf3765fb5f-s.p.0h0-3wqrkgcb1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai Fallback;src:local(Arial);ascent-override:99.79%;descent-override:42.32%;line-gap-override:0.0%;size-adjust:106.33%}.QLJ_vW_className{font-family:Noto Sans Thai,Noto Sans Thai Fallback;font-style:normal}.QLJ_vW_variable{--font-thai:"Noto Sans Thai", "Noto Sans Thai Fallback"}
@font-face{font-family:Roboto;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(../media/b6dd7e38ef568a3b-s.1wq6kw3cqowrv.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(../media/165955a7c830f3a5-s.3ivku1-pyy5xg.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(../media/ae2d56b3806490b5-s.2p0y_hwwp_by4.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Roboto;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(../media/aeeacbfcb136abe7-s.3q5gcn9nopk-e.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Roboto;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(../media/e91408b127f92a19-s.2cs5vitj41ffe.woff2)format("woff2");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-209F,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Roboto;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(../media/987919d93da34acf-s.3iy7p4p_9ga49.woff2)format("woff2");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AE,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F8D0-1F8D8,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FAC6,U+1FAC8,U+1FACC-1FADD,U+1FADF-1FAEB,U+1FAEF-1FAFA,U+1FB??}@font-face{font-family:Roboto;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(../media/e11b506b93eda6d1-s.12j_9v27nijlv.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(../media/09e379307cafc350-s.31fys1inu9c2n.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(../media/4c474d07e2ce7bab-s.p.0cltntdub5snw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto Fallback;src:local(Arial);ascent-override:92.98%;descent-override:24.47%;line-gap-override:0.0%;size-adjust:99.78%}.hlR8aW_className{font-family:Roboto,Roboto Fallback;font-style:normal;font-weight:800}.hlR8aW_variable{--font-brand:"Roboto", "Roboto Fallback"}
@font-face{font-family:Noto Sans Thai Looped;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/cf5137f13e977cd9-s.p.3tm3xjr2tc5ut.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai Looped;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/7f8ffe3f2925e231-s.2b2_t97a71fws.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai Looped;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/d5110018ffd17724-s.p.3o7l06385mh_r.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai Looped;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/cf5137f13e977cd9-s.p.3tm3xjr2tc5ut.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai Looped;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/7f8ffe3f2925e231-s.2b2_t97a71fws.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai Looped;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/d5110018ffd17724-s.p.3o7l06385mh_r.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai Looped Fallback;src:local(Arial);ascent-override:117.56%;descent-override:32.92%;line-gap-override:0.0%;size-adjust:106.33%}.byYl_a_className{font-family:Noto Sans Thai Looped,Noto Sans Thai Looped Fallback;font-style:normal}.byYl_a_variable{--font-thai-looped:"Noto Sans Thai Looped", "Noto Sans Thai Looped Fallback"}
:root{--yellow:#ffb700;--yellow-soft:#fff0c7;--blue:#2a4aa1;--blue-soft:#e3e9f8;--navy:#00357a;--navy-ink:#002454;--cream:#f8f4eb;--white:#fff;--line:#e6dfcf;--muted:#55657f;--red:#c62828;--red-bg:#fdecea;--orange:#c25e00;--orange-bg:#fff1e0;--green:#1e7a3c;--green-bg:#e7f5ec;--radius:20px;--page:1120px}main.narrow,.cta-band .wrap{max-width:752px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--cream);color:var(--navy);font:16px/1.65 var(--font-thai), sans-serif;flex-direction:column;min-height:100dvh;margin:0;display:flex}a{color:var(--blue)}button{font:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}[hidden]{display:none!important}.icon{fill:currentColor;vertical-align:-.25em;flex:none;width:1.25em;height:1.25em}summary>span{align-items:center;gap:.4em;display:flex}h2:has(>.icon){align-items:center;gap:.4em;display:flex}.notice:has(>.icon){align-items:center;gap:.4em;display:flex}h2>.icon,.notice>.icon{align-self:flex-start;margin-top:.1em}.privacy-note .icon{margin-top:.1em}.badge .icon,.scroll-hint .icon{width:1.1em;height:1.1em;margin-right:2px}.longform{font-family:var(--font-thai-looped), sans-serif}h1{margin:4px 0 10px;font-size:clamp(30px,5vw,44px);line-height:1.2}h2{margin:0 0 10px;font-size:20px;line-height:1.35}.free-line{margin:-4px 0 16px}.lead{max-width:46em;margin:0 0 16px;font-size:17px}.free{background:var(--yellow);color:var(--navy-ink);white-space:nowrap;border-radius:999px;align-items:center;gap:.3em;padding:1px 12px 1px 8px;font-weight:700;display:inline-flex}.muted{color:var(--muted);font-size:14px}mark.amount{background:var(--yellow);color:inherit;white-space:nowrap;border-radius:10px;padding:0 .25em}.center{text-align:center}.wrap{max-width:var(--page);margin:0 auto;padding:0 16px}main{width:100%;max-width:var(--page);flex:1 0 auto;margin:0 auto;padding:24px 16px 56px}.site-header{z-index:15;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#fffffff0;position:sticky;top:0}.site-header .bar{max-width:var(--page);justify-content:space-between;align-items:center;gap:16px;height:60px;margin:0 auto;padding:0 16px;display:flex}.wordmark{font:800 22px/1 var(--font-brand), sans-serif;color:var(--navy);letter-spacing:-.03em;text-decoration:none}.wordmark b{color:var(--yellow);font-weight:inherit}.site-nav{gap:4px;display:flex}.site-nav a{color:var(--navy);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:15px;font-weight:600;text-decoration:none}@media (max-width:400px){.site-nav a{padding:6px 8px;font-size:14px}.wordmark{font-size:19px}}.site-nav a:hover{background:var(--yellow-soft)}.site-footer{background:var(--navy-ink);color:#ffffffbf;padding-block:22px 28px;font-size:14px}.site-footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:6px 24px;display:flex}.site-footer a,.site-footer button{color:var(--white);text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.crumb{color:var(--muted);margin-bottom:4px;font-size:14px}.crumb a{color:var(--muted)}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:14px;padding:18px}a.card{color:inherit;text-decoration:none;display:block}a.card:hover{border-color:var(--blue)}.privacy-note{background:var(--white);border:1px solid var(--line);border-radius:14px;align-items:flex-start;gap:8px;padding:10px 14px;font-size:14px;display:flex}.hero{background:var(--navy);color:var(--white)}.hero .wrap{padding-block:clamp(56px,10vw,112px)}.hero h1{font:800 clamp(40px, 8vw, 80px)/1.05 var(--font-brand), sans-serif;letter-spacing:-.04em;margin:0 0 18px}.hero h1 .soul{color:var(--yellow)}.hero p{color:#ffffffd9;max-width:34em;margin:0 0 28px;font-size:clamp(17px,2.2vw,20px)}.hero .actions{flex-wrap:wrap;gap:10px;display:flex}.btn.btn-onDark{color:var(--white);background:0 0;border:1.5px solid #fff9}.section-title{color:var(--muted);margin:40px 0 12px;font-size:15px;font-weight:700}.tiles{gap:14px;display:grid}@media (min-width:640px){.tiles{grid-template-columns:1fr 1fr}main:not(.platforms) .tiles>:only-child{grid-column:1/-1;min-height:160px}.platforms{grid-template-columns:1fr 1fr;gap:14px;display:grid}.platforms .tiles{grid-template-columns:1fr}.platforms{row-gap:14px}.platforms section{grid-row:span var(--rows);grid-template-rows:subgrid;display:grid}.platforms .tiles{display:contents}.platforms .section-title{align-self:end;margin-bottom:0}}.tile{border-radius:var(--radius);min-height:220px;color:var(--navy);background:var(--white);border:1.5px solid #0000;flex-direction:column;gap:8px;padding:24px;text-decoration:none;transition:background-color .15s;display:flex}.tile.guide:hover{background:#ffe6a3}.tile.tool:hover{background:#d3ddf5}.tile .go .icon{transition:translate .15s}.tile:hover .go .icon{translate:4px}.tile.tool{background:var(--blue-soft)}.tile.guide{background:var(--yellow-soft)}.tile .kind{letter-spacing:.02em;opacity:.7;font-size:13px;font-weight:700}.tile .top{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.tile .free{font-size:14px}.tile h3{margin:0;font-size:clamp(20px,2.6vw,24px);line-height:1.3}.tile p{color:var(--muted);margin:0;font-size:15px}.tile .go{align-items:center;gap:.3em;margin-top:auto;font-weight:700;display:inline-flex}.cta-band{background:var(--navy);color:var(--white);margin-top:24px}.cta-band .wrap{padding-block:40px 32px}.cta-band .card{background:0 0;border:0;max-width:720px;margin:0 0 28px;padding:0}.cta-band h2{color:var(--white);font-size:clamp(22px,3vw,28px)}.cta-band .muted,.cta-band .signup label.check{color:#ffffffd9}.cta-band a{color:var(--white)}.cta-band .signup input[type=email]{border-color:#0000}.cta-band .signup input[type=checkbox]{accent-color:var(--yellow)}.cta-band .btn-primary{background:var(--yellow);color:var(--navy)}.cta-band .share h2{color:#ffffffd9;font-size:16px}.cta-band .share .btn-ghost{color:var(--white);background:0 0;border-color:#fff9}.stepper{gap:6px;margin:18px 0;padding:0;list-style:none;display:flex}.stepper li{text-align:center;background:var(--white);border:1px solid var(--line);color:var(--muted);border-radius:10px;flex:1;padding:8px 4px;font-size:13px}.stepper li.on{background:var(--blue);border-color:var(--blue);color:var(--white);font-weight:600}.stepper li.done{color:var(--blue);background:#dfe6f6}.stepper span{font-size:18px;font-weight:700;display:block}.stepper button{all:unset;cursor:pointer;width:100%;display:block}.stepper button:focus-visible{outline:3px solid var(--yellow);outline-offset:6px;border-radius:8px}details.how{border:1px solid var(--line);background:var(--cream);border-radius:12px;margin-top:14px;padding:12px 14px}details.how summary{cursor:pointer;justify-content:space-between;gap:8px;font-weight:600;list-style:none;display:flex}details.how summary::-webkit-details-marker{display:none}details.how summary:after{content:"แสดง ▾";color:var(--blue);white-space:nowrap;font-size:14px;font-weight:500}details.how[open] summary:after{content:"ซ่อน ▴"}.how-close{margin:12px auto 0;display:flex}ol.steps{counter-reset:s;margin:12px 0 0;padding-left:0;list-style:none}ol.steps li{counter-increment:s;border-top:1px solid var(--line);padding:10px 0 10px 40px;position:relative}ol.steps li:before{content:counter(s);background:var(--yellow);width:28px;height:28px;color:var(--navy);border-radius:50%;place-items:center;padding-top:1px;font-size:14px;font-weight:700;line-height:1;display:grid;position:absolute;top:9px;left:0}.tips{color:var(--muted);margin:10px 0 0;padding-left:18px;font-size:14px}.drop{border:2px dashed var(--blue);border-radius:var(--radius);text-align:center;background:#f3f6fd;padding:22px 16px}.drop.over{background:#e3eafb}.btn{border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:10px 22px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--navy);color:var(--white);width:100%;font-size:18px}.btn-yellow{background:var(--yellow);color:var(--navy)}.btn-ghost{background:var(--white);color:var(--blue);border:1.5px solid var(--blue)}.btn-line{color:#fff;background:#06c755}.btn-small{min-height:40px;padding:6px 16px;font-size:14px}.btn-block{width:100%}.btn[disabled]{opacity:.45;cursor:not-allowed}.btn{transition:background-color .15s,color .15s}.btn-primary:hover:not([disabled]){background:color-mix(in srgb, var(--navy) 85%, white)}.btn-yellow:hover:not([disabled]),.cta-band .btn-primary:hover:not([disabled]){background:color-mix(in srgb, var(--yellow) 88%, black)}.btn-ghost:hover:not([disabled],.done){background:var(--blue-soft)}.btn.btn-onDark:hover,.cta-band .share .btn-ghost:hover{background:#ffffff24}.try-row{margin:14px 0 0}progress.spinner{appearance:none;background:conic-gradient(var(--blue) 25%, #dfe6f6 0);border:0;border-radius:50%;width:44px;height:44px;margin:24px auto 12px;animation:1s linear infinite spin;display:block;-webkit-mask-image:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 5px));mask-image:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 5px))}progress.spinner::-webkit-progress-bar{background:0 0}progress.spinner::-webkit-progress-value{background:0 0}progress.spinner::-moz-progress-bar{background:0 0}@keyframes spin{to{rotate:1turn}}@media (prefers-reduced-motion:reduce){.tile .go .icon,.tile,.btn{transition:none}progress.spinner{animation-duration:6s}}.headline{background:var(--navy);color:var(--white);border:0}.headline p{margin:0;font-size:20px;font-weight:600;line-height:1.45}.headline .big{color:var(--yellow);margin-bottom:6px;font-size:40px;font-weight:700;line-height:1.1;display:block}.headline .period{opacity:.85;margin-top:8px;font-size:14px;font-weight:400}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:13px;font-weight:600;display:inline-flex}.badge.refund{background:var(--red-bg);color:var(--red)}.badge.check{background:var(--orange-bg);color:var(--orange)}.badge.affiliate{background:var(--green-bg);color:var(--green)}.result-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;margin:22px 0 14px;display:flex}.result-head h2{text-wrap:balance;margin:0;font-size:clamp(20px,3vw,26px)}.result-head p{margin:0}.result-head .btn{flex:100%}@media (min-width:640px){.result-head .btn{flex:none;min-width:180px}}.recs{gap:10px;margin-bottom:22px;display:grid}@media (min-width:640px){.recs{grid-template-columns:repeat(3,1fr)}}.rec-box{--c:var(--red);--bg:var(--red-bg);position:relative}.rec-box.check{--c:var(--orange);--bg:var(--orange-bg)}.rec-box.affiliate{--c:var(--green);--bg:var(--green-bg)}.rec-hit{text-align:left;background:var(--white);width:100%;color:var(--navy);border:2px solid var(--line);border-left:6px solid var(--c);border-radius:var(--radius);grid-template-columns:1fr auto;align-items:baseline;gap:2px 12px;padding:14px 48px 14px 16px;display:grid}.rec-hit:hover:not([disabled]){border-color:var(--c)}.rec-hit[aria-pressed=true]{background:var(--bg);border-color:var(--c)}.rec-hit[disabled]{opacity:.5;cursor:default}.rec-title{color:var(--c);grid-column:1/-1;align-items:center;gap:.35em;font-size:17px;font-weight:700;display:flex}.rec-fee{font-size:26px;font-weight:700;line-height:1.2}.rec-n{color:var(--muted);font-size:15px}@media (min-width:640px){.rec-hit{grid-template-columns:1fr;padding:18px 48px 18px 18px}.rec-fee{font-size:32px}}.rec-box .tip{color:var(--c);padding:4px;position:absolute;top:12px;right:10px}.tip-bubble{z-index:5;background:var(--navy);width:min(300px,100vw - 48px);color:var(--white);border-radius:12px;margin:0;padding:12px 14px;font-size:15px;line-height:1.55;position:absolute;bottom:calc(100% - 6px);right:4px;box-shadow:0 8px 24px #00245440}.tip-bubble:before{content:"";background:var(--navy);width:12px;height:12px;position:absolute;bottom:-6px;right:14px;rotate:45deg}.modal .done-line{color:var(--navy);align-items:center;gap:.4em;display:flex}.modal h2{padding-right:36px}.modal-x{position:absolute;top:10px;right:10px}.modal-x button{width:40px;height:40px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;font-size:18px;display:grid}.modal-x button:hover{background:var(--cream);color:var(--navy)}.btn.another{margin-top:16px}.signup.remind-only{background:0 0}.remind-only .remind-lead{gap:.4em;margin:0 0 8px;display:flex}.remind-only .remind-lead .icon{margin-top:.15em}.remind-only form{flex-wrap:wrap;gap:8px;display:flex}.remind-only form input[type=email]{flex:240px;width:auto}.remind-only form .btn-primary{flex:1 0 auto;width:auto;font-size:16px}@media (min-width:640px){.remind-only form .btn-primary{flex-grow:0}}.remind-only form>:not(input,button){flex-basis:100%;order:2}dialog.modal{border-radius:var(--radius);width:min(560px,100vw - 32px);color:var(--navy);border:0;padding:22px 20px}.list-caption{color:var(--muted);margin:0 0 10px;font-size:15px}.list-caption b{color:var(--navy);font-weight:600}button.link{color:var(--muted);font:inherit;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}button.link:hover{color:var(--navy)}.groups{gap:8px;margin:4px 0 14px;display:grid}.group{border:1.5px solid var(--line);cursor:pointer;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 12px;padding:12px 14px;display:grid}.group:has(input:checked){border-color:var(--blue);background:var(--blue-soft)}.group:has(input:disabled){opacity:.5;cursor:default}.group input{width:20px;height:20px;accent-color:var(--blue);margin:0}.group .g-title{font-weight:700}.group.refund .g-title{color:var(--red)}.group.check .g-title{color:var(--orange)}.group.affiliate .g-title{color:var(--green)}.group .g-n{color:var(--muted);text-align:right;font-size:14px}@media (max-width:420px){.group{grid-template-columns:auto 1fr}.group .g-n{text-align:left;grid-column:2}}.contrib-ask{border-top:1px solid var(--line);padding-top:14px}.contrib-ask h3{align-items:center;gap:.4em;margin:0 0 6px;font-size:17px;display:flex}.contrib-ask .how{margin-top:0}.modal-actions.one{grid-template-columns:1fr}.modal-actions .btn-yellow{font-size:17px}.modal .next-step{border-top:1px solid var(--line);color:var(--muted);margin:16px 0 0;padding-top:12px;font-size:14px}.next-step a{align-items:center;gap:.2em;display:inline-flex}.next-step .icon{width:1.1em;height:1.1em}dialog.modal::backdrop{background:#0014328c}dialog.modal p{margin:0 0 12px}.modal-actions{gap:8px;margin-top:14px;display:grid}@media (min-width:560px){.modal-actions{grid-template-columns:1fr 1fr}}.modal-actions .btn{width:100%;font-size:16px}.tip{color:var(--blue);background:0 0;border:0;padding:0 4px;font-size:15px}.signup{border-color:var(--yellow);background:#fff8e6}.signup label.check{align-items:flex-start;gap:10px;margin:8px 0;font-size:15px;display:flex}.signup input[type=checkbox]{width:22px;height:22px;accent-color:var(--blue);margin-top:2px}.signup input[type=email]{border:1.5px solid var(--line);width:100%;min-height:48px;font:inherit;border-radius:10px;padding:8px 12px}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;font-size:14px;display:flex}.tbl-wrap{background:var(--white);border:1px solid var(--line);border-radius:12px;max-block-size:min(70vh,640px);overflow:auto}table.orders{border-collapse:separate;border-spacing:0;width:100%;min-width:900px;font-size:14px}table.orders th,table.orders td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;vertical-align:middle;padding:10px 8px}table.orders thead th{z-index:2;white-space:normal;vertical-align:middle;background:#f1ede2;min-width:90px;font-weight:600;line-height:1.35;position:sticky;top:0}table.orders th button{all:unset;cursor:pointer}table.orders th button:focus-visible{outline:3px solid var(--yellow)}table.orders th button .icon{vertical-align:-.2em;width:1.1em;height:1.1em;fill:var(--muted);margin-left:2px}table.orders th:is([aria-sort=ascending],[aria-sort=descending]) button .icon{fill:var(--navy)}table.orders .num{text-align:right}table.orders .fee{color:var(--red);font-weight:700}table.orders tbody tr{background:var(--white)}table.orders tbody tr:nth-child(2n){background:#fcfbf7}table.orders .c-id{background:inherit;z-index:1;box-shadow:2px 0 0 var(--line);color:var(--muted);font-size:12px;position:sticky;left:0}table.orders thead .c-id{z-index:3;min-width:120px;color:inherit;background:#f1ede2;font-size:14px}table.orders input{width:20px;height:20px;accent-color:var(--blue);margin:0}.scroll-hint{color:var(--muted);margin:6px 0 0;font-size:13px}@media (min-width:960px){.scroll-hint{display:none}}.notice{border-radius:var(--radius);margin-bottom:14px;padding:14px 16px}.notice.err{background:var(--red-bg);color:var(--red)}.notice.ok{background:var(--green-bg);color:var(--green)}dialog.lightbox{background:0 0;border:0;max-width:96vw;padding:0}dialog.lightbox::backdrop{background:#001432cc}dialog.lightbox{max-height:100svh;overflow:visible}dialog.lightbox img{border-radius:8px;max-width:96vw;height:auto;max-height:calc(100svh - 120px);display:block}.lightbox-x{justify-content:flex-end;margin-bottom:8px;display:flex}.lightbox-x button{background:var(--yellow);width:44px;height:44px;color:var(--navy);border:0;border-radius:50%;place-items:center;font-size:20px;display:grid;box-shadow:0 2px 8px #00000040}.lightbox-x button:hover{background:color-mix(in srgb, var(--yellow) 88%, black)}.share .row{flex-wrap:wrap;gap:8px;display:flex}.btn-fb{color:#fff;background:#1877f2}.btn-x{color:#fff;background:#000}.btn-x:hover{background:#333}:is(.btn-fb,.btn-line):hover{filter:brightness(1.08)}.btn.done{background:var(--blue);color:#fff}[data-native-share]{display:none}html[data-share] [data-native-share]{display:inline-flex}html[data-share][data-coarse] :is([data-method=facebook],[data-method=x]){display:none}.consent{z-index:20;background:var(--navy);color:#fff;border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:10px 16px;max-width:696px;margin:0 auto;padding:14px 16px;font-size:14px;line-height:1.5;display:flex;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 8px 30px #00000040}.consent p{flex:260px;margin:0}.consent a{color:var(--yellow)}.consent .row{gap:8px;display:flex}.consent-no{color:#fff;background:0 0;border:1.5px solid #fff}a.shot{cursor:zoom-in;display:block}a.shot img{border:1px solid var(--line);background:#fafafa;border-radius:10px;width:100%;height:auto;display:block}a.shot+a.shot{margin-top:10px}main.guide{font-size:17px;line-height:1.7}.guide h1{margin-top:8px;font-size:clamp(26px,6vw,36px)}.guide .crumb{font-size:14px}.guide .updated{color:var(--muted);margin:0 0 24px;font-size:14px}.guide h2.part{margin:32px 0 14px;font-size:22px}.guide .gsteps{counter-reset:s;margin:0;padding:0;list-style:none}.guide .gcard{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:16px;padding:20px 18px}.guide .gsteps>li{counter-increment:s}.guide .gsteps h2{align-items:flex-start;gap:12px;margin:0 0 12px;font-size:19px;line-height:1.45;display:flex}.guide .gsteps h2:before{content:counter(s);background:var(--blue);color:#fff;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;margin-top:-2px;padding-top:1px;font-size:16px;line-height:1;display:grid}.guide .gcard h3{margin:0 0 10px;font-size:18px;line-height:1.45}.guide .gcard p{margin:0 0 12px}.guide .gcard .note{margin-top:14px}.guide .body{padding-left:44px}@media (max-width:480px){.guide .body{padding-left:0}}.guide .note{border-left:4px solid var(--yellow);background:#fff4d6;border-radius:10px;padding:10px 14px;font-size:15px}.codebox{border:1px solid var(--line);background:#f3eee2;border-radius:10px;margin:0 0 14px;padding:12px}.codebox code{overflow-wrap:anywhere;font:14px/1.6 ui-monospace,Menlo,monospace;display:block}.codebox.name code{overflow-wrap:normal;word-break:keep-all;font-size:16px;font-weight:600}.codebtns{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.codebtns .btn{border:1px solid var(--blue);background:var(--white);min-height:40px;color:var(--blue);padding:8px 14px;font-size:15px}.codebtns .btn.primary,.codebtns .btn.done{background:var(--blue);color:#fff}.codebtns .btn:hover:not(.done){background:var(--blue-soft)}.codebtns .btn.primary:hover{background:color-mix(in srgb, var(--blue) 85%, black)}.guide .sp{background:var(--yellow);border-radius:3px;min-width:.9em;margin:0 1px;display:inline-block}.guide .sp-legend{color:var(--muted);font-size:14px}.guide .sp-legend .sp{vertical-align:-2px;height:1em}.guide .sp-legend code{background:#f3eee2;border-radius:6px;padding:1px 6px}.guide .deadline{border-left:4px solid var(--blue);margin:28px 0;padding:4px 0 4px 14px}.guide .fallback ol{margin:0;padding-left:22px}.guide .fallback li{margin-bottom:12px}.guide .fallback .codebox,.guide .fallback a.shot{margin-top:8px}.guide .contact{margin:24px 0}.guide .share h2{font-size:17px}.longform h2{margin:24px 0 6px;font-size:19px}.longform h2:first-child{margin-top:0}.longform h3{margin:16px 0 4px;font-size:16px}.longform p,.longform ul{margin:0 0 12px}