[data-accent=neutral]{--accent-tint:var(--neutral-surface-support);--accent-ink:var(--neutral-content-main-titles)}[data-accent=green]{--accent-tint:var(--accent-green-1);--accent-ink:var(--accent-green-2)}[data-accent=aqua]{--accent-tint:var(--accent-aqua-1);--accent-ink:var(--accent-aqua-2)}[data-accent=blue]{--accent-tint:var(--accent-blue-1);--accent-ink:var(--accent-blue-2)}[data-accent=purple]{--accent-tint:var(--accent-purple-1);--accent-ink:var(--accent-purple-2)}[data-accent=pink]{--accent-tint:var(--accent-pink-1);--accent-ink:var(--accent-pink-2)}[data-accent=yellow]{--accent-tint:var(--accent-yellow-1);--accent-ink:var(--accent-yellow-2)}[data-accent=orange]{--accent-tint:var(--accent-orange-1);--accent-ink:var(--accent-orange-2)}[data-accent=red]{--accent-tint:var(--accent-red-1);--accent-ink:var(--accent-red-2)}[data-accent=violet]{--accent-tint:var(--accent-violet-1);--accent-ink:var(--accent-violet-2)}[data-accent=rose]{--accent-tint:var(--accent-rose-1);--accent-ink:var(--accent-rose-2)}[data-accent=teal]{--accent-tint:var(--accent-teal-1);--accent-ink:var(--accent-teal-2)}[data-accent=lime]{--accent-tint:var(--accent-lime-1);--accent-ink:var(--accent-lime-2)}[data-accent=sand]{--accent-tint:var(--accent-sand-1);--accent-ink:var(--accent-sand-2)}[data-accent=slate]{--accent-tint:var(--accent-slate-1);--accent-ink:var(--accent-slate-2)}[data-accent=fuchsia]{--accent-tint:var(--accent-fuchsia-1);--accent-ink:var(--accent-fuchsia-2)}.web-accent-icon[data-area]{--accent-tint:var(--platform-area-tint);--accent-ink:var(--platform-area-ink)}.web-accent-icon{background-color:var(--accent-tint);color:var(--accent-ink);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.web-accent-icon--circle{border-radius:var(--radius-full)}.web-accent-icon--square{border-radius:var(--radius-16)}.web-accent-icon--m{width:var(--space-40);height:var(--space-40)}.web-accent-icon--square.web-accent-icon--m{border-radius:var(--radius-12)}.web-accent-icon--m .web-accent-icon-glyph{width:var(--space-24);height:var(--space-24)}.web-accent-icon--l{width:var(--space-48);height:var(--space-48)}.web-accent-icon--l .web-accent-icon-glyph{width:var(--space-20);height:var(--space-20)}
.web-eyebrow{align-items:center;gap:var(--space-6);width:fit-content;padding:var(--space-6) var(--space-12);border-radius:var(--radius-full);background-color:var(--accent-tint,var(--neutral-surface-support));white-space:nowrap;display:inline-flex}.web-eyebrow.overline{color:var(--accent-ink,var(--neutral-content-main-titles))}.web-eyebrow--support{--accent-tint:var(--neutral-surface-support)}.web-eyebrow--main{--accent-tint:var(--neutral-surface-main)}.web-eyebrow--white{--accent-tint:var(--neutral-white)}.web-eyebrow--ink{--accent-tint:var(--color-surface-primary);--accent-ink:var(--neutral-content-oncolor);border-radius:var(--radius-12)}.web-eyebrow-icon{width:var(--space-16);height:var(--space-16);flex-shrink:0}
.web-dashboard-preview{background-color:var(--platform-area-tint,var(--neutral-surface-main));position:absolute;inset:0;overflow:hidden}.web-dashboard-preview-screen{background-color:var(--neutral-surface-background);color:var(--neutral-content-body);pointer-events:none;-webkit-user-select:none;user-select:none}.web-dashboard-preview-screen .preview-layout-preview,.web-dashboard-preview-screen .platform-save-bar{position:relative;top:auto;bottom:auto}.web-dashboard-preview-screen .preview-layout:not(:has(>.preview-layout-preview)){grid-template-columns:minmax(0,1fr)}.web-dashboard-preview-window{top:var(--space-48);left:var(--space-48);width:var(--dashboard-preview-width);border:var(--stroke-1) solid color-mix(in srgb, var(--platform-area-ink,var(--neutral-content-main-titles)) 14%, transparent);border-radius:var(--radius-12);background-color:var(--neutral-surface-background);min-height:200%;box-shadow:0 24px 48px -24px color-mix(in srgb, var(--platform-area-ink,black) 32%, transparent);transform:scale(var(--dashboard-preview-scale));transform-origin:0 0;position:absolute;overflow:hidden}.web-dashboard-preview--window .web-dashboard-preview-screen{margin-top:var(--dashboard-preview-offset);padding:var(--space-24)}.web-dashboard-preview--card{--dashboard-preview-fit:1}.web-dashboard-preview-stage{padding:var(--space-32);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.web-dashboard-preview-ring{width:calc(var(--dashboard-preview-width) * var(--dashboard-preview-scale) * var(--dashboard-preview-fit) + 14px);border:var(--stroke-1) solid color-mix(in srgb, var(--neutral-white) 80%, transparent);background-color:color-mix(in srgb, var(--neutral-white) 45%, transparent);max-width:100%;max-height:100%;box-shadow:0 1px 2px color-mix(in srgb, var(--platform-area-ink) 8%, transparent), 0 24px 48px -20px color-mix(in srgb, var(--platform-area-ink) 28%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;border-radius:18px;padding:6px;transition:opacity .7s,transform .9s cubic-bezier(.2,.8,.2,1);overflow:hidden;transform:translateY(32px)scale(.97)}.web-dashboard-preview[data-tall] .web-dashboard-preview-ring{-webkit-mask-image:linear-gradient(#000 calc(100% - 72px),#0000);mask-image:linear-gradient(#000 calc(100% - 72px),#0000)}.web-dashboard-preview[data-visible] .web-dashboard-preview-ring{opacity:1;transform:none}.web-dashboard-preview--card .web-dashboard-preview-screen{width:var(--dashboard-preview-width);zoom:calc(var(--dashboard-preview-scale) * var(--dashboard-preview-fit));--dashboard-preview-radius:calc(12px / (var(--dashboard-preview-scale) * var(--dashboard-preview-fit)));border-radius:12px;border-radius:var(--dashboard-preview-radius);background-color:#0000}.web-dashboard-preview--card .settings-card{border-radius:var(--dashboard-preview-radius)}.web-dashboard-preview--card .settings-card-header{border-radius:calc(var(--dashboard-preview-radius) - var(--stroke-components)) calc(var(--dashboard-preview-radius) - var(--stroke-components)) 0 0}.web-dashboard-preview--card .settings-card-footer{border-radius:0 0 calc(var(--dashboard-preview-radius) - var(--stroke-components)) calc(var(--dashboard-preview-radius) - var(--stroke-components))}.web-dashboard-preview--card .settings-card-header{background-color:var(--neutral-surface-background)}.web-dashboard-preview--card .settings-card-trigger{cursor:default}.web-dashboard-preview--card .settings-card-summary,.web-dashboard-preview--card .settings-card-chevron{display:none}.web-dashboard-preview--card .settings-card-panel{grid-template-rows:1fr}.web-dashboard-preview--card .settings-card-panel-inner{overflow:visible}.web-dashboard-preview--card[data-only] .preview-layout{display:block}.web-dashboard-preview--card[data-only] .preview-layout-preview,.web-dashboard-preview--card[data-only] .platform-save-bar{display:none}.web-dashboard-preview[data-badge] .web-dashboard-preview-stage{gap:var(--space-16);flex-direction:column}.web-dashboard-preview[data-badge] .web-dashboard-preview-ring{flex:0 auto;min-height:0}.web-dashboard-preview-badge.overline{color:var(--platform-area-ink,var(--neutral-content-main-titles))}.web-dashboard-preview-badge{box-shadow:0 1px 2px color-mix(in srgb, var(--platform-area-ink) 8%, transparent);opacity:0;flex-shrink:0;transition:opacity .7s,transform .9s cubic-bezier(.2,.8,.2,1);transform:translateY(24px)}.web-dashboard-preview[data-visible] .web-dashboard-preview-badge{opacity:1;transform:none}.web-dashboard-preview:is([data-badge],[data-bare]) :is(.settings-card-header,.settings-card-description,.settings-card-row-description,.settings-card-footer,.common-details-helper,.common-details-optional){display:none}.web-dashboard-preview-screen .input-field-control:has([data-demo-typing]){box-shadow:var(--shadow-focus)}.web-dashboard-preview-screen [data-demo-press]{animation:.6s ease-out web-dashboard-preview-press}@keyframes web-dashboard-preview-press{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--platform-area-ink) 35%, transparent)}to{box-shadow:0 0 0 10px color-mix(in srgb, var(--platform-area-ink) 0%, transparent)}}.web-dashboard-preview--scatter{--dashboard-scatter-fit:.72}.web-dashboard-scatter-card{box-sizing:content-box;max-height:44%;padding:var(--space-64);opacity:0;visibility:hidden;position:absolute;overflow:hidden}.web-dashboard-scatter-card[data-tall]{-webkit-mask-image:linear-gradient(#000 calc(100% - 64px),#0000);mask-image:linear-gradient(#000 calc(100% - 64px),#0000)}.web-dashboard-preview--slot{background-color:#0000;position:relative;inset:auto;overflow:visible}.web-dashboard-preview--slot .web-dashboard-preview-stage{padding:0;display:block;position:static}.web-dashboard-preview--slot .web-dashboard-preview-ring{opacity:1;max-width:none;max-height:none;transition:none;transform:none}@media (prefers-reduced-motion:reduce){.web-dashboard-preview-ring,.web-dashboard-preview-badge{opacity:1;transition:none;transform:none}.web-dashboard-scatter-card{visibility:visible}}@media (max-width:768px){.web-dashboard-preview-window{top:var(--space-24);left:var(--space-24);width:min(var(--dashboard-preview-width), 600px)}.web-dashboard-preview-stage{padding:var(--space-16)}.web-dashboard-preview--scatter{--dashboard-scatter-fit:.5}.web-dashboard-preview--card{--dashboard-preview-fit:.72}}@keyframes web-dashboard-preview-cascade{0%{opacity:0;transform:translateY(var(--space-12))}6%,80%{opacity:1;transform:none}88%,to{opacity:0;transform:none}}
.qr-code{aspect-ratio:1;width:100%;height:auto;display:block}
.web-feature-menu-item{align-items:center;gap:var(--space-16);padding:var(--space-4);margin:calc(-1 * var(--space-4));border-radius:var(--radius-20);transition:background-color var(--speed-medium) var(--ease-linear);text-decoration:none;display:flex}.web-feature-menu-item:hover,.web-feature-menu-item--active{background-color:var(--neutral-surface-main)}.web-feature-menu-item:focus-visible{outline:2px solid var(--support-focus);outline-offset:2px}.web-feature-menu-item-text{align-items:flex-start;gap:var(--space-4);flex-direction:column;display:flex}.web-feature-menu-item-label.label{color:var(--neutral-content-main-titles)}.web-feature-menu-item-tag{zoom:.85}
.web-nav-item{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-12);border-radius:var(--radius-full);background-color:var(--neutral-surface-background);cursor:pointer;white-space:nowrap;transition:background-color var(--speed-medium) var(--ease-linear);border:0;text-decoration:none;display:inline-flex}.web-nav-item.label{color:var(--neutral-content-main-titles)}.web-nav-item:hover,.web-nav-item--active,.web-nav-item[aria-expanded=true]{background-color:var(--neutral-surface-support)}.web-nav-item:focus-visible{outline:2px solid var(--support-focus);outline-offset:2px}.web-nav-item-chevron{width:var(--space-16);height:var(--space-16);transition:transform var(--speed-medium) var(--ease-out)}.web-nav-item-chevron--open{transform:rotate(180deg)}
.web-site-header{--web-header-height:104px;z-index:50;align-items:center;gap:var(--space-24);height:var(--web-header-height);padding:var(--space-32);transition:transform var(--speed-medium) var(--ease-out);background-color:#0000;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid;position:fixed;top:0;left:0;right:0}.web-site-header-blur{z-index:-1;pointer-events:none;opacity:0;visibility:hidden;position:absolute;inset:0}.web-site-header-blur>span{-webkit-backdrop-filter:blur(var(--web-header-blur));backdrop-filter:blur(var(--web-header-blur));-webkit-mask-image:linear-gradient(to bottom, #000 var(--web-header-blur-hold), transparent var(--web-header-blur-end));-webkit-mask-image:linear-gradient(to bottom, #000 var(--web-header-blur-hold), transparent var(--web-header-blur-end));mask-image:linear-gradient(to bottom, #000 var(--web-header-blur-hold), transparent var(--web-header-blur-end));position:absolute;inset:0}.web-site-header-blur>span:first-child{--web-header-blur:2px;--web-header-blur-hold:50%;--web-header-blur-end:100%}.web-site-header-blur>span:nth-child(2){--web-header-blur:4px;--web-header-blur-hold:35%;--web-header-blur-end:80%}.web-site-header-blur>span:nth-child(3){--web-header-blur:8px;--web-header-blur-hold:20%;--web-header-blur-end:60%}.web-site-header-blur>span:nth-child(4){--web-header-blur:16px;--web-header-blur-hold:0%;--web-header-blur-end:40%}.web-site-header--hidden{transform:translateY(-100%)}@media (prefers-reduced-motion:reduce){.web-site-header{transition:none}}.web-site-header-logo{color:var(--neutral-content-main-titles);flex-shrink:0;grid-column:1;justify-self:start;display:inline-flex}.web-site-header-logo svg{width:137px;height:40px}.web-site-header-nav{grid-column:2}.web-site-header-actions{justify-self:end;align-items:center;gap:var(--space-16);grid-column:3;display:flex}.web-site-header-pills{padding:var(--space-6);border:var(--stroke-1,1px) solid var(--neutral-border-support);border-radius:var(--radius-full);background-color:var(--neutral-surface-background);align-items:center;margin:0;list-style:none;display:flex}.web-site-header-indicator{border-radius:var(--radius-full);background-color:var(--neutral-surface-support);pointer-events:none;opacity:0;visibility:hidden;position:absolute;top:0;left:0}.web-site-header-pills .web-nav-item{background-color:#0000;position:relative}.web-site-header-flyout{width:min(1109px, calc(100% - 2 * var(--space-32)));padding:var(--space-40);border-radius:var(--radius-16);background-color:var(--neutral-surface-background);box-shadow:var(--shadow-flyout);position:absolute;top:calc(100% - 10px);left:50%;transform:translate(-50%)}.web-site-header-flyout[hidden]{display:none}.web-site-header-flyout-grid{grid-auto-flow:column;grid-template-rows:repeat(var(--flyout-rows,2), auto);grid-template-columns:repeat(var(--flyout-columns,4), minmax(0, 1fr));gap:var(--space-24);margin:0;padding:0;list-style:none;display:grid}.web-site-header-toggle{width:var(--space-40);height:var(--space-40);border:var(--stroke-1,1px) solid var(--neutral-border-support);border-radius:var(--radius-full);background:var(--neutral-surface-background);color:var(--neutral-content-main-titles);cursor:pointer;justify-content:center;align-items:center;display:none}.web-site-header-toggle svg{width:var(--space-20);height:var(--space-20)}@media (max-width:1200px){.web-site-header{--web-header-height:88px;padding:var(--space-24)}.web-site-header-toggle{display:inline-flex}.web-site-header-nav{display:none}.web-site-header--sheet .web-site-header-nav{top:100%;right:var(--space-16);left:var(--space-16);max-height:calc(100dvh - var(--web-header-height) - var(--space-16));padding:var(--space-16);border-radius:var(--radius-16);background-color:var(--neutral-surface-background);box-shadow:var(--shadow-flyout);display:block;position:absolute;overflow-y:auto}.web-site-header--sheet .web-site-header-pills{align-items:stretch;gap:var(--space-4);border:0;flex-direction:column;padding:0}.web-site-header--sheet .web-site-header-indicator{display:none}.web-site-header--sheet .web-site-header-pills .web-nav-item:hover,.web-site-header--sheet .web-site-header-pills .web-nav-item--active,.web-site-header--sheet .web-site-header-pills .web-nav-item[aria-expanded=true]{background-color:var(--neutral-surface-support)}.web-site-header--sheet .web-nav-item{width:100%;padding:var(--space-12) var(--space-16);justify-content:space-between}.web-site-header--sheet .web-site-header-flyout{width:auto;padding:var(--space-8) var(--space-16) var(--space-16);box-shadow:none;position:static;transform:none}.web-site-header--sheet .web-site-header-flyout-grid{gap:var(--space-16);grid-template-rows:none;grid-template-columns:1fr;grid-auto-flow:row}}@media (max-width:768px){.web-site-header-cta{display:none}}
:root{--web-header-height:104px}@media (max-width:1200px){:root{--web-header-height:88px}}.web-site-header-spacer{height:var(--web-header-height)}.web-site-main{gap:var(--space-128);width:100%;padding-bottom:var(--space-128);display:grid;overflow-x:clip}.web-site-main--inset{padding-top:70px}@media (max-width:768px){.web-site-main{gap:var(--space-80);padding-bottom:var(--space-80)}}.web-framework-shop-grid{gap:var(--space-32);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.web-framework-shop-card{gap:var(--space-12);padding:var(--space-8);border-radius:var(--space-8);background-color:var(--neutral-surface-main);flex-direction:column;display:flex}.web-framework-shop-card-media{border-radius:var(--space-8);overflow:hidden}.web-framework-shop-card-media .web-placeholder{aspect-ratio:1}.web-framework-shop-card-body{gap:var(--space-8);min-height:var(--space-64);flex-direction:column;display:flex}