.hero-showcase{background:radial-gradient(60% 80% at 80% 45%,rgb(31 124 242 / .1),transparent 70%),linear-gradient(180deg,#f7f8fa,#eef1f5)}.hero-showcase__inner{display:grid;gap:3rem;padding-block:3.5rem 4rem;align-items:center}@media(min-width:768px){.hero-showcase__inner{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:3.5rem;min-height:min(46rem,88svh);padding-block:4rem}}.hero-showcase__copy{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem}.hero-showcase__eyebrow{margin:0;font-size:.8125rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#1f7cf2}.hero-showcase__title{line-height:1.02;white-space:nowrap}@media(max-width:767px){.hero-showcase__title{font-size:min(2.75rem,8.2vw)}}.hero-showcase__subtitle{max-width:30ch}.hero-showcase__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.75rem;padding-top:.5rem}.hero-showcase__link{font-weight:500;color:#0f1b2a;text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100% / 0 1.5px no-repeat;padding-bottom:2px;transition:background-size .22s cubic-bezier(.16,1,.3,1)}@media(hover:hover){.hero-showcase__link:hover{background-size:100% 1.5px}}.hero-showcase__social{display:flex;align-items:center;gap:.875rem;padding-top:1rem}.hero-showcase__avatars{display:flex;margin:0;padding:0;list-style:none}.hero-showcase__avatars li+li{margin-inline-start:-.625rem}.hero-showcase__avatars img{display:block;width:2.5rem;height:2.5rem;border-radius:999px;object-fit:cover;border:2px solid #fff;box-shadow:0 4px 10px -4px #0f1b2a59}.hero-showcase__social-text{margin:0;font-size:.875rem;color:#3b4757}.hero-showcase__stage{position:relative;width:min(100%,34rem);justify-self:center;padding:1.5rem 2.5rem}.hero-showcase__disc{position:absolute;z-index:-1;left:46%;top:54%;width:122%;aspect-ratio:1.08;translate:-50% -50%;rotate:-8deg;border-radius:58% 42% 55% 45%/46% 58% 42% 54%;background:linear-gradient(var(--blob-angle, 140deg),#2A3BD9 0%,#1F7CF2 50%,#1FD6EE 100%);box-shadow:0 40px 80px -30px #1f7cf28c}.hero-showcase__photo{position:relative;overflow:hidden;border-radius:2rem;aspect-ratio:4 / 5;box-shadow:0 30px 60px -30px #0f1b2a8c}.hero-showcase__photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:0% 30%;transform-origin:42% 30%;scale:1.25;translate:8% 0}.hero-card{position:absolute;z-index:2;display:flex;background:#fff;color:#0f1b2a;text-decoration:none;border-radius:1rem;box-shadow:0 18px 40px -18px #0f1b2a73,0 0 0 1px #0f1b2a0a}.hero-card--product{flex-direction:column;width:7.5rem;padding:.5rem .5rem .625rem;gap:.125rem}.hero-card__media{display:block;overflow:hidden;aspect-ratio:1;border-radius:.625rem;background:#f2f4f6;margin-bottom:.375rem}.hero-card__img{display:block;width:100%;height:100%;object-fit:cover;scale:1.45}.hero-card__name{font-size:.75rem;font-weight:500;line-height:1.25}.hero-card__price{font-size:.75rem;font-weight:600}.hero-card--chip{align-items:center;gap:.5rem;padding:.5rem .875rem .5rem .5rem;border-radius:999px;font-size:.8125rem;font-weight:500;white-space:nowrap}.hero-card__icon{width:1.75rem;height:1.75rem}.hero-card__icon svg{width:.875rem;height:.875rem}.hero-card--a{top:6%;left:0}.hero-card--b{bottom:6%;right:0}.hero-card--c{top:58%;left:-.25rem}.hero-card--d{top:12%;right:0}@media(min-width:768px){.hero-showcase__stage{padding:2rem 3.5rem}.hero-card--product{width:9rem;padding:.625rem .625rem .75rem}.hero-card__name,.hero-card__price{font-size:.8125rem}.hero-card--a{left:-1.5rem}.hero-card--b{right:-1.5rem}.hero-card--c{left:-2.5rem}.hero-card--d{right:-1rem}}@media(max-width:767px){.hero-showcase__copy{align-items:center;text-align:center}.hero-showcase__title{margin-inline:auto}.hero-showcase__actions,.hero-showcase__social{justify-content:center}}@media(prefers-reduced-motion:no-preference){@keyframes hero-card-float{0%{translate:0 0}to{translate:0 -8px}}@keyframes hero-blob-morph{0%{border-radius:58% 42% 55% 45%/46% 58% 42% 54%;rotate:-8deg}50%{border-radius:44% 56% 40% 60%/58% 44% 56% 42%;rotate:4deg}to{border-radius:52% 48% 62% 38%/40% 54% 46% 60%;rotate:-3deg}}.hero-showcase__disc{animation:hero-blob-morph 14s cubic-bezier(.37,0,.63,1) infinite alternate}.hero-card{animation:hero-card-float 3.6s cubic-bezier(.37,0,.63,1) infinite alternate}.hero-card--b{animation-duration:4.2s;animation-delay:-1.6s}.hero-card--c{animation-duration:3.9s;animation-delay:-.8s}.hero-card--d{animation-duration:4.6s;animation-delay:-2.4s}a.hero-card{transition:box-shadow .22s cubic-bezier(.16,1,.3,1),scale .12s cubic-bezier(.16,1,.3,1)}a.hero-card:active{scale:.97}@media(hover:hover){a.hero-card:hover{box-shadow:0 24px 48px -18px #1f7cf28c,0 0 0 1px #1f7cf240}}}@property --blob-angle{syntax: "<angle>"; inherits: false; initial-value: 140deg;}@media(prefers-reduced-motion:no-preference){.hero-showcase[data-blob-active] .hero-showcase__disc{animation:none;border-radius:var(--blob-radius);rotate:var(--blob-rot);scale:var(--blob-scale);translate:calc(-50% + var(--blob-x)) calc(-50% + var(--blob-y));background:linear-gradient(var(--blob-angle),#2A3BD9 0%,#1F7CF2 50%,#1FD6EE 100%);box-shadow:0 60px 110px -30px #1f7cf2b3}.hero-showcase__disc{transition:border-radius .9s cubic-bezier(.16,1,.3,1),rotate .9s cubic-bezier(.16,1,.3,1),scale .7s cubic-bezier(.16,1,.3,1),translate .9s cubic-bezier(.16,1,.3,1),--blob-angle .9s cubic-bezier(.16,1,.3,1),box-shadow .7s cubic-bezier(.16,1,.3,1)}}.gallery-glass [data-slideshow-pause],.gallery-glass [data-slideshow-play]{display:none!important}.gallery-glass [data-slideshow-dots],.gallery-glass [data-slideshow-prev],.gallery-glass [data-slideshow-next]{background:#ffffff29;-webkit-backdrop-filter:blur(14px) saturate(170%);backdrop-filter:blur(14px) saturate(170%);border:1px solid rgb(255 255 255 / .45);box-shadow:inset 0 1px #ffffff80,0 8px 20px -10px #0f1b2a73;border-radius:999px}.gallery-glass [data-slideshow-dots]{padding:0 .375rem;gap:.125rem}.gallery-glass [data-slideshow-dots]>button{min-height:1.5rem;min-width:1rem}.gallery-glass [data-slideshow-prev],.gallery-glass [data-slideshow-next]{width:2.5rem;height:2.5rem;color:#fff;transition:background-color .2s cubic-bezier(.16,1,.3,1),scale .12s cubic-bezier(.16,1,.3,1)}.gallery-glass [data-slideshow-prev] svg,.gallery-glass [data-slideshow-next] svg{filter:drop-shadow(0 1px 2px rgb(15 27 42 / .35))}@media(hover:hover){.gallery-glass [data-slideshow-prev]:hover,.gallery-glass [data-slideshow-next]:hover{background:#ffffff4d}}@media(prefers-reduced-motion:no-preference){.gallery-glass [data-slideshow-prev]:active,.gallery-glass [data-slideshow-next]:active{scale:.93}}.button-glass{background:#ffffff24;color:#fff;-webkit-backdrop-filter:blur(16px) saturate(170%);backdrop-filter:blur(16px) saturate(170%);border:1px solid rgb(255 255 255 / .45);box-shadow:inset 0 1px #ffffff73,0 12px 30px -14px #0009}@media(hover:hover){.button-glass:hover{background:#ffffff42;border-color:#ffffffb3}}.hero-showcase__key-defs{position:absolute;width:0;height:0;overflow:hidden}.hero-showcase__photo--cutout{border-radius:0;box-shadow:none;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 12%),linear-gradient(to bottom,#000 72%,transparent 98%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0%,#000 12%),linear-gradient(to bottom,#000 72%,transparent 98%);mask-composite:intersect}.hero-showcase__photo--cutout img{filter:url(#hero-greenscreen-key) drop-shadow(0 24px 30px rgb(15 27 42 / .35))}.glass-control{background:#ffffff80;-webkit-backdrop-filter:blur(14px) saturate(170%);backdrop-filter:blur(14px) saturate(170%);border:1px solid rgb(255 255 255 / .85);color:#0f1b2a;box-shadow:inset 0 1px #ffffffe6,0 0 0 1px #0f1b2a12,0 8px 20px -10px #0f1b2a4d;transition:background-color .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),scale .12s cubic-bezier(.16,1,.3,1)}@media(hover:hover){.glass-control:hover{background:#fffc;box-shadow:inset 0 1px #fff,0 12px 26px -10px #1f7cf266}}@media(prefers-reduced-motion:no-preference){.glass-control:active{scale:.93}}.hero-showcase__inner{padding-bottom:0}.hero-showcase__copy{padding-bottom:.5rem}.hero-showcase__stage{align-self:end;padding-bottom:0}.hero-showcase__photo--cutout{aspect-ratio:1;overflow:hidden;-webkit-mask-image:none;mask-image:none}.hero-showcase__photo--cutout img{object-position:50% 0%;scale:none;translate:none;transform-origin:50% 50%;filter:url(#hero-greenscreen-key) drop-shadow(0 18px 28px rgb(15 27 42 / .3))}.hero-showcase__disc{top:58%}@media(min-width:768px){.hero-showcase__copy{align-self:center;padding-bottom:4rem}.hero-showcase__stage{padding-top:3rem}}@media(min-width:768px){.hero-showcase__stage{width:min(100%,40rem);padding-inline:1.5rem}}.hero-showcase__photo--cutout{margin-bottom:-6px}@media(min-width:768px){.hero-showcase__inner{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:2.5rem}.hero-showcase__stage{width:min(100%,50rem);padding-inline:.5rem;padding-top:2.5rem}}.hero-showcase__photo--cutout{position:relative;aspect-ratio:50 / 51}.hero-showcase__photo--cutout img{position:absolute;left:-12.5%;top:-6.1%;width:125%;max-width:none;height:auto;aspect-ratio:1;object-fit:cover}.hero-showcase__photo--cutout img.hero-showcase__guard{filter:none;clip-path:inset(58.5% 38.8% 23.8% 49.5%)}.hero-showcase__photo--cutout{overflow:visible;clip-path:inset(-40% -40% 0 -40%)}.hero-showcase__copy{position:relative;z-index:1}.hero-ink--word{white-space:nowrap}.hero-ink{transition:color .35s var(--ease-ui, cubic-bezier(.16, 1, .3, 1))}.hero-ink.is-on-blob{color:#fff}@media(prefers-reduced-motion:reduce){.hero-ink{transition:none}}.hero-showcase__actions{display:inline-grid;grid-template-columns:max-content;align-self:flex-start;gap:.75rem}.hero-showcase__actions>*{width:100%;justify-content:center}@media(max-width:767px){.hero-showcase__actions{align-self:center}}.button-glass-light{background:#ffffff80;color:#0f1b2a;-webkit-backdrop-filter:blur(16px) saturate(170%);backdrop-filter:blur(16px) saturate(170%);border:1px solid rgb(255 255 255 / .85);box-shadow:inset 0 1px #ffffffe6,0 0 0 1px #0f1b2a0f,0 14px 30px -16px #0f1b2a59;transition:background-color .22s var(--ease-ui, cubic-bezier(.16, 1, .3, 1)),scale .16s var(--ease-ui, cubic-bezier(.16, 1, .3, 1))}@media(hover:hover){.button-glass-light:hover{background:#ffffffbf}}@media(prefers-reduced-motion:no-preference){.button-glass-light:active{scale:.97}}.button-glass-light{background:linear-gradient(180deg,#ffffffd9,#e8f0ff8c);border:1px solid rgb(31 124 242 / .22);box-shadow:inset 0 1px #fff,inset 0 -1px #1f7cf214,0 10px 26px -14px #1f5cdc73}@media(hover:hover){.button-glass-light:hover{background:linear-gradient(180deg,#fffffff2,#dce8ffb3);border-color:#1f7cf266}}.steps-stats__item{position:relative;display:flex;flex-direction:column;gap:.5rem;padding-top:1.75rem}.steps-stats__item:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:#0f1b2a1a}.steps-stats__rule{position:absolute;top:0;left:0;z-index:1;width:3.5rem;height:2px;background:linear-gradient(90deg,#2a3bd9,#1f7cf2 55%,#1fd6ee);transition:width .6s cubic-bezier(.16,1,.3,1)}.steps-stats__figure{display:flex;align-items:flex-start;gap:.4rem;margin-bottom:.75rem}.steps-stats__number{font-size:clamp(3rem,6vw,4.5rem);font-weight:600;line-height:1;letter-spacing:-.03em;color:#0f1b2a;font-variant-numeric:tabular-nums}.steps-stats__mark{display:inline-flex;width:1.1rem;height:1.1rem;margin-top:.35rem;color:#1f7cf2;transition:translate .4s cubic-bezier(.16,1,.3,1)}.steps-stats__mark svg{width:100%;height:100%}@media(hover:hover){.steps-stats__item:hover .steps-stats__rule{width:100%}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.steps-stats__item:hover .steps-stats__mark{translate:2px -2px}}@media(prefers-reduced-motion:reduce){.steps-stats__rule{transition:none}}.steps-stats__item{align-items:flex-start}.steps-stats__item>*,.steps-stats__item>* *{text-align:start}@media(hover:none){.steps-stats__item.is-touch-active .steps-stats__rule{width:100%}}@media(hover:none)and (prefers-reduced-motion:no-preference){.steps-stats__item.is-touch-active .steps-stats__mark{translate:2px -2px}}@media(max-width:767px){.hero-showcase__inner{gap:2.25rem;padding-top:2.75rem}.hero-showcase__copy{gap:1.125rem}.hero-showcase__subtitle{max-width:28ch;margin-inline:auto}.hero-showcase__actions{padding-top:.25rem}.hero-showcase__social{padding-top:.5rem;flex-wrap:wrap;row-gap:.5rem}.hero-showcase__avatars img{width:2.125rem;height:2.125rem}.hero-showcase__stage{padding:1.5rem .75rem 0}.hero-card--product{width:4.75rem;padding:.3125rem .3125rem .375rem;gap:0;border-radius:.75rem}.hero-card__media{margin-bottom:.25rem;border-radius:.5rem}.hero-card__name,.hero-card__price{font-size:.625rem}.hero-card--chip{gap:.3125rem;padding:.25rem .5rem .25rem .25rem;font-size:.625rem}.hero-card__icon{width:1.25rem;height:1.25rem}.hero-card__icon svg{width:.625rem;height:.625rem}.hero-card--a{top:4%;left:-.25rem}.hero-card--d{top:8%;right:-.25rem}.hero-card--c{top:auto;bottom:6%;left:-.25rem}.hero-card--b{top:40%;bottom:auto;right:-.25rem}}@media(min-width:768px)and (max-width:1023px){.hero-showcase__inner{grid-template-columns:minmax(0,1fr);gap:2.5rem;min-height:0;padding-top:3.5rem}.hero-showcase__copy{align-self:auto;align-items:center;text-align:center;padding-bottom:0}.hero-showcase__title,.hero-showcase__subtitle{margin-inline:auto}.hero-showcase__actions{align-self:center}.hero-showcase__social{justify-content:center}.hero-showcase__stage{width:min(100%,34rem);justify-self:center}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/hero-showcase.css.map */