.site-chrome{--nav-bg: #fffefbea;--nav-ink: #181122;--nav-body: #60566d;--nav-muted: #80758b;--nav-accent: #793bd4;--nav-soft: #eee5fc;--nav-line: #e3d8ed;--nav-card: #fff;--nav-surface: #f3eef9;--nav-shadow: 0 18px 55px #27143809;--nav-menu-shadow: 0 18px 55px #27143812;--nav-button-bg: #793bd4;--nav-button-ink: #fff;--nav-button-shadow: 0 4px 18px #6f26b914;--nav-button-shadow-hover: 0 7px 28px #8c48cb28;box-sizing:border-box;color:var(--nav-ink);font-family:Plus Jakarta Sans,Jakarta,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}html[data-theme=dark] .site-chrome{--nav-bg: #211a2bef;--nav-ink: #f4eff9;--nav-body: #c4bad3;--nav-muted: #ac9fbb;--nav-accent: #bd91ff;--nav-soft: #30203f;--nav-line: #41324f;--nav-card: #241c31;--nav-surface: #1b1525;--nav-shadow: 0 18px 55px #05030722;--nav-menu-shadow: 0 18px 55px #05030722;--nav-button-bg: #bf93fa;--nav-button-ink: #24132f}.site-chrome *,.site-chrome *:before,.site-chrome *:after{box-sizing:border-box}.site-chrome a{color:inherit;text-decoration:none}.site-chrome p{margin:0}.site-chrome .icon{width:22px;height:22px;flex-shrink:0}:root{--site-header-offset: 96px}.chrome-header{position:sticky;top:14px;z-index:60;width:min(1320px,calc(100% - 96px));margin:18px auto 0;border:1px solid var(--nav-line);border-radius:20px;background:var(--nav-bg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.chrome-header .chrome-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;height:80px;padding:0 22px}.site-chrome .chrome-brand{display:flex;align-items:center;gap:9px;font-size:24px;font-weight:700;letter-spacing:-1px;white-space:nowrap;color:var(--nav-ink)}.site-chrome .chrome-brand svg{display:block;width:38px;height:38px;overflow:visible;flex-shrink:0}.header-lips rect{transform-box:fill-box}.header-lips .lip-upper{transform-origin:center bottom}.header-lips .lip-lower{transform-origin:center top}.header-lips .lip-upper,.header-lips .lip-lower{animation:site-lip 1194ms ease-in-out infinite;animation-delay:var(--lip-delay, 0ms)}@keyframes site-lip{0%,50%,to{transform:scaleY(1)}25%{transform:scaleY(1.24)}75%{transform:scaleY(.76)}}.chrome-header .main-nav{display:flex;align-items:center;gap:22px;margin-left:auto;font-size:14px}.chrome-header .nav-trigger,.chrome-header .nav-link{display:flex;align-items:center;gap:5px;padding:10px 0;border:0;background:none;color:var(--nav-body);font:inherit;font-size:14px;cursor:pointer}.chrome-header .nav-trigger .icon{width:14px;height:14px}.chrome-header .nav-trigger[aria-expanded=true],.chrome-header .nav-trigger.active,.chrome-header .nav-link.active,.chrome-header .nav-link:hover,.chrome-header .nav-trigger:hover{color:var(--nav-accent)}.chrome-header .menu-parent,.chrome-header .resource-parent{position:relative}.chrome-header .mega-menu{position:absolute;top:calc(100% + 22px);left:-130px;z-index:5;width:650px;overflow:hidden;border:1px solid var(--nav-line);border-radius:18px;background:var(--nav-card);box-shadow:var(--nav-menu-shadow)}.chrome-header .menu-heading{padding:20px 24px 15px;border-bottom:1px solid var(--nav-line);color:var(--nav-muted);font-size:13px}.chrome-header .menu-products{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:12px}.chrome-header .menu-product{display:flex;align-items:center;gap:12px;padding:14px 12px;border:1px solid transparent;border-radius:11px;transition:background .18s,border-color .18s}.chrome-header .menu-product:hover{background:var(--nav-soft);border-color:var(--nav-line)}.chrome-header .menu-product strong{display:block;font-size:14px;font-weight:600;letter-spacing:-.2px}.chrome-header .menu-product small{display:block;margin-top:3px;color:var(--nav-muted);font-size:12px;line-height:1.5}.site-chrome .product-icon{display:grid;place-items:center;width:43px;height:43px;flex-shrink:0;border:1px solid color-mix(in srgb,var(--nav-accent) 12%,transparent);border-radius:12px;background:var(--nav-soft);color:var(--nav-accent)}.chrome-header .menu-foot{display:flex;justify-content:space-between;padding:16px 25px;background:var(--nav-surface);color:var(--nav-accent);font-size:13px;font-weight:600}.chrome-header .resources-menu{position:absolute;top:calc(100% + 14px);right:0;z-index:5;width:170px;padding:9px;border:1px solid var(--nav-line);border-radius:12px;background:var(--nav-card);box-shadow:var(--nav-shadow)}.chrome-header .resources-menu a{display:block;padding:10px;border-radius:7px}.chrome-header .resources-menu a:hover,.chrome-header .resources-menu a.active{background:var(--nav-surface)}.chrome-header .chrome-actions{display:flex;align-items:center;gap:12px}.site-chrome .chrome-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:10px 18px;border:1px solid transparent;border-radius:14px;background:var(--nav-button-bg);color:var(--nav-button-ink);font-size:14px;font-weight:600;line-height:1.5;box-shadow:var(--nav-button-shadow);transition:background .18s,box-shadow .18s}.site-chrome .chrome-button:hover{box-shadow:var(--nav-button-shadow-hover)}.site-chrome .chrome-button .download-apple{display:block;width:23px;height:23px;flex-shrink:0}.site-chrome .chrome-icon-button{display:grid;place-items:center;width:44px;min-width:44px;height:44px;padding:0;border:1px solid var(--nav-line);border-radius:50%;background:transparent;color:var(--nav-accent);font:inherit;font-size:21px;line-height:1;cursor:pointer}.chrome-header .chrome-theme-toggle{color:var(--nav-body);font-size:21px}.site-chrome .chrome-pill{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--nav-line);border-radius:999px;color:var(--nav-ink);font-size:14px;font-weight:600;line-height:1;white-space:nowrap;transition:border-color .18s,color .18s}.site-chrome .chrome-pill:hover{border-color:var(--nav-accent);color:var(--nav-accent)}.site-chrome .github-mark{display:block;width:18px;height:18px;flex-shrink:0}.site-chrome .chrome-stars{display:inline-flex;align-items:center}.site-chrome .chrome-stars-count{display:none;align-items:center;gap:4px}.site-chrome .chrome-star{display:block;width:14px;height:14px;flex-shrink:0;color:#e8a53a}.site-chrome [data-stars-ready] .chrome-stars-label{display:none}.site-chrome [data-stars-ready] .chrome-stars-count{display:inline-flex}.chrome-header .nav-github [data-stars-ready] .chrome-stars-label{display:inline;margin-right:8px}.chrome-header .nav-github,.chrome-header .chrome-mobile-trigger{display:none}.chrome-header .chrome-mobile-trigger .icon{width:20px;height:20px}html:not([data-nav-js]) .chrome-header .main-nav{display:flex;flex-direction:column;flex-basis:100%;position:static;align-items:stretch;gap:4px;margin-left:0;padding-bottom:8px}html:not([data-nav-js]) .chrome-header .mega-menu,html:not([data-nav-js]) .chrome-header .resources-menu{position:static;width:100%;margin:4px 0 10px;box-shadow:none}html:not([data-nav-js]) .chrome-header .nav-trigger,html:not([data-nav-js]) .chrome-header .nav-link{font-size:16px;padding:10px 5px}html:not([data-nav-js]) .chrome-header .chrome-inner{height:auto;min-height:80px;flex-wrap:wrap;padding-block:14px}html:not([data-nav-js]) .chrome-header .chrome-mobile-trigger{display:none}html[data-nav-js] .chrome-header:not([data-nav-ready]) [data-nav-panel]{display:none}.chrome-footer{width:min(1320px,calc(100% - 96px));margin:0 auto;padding:32px 0 26px;border-top:1px solid var(--nav-line)}.chrome-footer .chrome-footer-inner{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:22px}.chrome-footer .chrome-brand{font-size:20px}.chrome-footer .chrome-footer-brand p{margin-top:8px;color:var(--nav-muted);font-size:12px}.chrome-footer .chrome-footer-links{display:flex;flex-wrap:wrap;gap:23px;font-size:14px}.chrome-footer .chrome-footer-links a{display:inline-flex;align-items:center;min-height:40px}.chrome-footer a:hover{color:var(--nav-accent)}.chrome-footer .chrome-footer-legal{flex-basis:100%;color:var(--nav-muted);font-size:12px}.chrome-footer .chrome-footer-legal>a{margin-left:12px}.chrome-footer .chrome-text-button{margin-left:12px;padding:0;border:0;background:none;color:var(--nav-accent);font:inherit;font-size:12px;cursor:pointer}@media(min-width:1000px){.chrome-header{background:var(--nav-card);box-shadow:0 8px 28px #2714380a}html[data-nav-js] .chrome-header .main-nav{flex:1;justify-content:center;gap:36px;margin-left:0;font-size:16px}html[data-nav-js] .chrome-header .nav-trigger,html[data-nav-js] .chrome-header .nav-link{font-size:18px;font-weight:600;color:var(--nav-ink);white-space:nowrap;position:relative}html[data-nav-js] .chrome-header .nav-link.active,html[data-nav-js] .chrome-header .nav-link:hover,html[data-nav-js] .chrome-header .nav-trigger.active,html[data-nav-js] .chrome-header .nav-trigger:hover,html[data-nav-js] .chrome-header .nav-trigger[aria-expanded=true]{color:var(--nav-accent)}html[data-nav-js] .chrome-header .nav-link.active:after,html[data-nav-js] .chrome-header .nav-trigger.active:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:3px;border-radius:2px;background:var(--nav-accent)}.chrome-header .chrome-download{font-size:16px;min-height:48px}.chrome-header .chrome-brand{font-size:26px}}@media(min-width:1000px)and (max-width:1239px){html[data-nav-js] .chrome-header .main-nav{gap:18px}html[data-nav-js] .chrome-header .nav-trigger,html[data-nav-js] .chrome-header .nav-link{font-size:16px}}@media(max-width:1190px){.chrome-header,.chrome-footer{width:calc(100% - 64px)}}@media(max-width:1239px){.chrome-header .chrome-inner{gap:14px;padding:0 18px}.site-chrome .chrome-brand{font-size:21px}.site-chrome .chrome-brand svg{width:32px;height:32px}.chrome-header .main-nav{gap:16px}.chrome-header .chrome-actions{gap:7px}.chrome-header .chrome-actions .chrome-button{padding:10px 13px;font-size:13px}.chrome-header .chrome-actions .chrome-pill{padding:0 11px;font-size:13px}}@media(max-width:999px){.chrome-header .chrome-inner{position:relative}html[data-nav-js] .chrome-header .main-nav{display:none;position:absolute;top:88px;left:0;right:0;z-index:65;flex-direction:column;align-items:stretch;gap:8px;max-height:calc(100dvh - 112px);margin-left:0;padding:18px;overflow:auto;border:1px solid var(--nav-line);border-radius:18px;background:var(--nav-card);box-shadow:var(--nav-shadow)}html[data-nav-js] .chrome-header .main-nav.open{display:flex}.chrome-header .menu-parent,.chrome-header .resource-parent{position:static}.chrome-header .mega-menu{position:static;width:100%;margin:7px 0;border-radius:13px;box-shadow:none}.chrome-header .menu-products{grid-template-columns:1fr 1fr}.chrome-header .nav-trigger{width:100%;justify-content:space-between;padding:11px 5px;font-size:16px}.chrome-header .nav-link{padding:10px 5px;font-size:16px}.chrome-header .resources-menu{position:static;width:100%;box-shadow:none}html[data-nav-js] .chrome-header .chrome-actions .chrome-button{display:none}.chrome-header .chrome-actions{order:2;margin-left:auto}html[data-nav-js] .chrome-header .chrome-mobile-trigger{display:grid;order:3;margin:0;font-size:0}}@media(max-width:600px){:root{--site-header-offset: 80px}.chrome-header,.chrome-footer{width:calc(100% - 32px)}.chrome-header{top:10px;margin-top:10px;border-radius:17px}.chrome-header .chrome-inner{gap:8px;height:68px;padding:0 13px}.site-chrome .chrome-brand{gap:7px;font-size:21px;letter-spacing:-.8px}.site-chrome .chrome-brand svg{width:28px;height:28px}.chrome-header .chrome-actions{gap:7px}.site-chrome .chrome-icon-button,.chrome-header .chrome-mobile-trigger{width:40px;min-width:40px;height:44px}.chrome-header .chrome-theme-toggle{font-size:20px}.chrome-header .chrome-mobile-trigger .icon{width:18px;height:18px}.chrome-header .chrome-actions .chrome-pill{display:none}.chrome-header .nav-github{display:flex}html[data-nav-js] .chrome-header .main-nav{top:78px;gap:3px;max-height:calc(100dvh - 105px);padding:14px}.chrome-header .menu-products{grid-template-columns:1fr}.chrome-header .menu-heading{font-size:12px}.chrome-header .menu-foot{gap:12px;font-size:13px}.chrome-footer{padding:28px 0 22px}.chrome-footer .chrome-footer-inner{gap:20px}.chrome-footer .chrome-footer-links{gap:8px 18px;font-size:13px}.chrome-footer .chrome-footer-links a{min-height:36px}}@media(max-width:360px){.chrome-header .chrome-inner{gap:7px;padding-inline:11px}.site-chrome .chrome-brand{gap:6px;font-size:20px}.site-chrome .chrome-brand svg{width:27px;height:27px}}@media(prefers-reduced-motion:reduce){.header-lips .lip-upper,.header-lips .lip-lower{animation:none;transform:none}.site-chrome .chrome-button,.site-chrome .chrome-pill,.chrome-header .menu-product{transition:none}}