@media only screen and (min-width: 0rem) {#keat-digital-service-offer {--hero-text: #f5f1e8;--hero-body: rgba(245, 241, 232, 0.74);--hero-muted: rgba(245, 241, 232, 0.52);--hero-gold: var(--gold);--hero-gold-light: var(--gold-light);--hero-gold-dark: var(--gold-dark);--hero-border: rgba(255, 255, 255, 0.08);--hero-action-width: 32.875rem;padding: clamp(7rem, 9vw, 9.75rem) 1rem 0;overflow: hidden;position: relative;z-index: 1;background: radial-gradient(circle at 50% 10%, rgba(88, 88, 88, 0.261), transparent 35%), linear-gradient(60deg, #0d0d0d 0%, #090909 100%);}#keat-digital-service-offer .cs-container {width: 100%;max-width: 90rem;margin: 0 auto;display: flex;flex-direction: column;align-items: center;gap: clamp(2.75rem, 6vw, 5rem);position: relative;z-index: 1;}#keat-digital-service-offer .cs-content {width: 100%;display: flex;flex-direction: column;align-items: center;margin-top: 2.5rem;}#keat-digital-service-offer .cs-topper {color: var(--hero-gold);text-align: center;}#keat-digital-service-offer .cs-title {text-align: center;font-size: clamp(2.5rem, 4.25vw, 4.5rem);}#keat-digital-service-offer .cs-title span {display: inline-block;}#keat-digital-service-offer .cs-title em {color: var(--hero-gold);font-style: normal;}#keat-digital-service-offer .cs-text {margin: 0 0 1.5rem;max-width: 35rem;font-size: clamp(1rem, 1.5vw, 1.12rem);line-height: 1.72;color: var(--hero-body);text-align: center;}#keat-digital-service-offer .cs-proof-list {max-width: 100%;padding: 1rem 1.5rem;margin: 0 0 2.1rem;border: 1px solid rgba(210, 180, 122, 0.04);border-radius: 0.42rem;background: var(--card-grad);box-shadow: var(--card-shadow);display: flex;align-items: center;justify-content: center;gap: 0.55rem;color: rgba(245, 241, 232, 0.94);text-align: center;}#keat-digital-service-offer .cs-proof-icon {display: none;}#keat-digital-service-offer .cs-proof-copy {margin: 0;font-size: 0.88rem;line-height: 1.35;color: inherit;}#keat-digital-service-offer .button-group {width: 100%;max-width: var(--hero-action-width);margin-bottom: 0;display: flex;flex-direction: column;gap: 0.875rem;}#keat-digital-service-offer .cs-button-solid, #keat-digital-service-offer .cs-button-outline {width: 100%;min-height: 3.75rem;padding: 0 1.8rem;border-radius: 0.42rem;box-sizing: border-box;}#keat-digital-service-offer .cs-button-outline {color: var(--hero-text);border: 1px solid rgba(245, 241, 232, 0.16);background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.01)), rgba(255, 255, 255, 0.02);}#keat-digital-service-offer .cs-button-outline:hover {border-color: rgba(232, 187, 99, 0.58);color: var(--hero-gold);background: rgba(232, 187, 99, 0.06);transform: translateY(-0.12rem);}#keat-digital-service-offer .cs-visual {--visual-pad-top: clamp(1rem, 3vw, 1.75rem);--visual-pad-x: clamp(0.5rem, 2vw, 1.25rem);--visual-pad-bottom: clamp(3.75rem, 13vw, 6rem);--visual-frame-offset: 0.1rem;width: 100%;max-width: 52rem;margin: 0 auto;padding: var(--visual-pad-top) var(--visual-pad-x) var(--visual-pad-bottom);display: flex;align-items: center;justify-content: center;position: relative;isolation: isolate;}#keat-digital-service-offer .cs-visual::before {content: "";border-radius: calc(clamp(0.65rem, 1.5vw, 1rem) + var(--visual-frame-offset));position: absolute;top: calc(var(--visual-pad-top) - var(--visual-frame-offset));right: calc(var(--visual-pad-x) - var(--visual-frame-offset));bottom: calc(var(--visual-pad-bottom) - var(--visual-frame-offset));left: calc(var(--visual-pad-x) - var(--visual-frame-offset));z-index: -1;background: radial-gradient(circle at 68% 36%, rgba(232, 187, 99, 0.075), transparent 38%), linear-gradient(145deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.01)), #121212;box-shadow: 0 2.75rem 6rem rgba(0, 0, 0, 0.46), inset 0 1px 0 rgba(255, 255, 255, 0.04);pointer-events: none;}#keat-digital-service-offer .cs-visual::after {content: "";width: 74%;height: 3rem;border-radius: 50%;position: absolute;left: 52%;bottom: 0.4rem;z-index: -1;transform: translateX(-50%);background: rgba(0, 0, 0, 0.74);filter: blur(1.5rem);pointer-events: none;}#keat-digital-service-offer .cs-browser {width: 100%;padding: clamp(2rem, 7vw, 2.55rem) clamp(0.28rem, 1vw, 0.42rem) clamp(0.28rem, 1vw, 0.42rem);border: 1px solid rgba(232, 187, 99, 0.2);border-radius: clamp(0.65rem, 1.5vw, 1rem);position: relative;z-index: 1;overflow: hidden;background: linear-gradient(180deg, #39393c 0%, #202023 100%);box-shadow: 0 3.5rem 7rem rgba(0, 0, 0, 0.72), 0 1.5rem 3rem rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.06), 0 0 3rem rgba(232, 187, 99, 0.07);}#keat-digital-service-offer .cs-browser::before {content: attr(data-url);width: calc(100% - clamp(4rem, 15vw, 5.5rem));height: clamp(1.15rem, 4vw, 1.55rem);border-radius: 999rem;position: absolute;top: clamp(0.4rem, 1.5vw, 0.48rem);left: clamp(3.2rem, 11vw, 4.3rem);display: flex;align-items: center;justify-content: center;overflow: hidden;font-size: clamp(0.48rem, 1.7vw, 0.75rem);line-height: 1;font-weight: 500;white-space: nowrap;color: rgba(245, 241, 232, 0.72);background: rgba(255, 255, 255, 0.09);box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.42), 0 1px 0 rgba(255, 255, 255, 0.055);}#keat-digital-service-offer .cs-browser::after {content: "";width: clamp(0.42rem, 1.6vw, 0.62rem);height: clamp(0.42rem, 1.6vw, 0.62rem);border-radius: 50%;position: absolute;top: clamp(0.73rem, 2.75vw, 0.95rem);left: clamp(0.65rem, 2.4vw, 1rem);transform: translateY(-50%);background: #ff5f57;box-shadow: clamp(0.65rem, 3vw, 1rem) 0 0 #febc2e, clamp(1.3rem, 6vw, 2rem) 0 0 #28c840;}#keat-digital-service-offer .cs-browser-picture {width: 100%;aspect-ratio: 1200 / 840;border-radius: 0 0 0.45rem 0.45rem;display: block;overflow: hidden;position: relative;background: #0b0b0b;}#keat-digital-service-offer .cs-browser-picture::after {content: "";position: absolute;inset: 0;z-index: 2;background: linear-gradient(180deg, rgba(0, 0, 0, 0.015) 0%, transparent 58%, rgba(0, 0, 0, 0.07) 100%);pointer-events: none;}#keat-digital-service-offer .cs-browser-picture img {width: 100%;height: 100%;display: block;object-fit: cover;object-position: center top;filter: brightness(0.95) contrast(1.02);}#keat-digital-service-offer .cs-phone {width: clamp(7.25rem, 28vw, 13.25rem);padding: clamp(0.35rem, 1.5vw, 0.6rem);border: 1px solid rgba(232, 187, 99, 0.16);border-radius: clamp(1.25rem, 5vw, 2.2rem);position: absolute;right: clamp(-0.2rem, 1vw, 0.75rem);bottom: 0;z-index: 3;background: linear-gradient(145deg, #56565a 0%, #171719 24%, #303034 68%, #09090a 100%);box-shadow: 0 2.75rem 5rem rgba(0, 0, 0, 0.8), 0 0 0 0.14rem rgba(0, 0, 0, 0.48), 0 0 2.5rem rgba(232, 187, 99, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.82);}#keat-digital-service-offer .cs-phone::before {content: "";width: 38%;height: clamp(0.5rem, 2vw, 0.72rem);border-radius: 999rem;position: absolute;top: clamp(0.6rem, 2.3vw, 0.88rem);left: 50%;z-index: 5;transform: translateX(-50%);background: #020202;}#keat-digital-service-offer .cs-phone::after {content: "";width: 0.22rem;height: 0.22rem;border-radius: 50%;position: absolute;top: clamp(0.78rem, 3vw, 1.12rem);left: 58%;z-index: 6;background: #111827;box-shadow: 0 0 0 1px rgba(80, 110, 150, 0.25);}#keat-digital-service-offer .cs-phone-picture {width: 100%;border: 1px solid rgba(255, 255, 255, 0.055);border-radius: clamp(0.95rem, 4vw, 1.7rem);display: block;overflow: hidden;background: #050505;box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.58);}#keat-digital-service-offer .cs-phone-picture img {width: 100%;height: auto;display: block;filter: brightness(0.95) contrast(1.02);}#keat-digital-service-offer .cs-logo-bar {width: calc(100% + 2rem);margin: clamp(3.5rem, 6vw, 5rem) -1rem 0;padding: clamp(2rem, 3vw, 2.75rem) 1rem;border-top: 1px solid rgba(255, 255, 255, 0.055);border-bottom: 1px solid rgba(255, 255, 255, 0.055);background: linear-gradient(180deg, rgba(255, 255, 255, 0.018), rgba(255, 255, 255, 0)), rgba(13, 13, 13, 0.82);display: flex;justify-content: center;align-items: center;gap: clamp(2rem, 5vw, 5rem);flex-wrap: wrap;position: relative;z-index: 1;}#keat-digital-service-offer .cs-logo-bar > span {max-width: 18rem;font-size: 0.8rem;line-height: 1.55;text-transform: uppercase;color: #b28c41;text-align: center;}#keat-digital-service-offer a {text-decoration: none;}#keat-digital-service-offer .cs-logo-list {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: clamp(1.5rem, 4vw, 4rem);}#keat-digital-service-offer .cs-logo-list .company {font-size: clamp(1rem, 1.5vw, 1.35rem);line-height: 1;font-weight: 800;letter-spacing: -0.05em;text-transform: uppercase;color: rgba(245, 241, 232, 0.27);position: relative;transition: color 0.4s var(--ease-out-expo);}#keat-digital-service-offer .cs-logo-list .company:hover {color: rgba(245, 241, 232, 0.76);}#keat-digital-service-offer .cs-logo-list .thin {font-weight: 300;}}@media only screen and (min-width: 48rem) {#keat-digital-service-offer {background: radial-gradient(circle at 50% 10%, rgba(88, 88, 88, 0.261), transparent 40%), linear-gradient(180deg, #050505 0%, #090909 100%);}#keat-digital-service-offer .button-group {flex-direction: row;align-items: center;gap: 1rem;}#keat-digital-service-offer .cs-button-solid {width: auto;flex: 0 0 auto;min-width: 17.25rem;white-space: nowrap;}#keat-digital-service-offer .cs-button-outline {width: auto;flex: 1 1 auto;min-width: 10rem;white-space: nowrap;}#keat-digital-service-offer .cs-proof-icon {width: 1.25rem;height: 1.25rem;display: inline-flex;align-items: center;justify-content: center;flex: none;}#keat-digital-service-offer .cs-proof-icon img {width: 100%;height: 100%;display: block;filter: brightness(0) saturate(100%) invert(78%) sepia(58%) saturate(480%) hue-rotate(357deg) brightness(96%) contrast(90%);}#keat-digital-service-offer .cs-logo-bar {margin-top: clamp(3rem, 5vw, 4.5rem);padding: 2rem 1rem;border-top: 1px solid rgba(255, 255, 255, 0.25);background: linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent 34%), #0b0b0b;}#keat-digital-service-offer .cs-logo-bar::before {content: "";position: absolute;right: 0;left: 0;top: -4rem;height: 4rem;background: linear-gradient(180deg, transparent, rgba(11, 11, 11, 0.72));pointer-events: none;}}@media only screen and (min-width: 68.75rem) {#keat-digital-service-offer {padding-top: clamp(9rem, 10vw, 11rem);}#keat-digital-service-offer .cs-container {display: grid;grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);align-items: center;gap: clamp(2rem, 3vw, 3.5rem);}#keat-digital-service-offer .cs-content {width: 100%;max-width: 39rem;min-width: 0;align-items: flex-start;margin-top: 0;}#keat-digital-service-offer .cs-topper, #keat-digital-service-offer .cs-title, #keat-digital-service-offer .cs-text {text-align: left;}#keat-digital-service-offer .cs-title {line-height: 1.05;letter-spacing: -0.028em;margin-bottom: 1.35rem;}#keat-digital-service-offer .cs-text {max-width: 35rem;margin-bottom: 1.45rem;}#keat-digital-service-offer .cs-proof-list {max-width: 100%;justify-content: flex-start;text-align: left;}#keat-digital-service-offer .button-group {width: 100%;max-width: var(--hero-action-width);}#keat-digital-service-offer .cs-visual {--visual-pad-top: 1rem;--visual-pad-x: clamp(1.75rem, 2vw, 2.5rem);--visual-pad-bottom: clamp(4.25rem, 5vw, 5.75rem);width: 100%;max-width: 54rem;min-width: 0;margin: 0;padding: var(--visual-pad-top) var(--visual-pad-x) var(--visual-pad-bottom);}#keat-digital-service-offer .cs-browser {width: 100%;min-width: 0;}#keat-digital-service-offer .cs-phone {width: clamp(9.5rem, 13vw, 13rem);right: 0;bottom: -0.75rem;}#keat-digital-service-offer .cs-logo-bar {flex-wrap: nowrap;}}@media only screen and (min-width: 87.5rem) {#keat-digital-service-offer .cs-title {max-width: 40.5rem;}#keat-digital-service-offer .cs-visual {width: 100%;max-width: 56rem;}#keat-digital-service-offer .cs-phone {right: -0.5rem;bottom: -1rem;}}@media only screen and (min-width: 90rem) {#keat-digital-service-offer .cs-phone {right: -0.75rem;}}@media (prefers-reduced-motion: reduce) {#keat-digital-service-offer .cs-browser, #keat-digital-service-offer .cs-phone {transition: none;animation: none;}}