/* Bloop's styles.css owns the palette, spacing, components and rounded corners.
   These additions only support Thai copy, Hallo artwork and local interactions. */
@font-face{font-family:"Hallo Thai";src:url('/brand-assets/hallochat-landing/assets/fonts/NotoSansThaiLooped-Regular.ttf') format('truetype');font-weight:400 500;font-style:normal;font-display:swap}
@font-face{font-family:"Hallo Thai";src:url('/brand-assets/hallochat-landing/assets/fonts/NotoSansThaiLooped-Bold.ttf') format('truetype');font-weight:600 900;font-style:normal;font-display:swap}
:root{--hc-font:"Wix Madefor Display","Hallo Thai",sans-serif;scroll-behavior:smooth;scroll-padding-top:100px}
[hidden]{display:none!important}
.hc-page{width:100%;overflow:clip;font-family:var(--hc-font)}
.hc-page .framer-text{font-family:var(--hc-font)!important}
.hc-page h1.framer-text{line-height:1.25!important;letter-spacing:-.045em!important}
.hc-page h2.framer-text,.hc-page h3.framer-text,.hc-page h4.framer-text{line-height:1.35!important}
.hc-page p.framer-text{line-height:1.65!important}
.hc-template-headline-line{display:block}
.hc-template-logo img{display:block;width:100%;height:100%;object-fit:contain}
.hc-bloop-page .hc-template-logo{width:44px!important;height:44px!important;flex-shrink:0;aspect-ratio:1}
.hc-template-wordmark{width:auto!important}
.hc-template-mascot{isolation:isolate}
.hc-template-mascot>img{display:block;width:100%;height:100%;object-fit:contain;user-select:none}
.hc-template-replaced-art{object-fit:contain!important}
.hc-template-footer-wordmark{height:auto!important;overflow:visible!important}
.hc-template-footer-wordmark .framer-text{font-size:clamp(80px,17.5vw,252px)!important;line-height:1!important;letter-spacing:-.075em!important}
.hc-template-channels{width:100%;max-width:1248px;margin:auto;text-align:center}
.hc-template-channels>p{margin:0 0 28px;color:var(--token-T4w1gfw4R);font-size:16px;line-height:1.6}
.hc-template-channels>div{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:24px 38px}
.hc-template-channels span{display:flex;align-items:center;gap:10px;color:var(--token-KOr_7Lolr);font-size:18px}
.hc-template-channels img{display:block;object-fit:contain}
.hc-template-mobile-menu{position:fixed;z-index:20;top:76px;left:24px;right:24px;border:1px solid var(--token-p8joX0QPt);background:var(--token-evFuQuhyn);border-radius:24px;padding:14px 24px;box-shadow:0 20px 40px #0b0f0c15}
.hc-template-mobile-menu a{display:block;padding:13px 0;color:var(--token-ckVpQMiZs);font-size:16px;text-decoration:none}
.hc-template-motion{width:100%;max-width:1248px;display:flex;justify-content:flex-end;margin-top:10px}
.hc-template-motion-toggle{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--token-p8joX0QPt);background:var(--token-evFuQuhyn);color:var(--token-T4w1gfw4R);padding:9px 14px;min-height:38px;border-radius:999px;font:12px var(--hc-font);cursor:pointer}
.hc-template-motion-toggle:disabled{opacity:.65;cursor:default}
.hc-template-toast-one{animation:hc-bloop-float 6s ease-in-out infinite}
.hc-template-toast-two{animation:hc-bloop-float 7s -2s ease-in-out infinite reverse}
@keyframes hc-bloop-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
.hc-page [data-template-step-panel]{opacity:1}
.hc-page [data-template-step],.hc-page [data-template-faq],.hc-page [data-template-scene],[data-template-menu]{cursor:pointer;touch-action:manipulation}
.hc-page [data-template-step][aria-selected=true] [data-framer-name="Dot"]{background-color:var(--token-r4qsafJbA)!important;box-shadow:0 0 0 6px #d7ff5e73!important}
.hc-page [data-template-step][aria-selected=false] [data-framer-name="Dot"]{background-color:var(--token-GYRcFgKAb)!important;box-shadow:none!important}
.hc-page [data-template-faq][aria-selected=true]{background-color:var(--token-ckVpQMiZs)!important}
.hc-page [data-template-faq][aria-selected=true] .framer-text{color:var(--token-evFuQuhyn)!important}
.hc-page [data-template-faq][aria-selected=false]{background-color:var(--token-evFuQuhyn)!important}
.hc-page [data-template-faq][aria-selected=false] .framer-text{color:var(--token-KOr_7Lolr)!important}
.hc-page [data-template-scene][aria-pressed=true]{background-color:var(--token-evFuQuhyn)!important}
.hc-page [data-template-scene][aria-pressed=false]{background-color:var(--token-X2opXeLXK)!important}
.hc-page [data-template-scene][aria-pressed=true] .framer-text{color:var(--token-ckVpQMiZs)!important}
.hc-page [data-template-scene][aria-pressed=false] .framer-text{color:var(--token-evFuQuhyn)!important}
.hc-template-demo-chat{min-height:380px;font-family:var(--hc-font)!important}
.hc-template-demo-chat [data-template-question],.hc-template-demo-chat [data-template-answer]{display:block;position:relative;line-height:1.7;font-family:var(--hc-font)}
.hc-template-demo-chat [data-template-question]{min-height:1.7em}
.hc-template-demo-chat [data-template-answer]{min-height:3.4em}
.hc-template-demo-chat [data-template-question]:after,.hc-template-demo-chat [data-template-answer]:after{content:"";display:none;width:1px;height:1em;background:currentColor;vertical-align:-.1em;margin-left:2px;animation:hc-bloop-caret .8s steps(1,end) infinite}
.hc-template-demo-chat[data-demo-phase=question] [data-template-question]:after,.hc-template-demo-chat[data-demo-phase=answer] [data-template-answer]:after{display:inline-block}
.hc-template-demo-chat[data-demo-phase=question] [data-template-check]{opacity:.25}
.hc-template-demo-chat[data-demo-phase=thinking] [data-template-check]{animation:hc-bloop-check .65s both}
.hc-template-demo-chat[data-demo-phase=thinking] [data-template-check]+[data-template-check]{animation-delay:.3s}
.hc-template-demo-chat[data-demo-running=false] *,.hc-template-demo-chat[data-demo-running=false] *:after{animation-play-state:paused!important}
.hc-template-demo-note{font-size:12px;line-height:1.6;color:var(--token-p8joX0QPt);margin:0}
.hc-template-pricing-note{font-size:12px;line-height:1.8;color:var(--token-T4w1gfw4R);margin:0}
@keyframes hc-bloop-caret{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes hc-bloop-check{from{opacity:.25}to{opacity:1}}
/* Stable, transparent bubble wrappers keep the original floating card's position. */
#top .hc-live-chat{width:100%;padding:20px;border:1px solid var(--token-GYRcFgKAb);border-radius:24px;background:var(--token-evFuQuhyn);box-shadow:0 12px 30px #0b0f0c0a;color:var(--token-ckVpQMiZs);font-family:var(--hc-font);box-sizing:border-box}
#top .hc-live-chat-body{display:flex;flex-direction:column;gap:11px;min-height:228px}
#top .hc-live-chat-row{display:flex;width:100%;min-width:0;background:transparent}
#top .hc-live-chat-row--answer{justify-content:flex-end}
#top .hc-live-bubble{position:relative;max-width:95%;box-sizing:border-box;padding:10px 13px;border-radius:16px 16px 16px 5px;background:var(--token-mx1IuREiB);font-size:13px;line-height:1.7;overflow-wrap:anywhere}
#top .hc-live-bubble--answer{background:var(--token-ckVpQMiZs);color:var(--token-evFuQuhyn);border-radius:16px 16px 5px 16px}
#top .hc-live-bubble-space{display:block;visibility:hidden;pointer-events:none}
#top .hc-live-bubble-text{position:absolute;inset:10px 13px;font:inherit;color:inherit;overflow-wrap:anywhere}
#top [data-chat-phase=question] [data-chat-question-text]:after,#top [data-chat-phase=answer] [data-chat-answer-text]:after{content:'';display:inline-block;width:1px;height:1em;vertical-align:-.1em;background:currentColor;margin-left:2px;animation:hc-bloop-caret .75s steps(1,end) infinite}
#top .hc-live-checks{display:flex;flex-direction:column;gap:6px;padding:0 2px}
#top .hc-live-check{display:flex;gap:7px;font-size:10px;line-height:1.65;color:var(--token-T4w1gfw4R)}
#top .hc-live-check>span:first-child{color:var(--token-qrvekEbjD)}
#top .hc-live-check[data-ready=false]{opacity:.25}
#top .hc-live-typing{display:flex;align-items:center;gap:8px;height:16px;visibility:hidden;font-size:10px;color:var(--token-T4w1gfw4R)}
#top .hc-live-typing[data-visible=true]{visibility:visible}
#top .hc-live-typing-dots{display:flex;gap:4px}
#top .hc-live-typing-dots>span{display:block;width:4px;height:4px;border-radius:50%;background:var(--token-r4qsafJbA);animation:hc-bloop-dot .9s ease-in-out infinite}
#top .hc-live-typing-dots>span:nth-child(2){background:var(--token-EvCYecV87);animation-delay:.15s}
#top .hc-live-typing-dots>span:nth-child(3){background:var(--token-noznvswCn);animation-delay:.3s}
#top [data-chat-phase=question] .hc-live-chat-row--answer,#top [data-chat-phase=thinking] .hc-live-chat-row--answer{visibility:hidden}
#top .hc-live-chat[data-chat-running=false] *,#top .hc-live-chat[data-chat-running=false] *:after{animation-play-state:paused!important}
@keyframes hc-bloop-dot{0%,65%,100%{translate:0 0}30%{translate:0 -3px}}
.hc-skip-link{position:fixed;left:16px;top:-100px;padding:12px 18px;background:var(--token-ckVpQMiZs);color:white;z-index:100}
.hc-skip-link:focus{top:16px}
.hc-page :is(a,button,[tabindex]):focus-visible{outline:3px solid var(--token-qrvekEbjD);outline-offset:5px}
[data-hallo-motion=paused] .hc-template-toast-one,[data-hallo-motion=paused] .hc-template-toast-two{animation-play-state:paused!important}
@media(min-width:810px){.hc-template-mobile-menu{display:none!important}}
@media(max-width:809px){
  .hc-bloop-page .hc-template-logo{width:38px!important;height:38px!important}
  :root{scroll-padding-top:84px}
  .hc-template-channels>div{gap:18px 24px}
  .hc-template-channels span{font-size:15px}
  .hc-template-channels>p{font-size:14px;margin-bottom:22px}
  .hc-template-footer-wordmark .framer-text{font-size:18vw!important}
  .hc-template-motion{margin-top:16px}
  .hc-template-demo-chat{min-height:360px}
  .hc-template-mobile-menu{left:20px;right:20px}
}
@media(prefers-reduced-motion:reduce){
  :root{scroll-behavior:auto}
  .hc-page *,.hc-page *:after{animation:none!important;transition:none!important}
  .hc-template-demo-chat [data-template-question]:after,.hc-template-demo-chat [data-template-answer]:after,#top [data-chat-question-text]:after,#top [data-chat-answer-text]:after{display:none!important}
}