@font-face{font-family:Inter;src:url(/brand/fonts/inter-latin-400-normal.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(/brand/fonts/inter-latin-600-normal.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Noto Sans Thai;src:url(/brand/fonts/noto-sans-thai-variable.ttf)format("truetype");font-weight:100 900;font-display:swap}:root{color:#111;font-synthesis:none;--ink:#111;--mist:#f5f5f5;--line:#e5e5e5;--bronze:#b8a27c;--slate:#6b7280;scroll-behavior:smooth;background:#fff;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.6}html[lang=th]{font-family:Noto Sans Thai,Inter,Tahoma,sans-serif;line-height:1.75}html[lang=zh-Hans]{font-family:Inter,PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;line-height:1.75}a{color:inherit;text-underline-offset:4px}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:5px}img{max-width:100%;height:auto}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:600}h1{letter-spacing:-.02em;font-size:48px;line-height:1.15}h2{letter-spacing:-.02em;font-size:32px;line-height:1.25}h3,h4{font-size:20px;line-height:1.4}html[lang=th] h1{letter-spacing:0;line-height:1.4}html[lang=th] h2{letter-spacing:0;line-height:1.5}html[lang=zh-Hans] h1{letter-spacing:0;line-height:1.4}p{max-width:65ch}p+p{margin-top:16px}.wrap{width:min(100% - 96px,1120px);margin-inline:auto}.skip{z-index:10;background:#fff;padding:12px;position:absolute;top:-100px;left:24px}.skip:focus{top:8px}.site-header{justify-content:space-between;align-items:center;gap:24px;padding-block:32px;display:flex}.brand{padding-block:12px;display:flex}.brand img{width:216px;height:auto;display:block}.language{flex-wrap:wrap;gap:16px;font-size:14px;display:flex}.language a{padding-block:8px;text-decoration:none}.language a[aria-current=true]{font-weight:600;text-decoration:underline 2px}.subnav{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.subnav nav{justify-content:space-between;gap:24px;padding-block:16px;font-size:14px;display:flex}.subnav a{text-decoration:none}.subnav a:hover{text-decoration:underline}.subnav nav>div{gap:24px;display:flex}.subnav a[aria-current=page]{font-weight:600}.hero{grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:64px;padding-block:80px;display:grid}.eyebrow{margin-bottom:16px;font-size:14px;font-weight:600;line-height:1.6}.hero h1 span{display:block}.lede{max-width:58ch;margin-top:24px;font-size:18px;line-height:1.75}.button{background:var(--ink);color:#fff;border:1px solid var(--ink);justify-content:space-between;align-items:center;gap:24px;max-width:100%;padding:16px 24px;font-weight:600;line-height:1.5;text-decoration:none;display:inline-flex}.button:hover{background:#333}.hero .button{margin-top:32px}.hero-index{border-left:1px solid var(--line);align-self:center;padding-left:32px}.index-number{letter-spacing:-.04em;font-size:48px;font-weight:400}.hero-index p{font-size:14px}.hero-rule{background:var(--bronze);width:48px;height:3px;margin:32px 0}.start-panel{background:var(--mist);grid-template-columns:160px minmax(0,1fr) auto;align-items:center;gap:32px;padding:40px;display:grid}.start-symbol{border:1px solid var(--line);aspect-ratio:1;background:#fff;place-items:center;display:grid}.start-symbol svg{width:100px;height:100px}.start-panel h2{max-width:26ch}.start-panel p:not(.eyebrow){margin-top:16px}.text-link{align-items:center;gap:24px;margin-top:24px;font-weight:600;display:inline-flex}.start-time{font-variant-numeric:tabular-nums;align-self:start;font-size:14px}.library{padding-block:80px;scroll-margin-top:24px}.section-heading{max-width:680px;margin-bottom:40px}.section-heading p:last-child{margin-top:16px}.guide-group+.guide-group{margin-top:40px}.guide-group>h3{margin-bottom:16px}.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.guide-card{border:1px solid var(--line);flex-direction:column;min-height:192px;padding:24px;text-decoration:none;transition:border-color .15s;display:flex}.guide-card:hover{border-color:var(--ink)}.card-meta{color:var(--slate);justify-content:space-between;gap:16px;margin-bottom:16px;font-size:12px;display:flex}.card-meta>span:first-child{min-width:0}.guide-card h4{margin-bottom:24px}.card-action{text-underline-offset:4px;justify-content:space-between;gap:16px;margin-top:auto;font-size:14px;text-decoration:underline;display:flex}.support-banner{border-top:3px solid var(--bronze);background:var(--mist);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px 48px;margin-bottom:80px;padding:40px;display:grid}.support-banner p:not(.eyebrow){margin-top:16px}.support-details{grid-column:2;justify-self:start;font-size:14px}.site-footer{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:24px;padding-block:40px;font-size:14px;display:grid}.site-footer>p:first-child{font-weight:600}.site-footer>p:nth-child(2){color:var(--slate)}.site-footer nav{flex-wrap:wrap;grid-column:1/-1;gap:24px;display:flex}.breadcrumb{flex-wrap:wrap;gap:12px;padding-top:32px;font-size:14px;display:flex}.article-heading{max-width:850px;padding-block:48px}.article-heading .button{margin-top:24px}.tutorial-layout{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:48px;display:grid}.player{aspect-ratio:16/9;background:var(--ink);width:100%;display:grid}.play-button{cursor:pointer;background:var(--ink);color:#fff;border:0;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;padding:24px;display:flex}.play-button:focus-visible{outline-offset:-6px;outline-color:#fff}.play-icon{border:1px solid #fff;border-radius:50%;place-items:center;width:64px;height:64px;padding-left:4px;font-size:40px;line-height:1;display:grid}.player-duration{font-size:14px}.player iframe{border:0;width:100%;height:100%}.video-links{flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:16px;font-size:14px;display:flex}.video-note{color:var(--slate);margin-top:16px;font-size:14px}.note{border-left:3px solid var(--bronze);margin-top:32px;padding-left:20px;font-size:14px}.steps h2{font-size:24px}.steps ol{counter-reset:steps;margin:24px 0 0;padding:0;list-style:none}.steps li{counter-increment:steps;border-top:1px solid var(--line);grid-template-columns:32px minmax(0,1fr);column-gap:16px;padding:24px 0;display:grid}.steps li:before{content:counter(steps, decimal-leading-zero);padding-top:2px;font-size:14px;font-weight:600}.steps li>a{grid-column:2;justify-self:start;margin-top:8px;font-size:14px}.related{padding-block:64px}.related h2{font-size:24px}.related-links{flex-wrap:wrap;gap:16px 32px;margin-top:24px;display:flex}.related-links a{gap:16px;display:flex}.contact-panel{background:var(--mist);grid-template-columns:minmax(0,1fr) 288px;align-items:start;gap:64px;padding:48px;display:grid}.contact-panel h2{overflow-wrap:anywhere}.contact-panel p:not(.eyebrow){margin-top:16px}.contact-panel .button{margin-top:24px}.prepare{margin-top:40px}.qr{text-align:center;background:#fff;margin:0;padding:24px}.qr img{width:240px;display:block}.qr figcaption{margin-top:16px;font-size:14px}.support-bottom{padding-block:64px 80px}.support-bottom p{margin-top:16px}@media (width<=900px){.hero{grid-template-columns:1fr;gap:32px;padding-block:48px}.hero-index{border-left:0;border-top:1px solid var(--line);align-items:center;gap:24px;padding:24px 0 0;display:flex}.hero-index>p:last-child,.hero-rule{display:none}.index-number{font-size:32px}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-layout{grid-template-columns:1fr}.video-column{max-width:760px}.contact-panel{gap:32px;padding:32px}.start-panel{grid-template-columns:100px minmax(0,1fr);padding:32px}.start-symbol svg{width:80px}.start-time{display:none}.support-banner{grid-template-columns:1fr}.support-details{grid-column:auto}.support-banner .button{justify-self:start}}@media (width<=639px){.wrap{width:calc(100% - 48px)}.site-header{flex-direction:column;align-items:flex-start;gap:8px;padding-block:16px}.brand{padding-block:12px}.language{gap:24px}.subnav nav{flex-wrap:wrap;gap:12px}.subnav nav>div{gap:16px}.hero{padding-block:40px}.hero h1,h1{font-size:32px}.lede{font-size:16px}.eyebrow{font-size:12px}h2{font-size:24px}.start-panel{grid-template-columns:1fr;gap:24px;padding:24px}.start-symbol{width:88px}.start-symbol svg{width:64px;height:64px}.guide-grid{grid-template-columns:1fr}.library{padding-block:48px}.guide-card{min-height:168px}.support-banner{gap:24px;margin-bottom:48px;padding:24px}.site-footer{grid-template-columns:1fr;gap:16px;padding-block:32px}.site-footer nav{grid-column:auto;gap:16px 24px}.article-heading{padding-block:32px}.tutorial-layout{gap:32px}.contact-panel{grid-template-columns:1fr;gap:32px;padding:24px}.qr{justify-self:center;width:100%;max-width:288px;padding:16px}.qr img{margin:auto}.contact-panel h2{font-size:24px}.related{padding-block:48px}.button{gap:16px;padding:14px 20px}.hero-index{gap:16px}.index-number{font-size:28px}.support-bottom{padding-block:48px}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.guide-card{transition:none}}html[lang=th] body,html[lang=zh-Hans] body{line-height:1.75}