.header__text{z-index:1}@media screen and (max-width:640px){.header__text{text-align:center;max-width:345px;margin:auto}}.header__image{width:508px;margin-top:-11px;margin-right:73px}@media screen and (max-width:1276px){.header__image{margin-right:-203px}}@media screen and (max-width:1000px){.header__image{margin-right:0}}@media screen and (max-width:640px){.header__image{width:160px;margin-top:0}}
.cross-platform-card{position:relative;box-sizing:border-box;border-radius:8px;background-color:var(--kotlin-gray);height:400px;padding:76px}@media screen and (max-width:640px){.cross-platform-card{padding:44px 0 96px}}.cross-platform-card__inner{position:relative;margin:auto;height:100%;border:2px double transparent;border-radius:8px;box-sizing:border-box;background-image:linear-gradient(var(--kotlin-gray),var(--kotlin-gray)),linear-gradient(225deg,#7f52ff,#c811e2 50%,#e54857);background-origin:border-box;background-clip:content-box,border-box;display:flex;align-items:center;justify-content:center}@media screen and (max-width:640px){.cross-platform-card__inner{width:192px;display:block}.cross-platform-card__inner-text{margin:24px}}.cross-platform-card__item{background-color:var(--rs-color-white);width:172px;padding:16px;box-sizing:border-box;border-radius:8px;box-shadow:0 4px 16px 0 rgba(0,0,0,.18)}html[lang=ru] .cross-platform-card__item{width:198px}html[lang=es] .cross-platform-card__item{width:216px}.cross-platform-card__item-icon{width:48px;height:48px}@media screen and (max-width:1000px){.cross-platform-card__item,html[lang=es] .cross-platform-card__item,html[lang=ru] .cross-platform-card__item{width:88px;padding:14px 12px}html[lang=es] .cross-platform-card__item_desktop .cross-platform-card__item-text{font-size:.64em}}@media screen and (max-width:640px){.cross-platform-card__item_ios{order:1}.cross-platform-card__item_server{order:2}.cross-platform-card__item_desktop{order:3}.cross-platform-card__item_android{order:4}.cross-platform-card__item_web{order:5}}.cross-platform-card__items{position:absolute;left:0;right:0;top:-42px;bottom:-42px;box-sizing:border-box;max-width:736px;margin:auto;display:flex;align-content:space-between;justify-content:center;gap:16px;flex-wrap:wrap}html[lang=ru] .cross-platform-card__items{max-width:840px}html[lang=es] .cross-platform-card__items{max-width:912px}@media screen and (max-width:1000px){.cross-platform-card__items,html[lang=es] .cross-platform-card__items,html[lang=ru] .cross-platform-card__items{max-width:376px;gap:8px;top:-54px;bottom:-54px}}@media screen and (max-width:640px){.cross-platform-card__items,html[lang=es] .cross-platform-card__items,html[lang=ru] .cross-platform-card__items{max-width:none;left:-46px;right:-46px;top:-54px;bottom:-54px;align-content:flex-start;justify-content:space-between;flex-wrap:wrap-reverse}}
.sharing-code-card{background-image:url(/kotlin-multiplatform/img/gradient.jpg);background-size:cover;background-position:50%;padding:130px 0;border-radius:8px;text-align:center}.sharing-code-card__icon{width:48px;height:48px;background-image:url("data:image/svg+xml,%3Csvg fill='none' height='48' viewBox='0 0 48 48' width='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff'%3E%3Cpath d='m23 0h2v48h-2z'/%3E%3Cpath d='m48 23h2v48h-2z' transform='matrix(0 1 -1 0 71 -25)'/%3E%3C/g%3E%3C/svg%3E")}@media screen and (max-width:1000px){.sharing-code-card__icon{margin:24px 0}}@media screen and (max-width:1000px){.sharing-code-card{padding:48px 32px;text-align:left}}.sharing-code-card__list li{display:inline}.sharing-code-card__list li:not(:first-child):before{margin:0 4px;content:"•"}@media screen and (max-width:1000px){.sharing-code-card__list li{position:relative;display:list-item;margin-left:24px}.sharing-code-card__list li:before{position:absolute;left:-16px;content:"•"}.sharing-code-card__list li:not(:first-child):before{margin:0}}
.projects-kinds-card{display:flex;flex-direction:column;gap:32px;border-radius:8px;background-color:var(--kotlin-gray);padding:24px}.projects-kinds-card__text{flex-grow:1}@media screen and (max-width:1000px){.projects-kinds-card{flex-direction:row;gap:24px}}@media screen and (max-width:640px){.projects-kinds-card{flex-direction:column}}
.share-type-strip{height:80px;box-sizing:border-box;border-radius:8px;background-color:#fff;padding-left:24px;width:224px;box-shadow:0 4px 16px 0 rgba(0,0,0,.18)}.share-type-strip:not(:first-child){margin-top:4px}.share-type-strip__icon-wrap{border-radius:8px;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.share-type-strip_piece .share-type-strip__icon-wrap{background:linear-gradient(90deg,#7448e0,#8a45be)}.share-type-strip_partly{background:linear-gradient(90deg,#8a45be,#c24ca6)}.share-type-strip_full{background:linear-gradient(90deg,#c24ca6,#da4251)}.share-type-strip__icon{width:48px;height:48px}@media screen and (max-width:640px){.share-type-strip{width:100%}}
.build-ui-screens{height:100%;display:flex;gap:24px;align-items:flex-end}@media screen and (max-width:640px){.build-ui-screens{justify-content:center}}.build-ui-screens img{box-shadow:0 4px 16px 0 rgba(0,0,0,.18)}.build-ui-screens img.screen-android{border-radius:16px;width:196px}.build-ui-screens img.screen-ios{border-radius:37px;width:212px}.build-ui-screens img.screen-desktop{border-radius:6px;width:516px}@media screen and (max-width:640px){.build-ui-screens img.screen-android{margin-left:-144px;margin-bottom:-24px;order:2}.build-ui-screens img.screen-ios{order:1;margin-top:48px}.build-ui-screens img.screen-desktop{display:none}}
.success-stories-card{border-radius:8px;background-color:var(--kotlin-gray);padding:24px;min-height:400px}@media screen and (max-width:1000px){.success-stories-card{min-height:unset}}.success-stories-card:hover{text-decoration:none}.success-stories-card__logo{height:52px}
.try-section{background-image:url(/kotlin-multiplatform/img/gradient.jpg);background-size:cover;background-position:50%}.try-section__content{position:relative;z-index:1;height:100%}.try-section__content-column{display:flex;flex-direction:column}.try-section__content-column-text{flex-grow:1}@media screen and (max-width:640px){.try-section{height:400px}}.try-container{height:100%}.try-container:after{display:block;position:absolute;right:-72px;bottom:-124px;content:"";width:760px;height:544px;background-image:url(/kotlin-multiplatform/img/footer-shape.png);background-size:contain;background-repeat:no-repeat}@media screen and (max-width:1000px){.try-container:after{right:-122px}}@media screen and (max-width:640px){.try-container:after{width:503px;height:360px;right:-96px;bottom:-172px}}
:root{--kotlin-gray:#e8e8e8}