.cb{max-width:920px;margin:0 auto;padding:2.2rem 1.2rem 4rem;font-family:Inter,Noto Sans Thai,system-ui,sans-serif;line-height:1.75}.cb__hero{text-align:center;padding:1.5rem 0 2rem}.cb__hero-emoji{font-size:2.6rem;line-height:1;display:block;margin-bottom:.6rem}.cb__hero h1{font-size:clamp(1.6rem,4vw,2.3rem);margin:0 0 .5rem}.cb__hero-sub{color:var(--fg-dim);max-width:640px;margin:0 auto}.cb__hero-en{display:block;color:var(--muted);font-size:.92em;margin-top:.25rem}.cb__platforms{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:1.1rem;gap:1.1rem;margin:1.4rem 0 0}.cb-platform{display:block;padding:1.4rem 1.3rem;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);color:inherit;text-decoration:none;transition:transform .15s ease,border-color .15s ease}.cb-platform:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 45%,transparent);text-decoration:none}.cb-platform__title{font-weight:700;font-size:1.15rem;display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.cb-platform__desc{color:var(--fg-dim);font-size:.95rem}.cb section{margin-top:2.6rem}.cb h2{font-size:1.35rem;margin:0 0 .2rem;display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}.cb h2 .cb-h2-en{color:var(--muted);font-size:.72em;font-weight:500}.cb p{color:var(--fg-dim);margin:.5rem 0}.cb .cb-en{color:var(--muted);font-size:.92em}.cb-steps{display:grid;grid-gap:.7rem;gap:.7rem;margin:.9rem 0 0;padding:0;list-style:none;counter-reset:cbstep}.cb-steps li{position:relative;counter-increment:cbstep;padding:.85rem 1rem .85rem 3.1rem;background:var(--panel);border:1px solid var(--border);border-radius:14px}.cb-steps li:before{content:counter(cbstep);position:absolute;left:.9rem;top:.95rem;width:1.6rem;height:1.6rem;display:flex;align-items:center;justify-content:center;border-radius:999px;font-weight:700;font-size:.85rem;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}.cb-chat{margin:1rem 0 0;padding:1rem;background:var(--bg-soft,var(--panel));border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;gap:.55rem}.cb-bubble{max-width:82%;padding:.55rem .85rem;border-radius:16px;font-size:.93rem;white-space:pre-line}.cb-bubble--user{align-self:flex-end;background:color-mix(in srgb,var(--accent) 18%,transparent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-bottom-right-radius:4px}.cb-bubble--bot{align-self:flex-start;background:var(--panel-strong);border:1px solid var(--border);border-bottom-left-radius:4px}.cb-bubble__name{display:block;font-size:.72rem;font-weight:600;color:var(--muted);margin-bottom:.15rem}.cb-bubble--note{align-self:center;max-width:100%;text-align:center;color:var(--muted);font-size:.8rem;background:none;border:0;padding:.1rem 0}.cb-table-wrap{margin-top:.9rem;overflow-x:auto;border:1px solid var(--border);border-radius:14px}.cb-table{width:100%;border-collapse:collapse;font-size:.92rem}.cb-table td,.cb-table th{text-align:left;padding:.6rem .85rem;border-bottom:1px solid var(--border);vertical-align:top}.cb-table tr:last-child td{border-bottom:0}.cb-table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--panel)}.cb-kbd,.cb-table td:first-child{white-space:nowrap}.cb-kbd{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86em;padding:.08rem .45rem;border-radius:7px;background:var(--panel-strong);border:1px solid var(--border-strong,var(--border))}.cb-callout{margin-top:1rem;padding:.85rem 1rem;border-radius:14px;border:1px solid var(--border);background:var(--panel);font-size:.94rem;color:var(--fg-dim)}.cb-callout--ok{border-color:color-mix(in srgb,#34d399 40%,transparent);background:color-mix(in srgb,#34d399 8%,transparent)}.cb-callout--warn{border-color:color-mix(in srgb,#fbbf24 45%,transparent);background:color-mix(in srgb,#fbbf24 8%,transparent)}.cb-faq{margin-top:.9rem;display:grid;grid-gap:.6rem;gap:.6rem}.cb-faq details{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:.7rem 1rem}.cb-faq summary{cursor:pointer;font-weight:600}.cb-faq details[open] summary{margin-bottom:.4rem;color:var(--accent)}.cb__crosslinks{margin-top:3rem;display:flex;gap:.8rem;flex-wrap:wrap}.cb__crosslinks a{padding:.5rem 1rem;border-radius:999px;border:1px solid var(--border);background:var(--panel);color:var(--fg-dim);font-size:.92rem}.cb__crosslinks a:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent);text-decoration:none}