.hero-display{margin-top:3.5rem}@media (min-width:768px){.hero-display{margin-top:5rem}}@media (min-width:1024px){.hero-display{margin-top:6rem}}@media (min-width:640px) and (max-height:820px){.hero-display{margin-top:3rem}}
.hero-tools{--tools-gap:clamp(.4rem, .9vw, .8rem);--tools-span:calc(min(100vw, 80rem) - 2rem);--tools-cols:6;--tools-side:calc(.25rem + var(--tools-gap));--tools-tile:calc((var(--tools-span) - var(--tools-side) * 2 - (var(--tools-cols) - 1) * var(--tools-gap)) / var(--tools-cols));--tools-pitch:calc(var(--tools-tile) + var(--tools-gap));--tools-tilt:44deg;--tools-depth:calc(7.05 * var(--tools-pitch));--tools-rise:calc(1.67 * var(--tools-pitch));--tools-head:calc(1.75rem + var(--tools-tile) * .16);--tools-foot:calc(.5rem + var(--tools-tile) * .06);text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}@media (min-width:480px){.hero-tools{--tools-cols:7}}@media (min-width:768px){.hero-tools{--tools-cols:8}}@media (max-width:767.98px){.hero-tools{--tools-tilt:24deg;--tools-depth:calc(8.13 * var(--tools-pitch));--tools-rise:calc(2.44 * var(--tools-pitch))}}.hero-tools-title{letter-spacing:-.035em;text-wrap:balance;color:#fff;padding-inline:1rem;font-size:1.75rem;font-weight:500;line-height:1.08}@media (min-width:640px){.hero-tools-title{font-size:2.25rem}}@media (min-width:768px){.hero-tools-title{font-size:2.375rem}}@media (min-width:1024px){.hero-tools-title{font-size:2.625rem}}@media (min-width:80rem){.hero-tools-title{font-size:2.875rem}}.hero-tools-title .cwc{background:#1b192a;background:lab(9.7739% 4.43973 -11.3053);box-shadow:inset 0 0 0 1px #ffffff29;box-shadow:inset 0 0 0 1px lab(100% -.0000298023 .0000119209/.16)}.hero-tools-stage{width:var(--tools-span);max-width:100%;height:var(--tools-rise);perspective:var(--tools-depth);perspective-origin:50% 100%;margin-top:clamp(2rem,3.6vw,3.25rem);position:relative}.hero-tools-wall{--tools-haze:linear-gradient(to top, #0000004d var(--tools-foot), #0000009e calc(var(--tools-foot) + var(--tools-pitch) * .466), #000 calc(var(--tools-foot) + var(--tools-pitch) * 1.222), #000 100%);gap:var(--tools-gap);padding-top:var(--tools-head);padding-bottom:var(--tools-foot);padding-inline:var(--tools-side);transform:rotateX(var(--tools-tilt));transform-origin:50% 100%;-webkit-mask-image:var(--tools-haze);mask-image:var(--tools-haze);-webkit-mask-image:var(--tools-haze);flex-direction:column;display:flex;position:absolute;inset:auto 0 0}.hero-tools-row{grid-template-columns:repeat(var(--tools-cols), minmax(0, 1fr));gap:var(--tools-gap);display:grid}.hero-tools-row:nth-child(2){--haze:.34}.hero-tools-row:nth-child(3){--haze:1}@media (max-width:767.98px){.hero-tools-row:nth-child(2){--haze:.18}.hero-tools-row:nth-child(3){--haze:.5}}.hero-tools-row:nth-child(n+2) .hero-tool{--tile-dim:calc(1 - var(--haze) * .6);filter:blur(calc(var(--tools-tile) * var(--haze) * .055))}.hero-tools-row>:nth-child(n+7){display:none}@media (min-width:480px){.hero-tools-row>:nth-child(-n+7){display:flex}}@media (min-width:768px){.hero-tools-row>:nth-child(-n+8){display:flex}}.hero-tools:not([data-shown]) .hero-tools-row .hero-tool{opacity:0}.hero-tools[data-shown] .hero-tool{animation:hero-tool-in .56s cubic-bezier(.2, .7, .3, 1) calc(var(--i) * 45ms) backwards}@keyframes hero-tool-in{0%{opacity:0;translate:0 14px;scale:.92}}@media (prefers-reduced-motion:reduce){.hero-tools:not([data-shown]) .hero-tools-row .hero-tool,.hero-tools[data-shown] .hero-tool{opacity:var(--tile-dim);animation:none}}@media (scripting:none){.hero-tools:not([data-shown]) .hero-tools-row .hero-tool{opacity:var(--tile-dim)}}.hero-tool{--tile-dim:1;aspect-ratio:1;opacity:var(--tile-dim);background:#ffffff0d;background:lab(100% -.0000298023 .0000119209/.05);border:1px solid #ffffff14;border:1px solid lab(100% -.0000298023 .0000119209/.08);border-radius:1rem;justify-content:center;align-items:center;transition:translate .3s cubic-bezier(.2,.7,.3,1),scale .3s cubic-bezier(.2,.7,.3,1),opacity .3s,filter .3s,border-color .3s,background-color .3s,box-shadow .3s;display:flex}@media (hover:hover){.hero-tools .hero-tools-row .hero-tool:hover{z-index:1;opacity:1;filter:blur();background:#ffffff1c;background:lab(100% -.0000298023 .0000119209/.11);border-color:#ffffff21;border-color:lab(100% -.0000298023 .0000119209/.13);translate:0 -.5rem;scale:1.06;box-shadow:0 1.5rem 2.5rem -1.25rem #000000bf}}@media (prefers-reduced-motion:reduce){.hero-tools .hero-tools-row .hero-tool:hover{translate:none;scale:none}}@media (max-width:767.98px){.hero-tool{border-radius:.75rem}}.hero-tool-mark{object-fit:contain;width:52%;height:52%}.hero-tool-mark[data-tone=dark]{filter:var(--dark-brand-icon-filter)}.hero-tools-count{letter-spacing:-.015em;color:#ffffffad;color:lab(100% -.0000298023 .0000119209/.68);margin-top:clamp(1rem,2.2vw,1.75rem);padding-inline:1rem;font-size:.875rem;font-weight:600}@media (min-width:768px){.hero-tools-count{font-size:1.125rem}}