@layer theme,base;@layer components{[data-site=product]>main{--fold:calc(100svh - var(--nav-h) - 1px);--h-hold:30svh;--g:var(--s-6);--h-big:clamp(var(--fs-hero), calc(var(--fold) * .096), calc(1.25 * var(--fs-hero)))}[data-site=product] .wrap{max-width:var(--wrap-wide)}[data-site=product] .site-nav{background:var(--h-nav-ground,var(--bg))}[data-site=product] .site-nav:before{content:"";z-index:-1;background:var(--h-nav-grain,none);image-rendering:pixelated;opacity:var(--h-nav-fade,1);pointer-events:none;position:absolute;inset:0}[data-site=product] .site-nav.is-swap,[data-site=product] .site-nav.is-swap *{transition:none}@container vp (width>=761px){[data-site=product]>main>:is(.section,.cta-band){min-height:var(--fold);padding:var(--s-12) 0;align-content:center;display:grid}[data-site=product]>main>.h-hold.is-held{--h-pad:max(var(--s-12), (var(--fold) - var(--h-tall)) / 2);min-height:calc(2 * var(--h-pad) + var(--h-tall) + var(--h-hold));padding:var(--h-pad) 0;align-content:start}[data-site=product]>main>.h-hold.is-held>.wrap{top:calc(var(--nav-h) + 1px + min((var(--fold) - var(--h-tall)) / 2, var(--fold) - var(--h-tall)));grid-area:1/1;position:sticky}[data-site=product]>main>.h-hold.is-held>.grain{inset:calc(var(--nav-h) + 1px) auto auto;height:var(--fold);margin-block:calc(-1 * var(--h-pad));grid-area:1/1;position:sticky}[data-site=product]>main>.h-hold-last.is-held{top:calc(var(--nav-h) + 1px + min(0px, var(--fold) - var(--h-tall)));position:sticky}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){[data-site=product]>main>.h-hold:not(.is-held){min-height:calc(var(--fold) + var(--h-hold));padding-bottom:calc(var(--s-12) + var(--h-hold))}[data-site=product]>main:has(>.h-hold-last):after{content:"";height:var(--h-hold);display:block}}}[data-site=product] .h-fold{min-height:max(var(--fold), 600px);padding:var(--s-14) 0 var(--s-24);text-align:center;place-items:center;display:grid;container-type:inline-size}[data-site=product] .h-band,[data-site=product] .h-band>.wrap{position:relative}[data-site=product] .h-band>.grain{--h-ground:.095;overflow:hidden}[data-site=product] .h-band>.grain:where([data-theme=dark] *){--h-ground:.065}[data-site=product] #ask{--h-day:#e9e8e6}[data-site=product] #pricing{--h-day:var(--bg)}[data-site=product] .h-band>.grain:not(:where([data-theme=dark] *)){--h-ground:0;background:var(--h-day)}[data-site=product] .h-etch{fill:none;stroke:#fff;stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 -1px 0 var(--h-etch-shade,#25190f2e));position:absolute;overflow:visible}[data-site=product] .h-etch path{vector-effect:non-scaling-stroke}[data-site=product] .h-etch circle{fill:#fff;stroke:none}[data-site=product] .h-etch:where([data-theme=dark] *){--h-etch-shade:#00000080;opacity:.1}[data-site=product] #ask .h-etch{width:900px;bottom:-590px;left:-330px}[data-site=product] #customers .h-etch{width:160px;height:440px;bottom:0;right:0}[data-site=product] #start .h-etch{width:auto;height:min(calc((100% - .68 * var(--land) - 32px) / .96), 48cqi);aspect-ratio:1;top:0;right:0;transform:translate(16%,-4%)}[data-site=product] .h-fold>.grain{--h-foot:240px}[data-site=product] .h-fold>.grain:before{-webkit-mask-image:linear-gradient(#000 calc(100% - var(--h-foot)), #000000d6 calc(100% - .775 * var(--h-foot)), #00000080 calc(100% - .55 * var(--h-foot)), #00000029 calc(100% - .325 * var(--h-foot)), transparent calc(100% - .1 * var(--h-foot)));-webkit-mask-image:linear-gradient(#000 calc(100% - var(--h-foot)), #000000d6 calc(100% - .775 * var(--h-foot)), #00000080 calc(100% - .55 * var(--h-foot)), #00000029 calc(100% - .325 * var(--h-foot)), transparent calc(100% - .1 * var(--h-foot)));mask-image:linear-gradient(#000 calc(100% - var(--h-foot)), #000000d6 calc(100% - .775 * var(--h-foot)), #00000080 calc(100% - .55 * var(--h-foot)), #00000029 calc(100% - .325 * var(--h-foot)), transparent calc(100% - .1 * var(--h-foot)))}[data-site=product] .h-fold-copy{z-index:1;align-items:center;gap:var(--s-5);flex-direction:column;display:flex;position:relative}[data-site=product] .h-fold-copy>.eyebrow{font-size:var(--fs-md)}[data-site=product] .h-fold-copy .t-lead{max-width:46ch}[data-site=product] .h-ctas{margin-top:var(--s-1);justify-content:center}[data-site=product] .h-fold-copy .meta{justify-content:center}[data-site=product] .h-title{padding:var(--s-4) var(--s-6);font-size:var(--h-big);position:relative}[data-site=product] .h-ln{white-space:nowrap}[data-site=product] .h-ln+.h-ln:before{content:"\a ";white-space:pre}[data-site=product] :is(.h-title,.h-review-lead,.h-ret):before,[data-site=product] :is(.h-title,.h-review-lead,.h-ret):after{content:"";width:var(--s-3_5);height:var(--s-3_5);border:0 solid var(--ink);position:absolute}[data-site=product] .h-ret{pointer-events:none;position:absolute;inset:0}[data-site=product] :is(.h-title,.h-review-lead):before{border-width:1px 0 0 1px;top:0;left:0}[data-site=product] :is(.h-title,.h-review-lead):after{border-width:0 1px 1px 0;bottom:0;right:0}[data-site=product] .h-ret:before{border-width:1px 1px 0 0;top:0;right:0}[data-site=product] .h-ret:after{border-width:0 0 1px 1px;bottom:0;left:0}[data-site=product] .h-swap{width:var(--w,auto);transition:width .42s var(--ease);display:inline-block;position:relative}[data-site=product] .h-swap:after{content:"";inset-inline:0;background:var(--sun);height:.06em;position:absolute;bottom:.04em}[data-site=product] .h-name{transition:opacity .22s var(--ease), transform .3s var(--ease);display:inline-block}[data-site=product] .h-swap.is-out .h-name{opacity:0;transition-timing-function:ease-in;transform:translateY(-.25em)}[data-site=product] .h-swap.is-pre .h-name{opacity:0;transition:none;transform:translateY(.3em)}[data-site=product] .h-probe{visibility:hidden;white-space:nowrap;position:absolute;top:0;left:0}[data-site=product] .h-land{--e0:cubic-bezier(.4, 0, .3, 1);--e1:var(--e0);--e2:var(--e0);--e3:var(--e0);--e4:var(--e0);--e5:var(--e0);width:100%;height:100%;color:var(--ink-4);fill:none;stroke:currentColor;stroke-width:var(--h-sw,.7px);stroke-linecap:round;stroke-linejoin:round;pointer-events:none;-webkit-mask-image:radial-gradient(var(--h-hush,0 0 at 50% 50%), transparent 55%, #000 100%), linear-gradient(#000 calc(100% - var(--s-24)), transparent);-webkit-mask-composite:source-in;-webkit-mask-image:radial-gradient(var(--h-hush,0 0 at 50% 50%), transparent 55%, #000 100%), linear-gradient(#000 calc(100% - var(--s-24)), transparent);mask-image:radial-gradient(var(--h-hush,0 0 at 50% 50%), transparent 55%, #000 100%), linear-gradient(#000 calc(100% - var(--s-24)), transparent);position:absolute;inset:0;-webkit-mask-composite:source-in;mask-composite:intersect}@supports (animation-timing-function:linear(0, 1)){[data-site=product] .h-land{--e0:linear(0, .003, .013, .031, .061, .107, .17, .251, .347, .448, .546, .635, .712, .777, .831, .874, .909, .936, .956, .972, .983, .991, .996, .999, 1);--e1:linear(0, .003, .015, .037, .075, .132, .209, .306, .413, .52, .616, .696, .76, .81, .85, .882, .908, .93, .948, .964, .977, .987, .994, .999, 1);--e2:linear(0, .003, .016, .04, .082, .143, .224, .32, .422, .517, .599, .666, .722, .769, .811, .849, .884, .915, .941, .962, .977, .988, .995, .999, 1);--e3:linear(0, .005, .019, .044, .081, .132, .196, .272, .356, .441, .523, .599, .666, .727, .78, .827, .867, .902, .93, .953, .972, .985, .994, .998, 1);--e4:linear(0, .004, .016, .038, .069, .112, .168, .239, .322, .413, .506, .594, .674, .745, .805, .856, .896, .927, .951, .969, .982, .99, .996, .999, 1);--e5:linear(0, .003, .013, .031, .061, .108, .175, .264, .371, .483, .587, .676, .747, .802, .844, .877, .903, .925, .945, .961, .975, .986, .994, .999, 1)}}[data-site=product] .h-land path{stroke-dasharray:1 1.1;animation:h-draw var(--t) var(--d) cubic-bezier(.4, 0, .3, 1) both;animation-timing-function:var(--e)}[data-site=product] .h-land .z0{color:color-mix(in srgb, var(--ink-4) 55%, var(--bg));stroke-width:calc(var(--h-sw,.7px) * .8)}[data-site=product] .h-land .z2{color:color-mix(in srgb, var(--ink-4) 70%, var(--ink-3));stroke-width:calc(var(--h-sw,.7px) * 1.2)}[data-site=product] .h-land .z3{color:color-mix(in srgb, var(--ink-4) 40%, var(--ink-3));stroke-width:calc(var(--h-sw,.7px) * 1.5)}[data-site=product] .h-pills{position:absolute;inset:0}[data-site=product] .h-pills span{align-items:center;gap:var(--s-2);color:var(--ink-2);font:var(--fw-medium) var(--fs-xs)/1 var(--font-sans);white-space:nowrap;opacity:0;transform:translate(var(--x,0), var(--y,0));transition:opacity .6s var(--ease) var(--in,0s), color var(--t-fast);display:flex;position:absolute;top:0;left:0}[data-site=product] .h-pills span:before{content:"";background:var(--sun);border-radius:50%;flex:none;width:7px;height:7px}[data-site=product] .h-pills span:after{content:"";width:1px;height:calc(var(--h-stem,0px) - 3.5px);background:var(--ink-3);transform-origin:bottom;transition:transform .6s var(--ease) var(--in,0s);position:absolute;top:calc(50% + 3.5px);left:3px;transform:scaleY(0)}[data-site=product] .h-pills span:not(.is-on){visibility:hidden}[data-site=product] .h-pills span.is-flip{flex-direction:row-reverse}[data-site=product] .h-pills span.is-flip:after{left:auto;right:3px}[data-site=product] .h-pills span:hover{color:var(--ink)}[data-site=product] .h-fold.is-placed .h-pills span.is-on{opacity:1}[data-site=product] .h-fold.is-placed .h-pills span.is-on:after{transform:none}[data-site=product] .h-cue{left:50%;bottom:var(--s-5);z-index:1;position:absolute;transform:translate(-50%)}[data-site=product] .h-cue:hover{color:var(--ink)}[data-site=product] .h-cue:after{content:"";width:1px;height:var(--s-8);margin:var(--s-2_5) auto 0;background:var(--ink);transform-origin:top;animation:1.8s ease-in-out infinite h-cue;display:block}@media (prefers-reduced-motion:reduce){[data-site=product] .h-cue:after,[data-site=product] .h-land path{animation:none}[data-site=product] .h-pills span:after{transition:none}}[data-site=product] .h-late{--who:200px;--axis:32px;--rail:22px;--pitch:100px;grid-template-columns:var(--who) minmax(0, 1fr);display:grid;position:relative}[data-site=product] :is(.h-late-axis,.h-late-grid,.h-late-track,.h-late-dim){grid-column:2}[data-site=product] :is(.h-late-who.is-mt,.h-late-mt){border-bottom:1.5px solid var(--ink);grid-row:1}[data-site=product] .h-late-axis{height:var(--axis);background:var(--hz-band);font:var(--fw-regular) var(--fs-xs)/1 var(--font-mono);color:var(--ink-3);grid-row:2;position:relative}[data-site=product] .h-late-axis span{top:var(--s-2_5);left:calc(var(--d) * 10%);white-space:nowrap;position:absolute;transform:translate(-50%)}[data-site=product] .h-late-axis span:first-child{transform:translateX(var(--s-2))}[data-site=product] .h-late-axis span:last-child{transform:translateX(calc(-100% - var(--s-2)))}[data-site=product] .h-late-grid{border-radius:0 0 var(--r-xs) var(--r-xs);background:var(--hz-band);grid-row:3;grid-template-columns:repeat(10,minmax(0,1fr));display:grid}[data-site=product] .h-late-grid i+i{border-left:1px solid var(--line)}[data-site=product] .h-late-who{gap:var(--s-1);padding:calc(var(--rail) - 10px) var(--s-6) var(--s-6) 0;grid-column:1;align-content:start;display:grid}[data-site=product] .h-late-who.is-mt{padding-top:var(--s-6)}[data-site=product] :is(.h-late-who.is-sh,.h-late-sh){grid-row:3}[data-site=product] .h-late-track{min-width:0;position:relative;container-type:inline-size}[data-site=product] .h-late-sh:before{content:"";top:var(--rail);border-top:1.5px dashed var(--ink-4);position:absolute;left:0;right:0}[data-site=product] .h-late-mt:before{content:"";width:1px;height:var(--s-6);background:var(--ink-3);position:absolute;bottom:0;left:0}[data-site=product] .h-late-mt:after{content:"";z-index:1;background:var(--sun);border-radius:50%;width:8px;height:8px;position:absolute;bottom:-4.75px;left:-3.5px}[data-site=product] .h-late-mt{padding:var(--s-6) 0}[data-site=product] .h-late-mt .slack{width:min(480px,100%)}[data-site=product] .h-late-sh{height:calc(var(--rail) + 2 * var(--pitch) + var(--s-6))}[data-site=product] .h-late-sh li{top:var(--rail);left:calc(var(--d) * 10%);position:absolute}[data-site=product] .h-late-sh li:before{content:"";width:1px;height:calc(var(--row) * var(--pitch) + 14px);background:var(--ink-4);position:absolute;top:0;left:-.5px}[data-site=product] .h-late-sh li:after{content:"";border:1.5px solid var(--ink-2);background:var(--hz-band);border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;left:-4px}[data-site=product] .h-late-sh li.is-end:before{top:calc(-1 * (var(--rail) + var(--axis)));height:calc(var(--rail) + var(--axis) + var(--row) * var(--pitch) + 14px);background:var(--ink-3)}[data-site=product] .h-late-sh li.is-end:after{top:calc(-4.75px - var(--rail) - var(--axis));border-color:var(--mark);background:var(--mark)}[data-site=product] .h-late-sh p{top:calc(var(--row) * var(--pitch) + 10px);left:var(--s-2_5);width:max-content;max-width:min(300px, calc((10 - var(--d)) * 10cqi - 28px));gap:var(--s-1);font-size:var(--fs-md);color:var(--ink-2);line-height:1.5;display:grid;position:absolute}[data-site=product] .h-late-sh .is-end p{left:auto;right:var(--s-2_5);text-align:right;max-width:300px}[data-site=product] .h-late-sh time{font:var(--fw-regular) var(--fs-xs)/1.4 var(--font-mono);color:var(--ink-3)}[data-site=product] .h-late-dim{align-items:center;gap:var(--s-3);height:40px;font:var(--fw-medium) var(--fs-xs)/1 var(--font-mono);color:var(--ink-2);grid-row:4;display:flex}[data-site=product] .h-late-dim i{background:var(--ink-4);flex:1;height:1px;position:relative}[data-site=product] .h-late-dim i:before{content:"";background:var(--ink-3);width:1.5px;height:11px;position:absolute;top:-5px;transform:rotate(45deg)}[data-site=product] .h-late-dim i:first-child:before{left:-.75px}[data-site=product] .h-late-dim i:last-child:before{right:-.75px}[data-site=product] .h-key>.wrap{container:key/inline-size}[data-site=product] .h-key-sheet{--cell:clamp(var(--s-7), calc(var(--fold) * .044), var(--s-9));--h-beat:90ms;--h-ride:.72s;column-gap:var(--s-10);grid-template-rows:repeat(4,auto);grid-template-columns:minmax(max-content,3fr) 2fr;display:grid}[data-site=product] :is(.h-key-h,.h-key-chart){grid-column:1/-1}[data-site=product] .h-key-sheet .h-key-a{grid-column:1}[data-site=product] .h-key-sheet .h-key-b{grid-column:2}[data-site=product] .h-key-h{grid-row:1;grid-template-columns:subgrid;display:grid}[data-site=product] :is(.h-key-h>span,.h-key-lead,.h-key-col h4){contain:inline-size}[data-site=product] .h-key-lead{margin-top:var(--s-4);grid-row:2;max-width:40ch}[data-site=product] .h-key-chart{isolation:isolate;grid-row:3/span 2;grid-template-columns:subgrid;grid-template-rows:subgrid;margin-top:var(--s-14);display:grid;position:relative}[data-site=product] .h-key-chart:after{content:"";border-top:1.5px solid var(--ink);grid-area:2/1/auto/-1}[data-site=product] .h-key{overflow:clip}[data-site=product] .h-key-chart:before{--h-g:var(--g);z-index:-1;top:calc(-12 * var(--h-g));bottom:calc(-1 * var(--fold));-webkit-mask-image:linear-gradient(transparent, #000 calc(15 * var(--h-g)));-webkit-mask-image:linear-gradient(transparent, #000 calc(15 * var(--h-g)));mask-image:linear-gradient(transparent, #000 calc(15 * var(--h-g)));background-position:calc(50vw - 50cqi - 1px) -1px,calc(50vw - 50cqi) 0;grid-area:2/1/auto/-1;inset-inline:calc(50cqi - 50vw)}[data-site=product] :is(.h-key-half,.h-key-col){grid-row:1/span 2;grid-template-rows:subgrid;display:grid}[data-site=product] .h-key-half{column-gap:var(--s-2);grid-template-columns:repeat(4,auto)}[data-site=product] .h-key-half.h-key-a{justify-content:start}[data-site=product] .h-key-col h4{padding-top:var(--s-3);color:var(--ink-3);grid-row:2}[data-site=product] .h-stack{align-content:end;gap:var(--s-0_5);grid-row:1;display:grid}[data-site=product] .h-stack>li{height:auto;min-height:var(--cell);gap:var(--s-1_5);padding:var(--s-1) var(--s-2_5);font-size:var(--fs-sm);white-space:normal;line-height:1.2}[data-site=product] .h-stack>.pill{background:var(--surface-3);color:var(--ink);border:0}[data-site=product] .h-stack>.pill .i{--size:14px;color:var(--ink-3);flex:none}[data-site=product] .h-posts{gap:var(--s-1);padding-left:var(--s-2);flex-direction:row-reverse;margin-left:auto;display:flex}[data-site=product] .h-posts>span{width:3px;height:var(--s-3);background:var(--ink-3);transform-origin:bottom}[data-site=product] .h-posts>.is-tagged{background:var(--sun)}[data-site=product] .h-key .tag{isolation:isolate;background:0 0;position:relative}[data-site=product] .h-key .tag:before{content:"";z-index:-1;border-radius:inherit;background:var(--sun);transform-origin:bottom;position:absolute;inset:0}[data-site=product] .h-rides{grid-area:2/1/auto/-1;position:relative}[data-site=product] .h-rides>span{top:-.75px;left:calc(var(--w) / -2);width:var(--w);background:var(--sun);opacity:0;height:3px;position:absolute}[data-site=product] .h-key.is-armed .h-posts>span,[data-site=product] .h-key.is-armed .tag:before{transform:scaleY(0)}[data-site=product] .h-key.is-armed .tag{color:var(--ink-3);box-shadow:inset 0 0 0 1px var(--line-2)}[data-site=product] .h-key.is-playing .h-posts>span{animation:rise var(--t-slow) var(--ease) calc(var(--i) * var(--h-beat)) backwards}[data-site=product] .h-key.is-playing .h-rides>span{--at:calc(var(--i) * var(--h-beat) + var(--t));animation:h-ride var(--h-ride) var(--ease) var(--at) backwards, h-ride-show var(--h-ride) linear var(--at), h-ride-land calc(var(--h-ride) * .4) var(--ease) calc(var(--at) + var(--h-ride) * .3) backwards}[data-site=product] .h-key.is-playing .tag{--lit:calc(var(--i) * var(--h-beat) + var(--t) + var(--h-ride) * .7);animation:h-unlit calc(var(--lit) + var(--t-fast) / 2) linear}[data-site=product] .h-key.is-playing .tag:before{animation:rise var(--t-slow) var(--ease) var(--lit) backwards}[data-site=product] :is(.h-use,.h-cust){color:var(--ink);background:var(--bg);color-scheme:var(--scheme)}[data-site=product] .h-use-h{max-width:20em}[data-site=product] .h-where{gap:var(--s-4);margin-top:var(--s-4);display:grid}[data-site=product] .h-rail{column-gap:var(--s-8);row-gap:var(--s-2);grid-template-rows:auto auto;grid-template-columns:4fr 3fr;display:grid}[data-site=product] .h-leg{grid-row:span 2;grid-template-rows:subgrid;display:grid}[data-site=product] .h-stations{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}[data-site=product] .h-stn{--h-node:var(--s-7);padding:calc(var(--h-node) + var(--s-2)) var(--s-3) 0 0;text-align:left;color:var(--ink-3);align-content:start;justify-items:start;display:grid;position:relative}[data-site=product] .h-stn:before,[data-site=product] .h-stn:after{content:"";left:var(--s-3);right:0;top:calc(var(--h-node) / 2 - 1px);background:var(--line-control);height:1px;position:absolute}[data-site=product] .h-stn:after{top:calc(var(--h-node) / 2 - 2px);background:var(--ink);height:3px;transform:scaleX(var(--p,0));transform-origin:0;visibility:hidden}[data-site=product] .h-stn[aria-selected=true]{--p:1}[data-site=product] .h-stn[aria-selected=true]:after{visibility:visible}[data-site=product] .h-node{width:var(--h-node);height:var(--h-node);border:1.5px solid var(--line-control);background:var(--bg);color:var(--ink-3);z-index:1;border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:0}[data-site=product] .h-node .i{--size:14px}[data-site=product] .h-stn b{font:var(--fw-semibold) var(--fs-md) / 1.3 var(--font-sans);color:var(--ink-2)}[data-site=product] .h-stn:hover b{color:var(--ink)}[data-site=product] .h-stn:hover .h-node{border-color:var(--ink-2);color:var(--ink-2)}[data-site=product] .h-stn[aria-selected=true] b{color:var(--ink)}[data-site=product] .h-stn[aria-selected=true] .h-node{border-color:var(--ink);background:var(--ink);color:var(--bg);box-shadow:0 0 0 3px var(--bg), 0 0 0 4px var(--ink)}[data-site=product] .h-stn:focus-visible{outline-offset:2px}[data-site=product] :is(.h-view,.h-cust-sheet,:is(.h-pricing,.h-faq)>.wrap){column-gap:var(--s-8);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}[data-site=product] :is(.h-view,.h-cust-sheet,:is(.h-pricing,.h-faq)>.wrap)>*{min-width:0}[data-site=product] .h-stage{display:grid}[data-site=product] .h-view{transition:opacity .5s var(--ease), visibility 0s;grid-area:1/1;align-items:start}[data-site=product] .h-view.is-off{visibility:hidden;opacity:0;pointer-events:none;transition:opacity .5s var(--ease), visibility 0s .5s}[data-site=product] .h-runway{height:calc(var(--per) * var(--n));display:none}[data-site=product]>main>.h-use{--per:calc(var(--fold) * .6);--h-plate-h:clamp(402px, calc(var(--fold) - 258px), 562px)}[data-site=product]>main>.h-use.is-pinned{padding:var(--pin-pad,var(--s-12)) 0}[data-site=product] .h-use.is-pinned .h-pin{top:var(--pin-top);position:sticky}[data-site=product] .h-use.is-pinned .h-runway{display:block}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){@container vp (width>=1081px){@media (height>=620px){[data-site=product]>main>.h-use{--h-pins:1}}}@container vp (width>=881px) and (width<=1080px){@media (height>=665px){[data-site=product]>main>.h-use{--h-pins:1}}}@container vp (width>=761px) and (width<=880px){@media (height>=845px){[data-site=product]>main>.h-use{--h-pins:1}}}}@container vp (width>=761px){@media (scripting:enabled) and (prefers-reduced-motion:no-preference){[data-site=product]>main>.h-use:not(.is-laid){padding-block:calc(var(--s-12) - var(--h-pins,0) * (var(--s-12) - var(--s-4)))}[data-site=product]>main>.h-use:not(.is-laid)>.wrap{grid-template-rows:minmax(calc(var(--h-pins,0) * (var(--fold) - 2 * var(--s-4))), auto) auto;display:grid}[data-site=product] .h-use:not(.is-laid) .h-pin{align-self:center}[data-site=product] .h-use:not(.is-laid) .h-runway{height:calc(var(--h-pins,0) * var(--per) * var(--n));display:block}}}[data-site=product] .h-view-text{gap:var(--s-3);padding-top:var(--s-8);grid-column:1/span 4;display:grid}[data-site=product] .h-view-h{font:var(--fw-display) var(--fs-4xl) / 1.15 var(--font-display);letter-spacing:-.01em;text-wrap:balance}[data-site=product] .h-view-text p{font-size:var(--fs-md);color:var(--ink-2);line-height:1.55}[data-site=product] .h-plate{padding:var(--s-5) var(--s-6);border:1px solid var(--line-2);border-radius:var(--r-xs);background-color:var(--surface);background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:var(--g) var(--g);background-position:-1px -1px;grid-column:5/-1;margin:0;display:grid}[data-site=product] .h-plate>*{justify-self:center;width:100%;max-width:40rem}[data-site=product] .h-plate:has(>.h-win){height:var(--h-plate-h);grid-template-rows:minmax(0,1fr)}[data-site=product] :where(#v-dash,#v-slack,#v-email,#v-digest)>.h-plate{padding:var(--s-5)}[data-site=product] :where(#v-dash,#v-slack,#v-email,#v-digest)>.h-plate>.h-win{max-width:none}[data-site=product] .h-win-nav{gap:var(--s-2);color:var(--ink-3);flex:none;display:flex}[data-site=product] .h-win-nav .i{--size:14px}[data-site=product] .h-win-field{align-items:center;gap:var(--s-1_5);min-width:0;height:24px;padding:0 var(--s-2_5);border:1px solid var(--line-2);border-radius:var(--h-win-r);background:var(--surface);color:var(--ink-3);font-size:var(--fs-xs);white-space:nowrap;flex:0 18rem;margin-inline:auto;display:flex;overflow:hidden}[data-site=product] .h-win-field .i{--size:12px}[data-site=product] .h-win-tile{--t:32px;width:var(--t);height:var(--t);border-radius:var(--h-win-r);background:var(--logo-tile);box-shadow:inset 0 0 0 1px var(--logo-edge);flex:none;place-items:center;display:grid}[data-site=product] .h-win-tile .logo-mark{--m:calc(var(--t) * .72);--logo-ink:var(--logo-on-tile)}[data-site=product] .h-slk-body{background:var(--surface-2);grid-template-rows:minmax(0,1fr);grid-template-columns:52px 9.5rem minmax(0,1fr);min-height:0;display:grid}[data-site=product] .h-slk-rail{align-content:start;align-items:center;gap:var(--s-2_5);min-height:0;padding:var(--s-2_5) 0;font-size:var(--fs-xs);color:var(--ink-3);flex-flow:column wrap;display:flex;overflow:hidden}[data-site=product] .h-slk-rail>span:not(.h-slk-ws){justify-items:center;gap:2px;width:100%;display:grid}[data-site=product] .h-slk-rail i{border-radius:var(--h-win-r);place-items:center;width:30px;height:30px;display:grid}[data-site=product] .h-slk-rail .i{--size:16px}[data-site=product] .h-slk-rail .is-on{color:var(--ink)}[data-site=product] .h-slk-rail .is-on i{background:var(--surface-3)}[data-site=product] .h-slk-ws{width:30px;height:30px;margin-bottom:var(--s-1);border-radius:var(--h-win-r);background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--line-2)}[data-site=product] :is(.h-slk-side,.h-app-side){min-width:0;min-height:0;padding:var(--s-2_5) var(--s-2);font-size:var(--fs-sm);color:var(--ink-2);align-content:start;gap:1px;display:grid;overflow:hidden}[data-site=product] :is(.h-slk-side,.h-app-side,.h-app-foot)>span{align-items:center;gap:var(--s-1_5);height:26px;padding:0 var(--s-1_5);white-space:nowrap;display:flex;overflow:hidden}[data-site=product] :is(.h-slk-side,.h-app-side)>.is-on{background:var(--surface-3);color:var(--ink);font-weight:var(--fw-semibold)}[data-site=product] :is(.h-slk-side,.h-app-side) .i{--size:14px}[data-site=product] :is(.h-slk-side,.h-app-side)>b{margin:var(--s-2_5) var(--s-1_5) var(--s-1);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--ink-3)}[data-site=product] .h-slk-side>b:first-child{margin-top:0}[data-site=product] .h-slk-side>span{border-radius:var(--h-win-r)}[data-site=product] .h-slk-side .h-win-tile{--t:16px}[data-site=product] .h-slk-chan{border-left:1px solid var(--line);background:var(--surface);grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;display:grid}[data-site=product] .h-slk-head{align-items:center;gap:var(--s-1);height:32px;padding:0 var(--s-4);border-bottom:1px solid var(--line);display:flex}[data-site=product] .h-slk-head .i{--size:13px;color:var(--ink-3)}[data-site=product] .h-slk-msgs{flex-direction:column;justify-content:safe end;min-height:0;display:flex;overflow:hidden}[data-site=product] .h-slk-older{min-height:0;-webkit-mask-image:linear-gradient(transparent, #000 var(--s-8));-webkit-mask-image:linear-gradient(transparent, #000 var(--s-8));mask-image:linear-gradient(transparent, #000 var(--s-8));flex-direction:column;flex:0 auto;justify-content:end;display:flex;overflow:hidden}[data-site=product] .h-slk-day{margin:var(--s-1) 0;background:linear-gradient(var(--line), var(--line)) center / 100% 1px no-repeat;justify-content:center;display:flex}[data-site=product] .h-slk-day span{padding:1px var(--s-2_5);border:1px solid var(--line-2);border-radius:var(--h-win-r);background:var(--surface);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--ink-2)}[data-site=product] .h-slk-post{column-gap:var(--s-2_5);padding:var(--s-1) var(--s-4) var(--s-1_5);flex:none;grid-template-columns:32px minmax(0,1fr);display:grid}[data-site=product] .h-slk-blocks{overflow-wrap:anywhere;justify-items:start;gap:2px;min-width:0;line-height:1.35;display:grid}[data-site=product] .h-slk-blocks hr{border:0;border-top:1px solid var(--line);justify-self:stretch;margin:1px 0}[data-site=product] .h-slk-who{align-items:baseline;gap:var(--s-1_5);display:flex}[data-site=product] .h-slk-who b{font-weight:var(--fw-bold)}[data-site=product] .h-slk-who time{font-size:var(--fs-xs);color:var(--ink-3)}[data-site=product] .h-slk-app{padding:1px var(--s-1);border-radius:var(--r-xs);background:var(--surface-3);font:var(--fw-semibold) var(--fs-2xs) / 1.2 var(--font-sans);color:var(--ink-3)}[data-site=product] .h-slk-header{align-items:center;gap:var(--s-1_5);font-size:var(--fs-md);font-weight:var(--fw-bold);display:flex}[data-site=product] .h-slk-header .i{--size:15px;color:var(--ink-2)}[data-site=product] .h-slk-blocks code{padding:0 var(--s-1);border:1px solid var(--line-2);border-radius:var(--r-xs);background:var(--surface-3);font:var(--fw-regular) var(--fs-xs) / 1.4 var(--font-mono);color:var(--ink-2)}[data-site=product] .h-slk-btn{padding:var(--s-1) var(--s-3);border-radius:var(--h-win-r);background:var(--ink);color:var(--on-ink);font-size:var(--fs-xs);font-weight:var(--fw-semibold);margin-top:2px}[data-site=product] .h-slk-compose{align-items:center;gap:var(--s-2_5);height:34px;margin:0 var(--s-3) var(--s-2);padding:0 var(--s-3);border:1px solid var(--line-control);border-radius:var(--h-win-r);color:var(--ink-3);display:flex}[data-site=product] .h-slk-compose span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}[data-site=product] .h-slk-compose .i{--size:15px}[data-site=product] .h-mail-tools{gap:var(--s-3_5);color:var(--ink-3);margin-left:auto;display:flex}[data-site=product] .h-mail-tools .i{--size:15px}[data-site=product] .h-mail-pane{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;overflow:hidden}[data-site=product] .h-mail-head{gap:var(--s-1);padding:var(--s-2_5) var(--s-4);border-bottom:1px solid var(--line);display:grid}[data-site=product] .h-mail-subject{font-size:var(--fs-md);font-weight:var(--fw-semibold);line-height:1.3}[data-site=product] .h-mail-from{align-items:center;gap:var(--s-1) var(--s-2);font-size:var(--fs-xs);color:var(--ink-3);flex-wrap:wrap;display:flex}[data-site=product] .h-mail-from b{font-size:var(--fs-sm);color:var(--ink)}[data-site=product] .h-mail-from time{margin-left:auto}[data-site=product] .h-mail-from .h-win-tile{--t:24px}[data-site=product] .h-email{margin:var(--s-2_5) var(--s-4) 0;border:1px solid var(--line);border-radius:var(--r-xs);border-bottom:0}[data-site=product] .h-email-band{justify-content:center;align-items:center;gap:var(--s-2);padding:var(--s-2);background:var(--surface-2);font:var(--fw-bold) var(--fs-md) / 1 var(--font-sans);display:flex}[data-site=product] .h-email-band .logo-mark{--m:20px}[data-site=product] .h-email-body{gap:var(--s-2);padding:var(--s-2_5) var(--s-4) var(--s-4);color:var(--ink-2);line-height:1.5;display:grid}[data-site=product] .h-email-body b{color:var(--ink)}[data-site=product] :is(.h-email-box,.h-email-card){gap:var(--s-1);padding:var(--s-2_5) var(--s-3);border-radius:var(--r-xs);background:var(--surface-2);display:grid}[data-site=product] .h-email-items{gap:var(--s-2);display:grid}[data-site=product] .h-email-items li{justify-items:start;gap:var(--s-0_5);padding-left:var(--s-3);border-left:3px solid var(--line-control);display:grid}[data-site=product] .h-email-items span:not(.tag){font-size:var(--fs-xs);color:var(--ink-3)}[data-site=product] .h-email-card{border-left:4px solid var(--line-control);justify-items:start}[data-site=product] .h-email-name{font-size:var(--fs-lg)}[data-site=product] .h-email-count{gap:var(--s-1) var(--s-3);font-size:var(--fs-xs);color:var(--ink-3);flex-wrap:wrap;display:flex}[data-site=product] .h-app-body{grid-template-rows:minmax(0,1fr);grid-template-columns:9.5rem minmax(0,1fr);min-height:0;display:grid}[data-site=product] .h-app-side{border-right:1px solid var(--line);background:var(--surface-2);flex-direction:column;display:flex;container:h-app-side/size}[data-site=product] .h-app-side>*{flex-shrink:0}[data-site=product] :is(.h-app-side,.h-app-foot)>span{border-radius:var(--r-xs)}[data-site=product] .h-app-foot{padding-top:var(--s-3);grid-template-columns:minmax(0,1fr);gap:1px;margin-top:auto;display:grid}[data-site=product] .h-app-plan{align-items:center;gap:var(--s-1_5);margin-top:var(--s-2);padding:var(--s-1_5);font-size:var(--fs-xs);color:var(--ink-3);grid-template-columns:minmax(0,1fr) auto;display:grid}[data-site=product] .h-app-plan .meter{--v:100%;grid-column:1/-1}[data-site=product] .h-app-user{align-items:center;gap:var(--s-2);padding:var(--s-1_5);color:var(--ink);display:flex}[data-site=product] .h-app-user :is(b,small){text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}[data-site=product] .h-app-user b{font-weight:var(--fw-semibold)}[data-site=product] .h-app-user small{font-size:var(--fs-xs);color:var(--ink-3)}@container h-app-side (height<=498px){[data-site=product] .h-app-side [data-drop="1"]{display:none}}@container h-app-side (height<=444px){[data-site=product] .h-app-side [data-drop="2"]{display:none}}@container h-app-side (height<=369px){[data-site=product] .h-app-side [data-drop="3"]{display:none}}@container h-app-side (height<=310px){[data-site=product] .h-app-side [data-drop="4"]{display:none}}[data-site=product] .h-app-brand{align-items:center;gap:var(--s-2);padding:0 var(--s-1_5) var(--s-2_5);font-weight:var(--fw-bold);color:var(--ink);display:flex}[data-site=product] .h-app-brand .logo-mark{--m:18px}[data-site=product] .h-app-main{grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid}[data-site=product] .h-app-top{justify-content:space-between;align-items:center;gap:var(--s-3);height:40px;padding:0 var(--s-4);border-bottom:1px solid var(--line);font-weight:var(--fw-semibold);display:flex}[data-site=product] .h-app-page{align-content:start;gap:var(--s-4);min-height:0;padding:var(--s-4);display:grid;overflow:hidden}[data-site=product] .h-app-hero{font:var(--fw-display) var(--fs-xl) / 1.2 var(--font-display);letter-spacing:-.01em;text-wrap:balance}[data-site=product] .h-app-sec{align-items:baseline;gap:var(--s-2);margin-bottom:var(--s-1_5);display:flex}[data-site=product] .h-app-sec b{font-size:var(--fs-md);font-weight:var(--fw-semibold)}[data-site=product] .h-app-tagged{gap:var(--s-2_5);padding:var(--s-2_5) 0;border-top:1px solid var(--line);grid-template-columns:22px minmax(0,1fr);display:grid}[data-site=product] .h-app-tagged>div{justify-items:start;gap:var(--s-1);min-width:0;display:grid}[data-site=product] .h-app-title{font-weight:var(--fw-semibold);text-wrap:balance;line-height:1.35}@container h-win (width<=37.5rem){[data-site=product] .h-plate .h-chat-field{grid-template-columns:minmax(0,1fr) auto;align-items:center}}@container h-win (width<=34rem){[data-site=product] .h-slk-body{grid-template-columns:52px minmax(0,1fr)}[data-site=product] .h-app-body{grid-template-columns:minmax(0,1fr)}[data-site=product] :is(.h-slk-side,.h-app-side){display:none}}@container h-win (width<=24rem){[data-site=product] .h-slk-body{grid-template-columns:minmax(0,1fr)}[data-site=product] .h-slk-rail{display:none}[data-site=product] .h-slk-chan{border-left:0}[data-site=product] .h-plate .h-chat-title>span{text-overflow:ellipsis;min-width:0;overflow:hidden}[data-site=product] .h-plate .h-chat-tools>span{gap:var(--s-1_5)}[data-site=product] .h-plate .h-chat-tools b+span{overflow-wrap:break-word;min-width:0}[data-site=product] .h-plate .h-chat-tools .nowrap{white-space:normal}}[data-site=product] :is(.h-view-text,.h-connect) .code .btn>span{display:none}[data-site=product] :is(.h-endpoints>li,.h-form>div){min-height:var(--s-10);padding:var(--s-2) var(--s-4);border-top:1px solid var(--line);font-size:var(--fs-sm);align-items:center;display:grid}[data-site=product] :is(.h-endpoints>li,.h-form>div):first-child{border-top:0}[data-site=product] .h-endpoints{column-gap:var(--s-2_5);border-top:1px solid var(--line);color:var(--ink-2);grid-template-columns:max-content minmax(0,1fr);display:grid}[data-site=product] .h-endpoints>li{grid-column:1/-1;grid-template-columns:subgrid}[data-site=product] .h-endpoints code{color:var(--ink)}[data-site=product] .h-form>div{grid-template-columns:calc(var(--s-24) + var(--s-4)) minmax(0, 1fr)}[data-site=product] .h-form dt{color:var(--ink-3)}[data-site=product] .h-form>div:has(>.h-form-pick){align-items:baseline}[data-site=product] .h-form-pick{gap:var(--s-1) var(--s-5);flex-wrap:wrap;display:flex}[data-site=product] .h-form-count{justify-content:space-between;align-items:center;gap:var(--s-2);color:var(--ink-3);flex-basis:100%;display:flex}[data-site=product] .h-file{align-items:center;gap:var(--s-3);padding:var(--s-2_5) var(--s-4);border-top:1px solid var(--line);background:var(--surface-2);grid-template-columns:auto minmax(0,1fr) auto;display:grid}[data-site=product] .h-file .i-lg{color:var(--ink-3)}[data-site=product] .h-file>div{gap:var(--s-0_5);font-size:var(--fs-sm);color:var(--ink-3);display:grid}[data-site=product] .h-file b{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--ink);overflow-wrap:anywhere}[data-site=product] .h-beats{--h-gutter:var(--s-8);--h-step:.96s;--h-ease:linear;--h-rest:.6s;--h-spread:3.8s;column-gap:var(--h-gutter);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@supports (animation-timing-function:linear(0, 1)){[data-site=product] .h-beats{--h-ease:linear(0, .548 40%, .614 45%, .675 50%, .73 55%, .781 60%, .826 65%, .866 70%, .902 75%, .932 80%, .956 85%, .976 90%, .991 95%, 1)}}[data-site=product] .h-beats+.h-beats{margin-top:var(--s-6)}[data-site=product] .h-beats>li{grid-row:span 3;grid-template-rows:subgrid;row-gap:var(--s-3);padding-top:var(--s-6);display:grid;position:relative}[data-site=product] .h-beats>*{--i:0;--h-ink:var(--ink);--h-at:calc(var(--i) * (var(--h-step) + var(--h-rest)))}[data-site=product] .h-beats>:nth-child(2){--i:1}[data-site=product] .h-beats>:nth-child(3){--i:2}[data-site=product] ol.h-beats>:last-child{--h-ink:var(--sun)}[data-site=product] h2.h-beats>:last-child{--h-ink:var(--sun-text);color:var(--h-ink)}[data-site=product] .h-beats>li:before{content:"";top:0;left:var(--s-4);right:calc(var(--s-1) - var(--h-gutter));background:linear-gradient(var(--h-ink), var(--h-ink)) 0 0 / 100% 100% no-repeat var(--line-2);height:2px;position:absolute}[data-site=product] .h-beats>li:last-child:before{right:0}[data-site=product] .h-beats>li:after{content:"";width:var(--s-3);height:var(--s-3);border:2px solid var(--h-ink);border-radius:50%;position:absolute;top:-5px;left:0}[data-site=product] h2.h-beats>span{display:inline-block;position:relative}[data-site=product] #how:is(.is-armed,.is-playing) h2.h-beats>span{color:#0000;-webkit-text-stroke:1px var(--line-2)}[data-site=product] #how.is-armed .h-beats>li:before{background-size:0 100%}[data-site=product] #how.is-armed .h-beats>li:after{border-color:var(--line-2)}[data-site=product] #how.is-playing .h-beats>li:before{animation:h-run var(--h-step) var(--h-ease) var(--h-at) backwards}[data-site=product] #how.is-playing .h-beats>li:after{animation:h-unlit-stn max(0s, var(--h-at) - var(--h-rest)) linear}[data-site=product] #how.is-playing h2.h-beats>span{-webkit-text-stroke-color:transparent;animation:h-stencil calc(var(--h-at) + var(--h-step)) linear}[data-site=product] #how.is-playing h2.h-beats>span:after{content:attr(data-word);content:attr(data-word) / "";color:var(--h-ink);-webkit-text-stroke-width:0;clip-path:inset(-.2em);animation:h-fill var(--h-step) var(--h-ease) var(--h-at) backwards;position:absolute;inset:0}[data-site=product] #how{--h-g:var(--g);--h-gap:var(--s-6);--h-over:var(--h-gap);--h-col:calc(100% + 2 * var(--h-gap));--h-end-x:0px;--h-end-y:0px}[data-site=product] :where(#how)>.wrap{position:relative}[data-site=product] :where(#how)>.wrap:before,[data-site=product] :where(#how)>.wrap:after,[data-site=product] :where(#how) ol.h-beats:before,[data-site=product] :where(#how) h2.h-beats:before,[data-site=product] :where(#how) h2.h-beats:after,[data-site=product] :where(#how) ol.h-beats:after,[data-site=product] .h-key-chart:before{--h-g3:calc(3 * var(--h-g));--h-rule:var(--line);--h-heavy:color-mix(in srgb, var(--h-rule) 50%, transparent) 1px, var(--h-rule) 1px 2px, transparent 2px;--h-light:var(--h-rule) 1px, transparent 1px;content:"";pointer-events:none;background-image:linear-gradient(var(--h-heavy)), linear-gradient(var(--h-light)), linear-gradient(90deg, var(--h-heavy)), linear-gradient(90deg, var(--h-light));background-size:var(--h-g3) var(--h-g3), var(--h-g) var(--h-g);position:absolute}@media (resolution>=2x){[data-site=product] :where(#how)>.wrap:before,[data-site=product] :where(#how)>.wrap:after,[data-site=product] :where(#how) ol.h-beats:before,[data-site=product] :where(#how) h2.h-beats:before,[data-site=product] :where(#how) h2.h-beats:after,[data-site=product] :where(#how) ol.h-beats:after,[data-site=product] .h-key-chart:before{--h-heavy:transparent .5px, var(--h-rule) .5px 2px, transparent 2px}}[data-site=product] :where(#how)>.wrap:before,[data-site=product] :where(#how)>.wrap:after,[data-site=product] :where(#how) h2.h-beats:before,[data-site=product] :where(#how) h2.h-beats:after{--h-fade-mask:linear-gradient(to top right, transparent calc(50% - var(--s-24)), #000 calc(50% + var(--s-24)));-webkit-mask-image:var(--h-fade-mask);-webkit-mask-image:var(--h-fade-mask);mask-image:var(--h-fade-mask);-webkit-mask-size:100% calc(3 * var(--fold));-webkit-mask-size:100% calc(3 * var(--fold));mask-size:100% calc(3 * var(--fold));-webkit-mask-position:var(--h-fade-at);-webkit-mask-position:var(--h-fade-at);mask-position:var(--h-fade-at);inset-inline:calc(50% - 50cqi);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[data-site=product] :where(#how)>.wrap:before,[data-site=product] :where(#how) h2.h-beats:before{--h-fade-at:0 calc(-1 * var(--fold));top:calc((100% - var(--fold)) / 2);height:calc((var(--fold) - 100%) / 2 - var(--h-over));background-position:right calc(2px - var(--h-g3)) bottom calc(2px - var(--h-col)), right calc(1px - var(--h-g)) bottom calc(1px - var(--h-g))}[data-site=product] :where(#how) ol.h-beats:before,[data-site=product] :where(#how) ol.h-beats:after{top:calc(-1 * var(--h-over));width:calc(var(--h-g) + 1px);height:var(--h-col);background-position:right calc(2px - var(--h-g3)) top calc(var(--h-col) - 2px), right calc(1px - var(--h-g)) top -1px;right:calc(50% - 50cqi)}[data-site=product] :where(#how)>.wrap:after,[data-site=product] :where(#how) h2.h-beats:after{--h-fade-at:0 calc(100% + var(--fold));top:calc(var(--h-col) - var(--h-over) - 2px);height:calc((var(--fold) + 100%) / 2 + var(--h-over) + 2px - var(--h-col));background-position:right calc(2px - var(--h-g3)) top 0, right calc(1px - var(--h-g)) top 1px}[data-site=product] #how:not(.is-playing) h2.h-beats:before,[data-site=product] #how:not(.is-playing) h2.h-beats:after,[data-site=product] #how:not(.is-playing) ol.h-beats:after{content:none}[data-site=product] #how h2.h-beats:before,[data-site=product] #how h2.h-beats:after,[data-site=product] #how ol.h-beats:after{--h-rule:var(--sun);--h-ripple-w:calc(4 * var(--h-g));--h-ripple-gap:calc(5 * var(--h-g));--h-ripple-reach:calc(hypot(100cqi, var(--fold)) + 2 * var(--h-ripple-gap) + var(--h-ripple-w));--h-r1:calc(var(--h-ripple-t) * var(--h-ripple-reach));--h-r2:calc(var(--h-r1) - var(--h-ripple-gap));--h-r3:calc(var(--h-r1) - 2 * var(--h-ripple-gap));--h-ripple-a:calc(1 - .7 * var(--h-ripple-t));--h-ring-mask:radial-gradient(circle at right var(--h-end-x) top var(--h-end-at), transparent calc(var(--h-r3) - var(--h-ripple-w)), rgb(0 0 0/calc(.45 * var(--h-ripple-a))) calc(var(--h-r3) - var(--h-ripple-w) / 3), transparent var(--h-r3), transparent calc(var(--h-r2) - var(--h-ripple-w)), rgb(0 0 0/calc(.7 * var(--h-ripple-a))) calc(var(--h-r2) - var(--h-ripple-w) / 3), transparent var(--h-r2), transparent calc(var(--h-r1) - var(--h-ripple-w)), rgb(0 0 0/var(--h-ripple-a)) calc(var(--h-r1) - var(--h-ripple-w) / 3), transparent var(--h-r1));z-index:1;-webkit-mask-image:var(--h-ring-mask);-webkit-mask-image:var(--h-ring-mask);mask-image:var(--h-ring-mask);animation:h-ripple var(--h-spread) linear calc(3 * var(--h-step) + 2 * var(--h-rest)) backwards}[data-site=product] #how h2.h-beats:before,[data-site=product] #how h2.h-beats:after{-webkit-mask-image:var(--h-ring-mask), var(--h-fade-mask);-webkit-mask-image:var(--h-ring-mask), var(--h-fade-mask);mask-image:var(--h-ring-mask), var(--h-fade-mask);-webkit-mask-size:auto, 100% calc(3 * var(--fold));-webkit-mask-size:auto, 100% calc(3 * var(--fold));mask-size:auto, 100% calc(3 * var(--fold));-webkit-mask-position:0 0, var(--h-fade-at);-webkit-mask-position:0 0, var(--h-fade-at);mask-position:0 0, var(--h-fade-at);-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;mask-composite:intersect}[data-site=product] #how h2.h-beats:before{--h-end-at:calc(100% + var(--h-end-y) + var(--h-over))}[data-site=product] #how ol.h-beats:after{--h-end-at:calc(var(--h-end-y) + var(--h-over))}[data-site=product] #how h2.h-beats:after{--h-end-at:calc(var(--h-end-y) + var(--h-over) + 2px - var(--h-col))}[data-site=product] .h-beats>li>p{max-width:26rem;font-size:var(--fs-md);color:var(--ink-2);line-height:1.55}[data-site=product] .h-beats>li>:last-child{margin-top:var(--s-6);align-self:start}[data-site=product] :is(.h-domain,.h-connect){width:100%;max-width:26rem}[data-site=product] .h-connect{gap:var(--s-3);display:grid}[data-site=product] .h-connect .code{min-height:var(--control-lg);border:1px solid var(--line-2);border-radius:var(--r-xs);background:var(--surface);padding-block:0}[data-site=product] .h-conn{align-items:center;gap:var(--s-2);font-size:var(--fs-sm);display:flex}[data-site=product] .h-conn .i{--size:14px;color:var(--ink-3)}[data-site=product] .h-conn .status{margin-left:auto}[data-site=product] .h-cust-h{grid-column:1/span 3}[data-site=product] .h-gaz{column-gap:var(--s-8);grid-column:4/-1;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}[data-site=product] .h-gaz li{border-top:2px solid var(--ink)}[data-site=product] .h-gaz a{gap:var(--s-2);height:100%;padding:var(--s-3) 0 var(--s-1);transition:box-shadow var(--t-fast) var(--ease);align-content:start;display:grid}[data-site=product] .h-gaz a:hover{box-shadow:inset 0 3px var(--ink)}[data-site=product] .h-gaz h3{font:var(--fw-display-sm) var(--fs-2xl) / 1.25 var(--font-display)}[data-site=product] .h-gaz p{font-size:var(--fs-md);color:var(--ink-2);line-height:1.5}[data-site=product] .h-gaz .link{margin-top:var(--s-1);font-size:var(--fs-sm);font-weight:var(--fw-semibold);justify-self:start}[data-site=product] .h-gaz a:hover .link{text-decoration-color:currentColor}[data-site=product] .h-review{grid-column:1/-1;grid-template-columns:subgrid;row-gap:var(--s-12);margin-top:var(--s-20);display:grid}[data-site=product] .h-review blockquote{grid-area:1/1/span 2/-1;grid-template-columns:subgrid;grid-template-rows:subgrid;display:grid}[data-site=product] .h-review-lead{padding:var(--s-8) var(--s-10);font:var(--fw-display) var(--h-big) / 1.06 var(--font-display);letter-spacing:-.02em;text-align:center;text-wrap:balance;grid-column:1/-1;position:relative}[data-site=product] .h-review-more{z-index:1;gap:var(--s-8);grid-area:2/4/auto/span 6;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}[data-site=product] .h-review-more p{font-size:var(--fs-lg);color:var(--ink-2);line-height:1.6}[data-site=product] .h-review-by{grid-area:2/1/auto/-1;grid-template-columns:subgrid;font:var(--fw-semibold) var(--fs-md) / 1.4 var(--font-sans);color:var(--ink);align-items:start;display:grid}[data-site=product] .h-review-by>span{grid-column:1/span 3}[data-site=product] :is(.h-review-more p,.h-review-by>span){padding-top:var(--s-3);border-top:1px solid var(--line-2)}[data-site=product] .h-review-by>span+span{font:var(--fw-regular) var(--fs-sm) / 1.6 var(--font-mono);word-spacing:var(--mono-word-spacing);color:var(--ink-2);grid-column:10/span 3}[data-site=product] .h-pricing>.wrap{align-items:start}[data-site=product] .h-pricing .section-head{grid-area:1/1/span 2/span 4;margin-bottom:0}[data-site=product] .h-pricing :is(.price-offer,.price-hero){grid-column:5/-1}[data-site=product] .h-pricing .section-head h2{font-size:clamp(32px,4cqi - 5.2px,52px)}[data-site=product] .h-price{justify-content:space-between;gap:var(--s-8);flex-direction:column;display:flex}[data-site=product] .h-price .price-big{font-size:clamp(48px,5.8cqi,80px);display:block}[data-site=product] .h-price-was{font:var(--fw-display) var(--fs-3xl) / 1 var(--font-display);font-variant-numeric:lining-nums tabular-nums;color:var(--ink-3);text-decoration-thickness:2px}[data-site=product] .h-pricing .price-offer{border:1.5px solid var(--ink)}[data-site=product] .h-pricing .price-offer>.i{color:var(--ink)}[data-site=product] .h-price+div{background:var(--bg)}[data-site=product] .h-faq:not(:where([data-theme=dark] *)){background:var(--surface-2)}[data-site=product] .h-faq>.wrap{align-items:start}[data-site=product] .h-faq .section-head{grid-column:1/span 4;margin-bottom:0}[data-site=product] .h-faq .faq{border:1px solid var(--line);border-radius:var(--r-xs);background:var(--surface);grid-column:5/-1;max-width:none}[data-site=product] .h-faq .faq details{padding-inline:var(--s-6)}[data-site=product] .h-faq .faq details:last-child{border-bottom:0}[data-site=product] .h-faq .faq details p{max-width:776px}[data-site=product] .h-close{--land:clamp(200px, 25cqi, 420px);color:var(--ink);background:var(--bg);padding-bottom:0}@container vp (width>=761px){[data-site=product]>main>.h-close{grid-template-rows:minmax(0,1fr) auto;align-content:stretch;padding-bottom:0}[data-site=product] .h-close>.wrap{align-self:center}}[data-site=product] .h-backfill{gap:var(--s-3) var(--s-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}[data-site=product] .h-backfill .sig{font-size:var(--fs-sm);color:var(--ink-2);white-space:normal;line-height:1.35}[data-site=product] :is(.h-backfill .sig,.h-close-pins) .i{--size:15px}[data-site=product] .h-close-land{height:var(--land);margin-top:var(--s-12);position:relative}[data-site=product] .h-close-land .h-land{-webkit-mask-image:linear-gradient(#0000,#000 35%);mask-image:linear-gradient(#0000,#000 35%)}[data-site=product] .h-close-land .h-land path{stroke-dasharray:none;animation:none}[data-site=product] .h-close-pins span{align-items:center;gap:var(--s-2);color:var(--ink-2);font:var(--fw-medium) var(--fs-sm)/1 var(--font-sans);white-space:nowrap;transform:translate(var(--x,0), var(--y,0));display:flex;position:absolute;top:0;left:0}[data-site=product] .h-close-pins .i{color:var(--ink)}[data-site=product] .h-close-pins span.is-flip{flex-direction:row-reverse}[data-site=product] .h-close:not(.is-pinned) .h-close-pins{visibility:hidden}[data-site=product] .h-close.is-pinned .h-backfill{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-site=product] .h-win{--h-win-r:10px;border:1px solid var(--line-2);border-radius:var(--h-win-r);background:var(--surface);min-width:0;color:var(--ink);font:var(--fw-regular) var(--fs-sm)/1.45 var(--font-sans);grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden;container:h-win/inline-size}[data-site=product] .h-win-head{align-items:center;gap:var(--s-4);min-width:0;height:40px;padding:0 var(--s-2_5) 0 var(--s-3_5);border-bottom:1px solid var(--line);background:var(--surface-2);display:flex}[data-site=product] .h-win-lights{gap:var(--s-2);flex:none;display:flex}[data-site=product] .h-win-lights i{background:#ff5f57;border-radius:50%;width:12px;height:12px}[data-site=product] .h-win-lights i:nth-child(2){background:#febc2e}[data-site=product] .h-win-lights i:nth-child(3){background:#28c840}@container vp (width>=1081px){[data-site=product] #ask .split-feature{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}[data-site=product] .h-chat-title{align-items:center;gap:var(--s-1);min-width:0;font-weight:var(--fw-medium);white-space:nowrap;display:inline-flex}[data-site=product] .h-chat-title .i{--size:12px;color:var(--ink-3)}[data-site=product] .h-chat-share{padding:2px var(--s-2_5);border:1px solid var(--line-2);border-radius:var(--h-win-r);background:var(--surface);font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--ink-2);margin-left:auto}[data-site=product] .h-chat-main{gap:var(--s-4);min-width:0;padding:var(--s-4) var(--s-5) var(--s-3_5);grid-template-columns:minmax(0,1fr);display:grid}[data-site=product] :is(.h-chat-thread,.h-chat-field){justify-self:center;width:100%;max-width:620px}[data-site=product] .h-chat-thread{gap:var(--s-4);align-content:start;display:grid}[data-site=product] .h-plate .h-chat-main{grid-template-rows:minmax(0,1fr) auto;min-height:0}[data-site=product] .h-plate .h-chat-thread{gap:var(--s-3);min-height:0;overflow:hidden}[data-site=product] .h-chat-you{max-width:85%;padding:var(--s-2) var(--s-3);border-radius:var(--h-win-r);background:var(--surface-2);font-size:var(--fs-base);justify-self:end;line-height:1.5}[data-site=product] .h-chat-reply{gap:var(--s-2_5);display:grid}[data-site=product] .h-chat-tools{border:1px solid var(--line-2);border-radius:var(--h-win-r);min-width:min(100%,300px);max-width:100%;font-size:var(--fs-xs);color:var(--ink-3);justify-self:start;display:grid}[data-site=product] .h-chat-tools>span{align-items:baseline;gap:var(--s-2);padding:5px var(--s-2_5);display:flex}[data-site=product] .h-chat-tools>span+span{border-top:1px solid var(--line)}[data-site=product] .h-chat-tools b{font:var(--fw-regular) var(--fs-xs) / 1 var(--font-mono);color:var(--ink-2)}[data-site=product] .h-chat-tools .logo-mark{--m:14px;align-self:center}[data-site=product] .h-chat-tools .i{--size:12px;align-self:center;margin-left:auto}[data-site=product] .h-chat-a{gap:var(--s-2);font-size:var(--fs-md);text-wrap:pretty;line-height:1.55;display:grid}[data-site=product] .h-chat-a ol{gap:var(--s-1_5);padding-left:22px;list-style:decimal;display:grid}[data-site=product] .h-chat-a li::marker{color:var(--ink-3)}[data-site=product] .h-chat-a b{font-weight:var(--fw-semibold)}[data-site=product] .h-chat-a u{-webkit-text-decoration-color:var(--ink-4);text-decoration-color:var(--ink-4);text-underline-offset:2px}[data-site=product] .h-chat-cite{gap:var(--s-1_5);padding:0 var(--s-1_5);border-radius:var(--h-win-r);background:var(--surface-2);color:var(--ink-3);font:var(--fw-medium) var(--fs-xs) / 20px var(--font-sans);vertical-align:1px;white-space:nowrap;display:inline-flex}[data-site=product] .h-chat-acts{gap:var(--s-3_5);color:var(--ink-3);display:flex}[data-site=product] .h-chat-acts .i{--size:14px}[data-site=product] .h-chat-field{gap:var(--s-2);padding:var(--s-2_5) var(--s-2) var(--s-2) var(--s-3);border:1px solid var(--line-control);border-radius:var(--h-win-r);background:var(--surface);color:var(--ink-3);font-size:var(--fs-base);display:grid}[data-site=product] .h-chat-field>div{align-items:center;gap:var(--s-1_5);display:flex}[data-site=product] :is(.h-chat-btn,.h-chat-send){border-radius:var(--h-win-r);place-items:center;width:28px;height:28px;display:grid}[data-site=product] .h-chat-btn{border:1px solid var(--line-2);color:var(--ink-2)}[data-site=product] .h-chat-send{background:var(--ink);color:var(--on-ink);margin-left:auto}[data-site=product] .h-chat-field .i{--size:15px}[data-site=product] :is(.h-late-axis,.h-late-sh time,.h-late-dim,.h-chat-tools b){word-spacing:var(--mono-word-spacing)}@container key (width<=81em){[data-site=product] .h-key-sheet{grid-template-rows:none;grid-template-columns:minmax(0,1fr)}[data-site=product] :is(.h-key-h,.h-key-chart,.h-key-sheet .h-key-a,.h-key-sheet .h-key-b){grid-area:auto/1}[data-site=product] :is(.h-key-h,.h-key-h>span){display:block}[data-site=product] .h-key-h br{display:none}[data-site=product] .h-key-lead+.h-key-lead{margin-top:0}[data-site=product] .h-key-chart{row-gap:var(--s-8);grid-template-rows:none;grid-template-columns:none}[data-site=product] .h-key-chart:before,[data-site=product] .h-key-chart:after,[data-site=product] .h-rides{display:none}[data-site=product] .h-key-half{grid-template-rows:none;justify-content:start}[data-site=product] .h-key-col{grid-row:span 2}[data-site=product] .h-key-col h4{padding-bottom:var(--s-6)}[data-site=product] .h-stack{border-bottom:1.5px solid var(--ink)}}@container vp (width<=1080px){[data-site=product] .h-pricing>.wrap{grid-template-columns:minmax(0,1fr)}[data-site=product] .h-pricing>.wrap>*{grid-column:1/-1}[data-site=product] .h-pricing .section-head{margin-bottom:var(--s-8);grid-row:auto}[data-site=product] .h-pricing .section-head h2{font-size:var(--fs-d1)}[data-site=product] h2.h-beats{display:block}[data-site=product] .h-beats{row-gap:var(--s-10);grid-template-columns:minmax(0,1fr);max-width:720px}[data-site=product] .h-beats>li{grid-row:auto;grid-template-rows:none}[data-site=product] .h-beats>li:before{right:0}[data-site=product] .h-beats>li>:last-child{margin-top:var(--s-3)}[data-site=product] .h-etch{display:none}[data-site=product] .h-late{grid-template-columns:minmax(0,1fr);max-width:720px}[data-site=product] :is(.h-late-axis,.h-late-grid,.h-late-dim){display:none}[data-site=product] .h-late>:is(.h-late-who,.h-late-track){grid-area:auto/1}[data-site=product] .h-late-who{padding:var(--s-5) 0 var(--s-3)}[data-site=product] .h-late-who.is-mt{border-bottom:0}[data-site=product] :is(.h-late-who.is-sh,.h-late-sh){background:var(--hz-band)}[data-site=product] .h-late-who.is-sh{padding-inline:var(--s-4)}[data-site=product] .h-late-mt{padding:0 0 var(--s-6) var(--s-5)}[data-site=product] .h-late-mt:before{display:none}[data-site=product] .h-late-mt:after{left:0;top:calc(var(--s-4) + 6px);bottom:auto}[data-site=product] .h-late-sh{height:auto;padding:0 var(--s-4) var(--s-6) calc(var(--s-4) + var(--s-5));border-radius:0 0 var(--r-xs) var(--r-xs);display:grid}[data-site=product] .h-late-sh:before{top:0;bottom:var(--s-6);left:calc(var(--s-4) + 3px);border-top:0;border-left:1.5px dashed var(--ink-4);right:auto}[data-site=product] .h-late-sh li{margin-top:calc(var(--gap) * 14px);position:relative;top:0;left:0}[data-site=product] .h-late-sh li:before{display:none}[data-site=product] .h-late-sh :is(li,li.is-end):after{left:calc(-1 * var(--s-5));top:4px}[data-site=product] .h-late-sh :is(p,.is-end p){text-align:left;width:auto;max-width:none;position:static}}@container vp (width<=880px){[data-site=product]>main>.h-use{--h-plate-h:clamp(419px, calc(var(--fold) - 361px), 579px)}[data-site=product] :is(.h-view,.h-cust-sheet,.h-faq>.wrap){grid-template-columns:minmax(0,1fr)}[data-site=product] :is(.h-view,.h-cust-sheet,.h-faq>.wrap)>*{grid-column:1/-1}[data-site=product] .h-view{row-gap:var(--s-5)}[data-site=product] .h-view-text{padding-top:0}[data-site=product] .h-gaz{margin-top:var(--s-6)}[data-site=product] :is(.h-review,.h-review blockquote,.h-review-by){grid-template-rows:none;grid-template-columns:minmax(0,1fr)}[data-site=product] :is(.h-review,.h-review blockquote){row-gap:var(--s-8)}[data-site=product] :is(.h-review blockquote,.h-review-lead,.h-review-more,.h-review-by,.h-review-by>span){grid-area:auto/1/auto/-1}[data-site=product] .h-review-by{row-gap:var(--s-1)}[data-site=product] .h-review-by>span+span{border-top:0;grid-column:1/-1;padding-top:0}[data-site=product] .h-faq .faq{margin-top:var(--s-8)}}@container vp (width>=761px) and (width<=880px){[data-site=product] .h-stage{row-gap:var(--s-5);grid-template-rows:auto auto}[data-site=product] .h-view{grid-row:1/span 2;grid-template-rows:subgrid}}@container vp (width<=760px){[data-site=product]>main>.h-use{--h-plate-h:500px}[data-site=product] :where(#how)>.wrap:before,[data-site=product] :where(#how)>.wrap:after,[data-site=product] :where(#how) ol.h-beats:before,[data-site=product] :where(#how) h2.h-beats:before,[data-site=product] :where(#how) h2.h-beats:after,[data-site=product] :where(#how) ol.h-beats:after{display:none}[data-site=product] .h-fold{padding:var(--s-10) var(--s-4) var(--s-24)}[data-site=product] .h-title{padding:var(--s-3_5) var(--s-3);font-size:min(var(--fs-hero), calc((100cqi - 24px) / 9))}[data-site=product] .h-m:before{content:"\a ";white-space:pre}[data-site=product] .h-key-half{grid-template-columns:repeat(2,minmax(0,1fr))}[data-site=product] .h-rail{display:none}[data-site=product] .h-where{margin-top:var(--s-10)}[data-site=product] .h-stage{gap:var(--s-14)}[data-site=product] .h-stage>.h-view{grid-area:auto}[data-site=product] .h-stage>.h-view.is-off{visibility:visible;opacity:1;pointer-events:auto}[data-site=product] .h-plate{padding:var(--s-3)}[data-site=product] .h-file{grid-template-columns:auto minmax(0,1fr)}[data-site=product] .h-file>.btn{grid-column:2;justify-self:start}[data-site=product] :is(.h-endpoints,.h-form>div){grid-template-columns:minmax(0,1fr)}[data-site=product] :is(.h-endpoints>li,.h-form>div){row-gap:var(--s-1)}[data-site=product] .h-gaz{grid-template-columns:minmax(0,1fr)}[data-site=product] .h-gaz li+li{border-top:1px solid var(--line)}[data-site=product] .h-gaz a{padding-bottom:var(--s-4)}[data-site=product] .h-review-lead{padding:var(--s-5);font-size:var(--fs-hero)}[data-site=product] .h-review-more{gap:var(--s-4);grid-template-columns:minmax(0,1fr)}[data-site=product] .h-backfill{grid-template-columns:minmax(0,1fr)}[data-site=product] .h-close-pins{display:none}[data-site=product] .h-chat-main{padding-inline:var(--s-3_5)}}}@layer utilities;@property --h-ripple-t{syntax:"<number>";inherits:false;initial-value:0}@keyframes h-draw{0%{stroke-dashoffset:1.05px}to{stroke-dashoffset:0}}@keyframes h-ride{0%{translate:var(--from) 0}70%,to{translate:var(--to) 0}}@keyframes h-ride-show{15%,80%{opacity:1}}@keyframes h-ride-land{0%{left:calc(var(--s-6) / -2);width:var(--s-6)}}@keyframes h-run{0%{background-size:0 100%}}@keyframes h-unlit-stn{0%,to{border-color:var(--line-2)}}@keyframes h-stencil{0%,to{-webkit-text-stroke-color:var(--line-2)}}@keyframes h-fill{0%{clip-path:inset(-.2em calc(100% + .2em) -.2em -.2em)}}@keyframes h-ripple{0%{--h-ripple-t:0}to{--h-ripple-t:1}}@keyframes h-unlit{0%,to{color:var(--ink-3);box-shadow:inset 0 0 0 1px var(--line-2)}}@keyframes h-cue{0%{transform:scaleY(0)}50%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}