@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.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{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070707;--fg:#fbfbfb;--muted:#8a8a8a;--muted-2:#5f5f5f;--card:#111;--card-2:#171717;--border:#1f1f1f;--border-2:#2a2a2a;--code-bg:#0c0c0c;--accent:#ff29b0;--accent-2:#9435ed;--font:"Inter Variable", "Segoe UI", "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.5}a{color:inherit}.page{max-width:960px;margin:0 auto;padding:0 24px 40px;position:relative}.hero{text-align:center;padding:64px 0 44px;position:relative}.hero__mark{background:var(--card);border:1px solid var(--border);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:18px;display:inline-flex;box-shadow:0 0 60px #ff29b01f}.hero h1{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:500}.hero__tagline{max-width:560px;color:var(--muted);text-wrap:balance;margin:8px auto 0;font-size:14px}.hero__links{gap:8px;display:flex;position:absolute;top:24px;right:0}.icon-button{border:1px solid var(--border-2);background:var(--card);width:36px;height:36px;color:var(--fg);border-radius:999px;justify-content:center;align-items:center;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.icon-button:hover{background:var(--card-2);border-color:#3a3a3a}.section{margin-bottom:40px}.section>h2{color:var(--fg);margin:0 0 12px;font-size:15px;font-weight:500}.section__sub{color:var(--muted);margin:-6px 0 14px;font-size:13.5px}.card{background:var(--card);border:1px solid var(--border);border-radius:22px;overflow:hidden}.card--demo{border-radius:24px;margin-bottom:44px}.card--text{padding:20px 22px}.card--text h3{margin:0 0 8px;font-size:14px;font-weight:500}.card--text p{color:var(--muted);margin:0;font-size:13.5px;line-height:1.55}.card--text code{font-family:var(--mono);color:var(--fg);background:var(--card-2);border:1px solid var(--border-2);border-radius:6px;padding:1px 5px;font-size:12.5px}.tabs{gap:4px;margin-bottom:10px;display:inline-flex}.code{background:var(--code-bg);border:1px solid var(--border);border-radius:16px;position:relative}.code pre{font-family:var(--mono);color:var(--fg);margin:0;padding:16px 56px 16px 20px;font-size:13.5px;line-height:1.6;overflow-x:auto}.code--compact pre{padding:14px 56px 14px 18px;font-size:13px}.code__copy{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:10px;right:10px}.code__copy:hover{color:var(--fg);background:var(--card-2);border-color:var(--border-2)}.tok-comment{color:#6b6b6b}.tok-string{color:#f0a5d5}.tok-keyword{color:#c4b5fd}.tok-tag{color:#86e1ff}.tok-attr{color:#d8d8d8}.tok-number{color:#ffd28a}.tok-fn{color:#fbfbfb}.playground{flex-direction:column;gap:12px;display:flex}.card--controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 18px;padding:18px 20px 20px;display:grid}.field{flex-direction:column;gap:8px;min-width:0;display:flex}.field--wide{grid-column:1/-1}.field--actions{flex-direction:row;grid-column:1/-1;justify-content:flex-start}.field__label{color:var(--muted);font-size:12px}.segmented{flex-wrap:wrap;gap:6px;display:flex}.segmented__button{font:inherit;background:var(--card-2);color:var(--muted);cursor:pointer;border:1px solid #0000;border-radius:10px;padding:7px 13px;font-size:13px;transition:background .15s,color .15s}.segmented__button:hover{color:var(--fg)}.segmented__button--active{color:var(--fg);background:#262626}.slider{align-items:center;gap:10px;height:34px;display:flex}.slider input[type=range]{appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:34px;margin:0}.slider input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, #2c2c2c 0 var(--pct), var(--card-2) var(--pct) 100%);border:1px solid var(--border-2);border-radius:10px;height:34px}.slider input[type=range]::-webkit-slider-thumb{appearance:none;background:#4a4a4a;border:0;border-radius:6px;width:8px;height:32px;margin-top:0}.slider input[type=range]::-moz-range-track{background:linear-gradient(90deg, #2c2c2c 0 var(--pct), var(--card-2) var(--pct) 100%);border:1px solid var(--border-2);border-radius:10px;height:34px}.slider input[type=range]::-moz-range-thumb{background:#4a4a4a;border:0;border-radius:6px;width:8px;height:32px}.slider__value{font-family:var(--mono);color:var(--muted);text-align:right;min-width:52px;font-size:12px}.toggle{border:1px solid var(--border-2);background:var(--card-2);height:34px;color:var(--muted);font:inherit;cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:0 12px 0 8px;font-size:13px;display:inline-flex}.toggle--on{color:var(--fg)}.toggle__track{background:#2a2a2a;border-radius:999px;width:30px;height:18px;transition:background .2s;position:relative}.toggle--on .toggle__track{background:linear-gradient(90deg, var(--accent), var(--accent-2))}.toggle__thumb{background:#fff;border-radius:999px;width:14px;height:14px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle--on .toggle__thumb{transform:translate(12px)}.button{font:inherit;border:1px solid var(--border-2);background:var(--fg);color:#0a0a0a;cursor:pointer;border-radius:10px;padding:9px 14px;font-size:13px}.button:hover{background:#e6e6e6}.card--preview{aspect-ratio:1264/532;background:#fff;position:relative}.preview__canvas{position:absolute;inset:0}.how{flex-direction:column;gap:12px;display:flex}.how__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.card--timeline{padding:18px 22px 20px}.timeline__head{justify-content:space-between;align-items:baseline;margin-bottom:12px;font-size:13px;display:flex}.timeline__axis{width:62%;color:var(--muted-2);justify-content:space-between;font-size:11px;display:flex}.timeline__axis em{font-style:normal}.timeline__row{align-items:center;gap:12px;height:26px;display:flex}.timeline__label{width:38%;color:var(--muted);font-size:12.5px}.timeline__track{background:var(--card-2);border-radius:999px;flex:1;height:8px;position:relative}.timeline__bar{border-radius:999px;height:100%;position:absolute;top:0}.timeline__bar--out{background:#4b4b4b}.timeline__bar--cloud{background:linear-gradient(90deg, var(--accent), var(--accent-2))}.timeline__bar--in{background:#86e1ff}.footer{text-align:center;color:var(--muted);padding:40px 0 16px;font-size:13px}.footer a{color:var(--fg);text-decoration:none}.footer a:hover{text-decoration:underline}.footer__links{color:var(--muted-2);flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;font-size:12.5px;display:flex}.footer__links a{color:var(--muted)}.footer__note{color:var(--muted-2);margin-top:6px;font-size:12px}@media (width<=860px){.card--controls{grid-template-columns:repeat(2,minmax(0,1fr))}.how__grid{grid-template-columns:1fr}.timeline__label{width:46%}}@media (width<=520px){.hero{padding-top:84px}.card--controls{grid-template-columns:1fr}}.stats-section{--heading-solid:#061b31;--text-quiet:#7d8ba4;--text-soft:#4f5e78;--border-quiet:#e6ebf1;--gap:16px;--page-margin:20px;--stats-section-transition-duration:1.2s;--stats-section-transition-timing-function:cubic-bezier(.65, 0, .35, 1);--stats-color:#1318c1;--stats-border-color:#0710bf33;padding:0 var(--page-margin);color:var(--heading-solid);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;font-weight:300;position:relative;overflow:hidden}.stats-section--dark{--heading-solid:#fcfdfe;--text-quiet:#8e94c8;--text-soft:#c6c8e6;--border-quiet:#ffffff24;color:#fcfdfe;transition:background var(--stats-section-transition-duration) var(--stats-section-transition-timing-function);background:#141e4b}.stats-section__border{inset:0 var(--page-margin);border-inline:1px solid var(--border-quiet);pointer-events:none;z-index:2;mix-blend-mode:multiply;position:absolute}.stats-section--dark .stats-section__border{mix-blend-mode:exclusion}.stats-section__container{z-index:1;padding-top:56px;position:relative}.stats-section__row{flex-direction:column;gap:48px;display:flex}.stats-section__title{text-align:center;letter-spacing:-1.1px;max-width:14ch;color:var(--heading-solid);text-wrap:pretty;transition:color var(--stats-section-transition-duration) var(--stats-section-transition-timing-function);align-self:center;margin:0;font-size:44px;font-weight:300;line-height:1.05}.stats-section__stats-menu{gap:var(--gap);border-block:1px solid var(--border-quiet);--stats-indicator-width:calc((100% - 3 * var(--gap)) / 4);--stats-indicator-offset:calc(var(--hover-indicator-index,0) * (var(--stats-indicator-width) + var(--gap)));grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;margin-inline:-1px;display:grid;position:relative}.stats-menu__stat-wrapper{cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding-block:30px;display:flex}.stats-menu__stat{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none;flex-direction:column;padding:0;display:flex}.stats-menu__stat:focus-visible{outline:none}.stats-menu__stat-wrapper:has(.stats-menu__stat:focus-visible){outline-offset:-1px;outline:2px solid #635bff80}.stats-menu__stat-value{text-align:center;letter-spacing:-.72px;margin:0;font-size:36px;font-weight:300;line-height:1;transition:color .3s cubic-bezier(.25,1,.5,1)}.stats-menu__stat-description{text-align:center;text-wrap:balance;max-width:200px;font-size:14px;font-weight:300;line-height:1.4;transition:color .3s cubic-bezier(.25,1,.5,1)}:is(.stats-menu__stat-wrapper:has(.stats-menu__stat--active) .stats-menu__stat-value,.stats-menu__stat-wrapper:has(.stats-menu__stat--active) .stats-menu__stat-description){color:var(--heading-solid)}:is(.stats-menu__stat-wrapper:not(:has(.stats-menu__stat--active)) .stats-menu__stat-value,.stats-menu__stat-wrapper:not(:has(.stats-menu__stat--active)) .stats-menu__stat-description){color:var(--text-quiet)}:is(.stats-menu__stat-wrapper:not(:has(.stats-menu__stat--active)):hover .stats-menu__stat-value,.stats-menu__stat-wrapper:not(:has(.stats-menu__stat--active)):hover .stats-menu__stat-description){color:var(--text-soft)}.stats-section--transitioning .stats-menu__stat-value,.stats-section--transitioning .stats-menu__stat-description,.stats-section--transitioning .stats-section__title{transition:color var(--stats-section-transition-duration) var(--stats-section-transition-timing-function)}.stats-section__active-indicator{left:var(--stats-indicator-offset);width:var(--stats-indicator-width);background:linear-gradient(90deg, transparent 0, var(--stats-color) 50%, transparent 100%);pointer-events:none;z-index:2;height:1px;transition:left .4s cubic-bezier(.4,0,.2,1),background .4s cubic-bezier(.4,0,.2,1);position:absolute}.stats-section__active-indicator--top{top:-1px}.stats-section__active-indicator--bottom{bottom:-1px}.stats-section__stats-spacer{aspect-ratio:1264/532;width:100%;position:relative}.stats-section__controls{z-index:1;column-gap:4px;display:inline-flex;position:absolute;top:20px;right:8px}.data-viz{align-items:end;height:100%;display:flex;position:absolute;inset:0}.data-viz__canvas{width:100%;height:100%;display:block}.section-background{pointer-events:none;z-index:0;position:absolute;inset:0}.stats-animation-gradient{position:absolute;inset:0;overflow:hidden}.stats-animation-gradient__gradient{opacity:0;transition:opacity var(--stats-section-transition-duration) var(--stats-section-transition-timing-function);position:absolute;inset:0}.stats-animation-gradient__gradient--active{opacity:1}.stats-animation-gradient--no-transition .stats-animation-gradient__gradient{transition:none}.time-of-day-select{position:relative}.time-of-day-select__trigger{appearance:none;border:1px solid var(--stats-border-color);cursor:pointer;min-width:32px;min-height:32px;color:var(--stats-color);transition:border-color var(--stats-section-transition-duration) var(--stats-section-transition-timing-function);background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:0;display:inline-flex}.time-of-day-select__trigger:focus-visible{outline:none;box-shadow:0 0 0 3px #635bff1a}.time-of-day-select__menu{border:1px solid var(--stats-border-color);z-index:2;background:var(--stats-option-menu-background,#f8fafd8c);-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);border-radius:6px;outline:none;flex-direction:column;gap:6px;min-width:100px;padding:8px;display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}.time-of-day-select__option{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;align-items:center;gap:8px;padding:4px;transition:all .3s cubic-bezier(.25,1,.5,1);display:flex}.time-of-day-select__option--active{background:var(--stats-option-active-background)}.time-of-day-select__option--selected,.time-of-day-select__option--selected.time-of-day-select__option--active{background:var(--stats-option-selected-background)}.time-of-day-select__option-icon{width:20px;height:20px;color:var(--stats-color);flex-shrink:0;justify-content:center;align-items:center;display:flex}.time-of-day-select__option-label{color:var(--stats-color);flex:1;font-size:14px;font-weight:300;line-height:1.4}.time-of-day-select__option--selected .time-of-day-select__option-label{font-weight:400}@media (width<=720px){.stats-section__title{font-size:34px}.stats-section__stats-menu{--stats-indicator-width:calc((100% - var(--gap)) / 2);--stats-indicator-offset:calc(mod(var(--hover-indicator-index,0), 2) * (var(--stats-indicator-width) + var(--gap)));grid-template-columns:repeat(2,minmax(0,1fr))}.stats-menu__stat-value{font-size:28px}.stats-menu__stat-description{font-size:13px}}