.dwm-hero{container-type:inline-size;isolation:isolate;overflow:clip;padding-block:clamp(2.5rem,1.6rem + 3.8vw,5rem) clamp(2.5rem,1.5rem + 3vw,4.5rem)}.dwm-hero__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,transparent 70%,rgb(var(--dwm-bg-rgb))),radial-gradient(55% 60% at 74% 44%,rgb(var(--dwm-indigo-rgb) / .26),transparent 70%),radial-gradient(35% 35% at 92% 8%,rgb(var(--dwm-blue-rgb) / .1),transparent 70%),radial-gradient(45% 50% at 8% 100%,rgb(var(--dwm-navy-rgb) / .9),transparent 75%)}.dwm-hero__backdrop:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgb(var(--dwm-white-rgb) / .035) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--dwm-white-rgb) / .035) 1px,transparent 1px);background-size:56px 56px;background-position:center top;-webkit-mask-image:radial-gradient(70% 70% at 70% 40%,#000 20%,transparent 75%);mask-image:radial-gradient(70% 70% at 70% 40%,#000 20%,transparent 75%)}.dwm-hero__inner{--dwm-hero-col-gap: clamp(2.5rem, -1rem + 4.5vw, 5rem);--dwm-hero-path-margin: clamp(1.25rem, 1rem + 1vw, 1.75rem);--dwm-hero-label-size: clamp(.75rem, .72rem + .12vw, .8125rem);container-type:inline-size;display:grid;gap:clamp(2.5rem,1.8rem + 3vw,4rem)}.dwm-hero__content{container-type:inline-size;display:flex;flex-direction:column;gap:clamp(1.75rem,1.5rem + 1vw,2.5rem)}.dwm-hero__heading{gap:clamp(1rem,.9rem + .5vw,1.5rem)}.dwm-hero__heading .dwm-section-heading__title{font-size:clamp(1.625rem,9.1cqi,3.6rem);line-height:1.04;max-width:13em}@media screen and (min-width:1000px){.dwm-hero__heading .dwm-section-heading__title{font-size:clamp(1.625rem,8.2cqi,3.6rem)}}.dwm-hero__heading .dwm-section-heading__text{max-width:36rem}.dwm-hero__actions{display:flex;flex-wrap:wrap;gap:var(--dwm-space-3) var(--dwm-space-4)}@media screen and (max-width:479px){.dwm-hero__actions>*{flex:1 1 100%}}@media screen and (min-width:1000px){.dwm-hero__inner{grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:start;gap:var(--dwm-hero-col-gap)}.dwm-hero__content{padding-top:calc((100cqi - var(--dwm-hero-col-gap)) / 2 / 1.16 * .16)}}.dwm-hero__visual{position:relative}.dwm-hero__canvas{position:relative;aspect-ratio:1.28}.dwm-hero__layer{position:absolute}.dwm-hero__layer--main{z-index:2;top:0;left:0;width:88%}.dwm-hero__layer--secondary{display:none}.dwm-hero__layer--phone{z-index:3;right:0;bottom:0;width:25%}.dwm-hero__chip{position:absolute;z-index:5;left:0;bottom:2%;display:inline-flex;align-items:center;gap:var(--dwm-space-2);margin:0;padding:.5rem .875rem;border:1px solid rgb(var(--dwm-white-rgb) / .16);border-radius:var(--dwm-radius-pill);background-color:rgb(var(--dwm-deep-rgb) / .72);color:rgb(var(--dwm-white-rgb));font-size:var(--dwm-text-small);line-height:1.3;white-space:nowrap;box-shadow:0 12px 32px -12px rgb(var(--dwm-black-rgb) / .6)}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){:is(.dwm-hero__chip,.dwm-hero__node-label){-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.dwm-hero__chip-value{font-family:var(--dwm-font-heading);font-weight:var(--dwm-weight-heading)}.dwm-hero__chip-dot{width:.5rem;height:.5rem;border-radius:50%;background-color:rgb(var(--dwm-green-rgb));box-shadow:0 0 0 3px rgb(var(--dwm-green-rgb) / .2)}@media screen and (min-width:1000px){.dwm-hero__canvas{aspect-ratio:1.16}.dwm-hero__layer--secondary{display:block;z-index:1;top:0;right:0;width:60%}.dwm-hero__layer--secondary .dwm-browser{opacity:.9}.dwm-hero__layer--main{top:16%;width:84%}.dwm-hero__layer--phone{right:2%;width:17%}.dwm-hero__chip{top:3%;bottom:auto;left:2%}}.dwm-hero__visual{--dwm-hero-bar: calc(clamp(1.5rem, 1.25rem + .7vw, 2.125rem) + 2px) ;--dwm-hero-gap: calc(100cqi / 1.28 - 88cqi / 1.6 - var(--dwm-hero-bar));container-type:inline-size}.dwm-hero__growth{position:relative;margin-top:var(--dwm-hero-path-margin)}.dwm-hero__connector{position:absolute;z-index:1;top:calc(-1 * (var(--dwm-hero-gap) + var(--dwm-hero-path-margin)));left:var(--dwm-path-x1, 12.5%);width:1px;height:calc(var(--dwm-hero-gap) + var(--dwm-hero-path-margin) + var(--dwm-path-y1, 29px) - 5px);translate:-.5px 0;background:linear-gradient(to bottom,rgb(var(--dwm-blue-rgb) / .35),rgb(var(--dwm-blue-rgb)));transform-origin:top}.dwm-hero__connector:before{content:"";position:absolute;top:-3px;left:-2.5px;width:6px;height:6px;border:1px solid rgb(var(--dwm-blue-rgb));border-radius:50%;background-color:rgb(var(--dwm-deep-rgb))}.dwm-hero__path-line{position:absolute;top:0;left:0;overflow:visible;pointer-events:none}.dwm-hero__path-line line{stroke:rgb(var(--dwm-blue-rgb));stroke-width:1.5px;stroke-linecap:round}.dwm-hero__path{position:relative;display:grid;grid-template-columns:repeat(var(--dwm-path-count, 4),minmax(0,1fr));margin:0;padding:0;list-style:none}.dwm-hero__node{position:relative;display:flex;justify-content:center;padding-top:calc(34px + var(--dwm-space-3));text-align:center}.dwm-hero__node-dot{position:absolute;top:calc(var(--y, 5px) - 5px);left:50%;width:.625rem;height:.625rem;translate:-50% 0;border-radius:50%;background-color:rgb(var(--dwm-blue-rgb));box-shadow:0 0 0 4px rgb(var(--dwm-blue-rgb) / .16),0 0 14px rgb(var(--dwm-blue-rgb) / .55)}.dwm-hero__node--goal .dwm-hero__node-dot{background-color:rgb(var(--dwm-green-rgb));box-shadow:0 0 0 4px rgb(var(--dwm-green-rgb) / .18),0 0 14px rgb(var(--dwm-green-rgb) / .5)}.dwm-hero__node-label{color:rgb(var(--dwm-fg-muted-rgb));font-size:var(--dwm-hero-label-size);font-weight:var(--dwm-weight-ui);line-height:1.3}.dwm-hero__node--goal .dwm-hero__node-label{color:rgb(var(--dwm-fg-rgb))}@media screen and (max-width:999px){.dwm-hero__chip{display:none}}@media screen and (min-width:1000px){.dwm-hero__visual{--dwm-hero-gap: calc(100cqi / 1.16 * .84 - 84cqi / 1.6 - var(--dwm-hero-bar))}.dwm-hero__inner{min-height:calc((min(100cqi - 2 * var(--dwm-gutter),var(--dwm-container-wide)) - var(--dwm-hero-col-gap)) / 2 / 1.16 + var(--dwm-hero-path-margin) + 34px + var(--dwm-space-3) + var(--dwm-hero-label-size) * 1.3 + 1px)}.dwm-hero__node-label{white-space:nowrap}}@media(prefers-reduced-motion:no-preference){html:not([data-dwm-motion=off]) .dwm-hero--entrance .dwm-hero__layer--main .dwm-hero__layer-inner{animation:dwm-hero-rise 1s var(--dwm-ease) both}html:not([data-dwm-motion=off]) .dwm-hero--entrance :is(.dwm-hero__layer--secondary,.dwm-hero__layer--phone) .dwm-hero__layer-inner{animation:dwm-hero-fade-rise 1s var(--dwm-ease) .2s both}html:not([data-dwm-motion=off]) .dwm-hero--entrance .dwm-hero__layer--phone .dwm-hero__layer-inner{animation-delay:.35s}html:not([data-dwm-motion=off]) .dwm-hero--entrance .dwm-hero__chip{animation:dwm-hero-fade .7s var(--dwm-ease) .6s both}html:not([data-dwm-motion=off]) .dwm-hero--entrance .dwm-hero__connector{animation:dwm-hero-grow .5s cubic-bezier(.45,0,.2,1) .5s both}html:not([data-dwm-motion=off]) .dwm-hero--entrance .dwm-hero__path-line line{stroke-dasharray:1;animation:dwm-hero-draw 1.2s cubic-bezier(.45,0,.2,1) 1s both}html:not([data-dwm-motion=off]) .dwm-hero--entrance .dwm-hero__node{animation:dwm-hero-fade .5s var(--dwm-ease) calc(.95s + var(--i, 0) * .35s) both}}@keyframes dwm-hero-rise{0%{transform:translate3d(0,24px,0)}}@keyframes dwm-hero-fade-rise{0%{opacity:0;transform:translate3d(0,32px,0)}}@keyframes dwm-hero-fade{0%{opacity:0}}@keyframes dwm-hero-grow{0%{transform:scaleY(0)}}@keyframes dwm-hero-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@supports (animation-timeline: scroll()){@media screen and (min-width:1000px)and (prefers-reduced-motion:no-preference){.dwm-motion-ready .dwm-hero--parallax :is(.dwm-hero__layer--secondary,.dwm-hero__layer--phone){animation:dwm-hero-drift linear both;animation-timeline:scroll(root);animation-range:0 100vh}.dwm-motion-ready .dwm-hero--parallax .dwm-hero__layer--secondary{--dwm-drift: 28px}.dwm-motion-ready .dwm-hero--parallax .dwm-hero__layer--phone{--dwm-drift: -28px}}}@keyframes dwm-hero-drift{to{transform:translate3d(0,var(--dwm-drift, 0),0)}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/dwm-hero.css.map */