.features-closing{--scene-color:var(--color-accent);--wash-outer:#0a84ff;min-height:calc(100svh - var(--header-height,64px));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:0 16px;display:flex}.features-closing h2{letter-spacing:-.03em;color:var(--color-text-1);text-wrap:balance;font-size:clamp(30px,4.5vw,40px);font-weight:650;line-height:1.1}.features-closing p{max-width:32rem;color:var(--color-text-2);text-wrap:pretty;font-size:16px;line-height:1.5}.features-closing .splash-cta{margin-top:24px}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.features-closing{view-timeline:--features-closing block}.features-closing>*{animation:cubic-bezier(.22,.61,.36,1) both features-handoff-in;animation-timeline:--features-closing;animation-range:entry 55%}.features-closing>h2{animation-range:entry 42% entry 90%}.features-closing>p{animation-range:entry 50% entry 95%}.features-handoff[data-side=to] .features-closing>:not(h2){animation:.4s cubic-bezier(.55,0,.75,.2) 60ms both features-handoff-out}.features-handoff[data-side=from] .features-closing>:not(h2){animation:.8s cubic-bezier(.22,.61,.36,1) .45s both smoke-text-in}}}
.features-handoff{--handoff-h:calc(100svh - var(--header-height,64px));--handoff-swap:.6;position:relative}.features-handoff-stage{flex-direction:column;display:flex;position:relative}.features-handoff[data-mark]{--handoff-mark:72px;--handoff-top:max(16px, var(--handoff-h) * .5 - 170px)}.features-handoff[data-mark] .features-handoff-from>*{padding-top:calc(var(--handoff-top) + var(--handoff-mark) + 24px);justify-content:flex-start}.features-handoff-mark{z-index:1;top:var(--handoff-top);line-height:0;position:absolute;left:50%;translate:-50%}.features-handoff-from,.features-handoff-to{display:grid}.features-handoff-at{pointer-events:none;scroll-snap-align:start;width:1px;height:1px;scroll-margin-top:var(--header-height,64px);position:absolute;left:0}.features-handoff-at[data-at=from]{top:0}.features-handoff-at[data-at=to]{top:var(--handoff-h)}.features-handoff-reading{top:calc(var(--handoff-h) * (.4 + .45 * var(--handoff-swap)) - var(--header-height,64px) * .6);pointer-events:none;width:1px;position:absolute;bottom:0;left:0}@keyframes features-handoff-in{0%{opacity:0;filter:blur(10px);translate:0 10px}}@keyframes features-handoff-out{to{opacity:0;filter:blur(6px);visibility:hidden;translate:0 12px}}@keyframes features-handoff-smoke-out{to{opacity:0;filter:blur(6px);transform:translateY(12px)}}@keyframes features-handoff-mark-in{0%{opacity:0;filter:blur(10px);translate:-50% 10px;scale:1.12}}.features-handoff .smoke-text-char{animation:none}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.features-handoff{height:calc(var(--handoff-h) * (1 + var(--handoff-swap)));view-timeline:--features-handoff block;view-timeline-inset:var(--header-height,64px) 0}.features-handoff-stage{top:var(--header-height,64px);height:var(--handoff-h);display:grid;position:sticky}.features-handoff-stage>*{grid-area:1/1;min-height:0}.features-handoff[data-mark] .features-handoff-to>*{padding-top:calc(var(--handoff-top) + var(--handoff-mark) + 24px);justify-content:flex-start}.features-handoff-mark{animation:cubic-bezier(.22,.61,.36,1) both features-handoff-mark-in;animation-timeline:--features-handoff;animation-range:entry 35% entry 85%}.features-handoff-at[data-at=to]{top:calc(var(--handoff-h) * var(--handoff-swap))}.features-handoff-to{pointer-events:none;visibility:hidden}.features-handoff-to .features-section-head{animation:none}.features-handoff[data-side=to] .features-handoff-from,.features-handoff[data-side=from] .features-handoff-to{visibility:hidden;transition:visibility 0s linear .7s}:is(.features-handoff[data-side=to] .features-handoff-from,.features-handoff[data-side=from] .features-handoff-to) .smoke-text-char{animation:features-handoff-smoke-out .42s calc(var(--smoke-delay) * .25) cubic-bezier(.55, 0, .75, .2) both}.features-handoff[data-side=to] .features-handoff-to,.features-handoff[data-side=from] .features-handoff-from{visibility:visible}:is(.features-handoff[data-side=to] .features-handoff-to,.features-handoff[data-side=from] .features-handoff-from) .smoke-text-char{animation:smoke-text-in .8s calc(.3s + var(--smoke-delay) * .6) cubic-bezier(.22, .61, .36, 1) both}}}
.features-hero-spacer{margin-top:-48px}.features-hero{--scene-color:var(--color-accent);--wash-outer:#0a84ff;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:56px;padding:88px 16px 72px;display:flex}.features-hero-copy{flex-direction:column;align-items:center;max-width:40rem;display:flex}.features-hero-eyebrow{color:var(--color-text-3);font-size:13px;font-weight:500}.features-hero .features-hero-heading{letter-spacing:-.035em;color:var(--color-text-1);text-wrap:balance;margin-top:14px;font-size:clamp(40px,7vw,64px);font-weight:650;line-height:1.04}.features-hero-subheading{max-width:34rem;color:var(--color-text-2);text-wrap:pretty;margin-top:20px;font-size:17px;line-height:1.5}.features-hero-field{--tile:52px;--gap:18px;justify-content:center;gap:var(--gap);width:min(100%, calc(9 * var(--tile) + 8 * var(--gap)));flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.features-hero-cell{position:relative}.features-hero-link{--card-pad:6px;--lift:-5px;--grow:1.08;--open:.42s cubic-bezier(.34, 1.32, .64, 1);--close:.18s cubic-bezier(.4, 0, 1, 1);--spring:.75s linear(0, .061, .206, .387, .57, .733, .865, .963, 1.028, 1.066, 1.082, 1.082, 1.073, 1.059, 1.044, 1.029, 1.017, 1.007, 1, .996, .994, .993, .993, .994, 1);--push-x:0px;--push-y:0px;outline:none;display:block;position:relative}.features-hero-link:after{content:"";inset:calc(var(--gap) / -2);position:absolute}.features-hero-tile{--tile-size:var(--tile);translate:var(--push-x) var(--push-y);transition:translate var(--spring), scale var(--spring), z-index 0s .2s}.features-hero-card{--risen:calc(var(--tile) * var(--grow));top:calc(-1 * var(--card-pad) - (var(--risen) - var(--tile)) / 2);z-index:2;min-width:calc(var(--risen) + 2 * var(--card-pad));padding:calc(var(--risen) + var(--card-pad) + 6px) 10px 12px;text-align:center;border-radius:calc(var(--risen) * .4 + var(--card-pad));corner-shape:superellipse(1.5);background:linear-gradient(to bottom, color-mix(in srgb, var(--tile-color) 14%, transparent), color-mix(in srgb, var(--tile-color) 7%, transparent)), linear-gradient(to bottom, color-mix(in srgb, var(--color-bg) 66%, transparent), color-mix(in srgb, var(--color-bg) 92%, transparent));-webkit-backdrop-filter:blur(20px)saturate(1.5);backdrop-filter:blur(20px)saturate(1.5);box-shadow:0 20px 40px -16px color-mix(in srgb, var(--tile-color) 30%, #0000008c);opacity:0;visibility:hidden;translate:calc(-50% + var(--push-x)) var(--push-y);transform-origin:50% calc(var(--card-pad) + var(--risen) / 2);pointer-events:none;transition:opacity var(--close), scale var(--close), translate var(--spring), visibility 0s .2s;display:block;position:absolute;left:50%;scale:.82 .5}.features-hero-card:before{content:"";border-radius:inherit;corner-shape:inherit;background:linear-gradient(to bottom, color-mix(in srgb, var(--tile-color) 50%, transparent), color-mix(in srgb, var(--tile-color) 10%, transparent) 70%, transparent);pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);mask-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.features-hero-name{letter-spacing:.01em;white-space:nowrap;color:var(--color-text-1);opacity:0;filter:blur(3px);transition:opacity var(--close), translate var(--close), filter var(--close);font-size:10px;font-weight:500;line-height:1.2;display:block;translate:0 -6px}:is(.features-hero-link:hover,.features-hero-link:focus-visible) .features-hero-tile{z-index:3;translate:0 var(--lift);scale:var(--grow);transition-delay:0s}:is(.features-hero-link:hover,.features-hero-link:focus-visible) .features-hero-card{opacity:1;visibility:visible;translate:-50% var(--lift);transition:opacity .2s ease-out, scale var(--open), translate var(--spring), visibility 0s;scale:1}:is(.features-hero-link:hover,.features-hero-link:focus-visible) .features-hero-name{opacity:1;filter:blur();transition:opacity .3s ease-out .1s,translate .4s cubic-bezier(.16,1,.3,1) .1s,filter .3s ease-out .1s;translate:0}@supports (order:attr(data-col type(<number>), 0)){@media (hover:hover) and (prefers-reduced-motion:no-preference){.features-hero-cell{--col:attr(data-col type(<number>), 0);--row:attr(data-row type(<number>), 0)}.features-hero-field:has(.features-hero-link:is(:hover,:focus-visible)) .features-hero-link:not(:hover,:focus-visible){--push:calc(var(--tile) * .5);--dx:calc(var(--col) - var(--hx,0));--dy:calc(var(--row) - var(--hy,0) - .3);--d:hypot(var(--dx), var(--dy));--pull:calc(var(--push) / (var(--d) * var(--d) * var(--d) + .5));--push-x:calc(var(--dx) * var(--pull));--push-y:calc(var(--dy) * var(--pull))}.features-hero-field:has(>:nth-child(9n+2)>.features-hero-link:is(:hover,:focus-visible)){--hx:1}.features-hero-field:has(>:nth-child(9n+3)>.features-hero-link:is(:hover,:focus-visible)){--hx:2}.features-hero-field:has(>:nth-child(9n+4)>.features-hero-link:is(:hover,:focus-visible)){--hx:3}.features-hero-field:has(>:nth-child(9n+5)>.features-hero-link:is(:hover,:focus-visible)){--hx:4}.features-hero-field:has(>:nth-child(9n+6)>.features-hero-link:is(:hover,:focus-visible)){--hx:5}.features-hero-field:has(>:nth-child(9n+7)>.features-hero-link:is(:hover,:focus-visible)){--hx:6}.features-hero-field:has(>:nth-child(9n+8)>.features-hero-link:is(:hover,:focus-visible)){--hx:7}.features-hero-field:has(>:nth-child(9n+9)>.features-hero-link:is(:hover,:focus-visible)){--hx:8}.features-hero-field:has(>:nth-child(n+10)>.features-hero-link:is(:hover,:focus-visible)){--hy:1}.features-hero-field:has(>:nth-child(n+19)>.features-hero-link:is(:hover,:focus-visible)){--hy:2}.features-hero-field:has(>:nth-child(n+28)>.features-hero-link:is(:hover,:focus-visible)){--hy:3}.features-hero-field:has(>:nth-child(n+37)>.features-hero-link:is(:hover,:focus-visible)){--hy:4}}}.features-hero-link:focus-visible .features-hero-card{outline:2px solid var(--color-accent);outline-offset:2px}@media (max-width:720px){.features-hero{gap:40px;padding:56px 16px 32px}.features-hero-subheading{font-size:15px}.features-hero-field{--tile:30px;--gap:8px}.features-hero-link{--card-pad:4px;--lift:-4px}.features-hero-card{padding:calc(var(--risen) + var(--card-pad) + 4px) 6px 8px}.features-hero-name{font-size:9px}}@media (prefers-reduced-motion:no-preference){.features-hero-eyebrow,.features-hero .features-hero-heading,.features-hero-subheading{animation:.9s cubic-bezier(.22,.61,.36,1) both features-hero-rise}.features-hero .features-hero-heading{animation-delay:80ms}.features-hero-subheading{animation-delay:.2s}.features-hero-cell{animation:features-hero-gather 1.1s cubic-bezier(.22, .61, .36, 1) var(--delay,.45s) backwards}}@supports (order:attr(data-i type(<number>), 0)){.features-hero-cell{--from-x:attr(data-from-x px, 0px);--from-y:attr(data-from-y px, 24px);--delay:attr(data-delay s, .45s)}}@keyframes features-hero-rise{0%{opacity:0;filter:blur(8px);translate:0 10px}}@keyframes features-hero-gather{0%{opacity:0;translate:var(--from-x,0px) var(--from-y,24px);filter:blur(6px);scale:.55}}@supports (animation-timeline:scroll()){@media (min-width:721px) and (prefers-reduced-motion:no-preference){.features-hero-spacer{height:calc(100svh + 20svh - var(--header-height))}.features-hero-spacer .features-hero{height:100svh;padding-top:var(--header-height);animation:linear both features-hero-drift,cubic-bezier(.5,0,.75,0) both features-hero-leave;animation-timeline:scroll(root),scroll(root);animation-range:0 100svh;position:fixed;inset:0 0 auto}.features-hero-spacer .features-hero-copy{animation:ease-in-out both features-hero-part-leave;animation-timeline:scroll(root);animation-range:0 55svh}.features-hero-spacer .features-hero-field{animation:ease-in-out both features-hero-part-leave;animation-timeline:scroll(root);animation-range:0 75svh}:where(.features-hero-spacer~*){position:relative}}}@keyframes features-hero-drift{to{translate:0 -40svh}}@keyframes features-hero-leave{to{opacity:0;visibility:hidden}}@keyframes features-hero-part-leave{to{opacity:0}}
