:root{--surface-app:#f7f6f0;--surface-app-glow:#edf0e2;--surface-panel:#fffefa;--surface-elevated:#fff;--surface-field:#fafbf6;--surface-muted:#eff2e7;--surface-hover:#e8edde;--surface-overlay:#16382f66;--text-primary:#203d34;--text-muted:#5f6b60;--text-soft:#616d62;--text-on-strong:#fffef9;--border-default:#e3e6dc;--border-strong:#dce2d4;--divider:#203d3417;--focus-ring:var(--text-primary);--action-primary-bg:var(--court-accent);--action-primary-text:#fffef9;--action-primary-hover:color-mix(in srgb, var(--court-accent) 88%, #000);--action-secondary-bg:color-mix(in srgb, var(--surface-app) 72%, var(--court-soft));--action-secondary-text:var(--court-accent);--action-secondary-border:color-mix(in srgb, var(--court-accent) 24%, transparent);--action-secondary-hover:color-mix(in srgb, var(--action-secondary-bg) 90%, var(--court-accent));--shadow-soft:0 5px 20px #233c3008;--shadow-panel:0 12px 36px #153f3430;--shadow-floating:0 12px 35px #123c3228;--browser-chrome:#f7f6f0;--court-green-floor:#176343;--court-green-accent:#285b48;--court-green-soft:#cde1d6;--court-green-dark:#344d40;--court-green-pale:#c4daca;--court-blue-floor:#176a94;--court-blue-accent:#345f78;--court-blue-soft:#ccdfeb;--court-blue-dark:#344956;--court-blue-pale:#c2d8e5;--court-red-floor:#a33f36;--court-red-accent:#87524c;--court-red-soft:#ead1cb;--court-red-dark:#543c39;--court-red-pale:#e4c7bf;--court-purple-floor:#67428b;--court-purple-accent:#70567e;--court-purple-soft:#dfd2e8;--court-purple-dark:#473b50;--court-purple-pale:#dacbe3;--court-pink-floor:#af4b79;--court-pink-accent:#905b73;--court-pink-soft:#ead0dd;--court-pink-dark:#533c48;--court-pink-pale:#e5c9d7;--court-parquet-floor:#91643a;--court-parquet-accent:#80603f;--court-parquet-soft:#e6d5ba;--court-parquet-dark:#504334;--court-parquet-pale:#dfcdb1;--court-parquet-text:#302418;--court-parquet-line:#50361816;--court-floor:var(--court-green-floor);--court-accent:var(--court-green-accent);--court-soft:var(--court-green-soft);--court-dark:var(--court-green-dark);--court-pale:var(--court-green-pale);--court-text:#fffef9;--court-line:#ffffff28;--court-avatar-bg:#ffffff26;--court-pill-bg:#00000012;--court-versus-bg:color-mix(in srgb, var(--court-floor) 88%, #000);--court-finish-bg:var(--court-soft);--court-finish-text:#25302c;--court-finish-hover:color-mix(in srgb, var(--court-finish-bg) 82%, var(--court-floor))}:root[data-theme=dark]{--surface-app:#181a1c;--surface-app-glow:#181a1c;--surface-panel:#26292c;--surface-elevated:#202225;--surface-field:#2b2e31;--surface-muted:#303336;--surface-hover:#34383b;--surface-overlay:#0009;--text-primary:#e6e8e7;--text-muted:#a3a8a6;--text-soft:#9da49f;--text-on-strong:#f3f4f2;--border-default:#3b3f40;--border-strong:#484d4d;--divider:#e6e8e717;--action-primary-bg:var(--court-pale);--action-primary-text:#19241d;--action-primary-hover:color-mix(in srgb, var(--court-pale) 84%, #fff);--action-secondary-bg:color-mix(in srgb, var(--surface-panel) 72%, var(--court-dark));--action-secondary-text:var(--court-pale);--action-secondary-border:color-mix(in srgb, var(--court-pale) 24%, transparent);--action-secondary-hover:color-mix(in srgb, var(--action-secondary-bg) 90%, var(--court-pale));--shadow-soft:0 5px 20px #00000018;--shadow-panel:0 12px 36px #00000024;--shadow-floating:0 12px 35px #00000048;--browser-chrome:#181a1c}:root[data-court=green]{--court-floor:var(--court-green-floor);--court-accent:var(--court-green-accent);--court-soft:var(--court-green-soft);--court-dark:var(--court-green-dark);--court-pale:var(--court-green-pale)}:root[data-court=blue]{--court-floor:var(--court-blue-floor);--court-accent:var(--court-blue-accent);--court-soft:var(--court-blue-soft);--court-dark:var(--court-blue-dark);--court-pale:var(--court-blue-pale)}:root[data-court=red]{--court-floor:var(--court-red-floor);--court-accent:var(--court-red-accent);--court-soft:var(--court-red-soft);--court-dark:var(--court-red-dark);--court-pale:var(--court-red-pale)}:root[data-court=purple]{--court-floor:var(--court-purple-floor);--court-accent:var(--court-purple-accent);--court-soft:var(--court-purple-soft);--court-dark:var(--court-purple-dark);--court-pale:var(--court-purple-pale)}:root[data-court=pink]{--court-floor:var(--court-pink-floor);--court-accent:var(--court-pink-accent);--court-soft:var(--court-pink-soft);--court-dark:var(--court-pink-dark);--court-pale:var(--court-pink-pale)}:root[data-court=parquet]{--court-floor:var(--court-parquet-floor);--court-accent:var(--court-parquet-accent);--court-soft:var(--court-parquet-soft);--court-dark:var(--court-parquet-dark);--court-pale:var(--court-parquet-pale);--court-line:var(--court-parquet-line)}@font-face{font-family:Anuphan;src:url(/fonts/Anuphan-variable.ttf)format("truetype");font-style:normal;font-weight:100 700;font-display:swap}:root{--paper:var(--surface-app);--ink:var(--text-primary);--muted:var(--text-muted);--line:var(--border-default);--accent:var(--action-secondary-text);font-synthesis:none;background:var(--paper);color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Anuphan,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}:root{--header-height:calc(49px + env(safe-area-inset-top))}html{min-height:100%;scroll-padding-top:var(--header-height,49px)}body{min-height:100vh;margin:0;overflow-x:clip}h1,h2,p,figure,ul{margin:0}h1,h2{text-wrap:balance}a{color:inherit;text-decoration:none}button,input{font:inherit}button,summary{color:inherit;cursor:pointer}a,button,summary,label{touch-action:manipulation;-webkit-tap-highlight-color:transparent}svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:20px;height:20px;display:block}img,video{max-width:100%;display:block}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}::selection{background:var(--action-primary-bg);color:var(--action-primary-text)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:30;background:var(--action-primary-bg);color:var(--action-primary-text);border-radius:10px;padding:12px 20px;position:fixed;top:-80px;left:16px}.skip-link:focus{top:10px}.site-header{min-height:0;padding:env(safe-area-inset-top) max(24px, env(safe-area-inset-right)) 0 max(24px, env(safe-area-inset-left));z-index:5;background:var(--paper);grid-template-columns:1fr auto;align-items:center;gap:0 24px;padding-bottom:1px;display:grid;position:sticky;top:0}.brand{white-space:nowrap;align-items:center;gap:10px;min-height:48px;font-size:23px;font-weight:700;line-height:1.2;display:inline-flex}.brand>img{width:32px;height:32px;image-rendering:pixelated}.header-actions{align-items:center;gap:12px;min-height:48px;display:flex}.button{background:var(--action-primary-bg);min-height:44px;color:var(--action-primary-text);white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:14px;padding:11px 18px;font-size:14px;font-weight:600;transition:background .18s,transform .18s;display:inline-flex}.button:hover{background:var(--action-primary-hover)}.button:active{transform:scale(.97)}.button svg{width:18px;height:18px}.content-edge-fade{z-index:4;top:var(--header-height,49px);pointer-events:none;height:28px;opacity:var(--content-fade,0);background:linear-gradient(to bottom, var(--paper), color-mix(in srgb, var(--paper) 70%, transparent) 40%, transparent);position:fixed;left:0;right:0}.appearance{flex-shrink:0;position:relative}.appearance summary{background:var(--surface-muted);border-radius:12px;place-items:center;width:44px;height:44px;list-style:none;display:grid}.appearance summary::-webkit-details-marker{display:none}.appearance[open] summary,.appearance summary:hover{background:var(--surface-hover)}.appearance-panel{right:max(24px, env(safe-area-inset-right));top:calc(56px + env(safe-area-inset-top));width:340px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 72px - env(safe-area-inset-top));overscroll-behavior:contain;background:var(--surface-elevated);border:1px solid var(--line);box-shadow:var(--shadow-panel);z-index:10;border-radius:16px;padding:22px;position:fixed;overflow-y:auto}.appearance fieldset{border:0;min-width:0;margin:0 0 20px;padding:0}.appearance legend{margin-bottom:12px;font-size:14px;font-weight:600}.theme-options{background:var(--surface-muted);border-radius:12px;gap:5px;padding:4px;display:flex}.theme-options button{min-height:66px;color:var(--muted);background:0 0;border:0;border-radius:9px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:7px;padding:9px 4px;font-size:13px;display:flex}.theme-options button[aria-pressed=true]{background:var(--surface-elevated);color:var(--accent)}.theme-options button:hover{color:var(--ink)}.court-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.court-options button{background:var(--surface-muted);min-height:67px;color:var(--muted);border:2px solid #0000;border-radius:10px;padding:6px;font-size:12px}.court-options button[aria-pressed=true]{border-color:var(--accent);background:var(--action-secondary-bg);color:var(--accent)}.court-options button:hover{background:var(--surface-hover)}.court-swatch{stroke:#fffef9;stroke-width:1px;fill:none;background:var(--swatch);border-radius:4px;width:100%;height:35px;margin-bottom:4px}.court-swatch--green{--swatch:var(--court-green-floor)}.court-swatch--blue{--swatch:var(--court-blue-floor)}.court-swatch--red{--swatch:var(--court-red-floor)}.court-swatch--purple{--swatch:var(--court-purple-floor)}.court-swatch--pink{--swatch:var(--court-pink-floor)}.court-swatch--parquet{--swatch:var(--court-parquet-floor)}.motion-preference{border-top:1px solid var(--line);margin-bottom:18px;padding-top:12px}.motion-preference label{cursor:pointer;align-items:center;gap:12px;min-height:44px;font-size:14px;font-weight:600;display:flex}.motion-preference input{width:19px;height:19px;accent-color:var(--action-primary-bg);flex-shrink:0;margin:0}.motion-preference p{color:var(--muted);margin:2px 0 0 31px;font-size:13px;line-height:1.65}.motion-preference label:has(input:disabled){cursor:default}.random-appearance{background:var(--surface-muted);width:100%;min-height:44px;color:var(--ink);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-size:14px;display:flex}.random-appearance[aria-pressed=true]{background:var(--action-secondary-bg);color:var(--accent)}.tour-stage{outline:none;min-width:0;position:relative}.tour-panel{--demo-height:min(480px, 60svh);width:min(1180px,100%);min-height:calc(100svh - var(--header-height));margin-inline-start:auto;margin-inline-end:auto;padding:32px 40px}.tour-panel--home{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:56px;display:grid}.tour-panel--group{flex-direction:column;justify-content:center;display:flex}.group-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.group-heading h2{font-size:20px;font-weight:600;line-height:1.5}.slide-position{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.slide-nav{flex-wrap:wrap;align-items:center;gap:4px 20px;margin-bottom:20px;display:flex}.slide-nav a{min-height:44px;color:var(--muted);border-bottom:2px solid #0000;align-items:center;padding:8px 2px;font-size:14px;line-height:1.5;display:inline-flex}.slide-nav a:hover{color:var(--ink)}.slide-nav a[aria-current=location]{color:var(--accent);border-color:var(--accent);font-weight:600}.slide-nav a:focus-visible{outline-offset:-3px}.slide-viewport{min-width:0}.feature-slide{min-width:0;scroll-margin-top:calc(var(--header-height) + 24px)}.slide-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:56px;padding:16px 4px 24px;display:grid}body.enhanced .slide-viewport{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:100%;grid-auto-flow:column;align-items:stretch;column-gap:24px;display:grid;overflow-x:auto}body.enhanced .slide-viewport::-webkit-scrollbar{display:none}body.enhanced .feature-slide{scroll-snap-align:start;scroll-snap-stop:always}body.enhanced .slide-content{height:100%}.topic-copy{min-width:0;max-width:480px}.topic-copy h3{letter-spacing:-.01em;font-size:clamp(30px,3vw,44px);font-weight:600;line-height:1.35}.topic-copy>p{color:var(--muted);overflow-wrap:anywhere;max-width:38ch;margin-top:20px;font-size:17px;line-height:1.8}.topic-points{flex-wrap:wrap;gap:8px 20px;margin-top:24px;padding:0;font-size:13px;line-height:1.8;list-style:none;display:flex}.topic-points li{align-items:baseline;gap:8px;display:flex}.topic-points li:before{content:"";background:var(--accent);border-radius:50%;flex-shrink:0;align-self:center;width:4px;height:4px}.topic-demo{width:100%;min-width:0}.media-space{place-items:center;width:100%;display:grid}.media-stack{width:min(100%, calc(var(--demo-height) * var(--media-ratio)));min-width:0}.media-stack--connected{--media-ratio:1.00503}.media-stack--portrait{--media-ratio:.462085}.media-stack--tall{--media-ratio:.513158}.media-stack--friends{--media-ratio:.609375}.media-stack--short{--media-ratio:.722222}.media-stack--passport{--media-ratio:.462085}.app-recording{width:100%;aspect-ratio:var(--media-ratio);background:var(--surface-app);box-shadow:var(--shadow-soft);isolation:isolate;border-radius:12px;position:relative;overflow:hidden}.app-recording>img,.app-recording>video{object-fit:cover;object-position:top;width:100%;height:100%}.app-recording>video{opacity:0;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.app-recording[data-decoded=true]>video{opacity:1}:root[data-reduced-motion=true] .app-recording>video{opacity:0}.media-stack--connected .app-recording{box-shadow:none;border-radius:0}.role-labels{z-index:2;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.role-labels span{width:48.75%;height:4.52261%;color:var(--ink);align-items:center;font-size:14px;font-weight:600;line-height:1.1;display:flex;position:absolute;top:0}.role-labels span+span{left:51.25%}.showcase-copy h1{letter-spacing:-.025em;font-size:clamp(38px,4vw,56px);font-weight:650;line-height:1.28}.showcase-copy>p{max-width:38ch;font-size:17px}.showcase-abilities{color:var(--accent);flex-wrap:wrap;gap:4px 20px;margin-top:20px;padding:0;font-size:14px;font-weight:600;list-style:none;display:flex}.showcase-abilities a{align-items:center;min-height:44px;display:flex}.showcase-abilities a:hover{text-underline-offset:5px;text-decoration:underline}.showcase-next{border-bottom:1px solid var(--accent);min-height:44px;color:var(--accent);align-items:center;gap:18px;margin-top:24px;padding:8px 0;font-size:14px;font-weight:600;display:inline-flex}.showcase-media{grid-template-rows:1fr 1fr;grid-template-columns:1.08fr .92fr;align-items:center;gap:20px;width:100%;min-width:0;max-width:460px;margin-inline-start:auto;margin-inline-end:auto;display:grid}.showcase-media figure{min-width:0}.showcase-media figcaption{color:var(--accent);margin-bottom:10px;font-size:12px;font-weight:600}.showcase-main{--media-ratio:.609375;grid-area:1/1/3}.showcase-chat{grid-area:1/2;align-self:end}.showcase-records{grid-area:2/2;align-self:start}.showcase-chat img,.showcase-records img{object-fit:cover;object-position:top;width:100%;height:auto;box-shadow:var(--shadow-soft);border-radius:12px}.showcase-chat img{aspect-ratio:390/351}.showcase-records img{aspect-ratio:390/370;object-position:50% 65%}.tour-panel:focus-visible{outline:3px solid var(--focus-ring);outline-offset:-4px}.tour-stage:focus-visible{outline:3px solid var(--focus-ring);outline-offset:-4px}.feature-slide:focus-visible{outline:3px solid var(--focus-ring);outline-offset:-4px}@media (max-width:999px){.site-header{grid-template-columns:1fr auto;gap:0 12px;padding-inline-start:16px;padding-inline-end:16px}.brand,.header-actions{min-height:48px}.brand{gap:8px;font-size:21px}.brand>img{width:26px;height:26px}.header-actions{gap:8px}.button{padding-inline-start:14px;padding-inline-end:14px}.appearance-panel{top:calc(56px + env(safe-area-inset-top));max-height:calc(100dvh - 72px - env(safe-area-inset-top));right:16px}.tour-panel{padding-inline-start:28px;padding-inline-end:28px}.slide-content,.tour-panel--home{gap:32px}}@media (max-width:760px){.tour-panel{--demo-height:min(340px, 43svh);padding:24px 24px 32px}.tour-panel--home{grid-template-columns:minmax(0,1fr);gap:28px}.group-heading{margin-bottom:8px}.group-heading h2{font-size:18px}.slide-nav{overscroll-behavior-x:contain;scrollbar-width:none;flex-wrap:nowrap;gap:16px;margin:0 -4px 12px;padding:0 4px;overflow-x:auto}.slide-nav::-webkit-scrollbar{display:none}.slide-nav a{flex-shrink:0;font-size:13px}.slide-content{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:12px}.topic-copy{width:100%;margin-inline-start:auto;margin-inline-end:auto}.topic-copy h3{font-size:clamp(26px,7vw,34px);line-height:1.3}.topic-copy>p{max-width:44ch;margin-top:14px;font-size:16px;line-height:1.7}.topic-points{gap:4px 16px;margin-top:14px;font-size:12px}.role-labels span{font-size:12px}.showcase-copy h1{font-size:clamp(34px,9vw,42px)}.showcase-copy>p{max-width:38ch;font-size:16px}.showcase-abilities{gap:0 16px;margin-top:12px;font-size:13px}.showcase-next{margin-top:12px}.showcase-media{gap:16px;max-width:340px}.showcase-media figcaption{margin-bottom:8px;font-size:11px}}@media (max-width:359px){.tour-panel{padding-inline-start:20px;padding-inline-end:20px}.showcase-media{gap:12px}.header-actions{gap:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root[data-reduced-motion=true] *,:root[data-reduced-motion=true] :before,:root[data-reduced-motion=true] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media (forced-colors:active){.button,.appearance summary,.appearance-panel,.theme-options button,.court-options button{border:1px solid buttontext}.court-options button[aria-pressed=true]{outline:2px solid highlight}}.support-link{min-height:44px;color:var(--muted);justify-content:center;align-items:center;margin-top:8px;font-size:13px;display:flex}.support-link:hover{color:var(--ink);text-underline-offset:4px;text-decoration:underline}:root[data-reduced-motion=true] .topic-copy,:root[data-reduced-motion=true] .topic-demo,:root[data-reduced-motion=true] .showcase-media{opacity:1!important;clip-path:none!important;transform:none!important}@media (forced-colors:active){.content-edge-fade{display:none}}