@layer components{.hero-surface{isolation:isolate;background:var(--hero-surface-bg);color:var(--fg-base);position:relative;overflow:clip}.hero-dot-grid{background-image:radial-gradient(#e5e7eb 1.2px,#0000 1px);background-size:16px 16px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 50%,#000 70%,#0000 100%);mask-image:radial-gradient(80% 50%,#000 70%,#0000 100%)}.hero-layout{z-index:1;flex-direction:column;display:flex;position:relative}.hero-layout__content{flex:1}.hero-content{justify-content:center;height:100%;display:flex}.hero-content__frame{width:100%;max-width:var(--hero-content-max);padding-top:calc(var(--hero-content-top-mobile) + var(--header-shell-height));flex-direction:column;align-items:center;display:flex}.hero-copy{text-align:center;width:100%}.hero-title-frame{width:calc(100% + var(--hero-title-frame-overflow-mobile));max-width:calc(100% + var(--hero-title-frame-overflow-mobile));margin-left:calc(var(--hero-title-frame-overflow-mobile) / -2);margin-right:calc(var(--hero-title-frame-overflow-mobile) / -2)}.hero-title{color:var(--fg-base);font-size:clamp(var(--hero-title-size-mobile), 6.9vw, 1.6875rem);font-weight:var(--type-weight-semibold);letter-spacing:var(--hero-title-letter-spacing-mobile);line-height:1.42}.hero-title__line{display:block}.hero-title__line--accent{color:var(--fg-base);white-space:nowrap;margin-top:-2px;display:block;position:relative}.hero-title__accent{max-width:100%;display:inline-block}.hero-title__accent-wrap{white-space:nowrap;margin-top:.08em;position:relative}.hero-title__accent-content{white-space:nowrap;align-items:baseline;display:inline-grid;position:relative}.hero-title__accent-word-sequence{white-space:nowrap;align-items:baseline;display:inline-block;position:relative;overflow:visible}.hero-title__accent-word{white-space:nowrap;grid-area:1/1;align-items:baseline;display:inline-flex;overflow:visible}.hero-title__accent-word--sizer{visibility:hidden;pointer-events:none}.hero-title__accent-word-text{background-image:var(--hero-accent-suffix-gradient);color:#0000;-webkit-text-fill-color:transparent;background-repeat:no-repeat;background-size:100% 100%;-webkit-background-clip:text;background-clip:text;padding-bottom:.08em;line-height:1.08;display:inline-block;overflow:visible}.hero-title__accent-cursor{background:linear-gradient(#ffe39a 0%,#f3b64e 48%,#d98028 100%);border-radius:999px;flex-shrink:0;width:.095em;height:.92em;margin-left:.09em;animation:1s step-end infinite hero-type-caret-blink;display:inline-block;transform:translateY(.08em);box-shadow:0 0 .3em #f3b64e6b}.hero-copy__lead{margin-top:var(--hero-copy-gap);max-width:var(--copy-measure-hero);color:var(--fg-subtle);font-size:1.0625rem;font-weight:var(--type-weight-regular);margin-inline:auto;line-height:1.52}.hero-copy__actions{gap:var(--hero-cta-gap);margin-top:1.5rem}.hero-copy__demo-button{gap:.375rem;padding-block:.375rem;padding-inline:.5rem}.hero-accent-sparkle{width:1.25rem;height:1.25rem;position:absolute;inset-block-start:24.663%;inset-inline-start:51.5%}.hero-accent-sparkle--word{pointer-events:none;-webkit-text-fill-color:initial;width:.38em;height:.38em;position:absolute;inset-block:.5em auto;inset-inline:auto .68em;transform:translate(50%,-50%)}.hero-demo-preview{border-radius:4px;flex-shrink:0;width:22px;height:20px;position:relative;overflow:hidden;box-shadow:0 4px 4px -35px #00000040,0 0 0 1px #03071224,0 10px 31.4px #03071229,0 31px 40px #0307124d}.hero-demo-preview__frame{border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #404040,inset 0 0 0 2px #e5e7eb66}.hero-demo-preview__image{object-fit:cover;object-position:center 20%}.hero-dashboard{padding-inline:.75rem;width:100%;max-width:68rem;padding-top:2.5rem;padding-bottom:var(--space-section);margin-inline:auto;position:relative}.hero-dashboard__frame{background:#1118270d;border-radius:1rem;padding:.75rem;overflow:hidden;box-shadow:inset 0 0 0 1px #11182706}.hero-dashboard__image{object-fit:cover;background:#fff;border-radius:.375rem;width:100%;height:auto;display:block;box-shadow:0 0 0 1px #1118271a,0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.hero-dashboard__viewport{width:100%;position:relative;overflow:hidden}.hero-dashboard__viewport[data-ready=false]{visibility:hidden}.hero-dashboard__frame:has(.hero-dashboard__viewport[data-ready=false]){opacity:0}.hero-dashboard__frame:has(.hero-dashboard__viewport[data-ready=true]){opacity:1}.hero-dashboard__artboard{transform-origin:0 0;will-change:transform}.hero-db{--hero-db-rail-width:2.75rem;--hero-db-surface:var(--button-neutral);--hero-db-surface-muted:var(--bg-component);--hero-db-surface-soft:var(--bg-subtle);--hero-db-border:var(--border-base);--hero-db-ink-strong:var(--fg-base);--hero-db-ink-muted:var(--fg-subtle);--hero-db-ink-soft:var(--fg-component);--hero-db-divider-soft:color-mix(in srgb, var(--fg-subtle) 40%, transparent);background:var(--hero-db-surface);width:100%;box-shadow:none;border:1px solid #1118271a;border-radius:.75rem;flex-direction:column;display:flex;overflow:hidden}.hero-db__topnav{border-bottom:1px solid var(--hero-db-border);background:var(--hero-db-surface-muted);justify-content:space-between;align-items:center;gap:.875rem;height:3.25rem;padding-left:0;padding-right:1.125rem;display:flex;position:relative}.hero-db__topnav:before{content:"";top:0;bottom:0;left:calc(var(--hero-db-rail-width) - 1px);background:var(--hero-db-border);width:1px;position:absolute}.hero-db__topnav-left{grid-template-columns:var(--hero-db-rail-width) auto;flex:none;align-items:center;gap:0;height:100%;display:grid}.hero-db__doow-logo{object-fit:contain;flex:none;width:1.75rem;height:1.75rem;margin-inline:auto;display:block}.hero-db__topnav-icon-btn{width:2rem;height:2rem;color:var(--hero-db-ink-muted);justify-content:center;align-items:center;margin-left:.625rem;display:flex}.hero-db__topnav-icon-btn svg{width:1.125rem;height:1.125rem}.hero-db__search{border:1px solid var(--hero-db-border);background:var(--hero-db-surface);max-width:36rem;height:2.25rem;color:var(--hero-db-ink-soft);border-radius:.75rem;flex:auto;align-items:center;gap:.625rem;padding-inline:.875rem;font-size:.8125rem;line-height:1.25rem;display:flex}.hero-db__search svg{flex:none;width:1rem;height:1rem}.hero-db__search span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hero-db__topnav-right{flex:none;align-items:center;gap:.25rem;display:flex}.hero-db__topnav-icon{width:2.25rem;height:2.25rem;color:var(--hero-db-ink-muted);border-radius:999px;justify-content:center;align-items:center;display:flex}.hero-db__topnav-icon svg{width:1.1875rem;height:1.1875rem}.hero-db__topnav-icon--bell{position:relative}.hero-db__bell-badge{color:#fff;text-align:center;white-space:nowrap;background:#ef4444;border-radius:999px;min-width:1rem;height:.75rem;padding-inline:.1875rem;font-size:.4375rem;font-weight:600;line-height:.75rem;position:absolute;top:.125rem;right:0}.hero-db__topnav-divider{background:var(--hero-db-divider-soft);width:1px;height:1rem;margin-inline:.375rem}.hero-db__topnav-user{border:1px solid var(--hero-db-border);background:var(--hero-db-surface);height:2.25rem;color:var(--hero-db-ink-strong);white-space:nowrap;border-radius:.75rem;align-items:center;gap:.5rem;padding-inline:.75rem;font-size:.8125rem;font-weight:500;line-height:1.25rem;display:flex}.hero-db__ai-icon{flex:none;width:1rem;height:1.125rem}.hero-db__body{grid-template-columns:var(--hero-db-rail-width) minmax(0, 1fr);min-height:0;display:grid}.hero-db__sidebar{border-right:1px solid var(--hero-db-border);background:var(--hero-db-surface);flex-direction:column;justify-content:space-between;align-items:center;padding:.625rem;display:flex}.hero-db__sidebar-main{flex-direction:column;align-items:center;gap:.25rem;padding-top:.25rem;display:flex}.hero-db__sidebar-bottom{flex-direction:column;align-items:center;gap:.5rem;display:flex}.hero-db__sidebar-soon{background:var(--hero-db-surface-muted);border-radius:1rem;flex-direction:column;align-items:center;gap:.25rem;padding:.375rem 0;display:flex}.hero-db__sidebar-footer{border-top:1px solid var(--hero-db-border);justify-content:center;width:100%;padding-top:.625rem;display:flex}.hero-db__sidebar-icon{width:2.125rem;height:2.125rem;color:var(--hero-db-ink-muted);border-radius:.5rem;justify-content:center;align-items:center;display:flex}.hero-db__sidebar-icon[data-active=true]{color:var(--hero-db-ink-strong);background:var(--hero-db-surface-muted)}.hero-db__sidebar-icon svg{width:1.125rem;height:1.125rem}.hero-db__sidebar-avatar{background:color-mix(in srgb, var(--fg-subtle) 20%, transparent);width:1.75rem;height:1.75rem;color:var(--hero-db-ink-strong);border-radius:999px;justify-content:center;align-items:center;font-size:.5rem;font-weight:600;line-height:1;display:flex;box-shadow:inset 0 1px 2px #0000000f}.hero-db__main{flex-direction:column;display:flex;position:relative;overflow:hidden}.hero-db__breadcrumb{border-bottom:1px solid #e4e6ee;align-items:center;gap:.375rem;padding:.875rem 1.5rem;font-size:.8125rem;line-height:1.25rem;display:flex}.hero-db__breadcrumb-parent{color:#9ca3af}.hero-db__breadcrumb-sep{color:#d1d5db}.hero-db__breadcrumb-current{color:#111827;font-weight:500}.hero-db__tabs{white-space:nowrap;border-bottom:1px solid #e4e6ee;align-items:center;gap:1.25rem;height:2.625rem;padding-inline:1.5rem;font-size:.8125rem;line-height:1.25rem;display:flex;overflow:hidden}.hero-db__tab{color:#6e7488;border-bottom:2px solid #0000;align-items:center;gap:.5rem;height:100%;font-weight:500;display:inline-flex}.hero-db__tab[data-active=true]{color:#111827;border-bottom-color:#111827;font-weight:500}.hero-db__tab-count{background:var(--tag-neutral-bg);min-width:1.75rem;height:1.25rem;color:var(--tag-neutral-text);font-size:.75rem;font-weight:var(--type-weight-medium);border-radius:999px;justify-content:center;align-items:center;padding-inline:.4375rem;line-height:1;display:inline-flex}.hero-db__selector-section{padding:.9375rem 1.5rem}.hero-db__selector-heading{color:#111827;margin-bottom:.625rem;font-size:.8125rem;font-weight:500;line-height:1.25rem;display:block}.hero-db__selector-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin-bottom:.25rem;display:grid}.hero-db__selector{color:#6e7488;background:#fff;border:1px solid #e0e0e0;border-radius:.5rem;align-items:center;height:2rem;font-size:.8125rem;line-height:1.25rem;display:flex;overflow:hidden;box-shadow:0 3px 3px -2px #0206170a,0 1px 1px #02061714}.hero-db__selector-check-section{border-right:1px solid #0000001a;flex:none;justify-content:center;align-items:center;height:100%;padding-inline:.375rem;display:flex}.hero-db__selector-app-section{flex:auto;align-items:center;gap:.5rem;min-width:0;height:100%;padding-inline:.5rem;display:flex}.hero-db__selector-remove{color:#6e7488;border-left:1px solid #0000001a;flex:none;justify-content:center;align-items:center;width:2.5rem;height:100%;display:flex}.hero-db__selector-remove svg{width:.9375rem;height:.9375rem}.hero-db__selector-check{background:#04a755;border-radius:.25rem;flex:none;justify-content:center;align-items:center;width:1rem;height:1rem;display:flex}.hero-db__selector-check svg{color:#fff;stroke-width:3px;width:.6875rem;height:.6875rem}.hero-db__selector-logo{object-fit:contain;border:1px solid #e0e0e0;border-radius:999px;flex:none;width:1.25rem;height:1.25rem}.hero-db__selector-name{text-overflow:ellipsis;white-space:nowrap;color:#4b5563;flex:auto;min-width:0;font-weight:500;overflow:hidden}.hero-db__selector-chevron{color:#6e7488;flex:none;width:1rem;height:1rem}.hero-db__add-app{color:#4b5563;background:#fff;border:1px solid #e0e0e0;border-radius:.5rem;align-items:center;gap:.5rem;width:fit-content;height:2rem;padding-inline:.75rem;font-size:.8125rem;font-weight:500;line-height:1.25rem;display:inline-flex;box-shadow:0 3px 3px -2px #0206170a,0 1px 1px #02061714}.hero-db__add-app-icon{width:1rem;height:1rem}.hero-db__compare{color:#6e7488;background:#f8f9fa;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.875rem;line-height:1.25rem;display:flex}.hero-db__compare-date{color:#6e7488;height:2rem;font-weight:var(--type-weight-medium);background:#fff;border:1px solid #0000001a;border-radius:.5rem;align-items:center;gap:.4375rem;padding-inline:.8125rem;display:inline-flex;box-shadow:0 3px 3px -2px #0206170a,0 1px 1px #02061714}.hero-db__compare-date svg{color:#6b7280;width:.9375rem;height:.9375rem}.hero-db__compare-divider{background:#ababab;flex:none;width:.125rem;height:.875rem}.hero-db__compare-label{color:#111827;font-weight:var(--type-weight-medium)}.hero-db__compare-pill{color:#6e7488;height:2rem;font-weight:var(--type-weight-medium);background:#fff;border:1px solid #0000001a;border-radius:999px;justify-content:center;align-items:center;padding-inline:1rem;display:inline-flex;box-shadow:0 3px 3px -2px #0206170a,0 1px 1px #02061714}.hero-db__compare-pill[data-active=true]{color:#04a755;box-shadow:none;background:#edfbf3;border:2px solid #04a755;font-weight:500}.hero-db__cards{isolation:isolate;min-width:0;padding:1.125rem 1.5rem}.hero-db__depth-card{min-height:15rem;display:grid}.hero-db__depth-card[data-depth="1"]{background:#f9fafb;border-radius:2rem;grid-template-columns:minmax(0,1fr) minmax(0,3fr)}.hero-db__depth-card[data-depth="2"]{background:#f3f4f6;border-radius:1.5rem;grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.hero-db__depth-card[data-depth="3"]{background:#eeeff2;border-radius:1.125rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero-db__depth-card[data-depth="4"]{background:#e5e7eb;border-radius:.875rem;grid-template-columns:minmax(0,1fr);align-items:center}.hero-db__depth-card-inner{flex-direction:column;justify-content:center;align-self:stretch;gap:.625rem;width:fit-content;min-width:0;max-width:100%;padding:1rem;display:flex}.hero-db__depth-card-nested{align-items:stretch;padding:.875rem .875rem .875rem 0;display:flex}.hero-db__depth-card-nested>.hero-db__depth-card{width:100%}.hero-db__logo-pill{background:#fff;border-radius:999px;align-items:center;gap:0;width:fit-content;min-height:2rem;padding:.4375rem .5625rem;display:inline-flex}.hero-db__logo-pill-img{object-fit:contain;background:#fff;border:1px solid #e0e0e0;border-radius:999px;width:1.25rem;height:1.25rem;margin-left:-.1875rem}.hero-db__logo-pill-img:first-child{margin-left:0}.hero-db__logo-pill-chevron{color:#6e7488;width:.875rem;height:.875rem;margin-left:.25rem}.hero-db__depth-spend{background:#f1f2f3;border-radius:1rem;flex-direction:column;gap:.5rem;width:9.75rem;padding:.25rem;display:flex;position:relative;box-shadow:0 0 0 1px #00000012}.hero-db__click-cursor{z-index:3;filter:drop-shadow(0 1px 2px #0003);width:1.25rem;height:1.25rem;position:absolute;bottom:-.25rem;right:-.75rem}.hero-db__depth-spend-inner{background:#fff;border-radius:.75rem;flex-direction:column;gap:.25rem;width:100%;padding:.5rem;display:flex}.hero-db__depth-spend-label{color:#6e7488;font-size:.8125rem;font-weight:500;line-height:1.3125rem}.hero-db__depth-spend-value{color:#111827;font-variant-numeric:tabular-nums;font-size:.9375rem;font-weight:600;line-height:1.375rem}.hero-db__depth-users{background:#fff;border-radius:999px;flex-wrap:wrap;align-items:center;gap:0;width:fit-content;padding:.25rem;display:inline-flex}.hero-db__depth-avatar-stack{align-items:center;display:inline-flex}.hero-db__depth-avatar-wrap{border-radius:999px;flex:none;justify-content:center;align-items:center;width:1.625rem;height:1.625rem;margin-left:-.375rem;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1.5px #fff}.hero-db__depth-avatar-wrap:first-child{margin-left:0}.hero-db__depth-avatar{object-fit:cover;width:100%;height:100%}.hero-db__depth-user-count{color:#111827;white-space:nowrap;margin-left:.25rem;padding-right:.125rem;font-size:.75rem;font-weight:500;line-height:1rem}.hero-db__popover{background:var(--hero-db-surface);z-index:2;border-left:1px solid #e4e6ee;flex-direction:column;width:18rem;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.hero-db__popover-header{border-bottom:1px solid #e4e6ee;justify-content:space-between;align-items:center;padding:.75rem .875rem;display:flex}.hero-db__popover-title{color:#111827;font-size:.8125rem;font-weight:600;line-height:1.25rem}.hero-db__popover-close{color:#6e7488;cursor:pointer;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex}.hero-db__popover-close svg{width:.875rem;height:.875rem}.hero-db__popover-app-cluster{border-bottom:1px solid #e4e6ee;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .875rem;display:flex}.hero-db__popover-logo-group{background:#f4f5f7;border-radius:.75rem;flex-direction:column;align-items:center;gap:.5rem;padding:.875rem 1.5rem;display:flex}.hero-db__popover-logo-stack{align-items:center;display:flex}.hero-db__popover-logo{object-fit:contain;background:#fff;border:2px solid #fff;border-radius:999px;width:1.75rem;height:1.75rem;margin-left:-.375rem}.hero-db__popover-logo:first-child{margin-left:0}.hero-db__popover-app-label{color:#111827;text-align:center;font-size:.6875rem;font-weight:500;line-height:1rem}.hero-db__popover-list{flex-direction:column;flex:1;display:flex;overflow:hidden}.hero-db__popover-row{z-index:1;background:var(--hero-db-surface);border-bottom:1px solid #f0f0f0;flex-direction:column;display:flex;position:relative}.hero-db__popover-row-main{align-items:center;gap:.5rem;padding:.5rem .875rem;display:flex}.hero-db__popover-user-avatar-wrap{clip-path:circle(50%);background:#ecedf0;border-radius:999px;flex:none;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex;overflow:hidden}.hero-db__popover-user-avatar{object-fit:contain;width:1.5rem;height:1.5rem}.hero-db__popover-row-text{flex-direction:column;flex:1;min-width:0;display:flex}.hero-db__popover-user-name{color:#111827;font-size:.75rem;font-weight:500;line-height:1.125rem}.hero-db__popover-user-amount{color:#6e7488;font-size:.6875rem;font-weight:400;line-height:1rem}.hero-db__popover-expand-icon{color:#6e7488;flex:none;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:flex}.hero-db__popover-expand-icon svg{width:.875rem;height:.875rem}.hero-db__popover-breakdown{z-index:2;background:var(--hero-db-surface);flex-direction:column;gap:.375rem;padding:.25rem .875rem .75rem 3.5rem;display:flex;position:relative}.hero-db__popover-breakdown-row{align-items:center;gap:.5rem;display:flex}.hero-db__popover-breakdown-logo{object-fit:contain;background:#fff;border-radius:999px;flex:none;width:1.125rem;height:1.125rem}.hero-db__popover-breakdown-amount{color:#6e7488;font-size:.75rem;font-weight:400;line-height:1.125rem}@media (min-width:40rem){.hero-content__frame{padding-top:calc(var(--hero-content-top-tablet) + var(--header-shell-height))}.hero-accent-sparkle{width:1.5rem;height:1.5rem}}@media (min-width:48rem){.hero-title-frame{width:100%;max-width:none;margin-left:auto;margin-right:auto}.hero-title{font-size:var(--hero-title-size-tablet);letter-spacing:var(--hero-title-letter-spacing-tablet);line-height:var(--hero-title-line-height-tablet)}.hero-title__accent-wrap{vertical-align:top;margin-top:0}.hero-dashboard{padding-inline:1rem;padding-top:3.5rem}.hero-dashboard__frame{border-radius:1rem;padding:1rem}}@media (min-width:64rem){.hero-content__frame{padding-top:calc(var(--hero-content-top-desktop) + var(--header-shell-height) + 1.25rem)}.hero-title-frame{width:min(100%, var(--hero-title-max));margin-left:auto;margin-right:auto}.hero-title{font-size:var(--type-title-xl-size);letter-spacing:var(--type-title-xl-letter-spacing);line-height:var(--type-title-xl-line-height)}.hero-title__line--accent{margin-top:2px;margin-left:0}.hero-copy__lead{max-width:var(--hero-second-line-max)}.hero-accent-sparkle{width:33px;height:33px}}@media (min-width:64rem) and (max-height:47.5rem){.hero-content__frame{padding-top:calc(var(--header-shell-height) + 4rem)}.hero-title{font-size:clamp(3rem, 5vw, var(--type-title-xl-size));line-height:1.08}}@media (min-width:90rem) and (min-height:56.25rem){.hero-content__frame{padding-top:calc(var(--header-shell-height) + 5.25rem)}}@media (prefers-reduced-motion:reduce){.hero-title__accent-cursor{animation:none}}}@keyframes hero-type-caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}