@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_assets/lexend-vietnamese-wght-normal.RvljkFvg.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_assets/lexend-latin-ext-wght-normal.B6JQhE1e.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_assets/lexend-latin-wght-normal.ci0D1wrL.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/_assets/figtree-latin-ext-wght-normal.DCwSJGxG.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/_assets/figtree-latin-wght-normal.D_ZTVpCC.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--grape-900:#1e1240;--grape-800:#2b1b54;--grape-700:#3a2380;--grape-600:#4a2fa0;--lilac-50:#fbf9ff;--lilac-100:#f1ecfc;--lilac-200:#e2d8f8;--lilac-300:#cbbbf0;--pink-100:#ffe3ec;--pink-300:#ffb3cb;--pink-500:#ff7fa8;--pink-700:#b8235b;--butter-100:#fff6d0;--butter-200:#ffeb9f;--butter-400:#ffd95e;--mint-100:#e3f6ec;--mint-300:#bdebd0;--color-bg:var(--lilac-50);--color-bg-soft:var(--lilac-100);--color-ink:var(--grape-800);--color-text:#3b2f5c;--color-text-muted:#5e5481;--color-on-dark:#fff;--color-on-dark-muted:#d9cff5;--color-primary:var(--grape-600);--color-primary-hover:var(--grape-700);--color-accent:var(--pink-500);--color-highlight:var(--butter-400);--color-line:var(--lilac-200);--color-focus:var(--grape-600);--font-display:"Lexend Variable", "Avenir Next", "Trebuchet MS", sans-serif;--font-body:"Figtree Variable", "Avenir Next", "Segoe UI", sans-serif;--step--1:clamp(.875rem, .85rem + .12vw, .95rem);--step-0:clamp(1.0625rem, 1.03rem + .17vw, 1.1875rem);--step-1:clamp(1.25rem, 1.18rem + .35vw, 1.5rem);--step-2:clamp(1.5rem, 1.35rem + .75vw, 2rem);--step-3:clamp(1.7rem, 1.45rem + 1.3vw, 2.5rem);--step-4:clamp(2.1rem, 1.65rem + 2.3vw, 3.4rem);--step-5:clamp(2.6rem, 1.9rem + 3.8vw, 5rem);--leading-tight:1.04;--leading-snug:1.22;--leading-body:1.6;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4.5rem;--space-9:6.5rem;--space-10:9rem;--gutter:clamp(1.25rem, 4vw, 3rem);--section-space:clamp(4.5rem, 9vw, 8rem);--header-h:5.4rem;--container:76rem;--container-narrow:46rem;--measure:34rem;--radius-sm:.875rem;--radius-md:1.5rem;--radius-lg:2.5rem;--radius-pill:999px;--blob-a:58% 42% 55% 45% / 52% 44% 56% 48%;--blob-b:44% 56% 38% 62% / 58% 40% 60% 42%;--blob-c:63% 37% 54% 46% / 41% 57% 43% 59%;--arch:999px 999px 2.5rem 2.5rem;--bubble:50% 50% 50% 12% / 50% 50% 50% 18%;--shadow-soft:0 22px 44px -22px #2b1b5461;--shadow-lift:0 30px 60px -26px #2b1b5480;--shadow-sticker-pink:12px 12px 0 var(--pink-500);--shadow-sticker-butter:12px 12px 0 var(--butter-400);--shadow-sticker-grape:12px 12px 0 var(--grape-600);--ease-out:cubic-bezier(.22, 1, .36, 1);--duration-quick:.18s;--duration-base:.32s;--duration-slow:.9s}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--step-0);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}img,svg,video{max-width:100%;display:block}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:var(--leading-snug);color:var(--color-ink);text-wrap:balance;margin:0}h1{font-size:var(--step-5);line-height:var(--leading-tight);letter-spacing:-.025em}h2{font-size:var(--step-4);line-height:var(--leading-tight);letter-spacing:-.02em}h3{font-size:var(--step-2)}p{text-wrap:pretty;margin:0}p+p{margin-top:var(--space-4)}a{color:inherit}ul,ol{margin:0;padding:0;list-style:none}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;border-radius:4px}.on-dark :focus-visible{outline-color:var(--butter-400)}.container{width:min(100% - var(--gutter) * 2, var(--container));margin-inline:auto}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{left:var(--space-4);z-index:100;padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);background:var(--grape-800);color:#fff;transition:top var(--duration-quick) var(--ease-out);font-weight:700;text-decoration:none;position:absolute;top:-4rem}.skip-link:focus{top:var(--space-3)}.lede{font-size:var(--step-1);color:var(--color-text-muted);max-width:var(--measure);line-height:1.5}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.js :is([data-reveal],[data-reveal-stagger]>*){opacity:0;transition:opacity .7s ease-out, translate 1s var(--ease-out), scale 1s var(--ease-out), rotate 1s var(--ease-out), clip-path 1.1s var(--ease-out);transition-delay:var(--delay,0s)}.js :is([data-reveal=rise],[data-reveal-stagger=rise]>*){translate:0 2.25rem}.js :is([data-reveal=left],[data-reveal-stagger=left]>*){translate:-2.5rem}.js :is([data-reveal=pop],[data-reveal-stagger=pop]>*){transition:opacity .5s ease-out, translate .9s var(--ease-out), scale .9s cubic-bezier(.34, 1.56, .64, 1), rotate .9s cubic-bezier(.34, 1.56, .64, 1);transition-delay:var(--delay,0s);scale:.78}.js :is([data-reveal=clip],[data-reveal-stagger=clip]>*){clip-path:inset(100% -24px -24px)}.js [data-reveal].is-in,.js [data-reveal-stagger].is-in>*{opacity:1;clip-path:inset(-24px);translate:none;rotate:none;scale:none}.js [data-reveal-stagger]>:first-child{--n:0}.js [data-reveal-stagger]>:nth-child(2){--n:1}.js [data-reveal-stagger]>:nth-child(3){--n:2}.js [data-reveal-stagger]>:nth-child(4){--n:3}.js [data-reveal-stagger]>:nth-child(5){--n:4}.js [data-reveal-stagger]>:nth-child(6){--n:5}.js [data-reveal-stagger]>:nth-child(7){--n:6}.js [data-reveal-stagger]>:nth-child(8){--n:7}.js [data-reveal-stagger]>:nth-child(9){--n:8}.js [data-reveal-stagger]>:nth-child(10){--n:9}.js [data-reveal-stagger]>:nth-child(n+11){--n:10}.js [data-reveal-stagger]>*{transition-delay:calc(var(--n,0) * var(--step,90ms))}.js .foam{transition:scale 1.1s var(--ease-out);scale:1 0}.js .foam--top{transform-origin:bottom}.js .foam--bottom{transform-origin:top}.js .foam.is-in{scale:1}@media (prefers-reduced-motion:no-preference){@keyframes frame-in{0%{opacity:0;rotate:-4deg;scale:.88}}@keyframes pop-in{0%{opacity:0;rotate:-40deg;scale:0}}@keyframes rise-in{0%{opacity:0;translate:0 1.5rem}}.hero__frame{animation:frame-in 1.1s var(--ease-out) .25s backwards}.hero__sticker{animation:.9s cubic-bezier(.34,1.56,.64,1) 1.2s backwards pop-in}.bubble--a{animation:.9s cubic-bezier(.34,1.56,.64,1) .8s backwards pop-in}.bubble--b{animation:.9s cubic-bezier(.34,1.56,.64,1) 1s backwards pop-in}.bubble--c{animation:.9s cubic-bezier(.34,1.56,.64,1) .65s backwards pop-in}.phero__copy>*{animation:rise-in .9s var(--ease-out) backwards}.phero__copy>:nth-child(2){animation-delay:.15s}.phero__aside{animation:frame-in 1s var(--ease-out) .25s backwards}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){@keyframes drift-down{to{translate:0 7rem}}@keyframes drift-up{to{translate:0 -6rem}}@keyframes spin-slow{0%{rotate:-10deg}to{rotate:20deg}}@keyframes sway{0%{rotate:0deg}to{rotate:14deg}}.hero__shape--one,.phero__shape--one{animation:linear both drift-down scroll(root);animation-range:0 90vh}.hero__shape--two,.phero__shape--two{animation:linear both drift-up scroll(root);animation-range:0 90vh}.hero__media{--drift:2rem;animation:linear both drift-up scroll(root);animation-range:0 60vh}.cta__paw{animation:linear both spin-slow view();animation-range:entry exit}.why__badge{animation:linear both sway view();animation-range:entry 10% exit 90%}}}@media (prefers-reduced-motion:reduce){.js :is([data-reveal],[data-reveal-stagger]>*),.js .foam{opacity:1!important;clip-path:none!important;transition:none!important;translate:none!important;scale:none!important}}.js .split .w{vertical-align:bottom;margin:-.1em -.04em -.16em;padding:.1em .04em .16em;display:inline-block;overflow:hidden}.js .split .w__i{transform-origin:0 100%;transition:translate .95s var(--ease-out) calc(var(--wi,0) * 85ms), rotate .95s var(--ease-out) calc(var(--wi,0) * 85ms);display:inline-block;translate:0 115%;rotate:6deg}.js .split.is-in .w__i{translate:none;rotate:none}main>section{isolation:isolate}@media (prefers-reduced-motion:reduce){.js .split .w__i{transition:none!important;translate:none!important;rotate:none!important}}.ribbon-spot+section>.foam--top{display:none}.header[data-astro-cid-nen7h5rs]{z-index:50;padding-block:var(--space-3);pointer-events:none;position:sticky;top:0}.bar[data-astro-cid-nen7h5rs]{justify-content:space-between;align-items:center;gap:var(--space-4);border-radius:var(--radius-pill);backdrop-filter:blur(10px);box-shadow:var(--shadow-soft);pointer-events:auto;background:#ffffffeb;padding:.5rem .6rem .5rem .7rem;display:flex;position:relative}.brand[data-astro-cid-nen7h5rs]{align-items:center;gap:var(--space-3);color:var(--color-ink);text-decoration:none;display:inline-flex}.brand__mark[data-astro-cid-nen7h5rs]{border-radius:var(--blob-a);background:var(--pink-500);width:2.6rem;height:2.6rem;color:var(--grape-800);flex:none;place-items:center;display:grid;transform:rotate(-8deg)}.brand__name[data-astro-cid-nen7h5rs]{font-family:var(--font-display);font-size:var(--step-1);letter-spacing:-.01em;font-weight:800}.menu-btn[data-astro-cid-nen7h5rs]{background:var(--grape-600);color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:2.9rem;height:2.9rem;padding:0;display:grid}.menu-btn__close[data-astro-cid-nen7h5rs],.menu-btn[data-astro-cid-nen7h5rs][aria-expanded=true] .menu-btn__open[data-astro-cid-nen7h5rs]{display:none}.menu-btn[data-astro-cid-nen7h5rs][aria-expanded=true] .menu-btn__close[data-astro-cid-nen7h5rs]{display:block}.nav__list[data-astro-cid-nen7h5rs]{left:0;right:0;top:calc(100% + var(--space-3));gap:var(--space-1);padding:var(--space-5);box-shadow:var(--shadow-lift);background:#fff;border-radius:2rem 3.5rem;flex-direction:column;display:none;position:absolute}.nav__list[data-astro-cid-nen7h5rs][data-open=true]{display:flex}.nav__link[data-astro-cid-nen7h5rs]{border-radius:var(--radius-pill);color:var(--color-ink);font-family:var(--font-display);font-size:var(--step-1);justify-content:space-between;align-items:center;padding:.7rem 1rem;font-weight:700;text-decoration:none;display:flex}.nav__link[data-astro-cid-nen7h5rs][aria-current=page]{background:var(--lilac-100)}.nav__link--book[data-astro-cid-nen7h5rs]{margin-top:var(--space-2);background:var(--grape-600);color:#fff}.nav__link--book[data-astro-cid-nen7h5rs][aria-current=page]{background:var(--grape-700)}@media (width>=68rem){.menu-btn[data-astro-cid-nen7h5rs]{display:none}.nav__list[data-astro-cid-nen7h5rs]{box-shadow:none;background:0 0;border-radius:0;flex-direction:row;align-items:center;gap:.15rem;padding:0;display:flex;position:static}.nav__link[data-astro-cid-nen7h5rs]{transition:background-color var(--duration-quick);padding:.6rem .95rem;font-size:1rem}.nav__link[data-astro-cid-nen7h5rs]:hover{background:var(--lilac-100)}.nav__link--book[data-astro-cid-nen7h5rs]{gap:var(--space-2);margin-top:0;margin-left:var(--space-2);padding:.7rem 1.1rem .7rem 1.35rem}.nav__link--book[data-astro-cid-nen7h5rs]:hover{background:var(--grape-700)}}.foam[data-astro-cid-tvk4jjxo]{--foam-h:clamp(1.75rem, 3.5vw, 3rem);height:var(--foam-h);background:var(--foam-color);pointer-events:none;position:absolute;left:0;right:0;-webkit-mask:url(/shapes/foam.svg) 0 100%/auto 100% repeat-x;mask:url(/shapes/foam.svg) 0 100%/auto 100% repeat-x}.foam--top[data-astro-cid-tvk4jjxo]{top:calc(var(--foam-h) * -1 + 1px)}.foam--bottom[data-astro-cid-tvk4jjxo]{bottom:calc(var(--foam-h) * -1 + 1px);transform:scaleY(-1)}.footer[data-astro-cid-jo6i4kqk]{padding-top:var(--space-8);background:var(--grape-900);color:var(--color-on-dark-muted);position:relative}.footer__top[data-astro-cid-jo6i4kqk]{gap:var(--space-7);padding-bottom:var(--space-7);display:grid}.brand[data-astro-cid-jo6i4kqk]{align-items:center;gap:var(--space-3);color:#fff;text-decoration:none;display:inline-flex}.brand__mark[data-astro-cid-jo6i4kqk]{border-radius:var(--blob-a);background:var(--pink-500);width:3rem;height:3rem;color:var(--grape-800);place-items:center;display:grid;transform:rotate(-8deg)}.brand__name[data-astro-cid-jo6i4kqk]{font-family:var(--font-display);font-size:var(--step-2);font-weight:800}.footer__brand[data-astro-cid-jo6i4kqk] p[data-astro-cid-jo6i4kqk]{max-width:22rem;margin-top:var(--space-4)}.footer__heading[data-astro-cid-jo6i4kqk]{margin-bottom:var(--space-4);color:#fff;font-size:var(--step-1)}.footer__col[data-astro-cid-jo6i4kqk] ul[data-astro-cid-jo6i4kqk]{gap:var(--space-2);display:grid}.footer[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]{color:inherit;text-decoration:none}.footer[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]:hover{color:#fff}.contact[data-astro-cid-jo6i4kqk] li[data-astro-cid-jo6i4kqk]{gap:var(--space-3);align-items:flex-start;display:flex}.contact[data-astro-cid-jo6i4kqk] svg{color:var(--pink-300);flex:none;margin-top:.2rem}.footer__bottom[data-astro-cid-jo6i4kqk]{justify-content:space-between;gap:var(--space-3);padding-block:var(--space-5);font-size:var(--step--1);border-top:1px solid #ffffff29;flex-wrap:wrap;display:flex}.footer__bottom[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]{color:#fff}@media (width>=50rem){.footer__top[data-astro-cid-jo6i4kqk]{gap:var(--space-8);grid-template-columns:1.4fr 1fr 1.2fr}}
