.hw{--hw-ink:#0a224e;--hw-ink-soft:#43506b;--hw-paper:#efeae2;--hw-wa:#1daa61;--hw-ease:cubic-bezier(.22,1,.36,1);--pw:264px;background:var(--hw-paper);color:var(--hw-ink);overflow:hidden;padding-block:3.5rem 4rem;position:relative}.hw:before{background:url(../images/home/doodles.svg) 0 0/320px 320px;content:"";display:none;inset:0;-webkit-mask-image:radial-gradient(ellipse 25% 60% at 75% 50%,#000 50%,transparent 100%);mask-image:radial-gradient(ellipse 25% 60% at 75% 50%,#000 50%,transparent 100%);pointer-events:none;position:absolute}.hw-wrap{display:grid;gap:2rem;grid-template-areas:"title" "stage" "body";position:relative;text-align:center}.hw-title{grid-area:title}.hw-body{grid-area:body}.hw-stage{grid-area:stage}.hw-title{font-family:Recoleta Med,serif;font-size:1.75rem;font-weight:700;line-height:1.15;text-wrap:balance}.hw-lede{color:var(--hw-ink-soft);line-height:1.7;margin:0 auto;max-width:32rem;text-wrap:pretty}.hw-btn,.hw-lede{font-size:.9375rem}.hw-btn{align-items:center;background:var(--hw-ink);border-radius:999px;color:#fff;display:flex;font-weight:600;gap:.65rem;justify-content:center;margin-top:1.75rem;min-height:3.25rem;padding:0 1.6rem;transition:background-color .25s}.hw-btn:hover{background:#163672}.hw-btn:focus-visible{outline:2px solid var(--hw-ink);outline-offset:4px}.hw-btn__icon{fill:#25d366;flex:none;height:1.25rem;width:1.25rem}.hw-qr{display:none}.hw-note{color:#6b7590;font-size:.8125rem;line-height:1.5;margin-top:1rem}.hw .hp-mark__line path{animation:none;stroke-dashoffset:340}.hw[data-in] .hp-mark__line path{animation:hp-draw .9s var(--hw-ease) .3s forwards}@media(prefers-reduced-motion:reduce){.hw .hp-mark__line path{stroke-dashoffset:0}}@container (min-width: 640px){.hw{padding-block:4.5rem 5rem;--pw:268px}.hw-title{font-size:3rem;line-height:1.1}.hw-lede{font-size:1.125rem}.hw-btn{display:inline-flex}}@container (min-width: 900px){.hw{padding-block:4rem;--pw:288px}.hw:before{display:block}.hw-wrap{-moz-column-gap:2rem;column-gap:2rem;grid-template-areas:". stage" "title stage" "body stage" ". stage";grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr auto auto 1fr;row-gap:1.25rem;text-align:left}.hw-body,.hw-title{max-width:36rem}.hw-lede{margin-inline:0}.hw-qr{align-items:center;display:flex;gap:1rem;margin-top:1.75rem;max-width:22rem}.hw-qr img{border-radius:.75rem;box-shadow:0 1px 2px #0a224e1f;flex:none;height:96px;width:96px}.hw-qr p{color:var(--hw-ink-soft);font-size:.875rem;line-height:1.5}}.hw-stage{--ms:calc(var(--pw)*.52);margin-inline:auto;padding-top:calc(var(--ms)*.9309);position:relative;text-align:left;width:var(--pw)}.hw-mascot{aspect-ratio:59.26/60.24;left:50%;position:absolute;top:0;transform:translate(-50%);transition:transform .4s cubic-bezier(.34,1.56,.64,1);width:var(--ms)}.hw-mascot.is-hop{transform:translate(-50%,calc(var(--ms)*-.07))}.hw-mascot>img,.hw-mascot>svg{height:100%;inset:0;max-width:none;position:absolute;width:100%}.hw-iris{transition:transform .35s var(--hw-ease)}.hw-hands{left:50%;overflow:visible;position:absolute;top:calc(var(--ms)*.8716);transform:translate(-50%);width:calc(var(--ms)*1.3143);z-index:2}.hw-hand{transform-box:fill-box;transition:transform .2s}.hw-hands.is-typing .hw-hand--left{animation:hw-tap .36s ease-in-out infinite}.hw-hands.is-typing .hw-hand--right{animation:hw-tap .36s ease-in-out .18s infinite}@keyframes hw-tap{50%{transform:translateY(-14%)}}.hw-phone{aspect-ratio:284/584;background:#1d1d1f;border-radius:calc(var(--pw)*.16);box-shadow:inset 0 0 0 1.5px #3c3c3f,0 2px 4px #0a224e1f,0 30px 60px -24px #0a224e73;padding:calc(var(--pw)*.034);position:relative;width:var(--pw);z-index:1}.hw-screen{background:#efeae2;border-radius:calc(var(--pw)*.128);color:#111b21;container-type:inline-size;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;height:100%;overflow:hidden;position:relative;-webkit-font-smoothing:antialiased}.hw-island{background:#000;border-radius:99px;height:9.2cqi;left:50%;position:absolute;top:3cqi;transform:translate(-50%);width:31cqi;z-index:3}.hw-top{background:#f6f5f3;border-bottom:1px solid #dcd8d1}.hw-status{font-size:5.2cqi;font-weight:600;height:15cqi;justify-content:space-between;letter-spacing:-.01em;padding:0 7.5cqi 0 10cqi}.hw-status,.hw-status__icons{align-items:center;display:flex}.hw-status__icons{gap:1.6cqi}.hw-status__icons svg{fill:currentColor;height:3.6cqi;width:auto}.hw-status__icons svg:last-child{height:4.2cqi}.hw-head{align-items:center;display:flex;gap:2.4cqi;height:14cqi;padding:0 3.4cqi 1.4cqi}.hw-head__back{color:var(--hw-wa);flex:none;width:3.4cqi}.hw-avatar{background:#fff3ec;border-radius:50%;flex:none;height:10.4cqi;overflow:hidden;position:relative;width:10.4cqi}.hw-avatar>img,.hw-avatar>svg{aspect-ratio:59.26/60.24;height:auto;left:-25%;max-width:none;position:absolute;top:-36%;width:150%}.hw-head__who{display:grid;line-height:1.2;min-width:0}.hw-head__name{font-size:4.5cqi;font-weight:600}.hw-head__status{color:#667781;font-size:3.4cqi;white-space:nowrap}.hw-chat{background:#efeae2 url(../images/home/doodles.svg) 0 0/82cqi 82cqi;flex:1;overflow:hidden;position:relative}.hw-chat__list{display:flex;flex-direction:column;gap:1.8cqi;inset:0;justify-content:flex-end;padding:3cqi 4cqi;position:absolute;transition:opacity .45s}.hw-chat__list.is-fading{opacity:0}.hw-day{align-self:center;background:#fff;border-radius:2cqi;color:#54656f;font-size:3.1cqi;font-weight:500;margin-bottom:1.2cqi;padding:1cqi 2.8cqi}.hw-bubble,.hw-day{box-shadow:0 1px .5px #0b141a21}.hw-bubble{border-radius:3.2cqi;font-size:4.1cqi;line-height:1.34;max-width:84%;overflow-wrap:anywhere;padding:1.7cqi 2.8cqi 1.6cqi;position:relative}.hw-bubble.is-me{align-self:flex-end;background:#d9fdd3;border-bottom-right-radius:.8cqi;transform-origin:100% 100%}.hw-bubble.is-bot,.hw-bubble.is-typing{align-self:flex-start;background:#fff;border-bottom-left-radius:.8cqi;transform-origin:0 100%}.hw-bubble:after{background:inherit;bottom:0;content:"";height:3.2cqi;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 12'%3E%3Cpath d='M0 0v12h9C5.6 11 2.2 8 0 0'/%3E%3C/svg%3E") 0 0 /100% 100%;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 12'%3E%3Cpath d='M0 0v12h9C5.6 11 2.2 8 0 0'/%3E%3C/svg%3E") 0 0 /100% 100%;position:absolute;width:2.6cqi}.hw-bubble.is-me:after{right:-2.4cqi}.hw-bubble.is-bot:after,.hw-bubble.is-typing:after{left:-2.4cqi;transform:scaleX(-1)}.hw-source{display:block;margin-top:2.2cqi}.hw-link{color:#027eb5;overflow-wrap:anywhere}.hw-meta-space{display:inline-block;width:13cqi}.hw-bubble.is-bot .hw-meta-space{width:9cqi}.hw-meta{align-items:center;bottom:1.2cqi;color:#667781;display:inline-flex;font-size:2.85cqi;gap:.8cqi;position:absolute;right:2.6cqi}.hw-ticks{color:#8696a0;transition:color .3s;width:4.4cqi}.hw-ticks.is-read{color:#53bdeb}.hw-dots{display:flex;gap:1.1cqi;padding:1.2cqi .8cqi}.hw-dots i{animation:hw-dot 1.1s ease-in-out infinite;background:#8696a0;border-radius:50%;height:1.7cqi;width:1.7cqi}.hw-dots i:nth-child(2){animation-delay:.15s}.hw-dots i:nth-child(3){animation-delay:.3s}@keyframes hw-dot{0%,60%,to{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-.6cqi)}}.hw-msg-enter-active{transition:opacity .35s,transform .45s var(--hw-ease)}.hw-msg-enter-from{opacity:0;transform:translateY(3cqi) scale(.92)}.hw-msg-move{transition:transform .45s var(--hw-ease)}.hw-msg-leave-active{display:none}.hw-input{align-items:flex-end;background:#f6f5f3;border-top:1px solid #dcd8d1;display:flex;gap:2.6cqi;padding:2cqi 3.6cqi 1.4cqi}.hw-input__icon{color:var(--hw-wa);flex:none;height:9cqi;width:5.6cqi}.hw-input__field{background:#fff;border:1px solid #dcd8d1;border-radius:4.5cqi;display:flex;flex:1;flex-direction:column;font-size:3.95cqi;justify-content:flex-end;line-height:1.34;max-height:calc(4.02em + 3.4cqi);min-height:9cqi;overflow:hidden;padding:1.7cqi 3.4cqi}.hw-input__field.is-empty{color:#8696a0}.hw-caret{animation:hw-blink 1s steps(1) infinite;background:var(--hw-wa);display:inline-block;height:1.1em;margin-left:.3cqi;vertical-align:-.18em;width:.5cqi}@keyframes hw-blink{50%{opacity:0}}.hw-send{background:var(--hw-wa);border-radius:50%;display:grid;flex:none;height:9cqi;place-items:center;width:9cqi}.hw-send svg{width:5cqi}.hw-home{background:#111;border-radius:99px;display:block;flex:none;height:1.5cqi;margin:2.2cqi auto;width:36cqi}@media(prefers-reduced-motion:reduce){.hw-dots i,.hw-hands.is-typing .hw-hand{animation:none}}.hp-band{background:#fbf6ee}.hp-mark{display:inline-block;position:relative;white-space:nowrap;z-index:0}.hp-mark__line{bottom:.02em;height:.2em;left:-2%;overflow:visible;position:absolute;width:102%;z-index:-1}.hp-mark__line path{fill:none;stroke:#ffdb53;stroke-dasharray:340;stroke-linecap:round;stroke-width:9}@media(prefers-reduced-motion:no-preference){.hp-mark__line path{animation:hp-draw .9s cubic-bezier(.22,1,.36,1) .4s forwards;stroke-dashoffset:340}.hp-mark[data-draw] .hp-mark__line path{animation:none}.hp-mark[data-draw][data-in] .hp-mark__line path{animation:hp-draw .9s cubic-bezier(.22,1,.36,1) .2s forwards}}@keyframes hp-draw{to{stroke-dashoffset:0}}