.design-system_hero__bcWmk{min-height:min(calc(var(--screen-h, 100vh) * .78),760px)}.design-system_section__F0S4c{padding-block:90px;border-top:1px solid var(--line);scroll-margin-top:80px}.design-system_section__F0S4c h2{font-size:clamp(32px,3.6vw,50px);line-height:1.05}.design-system_lead__fWHsq{margin-top:16px;max-width:56ch;color:var(--fg-2);font-size:17px}.design-system_label__3tzZL{font-family:var(--font-mono),Menlo,monospace;font-size:12px;color:var(--muted);letter-spacing:.02em}.design-system_note__vIx_Z{margin-top:14px;font-size:14px;color:var(--muted)}.design-system_principles__VV0Eq{margin:40px 0 0;padding:0;list-style:none;counter-reset:p;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));grid-gap:1px;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}.design-system_principles__VV0Eq li{counter-increment:p;background:var(--bg);padding:28px 26px 30px;display:grid;grid-gap:10px;gap:10px}.design-system_principles__VV0Eq li:before{content:counter(p,decimal-leading-zero);font-family:var(--font-mono),Menlo,monospace;font-size:12px;color:var(--muted)}.design-system_principles__VV0Eq h3{font-size:21px}.design-system_principles__VV0Eq p{color:var(--fg-2);font-size:15px}.design-system_swatches__8iX39{margin-top:36px;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));grid-gap:14px;gap:14px}.design-system_swatch__3x2KU{display:grid;grid-gap:4px;gap:4px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.design-system_chip__llFwQ{height:72px;border-radius:6px;margin-bottom:8px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.design-system_swatch__3x2KU code{font-family:var(--font-mono),Menlo,monospace;font-size:13px;color:var(--fg)}.design-system_hex__7_NSW{font-family:var(--font-mono),Menlo,monospace;font-size:12px;color:var(--muted)}.design-system_role__OvSIZ{font-size:14px;color:var(--fg-2)}.design-system_ratio__61xNe{justify-self:start;margin-top:4px;font-family:var(--font-mono),Menlo,monospace;font-size:12px;color:var(--muted)}.design-system_tags__7B7Vo{margin-top:24px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.design-system_tags__7B7Vo .design-system_note__vIx_Z{margin:0 0 0 6px}.design-system_specimens__xZ1GF{margin-top:36px;display:grid}.design-system_specimen__4JQRv{display:grid;grid-gap:10px;gap:10px;padding-block:26px;border-bottom:1px solid var(--line)}.design-system_tDisplay__gMsCS{font-size:clamp(46px,7.4vw,110px);line-height:.98;letter-spacing:-.03em;font-weight:400;max-width:12ch}.design-system_tH2__PAST7{font-size:clamp(34px,4.4vw,60px);line-height:1.04;letter-spacing:-.03em;font-weight:400}.design-system_tH3__cl_o0{font-size:22px;letter-spacing:-.01em;font-weight:400}.design-system_tBody__TuP_3{font-size:16px;line-height:1.5;color:var(--fg-2);max-width:60ch}.design-system_tCaps__kVkLK{color:var(--fg)}.design-system_tMono__oBQF7{font-family:var(--font-mono),Menlo,monospace;font-size:12px;color:var(--fg-2)}.design-system_photos__fQu5p{margin:36px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px}.design-system_photo__QRpVt{margin:0;position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:8px;background:var(--panel)}.design-system_photo__QRpVt img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.6,.2,1)}.design-system_photo__QRpVt:hover img{transform:scale(1.04)}.design-system_photo__QRpVt figcaption{position:absolute;left:10px;bottom:10px;padding:4px 10px;border-radius:99px;font-size:12px;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media (max-width:700px){.design-system_photos__fQu5p{grid-template-columns:repeat(2,minmax(0,1fr))}}.design-system_fades__UjZnm{margin-top:28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:24px;gap:24px}.design-system_fade__uDs4G{margin:0;display:flex;flex-direction:column;gap:14px}.design-system_fadeFrame__mwrpZ{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--bg)}.design-system_fadeFrame__mwrpZ img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.design-system_fadeCard__j2xkf{position:absolute;inset:0;display:grid;place-items:center;padding:12%}.design-system_fade__uDs4G figcaption{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--muted)}.design-system_fade__uDs4G figcaption strong{font-weight:400;color:var(--fg)}@media (max-width:700px){.design-system_fades__UjZnm{grid-template-columns:minmax(0,1fr)}.design-system_fadeFrame__mwrpZ{aspect-ratio:4/3}}.design-system_parts__mnxM5{margin-top:36px;display:grid;grid-gap:48px;gap:48px}.design-system_part__8Gb69{display:grid;grid-gap:16px;gap:16px;min-width:0}.design-system_row__mpdbo{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:28px;border-radius:10px;background:url(/photos/rock-800.webp) 50%/cover}.design-system_glass__mmzM9 .btn{min-height:34px;padding:0 15px;font-size:13px;background:rgba(255,255,255,.12);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.design-system_site__pYenJ{max-width:560px}.design-system_site__pYenJ .site{width:100%;aspect-ratio:1120/720;height:auto}.design-system_list__96IQi{margin:36px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));grid-gap:28px 40px;gap:28px 40px}.design-system_list__96IQi li{display:grid;grid-gap:8px;gap:8px;padding-top:18px;border-top:1px solid var(--line)}.design-system_list__96IQi h3{font-size:19px}.design-system_list__96IQi p{color:var(--fg-2);font-size:15px}.design-system_voice__u6I3E{margin-top:36px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:0 28px;gap:0 28px}.design-system_voice__u6I3E .design-system_label__3tzZL{padding-bottom:10px;border-bottom:1px solid var(--line)}.design-system_no__hnWsI,.design-system_yes__YbeYB{padding-block:18px;border-bottom:1px solid var(--line);font-size:17px}.design-system_yes__YbeYB{color:var(--fg)}.design-system_no__hnWsI{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:rgba(255,255,255,.25);text-decoration-color:rgba(255,255,255,.25)}.design-system_anatomy__u7Uso{margin-top:36px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.design-system_figure__f8lpS{margin:0;display:grid;grid-template-rows:1fr auto;align-items:center;grid-gap:18px;gap:18px;padding:24px;background:var(--panel);border:1px solid #1c1c1c;border-radius:6px;min-width:0}.design-system_figure__f8lpS h3{font-size:20px;font-weight:400;letter-spacing:-.01em}.design-system_figure__f8lpS p{margin-top:6px;color:var(--muted);font-size:14px;line-height:1.55}.design-system_figure__f8lpS code{display:inline-block;margin-top:10px;font-family:var(--font-mono),Menlo,monospace;font-size:12px;color:var(--fg-2)}@media (max-width:900px){.design-system_anatomy__u7Uso{grid-template-columns:minmax(0,1fr)}}.design-system_motionGrid__yl1CP{margin-top:36px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:44px 32px;gap:44px 32px}.design-system_motionItem__PpHOC{margin:0;display:grid;grid-gap:16px;gap:16px;align-content:start;min-width:0}.design-system_motionWide__FXhLt{grid-column:1/-1}.design-system_motionItem__PpHOC figcaption h3{font-size:19px}.design-system_motionItem__PpHOC figcaption p{margin-top:8px;color:var(--fg-2);font-size:15px;max-width:62ch}.design-system_demo__Zyhr7{position:relative;display:grid;place-items:center;aspect-ratio:16/10;overflow:hidden;border-radius:12px;background:#050505;box-shadow:inset 0 0 0 1px var(--line);isolation:isolate}.design-system_demoWide__UBPyY{display:block;aspect-ratio:auto}.design-system_ribbonCanvas__K2dJk{position:absolute;inset:0;z-index:-1;width:100%;height:100%;opacity:0;transition:opacity 1.2s}.design-system_ribbonCanvas__K2dJk.on{opacity:1}.design-system_replay__uL8MV{position:absolute;right:12px;bottom:12px;min-height:30px;padding:0 12px;border:0;border-radius:999px;font:inherit;font-size:12px;color:#fff;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);cursor:pointer}.design-system_replay__uL8MV:hover{background:rgba(255,255,255,.18)}.design-system_replay__uL8MV[aria-pressed=true]{background:#fff;color:#000}.design-system_introCopy__R9KIF{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px;text-align:center}.design-system_introEyebrow__IIZbC{font-size:13px;color:var(--fg-2)}.design-system_introTitle__tqZ4S{max-width:14ch;font-size:clamp(24px,3vw,36px);line-height:1.05;letter-spacing:-.02em;text-wrap:balance}.design-system_calm__E2Mic [data-hero]>*{animation:none!important}.design-system_reveal__OtRoo{display:grid;grid-gap:10px;gap:10px;padding:24px;text-align:center;font-size:clamp(20px,2.4vw,28px);letter-spacing:-.01em}.design-system_reveal__OtRoo p{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.215,.61,.355,1),transform .9s cubic-bezier(.215,.61,.355,1)}.design-system_reveal__OtRoo:not(.design-system_revealOn__1I2q2) p{transition:none}.design-system_revealOn__1I2q2 p{opacity:1;transform:none}.design-system_revealOn__1I2q2 p:nth-child(2){transition-delay:.15s}.design-system_revealOn__1I2q2 p:nth-child(3){transition-delay:.3s}@media (prefers-reduced-motion:reduce){.design-system_reveal__OtRoo p{opacity:1;transform:none;transition:none}}@media (max-width:700px){.design-system_motionGrid__yl1CP{grid-template-columns:1fr}}.home h2{font-size:clamp(34px,4.4vw,60px);line-height:1.04}.home h3{font-size:22px;letter-spacing:-.01em}.hero{position:relative;min-height:min(var(--screen-h,100vh),980px);min-height:min(var(--screen-h,100svh),980px);display:flex;flex-direction:column;align-items:center;overflow:hidden}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:50% 40%;-webkit-mask-image:var(--fade-out);mask-image:var(--fade-out);transform:scale(1.06);animation:hero-settle 8s cubic-bezier(.2,.6,.2,1) forwards}.hero-photo,.hero-shade{position:absolute;inset:0}.hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.25) 40%,rgba(0,0,0,.7))}@keyframes hero-settle{to{transform:scale(1)}}.hero-copy{position:relative;text-align:center;padding:clamp(130px,calc(var(--screen-h, 100vh) * .22),230px) 20px 0;display:flex;flex-direction:column;align-items:center;gap:28px}.hero h1{font-size:clamp(46px,7.4vw,110px);line-height:.98;max-width:11ch}.hero-small{font-size:15px;color:rgba(255,255,255,.85)}.wheel{position:relative;margin-top:auto;width:100%;height:430px;overflow:hidden;touch-action:pan-y;cursor:-webkit-grab;cursor:grab;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-mask-image:linear-gradient(180deg,#000 55%,rgba(0,0,0,.6) 75%,rgba(0,0,0,.2) 90%,transparent);mask-image:linear-gradient(180deg,#000 55%,rgba(0,0,0,.6) 75%,rgba(0,0,0,.2) 90%,transparent)}.wheel:active{cursor:-webkit-grabbing;cursor:grabbing}.wheel-card{position:absolute;left:50%;top:70px;width:560px;height:360px;margin-left:-280px;visibility:hidden;will-change:transform}.wheel-card:first-child{visibility:visible}.wheel .site{width:100%;height:100%;border-radius:8px 8px 0 0}@media (max-width:700px){.home .hero{min-height:0}.wheel{margin-top:36px;height:330px;--wheel-step:1.02}.wheel-card{top:36px;width:340px;height:219px;margin-left:-170px}.hero-copy{padding-top:clamp(120px,calc(var(--screen-h, 100vh) * .2),200px)}}.site{flex:none;position:relative;overflow:hidden;border-radius:6px;box-shadow:0 30px 80px rgba(0,0,0,.55);background:#111}.site img{width:100%;height:100%;object-fit:cover;object-position:top left;-webkit-user-drag:none}.tag{justify-self:start;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:500}.tag.ok{background:rgba(6,199,85,.16);color:#6ee7a0}.tag.wait{background:rgba(255,176,32,.16);color:#ffc566}.numbers{padding:80px 0 90px;border-bottom:1px solid var(--line)}.numbers-lead{font-size:15px;color:var(--fg-2)}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:34px;border-top:1px solid var(--line-2)}.stat{padding:30px clamp(16px,3vw,40px) 0;border-left:1px solid var(--line-2)}.stat:first-child{padding-left:0;border-left:0}.stat b{display:block;font-size:clamp(54px,7vw,104px);font-weight:300;letter-spacing:-.045em;line-height:1}.stat span{display:block;margin-top:14px;font-size:14px;color:var(--muted)}@media (max-width:640px){.stats{grid-template-columns:minmax(0,1fr)}.stat,.stat:first-child{padding:24px 0;border-left:0}.stat+.stat{border-top:1px solid var(--line-2)}}.split-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);grid-gap:40px;gap:40px;align-items:start;text-align:left}.split-head h2{font-size:18px;letter-spacing:-.01em}.statement{font-size:clamp(26px,3.1vw,42px);line-height:1.2;letter-spacing:-.025em;color:var(--muted);max-width:22em;text-wrap:pretty}.statement b{font-weight:400;color:var(--fg)}.home:lang(th) .statement{letter-spacing:0;line-height:1.45;font-size:clamp(24px,2.8vw,36px)}.home:lang(th) .statement b{font-weight:500}@media (max-width:800px){.split-head{grid-template-columns:minmax(0,1fr);gap:16px}}.works{padding:110px 0 90px;scroll-margin-top:80px}.an-wrap{position:relative;margin-top:48px}.an-gl{position:absolute;left:0;top:0;width:100%;aspect-ratio:2/1;display:block;pointer-events:none;opacity:0}.an-wrap.tall .an-gl{left:50%;width:min(100%,440px);aspect-ratio:1;transform:translateX(-50%)}.an-wrap.gl .an-axis,.an-wrap.gl .an-plate,.an-wrap:not(.gl) .an-gl{display:none}.an-wrap .an-sheet{position:relative}.an-sheet{display:block;width:100%;height:auto;overflow:visible;font-family:inherit}.an-wrap .an-tall{display:none;max-width:440px;margin:0 auto}.an-sheet{--a-ink:rgba(255,255,255,.88);--a-dim:rgba(255,255,255,.42);--a-faint:rgba(255,255,255,.24)}.an-base{fill:#000;vector-effect:non-scaling-stroke}.an-base,.an-side{stroke:var(--a-dim);stroke-width:.9}.an-top{fill:#080808;stroke:var(--a-ink);stroke-width:1.1;vector-effect:non-scaling-stroke;transition:stroke .3s,fill .3s}.an-in :is(rect,path,polyline,line){fill:none;stroke:var(--a-faint);stroke-width:.8;vector-effect:non-scaling-stroke;transition:stroke .3s}.an-plate.lit .an-top{stroke:#fff;fill:#101010}.an-plate.lit .an-in :is(rect,path,polyline,line){stroke:var(--a-ink)}.an-node{cursor:default;transition:opacity .3s}.an-hit{fill:transparent}.an-sheet.focus .an-node:not(.on){opacity:.2}.an-node.on .an-code{fill:#fff;stroke:#fff}.an-node.on .an-code-t{fill:#000}.an-sel{fill:none;stroke:#fff;stroke-width:1.8;stroke-linejoin:round}.an-node.on .an-lead{stroke:#fff;stroke-width:1.3}.an-layer{fill:var(--muted);font-family:var(--font-mono),Menlo,monospace;letter-spacing:.24em;text-transform:uppercase}.an-axis{stroke:var(--a-faint);stroke-width:.8;stroke-dasharray:10 3 2 3}.an-lead{fill:none;stroke:var(--a-dim);stroke-width:.9}.an-flow{fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;opacity:0}.an-port{fill:#fff}.an-code{fill:none;stroke:var(--a-dim);stroke-width:.8}.an-code-t{font-size:11px;text-anchor:middle;dominant-baseline:central}.an-code-t,.an-label{fill:#e6e6e6;font-family:var(--font-mono),Menlo,monospace}.an-label{font-size:14px;letter-spacing:.08em;text-transform:uppercase}.an-sub{fill:var(--muted);font-size:13px}.an-node.more .an-code,.an-node.more .an-lead{stroke-dasharray:4 3}.an-node.more .an-label{fill:var(--muted)}.an-caption{fill:var(--a-dim);font-family:var(--font-mono),Menlo,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;text-anchor:middle}.home:lang(th) :is(.an-layer,.an-label,.an-caption){font-family:inherit;letter-spacing:0;text-transform:none}.home:lang(th) .an-label{font-size:17px}.home:lang(th) .an-sub{font-size:14px}.home:lang(th) .an-caption{font-size:13px}@media (max-width:640px){.works{padding:80px 0 64px}.an-wrap{margin-top:32px}.an-wrap .an-wide{display:none}.an-wrap .an-tall{display:block}}.build{padding:120px 0 100px;text-align:center;scroll-margin-top:80px}.build-sub{margin-top:14px;color:var(--fg-2);font-size:17px}.tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin:36px 0 44px}.tabs button{-webkit-user-select:none;-moz-user-select:none;user-select:none;font:inherit;font-size:14px;color:var(--fg-2);background:transparent;border:0;padding:9px 16px;border-radius:99px;cursor:pointer}.tabs button[aria-selected=true]{background:#262626;color:#fff}.cards{overflow:hidden;padding-bottom:10px}.cards-track{display:flex;gap:24px;touch-action:pan-y pinch-zoom}.card{flex:none;width:min(1100px,86vw);height:min(620px,calc(var(--screen-h, 100vh) * .7));position:relative;overflow:hidden;border-radius:6px;text-align:left}.card-photo{width:100%;height:100%;object-fit:cover}.card-photo,.card:after{position:absolute;inset:0}.card:after{content:"";background:linear-gradient(180deg,rgba(0,0,0,.6),rgba(0,0,0,.1) 40%,rgba(0,0,0,.2) 70%,rgba(0,0,0,.65))}.card-text{position:absolute;z-index:2;left:32px;top:30px;max-width:420px;display:flex;flex-direction:column;gap:8px}.card-text h3{font-size:26px}.card-text p{color:rgba(255,255,255,.88);font-size:15px}.card-great,.card-text{text-shadow:0 1px 14px rgba(0,0,0,.55)}.card-great{position:absolute;z-index:2;left:32px;bottom:26px;font-size:13px;color:rgba(255,255,255,.85)}.card-ui{position:absolute;z-index:1;left:50%;top:56%;transform:translate(-50%,-50%);width:min(600px,66%)}@media (max-width:900px){.card{height:auto;min-height:480px;display:flex;flex-direction:column;gap:24px;padding:22px 20px}.card-great,.card-text,.card-ui{position:relative;inset:auto;transform:none}.card-text{max-width:none}.card-ui{width:100%}.card-great{margin-top:auto}.card:after{background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(0,0,0,.65) 30%,rgba(0,0,0,.2) 50%,rgba(0,0,0,.2) 75%,rgba(0,0,0,.65))}}.cards{cursor:-webkit-grab;cursor:grab;-moz-user-select:none;user-select:none;-webkit-user-select:none}.cards.is-dragging{cursor:-webkit-grabbing;cursor:grabbing}.card-more{align-self:flex-start;margin-top:6px;font-size:14px;font-weight:400;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.5)}.card-more:hover{border-color:#fff}.card-foot{position:relative;align-items:center;margin-top:26px;min-height:44px}.card-dots,.card-foot{display:flex;justify-content:center}.card-dots{gap:8px}.card-arrows{position:absolute;right:max(24px,env(safe-area-inset-right,0px));display:flex;gap:10px}.card-arrows button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line-2);background:transparent;color:#fff;font:inherit;font-size:18px;cursor:pointer;transition:border-color .2s,opacity .2s}.card-arrows button:hover:not(:disabled){border-color:#fff}.card-arrows button:disabled{opacity:.3;cursor:default}@media (max-width:700px){.card-arrows{display:none}}.card-dots i{width:6px;height:6px;border-radius:99px;background:#444;transition:width .3s,background .3s}.card-dots i.on{width:28px;background:#fff}.after{padding:110px 0;border-top:1px solid var(--line);scroll-margin-top:80px}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:18px;gap:18px;margin-top:56px}@media (max-width:1000px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.tiles{grid-template-columns:1fr}}.tile{position:relative;height:440px;border-radius:6px;overflow:hidden;padding:24px;display:flex;flex-direction:column;gap:8px;background:#111}.tile h3{font-size:21px}.tile h3,.tile p{position:relative;z-index:2}.tile p{font-size:14px;color:rgba(255,255,255,.8);max-width:30ch}.tile-art{position:absolute;inset:0;z-index:1}.t-host .tile-art{background:radial-gradient(120% 80% at 70% 100%,#2b6a4f 0,#0d1d16 55%,#070b09 100%)}.t-domain .tile-art{background:radial-gradient(120% 80% at 30% 100%,#5a4bd1 0,#17133a 55%,#08070f 100%)}.t-mail .tile-art{background:radial-gradient(120% 80% at 70% 100%,#c2456a 0,#3a1220 55%,#0d0507 100%)}.t-care .tile-art{background:radial-gradient(120% 80% at 40% 100%,#d39b3c 0,#3b2a10 55%,#0d0904 100%)}.widget{position:absolute;z-index:2;left:24px;right:24px;bottom:40px;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:14px;font-size:13px;display:flex;flex-direction:column;gap:8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.widget .r{display:flex;justify-content:space-between;gap:10px;color:rgba(255,255,255,.85)}.widget .ok{color:var(--ok)}.bars{display:flex;gap:3px;align-items:flex-end;height:34px}.bars i{flex:1 1;background:var(--ok);opacity:.85;border-radius:1px}.ai{padding:120px 0 130px;text-align:center;background:linear-gradient(180deg,transparent 70%,#000),radial-gradient(70% 60% at 50% 70%,#1d1f2b 0,#000 70%)}.home .ai .ai-sub{margin:18px auto 0;font-size:22px;max-width:30em;letter-spacing:-.01em}.pair{display:grid;grid-template-columns:repeat(2,minmax(0,360px));justify-content:center;grid-gap:26px;gap:26px;margin-top:56px}@media (max-width:760px){.pair{grid-template-columns:minmax(0,420px)}}.pane{background:#0a0a0a;border:1px solid #222;border-radius:8px;padding:26px;text-align:left;display:flex;flex-direction:column;gap:14px;min-height:380px}.pane-demo{flex:1 1;border-radius:6px;background:#121212;border:1px solid #1f1f1f;padding:16px;display:flex;flex-direction:column;gap:8px;justify-content:flex-end;font-size:13px}.bubble{max-width:80%;padding:8px 12px;border-radius:14px}.bubble.in{align-self:flex-start;background:#232323}.bubble.out{color:var(--bg);font-weight:500}.bubble.out,.typing{align-self:flex-end;background:var(--fg)}.typing{display:flex;gap:4px;padding:10px 12px;border-radius:14px}.typing i{width:5px;height:5px;border-radius:50%;background:var(--bg);opacity:.5;animation:blink 1.2s infinite}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}@keyframes blink{50%{opacity:1}}.pane h3{font-size:18px}.pane h3,.pane p{text-align:center}.pane p{color:var(--muted);font-size:14px}.pane a{text-align:center;text-decoration:none;font-weight:400}.flow-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid #1f1f1f}.flow-row:last-child{border-bottom:0}.ask{padding:110px 0 60px;text-align:center;scroll-margin-top:80px}.ask-form{margin:34px auto 0;max-width:680px;display:flex;flex-direction:column;gap:16px;text-align:left}.ask-field{display:grid;grid-gap:8px;gap:8px;min-width:0;align-content:start}.ask-label{font-size:13px;color:var(--fg-2)}.ask-label em{font-style:normal;color:var(--muted);margin-left:4px}.ask-field input,.ask-field select,.ask-field textarea{width:100%;min-width:0;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.13);border-radius:12px;color:#fff;font:inherit;font-size:16px;outline:none;transition:border-color .2s,background .2s,box-shadow .2s}.ask-field textarea{padding:14px 16px;resize:vertical;min-height:96px;line-height:1.5}.ask-field input{min-height:50px;padding:0 16px}.ask-field select{min-height:50px;padding:0 44px 0 16px;color:var(--fg-2);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23bbb' stroke-width='1.5'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center}.ask-field input:hover,.ask-field select:hover,.ask-field textarea:hover{border-color:rgba(255,255,255,.24)}.ask-field input:focus,.ask-field select:focus,.ask-field textarea:focus{border-color:rgba(255,255,255,.6);background-color:rgba(255,255,255,.07);box-shadow:0 0 0 4px rgba(255,255,255,.07)}.ask-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}@media (max-width:640px){.ask-row{grid-template-columns:1fr}}.ask-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:4px}.ask-privacy{font-size:13px;color:var(--muted)}.ask-error{min-height:1.4em;font-size:14px;color:#ff8a80}.ask-sent{margin:34px auto 0;max-width:680px;font-size:18px;color:var(--ok)}.ask-sent:focus{outline:none}.ask-more{margin:14px auto 0;max-width:680px;font-size:15px;color:var(--fg-2)}.ask-more a{color:#fff;text-underline-offset:4px}.ask-field [aria-invalid=true],.ask-field [aria-invalid=true]:hover{border-color:rgba(255,138,128,.55);box-shadow:inset 0 -2px 0 #ff8a80}.ask-field [aria-invalid=true]:focus{border-color:rgba(255,138,128,.8);box-shadow:inset 0 -2px 0 #ff8a80,0 0 0 4px rgba(255,138,128,.12)}.ask-field-error{font-size:13px;color:#ff8a80}.ask-note{margin:18px auto 0;max-width:680px;text-align:left;font-size:13px;color:var(--muted)}@media (max-width:640px){.ask-foot{flex-direction:column-reverse;align-items:stretch;gap:12px}.ask-foot .btn{width:100%;justify-content:center}}.ask-note a{color:#fff}.ask-panel{padding:clamp(24px,3.4vw,36px);text-align:left;border-radius:22px;background:rgba(8,8,8,.62);border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 120px rgba(0,0,0,.55);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.ask-panel h2{font-size:clamp(24px,2.4vw,30px);letter-spacing:-.02em}.ask-panel .ask-form{margin-top:22px;max-width:none}.ask-panel .ask-row{grid-template-columns:1fr 1fr}.ask-panel .ask-row .ask-field:last-child{grid-column:1/-1}@media (max-width:640px){.ask-panel .ask-row{grid-template-columns:1fr}}.ask-panel .ask-foot{flex-direction:column-reverse;align-items:stretch;text-align:center}.ask-panel .ask-foot .btn{width:100%}.ask-panel .ask-sent{margin:22px 0 0}.ask-panel .ask-more{margin:14px 0 0}.trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.trusted{padding:70px 0 0;text-align:center}.fn{font-size:.4em;vertical-align:super;margin-left:.1em}.fn,.trusted-note{color:var(--muted)}.trusted-note{margin:18px auto 0;padding-inline:max(16px,env(safe-area-inset-left,0px)) max(16px,env(safe-area-inset-right,0px));font-size:12px}.wall{--wall-h:720px;-moz-user-select:none;user-select:none;-webkit-user-select:none;position:relative;height:var(--wall-h);margin-top:60px;perspective:1400px;overflow:hidden}.wall-plane{position:absolute;inset:-10% -20%;display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:max-content;align-content:start;grid-gap:26px;gap:26px;transform:rotateX(18deg) rotate(-8deg);transform-origin:50% 50%}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.wall{view-timeline:--wall block}.wall-plane{animation:wall-drift linear both;animation-timeline:--wall}}}@keyframes wall-drift{0%{transform:rotateX(18deg) rotate(-8deg) translateY(25vh)}to{transform:rotateX(18deg) rotate(-8deg) translateY(calc(var(--wall-h) * -.25))}}.wall-plane .site{width:100%;aspect-ratio:1120/720;box-shadow:0 20px 40px rgba(0,0,0,.6)}.wall-plane .wall-photo img{object-position:center}.wall-label{position:absolute;inset:0;display:grid;place-items:center;z-index:3;pointer-events:none}.wall-label h2{text-align:center;padding:40px 70px;background:radial-gradient(closest-side,rgba(0,0,0,.85),rgba(0,0,0,0))}.wall:after,.wall:before{content:"";position:absolute;left:0;right:0;height:160px;z-index:2}.wall:before{top:0;background:linear-gradient(#000,transparent)}.wall:after{bottom:0;background:linear-gradient(transparent,#000)}@media (max-width:700px){.wall{--wall-h:560px}.wall-plane{inset:-10% -70%;grid-template-columns:repeat(4,1fr);gap:16px}}.why{padding:110px 0 0}.why-list{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:28px;gap:28px}.why-list li{display:flex;flex-direction:column;gap:10px;padding-top:20px;border-top:1px solid var(--line-2)}.why-n{font-family:var(--font-mono),Menlo,monospace;font-size:11px;letter-spacing:.08em;color:var(--muted)}.why-list h3{font-size:19px}.why-list p{color:var(--muted);font-size:15px}@media (max-width:900px){.why-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.why-list{grid-template-columns:minmax(0,1fr);gap:0}.why-list li{padding-block:20px}}.faq{padding:110px 0;scroll-margin-top:80px}.faq h2{margin-bottom:30px}.faq details{border-top:1px solid var(--line-2)}.faq details:last-of-type{border-bottom:1px solid var(--line-2)}.faq summary{-moz-user-select:none;user-select:none;-webkit-user-select:none;list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 0;font-size:clamp(20px,2.4vw,30px);letter-spacing:-.02em;font-weight:400}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:26px;font-weight:300;transition:transform .3s}.faq details[open] summary:after{transform:rotate(45deg)}.faq-more{margin-top:36px;font-size:17px;color:var(--fg-2)}.faq-more a{color:#fff}.faq details p{padding:0 0 28px;max-width:64ch;color:var(--fg-2);font-size:17px}.final{position:relative;height:720px;isolation:isolate;touch-action:pan-y;display:grid;place-items:center;text-align:center;overflow:hidden}.final canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-2;opacity:0;transition:opacity 1.2s;-webkit-mask-image:var(--fade-ends);mask-image:var(--fade-ends)}.final canvas.on{opacity:1}.final-copy{position:relative;display:flex;flex-direction:column;align-items:center;gap:24px;padding:0 20px;pointer-events:none}.final-copy .btn{pointer-events:auto}.final-copy:before{content:"";position:absolute;inset:-18% -12%;z-index:-1;background:radial-gradient(closest-side,rgba(0,0,0,.72),rgba(0,0,0,0))}.final h2{font-size:clamp(40px,5.6vw,76px);max-width:13ch}.final p{color:var(--fg-2);font-size:15px}@media (prefers-reduced-motion:reduce){.hero-photo,.typing i{animation:none!important}.hero-photo{transform:none}}.phrase{display:inline-block;max-width:100%}a .phrase{display:inline;white-space:nowrap}.home:lang(th) h1,.home:lang(th) h2{line-height:1.25}.home:lang(th) .faq summary,.home:lang(th) h3{letter-spacing:0}.home:lang(th) .hero h1{max-width:9em;font-size:clamp(40px,7vw,104px)}.home:lang(th) .final h2{max-width:14em;font-size:clamp(34px,4.8vw,64px)}.decor-host{position:relative;overflow:hidden}.decor-host>.wrap{position:relative;z-index:1}.decor-sheet{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 0);background-size:32px 32px;-webkit-mask-image:var(--fade-ends);mask-image:var(--fade-ends)}.decor-item{position:absolute;opacity:.16}@media (max-width:700px){.decor-item{display:none}}.contact_stage__HzuKm{position:relative;min-height:var(--screen-h,100vh);min-height:var(--screen-h,100svh);display:flex;align-items:center;overflow:hidden;padding-block:calc(80px + clamp(48px, calc(var(--screen-h, 100vh) * .09), 110px) + env(safe-area-inset-top, 0px)) clamp(56px,calc(var(--screen-h, 100vh) * .09),110px)}.contact_shade__8EPeh{background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.45) 55%,rgba(0,0,0,.6))}.contact_grid__9bWJl{position:relative;width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);grid-gap:clamp(40px,6vw,96px);gap:clamp(40px,6vw,96px);align-items:center}.contact_copy__2yi3g{display:flex;flex-direction:column;gap:22px}.contact_eyebrow__V8zrN{font-size:17px;color:rgba(255,255,255,.85)}.contact_h1__BgF2a{max-width:11ch;font-size:clamp(42px,5.6vw,84px);line-height:.98}.contact_sub__MBopp{max-width:40ch;font-size:17px;color:rgba(255,255,255,.85)}.contact_reach__5_I3R{list-style:none;margin:10px 0 0;padding:0;max-width:460px;border-top:1px solid rgba(255,255,255,.16)}.contact_reach__5_I3R li{border-bottom:1px solid rgba(255,255,255,.16)}.contact_reach__5_I3R a,.contact_row__UGO_E{display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;padding-block:18px;color:#fff;text-decoration:none}.contact_k___VJqx{font-family:var(--font-mono),Menlo,monospace;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.contact_v__TSQXO{font-size:18px;overflow-wrap:anywhere}.contact_go__WxLRr{color:var(--muted);transition:transform .25s,color .25s}.contact_reach__5_I3R a:hover .contact_go__WxLRr{transform:translateX(4px);color:#fff}.contact_plan__tkOx6{font-size:15px;color:var(--fg-2)}.contact_plan__tkOx6 a{color:#fff;text-underline-offset:4px}@media (max-width:900px){.contact_stage__HzuKm{min-height:0;align-items:flex-start}.contact_grid__9bWJl{grid-template-columns:minmax(0,1fr)}.contact_shade__8EPeh{background:linear-gradient(180deg,rgba(0,0,0,.6),rgba(0,0,0,.75) 60%,rgba(0,0,0,.9))}}:lang(th) .contact_k___VJqx{font-family:var(--font-thai),sans-serif;font-size:13px;text-transform:none;letter-spacing:0}:lang(th) .contact_h1__BgF2a{max-width:13ch}section.about_hero__WEI2s{min-height:min(calc(var(--screen-h, 100vh) * .78),820px);min-height:min(calc(var(--screen-h, 100svh) * .78),820px);padding-bottom:80px}