img{height:auto}.carousel{contain:inline-size;max-width:100%;min-width:0}.carousel__stage{max-width:100%;min-width:0;position:relative}.carousel .swiper{width:100%}.carousel__slide img{aspect-ratio:var(--carousel-ratio,3/2);display:block;height:auto;-o-object-fit:cover;object-fit:cover;width:100%}.carousel--fill,.carousel--fill .carousel__stage,.carousel--fill .swiper{inset:0;position:absolute}.carousel--fill .carousel__slide img,.carousel--fill .swiper-slide{height:100%}.carousel--slide .carousel__slide{height:auto}.carousel--peek .carousel__slide{width:var(--peek-slide,min(52vw,620px))}.carousel__caption{color:var(--ink-muted);font-size:.875rem;margin:.5rem 0 0}.carousel__arrow{background:var(--surface);border:1px solid var(--line,transparent);border-radius:999px;color:var(--ink);cursor:pointer;display:grid;height:2.75rem;place-items:center;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease;width:2.75rem;z-index:2}.carousel__arrow:hover{opacity:.82}.carousel__arrow--prev{left:.75rem}.carousel__arrow--next{right:.75rem}.carousel__arrow svg{fill:none;height:1.25rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:1.25rem}.carousel__dots{display:flex;flex-wrap:wrap;gap:0;justify-content:center;list-style:none;margin:-.25rem 0 0;padding:0}.carousel__dots button{background-clip:content-box;background-color:var(--line-strong,var(--ink-muted));border:0;border-radius:999px;box-sizing:content-box;cursor:pointer;height:.5rem;padding:1.125rem;transition:background-color .2s ease;width:.5rem}.carousel__dots button.is-current{background-color:var(--accent)}.carousel__count{color:var(--ink-muted);font-size:.875rem;font-variant-numeric:tabular-nums;margin:.875rem 0 0;text-align:center}@media(prefers-reduced-motion:reduce){.carousel__arrow,.carousel__dots button{transition:none}}@font-face{font-display:swap;font-family:K2D;font-style:normal;font-weight:400;src:url(../fonts/k2d-latin-400-normal.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:K2D;font-style:normal;font-weight:500;src:url(../fonts/k2d-latin-500-normal.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:K2D;font-style:normal;font-weight:700;src:url(../fonts/k2d-latin-700-normal.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:K2D;font-style:normal;font-weight:400;src:url(../fonts/k2d-thai-400-normal.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-display:swap;font-family:K2D;font-style:normal;font-weight:500;src:url(../fonts/k2d-thai-500-normal.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-display:swap;font-family:K2D;font-style:normal;font-weight:700;src:url(../fonts/k2d-thai-700-normal.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}:root{--bg:oklch(.17 .021 248);--surface:oklch(.235 .024 248);--ink:oklch(.97 .006 248);--ink-muted:oklch(.755 .021 248);--accent:oklch(.845 .17 165);--accent-ink:oklch(.2 .04 165);--surface-2:oklch(.275 .026 248);--bar-bg:oklch(.205 .023 248);--demo-bg:oklch(.33 .012 248);--demo-ink:oklch(.93 .004 248);--accent-soft:oklch(.845 .17 165/.13);--glow:0 0 0 1px oklch(.845 .17 165/.3),0 0 30px -8px oklch(.845 .17 165/.55);--lift:0 1px 0 oklch(1 0 0/.05),0 18px 34px -22px oklch(0 0 0/.9);--space-1:.5rem;--space-2:1rem;--space-3:1.75rem;--space-4:3rem;--space-5:5rem;--radius:10px;--tap:44px;--demo-h:38px;--header-h:58px;--bar-h:0px;--shell:74rem;--font-display:"K2D",system-ui,sans-serif;--font-body:"K2D",system-ui,sans-serif;--ease:cubic-bezier(.22,1,.36,1)}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}section[id]{scroll-margin-top:calc(var(--header-h) + var(--space-2))}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:1rem;line-height:1.7;margin:0;text-wrap:pretty;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.015em;line-height:1.22;margin:0;text-wrap:balance}p{margin:0}a{color:inherit}img{display:block;max-width:100%}.tabular{font-variant-numeric:tabular-nums;letter-spacing:-.01em}.shell{margin-inline:auto;max-width:var(--shell);padding-inline:var(--space-2);width:100%}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--lift)}.band{padding-block:var(--space-5)}.band__head{margin-bottom:var(--space-3);max-width:46rem}.band__head h2{font-size:clamp(1.6rem,4.4vw,2.3rem)}.band__head p{color:var(--ink-muted);margin-top:var(--space-2)}.eyebrow{color:var(--accent);display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.04em;margin-bottom:var(--space-1)}@media(min-width:861px){:root{--header-h:68px}}@media(max-width:860px){:root{--bar-h:66px}body{padding-bottom:calc(var(--bar-h) + env(safe-area-inset-bottom,0px))}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
