.card-default__head{position:relative}.card-default__head-tag-container{z-index:3;flex-direction:column;align-items:start;gap:.5rem;display:flex;position:absolute;inset-block-start:1.5rem;inset-inline-start:1.5rem}.card-default__body{justify-content:space-between;align-items:end;gap:1rem;block-size:100%;padding:.5rem 1rem 1rem;display:flex}@media (width>=1440px){.card-default__body{padding:1rem 1.5rem 1.5rem}}.card-default__content{flex-direction:column;align-self:start;gap:1rem;block-size:100%;display:flex}.card-default__headline{letter-spacing:0;text-transform:none;text-align:start;font-family:neue-haas-unica,sans-serif;font-size:clamp(1rem,.3175vw + .9167rem,1.25rem);font-style:normal;font-weight:500;font-stretch:100%;line-height:140%}.card-default__button{display:none}@media (width>=1024px){.card-default__button{z-index:3;display:block}}.card-default{background:oklch(100% 0 0);border:1px solid oklch(88.28% .0052 228.83);border-radius:.5rem;flex-direction:column;block-size:100%;text-decoration:none;display:flex;position:relative;overflow:hidden}.card-default .card-default__text{color:oklch(49.1% .0061 247.95);text-align:start;letter-spacing:0;text-transform:none;font-family:neue-haas-unica,sans-serif;font-size:clamp(.75rem,.1587vw + .7083rem,.875rem);font-style:normal;font-weight:400;font-stretch:100%;line-height:150%}.card-default:is(:hover,:focus-visible,:active):after{opacity:1}.card-default:is(:hover,:focus-visible,:active) .card-default__headline,.card-default:is(:hover,:focus-visible,:active) .card-default__text{z-index:3;color:oklch(100% 0 0)}.card-default:is(:hover,:focus-visible,:active) .button__text,.card-default:is(:hover,:focus-visible,:active) .button__icon{animation:.3s ease-in-out forwards button-fly-through}.card-default:is(:hover,:focus-visible,:active) .card-default__head-tag-container .default-tag--primary{color:oklch(16.89% .0021 286.18);background-color:oklch(90% .1869 103.22)}.card-default.card-default--application{position:relative}.card-default.card-default--application:after{z-index:2;content:"";mix-blend-mode:multiply;opacity:0;background:oklch(45.44% .1282 252.9);block-size:100%;inline-size:100%;position:absolute;inset-block-end:0;inset-inline-start:0}.card-default.card-default--application .card-default__head{aspect-ratio:4/3}.card-default.card-default--application .card-default__head:before{content:"";background-image:url("data:image/svg+xml,%3Csvg fill='none' width='1080' height='262' viewBox='0 0 1080 262' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E :root %7B --background-swoosh__color-base: rgba(0, 0, 0, 0); --background-swoosh__color-highlight: %23D5D9DB; %7D @keyframes background-swoosh__stroke-animation %7B 0%25 %7B stroke-dashoffset: 160; %7D 50%25 %7B stroke-dashoffset: -1500; %7D 100%25 %7B stroke-dashoffset: -1500; %7D %7D .base %7B stroke: var(--background-swoosh__color-base); stroke-width: 2; %7D .highlight %7B stroke: var(--background-swoosh__color-highlight); stroke-width: 2; stroke-dasharray: 160 10000; stroke-dashoffset: 160; filter: drop-shadow(0 0 16px var(--background-swoosh__color-base)) drop-shadow(0 0 12px var(--background-swoosh__color-highlight)); %7D .highlight use %7B animation: background-swoosh__stroke-animation 1.25s ease-in infinite; %7D %3C/style%3E%3Cdefs%3E%3Cpath id='background-swoosh' d='m0 24h482.287c26.825 0 50.391 17.8061 57.718 43.6112l35.998 126.7778c7.327 25.805 30.893 43.611 57.718 43.611h446.279'/%3E%3C/defs%3E%3Cg class='base'%3E%3Cuse href='%23background-swoosh'/%3E%3C/g%3E%3Cg class='highlight'%3E%3Cuse href='%23background-swoosh'/%3E%3C/g%3E%3C/svg%3E%0A");background-position:50%;background-repeat:no-repeat;background-size:auto 100%;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.card-default.card-default--application .card-default__head:before{display:none}}.card-default.card-default--application .card-default__head .adaptive-image,.card-default.card-default--application .card-default__head .adaptive-image__picture,.card-default.card-default--application .card-default__head .media,.card-default.card-default--application .card-default__head .media__container{block-size:100%;inline-size:100%}.card-default.card-default--application .card-default__head img,.card-default.card-default--application .card-default__head video{object-fit:cover;block-size:100%;inline-size:100%}.card-default.card-default--application .card-default__head:after{z-index:1;content:"";background:linear-gradient(#fff0 0%,#fff 100%);block-size:3.5rem;inline-size:100%;position:absolute;inset-block-end:0;inset-inline-start:0}.card-default.card-default--application .card-default__head img{position:absolute}.card-default.card-default--application:is(:hover,:focus-visible,:active):after{opacity:1}.card-default.card-default--application:is(:hover,:focus-visible,:active) .card-default__head:before{z-index:3;opacity:.6}@starting-style{.card-default.card-default--application:is(:hover,:focus-visible,:active) .card-default__head:before{opacity:0}}.card-default.card-default--product{text-align:center;transition:background-color .2s,color .2s}.card-default.card-default--product .card-default__head .adaptive-image,.card-default.card-default--product .card-default__head .adaptive-image__picture,.card-default.card-default--product .card-default__head .media,.card-default.card-default--product .card-default__head .media__container{block-size:100%;inline-size:100%}.card-default.card-default--product .card-default__head img,.card-default.card-default--product .card-default__head video{object-fit:cover;block-size:100%;inline-size:100%}.card-default.card-default--product .card-default__head{padding:4rem 1rem 1rem}@media (width>=1024px){.card-default.card-default--product .card-default__head{padding:4rem 3.5rem 1rem}}.card-default.card-default--product .card-default__head-tag-container{flex-direction:row;justify-content:space-between;align-items:end;inset-block-start:1rem;inset-inline:1rem}@media (width>=1024px){.card-default.card-default--product .card-default__head-tag-container{inset-block-start:1.5rem;inset-inline:1.5rem}}.card-default.card-default--product .card-default__head-media{aspect-ratio:4/3;position:relative}.card-default.card-default--product .card-default__head-media:before{opacity:.2;aspect-ratio:4;content:"";background-blend-mode:multiply;background:radial-gradient(50% 50%,#000 0%,#d9d9d900 100%);border-radius:100%;inline-size:100%;position:absolute;inset-block-end:0;inset-inline:0}.card-default.card-default--product .card-default__head-media img{transition:transform .2s;transform:translateY(0)}.card-default.card-default--product .card-default__body{gap:.5rem;padding:1rem}@media (width>=1024px){.card-default.card-default--product .card-default__body{padding:1.5rem}}.card-default.card-default--product:is(:hover,:focus-visible,:active){background-color:oklch(45.44% .1282 252.9)}.card-default.card-default--product:is(:hover,:focus-visible,:active) .card-default__new-tag{color:oklch(16.89% .0021 286.18);background-color:oklch(90% .1869 103.22)}.card-default.card-default--product:is(:hover,:focus-visible,:active) .card-default__head:before{content:"";background-image:url("data:image/svg+xml,%3Csvg fill='none' width='1080' height='262' viewBox='0 0 1080 262' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E :root %7B --background-swoosh__color-base: rgba(0, 0, 0, 0); --background-swoosh__color-highlight: %23D5D9DB; %7D @keyframes background-swoosh__stroke-animation %7B 0%25 %7B stroke-dashoffset: 160; %7D 50%25 %7B stroke-dashoffset: -1500; %7D 100%25 %7B stroke-dashoffset: -1500; %7D %7D .base %7B stroke: var(--background-swoosh__color-base); stroke-width: 2; %7D .highlight %7B stroke: var(--background-swoosh__color-highlight); stroke-width: 2; stroke-dasharray: 160 10000; stroke-dashoffset: 160; filter: drop-shadow(0 0 16px var(--background-swoosh__color-base)) drop-shadow(0 0 12px var(--background-swoosh__color-highlight)); %7D .highlight use %7B animation: background-swoosh__stroke-animation 1.25s ease-in infinite; %7D %3C/style%3E%3Cdefs%3E%3Cpath id='background-swoosh' d='m0 24h482.287c26.825 0 50.391 17.8061 57.718 43.6112l35.998 126.7778c7.327 25.805 30.893 43.611 57.718 43.611h446.279'/%3E%3C/defs%3E%3Cg class='base'%3E%3Cuse href='%23background-swoosh'/%3E%3C/g%3E%3Cg class='highlight'%3E%3Cuse href='%23background-swoosh'/%3E%3C/g%3E%3C/svg%3E%0A");background-position:50%;background-repeat:no-repeat;background-size:auto 100%;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.card-default.card-default--product:is(:hover,:focus-visible,:active) .card-default__head:before{display:none}}.card-default.card-default--product:is(:hover,:focus-visible,:active) .card-default__head:before{opacity:1}@starting-style{.card-default.card-default--product:is(:hover,:focus-visible,:active) .card-default__head:before{opacity:0}}.card-default.card-default--product:is(:hover,:focus-visible,:active) .card-default__head .media:before{opacity:.4}.card-default.card-default--product:is(:hover,:focus-visible,:active) .card-default__head-media img{transform:translateY(-.5rem)}