/* --- hero --- */
.sky 



.sky img:is([sizes="auto" i], .sky [sizes^="auto, .sky " i]){ contain-intrinsic-size: 3000px 1500px; }
.sky .is-layout-flex > :is(*, .sky div){ margin: 0px; }
.sky .is-layout-grid > :is(*, .sky div){ margin: 0px; }
.sky, .sky h1, .sky h2, .sky h3, .sky h4, .sky h5, .sky h6{ margin: 0px; }
.sky article, .sky aside, .sky details, .sky figcaption, .sky figure, .sky footer, .sky header, .sky main, .sky menu, .sky nav, .sky section{ display: block; }
.sky a{ background-color: transparent; }
.sky img{ border-style: none; }
.sky svg:not(:root){ overflow: hidden; }
.sky ::-webkit-file-upload-button{ appearance: button; font: inherit; }
.sky *, .sky ::after, .sky ::before{ box-sizing: inherit; }
@keyframes oxy_sticky_header_fadein { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes oxy_progress_bar_width { 
  0% { width: 0%; }
  100% { width: 100%; }
}
@keyframes oxy_progress_bar_stripes { 
  0% { background-position: 44px 0px; }
  100% { background-position: 0px 0px; }
}
.sky :-webkit-any(li, .sky div._important), .sky :is(li, .sky div._important){ display: list-item; }
.sky :-webkit-any(table, .sky div._important), .sky :is(table, .sky div._important){ display: table; }
.sky :is(thead, .sky div._important), .sky :-webkit-any(thead, .sky div._important){ display: table-header-group; }
.sky :is(tr, .sky div._important), .sky :-webkit-any(tr, .sky div._important){ display: table-row; }
.sky :is(tbody, .sky div._important), .sky :-webkit-any(tbody, .sky div._important){ display: table-row-group; }
.sky :is(th, .sky td, .sky div._important), .sky :-webkit-any(th, .sky td, .sky div._important){ display: table-cell; }
.sky :is(caption, .sky div._important), .sky :-webkit-any(caption, .sky div._important){ display: table-caption; }
.sky :is(colgroup, .sky div._important), .sky :-webkit-any(colgroup, .sky div._important){ display: table-column-group; }
.sky :is(col, .sky div._important), .sky :-webkit-any(col, .sky div._important){ display: table-column; }
.sky :is(tfoot, .sky div._important), .sky :-webkit-any(tfoot, .sky div._important){ display: table-footer-group; }
@keyframes rotate-forever { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
@keyframes spinner-loader { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
.sky .text-highlight{ margin: 0px 8px; display: inline-block !important; }
.sky .highlight-gap-right + .text-highlight, .sky [class^="mr-"] + .text-highlight, .sky [class*=" mr-"] + .text-highlight{ margin-left: 0px; }
.sky .text-highlight::before{ content: ""; position: absolute; top: 0px; left: 0px; width: 0px; height: 100%; background-color: rgb(252, 167, 57); transform: translateX(-8px); z-index: -1; border-radius: 50px; }
.sky .text-highlight.animate::before{ animation-name: highlight; animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1); animation-duration: 1s; animation-fill-mode: forwards; }
@keyframes highlight { 
  0% { width: 0px; }
  100% { width: calc(100% + 16px); }
}
.sky .btn-fancy{ --bg-color: #0080FF; --ease: cubic-bezier(0.65, 0, 0.35, 1); --duration: 0.5s; display: inline-block; overflow: hidden; position: relative; padding: 18px 76px 18px 32px; border-radius: 40px; font-family: var(--font-medium); font-size: 2rem; line-height: 2.8rem; letter-spacing: 0.003rem; background-color: var(--bg-color); transition: background-color var(--duration) var(--ease); }
.sky .btn-fancy span{ display: inline-block; pointer-events: none; }
.sky .btn-fancy__emoji-container{ --bg-color: #318EFA; --gap: 3.2px; --wrapper-size: 54px; position: absolute; top: 50%; right: var(--gap); transform: translateY(-50%) rotate(0deg); transform-origin: center center; width: var(--wrapper-size); height: var(--wrapper-size); display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: rgb(255, 255, 255); transition: background-color var(--duration) var(--ease), right var(--duration) var(--ease), transform var(--duration) var(--ease); z-index: 1; }
.sky .btn-fancy__emoji-wrapper{ position: absolute; top: calc(50% + 1px); left: 50%; transform: translateY(-50%) translateX(-50%); }
.sky .btn-fancy__emoji{ font-size: 24px; transition: opacity var(--duration) var(--ease); }
.sky .btn-fancy__emoji--start{ font-size: 24px; opacity: 1; }
.sky .btn-fancy__emoji--end{ font-size: 24px; opacity: 0; transform: rotate(180deg) translateY(2px); transform-origin: center center; }
.sky .btn-fancy__text-start{ color: rgb(255, 255, 255); transform: translateX(0px); opacity: 1; transition: transform calc(var(--duration) * 1.1) var(--ease), opacity calc(var(--duration) * 1.1) var(--ease); }
.sky .btn-fancy__text-end{ --text-color: #3B475D; position: absolute; top: 50%; left: calc(7.6rem); color: var(--text-color); transform: translateY(-50%) translateX(-50%); opacity: 0; transition: transform calc(var(--duration) * 1.1) var(--ease), opacity calc(var(--duration) * 1.1) var(--ease); }
.sky .btn-fancy:hover{ --bg-color: #fff; }
.sky .btn-fancy:hover .btn-fancy__emoji-container{ background-color: var(--bg-color); right: calc(100% - var(--wrapper-size) - var(--gap)); transform: translateY(-50%) rotate(180deg); }
.sky .btn-fancy:hover .btn-fancy__emoji--start{ opacity: 0; }
.sky .btn-fancy:hover .btn-fancy__emoji--end{ opacity: 1; }
.sky .btn-fancy:hover .btn-fancy__text-start{ transform: translateX(100%); opacity: 0; }
.sky .btn-fancy:hover .btn-fancy__text-end{ transform: translateY(-50%) translateX(0px); opacity: 1; }
@media only screen and (max-width: 768.9px) {.sky .btn-fancy{ font-size: 14px; line-height: 18px; padding: 15.5px calc(55px) 14.5px 24px; }}
@media only screen and (max-width: 768.9px) {.sky .btn-fancy__emoji-container{ --wrapper-size: 40px; }}
@media only screen and (max-width: 768.9px) {.sky .btn-fancy__emoji-container svg{ width: 19.2px; }}
@media only screen and (max-width: 768.9px) {.sky .btn-fancy__text-end{ left: 52px; }}
@keyframes pulse { 
  0% { transform: scale(1); }
  50% { transform: scale(1.2); }
  100% { transform: scale(1); }
}
.sky .hero{ overflow: hidden; }
.sky .hero .container{ display: grid; grid-template-columns: 1fr 1fr; column-gap: 80px; align-items: end; }
.sky .hero__structure svg{ width: 100%; height: auto; }
.sky .js-set-position{ opacity: 0; }
.sky .js-set-position img, .sky .js-set-position svg{ width: 100%; }
.sky .js-set-position img{ height: auto; }
@media only screen and (max-width: 1650px) {.sky .hero .container{ column-gap: 6.4rem; }}
@media only screen and (max-width: 1650px) {.sky .hero .container .hero__title{ line-height: 6.4rem; letter-spacing: -0.3px; font-size: 6.4rem; }}
@media only screen and (max-width: 1650px) {.sky .hero .container .hero__subtitle{ line-height: 2.8rem; font-size: 2rem; letter-spacing: 0.05px; }}
@media only screen and (max-width: 1650px) {.sky .hero .container .hero__content--right{ max-width: 544px; margin-bottom: 40px; }}
@media only screen and (max-width: 1650px) {.sky .hero__content--right:not(.ct-section):not(.oxy-easy-posts){ gap: 4rem; }}
@media only screen and (max-width: 1650px) {.sky .hero__content--right .btn-fancy{ font-size: 14px; line-height: 18px; padding: 15.5px calc(55px) 14.5px 24px; }}
@media only screen and (max-width: 1650px) {.sky .hero__content--right .btn-fancy__emoji-container{ --wrapper-size: 40px; }}
@media only screen and (max-width: 1650px) {.sky .hero__content--right .btn-fancy__emoji-container svg{ width: 19.2px; }}
@media only screen and (max-width: 1650px) {.sky .hero__content--right .btn-fancy__text-end{ left: 52px; }}
@media only screen and (max-width: 1650px) {.sky .hero__content--left:not(.ct-section):not(.oxy-easy-posts){ justify-content: flex-end; }}
@media only screen and (max-width: 1650px) {.sky .hero__content--left .hero__structure{ max-width: 550px; }}
@media only screen and (max-width: 1650px) {.sky .hero__reviews-svg svg{ width: 128px; height: auto; }}
@media only screen and (min-width: 992px) and (max-width: 1650px) {.sky .hero{ padding-top: 140px !important; }}
@media only screen and (max-width: 1024.9px) {.sky .hero .container .hero__content--right{ max-width: 100%; }}
@media only screen and (max-width: 768.9px) {.sky .hero .container .hero__content--left{ order: 1; }}
@media only screen and (max-width: 768.9px) {.sky .hero .container{ grid-template-columns: 1fr; }}
@media only screen and (max-width: 768.9px) {.sky .hero .container .hero__content--right{ margin-bottom: clamp(3.2rem, 1.60002rem + 3.3333vw, 8rem); }}
@media only screen and (max-width: 768.9px) {.sky .hero .container .hero__title{ font-size: clamp(4.6rem, 2.93334rem + 3.4722vw, 9.6rem); line-height: clamp(4.8rem, 3.06667rem + 3.6111vw, 10rem); }}
@media only screen and (max-width: 768.9px) {.sky .hero .container .hero__subtitle{ font-size: clamp(1.6rem, 1.26669rem + 0.6944vw, 2.6rem); line-height: clamp(2.4rem, 2.13331rem + 0.5556vw, 3.2rem); }}
@media only screen and (max-width: 768.9px) {.sky .hero__content--left:not(.ct-section):not(.oxy-easy-posts){ justify-content: center; }}
@keyframes enlargeSlRipple { 
  0% { width: 0px; height: 0px; opacity: 1; }
  50% { opacity: 0.75; }
  100% { width: var(--ripple-max-size); height: var(--ripple-max-size); opacity: 0; border-width: 0px; }
}











.sky #div_block-650-302{ }
.sky #div_block-651-302{ }
.sky #div_block-1326-302{ }
.sky #div_block-1327-302{ }
.sky #div_block-1329-302{ }
.sky #headline-8-302{ }
.sky #text_block-652-302{ }
.sky #text_block-653-302{ }
.sky #text_block-654-302{ }
.sky #text_block-1196-302{ }
.sky #text_block-1331-302{ }
.sky #text_block-1332-302{ }
.sky #text_block-529-302{ }
.sky #text_block-530-302{ }
.sky #image-1199-302{ height: auto; }
.sky #image-1201-302{ height: auto; }
.sky .ct-div-block{ display: flex; flex-flow: column; align-items: flex-start; }
.sky .ct-link{ display: flex; flex-flow: column wrap; text-align: center; text-decoration: none; align-items: center; justify-content: center; }
.sky .ct-image{ max-width: 100%; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {.sky .ct-div-block, .sky .oxy-post-content, .sky .ct-text-block, .sky .ct-headline, .sky .oxy-rich-text, .sky .ct-link-text{ max-width: 100%; }}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {.sky img{ flex-shrink: 0; }}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {.sky *{ min-height: 1px; }}
.sky .oxy-site-navigation > ul:not(.open) > li[data-cta="true"]:nth-last-child(2):not(:hover) > img{ filter: invert(0) !important; }
.sky h1, .sky h2, .sky h3, .sky h4, .sky h5, .sky h6{ font-family: "Plus Jakarta Sans", Inter; font-size: clamp(4rem, 1.37498rem + 5.4688vw, 7.5rem); font-weight: 500; line-height: clamp(5rem, 2.75rem + 4.6875vw, 8rem); color: rgb(59, 71, 93); }
.sky a{ color: rgb(0, 128, 255); text-decoration: none; }
.sky .ct-link{ }
.sky .text-nowrap{ }
.sky .text-body{ font-family: "Plus Jakarta Sans", Inter; font-size: 1.6rem; color: rgb(59, 71, 93); line-height: 2.4rem; text-align: left; }
.sky .color-darker{ color: rgb(75, 82, 98); }
.sky .p-events-none{ }
.sky .h1{ font-family: "Plus Jakarta Sans", Inter; line-height: clamp(5rem, 4.00002rem + 2.0833vw, 8rem); font-size: clamp(4rem, 2.83331rem + 2.4306vw, 7.5rem); letter-spacing: -1px; color: rgb(59, 71, 93); text-align: left; }
.sky .text-body-bold{ font-family: "Plus Jakarta Sans", Inter; font-size: 1.6rem; line-height: 2.4rem; text-align: left; color: rgb(59, 71, 93); }
.sky .color-dark{ color: rgb(117, 123, 138); }
.sky .svg-wrapper{ }
.sky .svg-wrapper:not(.ct-section):not(.oxy-easy-posts), .sky .svg-wrapper.oxy-easy-posts .oxy-posts, .sky .svg-wrapper.ct-section .ct-section-inner-wrap{ display: flex; }
.sky .btn-fancy{ }
.sky .btn-fancy__emoji-container{ }
.sky .btn-fancy__emoji-wrapper{ }
.sky .btn-fancy__emoji{ }
.sky .btn-fancy__emoji--start{ }
.sky .btn-fancy__text-start{ }
.sky .btn-fancy__text-end{ }
.sky .btn-fancy__emoji--end{ }
.sky .hero{ background-color: rgb(220, 236, 245); border-bottom-left-radius: clamp(4.8rem, 2.4rem + 5vw, 12rem); border-bottom-right-radius: clamp(4.8rem, 2.4rem + 5vw, 12rem); border-style: none; width: 100%; overflow: hidden; min-height: 0vw; padding-top: calc(9.6rem + clamp(4rem, 1.99998rem + 4.1667vw, 10rem)); margin-left: auto; margin-right: auto; }
.sky .hero:not(.ct-section):not(.oxy-easy-posts), .sky .hero.oxy-easy-posts .oxy-posts, .sky .hero.ct-section .ct-section-inner-wrap{ display: flex; flex-direction: row; align-items: flex-end; }
@media (max-width: 991px) {.sky .hero{ padding-top: calc(96px + 1.5rem); }}
.sky .container{ width: 100%; max-width: 1650px; margin: 0px auto; }
.sky .section{ width: 100%; padding-left: clamp(2rem, 0.533312rem + 3.0556vw, 6.4rem); padding-right: clamp(2rem, 0.533312rem + 3.0556vw, 6.4rem); }
.sky .hero__title{ font-size: clamp(4.6rem, 2.93334rem + 3.4722vw, 9.6rem); line-height: clamp(4.8rem, 3.06667rem + 3.6111vw, 10rem); }
.sky .hero__title:not(.ct-section):not(.oxy-easy-posts), .sky .hero__title.oxy-easy-posts .oxy-posts, .sky .hero__title.ct-section .ct-section-inner-wrap{ display: flex; flex-flow: column; align-items: flex-start; justify-content: flex-start; }
.sky .hero__subtitle{ font-size: clamp(1.6rem, 1.26669rem + 0.6944vw, 2.6rem); line-height: clamp(2.4rem, 2.13331rem + 0.5556vw, 3.2rem); }
.sky .hero__description{ width: 100%; gap: clamp(2rem, 1.4rem + 1.25vw, 3.8rem); }
.sky .hero__description:not(.ct-section):not(.oxy-easy-posts), .sky .hero__description.oxy-easy-posts .oxy-posts, .sky .hero__description.ct-section .ct-section-inner-wrap{ display: flex; flex-direction: column; gap: clamp(2rem, 1.4rem + 1.25vw, 3.8rem); }
.sky .hero__content{ width: auto; }
.sky .hero__content:not(.ct-section):not(.oxy-easy-posts), .sky .hero__content.oxy-easy-posts .oxy-posts, .sky .hero__content.ct-section .ct-section-inner-wrap{ display: flex; flex-direction: row; align-items: flex-end; }
.sky .hero__content--right{ align-self: flex-end; gap: clamp(4rem, 3.00002rem + 2.0833vw, 7rem); margin-bottom: clamp(3.2rem, 1.60002rem + 3.3333vw, 8rem); max-width: 669px; width: 100%; }
.sky .hero__content--right:not(.ct-section):not(.oxy-easy-posts), .sky .hero__content--right.oxy-easy-posts .oxy-posts, .sky .hero__content--right.ct-section .ct-section-inner-wrap{ display: flex; flex-direction: column; align-items: flex-start; gap: clamp(4rem, 3.00002rem + 2.0833vw, 7rem); }
.sky .hero__content--left{ position: relative; width: 100%; max-width: 822px; }
.sky .hero__content--left:not(.ct-section):not(.oxy-easy-posts), .sky .hero__content--left.oxy-easy-posts .oxy-posts, .sky .hero__content--left.ct-section .ct-section-inner-wrap{ display: flex; flex-direction: row; align-items: flex-end; justify-content: center; }
.sky .hero__reviews{ gap: 24px; }
.sky .hero__reviews:not(.ct-section):not(.oxy-easy-posts), .sky .hero__reviews.oxy-easy-posts .oxy-posts, .sky .hero__reviews.ct-section .ct-section-inner-wrap{ display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 24px; }
.sky .hero__title-text-wrapper{ }
.sky .hero__title-text-wrapper:not(.ct-section):not(.oxy-easy-posts), .sky .hero__title-text-wrapper.oxy-easy-posts .oxy-posts, .sky .hero__title-text-wrapper.ct-section .ct-section-inner-wrap{ display: flex; flex-flow: row; align-items: flex-start; justify-content: flex-start; }
.sky .text-highlight{ position: relative; z-index: 0; }
.sky .hero__reviews-svg{ gap: 50px; }
.sky .hero__reviews-svg:not(.ct-section):not(.oxy-easy-posts), .sky .hero__reviews-svg.oxy-easy-posts .oxy-posts, .sky .hero__reviews-svg.ct-section .ct-section-inner-wrap{ display: flex; flex-direction: row; gap: 50px; }
.sky .hero__reviews-text-wrapper{ }
.sky .hero__reviews-text-wrapper:not(.ct-section):not(.oxy-easy-posts), .sky .hero__reviews-text-wrapper.oxy-easy-posts .oxy-posts, .sky .hero__reviews-text-wrapper.ct-section .ct-section-inner-wrap{ display: flex; flex-flow: row; align-items: flex-start; justify-content: flex-start; }
.sky .hero__title-no-underline{ }
.sky .js-set-position{ z-index: 1; position: absolute; top: 0px; left: 0px; }
.sky .hero__blob{ }
.sky .hero__blob:not(.ct-section):not(.oxy-easy-posts), .sky .hero__blob.oxy-easy-posts .oxy-posts, .sky .hero__blob.ct-section .ct-section-inner-wrap{ display: flex; }
.sky .hero__structure{ width: 100%; }
.sky .hero__structure:not(.ct-section):not(.oxy-easy-posts), .sky .hero__structure.oxy-easy-posts .oxy-posts, .sky .hero__structure.ct-section .ct-section-inner-wrap{ display: flex; }
.sky .hero__person{ }
.sky .hero__person:not(.ct-section):not(.oxy-easy-posts), .sky .hero__person.oxy-easy-posts .oxy-posts, .sky .hero__person.ct-section .ct-section-inner-wrap{ display: flex; flex-direction: column; justify-content: flex-end; }
.sky .js-floating-element{ }
.sky .animate{ }
.sky .highlight-gap-right{ }
.sky .p-events-none{ pointer-events: none; }
.sky .text-nowrap{ white-space: nowrap; }
.sky *, .sky ::before, .sky ::after{ margin: 0px; padding: 0px; box-sizing: border-box; }
.sky a:where(:not(.wp-element-button)):focus{ text-decoration: inherit; }
.sky a:where(:not(.wp-element-button)):active{ color: inherit; }
.sky ::placeholder{ color: rgb(176, 180, 191); opacity: 1; }
.sky .has-drop-cap:not(:focus)::first-letter{ float: left; font-size: 8.4em; font-style: normal; font-weight: 100; line-height: 0.68; margin: 0.05em 0.1em 0px 0px; text-transform: uppercase; }
.sky body.rtl .has-drop-cap:not(:focus)::first-letter{ float: none; margin-left: 0.1em; }
@keyframes wpforms-camera-countdown { 
  0% { stroke-dasharray: 0, calc(138.23px); }
  100% { stroke-dasharray: calc(138.23px), 0; }
}
/* --- demo --- */
.sky :where([style*="border-width"]){ border-style: solid; }
.sky button, .sky hr, .sky input{ overflow: visible; }
.sky b, .sky strong{ font-weight: bolder; }
.sky button, .sky input, .sky optgroup, .sky select, .sky textarea{ font-size: 100%; line-height: 1.15; margin: 0px; }
.sky button, .sky select{ text-transform: none; }
.sky [type="reset"], .sky [type="submit"], .sky button, .sky html [type="button"]{ appearance: button; }
.sky .framework__content{ max-width: 1100px; }
.sky #demo-interactive{ position: absolute; top: 47%; left: 45%; transform: translate(-50%, -50%); cursor: pointer; z-index: 1; border-radius: 25px; animation: 2.5s ease 0s infinite normal none running pulse; }
@media (max-width: 480px) {.sky #demo-interactive{ position: absolute; top: 20%; left: 27%; transform: translate(-50%, -50%); }}
@media (min-width: 483px) and (max-width: 767px) {.sky #demo-interactive{ top: 35%; left: 39%; transform: translate(-50%, -50%); }}
@media (min-width: 768px) and (max-width: 992px) {.sky #demo-interactive{ position: absolute; top: 38%; left: 42%; transform: translate(-50%, -50%); }}
@media (min-width: 993px) and (max-width: 1536px) {.sky #demo-interactive{ position: absolute; top: 44%; left: 42.6%; transform: translate(-50%, -50%); }}
@media (min-width: 1537px) {.sky #demo-interactive{ position: absolute; top: 44%; left: 44%; transform: translate(-50%, -50%); }}
@media only screen and (max-width: 1650px) {.sky .framework__content{ max-width: 960px; }}
.sky .framework, .sky .smart-sequences, .sky .use-cases{ position: relative; }
.sky .framework::before{ content: ""; background-image: var(--wpr-bg-ac7653b4-31de-462c-9aea-b34a7ce8e5f1); background-repeat: no-repeat; background-size: cover; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); height: 80%; width: 100%; z-index: -1; pointer-events: none; }
.sky #div_block-1174-302{ max-width: clamp(35rem, 1.00002rem + 70.8333vw, 137rem); position: relative; display: flex; flex-direction: column; align-items: center; }
.sky #div_block-1240-302{ }
.sky #div_block-1242-302{ flex-wrap: wrap; justify-content: center; }
.sky #div_block-1464-302{ aspect-ratio: 1388 / 895; }
@media (max-width: 991px) {.sky #div_block-1174-302{ max-width: 100%; }}
.sky #headline-1245-302{ max-width: 800px; }
.sky #headline-1186-302{ }
.sky #text_block-1241-302{ }
.sky #text_block-1243-302{ }
.sky #text_block-1404-302{ }
.sky #text_block-1244-302{ }
.sky #image-1184-302{ width: 1100px; height: 710px; object-fit: contain; }
.sky .ct-link-text{ display: inline-block; }
.sky h2, .sky h3, .sky h4, .sky h5, .sky h6{ font-size: clamp(3.6rem, 2.1rem + 3.125vw, 5.6rem); font-weight: 500; line-height: clamp(4.6rem, 3.25rem + 2.8125vw, 6.4rem); color: rgb(59, 71, 93); }
.sky .ct-link-text{ }
.sky .w-100{ width: 100%; }
.sky .h5{ font-family: "Plus Jakarta Sans", Inter; font-size: clamp(2.2rem, 2.06666rem + 0.2778vw, 2.6rem); line-height: clamp(2.6rem, 2.39998rem + 0.4167vw, 3.2rem); color: rgb(59, 71, 93); text-align: left; }
.sky .btn-lg:hover{ background-color: rgb(117, 123, 138); border: 1px solid rgb(117, 123, 138); }
.sky .btn-lg:hover{ }
.sky .btn-lg{ background-color: rgb(59, 71, 93); border: 1px solid rgb(59, 71, 93); }
.sky .btn-lg{ font-family: "Plus Jakarta Sans", Inter; background-color: rgb(59, 71, 93); padding: 15.5px 32px 14.5px; color: rgb(255, 255, 255); font-size: 1.8rem; line-height: 2rem; border-width: 1px; border-color: rgba(0, 0, 0, 0); border-style: solid; border-radius: 30px; font-weight: 500; transition-duration: 0.3s; transition-property: background-color; }
@media (max-width: 479px) {.sky .btn-lg{ padding: 10px 16px; }}
@media (max-width: 479px) {.sky .btn-lg{ }}
.sky .section__title{ position: relative; font-size: clamp(3.6rem, 2.30002rem + 2.7083vw, 7.5rem); line-height: clamp(4rem, 2.66666rem + 2.7778vw, 8rem); }
.sky .section__title-wrapper{ }
.sky .section__title-wrapper:not(.ct-section):not(.oxy-easy-posts), .sky .section__title-wrapper.oxy-easy-posts .oxy-posts, .sky .section__title-wrapper.ct-section .ct-section-inner-wrap{ display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; }
.sky .framework{ margin-top: 155px; }
.sky .framework:not(.ct-section):not(.oxy-easy-posts), .sky .framework.oxy-easy-posts .oxy-posts, .sky .framework.ct-section .ct-section-inner-wrap{ display: block; }
@media (max-width: 991px) {.sky .framework{ margin-top: 64px; }}
.sky .framework__content{ margin-top: 70px; position: relative; }
.sky .support__content-text{ margin-top: 50px; gap: 24px; width: 100%; }
.sky .support__content-text:not(.ct-section):not(.oxy-easy-posts), .sky .support__content-text.oxy-easy-posts .oxy-posts, .sky .support__content-text.ct-section .ct-section-inner-wrap{ display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 24px; }
@media (max-width: 991px) {.sky .support__content-text{ }}
@media (max-width: 991px) {.sky .support__content-text:not(.ct-section):not(.oxy-easy-posts), .sky .support__content-text.oxy-easy-posts .oxy-posts, .sky .support__content-text.ct-section .ct-section-inner-wrap{ display: flex; flex-direction: column; align-items: flex-start; }}
.sky .section__header{ width: 100%; }
.sky .section__header:not(.ct-section):not(.oxy-easy-posts), .sky .section__header.oxy-easy-posts .oxy-posts, .sky .section__header.ct-section .ct-section-inner-wrap{ display: flex; flex-direction: column; align-items: center; }
.sky .o-hidden{ overflow: hidden; }
.sky .section__subtitle{ margin-top: 24px; position: relative; font-size: clamp(1.6rem, 1.26669rem + 0.6944vw, 2.6rem); line-height: clamp(2.4rem, 2.13331rem + 0.5556vw, 3.2rem); color: rgb(117, 123, 138); }
@media (max-width: 991px) {.sky .section__subtitle{ }}
.sky .d-flex-y-center{ }
.sky .d-flex-y-center:not(.ct-section):not(.oxy-easy-posts), .sky .d-flex-y-center.oxy-easy-posts .oxy-posts, .sky .d-flex-y-center.ct-section .ct-section-inner-wrap{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.sky .flex-wrap{ }
.sky .flex-wrap:not(.ct-section):not(.oxy-easy-posts), .sky .flex-wrap.oxy-easy-posts .oxy-posts, .sky .flex-wrap.ct-section .ct-section-inner-wrap{ display: flex; flex-wrap: wrap; }
.sky .d-flex-row-start{ }
.sky .d-flex-row-start:not(.ct-section):not(.oxy-easy-posts), .sky .d-flex-row-start.oxy-easy-posts .oxy-posts, .sky .d-flex-row-start.ct-section .ct-section-inner-wrap{ display: flex; flex-direction: row; justify-content: flex-start; }
.sky .text-indent-1-space{ text-indent: 6px; }
.sky .img-contain{ width: 100%; height: 100%; object-fit: contain; }
.sky button{ font-family: var(--font); }
.sky a:not([class]){ color: rgb(0, 128, 255); text-decoration: none; }
.sky a:not([class]):hover{ text-decoration: underline; }
.sky .framework::before{ --wpr-bg-ac7653b4-31de-462c-9aea-b34a7ce8e5f1: url(/cedx-ref/sky/assets/section-blob-top.svg); }
/* --- use-cases --- */
.sky .use-cases .container .use-cases__card-buttons{ display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.sky .use-cases .container .use-cases__card-buttons a{ text-align: center; }
.sky .use-cases .splide{ display: none; max-width: 400px; }
.sky .use-cases .splide__track{ overflow: visible; }
.sky .use-cases .splide__pagination{ bottom: -24px; padding: 0px; gap: 12px; max-width: 300px; margin: 0px auto; }
.sky .use-cases .splide__pagination li{ flex: 1 1 0%; width: 100%; }
.sky .use-cases .splide__pagination .splide__pagination__page{ width: 100%; border-radius: 4px; margin: 0px; height: 6px; opacity: 0.5; background: rgb(255, 255, 255); transform: none; transition: background 0.4s, opacity 0.4s; }
.sky .use-cases .splide__pagination .splide__pagination__page.is-active{ background: rgb(220, 236, 245); transform: none; opacity: 1; }
.sky .use-cases .splide .use-cases__card--clone{ gap: 32px; box-shadow: none; transform: translate(0px, 0px); opacity: 0.8; transition: opacity 0.4s; }
.sky .use-cases .splide .use-cases__card--clone.is-active{ opacity: 1; }
@media only screen and (max-width: 991px) {.sky .use-cases .container .use-cases__cards-container{ display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }}
@media only screen and (max-width: 767px) {.sky .use-cases .container{ overflow: hidden; }}
@media only screen and (max-width: 767px) {.sky .use-cases .splide{ display: block; }}
@media only screen and (max-width: 767px) {.sky .use-cases .container .use-cases__cards-container{ grid-template-columns: 1fr; gap: 10px; }}
@media only screen and (max-width: 480px) {.sky .use-cases .splide__pagination{ max-width: 200px; }}
.sky .use-cases::before{ content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 110%; background-color: rgb(220, 236, 245); z-index: -1; pointer-events: none; }
.sky #div_block-1036-302{ background-color: rgb(0, 128, 255); display: flex; flex-direction: row; align-items: center; justify-content: center; border-style: none; border-radius: 80px; position: relative; height: 520px; }
.sky #div_block-1248-302{ }
.sky #div_block-1434-302{ }
.sky #div_block-1250-302{ }
.sky #div_block-1047-302{ position: absolute; left: clamp(7rem, 4.66667rem + 4.8611vw, 14rem); top: calc(-145px); }
.sky #div_block-1049-302{ width: 100%; }
.sky #div_block-1034-302{ width: 100%; }
.sky #div_block-1056-302{ position: absolute; left: clamp(1rem, -8rem + 18.75vw, 28rem); top: unset; bottom: calc(-193.333px); }
.sky #div_block-1058-302{ width: 100%; }
.sky #div_block-1037-302{ position: absolute; top: unset; bottom: calc(-193.333px); left: unset; right: clamp(1rem, -8rem + 18.75vw, 28rem); }
.sky #div_block-1039-302{ width: 100%; }
@media (max-width: 991px) {.sky #div_block-1036-302{ display: flex; flex-direction: column; height: 100%; padding: 60px 20px 20px; gap: 60px; border-radius: 40px; }}
@media (max-width: 991px) {.sky #div_block-1047-302{ position: static; }}
@media (max-width: 991px) {.sky #div_block-665-302{ position: static; }}
@media (max-width: 991px) {.sky #div_block-1056-302{ position: static; }}
@media (max-width: 991px) {.sky #div_block-1037-302{ position: static; }}
@media (max-width: 767px) {.sky #div_block-1036-302{ padding-bottom: 48px; padding-top: 48px; gap: 48px; }}
.sky #headline-1050-302{ }
.sky #headline-1052-302{ }
.sky #headline-669-302{ }
.sky #headline-671-302{ }
.sky #headline-1059-302{ }
.sky #headline-1061-302{ }
.sky #headline-1040-302{ }
.sky #headline-1042-302{ }
.sky #text_block-1249-302{ }
.sky #text_block-1431-302{ }
.sky #text_block-1251-302{ }
.sky #text_block-1252-302{ }
.sky #link_text-1054-302{ flex-grow: 1; }
.sky #link_text-1055-302{ flex-grow: 1; }
.sky #link_text-673-302{ flex-grow: 1; }
.sky #link_text-674-302{ flex-grow: 1; }
.sky #link_text-1063-302{ flex-grow: 1; }
.sky #link_text-1064-302{ flex-grow: 1; }
.sky #link_text-1044-302{ flex-grow: 1; }
.sky #link_text-1045-302{ flex-grow: 1; }
.sky #code_block-1051-302{ }
.sky #code_block-668-302{ }
.sky #code_block-1060-302{ }
.sky #code_block-1041-302{ }
.sky .h4{ font-family: "Plus Jakarta Sans", Inter; color: rgb(59, 71, 93); font-size: clamp(2.8rem, 2.5rem + 0.625vw, 3.2rem); line-height: clamp(3.6rem, 3.3rem + 0.625vw, 4rem); letter-spacing: 0.1px; text-align: left; }
.sky .color-white{ color: rgb(255, 255, 255); }
.sky .d-flex-row-center{ }
.sky .d-flex-row-center:not(.ct-section):not(.oxy-easy-posts), .sky .d-flex-row-center.oxy-easy-posts .oxy-posts, .sky .d-flex-row-center.ct-section .ct-section-inner-wrap{ display: flex; flex-direction: row; align-items: center; justify-content: center; }
.sky .btn:hover{ background-color: rgb(117, 123, 138); border: 1px solid rgb(117, 123, 138); }
.sky .btn:hover{ }
.sky .btn{ background-color: rgb(59, 71, 93); border: 1px solid rgb(59, 71, 93); color: rgb(255, 255, 255); }
.sky .btn{ font-family: "Plus Jakarta Sans", Inter; background-color: rgb(59, 71, 93); padding: 15px 24px; font-size: 1.6rem; line-height: 1.6rem; color: rgb(255, 255, 255); border-style: solid; border-radius: 25px; border-width: 1px; border-color: rgba(0, 0, 0, 0); transition-duration: 0.3s; transition-property: background-color; }
.sky .btn:not(.ct-section):not(.oxy-easy-posts), .sky .btn.oxy-easy-posts .oxy-posts, .sky .btn.ct-section .ct-section-inner-wrap{ display: inline-block; }
.sky .btn--link:hover{ background-color: rgba(0, 0, 0, 0); color: rgb(0, 128, 255); border-style: none; transition-duration: 0.3s; transition-property: color; }
.sky .btn--link{ background-color: rgba(0, 0, 0, 0); color: rgb(59, 71, 93); border-style: none; padding: 16px; border-radius: 0px; font-weight: 600; }
.sky .use-cases{ position: relative; padding-top: 210px; padding-bottom: 334px; }
@media (max-width: 991px) {.sky .use-cases{ padding-top: 64px; padding-bottom: 64px; }}
.sky .use-cases__text-wrapper{ }
.sky .use-cases__text-wrapper:not(.ct-section):not(.oxy-easy-posts), .sky .use-cases__text-wrapper.oxy-easy-posts .oxy-posts, .sky .use-cases__text-wrapper.ct-section .ct-section-inner-wrap{ display: flex; flex-flow: wrap; align-items: center; justify-content: center; }
.sky .use-cases__card{ background-color: rgb(255, 255, 255); border-style: none; border-radius: 36px; padding: 27px; max-width: clamp(31.3rem, 30.0667rem + 2.5694vw, 35rem); width: 100%; gap: 23px; position: absolute; top: calc(-145px); right: clamp(7rem, 4.66667rem + 4.8611vw, 14rem); min-height: 290px; box-shadow: rgba(46, 52, 54, 0.14) 0px 4.8px 14px, rgba(46, 52, 54, 0.14) 0px 4.8px 84.0001px; }
.sky .use-cases__card:not(.ct-section):not(.oxy-easy-posts), .sky .use-cases__card.oxy-easy-posts .oxy-posts, .sky .use-cases__card.ct-section .ct-section-inner-wrap{ display: flex; flex-flow: column; align-items: flex-start; justify-content: space-between; gap: 23px; }
@media (max-width: 991px) {.sky .use-cases__card{ position: static; }}
@media (max-width: 767px) {.sky .use-cases__card{ max-width: 100%; min-height: 0px; }}
.sky .use-cases__card-text{ gap: 8px; }
.sky .use-cases__card-text:not(.ct-section):not(.oxy-easy-posts), .sky .use-cases__card-text.oxy-easy-posts .oxy-posts, .sky .use-cases__card-text.ct-section .ct-section-inner-wrap{ display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 8px; }
.sky .use-cases__card-buttons{ width: 100%; }
.sky .use-cases__card-title{ }
.sky .use-cases__card-subtitle{ font-family: "Plus Jakarta Sans", Inter; font-size: clamp(1.8rem, 1.73333rem + 0.1389vw, 2rem); line-height: clamp(2.4rem, 2.26666rem + 0.2778vw, 2.8rem); margin-top: 8px; }
.sky .use-cases__card-title-wrapper{ }
.sky .use-cases__card-title-wrapper:not(.ct-section):not(.oxy-easy-posts), .sky .use-cases__card-title-wrapper.oxy-easy-posts .oxy-posts, .sky .use-cases__card-title-wrapper.ct-section .ct-section-inner-wrap{ display: flex; flex-direction: row; align-items: center; justify-content: space-between; }
.sky .use-cases__cards-container{ }
@media (max-width: 767px) {.sky .use-cases__cards-container{ }}
@media (max-width: 767px) {.sky .use-cases__cards-container:not(.ct-section):not(.oxy-easy-posts), .sky .use-cases__cards-container.oxy-easy-posts .oxy-posts, .sky .use-cases__cards-container.ct-section .ct-section-inner-wrap{ display: none; }}
.sky .splide{ }
.sky .splide__track{ }
.sky .splide__list{ }
.sky .splide__slide{ }
.sky .flex-sm-wrap{ }
@media (max-width: 479px) {.sky .flex-sm-wrap{ }}
@media (max-width: 479px) {.sky .flex-sm-wrap:not(.ct-section):not(.oxy-easy-posts), .sky .flex-sm-wrap.oxy-easy-posts .oxy-posts, .sky .flex-sm-wrap.ct-section .ct-section-inner-wrap{ display: flex; flex-wrap: wrap; }}
.sky ul{ list-style-type: none; }
.sky .splide{ cursor: grab; }
.sky .ct-div-block.splide, .sky .ct-div-block.splide__track, .sky .ct-div-block.splide__list, .sky .ct-div-block.splide__slide{ width: 100%; display: flex; flex-flow: unset; align-items: unset; }
/* --- solutions --- */
.sky .svg-sq{ position: relative; width: 100%; height: auto; }
.sky .sq-img-desk{ width: 100%; height: auto; max-width: 946px; margin-top: 20px; aspect-ratio: 946 / 707; }
.sky .sq-testimonial{ grid-template-columns: 4fr 7fr; display: grid !important; gap: 30px !important; }
@media only screen and (max-width: 991px) {.sky .sq-testimonial{ grid-template-columns: 1fr; gap: 0px !important; }}
.sky .smart-sequences::before{ content: ""; background-image: var(--wpr-bg-deb35802-46e5-4dfa-869b-f9f269b6e467); background-repeat: no-repeat; background-size: cover; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); height: 80%; width: 100%; z-index: -1; pointer-events: none; }
.sky #div_block-1132-302{ line-height: clamp(4rem, 2.66666rem + 2.7778vw, 8rem); font-size: clamp(3.6rem, 2.30002rem + 2.7083vw, 7.5rem); }
.sky #div_block-1134-302{ flex-wrap: wrap; justify-content: center; }
.sky #div_block-702-302{ max-width: 1507px; }
.sky #div_block-1339-302{ display: flex; flex-direction: row; gap: 6px; margin-top: 8px; }
.sky #headline-719-302{ margin-bottom: 20px; }
.sky #headline-720-302{ }
.sky #text_block-1133-302{ }
.sky #text_block-1135-302{ }
.sky #text_block-1136-302{ }
.sky #text_block-1338-302{ }
.sky #text_block-1341-302{ opacity: 0.5; }
.sky #image-1336-302{ border-radius: 50px; width: 60px; object-fit: contain; height: 60px; }
.sky #image-1073-302{ aspect-ratio: 353 / 500; }
.sky #image-1078-302{ width: 100%; height: auto; max-width: 946px; margin-top: 20px; aspect-ratio: 946 / 707; object-fit: contain; }
.sky .bg-white{ background-color: rgb(255, 255, 255); }
.sky .d-none{ }
.sky .d-none:not(.ct-section):not(.oxy-easy-posts), .sky .d-none.oxy-easy-posts .oxy-posts, .sky .d-none.ct-section .ct-section-inner-wrap{ display: none; }
.sky .h2{ font-family: "Plus Jakarta Sans", Inter; font-size: clamp(3.6rem, 2.1rem + 3.125vw, 5.6rem); line-height: clamp(4.6rem, 3.25rem + 2.8125vw, 6.4rem); letter-spacing: -0.3px; color: rgb(59, 71, 93); text-align: left; }
.sky .h6{ font-family: "Plus Jakarta Sans", Inter; font-size: clamp(2rem, 2rem + 0vw, 2rem); line-height: 2.8rem; letter-spacing: 0.05px; color: rgb(59, 71, 93); text-align: left; }
.sky .text-tiny{ font-family: "Plus Jakarta Sans", Inter; color: rgb(59, 71, 93); font-size: 1.2rem; line-height: 1.2rem; text-align: left; }
.sky .color-darkest{ color: rgb(59, 71, 93); }
.sky .img-wrapper{ }
.sky .img-wrapper:not(.ct-section):not(.oxy-easy-posts), .sky .img-wrapper.oxy-easy-posts .oxy-posts, .sky .img-wrapper.ct-section .ct-section-inner-wrap{ display: flex; }
.sky .smart-sequences{ }
.sky .smart-sequences:not(.ct-section):not(.oxy-easy-posts), .sky .smart-sequences.oxy-easy-posts .oxy-posts, .sky .smart-sequences.ct-section .ct-section-inner-wrap{ display: flex; flex-direction: column; align-items: center; }
@media (max-width: 991px) {.sky .smart-sequences{ }}
.sky .smart-sequences__content{ }
.sky .smart-sequences__content:not(.ct-section):not(.oxy-easy-posts), .sky .smart-sequences__content.oxy-easy-posts .oxy-posts, .sky .smart-sequences__content.ct-section .ct-section-inner-wrap{ display: flex; flex-direction: row; justify-content: flex-start; }
.sky .smart-sequences__description{ max-width: 527px; width: 100%; }
@media (max-width: 991px) {.sky .smart-sequences__description{ max-width: 100%; }}
.sky .smart-sequences__card{ border-radius: 16px; width: 100%; padding: 16px; margin-top: 40px; gap: 16px; margin-bottom: 40px; }
.sky .smart-sequences__card:not(.ct-section):not(.oxy-easy-posts), .sky .smart-sequences__card.oxy-easy-posts .oxy-posts, .sky .smart-sequences__card.ct-section .ct-section-inner-wrap{ display: flex; flex-direction: row; align-items: flex-start; gap: 16px; }
.sky .smart-sequences__card-text{ }
.sky .btn--icon{ gap: 8px; width: max-content; }
.sky .btn--icon:not(.ct-section):not(.oxy-easy-posts), .sky .btn--icon.oxy-easy-posts .oxy-posts, .sky .btn--icon.ct-section .ct-section-inner-wrap{ display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 8px; }
.sky .sq-testimonial{ margin-top: 126px; }
@media (max-width: 991px) {.sky .sq-testimonial{ margin-top: 57px; }}
.sky .sq-img-desk{ }
@media (max-width: 991px) {.sky .sq-img-desk{ }}
@media (max-width: 991px) {.sky .sq-img-desk:not(.ct-section):not(.oxy-easy-posts), .sky .sq-img-desk.oxy-easy-posts .oxy-posts, .sky .sq-img-desk.ct-section .ct-section-inner-wrap{ display: none; }}
@media (max-width: 767px) {.sky .sq-img-desk{ }}
.sky .sq-img-mob{ }
.sky .sq-img-mob:not(.ct-section):not(.oxy-easy-posts), .sky .sq-img-mob.oxy-easy-posts .oxy-posts, .sky .sq-img-mob.ct-section .ct-section-inner-wrap{ display: none; }
@media (max-width: 991px) {.sky .sq-img-mob{ margin-top: 50px; max-width: 350px; width: 100%; aspect-ratio: 350 / 498; height: auto; margin-left: auto; margin-right: auto; }}
@media (max-width: 991px) {.sky .sq-img-mob:not(.ct-section):not(.oxy-easy-posts), .sky .sq-img-mob.oxy-easy-posts .oxy-posts, .sky .sq-img-mob.ct-section .ct-section-inner-wrap{ display: flex; }}
@media (max-width: 767px) {.sky .sq-img-mob{ }}
.sky .d-none{ display: none !important; }
.sky .sq-testimonial{ display: grid; grid-template-columns: 4fr 7fr; gap: 30px; }
@media only screen and (max-width: 991.9px) {.sky .sq-testimonial{ grid-template-columns: 1fr; gap: 0px; }}
.sky .smart-sequences::before{ --wpr-bg-deb35802-46e5-4dfa-869b-f9f269b6e467: url(/cedx-ref/sky/assets/section-blob-bottom.svg); }
/* --- features --- */
.sky .splide--sq-content, .sky .splide--sq-content{ display: none; }
.sky .splide--sq-nav{ cursor: default; }
.sky .splide--sq-nav::before, .sky .splide--sq-nav::after{ content: ""; position: absolute; top: 0px; height: 100%; width: 16px; z-index: 1; }
.sky .splide--sq-nav::before{ background: linear-gradient(90deg, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0)); left: 0px; }
.sky .splide--sq-nav::after{ background: linear-gradient(-90deg, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0)); right: 0px; }
.sky .smart-sequences__tab-link.clone.clicked{ color: rgb(0, 128, 255); opacity: 1; }
.sky .smart-sequences__tab-link.clone.clicked:hover{ opacity: 1; }
.sky .smart-sequences__tab-link.clone.clicked::before{ display: inherit; content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 3px; background-color: rgb(0, 128, 255); transition: background-color 0.3s; border-radius: 2px; }
.sky .smart-sequences__tab-content.clone{ height: auto; min-width: 100%; padding: 24px; }
@media only screen and (max-width: 991px) {.sky .smart-sequences__tabs{ min-height: auto; }}
@media only screen and (max-width: 991px) {.sky .smart-sequences__tabs-nav, .sky .smart-sequences__tabs-content{ display: none !important; }}
@media only screen and (max-width: 991px) {.sky .splide--sq-nav, .sky .splide--sq-content{ display: block; }}
@media only screen and (max-width: 991px) {.sky .splide--sq-content{ margin-top: 32px; }}
@media only screen and (max-width: 991px) {.sky .smart-sequences__tab-content.clone{ padding: 16px 24px; }}
@media only screen and (max-width: 991px) {.sky .smart-sequences__tab-content.clone svg{ width: 56px; height: auto; }}
@media only screen and (max-width: 991px) {.sky .smart-sequences__tab-content.clone .smart-sequences__tab-title{ margin: 12px 0px; }}
@media only screen and (max-width: 991px) {.sky .smart-sequences__tab-content.clone .smart-sequences__tab-subtitle{ margin-bottom: 24px; }}
@media only screen and (max-width: 991px) {.sky .smart-sequences__tab-content.clone a{ padding: 13px 24px; }}
@media only screen and (max-width: 991px) {.sky .splide--sq-content .smart-sequences__tab-content-text{ max-width: 100%; width: auto; min-width: 300px; }}
@media only screen and (max-width: 991px) {.sky .splide--sq-content .ss-tab__content-container > div:nth-child(2){ width: 100%; }}
@media only screen and (max-width: 991px) {.sky .splide--sq-content .splide__slide .ss-tab__content-container{ display: grid; grid-template-columns: 1fr 2fr; gap: 24px; }}
@media only screen and (max-width: 991px) {.sky .splide--sq-content .smart-sequences__tab-img{ height: 100% !important; }}
@media only screen and (max-width: 991px) {.sky .splide--sq-content .splide__slide:nth-child(2) .ss-tab__content-container > div:nth-child(2){ width: calc(100% - 80px); margin: 0px auto; }}
@media only screen and (max-width: 991px) {.sky .splide--sq-content .splide__slide:nth-child(3) .ss-tab__content-container > div:nth-child(2){ width: calc(100% - 140px); margin: 0px auto; }}
@media only screen and (max-width: 991px) {.sky .splide--sq-content .splide__slide:nth-child(4) .ss-tab__content-container > div:nth-child(2){ width: calc(100% - 74px); margin: 0px auto; }}
@media only screen and (max-width: 650px) {.sky .splide--sq-content .smart-sequences__tab-content-text{ min-width: 200px; }}
@media only screen and (max-width: 480px) {.sky .splide--sq-content .splide__slide .ss-tab__content-container{ display: flex; flex-direction: column; gap: 32px; justify-content: flex-start; }}
@media only screen and (max-width: 480px) {.sky .splide--sq-content .smart-sequences__tab-content-text{ min-width: 100%; width: 100%; }}
@media only screen and (max-width: 480px) {.sky .splide--sq-content .ss-tab__content-container > div:nth-child(2){ aspect-ratio: 16 / 9; width: 100%; }}
@media only screen and (max-width: 480px) {.sky .splide--sq-content .splide__slide:nth-child(1) .ss-tab__content-container > div:nth-child(2){ width: calc(100% + 64px); }}
@media only screen and (max-width: 480px) {.sky .splide--sq-content .splide__slide:nth-child(2) .ss-tab__content-container > div:nth-child(2){ width: 100%; }}
@media only screen and (max-width: 480px) {.sky .splide--sq-content .splide__slide:nth-child(3) .ss-tab__content-container > div:nth-child(2){ width: calc(100% - 24px); }}
@media only screen and (max-width: 480px) {.sky .splide--sq-content .splide__slide:nth-child(4) .ss-tab__content-container > div:nth-child(2){ width: calc(100% + 32px); }}
.sky .smart-sequences__tab-content:nth-child(1):not(.clone) .ss-tab__content-container > div:last-child{ width: calc(100% + clamp(3.2rem, -7.78742rem + 11.0872vw, 13.5rem)); }
.sky .smart-sequences__tab-content:nth-child(3):not(.clone) .ss-tab__content-container > div:last-child{ width: calc(100% - 100px); }
.sky .smart-sequences__tab-content:nth-child(4):not(.clone) .ss-tab__content-container > div:last-child{ width: calc(100% + 16px); }
.sky .smart-sequences__tabs-nav{ overflow: auto hidden; }
.sky .pin-spacer{ overflow: hidden !important; }
.sky .smart-sequences__tabs-nav li{ white-space: nowrap; }
.sky .smart-sequences__tabs-content .smart-sequences__tabs-content-wrapper .ss-tab__content-container:not(.ct-section):not(.oxy-easy-posts){ display: grid; grid-template-columns: 440px 1fr; gap: clamp(1rem, -17.8162rem + 15.9459vw, 12.8rem); }
.sky .smart-sequences__tab-img{ height: var(--h-img, auto) !important; }
.sky .smart-sequences__tab-link{ overflow: hidden; position: relative; transition: color 0.3s, opacity 0.3s; }
.sky .smart-sequences__tab-link:not(.is-active):hover{ opacity: 0.7; }
.sky .smart-sequences__tab-link.is-active{ color: rgb(0, 128, 255); opacity: 1; }
.sky .smart-sequences__tab-link::before{ content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 3px; background-color: transparent; transition: background-color 0.3s; border-radius: 2px; }
.sky .smart-sequences__tab-link.is-active::before{ background-color: rgb(0, 128, 255); }
@media only screen and (max-width: 991.9px) {.sky .smart-sequences__tabs-content .smart-sequences__tabs-content-wrapper .ss-tab__content-container img{ display: none; }}
@media only screen and (max-width: 991.9px) {.sky .smart-sequences__tabs-content .smart-sequences__tabs-content-wrapper .ss-tab__content-container:not(.ct-section):not(.oxy-easy-posts){ grid-template-columns: 1fr; }}
.sky #div_block-802-302{ }
.sky #headline-1522-302{ }
.sky #headline-1523-302{ }
.sky #headline-816-302{ }
.sky #headline-819-302{ }
.sky #headline-1320-302{ }
.sky #headline-1321-302{ }
.sky #headline-1511-302{ }
.sky #headline-1512-302{ }
.sky #headline-1302-302{ }
.sky #headline-1303-302{ }
.sky #headline-1497-302{ }
.sky #headline-1498-302{ }
.sky #headline-1311-302{ }
.sky #headline-1312-302{ }
.sky #text_block-1515-302{ }
.sky #text_block-806-302{ }
.sky #text_block-808-302{ }
.sky #text_block-1506-302{ }
.sky #text_block-810-302{ }
.sky #text_block-1492-302{ }
.sky #text_block-809-302{ }
.sky .c-pointer{ }
.sky .smart-sequences__tabs{ margin-top: 86px; width: 100%; min-height: 100vh; margin-left: auto; margin-right: auto; }
.sky .smart-sequences__tabs:not(.ct-section):not(.oxy-easy-posts), .sky .smart-sequences__tabs.oxy-easy-posts .oxy-posts, .sky .smart-sequences__tabs.ct-section .ct-section-inner-wrap{ display: flex; flex-direction: column; align-items: flex-start; }
@media (max-width: 991px) {.sky .smart-sequences__tabs{ margin-top: 64px; }}
.sky .smart-sequences__tabs-nav{ gap: 32px; width: 100%; position: relative; max-width: 1370px; border-bottom: 1px solid rgb(220, 236, 245); margin-left: auto; margin-right: auto; }
.sky .smart-sequences__tabs-nav:not(.ct-section):not(.oxy-easy-posts), .sky .smart-sequences__tabs-nav.oxy-easy-posts .oxy-posts, .sky .smart-sequences__tabs-nav.ct-section .ct-section-inner-wrap{ display: flex; flex-flow: row; align-items: center; justify-content: space-between; gap: 32px; }
.sky .smart-sequences__tab-link{ opacity: 0.5; padding: 20px; text-align: center; min-width: max-content; }
.sky .smart-sequences__tab-link:not(.ct-section):not(.oxy-easy-posts), .sky .smart-sequences__tab-link.oxy-easy-posts .oxy-posts, .sky .smart-sequences__tab-link.ct-section .ct-section-inner-wrap{ display: inline-block; }
.sky .smart-sequences__tabs-content{ overflow: hidden; width: 100%; height: 300vw; }
.sky .smart-sequences__tabs-content-wrapper{ width: 100vw; }
.sky .smart-sequences__tabs-content-wrapper:not(.ct-section):not(.oxy-easy-posts), .sky .smart-sequences__tabs-content-wrapper.oxy-easy-posts .oxy-posts, .sky .smart-sequences__tabs-content-wrapper.ct-section .ct-section-inner-wrap{ display: flex; flex-flow: row; align-items: flex-start; justify-content: flex-start; }
.sky .smart-sequences__tab-content{ width: 100%; min-width: 100vw; height: calc(-225px + 100vh); padding: 40px 32px 32px; }
.sky .smart-sequences__tab-content:not(.ct-section):not(.oxy-easy-posts), .sky .smart-sequences__tab-content.oxy-easy-posts .oxy-posts, .sky .smart-sequences__tab-content.ct-section .ct-section-inner-wrap{ display: flex; flex-direction: row; justify-content: center; }
@media (max-width: 767px) {.sky .smart-sequences__tab-content{ }}
@media (max-width: 767px) {.sky .smart-sequences__tab-content:not(.ct-section):not(.oxy-easy-posts), .sky .smart-sequences__tab-content.oxy-easy-posts .oxy-posts, .sky .smart-sequences__tab-content.ct-section .ct-section-inner-wrap{ display: flex; flex-direction: column; justify-content: flex-start; }}
.sky .smart-sequences__tab-content-text{ max-width: 440px; width: 100%; min-width: 353px; }
@media (max-width: 767px) {.sky .smart-sequences__tab-content-text{ align-self: flex-start; }}
@media (max-width: 479px) {.sky .smart-sequences__tab-content-text{ min-width: 100%; }}
.sky .smart-sequences__tab-title{ font-size: clamp(3.2rem, 2.39998rem + 1.6667vw, 5.6rem); line-height: clamp(4rem, 3.19998rem + 1.6667vw, 6.4rem); margin-top: 20px; margin-bottom: 20px; }
@media (max-width: 991px) {.sky .smart-sequences__tab-title{ margin-top: 16px; margin-bottom: 16px; }}
.sky .smart-sequences__tab-subtitle{ color: rgb(117, 123, 138); font-size: clamp(1.6rem, 1.53333rem + 0.1389vw, 1.8rem); line-height: 24px; margin-bottom: 40px; }
@media (max-width: 991px) {.sky .smart-sequences__tab-subtitle{ margin-bottom: 32px; }}
.sky .smart-sequences__tab-img{ width: 100%; height: auto; object-fit: contain; }
@media (max-width: 767px) {.sky .smart-sequences__tab-img{ order: -1; align-self: center; max-width: 500px; }}
.sky .ss-tab__content-container{ height: 100%; max-width: 1370px; width: 100%; margin-left: auto; margin-right: auto; }
.sky .ss-tab__content-container:not(.ct-section):not(.oxy-easy-posts), .sky .ss-tab__content-container.oxy-easy-posts .oxy-posts, .sky .ss-tab__content-container.ct-section .ct-section-inner-wrap{ display: flex; flex-flow: row; align-items: center; justify-content: center; }
.sky .c-pointer{ cursor: pointer; }
/* --- support --- */
.sky @media (max-width: 667px){ #div_block-1085-302.ct-div-block { align-items: flex-end; } }
.sky #div_block-1085-302{ align-self: flex-end; width: 100%; }
.sky #headline-736-302{ margin-bottom: 20px; color: rgb(59, 71, 93); }
.sky #headline-737-302{ margin-bottom: 32px; color: rgb(117, 123, 138); }
.sky #image-1083-302{ width: 100%; height: auto; aspect-ratio: 300 / 205; }
.sky .btn-lg--ghost:hover{ border-color: rgb(59, 71, 93); background-color: rgb(233, 236, 241); transition-duration: 0.3s; transition-property: border-color, background-color; }
.sky .btn-lg--ghost{ background-color: rgba(0, 0, 0, 0); border-width: 1px; border-color: rgba(59, 71, 93, 0.5); border-style: solid; color: rgb(59, 71, 93); transition-duration: 0.3s; transition-property: border-color; }
.sky .btn-lg--icon{ gap: 8px; padding-left: 28px; }
.sky .btn-lg--icon:not(.ct-section):not(.oxy-easy-posts), .sky .btn-lg--icon.oxy-easy-posts .oxy-posts, .sky .btn-lg--icon.ct-section .ct-section-inner-wrap{ display: flex; flex-flow: row; gap: 8px; }
.sky .support::before{ width: 50%; height: 100%; position: absolute; top: 0px; left: 0px; background-color: rgb(220, 236, 245); content: ""; }
.sky .support{ width: 100%; margin-top: clamp(6rem, 3.99998rem + 4.1667vw, 12rem); overflow: hidden; position: relative; padding-right: clamp(1.6rem, 1.6e-05rem + 3.3333vw, 6.4rem); margin-left: auto; margin-right: auto; }
.sky .support:not(.ct-section):not(.oxy-easy-posts), .sky .support.oxy-easy-posts .oxy-posts, .sky .support.ct-section .ct-section-inner-wrap{ display: flex; flex-direction: row; justify-content: flex-start; }
.sky .support__container{ width: 100%; border-top-right-radius: clamp(3.2rem, 0.266672rem + 6.1111vw, 12rem); border-bottom-right-radius: clamp(3.2rem, 0.266672rem + 6.1111vw, 12rem); padding: 33px clamp(1rem, -3.2rem + 8.75vw, 13.6rem) 0px clamp(1rem, -1.33333rem + 4.8611vw, 8rem); gap: clamp(5.2rem, -6.6rem + 10vw, 12.6rem); overflow: hidden; background-color: rgb(220, 236, 245); position: relative; max-width: calc(165rem + clamp(2rem, 0.533312rem + 3.0556vw, 6.4rem)); margin-left: auto; margin-right: auto; }
.sky .support__container:not(.ct-section):not(.oxy-easy-posts), .sky .support__container.oxy-easy-posts .oxy-posts, .sky .support__container.ct-section .ct-section-inner-wrap{ display: flex; flex-direction: row; justify-content: center; gap: clamp(5.2rem, -6.6rem + 10vw, 12.6rem); }
@media (max-width: 991px) {.sky .support__container{ padding-left: 0px; padding-top: 48px; padding-right: 0px; }}
@media (max-width: 991px) {.sky .support__container:not(.ct-section):not(.oxy-easy-posts), .sky .support__container.oxy-easy-posts .oxy-posts, .sky .support__container.ct-section .ct-section-inner-wrap{ display: flex; flex-direction: column; }}
.sky .support__description{ max-width: 530px; width: 100%; align-self: center; padding-bottom: 33px; background-color: rgba(0, 0, 0, 0); }
@media (max-width: 991px) {.sky .support__description{ order: -1; align-self: flex-start; padding-bottom: 0px; padding-left: clamp(2rem, 0.533312rem + 3.0556vw, 6.4rem); padding-right: clamp(2rem, 0.533312rem + 3.0556vw, 6.4rem); max-width: 100%; }}
.sky .support__btns-container{ gap: 20px; }
.sky .support__btns-container:not(.ct-section):not(.oxy-easy-posts), .sky .support__btns-container.oxy-easy-posts .oxy-posts, .sky .support__btns-container.ct-section .ct-section-inner-wrap{ display: flex; flex-direction: row; align-items: center; gap: 20px; }
@media (max-width: 991px) {.sky .support__btns-container{ }}
@media (max-width: 991px) {.sky .support__btns-container:not(.ct-section):not(.oxy-easy-posts), .sky .support__btns-container.oxy-easy-posts .oxy-posts, .sky .support__btns-container.ct-section .ct-section-inner-wrap{ flex-wrap: wrap; }}
.sky .support img{ max-height: 480px; object-fit: contain; }
@media only screen and (max-width: 1650px) {.sky .support img{ max-height: 400px; object-fit: contain; }}
/* --- blog --- */
.sky .hm-blog .container .blog__content-right{ display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.sky .hm-blog .blog__article .hm-blog__arrow{ transform: rotate(0deg); transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); }
.sky .hm-blog .blog__article:hover .hm-blog__arrow{ transform: rotate(45deg); }
.sky .blog__article .h5, .sky .blog__article .h6{ transition: color 0.4s; }
.sky .blog__article:hover .h5, .sky .blog__article:hover .h6{ color: rgb(0, 128, 255); }
.sky .blog__article path{ transition: fill 0.4s; }
.sky .blog__article:hover path{ fill: rgb(0, 128, 255); }
@media only screen and (max-width: 1180.9px) {.sky .hm-blog .container .blog__content:not(.ct-section):not(.oxy-easy-posts){ flex-direction: column; }}
@media only screen and (max-width: 1180.9px) {.sky .hm-blog .container .blog__content-left{ margin: 0px auto; }}
@media only screen and (max-width: 1180.9px) {.sky .hm-blog .container .blog__content-right{ max-width: 950px; margin: 0px auto; }}
@media only screen and (max-width: 1180.9px) {.sky .hm-blog .container .blog__card{ position: relative; height: 353px; }}
@media only screen and (max-width: 1180.9px) {.sky .hm-blog .container .hm-blog__card-img-wrapper{ position: absolute; bottom: 0px; right: 0px; z-index: 0; }}
@media only screen and (max-width: 1180.9px) {.sky .hm-blog .container .blog__card:last-child .hm-blog__card-img-wrapper{ right: unset; left: 0px; }}
@media only screen and (max-width: 1180.9px) {.sky .hm-blog .container .hm-blog__card-title-wrapper{ position: relative; z-index: 1; }}
@media only screen and (max-width: 480.9px) {.sky .hm-blog .container .blog__content-right{ grid-template-columns: 1fr; }}
.sky #headline-1360-302{ }
.sky #div_block-842-302{ display: flex; flex-direction: column; align-items: center; }
.sky #div_block-1175-302{ }
.sky #div_block-1177-302{ flex-wrap: wrap; justify-content: center; }
.sky #div_block-853-302{ width: 100%; }
.sky #div_block-1114-302{ align-self: flex-start; }
.sky #headline-1180-302{ }
.sky #headline-1125-302{ }
.sky #headline-1121-302{ }
.sky #headline-1129-302{ }
.sky #headline-859-302{ }
.sky #text_block-1178-302{ }
.sky #text_block-1179-302{ }
.sky #image-1110-302{ width: 285px; }
.sky h3, .sky h4, .sky h5, .sky h6{ font-size: clamp(3.2rem, 2.6rem + 1.25vw, 4rem); font-weight: 500; line-height: clamp(4rem, 3.7rem + 0.625vw, 4.4rem); color: rgb(59, 71, 93); }
.sky .p-relative{ position: relative; }
.sky .btn-sm:hover{ background-color: rgb(117, 123, 138); border: 1px solid rgb(117, 123, 138); }
.sky .btn-sm:hover{ }
.sky .btn-sm{ background-color: rgb(59, 71, 93); border: 1px solid rgb(59, 71, 93); }
.sky .btn-sm{ font-family: "Plus Jakarta Sans", Inter; padding: 12.5px 20px 11.5px; border-radius: 20px; font-size: 1.4rem; line-height: 1.4rem; background-color: rgb(59, 71, 93); border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0); color: rgb(255, 255, 255); transition-property: background-color; transition-duration: 0.3s; }
.sky .btn-sm:not(.ct-section):not(.oxy-easy-posts), .sky .btn-sm.oxy-easy-posts .oxy-posts, .sky .btn-sm.ct-section .ct-section-inner-wrap{ display: inline-block; }
.sky .blog__content{ gap: 14px; margin-top: 60px; }
.sky .blog__content:not(.ct-section):not(.oxy-easy-posts), .sky .blog__content.oxy-easy-posts .oxy-posts, .sky .blog__content.ct-section .ct-section-inner-wrap{ display: flex; flex-flow: row; align-items: stretch; gap: 14px; }
.sky .blog__content-left{ padding: 40px 50px; border-radius: 60px; border-style: none; background-color: rgb(247, 248, 250); max-width: 950px; width: 100%; }
@media (max-width: 767px) {.sky .blog__content-left{ padding: 30px 20px; border-radius: 32px; }}
.sky .blog__content-right{ width: 100%; max-width: 680px; }
.sky .blog__card{ border-style: none; border-radius: 60px; background-color: rgb(247, 248, 250); width: 100%; height: 100%; overflow: hidden; }
.sky .blog__card:not(.ct-section):not(.oxy-easy-posts), .sky .blog__card.oxy-easy-posts .oxy-posts, .sky .blog__card.ct-section .ct-section-inner-wrap{ display: flex; flex-direction: column; justify-content: space-between; }
@media (max-width: 767px) {.sky .blog__card{ border-radius: 32px; }}
.sky .blog__title-wrapper{ margin-bottom: 24px; width: 100%; gap: 8px; }
.sky .blog__title-wrapper:not(.ct-section):not(.oxy-easy-posts), .sky .blog__title-wrapper.oxy-easy-posts .oxy-posts, .sky .blog__title-wrapper.ct-section .ct-section-inner-wrap{ display: flex; flex-direction: row; justify-content: space-between; gap: 8px; }
@media (max-width: 767px) {.sky .blog__title-wrapper{ }}
@media (max-width: 767px) {.sky .blog__title-wrapper:not(.ct-section):not(.oxy-easy-posts), .sky .blog__title-wrapper.oxy-easy-posts .oxy-posts, .sky .blog__title-wrapper.ct-section .ct-section-inner-wrap{ flex-wrap: wrap; }}
.sky .blog__articles{ height: 100%; }
.sky .blog__articles:not(.ct-section):not(.oxy-easy-posts), .sky .blog__articles.oxy-easy-posts .oxy-posts, .sky .blog__articles.ct-section .ct-section-inner-wrap{ display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; }
.sky .blog__article{ padding-top: 20px; padding-bottom: 20px; border-top: 1px solid rgb(207, 210, 216); gap: 20px; width: 100%; }
.sky .blog__article:not(.ct-section):not(.oxy-easy-posts), .sky .blog__article.oxy-easy-posts .oxy-posts, .sky .blog__article.ct-section .ct-section-inner-wrap{ display: flex; flex-flow: row; align-items: center; justify-content: space-between; gap: 20px; }
.sky .blog__article--main{ }
@media (max-width: 479px) {.sky .blog__article--main{ }}
@media (max-width: 479px) {.sky .blog__article--main:not(.ct-section):not(.oxy-easy-posts), .sky .blog__article--main.oxy-easy-posts .oxy-posts, .sky .blog__article--main.ct-section .ct-section-inner-wrap{ display: flex; flex-direction: column; align-items: flex-start; }}
.sky .blog__article-description{ width: auto; }
.sky .blog__article-pills{ gap: 8px; margin-top: 10px; }
.sky .blog__article-pills:not(.ct-section):not(.oxy-easy-posts), .sky .blog__article-pills.oxy-easy-posts .oxy-posts, .sky .blog__article-pills.ct-section .ct-section-inner-wrap{ display: flex; flex-flow: wrap; align-items: center; gap: 8px; }
.sky .blog__article-pill{ font-family: "Plus Jakarta Sans", Inter; color: rgb(255, 255, 255); padding: 4px 10px; border-radius: 20px; border-style: none; background-color: rgb(59, 71, 93); font-size: 1.4rem; line-height: 1.8rem; }
.sky .blog__article-pill:not(.ct-section):not(.oxy-easy-posts), .sky .blog__article-pill.oxy-easy-posts .oxy-posts, .sky .blog__article-pill.ct-section .ct-section-inner-wrap{ display: inline-block; }
.sky .blog__article-pill--white{ background-color: rgb(255, 255, 255); color: rgb(59, 71, 93); }
.sky .blog__article-title{ }
.sky .blog__article-title--main{ }
.sky .hm-blog__card-img-wrapper{ align-self: flex-end; height: max-content; }
.sky .hm-blog__card-img-wrapper:not(.ct-section):not(.oxy-easy-posts), .sky .hm-blog__card-img-wrapper.oxy-easy-posts .oxy-posts, .sky .hm-blog__card-img-wrapper.ct-section .ct-section-inner-wrap{ display: flex; flex-direction: column; justify-content: flex-end; }
.sky .hm-blog__card-img{ width: 100%; height: auto; }
.sky .hm-blog__card-title{ }
.sky .hm-blog__card-title-wrapper{ gap: 16px; margin-top: 50px; margin-left: 50px; }
.sky .hm-blog__card-title-wrapper:not(.ct-section):not(.oxy-easy-posts), .sky .hm-blog__card-title-wrapper.oxy-easy-posts .oxy-posts, .sky .hm-blog__card-title-wrapper.ct-section .ct-section-inner-wrap{ display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
@media (max-width: 767px) {.sky .hm-blog__card-title-wrapper{ margin-top: 30px; margin-left: 20px; }}
.sky .hm-blog__arrow{ }
.sky .hm-blog__arrow:not(.ct-section):not(.oxy-easy-posts), .sky .hm-blog__arrow.oxy-easy-posts .oxy-posts, .sky .hm-blog__arrow.ct-section .ct-section-inner-wrap{ display: flex; }
@media (max-width: 767px) {.sky .hm-blog__arrow{ }}
@media (max-width: 767px) {.sky .hm-blog__arrow:not(.ct-section):not(.oxy-easy-posts), .sky .hm-blog__arrow.oxy-easy-posts .oxy-posts, .sky .hm-blog__arrow.ct-section .ct-section-inner-wrap{ display: none; }}
.sky .hm-blog{ margin-top: 120px; }
@media (max-width: 991px) {.sky .hm-blog{ margin-top: 80px; }}
.sky .hm-blog__featured-img-wrapper{ border-radius: clamp(2.4rem, 1.69413rem + 0.7843vw, 3.2rem); max-width: 333px; aspect-ratio: 16 / 9; }
.sky .hm-blog-featured-img{ width: 100%; height: 100%; object-fit: cover; }
.sky .z-index-1{ z-index: 1; }
/* --- reviews --- */
.sky .section--reviews{ margin-top: clamp(6rem, 2.7rem + 6.875vw, 15.9rem); }
.sky #div_block-1468-302{ }
.sky #text_block-1478-302{ }
.sky .ct-span{ display: inline-block; text-decoration: inherit; }
.sky .d-flex-col-center{ }
.sky .d-flex-col-center:not(.ct-section):not(.oxy-easy-posts), .sky .d-flex-col-center.oxy-easy-posts .oxy-posts, .sky .d-flex-col-center.ct-section .ct-section-inner-wrap{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.sky .highlight-gap-left{ margin-left: clamp(1.4rem, 1.02413rem + 0.3356vw, 1.6rem); }
.sky .section--reviews{ }
.sky .container--reviews{ max-width: 1430px; }
.sky .title-reviews{ margin-bottom: 60px; max-width: 1000px; }
@media (max-width: 991px) {.sky .title-reviews{ margin-bottom: 50px; }}
.sky .senja-frame-embed{ position: relative; }
.sky .senja-frame-embed::before{ content: ""; position: absolute; bottom: -2px; left: 0px; width: 100%; height: 32px; background: linear-gradient(0deg, rgb(255, 255, 255), transparent); z-index: 1; }
/* --- cta --- */
.sky #div_block-1027-253{ }
.sky #div_block-1028-253{ }
.sky #div_block-1030-253{ }
.sky #text_block-1032-253{ }
.sky #text_block-1033-253{ }
.sky #div_block-515-302{ font-size: clamp(3.6rem, 2.13331rem + 3.0556vw, 8rem); line-height: clamp(4rem, 2.46669rem + 3.1944vw, 8.6rem); }
.sky #div_block-522-302{ }
.sky #text_block-519-302{ }
.sky #text_block-520-302{ }
.sky #text_block-525-302{ }
.sky .d-flex-x-start{ }
.sky .d-flex-x-start:not(.ct-section):not(.oxy-easy-posts), .sky .d-flex-x-start.oxy-easy-posts .oxy-posts, .sky .d-flex-x-start.ct-section .ct-section-inner-wrap{ display: flex; flex-flow: row; align-items: flex-start; justify-content: flex-start; }
.sky .campaign{ margin-top: clamp(6rem, 3.99998rem + 4.1667vw, 12rem); margin-bottom: clamp(4.5rem, 2.16667rem + 4.8611vw, 11.5rem); }
.sky .campaign__title-wrapper{ gap: 40px; margin-right: clamp(2rem, 0.100016rem + 3.9583vw, 7.7rem); z-index: 2; }
.sky .campaign__title-wrapper:not(.ct-section):not(.oxy-easy-posts), .sky .campaign__title-wrapper.oxy-easy-posts .oxy-posts, .sky .campaign__title-wrapper.ct-section .ct-section-inner-wrap{ display: flex; flex-direction: column; align-items: flex-start; gap: 40px; }
.sky .container--campaign{ background-color: rgb(59, 71, 93); border-radius: 80px; height: 384px; padding-top: clamp(4.4rem, 4.06669rem + 0.6944vw, 5.4rem); padding-left: clamp(2rem, -1.6e-05rem + 4.1667vw, 8rem); }
.sky .container--campaign:not(.ct-section):not(.oxy-easy-posts), .sky .container--campaign.oxy-easy-posts .oxy-posts, .sky .container--campaign.ct-section .ct-section-inner-wrap{ display: flex; flex-direction: row; justify-content: space-between; }
@media (max-width: 767px) {.sky .container--campaign{ border-radius: 40px; height: auto; }}
@media (max-width: 767px) {.sky .container--campaign:not(.ct-section):not(.oxy-easy-posts), .sky .container--campaign.oxy-easy-posts .oxy-posts, .sky .container--campaign.ct-section .ct-section-inner-wrap{ display: flex; flex-direction: column; }}
.sky .campaign__img-wrapper{ align-self: flex-end; margin-right: clamp(1rem, -5.33331rem + 13.1944vw, 20rem); max-width: clamp(28rem, 23.3333rem + 9.7222vw, 42rem); position: relative; aspect-ratio: 421 / 429; }
.sky .campaign__img-wrapper:not(.ct-section):not(.oxy-easy-posts), .sky .campaign__img-wrapper.oxy-easy-posts .oxy-posts, .sky .campaign__img-wrapper.ct-section .ct-section-inner-wrap{ display: flex; flex-direction: column; justify-content: flex-end; }
@media (max-width: 767px) {.sky .campaign__img-wrapper{ transform: translate(18px); margin-right: 0px; }}
.sky .campaign__img{ transform: translateY(4px); position: relative; z-index: 1; height: 100%; max-height: 366px; aspect-ratio: 421 / 429; width: 100%; object-fit: contain; }
@media (max-width: 767px) {.sky .campaign__img{ }}
.sky .campaign__svg-shape{ position: absolute; bottom: -61%; left: -72%; }
@media (max-width: 767px) {.sky .campaign__svg-shape{ bottom: -182px; left: -83%; }}
@media (max-width: 767px) {.sky .campaign__svg-shape:not(.ct-section):not(.oxy-easy-posts), .sky .campaign__svg-shape.oxy-easy-posts .oxy-posts, .sky .campaign__svg-shape.ct-section .ct-section-inner-wrap{ display: flex; }}
.sky .campaign__svg-shape--top{ position: absolute; right: -412px; bottom: unset; left: unset; top: -275px; z-index: 0; }

/* Slot refills and the two corrections the transplant needs. */
.sky { font-family: "Plus Jakarta Sans", Inter, sans-serif; }

/* Every highlight pill on the page carries padding:0 and a flat 8px margin. At
   the 53-80px these headings run to, 8px is about a third of a word space and
   the rounded background sits hard against the glyphs, so "One catalog," read
   as if it were welded to the pill after it. Padding is in em so it tracks the
   type size, and only padding is set: three of the pills carry their own
   highlight-gap-left/right margins that a shorthand here would overwrite. */
/* The pill used to paint via ::before with translateX(-8px) and
   width: calc(100% + 16px). That 8px left overshoot ate the margin, so
   "One catalog," welded to the orange edge of "one record". Padding now owns
   the inside breathing room; the pseudo matches the box exactly. */
/*
  PILL FIX (definitive)
  The old skylead pill painted with ::before { transform:translateX(-8px);
  width:calc(100%+16px) }. That orange overshot the box and ate the comma gap
  and the peeled period. Do not fight the pseudo — kill it and paint the
  background on the element itself. Period lives in .hl-punct beside it.
*/
.sky .text-highlight::before,
.sky .text-highlight.animate::before {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  animation: none !important;
  background: none !important;
}
.sky span.text-highlight,
.sky .ct-text-block.text-highlight,
.sky .text-highlight {
  display: inline-block !important;
  position: relative !important;
  z-index: 0 !important;
  vertical-align: baseline;
  /* real orange on the box — cannot overshoot into neighbours */
  background-color: rgb(252, 167, 57) !important;
  border-radius: 50px !important;
  padding: 0.08em 0.34em !important;
  /* word space after "One catalog," */
  margin-left: 0.55em !important;
  margin-right: 0 !important;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.sky .text-highlight.highlight-gap-left { margin-left: 0.55em !important; }
.sky .highlight-gap-right + .text-highlight,
.sky [class^="mr-"] + .text-highlight,
.sky [class*=" mr-"] + .text-highlight {
  margin-left: 0.55em !important;
}
/* Peeled sentence stop — never orange */
.sky .hl-punct {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  color: inherit !important;
  position: static !important;
}
.sky .hl-punct::before { content: none !important; display: none !important; }
.sky .section__title-wrapper,
.sky .hero__title-text-wrapper {
  flex-wrap: nowrap !important;
  align-items: baseline !important;
  gap: 0 !important;
}
/* Every .btn-lg on the page broke its label across two lines — "See all 132"
   and "Talk to us" both became 96px-tall pills out of three short words. It is
   one class, so it is fixed once rather than per band. */
.sky .btn-lg {
  white-space: nowrap;
  font-size: clamp(0.95rem, 0.85rem + 0.35vw, 1.15rem);
  line-height: 1.2;
  padding: 0.7rem 1.35rem;
}
.sky--support a { white-space: nowrap; }
.sky img { max-width: 100%; height: auto; }

/* --- Responsive type + overflow (all devices) --------------------------------
   Skylead floors section titles at ~3.6rem (~58px). That is fine on a 1440
   desktop and wrong on a 360 phone: with .text-nowrap the line is ~500px wide
   and punches past the viewport (iphone-390 audit: left -55, overflow:true).
   Cap the display scale, let title fragments wrap under tablet, and keep side
   gutters on every sky band. */
.sky {
  overflow-x: clip;
  max-width: 100%;
}
.sky .container {
  width: 100%;
  max-width: min(1650px, 100%);
  box-sizing: border-box;
}
.sky .section {
  padding-left: clamp(1.15rem, 0.7rem + 2.2vw, 4rem);
  padding-right: clamp(1.15rem, 0.7rem + 2.2vw, 4rem);
  box-sizing: border-box;
}

/* Section / band display titles — was clamp(3.6rem … 7.5rem) ≈ 58–120px */
.sky h2,
.sky h3,
.sky .h2,
.sky .section__title,
.sky #div_block-1132-302,
.sky #div_block-515-302,
.sky .smart-sequences__tab-title {
  font-size: clamp(1.7rem, 1.05rem + 2.6vw, 3.15rem) !important;
  line-height: 1.14 !important;
  letter-spacing: -0.02em;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}
/* This title is two flex rows, and the highlighted second row is taller than
   the inherited line box. Give the title its own type-scaled breathing room so
   the first row's glyphs stay inside the clipped blue solutions band. */
.sky--solutions #div_block-1132-302 {
  padding: 0.9em 0 0.4em;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
}
.sky--solutions #div_block-1134-302 {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: baseline !important;
  flex-wrap: nowrap !important;
  width: auto !important;
  max-width: 100%;
}
.sky .section__subtitle,
.sky .hero__subtitle {
  font-size: clamp(1rem, 0.9rem + 0.55vw, 1.35rem) !important;
  line-height: 1.45 !important;
  max-width: 40rem;
}
.sky .section__title-wrapper,
.sky .section__title {
  max-width: 100%;
  flex-wrap: wrap;
}
/* nowrap is desktop polish; on phones it is the overflow. */
.sky .section__title .text-nowrap,
.sky .section__title-wrapper .text-nowrap,
.sky h2 .text-nowrap {
  white-space: normal;
}
@media (min-width: 900px) {
  .sky .section__title .text-nowrap,
  .sky .section__title-wrapper .text-nowrap,
  .sky h2 .text-nowrap {
    white-space: nowrap;
  }
}

/* The hero headline slot was cut for "Book 3x more meetings in less time." The
   CEDX line is longer and, at 64px, ran 11px past the right edge of a 1440
   viewport. One notch down on the display size, and the column is allowed to
   own its width rather than overflowing it.
   Oxygen writes the size as .sky .hero .container .hero__title inside a
   max-width:1650px query — (0,4,0), and it holds 6.4rem/102px there — so the
   override has to carry a fifth class to win outright rather than on order. */
.sky.sky--hero .hero .container .hero__title {
  font-size: clamp(2rem, 1.35rem + 2.8vw, 3.5rem);
  line-height: 1.08;
  max-width: 100%;
}
.sky.sky--hero .hero .container .hero__subtitle {
  font-size: clamp(1rem, 0.9rem + 0.5vw, 1.3rem) !important;
  line-height: 1.45 !important;
}
.sky--hero .heading-wrap,
.sky--hero .hero__content,
.sky--hero .hero__content--right,
.sky--hero .hero__description {
  min-width: 0;
  max-width: 100%;
}
/* Pill period sits in .tail; kill right margin so "estate." does not float. */
.sky .hero__title .text-highlight {
  margin-right: 0;
}

/* Fancy CTA — shrink padding on narrow so the label + emoji fit one line */
.sky .btn-fancy {
  max-width: 100%;
  box-sizing: border-box;
}
@media (max-width: 479px) {
  /* Keep the demo promise as three deliberate lines. The source heading is a
     flex row of text fragments; forcing that row to stay nowrap turned the
     final highlight into an orange circle at phone widths. */
  .sky--demo .section__title {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: .16em !important;
    text-align: center;
  }
  .sky--demo .section__title > .text-nowrap {
    white-space: normal !important;
  }
  .sky--demo .section__title-wrapper {
    display: flex !important;
    width: 100% !important;
    flex-flow: row wrap !important;
    justify-content: center !important;
    align-items: baseline !important;
    row-gap: .14em !important;
  }
  .sky--demo #text_block-1243-302 {
    flex: 0 0 100% !important;
  }
  .sky--demo .section__title-wrapper .text-highlight {
    margin-left: .32em !important;
  }
  .sky--solutions #div_block-1132-302 {
    font-size: clamp(1.38rem, 6.6vw, 1.68rem) !important;
  }
  .sky--solutions #div_block-1134-302 > * {
    white-space: nowrap !important;
    flex: 0 0 auto !important;
  }
  .sky .btn-lg {
    white-space: normal;
    text-align: center;
    padding: 0.65rem 1rem;
  }
  .sky .btn-fancy {
    font-size: 0.95rem !important;
    line-height: 1.2 !important;
    padding: 0.85rem 3.4rem 0.85rem 1.15rem !important;
  }
  .sky .section {
    padding-left: 1.1rem;
    padding-right: 1.1rem;
  }
  /* Hero person art can spill; clip the band, keep the type readable */
  .sky--hero .hero {
    padding-top: calc(5.5rem + 1rem);
  }
}
@media (min-width: 480px) and (max-width: 899px) {
  .sky .section {
    padding-left: clamp(1.35rem, 3vw, 2.25rem);
    padding-right: clamp(1.35rem, 3vw, 2.25rem);
  }
}
/* Large desktop: keep titles punchy but not 100px+ billboard */
@media (min-width: 1440px) {
  .sky h2,
  .sky .section__title,
  .sky #div_block-1132-302,
  .sky #div_block-515-302 {
    font-size: clamp(2.4rem, 1.6rem + 1.1vw, 3.15rem) !important;
  }
}

/* The documentary team photograph sits directly in the authored blue cloud.
   No card, crop, background panel or artificial border: the real table and
   working posture form one coherent hero illustration. */
.sky--hero .hero__person {
  overflow: visible;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  z-index: 2; /* above the blue blob */
}
.sky--hero .hero__blob {
  z-index: 0;
}
.sky--hero .js-floating-element {
  z-index: 3;
}
.sky--hero .hero__person img {
  position: absolute;
  left: 46.5%;
  bottom: 13%;
  width: auto;
  max-width: none;
  height: 66%;
  object-fit: contain;
  object-position: center bottom;
  transform: translateX(-50%);
  filter: saturate(.9) contrast(1.03)
          drop-shadow(0 1.6rem 1.8rem rgba(10, 25, 58, .19));
}
/* Phone/tablet: keep the visual column from swallowing the page; person must
   stay readable over the shape. */
@media (max-width: 768px) {
  .sky--hero .hero__content--left {
    max-width: min(100%, 28rem);
    margin-inline: auto;
    min-height: 18rem;
  }
  .sky--hero .hero__structure {
    max-width: 100%;
  }
  .sky--hero .hero__person {
    z-index: 2;
  }
  .sky--hero .hero__blob {
    z-index: 0;
    opacity: 0.95;
  }
  /* Logo strip was leaving a tall empty band under the marks on phones. */
  .sky--companies .companies__logos {
    min-height: 0;
    overflow: hidden;
  }
  .sky--companies .companies__logos-container {
    gap: 2.5rem !important;
    padding-block: 0.5rem;
  }
  .sky--companies .company-logo {
    height: 1.75rem;
  }
  .sky--companies .companies__title {
    margin-bottom: 1.25rem !important;
  }
  /* Features tabs min-height:100vh is a desktop pin that dumps empty space. */
  .sky--features .smart-sequences__tabs {
    min-height: 0 !important;
  }
}

/* Product tabs: replace the empty abstract art with one documentary workplace
   moment. The blue field echoes the hero without copying its cloud, and the
   single proof cue explains why the people belong beside the product copy. */
.section.is-tabs .home-tab_image-wrap {
  width: 100% !important;
  height: auto !important;
  min-width: 0;
  aspect-ratio: 715 / 493;
  overflow: visible !important;
}
.cedx-people-stage {
  position: relative;
  isolation: isolate;
  width: 100%;
  height: 100%;
  min-height: clamp(20rem, 34vw, 31rem);
}
.cedx-people-stage__field {
  position: absolute;
  z-index: 0;
  inset: 2% 1% 5% 7%;
  border-radius: 42% 58% 26% 38% / 34% 28% 58% 52%;
  background:
    radial-gradient(circle at 72% 18%, rgba(255,255,255,.48), transparent 22%),
    linear-gradient(145deg, #8fc5ff 0%, #397eff 54%, #1f59e8 100%);
  box-shadow: 0 2.4rem 5rem -3rem rgba(31, 89, 232, .48);
}
.cedx-people-stage__photo {
  position: absolute;
  z-index: 1;
  inset: 7% 6% 3% 2%;
  overflow: hidden;
  border-radius: 36% 18% 34% 16% / 24% 34% 18% 42%;
  clip-path: polygon(8% 0, 100% 0, 100% 84%, 88% 100%, 0 100%, 0 14%);
  box-shadow: 0 1.8rem 4rem -2.4rem rgba(9, 28, 77, .46);
}
.cedx-people-stage__photo::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(37, 88, 228, .04), transparent 55%);
  pointer-events: none;
}
.cedx-people-stage__photo img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  filter: saturate(.88) contrast(1.04);
}
.cedx-people-stage__proof {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 8%;
  display: flex;
  align-items: center;
  gap: .7rem;
  max-width: min(18rem, 64%);
  padding: .8rem 1rem;
  border: 1px solid rgba(255,255,255,.72);
  border-radius: .9rem;
  background: rgba(255,255,255,.9);
  box-shadow: 0 1.2rem 2.8rem -1.6rem rgba(17, 35, 78, .38);
  backdrop-filter: blur(12px);
}
.cedx-people-stage__signal {
  width: .7rem;
  height: .7rem;
  flex: 0 0 .7rem;
  border: 3px solid #dce8ff;
  border-radius: 50%;
  background: #2861ed;
  box-sizing: content-box;
}
.cedx-people-stage__proof > span:last-child {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: .18rem;
}
.cedx-people-stage__proof strong {
  color: #15182e;
  font: 700 .86rem/1.2 "Plus Jakarta Sans", Inter, sans-serif;
}
.cedx-people-stage__proof small {
  color: #687187;
  font: 500 .7rem/1.3 Inter, sans-serif;
}
@media (max-width: 767px) {
  .cedx-people-stage { min-height: clamp(18rem, 92vw, 25rem); }
  .cedx-people-stage__proof { right: 2%; max-width: 76%; }
}
/* Two sections position their contents absolutely and let GSAP place them.
   That JS is not coming across, so without this the demo embed floats over the
   section's own copy and the four use-case cards pile up on their heading.
   Putting them back in flow is what the layout would have been. */
.sky--demo .ct-code-block { position: static !important; }
.sky--demo .framework__content {
  display: block !important;
  min-height: 0 !important;
  height: auto !important;
  /* The closing rollout sentence previously ended on the exact section edge.
     This padding makes the hand-off to CEDX Workflow deliberate. */
  padding-bottom: clamp(5rem, 8vw, 8rem) !important;
}
.sky--use-cases .use-cases__card { position: static !important; }
/* With the cards back in flow the container's row direction puts the heading
   beside the grid and squeezes it to a few characters per line. The heading
   was never meant to share the row — the cards used to be out of flow. */
.sky--use-cases .container {
  flex-direction: column !important;
  align-items: stretch !important;
  /* Oxygen pins this box to 520px. The cards were out of flow when it was
     written, so nothing had to fit inside it; back in flow and carrying a
     screenshot each they run past it and only clear the next band because the
     section's own padding happens to absorb the difference. Let it measure
     its contents instead of leaving 171px of luck between the two. */
  height: auto !important;
  /* This box is also the blue panel itself — 80px of corner radius and, because
     the cards used to float above it, no padding at all. In flow that left the
     grid occupying the panel's exact box: cards cutting through the rounded
     corners, and zero space under the heading, so the highlight pill on its
     second line was sliced off by the top edge of the first card. */
  padding: clamp(2.75rem, 4vw, 4rem) clamp(1.75rem, 3vw, 3.25rem) !important;
  gap: clamp(2rem, 3.4vw, 3rem);
}
.sky--use-cases .section__header { width: 100%; }
.sky--use-cases .use-cases__cards-container {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  gap: 1.15rem;
  width: 100%;
}
/* Each card now shows the app it links to. The slot is cut to the screenshots'
   own 1400x836, so the picture is never cropped, and the buttons are pinned to
   the bottom of the card: the four cards ran 342-509px tall because their copy
   is different lengths, which put every "Preview" button at a different height
   along the row. */
/* Oxygen leaves the row aligned to its start, so each card was only as tall as
   its own copy — 342 to 509px — and every "Preview" button sat at a different
   height along the row. Stretching the row and pushing the buttons to the
   bottom of each card lines them up whatever the copy does. */
.sky--use-cases .use-cases__cards-container { align-items: stretch !important; }
/* The card is a wrapping flex row — each child is wide enough to take a line of
   its own, which is why it reads as a column. In that direction justify-content
   distributes horizontally and the vertical placement of the picture falls out
   of how long each card's copy happens to be, so the four screenshots sat at
   316, 316, 396 and 359px down their cards. Column is what it is being used as;
   saying so lets the picture and the buttons sit at the bottom of every card. */
/* Three rows — copy, picture, buttons — rather than a flex column. The card is
   authored as a wrapping flex row, and every attempt to place the picture
   through that box's leftover space came out ragged: with the same three
   children at the same heights, the slack landed 144px above the picture in one
   card and 189px in another, and growing the copy instead still left one card's
   text 45px taller than its neighbours'. A row track resolves to the same
   offset in every card in the row, so the four screenshots line up by
   construction instead of by arithmetic. */
.sky--use-cases .use-cases__card {
  display: grid !important;
  /* An auto column is as wide as its widest item's max-content, so the card
     with the longest subtitle sized its own column to 341px inside a 316px
     card and pushed its screenshot and buttons out past the edge. minmax(0,1fr)
     ties the column to the card and lets the copy wrap instead. */
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: 1fr auto auto;
  align-content: stretch;
  height: 100%;
}
/* "Preview" and "Learn more" measure 148 + 167px with 10px between them inside
   a 262px box, and this is a grid rather than a flex row — so flex-wrap is
   inert here and the second link hung 35px past the card's right edge, over the
   gap to the card beside it. Two rows, and it stays inside. */
.sky--use-cases .use-cases__card-buttons {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
/* "Accounting" is one unbreakable word sharing a nowrap row with a 71px icon.
   At the inherited size it wanted 240px of a 262px card, so its icon was pushed
   52px past the right edge and under the card beside it. One notch down on the
   title and the longest of the four fits next to its icon — the row keeps a
   single type size rather than one odd card out. */
/* Taking it down far enough on its own put the heading below the size of the
   sentence under it — 24px against 28.8px on a phone, which reads as the card
   having no heading at all — so the icon gives up the difference instead. At
   2.25rem the longest word runs about 209px and a 44px mark clears the 262px
   box, with the heading still visibly ahead of its copy. */
.sky--use-cases .use-cases__card-title-wrapper { min-width: 0; }
.sky--use-cases .use-cases__card-title {
  min-width: 0;
  font-size: clamp(1.75rem, 2.5vw, 2.25rem);
  line-height: 1.15;
}
.sky--use-cases .use-cases__card-title-wrapper svg { width: 44px; height: 44px; }
.use-case-shot {
  display: block;
  /* A grid item is stretched to its track by default, which pulled the taller
     card's picture to 203px and broke the ratio it was cut to. */
  align-self: start;
  margin: 1.1rem 0 0;
  border: 1px solid #e2e7f0;
  border-radius: .8rem;
  overflow: hidden;
  background: #f5f7fb;
  aspect-ratio: 1400 / 836;
}
.use-case-shot img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* The lifted stylesheet puts a 2.5s `pulse` loop on this block — the breathing
   "click me" affordance the third-party embed shipped with. On a panel this
   size it reads as the page zooming in and out at you forever. The panel still
   arrives with a scale, but scrubbed against scroll position (see demoPanel in
   the motion script) so it settles once and then holds still. */
/* The transform has to go with it. This block was absolutely positioned and
   centred with translate(-50%, -50%); the build already puts it back in flow,
   but the offset stayed behind and the pulse keyframes happened to overwrite it
   sixty times a second. Stopping the loop exposed it and the panel jumped 480px
   left, over the heading. The scale now lives on .sky-demo inside it, so
   clearing this one cannot fight the scroll motion. */
.sky--demo .ct-code-block {
  animation: none !important;
  transform: none !important;
}

.sky-demo { width: min(100%, 68rem); margin: 2rem auto 0; will-change: transform; }
.sky-demo__tabs { display:flex; flex-wrap:wrap; justify-content:center; gap:.5rem; margin-bottom:1.2rem; }
.sky-demo__tab { appearance:none; border:1px solid #e2e7f0; background:#fff; color:#15182e;
  border-radius:999px; padding:.6rem 1.15rem; font:520 .9rem/1 Inter,Arial,sans-serif; cursor:pointer; }
.sky-demo__tab[aria-selected="true"] { background:#2861ed; border-color:#2861ed; color:#fff; }
.sky-demo__frame { position:relative; border:1px solid #e2e7f0; border-radius:1.25rem;
  overflow:hidden; background:#fff; box-shadow:0 2.2rem 4rem -2rem rgba(21,24,46,.28); }
.sky-demo__frame iframe { display:block; width:100%; height:40rem; border:0; }
.sky-demo__badge { position:absolute; top:.85rem; right:.85rem; z-index:2;
  background:rgba(21,24,46,.82); color:#fff; border-radius:999px; padding:.36rem .8rem;
  font:600 .72rem/1 Inter,Arial,sans-serif; letter-spacing:.04em; }
.sky-demo__foot { display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap;
  margin-top:1rem; font-size:.87rem; color:#5d6475; }
.sky-demo__foot a { color:#2861ed; text-decoration:none; font-weight:520; }
.sky-answers { columns: 3 18rem; column-gap: 1.15rem; width:min(100%,72rem); margin:0 auto; }
.sky-answer { break-inside:avoid; margin:0 0 1.15rem; padding:1.5rem 1.6rem;
  border:1px solid #e2e7f0; border-radius:1.1rem; background:#fff; }
.sky-answer strong { display:block; margin-bottom:.55rem; font-size:1.02rem; color:#15182e; }
.sky-answer p { margin:0; color:#5d6475; font-size:.95rem; line-height:1.62; }

/* Feature panels: one at a time, driven by the rail the markup already had.
   ScrollTrigger sized this section for a pin that is no longer happening and
   left the reservation in three places — an inline max-height on the tabs
   container, a computed height on the content wrapper, and the pin-spacer
   itself. All three have to go or the section keeps its 4,497px hole with one
   675px panel sitting in it. !important because two of them are inline. */
.sky--features .cedx-feature-shell,
.sky--features .smart-sequences__tabs-content,
.sky--features .smart-sequences__tabs-content-wrapper {
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  position: static !important;
  inset: auto !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.sky--features .smart-sequences__tabs {
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
/* The original 1440px stage carries margin:0 inline, so it stays pinned to the
   left edge on large screens while the panel inside it is centred to the page.
   Centre the stage itself; this is the right-margin defect visible in the
   supplied screenshot. */
.sky--features .smart-sequences__tabs {
  width: min(100%, 90rem) !important;
  max-width: 90rem !important;
  margin-inline: auto !important;
  overflow: clip;
}
.sky--features .smart-sequences__tabs-content {
  width: 100% !important;
  overflow: clip;
}
.sky--features .smart-sequences__tabs-content-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}
/* Oxygen writes its own rule as
     .smart-sequences__tab-content:not(.ct-section):not(.oxy-easy-posts)
   which is (0,4,0). A plain two-class override loses to it and every panel
   stays on screen, so the :not() pair is matched here and source order decides. */
.sky--features .smart-sequences__tab-content:not(.ct-section):not(.oxy-easy-posts) { display: none; }
.sky--features .smart-sequences__tab-content.is-active:not(.ct-section):not(.oxy-easy-posts) { display: flex; }
/* The tab's text column carries a small decorative thumbnail. The screenshot
   mapping swapped it for a full application dashboard, which at the 70x42 it is
   drawn at is an illegible grey smudge floating above the heading. */
.sky--features .smart-sequences__tab-content-text > img,
.sky--features .smart-sequences__tab-content-text > .svg-wrapper {
  display: none !important;
}
/* The tab rail overran its box by 16px, which is just enough to raise a
   scrollbar under the tabs — a grey bar across the band for nothing. Closing
   the gap a little fits all seven, and the bar is hidden for the narrow
   viewports where the rail genuinely does have to scroll. */
.sky--features .smart-sequences__tabs-nav {
  /* column-gap, not the gap shorthand: the lifted rule matches on the same
     specificity, so the shorthand only tied with it and 32px stayed. */
  column-gap: clamp(12px, 1vw, 18px) !important;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.sky--features .smart-sequences__tabs-nav::-webkit-scrollbar { display: none; }
.sky--features .smart-sequences__tabs-nav .smart-sequences__tab-link {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
  font-size: clamp(1.05rem, .9rem + .35vw, 1.3rem) !important;
  line-height: 1.35 !important;
  text-align: center;
  overflow: visible !important;
  white-space: normal !important;
}
/* The panel's screenshot ran 31px past the right edge of the band — not far
   enough to read as a deliberate bleed, only as a picture that did not fit.
   The picture was never the problem: it sits in a column fixed at 965px inside
   a 1370px container that also holds the copy, so the column overran the
   container and max-width on the image measured against the column. Letting the
   column shrink is what actually contains it. */
.sky--features .smart-sequences__tab-content {
  width: 100% !important;
  max-width: 100%;
  min-width: 0 !important;
  flex: 0 0 100% !important;
  height: auto !important;
  min-height: 0 !important;
  box-sizing: border-box;
  padding-block: clamp(2.75rem, 4vw, 4rem) clamp(3.5rem, 5vw, 5rem) !important;
}
.sky--features .ss-tab__content-container > * {
  min-width: 0;
  max-width: 100%;
  flex-shrink: 1;
}
.sky--features .smart-sequences__tab-img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto !important;
  aspect-ratio: 1400 / 836 !important;
  object-fit: cover !important;
}
.sky--features .ss-tab__content-container > :last-child {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden;
  border: 1px solid rgba(40, 97, 237, .1);
  border-radius: clamp(.85rem, 1.4vw, 1.35rem);
  box-shadow: 0 2rem 4.5rem -2.6rem rgba(21, 24, 46, .35);
}
.sky--features .smart-sequences__tab-link { cursor: pointer; }
.sky--features .smart-sequences__tab-link[aria-selected="true"] { color: #2861ed; }
.sky--features .smart-sequences__tab-subtitle {
  max-width: 32rem;
  font-size: clamp(1.1rem, .95rem + .65vw, 1.55rem) !important;
  line-height: 1.32 !important;
}
.sky--features .smart-sequences__tab-content-text .btn-lg { word-spacing: .12em; }
@media (max-width: 991px) {
  /* The extracted desktop template hid both the tab rail and its panels below
     992px because a separate mobile carousel used to replace them. That
     carousel was not part of this page, leaving a blank section on tablets and
     phones. The same content now becomes a compact, horizontally scrollable
     rail and a single-column panel. */
  .sky--features .smart-sequences__tabs-nav {
    display: flex !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
    padding-inline: clamp(1.1rem, 3vw, 2rem) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x proximity;
  }
  .sky--features .smart-sequences__tabs-nav .smart-sequences__tab-link {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: max-content !important;
    scroll-snap-align: start;
    white-space: nowrap !important;
  }
  .sky--features .smart-sequences__tabs-content { display: block !important; }
  .sky--features .smart-sequences__tab-content {
    padding: clamp(2rem, 6vw, 3.25rem) clamp(1.1rem, 3vw, 2rem)
             clamp(3rem, 8vw, 4.5rem) !important;
  }
  .sky--features .ss-tab__content-container {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: clamp(1.75rem, 5vw, 3rem) !important;
    width: 100% !important;
  }
  .sky--features .smart-sequences__tabs-content
  .ss-tab__content-container .smart-sequences__tab-img {
    display: block !important;
  }
}
@media (max-width:60rem){ .sky-demo__frame iframe { height:28rem; } }

/* The resource tiles place their picture absolutely in the bottom corner. That
   was a transparent cutout; a photograph is a rectangle and hangs over the
   card's rounded corner unless the card clips it. */
.sky--blog .blog__content {
  width: 100% !important;
  max-width: 103.125rem;
  margin-inline: auto;
  gap: clamp(2rem, 3.2vw, 3.75rem);
}
.sky--blog .section__header {
  margin-bottom: clamp(4rem, 7vw, 7rem) !important;
}
.sky--blog .blog__content-left,
.sky--blog .blog__content-right { min-width: 0; }
.sky--blog .blog__article {
  padding-block: clamp(1.75rem, 2.5vw, 2.6rem);
}
.sky--blog .blog__article-title {
  max-width: 44rem;
  font-size: clamp(1.25rem, 1rem + .8vw, 1.75rem);
  line-height: 1.28;
  letter-spacing: -.02em;
}
.sky--blog .blog__article-pills { margin-top: .7rem; }
.sky--blog .blog__card {
  overflow: hidden;
  transition: transform .45s cubic-bezier(.2,.7,.2,1),
              box-shadow .45s cubic-bezier(.2,.7,.2,1);
}
.sky--blog .hm-blog__card-title {
  max-width: 100%;
  font-size: clamp(2rem, 1.55rem + 1.1vw, 3rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -.025em;
}
.sky--blog .hm-blog__card-img { transition: transform .65s cubic-bezier(.2,.7,.2,1); }
@media (hover: hover) and (pointer: fine) {
  .sky--blog .blog__card:hover {
    transform: translateY(-6px);
    box-shadow: 0 1.5rem 3rem -2rem rgba(21, 24, 46, .35);
  }
  .sky--blog .blog__card:hover .hm-blog__card-img { transform: scale(1.035); }
}
.sky--blog .hm-blog__card-img {
  object-fit: cover;
  filter: saturate(.9) contrast(1.03);
}
/* The featured row's slot was cut for a square logo and now holds a 5:3
   screenshot, so it is given the shape of one. */
.sky--blog .hm-blog-featured-img {
  width: 100%;
  height: auto;
  aspect-ratio: 1400 / 836;
  object-fit: cover;
  object-position: top left;
  border-radius: .6rem;
}
.sky--cta .campaign__img {
  border-radius: 1rem;
  object-fit: cover;
  filter: saturate(.88) contrast(1.05);
}

/* Application launcher: the white mark is printed onto the blue front face.
   It stays locked to the folder instead of floating as a separate object. */
.cedx-launcher-section .layout-block {
  row-gap: clamp(4rem, 7vw, 7rem) !important;
}
.cedx-launcher-section {
  padding-bottom: clamp(8.5rem, 12vw, 11rem) !important;
}
.extention_visual-wrap {
  max-width: min(24rem, 72vw) !important;
  margin-top: clamp(1rem, 2.5vw, 2.5rem) !important;
  isolation: isolate;
}
.extention_visual-wrap::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -12% -20% -20%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(83, 133, 255, .22), transparent 68%);
  filter: blur(12px);
}
.extention_file-bg {
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.extention_icon {
  left: 50% !important;
  top: 62% !important;
  z-index: 3 !important;
  width: 22% !important;
  max-width: 22% !important;
  height: auto !important;
  transform: translate(-50%, -50%) rotate(0deg) !important;
  object-fit: contain !important;
  border-radius: 0 !important;
  filter: drop-shadow(0 .16rem .2rem rgba(17, 64, 181, .22));
  mix-blend-mode: normal;
}
/* Give the dense lower proof sequence a real hand-off between bands. The old
   absolute image slots visually escaped the catalog grid at tablet widths and
   made the following section look as if it overlapped. */
.sky--blog { overflow: clip; }
.sky--blog .hm-blog.section {
  padding-top: clamp(4.5rem, 7vw, 8rem);
  padding-bottom: clamp(6rem, 10vw, 11rem);
}
.sky--reviews {
  position: relative;
  z-index: 1;
  margin-top: 0 !important;
}
.sky--cta {
  position: relative;
  z-index: 1;
  margin-top: 0 !important;
  overflow: clip;
}
@media (max-width: 1180px) {
  .sky--blog .blog__card {
    min-height: clamp(23rem, 56vw, 31rem);
  }
  .sky--blog .hm-blog__card-img-wrapper {
    max-height: 52%;
    overflow: hidden;
  }
}
.cedx-mobile-menu[hidden] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.sky--reviews .sky-answer {
  box-shadow: 0 1.4rem 3rem -2.6rem rgba(21, 24, 46, .32);
  transition: border-color .35s ease, transform .35s ease;
}
@media (hover: hover) and (pointer: fine) {
  .sky--reviews .sky-answer:hover {
    transform: translateY(-3px);
    border-color: rgba(40, 97, 237, .32);
  }
}

/* --- motion ------------------------------------------------------------- */
/* The framework panels come in from x:-100%/+100%. Without a clip the page
   gains a horizontal scrollbar for the length of the tween. */
.sky--demo, .sky--solutions { overflow: hidden; }

/* The marquee's cone is aimed at the title of the section below it, so the two
   have to share a centre line. This block caps at 1600px with margin 0, which
   fills the width up to about 1680px and then starts left-aligning: at 1920 it
   sat at [40,1640] with its centre on 840 while the section below centred its
   heading on 952. The cone rides this block, the heading rides the section, and
   112px apart the white title slid off the blue and became invisible. */
.cedx-part--hero-marquee-wrap {
  /* The generic .section supplied 112px above the cone and the marquee added
     another 32px. That made the estate graphic look detached from the hero. */
  padding-top: 0 !important;
}
.cedx-part .hero_marquee-wrap {
  margin-top: 0 !important;
  margin-inline: auto;
}

/* "Built as one suite" is the label above the branch diagram, and it was drawn
   at 78.6px — larger than the 75.8px section title it sits under, so the band
   read as having two competing headlines. A sub-heading has to be visibly
   subordinate to the line above it. */
.sky--solutions .ct-headline.h2 {
  font-size: clamp(1.6rem, 2.4vw, 2.15rem);
  line-height: 1.15;
}

/* Hero floating slots. JS sizes each to its rect and sets --hero-scale from
   the layout SVG's rendered width, so the type inside shrinks with the column
   instead of overflowing a chip that is no longer 223px wide. */
.sky--hero .js-floating-element > * { width: 100%; height: 100%; }
.hero-chip, .hero-table {
  display: flex; background: #fff;
  border-radius: calc(0.85rem * var(--hero-scale, 1));
  box-shadow: 0 .6rem 1.9rem -.8rem rgba(21, 24, 46, .32);
}
.hero-chip {
  align-items: center; gap: calc(0.7rem * var(--hero-scale, 1));
  padding: calc(0.7rem * var(--hero-scale, 1)) calc(1rem * var(--hero-scale, 1));
}
.hero-chip__icon {
  flex: 0 0 auto; display: grid; place-items: center;
  width: calc(2.6rem * var(--hero-scale, 1)); height: calc(2.6rem * var(--hero-scale, 1));
  border-radius: calc(0.6rem * var(--hero-scale, 1)); background: #e8f0ff;
}
.hero-chip__icon img { width: 66%; height: 66%; object-fit: contain; }
.hero-chip__text { display: flex; flex-direction: column; min-width: 0; line-height: 1.15; }
.hero-chip__text strong {
  font: 800 calc(1.35rem * var(--hero-scale, 1))/1 "Plus Jakarta Sans", Inter, sans-serif;
  color: #15182e;
}
.hero-chip__text span {
  font: 500 calc(0.78rem * var(--hero-scale, 1))/1.25 Inter, sans-serif; color: #6b7280;
}
.hero-table {
  flex-direction: column; justify-content: center;
  padding: calc(0.75rem * var(--hero-scale, 1)) calc(1rem * var(--hero-scale, 1));
  gap: calc(0.1rem * var(--hero-scale, 1));
}
.hero-table__row {
  display: grid; grid-template-columns: 1.1fr 1fr .8fr; align-items: center;
  gap: calc(0.6rem * var(--hero-scale, 1));
  padding: calc(0.35rem * var(--hero-scale, 1)) 0;
  font: 600 calc(0.86rem * var(--hero-scale, 1))/1.2 Inter, sans-serif; color: #15182e;
  border-top: 1px solid #eef1f6;
}
.hero-table__row--head {
  border-top: 0; color: #97a0b0; text-transform: uppercase; letter-spacing: .06em;
  font-size: calc(0.68rem * var(--hero-scale, 1)); font-weight: 700;
}
.hero-table__state {
  justify-self: start; border-radius: 999px; background: #e8f0ff; color: #2861ed;
  padding: calc(0.16rem * var(--hero-scale, 1)) calc(0.55rem * var(--hero-scale, 1));
  font-size: calc(0.74rem * var(--hero-scale, 1));
}

/* The eight diagram cards. JS sizes and places each one over its rect, and
   sets --sq-scale so the type shrinks with the diagram instead of overflowing
   a card that is no longer 268px wide. */
.hm-sq-stage { position: relative; }
.hm-sq-card {
  position: absolute; top: 0; left: 0; z-index: 2;
  display: flex; align-items: center; gap: calc(0.6rem * var(--sq-scale, 1));
  padding: calc(0.42rem * var(--sq-scale, 1));
  padding-right: calc(0.9rem * var(--sq-scale, 1));
  background: #fff; border-radius: calc(0.8rem * var(--sq-scale, 1));
  box-shadow: 0 .55rem 1.7rem -.7rem rgba(21, 24, 46, .3);
  pointer-events: none; opacity: 0;
  transition: border-color .25s ease, box-shadow .25s ease;
}
.hm-sq-card.is-flow-active {
  box-shadow: 0 0 0 2px rgba(40, 97, 237, .2),
              0 1.15rem 2.4rem -1rem rgba(40, 97, 237, .42);
}
.hm-sq-card__icon {
  flex: 0 0 auto; display: grid; place-items: center;
  width: calc(3.05rem * var(--sq-scale, 1)); height: calc(3.05rem * var(--sq-scale, 1));
  border-radius: calc(0.62rem * var(--sq-scale, 1)); background: #e8f0ff;
}
.hm-sq-card--test .hm-sq-card__icon { background: #ffeedd; }
.hm-sq-card__icon img { width: 62%; height: 62%; object-fit: contain; }
.hm-sq-card__body { display: flex; flex-direction: column; gap: calc(0.15rem * var(--sq-scale, 1)); min-width: 0; }
.hm-sq-card__title {
  font: 700 calc(0.87rem * var(--sq-scale, 1))/1.2 "Plus Jakarta Sans", Inter, sans-serif;
  color: #15182e; white-space: nowrap;
}
.hm-sq-card__meta {
  font: 500 calc(0.78rem * var(--sq-scale, 1))/1.2 Inter, sans-serif;
  color: #6b7280; white-space: nowrap;
}
/* Under 991px .sq-img-desk is display:none and there is no mobile diagram in
   this markup, so the branch reads as a plain ordered list instead. */
@media (max-width: 991px) {
  .hm-sq-cards { display: grid; gap: .6rem; max-width: 26rem; margin: 1.5rem auto 0; }
  .hm-sq-card {
    position: static !important;
    width: auto !important; height: auto !important;
    opacity: 1 !important; --sq-scale: 1;
    padding: .55rem .9rem .55rem .55rem;
  }
}