:root{--gs-font: "Helvetica Neue", Helvetica, Arial, sans-serif;--gs-font-size-xs: 11px;--gs-font-size-sm: 13px;--gs-font-size-md: 15px;--gs-font-size-lg: 17px;--gs-font-size-xl: 20px;--gs-line-height: 1.2;--gs-black: #000000;--gs-white: #ffffff;--gs-gray-900: #131315;--gs-gray-800: #1c1c1e;--gs-gray-700: #2a2a2d;--gs-gray-600: #3a3a3e;--gs-gray-500: #58585c;--gs-gray-400: #8e8e93;--gs-gray-300: #b8b8bd;--gs-gray-200: #d9d9de;--gs-gray-100: #f2f2f5;--gs-text: #ffffff;--gs-text-secondary: #a1a1a6;--gs-text-tertiary: #6f6f75;--gs-text-link: #8cb6ff;--gs-text-on-blue: #ffffff;--gs-text-disabled: rgba(255, 255, 255, .35);--gs-text-shadow-dark: 0 -1px 0 rgba(0, 0, 0, .7);--gs-text-shadow-light: 0 1px 0 rgba(255, 255, 255, .6);--gs-blue-100: #9ec4ff;--gs-blue-300: #5b9bf0;--gs-blue-500: #2f74d8;--gs-blue-700: #1d4fa4;--gs-blue-900: #12376f;--gs-red-300: #ff7b76;--gs-red-500: #d8332e;--gs-red-700: #9c1712;--gs-green-500: #4cd964;--gs-screen-bg: #000000;--gs-pinstripe-bg: repeating-linear-gradient( to right, #151517 0px, #151517 6px, #1b1b1e 6px, #1b1b1e 7px );--gs-surface: #2c2c2f;--gs-surface-raised: #38383c;--gs-surface-sunken: #1a1a1c;--gs-separator: rgba(0, 0, 0, .85);--gs-separator-light: rgba(255, 255, 255, .09);--gs-gloss: linear-gradient( to bottom, rgba(255, 255, 255, .3) 0%, rgba(255, 255, 255, .12) 50%, rgba(255, 255, 255, 0) 50.5%, rgba(255, 255, 255, 0) 100% );--gs-gloss-soft: linear-gradient( to bottom, rgba(255, 255, 255, .18) 0%, rgba(255, 255, 255, .06) 50%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100% );--gs-gradient-bar: linear-gradient( to bottom, #6e6e72 0%, #4b4b4f 49%, #333336 50%, #1f1f22 100% );--gs-gradient-dark: linear-gradient( to bottom, #5a5a5f 0%, #414145 49%, #303034 50%, #232326 100% );--gs-gradient-dark-pressed: linear-gradient( to bottom, #1c1c1f 0%, #26262a 50%, #2d2d31 100% );--gs-gradient-blue: linear-gradient( to bottom, #8fb8f5 0%, #4d8ae4 49%, #2a6bd2 50%, #1d55b5 100% );--gs-gradient-blue-pressed: linear-gradient( to bottom, #17427f 0%, #1f56a8 50%, #2b66bf 100% );--gs-gradient-red: linear-gradient( to bottom, #f08a86 0%, #d9403b 49%, #c1221d 50%, #9a1511 100% );--gs-gradient-red-pressed: linear-gradient( to bottom, #6f0e0b 0%, #8d1713 50%, #a11d19 100% );--gs-icon-inactive-top: #b9b9be;--gs-icon-inactive-bottom: #5f5f64;--gs-icon-active-top: #a6d0ff;--gs-icon-active-bottom: #2a70e0;--gs-radius-sm: 5px;--gs-radius-md: 8px;--gs-radius-lg: 10px;--gs-radius-pill: 999px;--gs-rim-light: inset 0 1px 0 rgba(255, 255, 255, .22);--gs-rim-dark: 0 1px 0 rgba(0, 0, 0, .75);--gs-emboss: var(--gs-rim-light), var(--gs-rim-dark);--gs-inset: inset 0 2px 5px rgba(0, 0, 0, .75), inset 0 0 0 1px rgba(0, 0, 0, .55);--gs-shadow-pop: 0 8px 24px rgba(0, 0, 0, .7), 0 2px 6px rgba(0, 0, 0, .5);--gs-border: 1px solid rgba(0, 0, 0, .9);--gs-border-light: 1px solid rgba(255, 255, 255, .14);--gs-space-1: 4px;--gs-space-2: 8px;--gs-space-3: 12px;--gs-space-4: 16px;--gs-space-5: 20px;--gs-control-height: 44px;--gs-bar-height: 44px;--gs-tabbar-height: 49px;--gs-statusbar-height: 20px;--gs-bar-border: #000000;--gs-bar-rim: rgba(255, 255, 255, .25);--gs-gradient-barbutton: var(--gs-gradient-dark);--gs-gradient-barbutton-pressed: var(--gs-gradient-dark-pressed);--gs-gradient-neutral: var(--gs-gradient-dark);--gs-gradient-neutral-pressed: var(--gs-gradient-dark-pressed);--gs-text-on-neutral: #ffffff;--gs-text-shadow-on-neutral: var(--gs-text-shadow-dark);--gs-text-on-bar: #ffffff;--gs-text-shadow-on-bar: var(--gs-text-shadow-dark);--gs-text-emboss: var(--gs-text-shadow-dark);--gs-header-text: var(--gs-text-secondary);--gs-surface-gloss: none;--gs-statusbar-gradient: linear-gradient(to bottom, #464649 0%, #2f2f32 49%, #1f1f21 50%, #0f0f10 100%);--gs-ease: cubic-bezier(.25, .1, .25, 1);--gs-duration: .16s;--gs-focus-ring: 0 0 0 2px rgba(143, 184, 245, .85)}.gs-root[data-theme=light],.gs-theme-light{color-scheme:light;--gs-text: #000000;--gs-text-secondary: #4c566c;--gs-text-tertiary: #8e8e93;--gs-text-link: #385487;--gs-text-disabled: rgba(0, 0, 0, .35);--gs-text-emboss: 0 1px 0 rgba(255, 255, 255, .75);--gs-header-text: #4c566c;--gs-screen-bg: #ffffff;--gs-pinstripe-bg: repeating-linear-gradient( to right, #c5ccd4 0px, #c5ccd4 6px, #cdd3da 6px, #cdd3da 7px );--gs-surface: #ffffff;--gs-surface-raised: #f7f7f9;--gs-surface-sunken: #ffffff;--gs-separator: rgba(0, 0, 0, .16);--gs-separator-light: rgba(255, 255, 255, .9);--gs-surface-gloss: linear-gradient(to bottom, rgba(255, 255, 255, .6), rgba(255, 255, 255, 0) 50%);--gs-gradient-bar: linear-gradient( to bottom, #b0bccd 0%, #8a9bb4 49%, #6d84a2 50%, #5b7397 100% );--gs-bar-border: #2d3642;--gs-bar-rim: rgba(255, 255, 255, .45);--gs-gradient-barbutton: linear-gradient( to bottom, #8aa4c8 0%, #6684ad 49%, #51739f 50%, #45668f 100% );--gs-gradient-barbutton-pressed: linear-gradient(to bottom, #2c4f82 0%, #35598e 50%, #3f6499 100%);--gs-text-on-bar: #ffffff;--gs-text-shadow-on-bar: 0 -1px 0 rgba(0, 0, 0, .4);--gs-statusbar-gradient: linear-gradient(to bottom, #a3b1c4 0%, #8a9bb4 49%, #6d84a2 50%, #5b7397 100%);--gs-gradient-neutral: linear-gradient( to bottom, #fdfdfe 0%, #eef0f4 49%, #dfe3ea 50%, #cbd1da 100% );--gs-gradient-neutral-pressed: linear-gradient(to bottom, #b9c1ce 0%, #cfd5df 50%, #dfe3ea 100%);--gs-text-on-neutral: #1c1c1e;--gs-text-shadow-on-neutral: 0 1px 0 rgba(255, 255, 255, .8);--gs-border: 1px solid rgba(0, 0, 0, .32);--gs-border-light: 1px solid rgba(255, 255, 255, .8);--gs-rim-light: inset 0 1px 0 rgba(255, 255, 255, .9);--gs-rim-dark: 0 1px 0 rgba(255, 255, 255, .55);--gs-inset: inset 0 2px 4px rgba(0, 0, 0, .22), inset 0 0 0 1px rgba(0, 0, 0, .22);--gs-shadow-pop: 0 8px 24px rgba(0, 0, 0, .35), 0 2px 6px rgba(0, 0, 0, .25);--gs-focus-ring: 0 0 0 2px rgba(47, 116, 216, .75);--gs-icon-inactive-top: #ffffff;--gs-icon-inactive-bottom: #c9d3e0}.gs-root{font-family:var(--gs-font);font-size:var(--gs-font-size-lg);line-height:var(--gs-line-height);color:var(--gs-text);background:var(--gs-screen-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}.gs-root *,.gs-root *:before,.gs-root *:after{box-sizing:border-box}:where([class^=gs-],[class*=" gs-"]) :where(button,input,textarea,select),:where(button,input,textarea,select):where([class^=gs-],[class*=" gs-"]){font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.gs-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:root{color-scheme:dark;--site-bg: #0c0c0e;--site-panel: #141416;--site-border: rgba(255, 255, 255, .08);--site-text: #ececef;--site-muted: #8b8b92;--site-accent: #8fb8f5;--site-font: "Helvetica Neue", Helvetica, Arial, sans-serif;--site-mono: "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;background:var(--site-bg);color:var(--site-text);font-family:var(--site-font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.site{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.site__nav{position:sticky;top:0;height:100vh;padding:28px 20px;border-right:1px solid var(--site-border);background:var(--site-panel);display:flex;flex-direction:column}.site__brand{display:inline-flex;align-items:baseline;gap:6px;margin-bottom:28px}.site__brand-mark{font-weight:800;font-size:22px;letter-spacing:-.5px;padding:2px 8px;border-radius:7px;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.7);background:linear-gradient(to bottom,#ffffff4d,#ffffff1f 50%,#fff0 50.5%),linear-gradient(to bottom,#4d8ae4,#1d55b5);box-shadow:inset 0 1px #ffffff40,0 1px #000000b3,0 0 0 1px #000000e6}.site__brand-text{font-weight:700;font-size:18px;color:var(--site-muted)}.site__theme{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 18px;padding:8px 10px;border:1px solid var(--site-border);border-radius:8px;font-size:13px;color:var(--site-muted);cursor:pointer}.site__nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.site__nav li a{display:block;padding:7px 10px;border-radius:6px;font-size:14px;color:var(--site-muted);transition:background .12s,color .12s}.site__nav li a:hover{background:#ffffff0f;color:var(--site-text)}.site__nav-foot{margin-top:auto;font-size:12px;color:var(--site-muted)}.site__main{padding:48px 56px 96px;max-width:1180px}.hero{display:grid;grid-template-columns:minmax(280px,1fr) auto;gap:48px;align-items:center;padding-bottom:48px;border-bottom:1px solid var(--site-border);margin-bottom:24px}.hero__note{margin:20px 0 0;font-size:13px;color:var(--site-muted)}.hero__eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--site-accent);margin:0 0 12px}.hero h1{font-size:clamp(34px,5vw,56px);line-height:1.02;letter-spacing:-.02em;margin:0 0 20px;font-weight:800}.hero h1 em{font-style:normal;background:linear-gradient(to bottom,#d5e6ff,#6fa3ef 50%,#2f74d8 51%,#1d4fa4);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__lede{max-width:620px;font-size:17px;line-height:1.55;color:var(--site-muted);margin:0 0 24px}.hero__install,.demo__usage{margin:0;padding:14px 16px;border-radius:8px;background:#0a0a0b;border:1px solid var(--site-border);font-family:var(--site-mono);font-size:13px;line-height:1.5;color:#d7d7dc;overflow-x:auto;white-space:pre}.hero__install{display:inline-block}.hero__install::-webkit-scrollbar,.demo__usage::-webkit-scrollbar{height:6px}.hero__install::-webkit-scrollbar-thumb,.demo__usage::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:3px}.demo{display:grid;grid-template-columns:minmax(280px,1fr) auto;gap:48px;align-items:start;padding:56px 0;border-bottom:1px solid var(--site-border);scroll-margin-top:24px}.demo__text h2{font-size:30px;letter-spacing:-.015em;margin:0 0 12px;font-weight:800}.demo__text>p{color:var(--site-muted);font-size:16px;line-height:1.55;margin:0 0 20px;max-width:520px}.demo__props{margin:20px 0 0;display:grid;grid-template-columns:max-content 1fr;column-gap:14px;font-size:13px}.demo__prop{display:contents}.demo__prop dt,.demo__prop dd{padding:8px 0;border-top:1px solid var(--site-border)}.demo__prop dt code{font-family:var(--site-mono);color:var(--site-accent)}.demo__prop dd{margin:0;display:flex;flex-direction:column;gap:3px}.demo__prop-type{font-family:var(--site-mono);color:#cfcfd4;word-break:break-word}.demo__prop-note{color:var(--site-muted)}.demo__phone{position:sticky;top:40px}@media(max-width:960px){.site{grid-template-columns:1fr}.site__nav{position:static;height:auto;border-right:0;border-bottom:1px solid var(--site-border)}.site__theme{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 18px;padding:8px 10px;border:1px solid var(--site-border);border-radius:8px;font-size:13px;color:var(--site-muted);cursor:pointer}.site__nav ul{flex-direction:row;flex-wrap:wrap}.site__main{padding:32px 20px 64px}.hero,.demo{grid-template-columns:1fr;gap:28px}.hero__phone{display:flex;justify-content:center}.demo__phone{position:static;display:flex;justify-content:center}}