@font-face{font-family:lineSeedSansTH;src:url(../media/LINESeedSansTH_Regular-s.p.00phy-wnikx40.woff2?dpl=dpl_7fXaGf29P64NwA9xvgfSCb1W9shk)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:lineSeedSansTH;src:url(../media/LINESeedSansTH_Bold-s.p.2vytrvryytc-o.woff2?dpl=dpl_7fXaGf29P64NwA9xvgfSCb1W9shk)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:lineSeedSansTH;src:url(../media/LINESeedSansTH_ExtraBold-s.p.3cj_48wmpncuv.woff2?dpl=dpl_7fXaGf29P64NwA9xvgfSCb1W9shk)format("woff2");font-display:swap;font-weight:800;font-style:normal}@font-face{font-family:lineSeedSansTH Fallback;src:local(Arial);ascent-override:107.72%;descent-override:41.43%;line-gap-override:0.0%;size-adjust:106.2%}.lineseedsansth_121c1b15-module__nEscJq__className{font-family:lineSeedSansTH,lineSeedSansTH Fallback}.lineseedsansth_121c1b15-module__nEscJq__variable{--font-line-seed-sans-th:"lineSeedSansTH", "lineSeedSansTH Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-amber-500:var(--amber-500);--spacing:.25rem;--container-2xl:42rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-bold:700;--font-weight-extrabold:800;--leading-relaxed:1.625;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-ink-900:var(--ink-900)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.right-12{right:calc(var(--spacing) * 12)}.bottom-8{bottom:calc(var(--spacing) * 8)}.z-40{z-index:40}.mx-auto{margin-inline:auto}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-3\.5{margin-top:calc(var(--spacing) * 3.5)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-4\.5{margin-top:calc(var(--spacing) * 4.5)}.mt-5\.5{margin-top:calc(var(--spacing) * 5.5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7\.5{margin-top:calc(var(--spacing) * 7.5)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.h-5{height:calc(var(--spacing) * 5)}.h-5\.5{height:calc(var(--spacing) * 5.5)}.h-7{height:calc(var(--spacing) * 7)}.h-11{height:calc(var(--spacing) * 11)}.h-14{height:calc(var(--spacing) * 14)}.h-32{height:calc(var(--spacing) * 32)}.h-\[630px\]{height:630px}.h-full{height:100%}.min-h-11{min-height:calc(var(--spacing) * 11)}.w-5{width:calc(var(--spacing) * 5)}.w-5\.5{width:calc(var(--spacing) * 5.5)}.w-7{width:calc(var(--spacing) * 7)}.w-11{width:calc(var(--spacing) * 11)}.w-32{width:calc(var(--spacing) * 32)}.w-\[1200px\]{width:1200px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-\[18em\]{max-width:18em}.max-w-\[26em\]{max-width:26em}.max-w-\[980px\]{max-width:980px}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-4\.5{gap:calc(var(--spacing) * 4.5)}.gap-8\.5{gap:calc(var(--spacing) * 8.5)}.gap-9{gap:calc(var(--spacing) * 9)}.gap-x-2\.5{column-gap:calc(var(--spacing) * 2.5)}.gap-x-9{column-gap:calc(var(--spacing) * 9)}.gap-y-1{row-gap:calc(var(--spacing) * 1)}.rounded-full{border-radius:3.40282e38px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-green-200\/20{border-color:var(--green-200)}@supports (color:color-mix(in lab, red, red)){.border-green-200\/20{border-color:color-mix(in oklab, var(--green-200) 20%, transparent)}}.bg-amber-500{background-color:var(--amber-500)}.bg-brick-600{background-color:var(--brick-600)}.bg-green-600{background-color:var(--green-600)}.bg-green-800,.bg-green-800\/90{background-color:var(--green-800)}@supports (color:color-mix(in lab, red, red)){.bg-green-800\/90{background-color:color-mix(in oklab, var(--green-800) 90%, transparent)}}.bg-white{background-color:var(--white)}.fill-green-600{fill:var(--green-600)}.fill-lime-200{fill:var(--lime-200)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5\.5{padding-inline:calc(var(--spacing) * 5.5)}.px-7\.5{padding-inline:calc(var(--spacing) * 7.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-24{padding-block:calc(var(--spacing) * 24)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-7{padding-bottom:calc(var(--spacing) * 7)}.text-center{text-align:center}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[17px\]{font-size:17px}.text-\[19px\]{font-size:19px}.text-\[21px\]{font-size:21px}.text-\[28px\]{font-size:28px}.text-\[56px\]{font-size:56px}.text-\[160px\]{font-size:160px}.text-\[clamp\(18px\,2vw\,22px\)\]{font-size:clamp(18px,2vw,22px)}.text-\[clamp\(22px\,3\.2vw\,34px\)\]{font-size:clamp(22px,3.2vw,34px)}.text-\[clamp\(32px\,5vw\,48px\)\]{font-size:clamp(32px,5vw,48px)}.text-\[clamp\(34px\,5vw\,60px\)\]{font-size:clamp(34px,5vw,60px)}.text-\[clamp\(48px\,8vw\,92px\)\]{font-size:clamp(48px,8vw,92px)}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-\[1\.02\]{--tw-leading:1.02;line-height:1.02}.leading-\[1\.2\]{--tw-leading:1.2;line-height:1.2}.leading-\[1\.07\]{--tw-leading:1.07;line-height:1.07}.leading-\[1\.45\]{--tw-leading:1.45;line-height:1.45}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.tracking-\[-0\.01em\]{--tw-tracking:-.01em;letter-spacing:-.01em}.tracking-\[-0\.03em\]{--tw-tracking:-.03em;letter-spacing:-.03em}.tracking-\[-0\.025em\]{--tw-tracking:-.025em;letter-spacing:-.025em}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.text-green-200{color:var(--green-200)}.text-green-600{color:var(--green-600)}.text-green-700{color:var(--green-700)}.text-green-800{color:var(--green-800)}.text-ink-600{color:var(--ink-600)}.text-ink-900{color:var(--ink-900)}.text-white{color:var(--white)}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-90{opacity:.9}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-saturate-\[1\.8\]{--tw-backdrop-saturate:saturate(1.8);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:bg-lime-200:hover{background-color:var(--lime-200)}.hover\:text-white:hover{color:var(--white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}}@media (min-width:48rem){.md\:flex{display:flex}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:gap-10{gap:calc(var(--spacing) * 10)}.md\:py-24{padding-block:calc(var(--spacing) * 24)}.md\:py-30{padding-block:calc(var(--spacing) * 30)}.md\:py-35{padding-block:calc(var(--spacing) * 35)}.md\:pt-18{padding-top:calc(var(--spacing) * 18)}.md\:pb-10{padding-bottom:calc(var(--spacing) * 10)}}}:root{--green-25:#eef7f2;--green-50:#def2e8;--green-100:#daf1e6;--green-200:#c9e3d5;--green-600:#2f8360;--green-700:#206045;--green-800:#194d37;--lime-200:#d7eeaf;--lime-900:#2e401c;--cream-50:#f5f5f5;--chat-600:#54759e;--white:#fff;--ink-50:#fafafa;--ink-100:#ededed;--ink-200:#e6e6e6;--ink-300:#ccc;--ink-600:#666;--ink-900:#1c1c1c;--amber-50:#fbf4df;--amber-100:#fdf0c3;--amber-500:#e6a40a;--amber-800:#755215;--brick-100:#fbe2df;--brick-600:#bd3228;--brick-800:#832921;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--corner-sm:14px;--corner-md:18px;--corner-lg:28px;--corner-pill:999px;--font-family-sans:"LINE Seed Sans TH", -apple-system, "Segoe UI", sans-serif;--font-weight-regular:400;--font-weight-bold:700;--font-weight-extrabold:800;--font-size-caption:12.5px;--font-size-label:14px;--font-size-body:16px;--font-size-name:17px;--font-size-title:20px;--font-size-display:28px;--motion-fast:.12s;--motion-base:.2s;--motion-slow:.32s;--background:var(--cream-50);--foreground:var(--ink-900);--card:var(--white);--card-foreground:var(--ink-900);--popover:var(--white);--popover-foreground:var(--ink-900);--primary:var(--green-600);--primary-foreground:var(--white);--secondary:var(--lime-200);--secondary-foreground:var(--lime-900);--muted:var(--ink-100);--muted-foreground:var(--ink-600);--accent:var(--green-50);--accent-foreground:var(--green-700);--ink:var(--ink-900);--ink-foreground:var(--ink-50);--destructive:var(--brick-600);--destructive-foreground:var(--white);--destructive-soft:var(--brick-100);--destructive-soft-foreground:var(--brick-800);--success:var(--green-600);--success-foreground:var(--white);--success-soft:var(--green-100);--success-soft-foreground:var(--green-800);--warning:var(--amber-500);--warning-foreground:var(--ink-900);--warning-soft:var(--amber-100);--warning-soft-foreground:var(--amber-800);--border:var(--ink-200);--input:var(--ink-300);--ring:var(--green-600);--radius-sm:var(--corner-sm);--radius-md:var(--corner-md);--radius-lg:var(--corner-lg)}body{background:var(--cream-50);color:var(--ink-900);font-family:var(--font-line-seed-sans-th), var(--font-family-sans)}:focus-visible{outline:3px solid var(--green-600);outline-offset:2px}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}
@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.nudge{animation:1.6s ease-in-out infinite nudge}.on-dark :focus-visible{outline-color:var(--white)}html{scroll-padding-top:56px}.story{background-color:var(--cream-50);transition:background-color .5s;position:relative}.story[data-stage=cream]{background-color:var(--cream-50)}.story[data-stage=white]{background-color:var(--white)}.story[data-stage=amber]{background-color:var(--amber-50)}.story[data-stage=green]{background-color:var(--green-25)}.stage{background-color:#0000;height:calc(100svh - 56px);position:sticky;top:56px}.stage-in{grid-template-columns:1fr 1fr;align-items:center;max-width:1080px;height:100%;margin:0 auto;padding:0 22px;display:grid}.steps{pointer-events:none;height:500svh;margin-top:calc(56px - 100svh)}.panels{display:grid}.panel{flex-direction:column;grid-area:1/1;justify-content:center;display:flex}.panel[data-on=false]{opacity:0;transition:opacity .12s,transform 0s linear .12s;transform:translateY(14px)}.panel[data-on=true]{opacity:1;transition:opacity .4s .14s,transform .4s .14s;transform:none}.panel-title{letter-spacing:-.025em;text-wrap:balance;max-width:11em;font-size:clamp(34px,5vw,60px);font-weight:800;line-height:1.12}.panel-body{max-width:26em;color:var(--ink-600);text-wrap:pretty;margin-top:18px;font-size:clamp(18px,2vw,22px);line-height:1.45}.dots{gap:10px;margin-top:34px;display:flex}.dots i{background:var(--ink-300);border-radius:50%;width:8px;height:8px;transition:background-color .3s,transform .3s}.dots i[data-on=true]{background:var(--green-600);transform:scale(1.4)}.phone{background:var(--ink-900);width:min(380px,84vw);box-shadow:0 40px 80px -30px color-mix(in srgb, var(--green-800) 50%, transparent);border-radius:54px;justify-self:center;padding:13px;position:relative}.screen{background:var(--chat-600);height:min(720px,100svh - 136px);color:var(--white);border-radius:42px;flex-direction:column;display:flex;position:relative;overflow:hidden}.island{background:var(--ink-900);border-radius:999px;width:104px;height:30px;position:absolute;top:11px;left:50%;transform:translate(-50%)}.sb{justify-content:space-between;align-items:center;padding:16px 26px 0;font-size:14px;font-weight:700;display:flex}.sb-icons{align-items:center;gap:6px;display:inline-flex}.sb-icons svg{width:auto;height:12px}.chead{align-items:center;gap:8px;padding:18px 18px 10px;font-size:16px;font-weight:700;display:flex}.chead>svg{flex:none;width:20px;height:20px}.grp{align-items:center;gap:12px;display:inline-flex}.phone-tag{background:var(--color-amber-500);color:var(--color-ink-900);border-radius:999px;padding:2px 10px;font-size:.75em;font-weight:700}.chat{min-height:0;-webkit-mask-image:linear-gradient(to bottom, transparent 0, var(--ink-900) 40px);mask-image:linear-gradient(to bottom, transparent 0, var(--ink-900) 40px);flex-direction:column;flex:1;justify-content:flex-end;gap:11px;padding:8px 14px 12px;display:flex;overflow:hidden}.m{flex:none;align-items:flex-end;gap:8px;display:flex}.m[data-me=true]{justify-content:flex-end}.m[data-on=false]{display:none}.m[data-on=true]{animation:.35s both msgin}@keyframes msgin{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.t{white-space:nowrap;color:var(--white);flex:none;align-self:flex-end;font-size:12px}.av{border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:800;display:flex}.av svg{width:19px;height:19px}.bub{background:var(--white);max-width:78%;color:var(--ink-900);box-shadow:0 1px 1px color-mix(in srgb, var(--ink-900) 8%, transparent);border-radius:18px;padding:10px 14px;font-size:15.5px;line-height:1.4}.m[data-me=true] .bub{background:var(--lime-200);color:var(--lime-900)}.bub[data-kind=warn]{background:var(--amber-100);color:var(--amber-800)}.bub small{margin-bottom:2px;font-size:12px;font-weight:700;display:block}.fcard{background:var(--white);max-width:82%;color:var(--ink-900);box-shadow:0 1px 1px color-mix(in srgb, var(--ink-900) 8%, transparent);border-radius:18px;overflow:hidden}.fcard-top{background:var(--green-600);color:var(--white);align-items:center;gap:6px;padding:9px 14px;font-size:15px;font-weight:800;display:flex}.fcard-top svg{width:16px;height:16px}.fcard-bd{padding:12px 14px;font-size:15px}.fcard-bd b{font-size:17px}.fcard-mu{color:var(--ink-600);margin-top:2px;font-size:12.5px}.fcard-act{border-top:1px solid var(--ink-100);text-align:center;color:var(--green-600);padding:10px;font-size:14px;font-weight:700}.pet{vertical-align:middle;background:var(--lime-200);color:var(--lime-900);border-radius:999px;align-items:center;gap:6px;margin-right:6px;padding:2px 9px 2px 2px;font-size:13px;font-weight:700;display:inline-flex}.bub .pet{margin:0 4px}.pet i{background:var(--green-600);width:20px;height:20px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-style:normal;display:inline-flex}.compose{background:var(--white);color:var(--ink-600);align-items:center;gap:8px;padding:12px 14px 26px;font-size:14px;display:flex}.compose>svg{flex:none;width:20px;height:20px}.compose-f{background:var(--ink-100);border-radius:999px;flex:1;min-height:36px;padding:9px 14px}.typing{color:var(--ink-900);font-weight:700}.typing:after{content:"";vertical-align:text-bottom;background:currentColor;width:2px;height:1.1em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}@media (max-width:820px){.stage-in{grid-template-rows:auto 1fr;grid-template-columns:1fr;align-items:start;gap:10px;padding:12px 18px 0}.phone{border-radius:44px;width:min(300px,78vw);padding:10px}.screen{border-radius:36px;height:min(480px,100svh - 296px)}.island{width:84px;height:24px;top:9px}.sb{padding:12px 22px 0;font-size:12px}.panels{text-align:center;order:1}.panel{justify-content:flex-start;padding-top:8px}.panel-title{max-width:none;margin:0 auto;font-size:clamp(26px,7vw,34px)}.panel-body{margin:10px auto 0;font-size:16px}.dots{justify-content:center;margin-top:16px}}@media (prefers-reduced-motion:reduce){.nudge{animation:none}.story,.panel[data-on],.dots i{transition:none}.m[data-on=true],.typing:after{animation:none}}@supports not (height:1svh){.stage{height:calc(100vh - 56px)}.steps{height:500vh;margin-top:calc(56px - 100vh)}.screen{height:min(720px,100vh - 136px)}@media (max-width:820px){.screen{height:min(480px,100vh - 296px)}}}