.waterfall-hero{--waterfall-gap: 65px;position:relative}@media(min-width:1024px){.waterfall-hero{--waterfall-gap: 73px}}.landing-hero h1.waterfall-hero-title{margin:-.17em 0 0;font-size:clamp(36px,5.2vw,64px);line-height:1.08;font-weight:500;letter-spacing:-.035em;text-wrap:wrap;color:var(--cmd-fg)}.waterfall-hero-line{display:inline-block;max-width:9.8em;text-wrap:balance}.waterfall-hero-title[data-lead] .waterfall-hero-line{max-width:none}.waterfall-hero-word{color:var(--cmd-fg)}.waterfall-hero-title[data-lead] .waterfall-hero-word{color:var(--cmd-brand)}.waterfall-hero-sub{margin:18px 0 0;max-width:44ch;font-size:clamp(16px,1.25vw,19px);line-height:1.45;color:var(--cmd-muted);text-wrap:pretty}.waterfall-hero-notch{position:relative;display:flex;flex-direction:column;gap:12px;background:var(--cmd-ground)}.waterfall-hero-drop{border:1px solid var(--cmd-hairline);background:var(--cmd-surface);transition:background-color .16s,border-color .16s}.waterfall-hero-drop:hover{background:var(--cmd-surface-hover)}.waterfall-hero-drop[data-drag=true]{border-color:var(--cmd-brand)}.waterfall-hero-trust{display:grid;grid-template-columns:1fr auto 1fr;gap:6px 16px;margin:4px 0 0;padding:0;list-style:none;font-size:12px;color:var(--cmd-muted);white-space:nowrap}.waterfall-hero-trust li{display:flex;align-items:center;gap:8px}.waterfall-hero-trust li:nth-child(1){justify-self:start}.waterfall-hero-trust li:nth-child(2){justify-self:center}.waterfall-hero-trust li:nth-child(3){justify-self:end}.waterfall-hero-notch:before,.waterfall-hero-notch:after{content:"";position:absolute;width:26px;height:26px;pointer-events:none}.waterfall-hero-copy{display:flex;flex-direction:column;align-items:center;padding:calc(var(--waterfall-gap) - 17px) 24px calc(var(--waterfall-gap) - 3px);text-align:center}.waterfall-hero-notch{margin-inline:auto;width:min(100%,600px);padding:28px 32px 22px;border-radius:36px 36px 0 0}.waterfall-hero-notch:before{right:100%;bottom:0;background:radial-gradient(circle at 0 0,transparent 25.5px,var(--cmd-ground) 26px)}.waterfall-hero-notch:after{left:100%;bottom:0;background:radial-gradient(circle at 100% 0,transparent 25.5px,var(--cmd-ground) 26px)}.waterfall-hero-fold{display:grid;grid-template-rows:1fr;transition:grid-template-rows 2s ease-in-out,opacity 1s ease-in-out}.waterfall-hero-fold-inner{min-height:0}.waterfall-hero[data-collapsed] .waterfall-hero-fold{grid-template-rows:0fr;opacity:0}.waterfall-hero[data-collapsed] .waterfall-hero-fold-inner{overflow:hidden}.waterfall-hero-notch{transition:width 2s ease-in-out}.waterfall-hero-notch[data-wide]{width:min(100%,1440px)}@media(max-width:639.98px){.waterfall-hero-copy{padding-inline:16px}.landing-hero h1.waterfall-hero-title{font-size:clamp(28px,8.4vw,40px)}.waterfall-hero-notch{padding:22px 16px 18px;border-radius:28px 28px 0 0}.waterfall-hero-notch:before,.waterfall-hero-notch:after{display:none}.waterfall-hero-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px}}.waterfall-hero-side>.waterfall-hero-trust{display:none}@media(min-width:1024px){.waterfall-hero[data-axis=row]:not([data-layout=corner]) .waterfall-hero-notch .waterfall-hero-trust{display:none}.waterfall-hero[data-axis=row] .waterfall-hero-body{display:flex;gap:64px;align-items:center;min-height:calc(clamp(480px,calc(100svh - 320px),600px) - var(--waterfall-gap) - 26px);max-width:1180px;margin-inline:auto;padding:calc(var(--waterfall-gap) - 7px) 32px 0}.waterfall-hero[data-fill][data-axis=row] .waterfall-hero-body{min-height:min(calc(100svh - 112px),1000px);padding-bottom:clamp(120px,20svh,240px)}.waterfall-hero[data-axis=row] .waterfall-hero-fold{flex:1 1 0;min-width:0}.waterfall-hero[data-axis=row] .waterfall-hero-side{flex:0 0 560px;min-width:440px}.waterfall-hero[data-axis=row] .waterfall-hero-body,.waterfall-hero[data-axis=row] .waterfall-hero-side{transition:gap 2s ease-in-out,max-width 2s ease-in-out,flex-basis 2s ease-in-out}.waterfall-hero[data-collapsed][data-axis=row] .waterfall-hero-body{gap:0;max-width:1504px}.waterfall-hero[data-collapsed][data-axis=row] .waterfall-hero-side{flex-basis:100%}.waterfall-hero[data-axis=row] .waterfall-hero-copy{container-type:inline-size;align-items:flex-start;padding:0;text-align:left}.landing-hero .waterfall-hero[data-axis=row] h1.waterfall-hero-title{font-size:clamp(36px,10.2cqi,60px)}.waterfall-hero[data-axis=row] .letter-swap-word[data-phase=out]{left:0;transform:none}.waterfall-hero[data-axis=row]:not([data-layout=corner]) .waterfall-hero-side>.waterfall-hero-trust{display:grid;margin-top:18px;padding-inline:25px}.waterfall-hero[data-axis=row] .waterfall-hero-notch{width:auto;margin:0;padding:24px;border-radius:32px}.waterfall-hero[data-axis=row] .waterfall-hero-notch:before,.waterfall-hero[data-axis=row] .waterfall-hero-notch:after{display:none}.waterfall-hero[data-layout=split] .waterfall-hero-notch{box-shadow:0 30px 80px -30px #0000008c}.waterfall-hero[data-layout=corner] .waterfall-hero-body{align-items:end;padding-bottom:0}.waterfall-hero[data-layout=corner] .waterfall-hero-copy{padding-bottom:var(--waterfall-gap)}.waterfall-hero[data-layout=corner] .waterfall-hero-notch{margin-top:calc(var(--waterfall-gap) * .5);padding:28px 28px 26px;border-radius:36px 36px 0 0}.waterfall-hero[data-layout=corner] .waterfall-hero-notch:before,.waterfall-hero[data-layout=corner] .waterfall-hero-notch:after{display:block}.waterfall-hero[data-layout=glass] .waterfall-hero-notch{gap:18px;padding:32px}.waterfall-hero[data-layout=glass] .waterfall-hero-drop{padding-block:22px;padding-left:24px}.waterfall-hero[data-layout=glass] .hero-ab-player{gap:16px;padding:20px 18px 20px 22px}.waterfall-hero[data-layout=glass] .waterfall-hero-side>.waterfall-hero-trust{padding-inline:33px}}.waterfall-hero:is([data-layout=glass],[data-layout=stack],[data-layout=deck]) .waterfall-hero-notch,.waterfall-hero[data-layout=cards] :is(.waterfall-hero-drop,.hero-trio-card){border:1px solid color-mix(in oklab,var(--cmd-fg) 12%,transparent);background:color-mix(in oklab,var(--cmd-ground) 42%,transparent);backdrop-filter:blur(28px) saturate(1.3);-webkit-backdrop-filter:blur(28px) saturate(1.3);box-shadow:inset 0 1px color-mix(in oklab,var(--cmd-fg) 10%,transparent),0 30px 80px -30px #00000073}.waterfall-hero[data-layout=cards] .waterfall-hero-drop:hover{background:color-mix(in oklab,var(--cmd-ground) 30%,transparent)}.waterfall-hero:is([data-layout=stack],[data-layout=cards],[data-layout=deck]),.waterfall-hero[data-layout=glass]{--waterfall-foot: clamp(40px, 7vw, 72px)}.waterfall-hero:is([data-layout=stack],[data-layout=cards],[data-layout=deck]){padding-bottom:var(--waterfall-foot)}.waterfall-hero:is([data-layout=glass],[data-layout=stack],[data-layout=deck]) .waterfall-hero-notch{border-radius:32px}.waterfall-hero:is([data-layout=glass],[data-layout=stack],[data-layout=cards],[data-layout=deck]) .waterfall-hero-notch:before,.waterfall-hero:is([data-layout=glass],[data-layout=stack],[data-layout=cards],[data-layout=deck]) .waterfall-hero-notch:after{display:none}@media(max-width:1023.98px){.waterfall-hero[data-layout=glass]{padding-bottom:var(--waterfall-foot)}.waterfall-hero[data-layout=glass] .waterfall-hero-notch{width:min(calc(100% - 48px),640px)}}@media(max-width:639.98px){.waterfall-hero:is([data-layout=glass],[data-layout=stack],[data-layout=cards],[data-layout=deck]) .waterfall-hero-notch{width:calc(100% - 24px);padding:20px 14px 18px}.waterfall-hero:is([data-layout=glass],[data-layout=stack],[data-layout=deck]) .waterfall-hero-notch{border-radius:28px}.waterfall-hero:is([data-layout=glass],[data-layout=stack],[data-layout=cards],[data-layout=deck]){--waterfall-foot: 28px}}.waterfall-hero:is([data-layout=stack],[data-layout=deck]) .waterfall-hero-notch{width:min(calc(100% - 48px),940px);gap:16px;padding:28px}.waterfall-hero[data-layout=cards] .waterfall-hero-notch{width:min(calc(100% - 48px),1120px);gap:18px;padding:0;background:none}.waterfall-hero:is([data-layout=stack],[data-layout=cards],[data-layout=deck]) .waterfall-hero-drop{padding:22px 22px 22px 26px}.waterfall-hero[data-layout=cards] .waterfall-hero-drop{border-radius:26px}.waterfall-hero[data-layout=cards] .waterfall-hero-notch>:first-child{width:min(100%,720px);margin-inline:auto}.waterfall-hero-drop-foot{border-top:1px solid color-mix(in oklab,var(--cmd-fg) 8%,transparent);background:linear-gradient(to bottom,color-mix(in oklab,var(--cmd-fg) 3%,transparent),transparent);padding:12px 22px 13px 26px}.waterfall-hero[data-layout] .waterfall-hero-drop:has(>.waterfall-hero-drop-foot){overflow:hidden;padding:0}.waterfall-hero .waterfall-hero-drop>.waterfall-hero-drop-row{padding:22px 22px 20px 26px}@media(max-width:639.98px){.waterfall-hero .waterfall-hero-drop>.waterfall-hero-drop-row{padding:20px 18px 18px}.waterfall-hero-drop-foot{padding:12px 18px 14px}.waterfall-hero-drop-foot .waterfall-hero-trust{justify-content:flex-start}}.waterfall-hero-drop-foot .waterfall-hero-trust{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 22px;margin:0;white-space:nowrap}.waterfall-hero-drop-foot .waterfall-hero-trust li{gap:7px}.waterfall-hero-drop-foot .waterfall-hero-trust svg{color:color-mix(in oklab,var(--cmd-fg) 60%,transparent)}@media(min-width:1024px){.landing-hero .waterfall-hero:is([data-layout=stack],[data-layout=cards],[data-layout=deck]) h1.waterfall-hero-title{font-size:clamp(48px,5.2vw,72px)}.waterfall-hero:is([data-layout=stack],[data-layout=cards],[data-layout=deck]) .waterfall-hero-sub{max-width:52ch}.waterfall-hero:is([data-layout=stack],[data-layout=deck]) .waterfall-hero-notch{padding:32px;gap:18px}}.hero-trio-num{font-size:11.5px;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:color-mix(in oklab,var(--cmd-muted) 80%,transparent)}.hero-trio-stack{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--cmd-hairline);border-radius:22px;background:var(--cmd-surface)}.hero-trio-stack>li+li{border-top:1px solid var(--cmd-hairline)}.hero-trio-row{display:grid;grid-template-columns:22px auto minmax(0,9.5rem) minmax(0,1fr) auto auto;grid-template-areas:"num play meta wave ab open";align-items:center;gap:16px;padding:14px 16px 14px 20px;transition:background-color .2s}.hero-trio-row:hover,.hero-trio-row[data-playing]{background:var(--cmd-surface-hover)}.hero-trio-row .hero-trio-num{grid-area:num}.hero-trio-play{grid-area:play}.hero-trio-meta{grid-area:meta}.hero-trio-wave{grid-area:wave;min-width:0}.hero-trio-ab{grid-area:ab}.hero-trio-open{grid-area:open}@media(max-width:767.98px){.hero-trio-row{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"play meta meta" "wave wave wave" "ab ab open";gap:12px;padding:14px}.hero-trio-row .hero-trio-num{display:none}.hero-trio-ab{width:100%}}.hero-trio-cards{display:flex;justify-content:center;gap:16px}.hero-trio-cards>li{flex:0 1 calc((100% - 32px) / 3)}.hero-trio-card{display:flex;height:100%;flex-direction:column;gap:16px;border-radius:26px;padding:20px;transition:border-color .2s}.hero-trio-card:hover{border-color:color-mix(in oklab,var(--cmd-fg) 22%,transparent)}.hero-trio-card[data-playing]{border-color:color-mix(in oklab,var(--cmd-brand) 55%,transparent)}@media(max-width:767.98px){.hero-trio-cards{display:flex;margin-inline:-12px;padding:4px 12px 8px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:12px;scrollbar-width:none}.hero-trio-cards{justify-content:flex-start}.hero-trio-cards>li{flex:0 0 82%;scroll-snap-align:start}.hero-trio-cards>li:only-child{flex-basis:100%}}.hero-deck-tabs{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;padding:4px;border:1px solid var(--cmd-hairline);border-radius:20px;background:color-mix(in oklab,var(--cmd-surface) 60%,transparent)}.hero-deck-tab{display:flex;min-width:0;align-items:center;gap:12px;border:1px solid transparent;border-radius:16px;padding:10px 14px;text-align:left;color:var(--cmd-fg);transition:background-color .2s,border-color .2s}.hero-deck-tab:hover{background:color-mix(in oklab,var(--cmd-surface-hover) 60%,transparent)}.hero-deck-tab[aria-selected=true]{border-color:var(--cmd-hairline);background:var(--cmd-surface-hover)}.hero-deck-tab[aria-selected=true] .hero-trio-num{color:var(--cmd-brand)}.hero-deck-player{display:flex;flex-direction:column;gap:18px;border:1px solid var(--cmd-hairline);border-radius:24px;padding:22px 22px 18px;background:var(--cmd-surface)}@media(max-width:639.98px){.hero-deck-tab{padding:8px 10px}.hero-deck-tab .hero-trio-num{display:none}.hero-deck-player{padding:16px 14px 14px}.hero-deck-player>div:first-child{flex-wrap:wrap}.hero-deck-ab{width:100%}}@media(max-width:639.98px){.waterfall-hero:is([data-layout=stack],[data-layout=cards],[data-layout=deck]) .waterfall-hero-notch{width:calc(100% - 24px)}.waterfall-hero:is([data-layout=stack],[data-layout=deck]) .waterfall-hero-notch{padding:20px 14px 18px}}.hero-trio-cards[data-count="1"] .hero-trio-num{display:none}
