:where(.clean-root) .bs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,72px);max-width:1160px;margin:0 auto;padding:clamp(64px,11vh,120px) var(--pad);border-top:1px solid var(--line)}:where(.clean-root) .bs--flip .bs__copy{order:2}:where(.clean-root) .bs__copy{display:grid;gap:16px;align-content:start;min-width:0}:where(.clean-root) .bs__kicker{font-family:var(--hand);font-size:26px;line-height:1;color:var(--o2);transform:rotate(-1.5deg);width:fit-content}:where(.clean-root) .bs__title{font-weight:800;font-size:clamp(32px,4.4vw,54px);line-height:1.08;letter-spacing:-.03em;text-wrap:balance}:where(.clean-root):lang(th) .bs__title{line-height:1.32;letter-spacing:0}:where(.clean-root) .bs__body{font-size:clamp(18px,1.5vw,20px);color:var(--muted);max-width:32em}:where(.clean-root) .bs__links{display:flex;flex-wrap:wrap;gap:10px 22px}:where(.clean-root) .bs__groups{display:grid;gap:16px;margin-top:4px}:where(.clean-root) .bs__label{font:700 12px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}:where(.clean-root) .bs__label--now{color:var(--o2)}:where(.clean-root) .bs__chips{display:flex;flex-wrap:wrap;gap:6px}:where(.clean-root) .bs__chip{font:500 14.5px/1.3 var(--sans);padding:6px 12px;border-radius:999px;border:1px solid var(--line-2);color:var(--ink-2)}:where(.clean-root) .bs__chip--now{border-color:var(--o2);color:var(--ink)}:where(.clean-root) .bs__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px;font-size:18px}:where(.clean-root) .bs__list li{display:flex;gap:10px;align-items:baseline}:where(.clean-root) .bs__list li:before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--o2);transform:translateY(-2px)}@media(max-width:820px){:where(.clean-root) .bs{grid-template-columns:minmax(0,1fr)}:where(.clean-root) .bs--flip .bs__copy{order:0}:where(.clean-root) .bs .bk__svg{max-width:360px}}@media(max-width:480px){:where(.clean-root) .bs__list{grid-template-columns:minmax(0,1fr)}}:where(.clean-root) .tg{display:grid;justify-items:center;gap:22px;padding:0 var(--pad) clamp(64px,11vh,120px);text-align:center}:where(.clean-root) .tg__title{font-family:var(--hand);font-weight:700;font-size:clamp(28px,3vw,36px);line-height:1.1;color:var(--ink);transform:rotate(-1deg)}:where(.clean-root) .tg__phone{width:min(360px,100%);border:2px solid var(--ink);border-radius:28px;box-shadow:4px 4px 0 var(--ink);background:var(--paper);overflow:hidden;text-align:left}:where(.clean-root) .tg__head{display:flex;align-items:center;gap:10px;padding:14px 16px;font:700 15px/1 var(--sans);border-bottom:1px solid var(--line-2);background:var(--surface)}:where(.clean-root) .tg__avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--o2);color:#fff}:where(.clean-root) .tg__avatar svg{width:20px;height:auto}:where(.clean-root) .tg__chat{display:grid;gap:8px;padding:16px 12px 20px}:where(.clean-root) .tg__msg{max-width:82%;padding:9px 12px;border-radius:14px;font-size:15px;line-height:1.4}:where(.clean-root) .tg__msg--me{justify-self:end;background:var(--o2);color:#fff;border-bottom-right-radius:4px}:where(.clean-root) .tg__msg--bot{justify-self:start;background:var(--surface);border:1px solid var(--line-2);border-bottom-left-radius:4px}:where(.clean-root) .br{display:grid;justify-items:center;text-align:center;gap:16px;padding:clamp(64px,11vh,120px) var(--pad) clamp(24px,4vh,48px);border-top:1px solid var(--line)}:where(.clean-root) .br .bs__kicker{margin:0 auto}:where(.clean-root) .br__ring{position:relative;width:min(600px,100%);aspect-ratio:1;max-width:100%;margin-top:12px;color:var(--line-2)}:where(.clean-root) .br__lines{position:absolute;inset:0;width:100%;height:100%;stroke-width:1.5}:where(.clean-root) .br__center{position:absolute;left:50%;top:50%;width:34%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:4px;color:var(--ink-2)}:where(.clean-root) .br__center .o{stroke:var(--o2)}:where(.clean-root) .br__label{font-family:var(--hand);font-size:22px;color:var(--muted)}:where(.clean-root) .br__tiles li{position:absolute;transform:translate(-50%,-50%)}:where(.clean-root) .will-draw .br__tiles li[data-pop]{transform:translate(-50%,-50%) scale(.6)}:where(.clean-root) .will-draw.is-drawn .br__tiles li[data-pop]{transform:translate(-50%,-50%)}@media(max-width:560px){:where(.clean-root) .br__tiles .tile--lg{width:40px;height:40px;border-radius:10px;font-size:15px}:where(.clean-root) .br__label{font-size:17px}}:where(.clean-root) .bm{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr) minmax(0,.9fr);grid-template-areas:"nin . nout" "in core out";align-items:center;column-gap:clamp(36px,6vw,96px);width:min(1080px,100%);margin:8px auto 0;text-align:left}:where(.clean-root) .bm__wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}:where(.clean-root) .bm__wire{fill:none;stroke:var(--line-2);stroke-width:1.5;transition:stroke .3s ease}:where(.clean-root) .bm__wire.is-hot{stroke:var(--o2)}:where(.clean-root) .bm__spark{fill:var(--o2);filter:drop-shadow(0 0 6px var(--o1))}:where(.clean-root) .bm__note{display:flex;align-items:flex-end;gap:2px;font-family:var(--hand);font-size:clamp(22px,2vw,28px);line-height:1.1;color:var(--ink-2);transform:rotate(-2deg);margin-bottom:6px}:where(.clean-root) .bm__note svg{flex:none;width:40px;height:34px;color:var(--o2);transform:translateY(14px)}:where(.clean-root) .bm__note--in{grid-area:nin;justify-self:start}:where(.clean-root) .bm__note--out{grid-area:nout;justify-self:start}:where(.clean-root) .bm__in,:where(.clean-root) .bm__out{position:relative;display:grid;gap:10px}:where(.clean-root) .bm__in{grid-area:in}:where(.clean-root) .bm__out{grid-area:out}:where(.clean-root) .bm__card,:where(.clean-root) .bm__app{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--surface);border:1px solid var(--line-2);border-radius:12px;font:600 14.5px/1.2 var(--sans);color:var(--ink);box-shadow:0 6px 18px -12px var(--shadow, rgba(23, 24, 28, .35));transition:border-color .3s ease,box-shadow .3s ease,opacity .4s ease,filter .4s ease,transform .45s cubic-bezier(.34,1.56,.64,1)}:where(.clean-root) .bm__card svg{flex:none;width:20px;height:20px;color:var(--muted)}:where(.clean-root) .bm__card.is-sending{border-color:var(--o2);box-shadow:0 0 0 3px color-mix(in srgb,var(--o2) 18%,transparent)}:where(.clean-root) .bm__card.is-sending svg{color:var(--o2)}:where(.clean-root) .bm__app .tile{width:28px;height:28px;border-radius:8px;font-size:12px}:where(.clean-root) .bm__name{flex:1;min-width:0}:where(.clean-root) .bm__tick{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#1d9a50;color:#fff;font:800 10px/1 var(--sans)}:where(.clean-root) .bm.will-play .bm__app:not(.is-built){opacity:.35;filter:grayscale(1);transform:scale(.96)}:where(.clean-root) .bm.will-play .bm__app:not(.is-built) .bm__tick{transform:scale(0)}:where(.clean-root) .bm__app .bm__tick{transition:transform .35s cubic-bezier(.34,1.56,.64,1) .15s}:where(.clean-root) .bm__app.is-built,:where(.clean-root) .bm__app.is-pinged{border-color:var(--o2)}:where(.clean-root) .bm__app.is-pinged{box-shadow:0 0 0 3px color-mix(in srgb,var(--o2) 18%,transparent)}:where(.clean-root) .bm__core{grid-area:core;position:relative;aspect-ratio:1.25;display:grid;place-items:center;color:var(--ink-2)}:where(.clean-root) .bm__still{width:70%;max-width:none;transition:opacity .5s ease}:where(.clean-root) .bm__still .o{stroke:var(--o2)}:where(.clean-root) .bm__net{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .6s ease}:where(.clean-root) .bm.is-live .bm__net{opacity:1}:where(.clean-root) .bm.is-live .bm__still{opacity:0}:where(.clean-root) .bm__label{position:absolute;bottom:-30px;left:50%;transform:translate(-50%) rotate(-2deg);font-family:var(--hand);font-size:24px;color:var(--o2);white-space:nowrap}@media(max-width:860px){:where(.clean-root) .bm{grid-template-columns:minmax(0,1fr);grid-template-areas:"nin" "in" "core" "out" "nout";row-gap:26px;justify-items:center}:where(.clean-root) .bm__note--in,:where(.clean-root) .bm__note--out{justify-self:center;margin:0}:where(.clean-root) .bm__note svg{display:none}:where(.clean-root) .bm__in,:where(.clean-root) .bm__out{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}:where(.clean-root) .bm__card,:where(.clean-root) .bm__app{padding:7px 10px;font-size:13px;gap:7px}:where(.clean-root) .bm__card svg{width:16px;height:16px}:where(.clean-root) .bm__app .tile{width:22px;height:22px;font-size:10px}:where(.clean-root) .bm__tick{display:none}:where(.clean-root) .bm__core{width:min(300px,82%)}}:where(.clean-root) .bk--days .bk__svg{max-width:360px}
