@media only screen and (min-width: 0rem) {#hero-855 {padding: clamp(11.25rem, 23.82vw, 16.75rem) 1rem clamp(5rem, 9vw, 8rem);background-color: var(--primary);overflow: hidden;position: relative;z-index: 1;transition: background-color 0.3s;}#hero-855 .grid-container {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;pointer-events: none;opacity: 0;visibility: hidden;transition: opacity 0.3s ease;}#hero-855 .grid-svg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;}#hero-855 .cs-container {width: 100%;max-width: 80rem;margin: auto;display: flex;justify-content: center;align-items: center;flex-direction: column;gap: 3rem;position: relative;z-index: 2;pointer-events: none;}#hero-855 .cs-content {max-width: 39.375rem;display: flex;justify-content: center;align-items: center;flex-direction: column;text-align: center;pointer-events: auto;}#hero-855 .cs-topper {font-size: 1rem;line-height: 1.2em;text-transform: uppercase;text-align: inherit;letter-spacing: 0.1em;font-weight: 700;color: var(--bodyTextColorWhite);margin-bottom: 0.25rem;display: block;}#hero-855 .cs-title {font-size: clamp(2.25rem, 5vw, 3rem);font-weight: 900;line-height: 1.2em;text-align: center;max-width: 23ch;margin: 0 0 1rem 0;color: var(--bodyTextColorWhite);position: relative;}#hero-855 .cs-text {font-size: clamp(1rem, 1.5vw, 1.25rem);line-height: 1.5em;text-align: center;width: 100%;max-width: 33.1875rem;margin: 0 0 clamp(1.75rem, 3.92vw, 2.5rem) 0;color: var(--bodyTextColorWhite);}#hero-855 .cs-picture {width: 100%;max-width: 20rem;box-shadow: 0 14px 28px rgba(149, 157, 165, 0.25), 0 10px 10px rgba(149, 157, 165, 0.22);overflow: hidden;display: block;position: relative;border-radius: 8px;}#hero-855 .cs-picture .browser-container {margin: 0 auto;background: #f8f9fa;}#hero-855 .cs-picture .draw-browser {stroke-dasharray: 1480;stroke-dashoffset: 1480;animation: drawBrowserFrame 8s ease-in-out infinite;}#hero-855 .cs-picture .draw-browser-bar {stroke-dasharray: 360;stroke-dashoffset: 360;animation: drawBrowserBar 8s ease-in-out infinite;}#hero-855 .cs-picture .draw-delayed {stroke-dasharray: 1000;stroke-dashoffset: 1000;animation: drawBrowser 8s ease-in-out infinite;animation-delay: 0.4s;}@keyframes drawBrowserFrame {0% {stroke-dashoffset: 1480;}20% {stroke-dashoffset: 0;}80% {stroke-dashoffset: 0;}100% {stroke-dashoffset: -1480;}}@keyframes drawBrowserBar {0% {stroke-dashoffset: 360;}20% {stroke-dashoffset: 0;}80% {stroke-dashoffset: 0;}100% {stroke-dashoffset: -360;}}@keyframes drawBrowser {0% {stroke-dashoffset: 1000;}20% {stroke-dashoffset: 0;}80% {stroke-dashoffset: 0;}100% {stroke-dashoffset: -1000;}}#hero-855 .cs-wave {width: 320%;height: auto;display: block;position: absolute;left: 50%;bottom: -1px;transform: translateX(-50%);z-index: 1;}#hero-855 .cs-wave path {transition: fill 0.3s;}#hero-855 .cs-button-secondary {color: white;background-color: var(--primaryLight);}#hero-855 .cs-button-secondary:before {background: white;}#hero-855 .cs-button-secondary:hover {color: var(--primary);}}@media only screen and (min-width: 64rem) {#hero-855 {text-align: left;}#hero-855 .cs-container {flex-direction: row;justify-content: space-between;}#hero-855 .cs-content {width: 40vw;flex: none;align-items: flex-start;}#hero-855 .cs-title, #hero-855 .cs-text {text-align: left;}#hero-855 .cs-picture {width: 100%;max-width: 35.625rem;}#hero-855 .cs-wave {width: 100%;left: 0;transform: none;}}