: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(80px + env(safe-area-inset-top))}html{min-height:100%;scroll-padding-top:var(--header-height,80px)}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:80px;padding:env(safe-area-inset-top) max(24px, env(safe-area-inset-right)) 0 max(24px, env(safe-area-inset-left));border-bottom:1px solid var(--line);z-index:5;background:var(--paper);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px;display:grid;position:sticky;top:0}.brand{white-space:nowrap;align-items:center;gap:10px;min-height:44px;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;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}.topic-navigation{align-self:stretch;align-items:center;gap:4px;min-width:0;display:flex}.topic-list{overscroll-behavior-x:contain;scrollbar-width:none;flex:1;align-items:stretch;gap:22px;min-width:0;padding:0 4px;display:flex;overflow-x:auto}.topic-list::-webkit-scrollbar{display:none}.topic-list a{min-height:66px;color:var(--muted);white-space:nowrap;flex-shrink:0;align-items:center;padding:8px 2px;font-size:15px;font-weight:500;display:flex;position:relative}.topic-list a:after{content:"";background:0 0;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:2px;right:2px}.topic-list a:hover{color:var(--ink)}.topic-list a[aria-current=location]{color:var(--accent);font-weight:600}.topic-list a[aria-current=location]:after{background:var(--accent)}.topic-list a:focus-visible{outline-offset:-4px;border-radius:6px}.topic-scroll{width:44px;min-width:44px;min-height:44px;color:var(--accent);background:0 0;border:0;border-radius:10px;place-items:center;padding:0;display:grid}.topic-scroll:hover:not(:disabled){background:var(--surface-muted)}.topic-scroll:disabled{opacity:.3;cursor:default}.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(72px + env(safe-area-inset-top));width:340px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 96px - 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{min-height:calc(100svh - var(--header-height,80px));grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(32px,5vw,80px);width:min(1600px,100%);margin-inline-start:auto;margin-inline-end:auto;padding:48px clamp(28px,5vw,80px);display:grid}.topic-copy{min-width:0;max-width:520px}.topic-copy h2{letter-spacing:-.01em;font-size:clamp(34px,3.7vw,56px);font-weight:600;line-height:1.35}.topic-copy>p{color:var(--muted);overflow-wrap:anywhere;max-width:38ch;margin-top:24px;font-size:18px;line-height:1.85}.topic-points{gap:10px;margin-top:30px;padding:0;font-size:14px;line-height:1.8;list-style:none;display:grid}.topic-points li{align-items:baseline;gap:10px;display:flex}.topic-points li:before{content:"";background:var(--accent);border-radius:50%;flex-shrink:0;align-self:center;width:5px;height:5px}.topic-demo{width:100%;min-width:0}.media-space{place-items:center;width:100%;display:grid}.media-stack{width:min(100%, calc(min(740px, 85svh) * var(--media-ratio)));min-width:0}.media-stack--connected{--media-ratio:1.00503;width:min(100%,800px)}.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:.65}.app-recording{width:100%;aspect-ratio:var(--media-ratio);background:var(--surface-app);box-shadow:var(--shadow-soft);isolation:isolate;border-radius:16px;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}.tour-panel--overview{grid-template-columns:minmax(0,1fr);padding-block-start:36px;padding-block-end:36px}.media-stack--connected .app-recording{box-shadow:none;border-radius:0}.connected-mobile{display:none}.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:15px;font-weight:600;display:flex;position:absolute;top:0}.role-labels span+span{left:51.25%}.tour-panel--home{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:48px}.showcase-copy h1{letter-spacing:-.025em;font-size:clamp(40px,4.3vw,66px);font-weight:650;line-height:1.28}.showcase-copy>p{max-width:38ch;font-size:18px}.showcase-abilities{color:var(--accent);flex-wrap:wrap;gap:10px 20px;margin-top:28px;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:48px;color:var(--accent);align-items:center;gap:18px;margin-top:32px;padding:8px 0;font-size:15px;font-weight:600;display:inline-flex}.showcase-media{grid-template-rows:1fr 1fr;grid-template-columns:1.08fr .92fr;align-items:center;gap:24px;width:100%;min-width:0;max-width:630px;margin-inline-start:auto;margin-inline-end:auto;display:grid}.showcase-media figure{min-width:0}.showcase-media figcaption{color:var(--accent);margin-bottom:12px;font-size:13px;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}@media (max-width:1180px){.site-header{gap:20px;padding-inline-start:20px;padding-inline-end:20px}.topic-list{gap:18px}.topic-list a{font-size:14px}.brand{font-size:21px}.header-actions{gap:8px}.tour-panel{gap:36px;padding-inline-start:36px;padding-inline-end:36px}.topic-copy h2{font-size:38px}.topic-copy>p{font-size:16px}.showcase-copy h1{font-size:48px}.showcase-media{gap:18px}}@media (max-width:760px){:root{--header-height:calc(118px + env(safe-area-inset-top))}.site-header{grid-template-columns:1fr auto;gap:0 12px;min-height:0;padding-inline-start:16px;padding-inline-end:16px}.brand,.header-actions{min-height:64px}.topic-navigation{border-top:1px solid var(--line);grid-area:2/1/auto/-1;height:54px;margin-inline-start:-16px;margin-inline-end:-16px;padding-inline-start:12px;padding-inline-end:12px}.topic-list{gap:20px}.topic-list a{min-height:53px;font-size:14px}.button{padding-inline-start:14px;padding-inline-end:14px}.appearance-panel{top:calc(62px + env(safe-area-inset-top));max-height:calc(100dvh - 84px - env(safe-area-inset-top));right:16px}.tour-panel{grid-template-columns:minmax(0,1fr);gap:32px;padding:36px 24px}.topic-copy{width:100%;margin-inline-start:auto;margin-inline-end:auto}.topic-copy h2{font-size:clamp(28px,7.6vw,40px);line-height:1.3}.topic-copy>p{max-width:44ch;margin-top:16px;font-size:16px;line-height:1.75}.topic-points{flex-wrap:wrap;gap:4px 16px;margin-top:16px;font-size:13px;display:flex}.media-stack{width:min(100%,390px)}.tour-panel--overview{padding:28px 24px}.connected-desktop{display:none}.connected-mobile{display:block}.media-stack--connected{--media-ratio:.244975}.role-labels span{width:100%;height:2.26131%;font-size:14px}.role-labels span+span{top:50%;left:0}.showcase-copy h1{font-size:clamp(36px,10vw,48px)}.showcase-copy>p{max-width:38ch}.showcase-abilities{gap:0 16px;margin-top:16px;font-size:13px}.showcase-next{margin-top:20px;font-size:14px}.showcase-media{gap:18px;max-width:440px}.showcase-media figcaption{margin-bottom:10px;font-size:12px}}@media (max-width:359px){.tour-panel{padding-inline-start:20px;padding-inline-end:20px}.showcase-media{gap:12px}.showcase-copy h1{font-size:34px}.role-labels span{font-size:13px}}@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}.topic-list a[aria-current=location]{outline-offset:-4px;outline:2px solid highlight}.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;transform:none!important}