/* Kouventa Theme Main CSS */

/* --- Fonts --- */
/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/plus-jakarta-sans-greek-ext.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/plus-jakarta-sans-greek.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/plus-jakarta-sans-cyrillic-ext.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/plus-jakarta-sans-cyrillic.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/plus-jakarta-sans-vietnamese.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/plus-jakarta-sans-latin-ext.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/plus-jakarta-sans-greek-ext.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/plus-jakarta-sans-greek.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/plus-jakarta-sans-cyrillic-ext.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/plus-jakarta-sans-cyrillic.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/plus-jakarta-sans-vietnamese.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/plus-jakarta-sans-latin-ext.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko70yygg_vbd-E.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko50yygg_vbd-E.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko40yygg_vbd-E.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/plus-jakarta-sans-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko70yygg_vbd-E.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko50yygg_vbd-E.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko40yygg_vbd-E.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/plus-jakarta-sans-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko70yygg_vbd-E.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko50yygg_vbd-E.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko40yygg_vbd-E.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/plus-jakarta-sans-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko70yygg_vbd-E.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko50yygg_vbd-E.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko40yygg_vbd-E.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/plus-jakarta-sans-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko70yygg_vbd-E.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko50yygg_vbd-E.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko40yygg_vbd-E.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/plus-jakarta-sans-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* --- Base & Animations --- */

body{margin:0;font-family:'Plus Jakarta Sans',system-ui,sans-serif;background:#F4F6F5;color:#0E1A24;-webkit-font-smoothing:antialiased}
a{color:#13803F;text-decoration:none}a:hover{color:#0B5E2C}
button{font-family:inherit;cursor:pointer}
@keyframes kvBubIn{0%{opacity:0;transform:translateY(14px) scale(.92)}100%{opacity:1;transform:none}}
@keyframes kvBlinkDot{0%,100%{opacity:.25}50%{opacity:1}}
@keyframes kvBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}


/* --- Responsive Media Queries --- */
@media (max-width: 1023px){
[style*="padding: 0px 28px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){padding:0px 20px !important}
[style*="padding: 0px 80px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){padding:0px 20px !important}
[style*="padding: 0px 80px 104px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){padding:0px 20px 52px !important}
[style*="padding: 0px 80px 120px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){padding:0px 20px 52px !important}
[style*="padding: 0px 80px 88px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){padding:0px 20px 40px !important}
[style*="padding: 104px 80px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){padding:52px 20px !important}
[style*="padding: 104px 80px 0px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){padding:52px 20px 0px !important}
[style*="padding: 120px 80px 128px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){padding:52px 20px 52px !important}
[style*="padding: 18px 28px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){padding:18px 20px !important}
[style*="padding: 28px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){padding:20px !important}
[style*="padding: 28px 0px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){padding:20px 0px !important}
[style*="padding: 28px 0px 26px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){padding:20px 0px 26px !important}
[style*="padding: 32px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){padding:20px !important}
[style*="padding: 32px 28px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){padding:20px 20px !important}
[style*="padding: 36px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){padding:20px !important}
[style*="padding: 36px 32px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){padding:20px 20px !important}
[style*="padding: 36px 44px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){padding:20px 20px !important}
[style*="padding: 40px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){padding:28px 20px !important}
[style*="padding: 44px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){padding:28px 20px !important}
[style*="padding: 48px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){padding:28px 20px !important}
[style*="padding: 48px 80px 104px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){padding:28px 20px 52px !important}
[style*="padding: 56px 64px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){padding:28px 20px !important}
[style*="padding: 56px 80px 112px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){padding:28px 20px 52px !important}
[style*="padding: 64px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){padding:40px 20px !important}
[style*="padding: 64px 80px 36px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){padding:40px 20px 20px !important}
[style*="padding: 72px 64px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){padding:40px 20px !important}
[style*="padding: 72px 80px 104px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){padding:40px 20px 52px !important}
[style*="padding: 80px 80px 220px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){padding:40px 20px 52px !important}
[style*="padding: 88px 80px 104px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){padding:40px 20px 52px !important}
[style*="padding: 88px 80px 112px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){padding:40px 20px 52px !important}
[style*="padding: 88px 80px 240px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){padding:40px 20px 52px !important}
[style*="padding: 88px 80px 96px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){padding:40px 20px 52px !important}
[style*="font-size: 20px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){font-size:18px !important}
[style*="font-size: 21px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){font-size:18px !important}
[style*="font-size: 22px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){font-size:19px !important}
[style*="font-size: 24px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){font-size:21px !important}
[style*="font-size: 26px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){font-size:21px !important}
[style*="font-size: 30px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){font-size:23px !important}
[style*="font-size: 32px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){font-size:24px !important}
[style*="font-size: 34px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){font-size:25px !important}
[style*="font-size: 36px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){font-size:26px !important}
[style*="font-size: 38px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){font-size:27px !important}
[style*="font-size: 40px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){font-size:28px !important}
[style*="font-size: 44px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){font-size:30px !important}
[style*="font-size: 64px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){font-size:34px !important}
[style*="font-size: 72px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){font-size:38px !important}
[style*="font-size: 88px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){font-size:42px !important}
[style*="font-size: 96px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){font-size:44px !important}
[style*="gap: 28px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){gap:18px !important}
[style*="gap: 32px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){gap:20px !important}
[style*="gap: 38px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){gap:22px !important}
[style*="gap: 40px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){gap:22px !important}
[style*="gap: 48px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){gap:24px !important}
[style*="gap: 56px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){gap:24px !important}
[style*="gap: 64px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){gap:28px !important}
[style*="gap: 72px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){gap:28px !important}
[style*="gap: 80px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){gap:28px !important}
[style*="column-gap: 32px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){column-gap:20px !important}
[style*="row-gap: 48px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){row-gap:24px !important}
[style*="width: 1080px;"]:not([style*="position: absolute"]):not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){width:100% !important;max-width:100% !important}
[style*="width: 1440px;"]:not([style*="position: absolute"]):not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){width:100% !important;max-width:100% !important}
[style*="width: 260px;"]:not([style*="position: absolute"]):not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){width:100% !important;max-width:100% !important}
[style*="width: 268px;"]:not([style*="position: absolute"]):not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){width:100% !important;max-width:100% !important}
[style*="width: 272px;"]:not([style*="position: absolute"]):not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){width:100% !important;max-width:100% !important}
[style*="width: 300px;"]:not([style*="position: absolute"]):not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){width:100% !important;max-width:100% !important}
[style*="width: 340px;"]:not([style*="position: absolute"]):not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){width:100% !important;max-width:100% !important}
[style*="width: 350px;"]:not([style*="position: absolute"]):not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){width:100% !important;max-width:100% !important}
[style*="width: 360px;"]:not([style*="position: absolute"]):not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){width:100% !important;max-width:100% !important}
[style*="width: 380px;"]:not([style*="position: absolute"]):not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){width:100% !important;max-width:100% !important}
[style*="width: 400px;"]:not([style*="position: absolute"]):not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){width:100% !important;max-width:100% !important}
[style*="width: 420px;"]:not([style*="position: absolute"]):not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){width:100% !important;max-width:100% !important}
[style*="width: 440px;"]:not([style*="position: absolute"]):not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){width:100% !important;max-width:100% !important}
[style*="width: 460px;"]:not([style*="position: absolute"]):not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){width:100% !important;max-width:100% !important}
[style*="width: 470px;"]:not([style*="position: absolute"]):not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){width:100% !important;max-width:100% !important}
[style*="width: 500px;"]:not([style*="position: absolute"]):not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){width:100% !important;max-width:100% !important}
[style*="width: 520px;"]:not([style*="position: absolute"]):not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){width:100% !important;max-width:100% !important}
[style*="width: 560px;"]:not([style*="position: absolute"]):not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){width:100% !important;max-width:100% !important}
[style*="width: 700px;"]:not([style*="position: absolute"]):not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){width:100% !important;max-width:100% !important}
[style*="width: 900px;"]:not([style*="position: absolute"]):not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){width:100% !important;max-width:100% !important}
[style*="height: 1700px;"]:not([style*="position: absolute"]):not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){height:auto !important}
[style*="height: 2290px;"]:not([style*="position: absolute"]):not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){height:auto !important}
[style*="height: 2810px;"]:not([style*="position: absolute"]):not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){height:auto !important}
[style*="height: 3250px;"]:not([style*="position: absolute"]):not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){height:auto !important}
[style*="height: 360px;"]:not([style*="position: absolute"]):not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){height:auto !important}
[style*="height: 3690px;"]:not([style*="position: absolute"]):not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){height:auto !important}
[style*="height: 380px;"]:not([style*="position: absolute"]):not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){height:auto !important}
[style*="height: 400px;"]:not([style*="position: absolute"]):not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){height:auto !important}
[style*="height: 420px;"]:not([style*="position: absolute"]):not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){height:auto !important}
[style*="height: 440px;"]:not([style*="position: absolute"]):not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){height:auto !important}
[style*="height: 460px;"]:not([style*="position: absolute"]):not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){height:auto !important}
[style*="height: 4672px;"]:not([style*="position: absolute"]):not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){height:auto !important}
[style*="height: 500px;"]:not([style*="position: absolute"]):not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){height:auto !important}
[style*="height: 520px;"]:not([style*="position: absolute"]):not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){height:auto !important}
[style*="height: 5400px;"]:not([style*="position: absolute"]):not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){height:auto !important}
[style*="height: 560px;"]:not([style*="position: absolute"]):not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){height:auto !important}
[style*="height: 5720px;"]:not([style*="position: absolute"]):not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){height:auto !important}
[style*="height: 620px;"]:not([style*="position: absolute"]):not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){height:auto !important}
[style*="height: 640px;"]:not([style*="position: absolute"]):not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){height:auto !important}
[style*="height: 700px;"]:not([style*="position: absolute"]):not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){height:auto !important}
[style*="height: 704px;"]:not([style*="position: absolute"]):not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){height:auto !important}
[style*="height: 762px;"]:not([style*="position: absolute"]):not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){height:auto !important}
[style*="height: 900px;"]:not([style*="position: absolute"]):not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){height:auto !important}
[style*="min-height: 260px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){min-height:0 !important}
[style*="min-height: 300px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){min-height:0 !important}
[style*="min-height: 3670px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){min-height:0 !important}
[style*="min-height: 960px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){min-height:0 !important}
[style*="grid-template-columns: 1.3fr 1fr 1fr 1.6fr 1.1fr;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(2,minmax(0,1fr)) !important}
[style*="grid-template-columns: 120px 70px minmax(0px, 1fr);"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(1,minmax(0,1fr)) !important}
[style*="grid-template-columns: 150px 90px minmax(0px, 1fr);"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(1,minmax(0,1fr)) !important}
[style*="grid-template-columns: 180px 48px 400px minmax(0px, 1fr);"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(1,minmax(0,1fr)) !important}
[style*="grid-template-columns: 250px minmax(0px, 1fr);"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(1,minmax(0,1fr)) !important}
[style*="grid-template-columns: 260px minmax(0px, 1fr);"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(1,minmax(0,1fr)) !important}
[style*="grid-template-columns: 320px minmax(0px, 1fr);"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(1,minmax(0,1fr)) !important}
[style*="grid-template-columns: 420px minmax(0px, 1fr);"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(1,minmax(0,1fr)) !important}
[style*="grid-template-columns: 70px minmax(0px, 1fr);"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(1,minmax(0,1fr)) !important}
[style*="grid-template-columns: minmax(0px, 1.25fr) minmax(0px, 1fr);"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(1,minmax(0,1fr)) !important}
[style*="grid-template-columns: minmax(0px, 1fr) 210px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(1,minmax(0,1fr)) !important}
[style*="grid-template-columns: minmax(0px, 1fr) 230px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(1,minmax(0,1fr)) !important}
[style*="grid-template-columns: minmax(0px, 1fr) 420px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(1,minmax(0,1fr)) !important}
[style*="grid-template-columns: minmax(0px, 1fr) 440px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(1,minmax(0,1fr)) !important}
[style*="grid-template-columns: minmax(0px, 1fr) 460px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(1,minmax(0,1fr)) !important}
[style*="grid-template-columns: minmax(0px, 1fr) 480px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(1,minmax(0,1fr)) !important}
[style*="grid-template-columns: minmax(0px, 1fr) 520px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(1,minmax(0,1fr)) !important}
[style*="grid-template-columns: minmax(0px, 1fr) 600px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(1,minmax(0,1fr)) !important}
[style*="grid-template-columns: repeat(2, minmax(0px, 1fr));"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(1,minmax(0,1fr)) !important}
[style*="grid-template-columns: repeat(3, minmax(0px, 1fr));"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(1,minmax(0,1fr)) !important}
[style*="grid-template-columns: repeat(4, minmax(0px, 1fr));"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(1,minmax(0,1fr)) !important}
[style*="grid-template-columns: repeat(5, minmax(0px, 1fr));"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)),
[style*="grid-template-columns: repeat(5, minmax(0, 1fr));"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(2,minmax(0,1fr)) !important}
[style*="grid-template-columns: repeat(6, minmax(0px, 1fr));"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(2,minmax(0,1fr)) !important}
html{overflow-x:hidden}
body{overflow:visible}
[id^="kv-root-"]{width:100% !important;height:auto !important;min-height:0 !important}
img,svg{max-width:100%}
/* header */
header[style*="height: 80px;"]{height:auto !important;flex-wrap:wrap !important;padding:12px 16px !important;gap:10px 12px !important}
header[style*="height: 80px;"] > nav{order:3;width:100%;justify-content:center !important;gap:22px !important}
header[style*="height: 80px;"] > nav > div{position:static !important}
header[style*="height: 80px;"] a[href*="BookDemo"]{padding:10px 14px !important;font-size:14px !important}
header[style*="height: 80px;"] nav div[style*="position: absolute"]{top:100% !important;left:12px !important;right:12px !important;width:auto !important}
header[style*="height: 80px;"] nav div[style*="width: 560px"]{grid-template-columns:repeat(2,minmax(0,1fr)) !important;padding:14px !important;gap:10px !important}
/* Home hero stage: stack cards under mascot */
[style*="width: 1080px;"]{display:flex !important;flex-direction:column !important;align-items:center !important;gap:14px !important;height:auto !important}
[style*="width: 1080px;"] > span[aria-hidden]{display:none !important}
[style*="width: 1080px;"] > img{position:static !important;transform:none !important;order:-1;width:240px !important;max-width:70% !important}
[style*="width: 1080px;"] > div{position:static !important;width:100% !important;max-width:340px !important;margin:0 !important}
/* Pricing comparison table: keep columns, scroll sideways */
[style*="height: 640px"] > *{min-width:600px}
[style*="height: 640px"]{height:auto !important;max-height:640px}
/* CTA rows (green banners, "turn prospects" rows) */
div[style*="display: flex"][style*="justify-content: space-between"][style*="gap: 48px"]:not([style*="flex-direction: column"]),
div[style*="display: flex"][style*="justify-content: space-between"][style*="gap: 40px"]:not([style*="flex-direction: column"]),
div[style*="display: flex"][style*="justify-content: space-between"][style*="gap: 32px"]:not([style*="flex-direction: column"]),
div[style*="display: flex"][style*="justify-content: space-between"][style*="gap: 24px"]:not([style*="flex-direction: column"]){flex-direction:column !important;align-items:flex-start !important}
[style*="border-radius: 28px"] > div[style*="display: flex"]:not([style*="flex-direction: column"]){flex-wrap:wrap}
div[style*="border-radius: 28px"] a{white-space:nowrap}
/* About timeline: stack year / image / text, hide the rail */
[style*="left: 235px"]{display:none !important}
[style*="grid-template-columns: 180px 48px 400px"]{grid-template-columns:minmax(0,1fr) !important;gap:12px !important}
[style*="grid-template-columns: 180px 48px 400px"] > span:first-child{text-align:left !important}
[style*="grid-template-columns: 180px 48px 400px"] > span:nth-child(2){display:none !important}
[style*="grid-template-columns: 180px 48px 400px"] img{width:100% !important;height:auto !important;aspect-ratio:400/224}
/* Book demo: decorative mascot overlaps header on small screens */
[aria-hidden="true"][style*="width: 500px"][style*="height: 440px"]{display:none !important}
[style*="margin-top: -170px"]{margin-top:-28px !important}
/* Journey stepper */
button[role="tab"][style*="width: 220px"],button[role="tab"][style*="width: 240px"]{width:25% !important}
button[role="tab"][style*="width: 220px"] span[style*="font-size: 20px"],button[role="tab"][style*="width: 240px"] span[style*="font-size: 20px"]{font-size:12.5px !important}
[style*="kvFloat"]{zoom:.75}
/* Solution pages: cards must grow with their text; illustration keeps a fixed canvas */
button[aria-pressed][style*="min-height: 88px"]{max-height:none !important;min-height:0 !important;flex:0 0 auto !important;padding:14px 16px !important}
#kv-ill{height:520px !important;min-height:520px !important}
#kv-ill{width:100% !important;max-width:100% !important;height:auto !important;min-height:360px !important}
[style*="position: relative"][style*="width: 520px"][style*="height: 440px"]{width:100% !important;max-width:360px !important;height:360px !important}
[style*="position: relative"][style*="width: 420px"][style*="height: 340px"]{width:100% !important;max-width:340px !important;height:320px !important}
[style*="position: relative"][style*="width: 440px"][style*="height: 360px"]{width:100% !important;max-width:340px !important;height:320px !important}
/* CTA banners: buttons share the row and wrap instead of overflowing */
[style*="border-radius: 28px"] a,[style*="border-radius: 28px"] button{min-width:0 !important;flex:1 1 140px;justify-content:center;text-align:center;padding-left:16px !important;padding-right:16px !important;box-sizing:border-box}
[style*="border-radius: 28px"] > div[style*="display: flex"]:not([style*="flex-direction: column"]){flex-wrap:wrap;width:100%}
/* Pricing calculator: keep "qty x rate = subtotal" on one compact row */
[style*="grid-template-columns: minmax(0px, 1fr) 24px 120px 24px minmax(0px, 1fr)"]{grid-template-columns:minmax(0,1.1fr) 12px minmax(0,.8fr) 12px minmax(0,1.3fr) !important;gap:4px !important}
[style*="grid-template-columns: minmax(0px, 1fr) 24px minmax(0px, 1fr) 24px minmax(0px, 1fr)"]{grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) 12px minmax(0,1fr) !important;gap:4px !important}
[style*="grid-template-columns: minmax(0px, 1fr) 24px 120px 24px minmax(0px, 1fr)"] input,
[style*="grid-template-columns: minmax(0px, 1fr) 24px 120px 24px minmax(0px, 1fr)"] > span[style*="height: 52px"]{font-size:13px !important;padding:0 6px !important;min-width:0}
[style*="grid-template-columns: minmax(0px, 1fr) 24px minmax(0px, 1fr) 24px minmax(0px, 1fr)"] input,
[style*="grid-template-columns: minmax(0px, 1fr) 24px minmax(0px, 1fr) 24px minmax(0px, 1fr)"] > span[style*="height: 52px"]{font-size:13px !important;padding:0 6px !important;min-width:0}
/* Closing CTA banners: stack the buttons full width */
[style*="border-radius: 28px"][style*="justify-content: space-between"] > div[style*="flex-shrink: 0"]{flex-direction:column !important;align-items:stretch !important;width:100%}
[style*="border-radius: 28px"] a{white-space:normal !important}
[style*="border-radius: 28px"][style*="justify-content: space-between"] > div[style*="flex-shrink: 0"] a{flex:0 0 auto !important;text-align:center}

/* sticky header on small screens: compact + slides away on scroll down (bridge toggles transform) */
header[style*="height: 80px;"]{transition:transform .25s ease;will-change:transform}
html{scroll-padding-top:0}
#kv-ill{margin-left:auto !important;margin-right:auto !important}
/* Home hero: mascot now sits in a circle badge - keep it round and centred on small screens */
[style*="width: 1080px;"] > div[style*="width: 440px; height: 440px"]{position:relative !important;left:auto !important;bottom:auto !important;transform:none !important;width:250px !important;height:250px !important;max-width:none !important;margin:0 auto 6px !important;order:-1;flex:0 0 auto}
[style*="width: 1080px;"] > div[style*="width: 440px; height: 440px"] > img{width:250px !important;max-width:none !important;bottom:-26px !important}
/* Industries tiles: responsive 2-col on mobile, ample width, never cut off */
.kv-industry-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px 10px !important;
}
.kv-industry-card {
    height: 66px !important;
    min-height: 66px !important;
    padding: 0 12px !important;
    gap: 10px !important;
    min-width: 0 !important;
    overflow: visible !important;
    border-radius: 14px !important;
}
.kv-industry-card .kv-ind-icon {
    width: 38px !important;
    height: 38px !important;
    border-radius: 10px !important;
    flex-shrink: 0 !important;
}
.kv-industry-card .kv-ind-icon svg {
    width: 22px !important;
    height: 22px !important;
}
.kv-industry-card .kv-ind-label,
.kv-industry-card > span:last-child {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #0E1A24 !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.25 !important;
    word-break: break-word !important;
}
@media (max-width: 380px) {
    .kv-industry-grid {
        gap: 8px !important;
    }
    .kv-industry-card {
        height: 60px !important;
        min-height: 60px !important;
        padding: 0 8px !important;
        gap: 6px !important;
        border-radius: 12px !important;
    }
    .kv-industry-card .kv-ind-icon {
        width: 32px !important;
        height: 32px !important;
    }
    .kv-industry-card .kv-ind-icon svg {
        width: 18px !important;
        height: 18px !important;
    }
    .kv-industry-card .kv-ind-label,
    .kv-industry-card > span:last-child {
        font-size: 11.5px !important;
        letter-spacing: -0.01em !important;
    }
}

}
@media (min-width: 640px) and (max-width: 1023px){
.kv-industry-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
}
.kv-industry-card {
    height: 72px !important;
    padding: 0 14px !important;
    gap: 12px !important;
}
.kv-industry-card .kv-ind-icon {
    width: 40px !important;
    height: 40px !important;
}
.kv-industry-card .kv-ind-label,
.kv-industry-card > span:last-child {
    font-size: 15px !important;
    white-space: normal !important;
}
[style*="grid-template-columns: 1.3fr 1fr 1fr 1.6fr 1.1fr;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(3,minmax(0,1fr)) !important}
[style*="grid-template-columns: 120px 70px minmax(0px, 1fr);"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(1,minmax(0,1fr)) !important}
[style*="grid-template-columns: 150px 90px minmax(0px, 1fr);"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(1,minmax(0,1fr)) !important}
[style*="grid-template-columns: 180px 48px 400px minmax(0px, 1fr);"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(1,minmax(0,1fr)) !important}
[style*="grid-template-columns: 250px minmax(0px, 1fr);"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(1,minmax(0,1fr)) !important}
[style*="grid-template-columns: 260px minmax(0px, 1fr);"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(1,minmax(0,1fr)) !important}
[style*="grid-template-columns: 320px minmax(0px, 1fr);"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(1,minmax(0,1fr)) !important}
[style*="grid-template-columns: 420px minmax(0px, 1fr);"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(1,minmax(0,1fr)) !important}
[style*="grid-template-columns: 70px minmax(0px, 1fr);"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(1,minmax(0,1fr)) !important}
[style*="grid-template-columns: minmax(0px, 1.25fr) minmax(0px, 1fr);"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(1,minmax(0,1fr)) !important}
[style*="grid-template-columns: minmax(0px, 1fr) 210px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(1,minmax(0,1fr)) !important}
[style*="grid-template-columns: minmax(0px, 1fr) 230px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(1,minmax(0,1fr)) !important}
[style*="grid-template-columns: minmax(0px, 1fr) 420px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(1,minmax(0,1fr)) !important}
[style*="grid-template-columns: minmax(0px, 1fr) 440px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(1,minmax(0,1fr)) !important}
[style*="grid-template-columns: minmax(0px, 1fr) 460px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(1,minmax(0,1fr)) !important}
[style*="grid-template-columns: minmax(0px, 1fr) 480px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(1,minmax(0,1fr)) !important}
[style*="grid-template-columns: minmax(0px, 1fr) 520px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)),
[style*="grid-template-columns: minmax(0, 1fr) 520px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(1,minmax(0,1fr)) !important}
[style*="grid-template-columns: minmax(0px, 1fr) 600px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)),
[style*="grid-template-columns: minmax(0, 1fr) 600px;"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(1,minmax(0,1fr)) !important}
[style*="grid-template-columns: repeat(2, minmax(0px, 1fr));"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(1,minmax(0,1fr)) !important}
[style*="grid-template-columns: repeat(3, minmax(0px, 1fr));"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(2,minmax(0,1fr)) !important}
[style*="grid-template-columns: repeat(4, minmax(0px, 1fr));"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(2,minmax(0,1fr)) !important}
[style*="grid-template-columns: repeat(5, minmax(0px, 1fr));"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)),
[style*="grid-template-columns: repeat(5, minmax(0, 1fr));"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(3,minmax(0,1fr)) !important}
[style*="grid-template-columns: repeat(6, minmax(0px, 1fr));"]:not(:where(#kv-ill, #kv-ill *, [id^="kv-ill"], [id^="kv-ill"] *, .kv-sol-ill-wrap, .kv-sol-ill-wrap *,[style*="width: 520px; height: 440px"] *,[style*="width: 420px; height: 340px"] *,[style*="width: 440px; height: 360px"] *)){grid-template-columns:repeat(3,minmax(0,1fr)) !important}
}



/* --- Theme Specific Enhancements --- */
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border-width: 0 !important;
}

.kv-canvas-wrap {
  width: 100%;
  position: relative;
}

[x-cloak] { display: none !important; }


/* Team Tabs in Homepage */
.kv-tab-team {
  min-height: 48px;
  padding: 12px 20px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s ease;
  border: 1px solid #C9D2CE;
  background: #FFFFFF;
  color: #0E1A24;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  font-family: inherit;
  outline: none;
}
.kv-tab-team:hover {
  border-color: #071C33;
}
.kv-tab-team.is-active {
  background: #071C33 !important;
  color: #FFFFFF !important;
  border-color: #071C33 !important;
}

/* Pricing Platform Toggle */
.kv-toggle-btn {
  border: 0;
  padding: 14px 26px;
  min-height: 48px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s ease;
  background: transparent;
  color: #FFFFFF;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: inherit;
  outline: none;
}
.kv-toggle-btn.is-active {
  background: #FFFFFF !important;
  color: #071C33 !important;
}
.kv-toggle-btn:hover:not(.is-active) {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #FFFFFF !important;
}

/* Pricing Tier Cards Grid - Strict Horizontal Layout */
.kv-pricing-tier-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px;
  align-items: stretch;
  width: 100%;
}
.kv-pricing-tier-grid[style*="display: none"],
.kv-pricing-tier-grid.kv-hidden {
  display: none !important;
}
@media (max-width: 991px) {
  .kv-pricing-tier-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}

/* Pricing Compare Feature Table - Strict Horizontal Layout */
.kv-compare-wrapper {
  background: #FFFFFF;
  border: 1px solid #E3E8E6;
  border-radius: 24px;
  height: 640px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.kv-compare-header {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #071C33;
  color: #FFFFFF;
  display: grid !important;
  grid-template-columns: minmax(260px, 1.6fr) repeat(3, minmax(160px, 1fr)) !important;
  font-size: 14px;
  font-weight: 800;
  min-width: 780px;
}
.kv-compare-row {
  display: grid !important;
  grid-template-columns: minmax(260px, 1.6fr) repeat(3, minmax(160px, 1fr)) !important;
  border-top: 1px solid #EEF2F0;
  font-size: 14px;
  align-items: center;
  min-width: 780px;
}
.kv-compare-row:hover {
  background: #F9FBFA;
}

/* Pricing Add-on Cards Grid */
.kv-addon-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
  width: 100%;
}
.kv-addon-grid[style*="display: none"],
.kv-addon-grid[hidden] {
  display: none !important;
}
@media (max-width: 1100px) {
  .kv-addon-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .kv-addon-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .kv-addon-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

/* Pricing Template Types Grid */
.kv-template-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 20px;
  width: 100%;
}
@media (max-width: 991px) {
  .kv-template-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 640px) {
  .kv-template-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}



/* Story Carousel Navigation & Dots */
.kv-story-btn {
  width: 44px;
  height: 44px;
  border: 0;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
  outline: none;
}
.kv-story-dot-pill {
  display: block;
  height: 8px;
  width: 8px;
  border-radius: 999px;
  background: #C9D2CE;
  transition: all 0.25s ease;
}
.kv-story-dot-pill.is-active {
  width: 28px !important;
  background: #071C33 !important;
}
.kv-story-btn:hover .kv-story-dot-pill:not(.is-active) {
  background: #93A4B6;
}

.kv-slider-nav-btn {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid #C9D2CE;
  background: #FFFFFF;
  color: #0E1A24;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  outline: none;
}
.kv-slider-nav-btn:hover {
  border-color: #071C33;
  background: #F4F6F5;
}

/* Story Carousel Slider (Slide animation & responsive layout) */
.kv-story-slider-viewport {
  width: 100%;
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid #E3E8E6;
  background: #FFFFFF;
  position: relative;
  box-shadow: 0 4px 20px rgba(7, 28, 51, 0.04);
}

.kv-story-slider-track {
  display: flex;
  width: 100%;
  will-change: transform;
  transition: transform 650ms cubic-bezier(0.22, 1, 0.36, 1);
}

.kv-story-slide {
  min-width: 100%;
  width: 100%;
  flex-shrink: 0;
  display: grid;
  grid-template-columns: 420px minmax(0, 1fr);
  box-sizing: border-box;
  background: #FFFFFF;
}

.kv-story-stats-panel {
  background: #071C33;
  color: #FFFFFF;
  padding: 48px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 32px;
  box-sizing: border-box;
}

.kv-story-stat-number {
  font-size: 88px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -0.04em;
  color: #2BD46A;
}

.kv-story-stat-label {
  font-size: 18px;
  line-height: 1.4;
  color: #D5DEE8;
}

.kv-story-stat2-number {
  font-size: 36px;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #FFFFFF;
}

.kv-story-stat2-label {
  font-size: 15px;
  color: #B9C6D3;
}

.kv-story-content-panel {
  padding: 48px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  background: #FFFFFF;
  box-sizing: border-box;
}

.kv-story-logo {
  height: 48px;
  width: auto;
  max-width: 200px;
  align-self: flex-start;
  object-fit: contain;
}

.kv-story-quote {
  margin: 0;
  font-size: 22px;
  line-height: 1.55;
  font-weight: 500;
  color: #0E1A24;
}

.kv-story-author {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: auto;
}

.kv-story-author-name {
  font-size: 16px;
  font-weight: 700;
  color: #0E1A24;
}

.kv-story-author-role {
  font-size: 14px;
  color: #4A5866;
}

@media (max-width: 900px) {
  .kv-story-slide {
    grid-template-columns: 1fr;
  }
  .kv-story-stats-panel {
    padding: 32px 24px;
    gap: 20px;
  }
  .kv-story-stat-number {
    font-size: 56px;
  }
  .kv-story-content-panel {
    padding: 32px 24px;
    gap: 20px;
  }
  .kv-story-quote {
    font-size: 18px;
  }
}

/* === Clean-HTML Animation Keyframes === */
@keyframes kvTlF{0%,2%{transform:scaleY(0)}70%,100%{transform:scaleY(1)}}
@keyframes kvTlR0{0%,2%{opacity:0;transform:translateY(18px)}12%,100%{opacity:1;transform:none}}
@keyframes kvTlD0{0%,2%{transform:scale(.4);opacity:.3}8%{transform:scale(1.3);opacity:1}14%,100%{transform:scale(1);opacity:1}}
@keyframes kvTlR1{0%,22%{opacity:0;transform:translateY(18px)}32%,100%{opacity:1;transform:none}}
@keyframes kvTlD1{0%,22%{transform:scale(.4);opacity:.3}28%{transform:scale(1.3);opacity:1}34%,100%{transform:scale(1);opacity:1}}
@keyframes kvTlR2{0%,42%{opacity:0;transform:translateY(18px)}52%,100%{opacity:1;transform:none}}
@keyframes kvTlD2{0%,42%{transform:scale(.4);opacity:.3}48%{transform:scale(1.3);opacity:1}54%,100%{transform:scale(1);opacity:1}}
@keyframes kvTlR3{0%,62%{opacity:0;transform:translateY(18px)}72%,100%{opacity:1;transform:none}}
@keyframes kvTlD3{0%,62%{transform:scale(.4);opacity:.3}68%{transform:scale(1.3);opacity:1}74%,100%{transform:scale(1);opacity:1}}
@keyframes kvBubIn{0%{opacity:0;transform:translateY(14px) scale(.92)}100%{opacity:1;transform:none}}
@keyframes kvBlinkDot{0%,100%{opacity:.25}50%{opacity:1}}
@keyframes kvBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes kvDraw{0%{stroke-dashoffset:var(--len)}100%{stroke-dashoffset:0}}
@keyframes kvFade{0%{opacity:0}100%{opacity:1}}
@keyframes kvPath{0%{offset-distance:0%;opacity:0}10%{opacity:1}90%{opacity:1}100%{offset-distance:100%;opacity:0}}
@keyframes kvIn{0%{opacity:0;transform:translateY(10px);-webkit-transform:translateY(10px)}100%{opacity:1;transform:none;-webkit-transform:none}}
@-webkit-keyframes kvIn{0%{opacity:0;-webkit-transform:translateY(10px)}100%{opacity:1;-webkit-transform:none}}
@keyframes kvOut{0%{opacity:1}100%{opacity:0}}
@keyframes kvPopIn{0%{opacity:0;transform:scale(.6);-webkit-transform:scale(.6)}70%{opacity:1;transform:scale(1.06);-webkit-transform:scale(1.06)}100%{opacity:1;transform:scale(1);-webkit-transform:scale(1)}}
@-webkit-keyframes kvPopIn{0%{opacity:0;-webkit-transform:scale(.6)}70%{opacity:1;-webkit-transform:scale(1.06)}100%{opacity:1;-webkit-transform:scale(1)}}
@keyframes kvDrop{0%{opacity:0;transform:translateY(-28px) scale(1.04)}100%{opacity:1;transform:none}}
@keyframes kvBlink{0%,100%{opacity:.25}50%{opacity:1}}
@keyframes kvGrowW{0%{width:0}100%{width:var(--w)}}
@keyframes kvGrowH{0%{height:0}100%{height:var(--h)}}

/* ========================================================
   History Timeline Section - Triggered by Scroll
   Exact 1-to-1 match with scratch/extracted_pages/about.html
   ======================================================== */
.kv-history-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 48px;
}

/* Background gray dashed timeline rail running from center of 2014 dot to 2026 dot */
.kv-tl-track {
  position: absolute;
  left: 235px;
  top: 112px;
  bottom: 112px;
  width: 2px;
  background: repeating-linear-gradient(to bottom, #C3CDC8 0 6px, transparent 6px 12px);
  z-index: 1;
}

/* Active green timeline progress fill line, driven by scroll */
.kv-tl-fill {
  position: absolute;
  left: 235px;
  top: 112px;
  bottom: 112px;
  width: 2px;
  background: #2BD46A;
  transform-origin: top;
  transform: scaleY(0);
  z-index: 1;
  box-shadow: 0 0 10px rgba(43, 212, 106, 0.45);
  will-change: transform;
}

/* Milestone Grid Row */
.kv-tl-row {
  display: grid;
  grid-template-columns: 180px 48px 400px minmax(0, 1fr);
  gap: 32px;
  align-items: center;
  position: relative;
  transition: transform 0.4s var(--kv-ease-hover, cubic-bezier(0.16, 1, 0.3, 1));
}

/* Year label */
.kv-tl-year {
  font-size: 72px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #C3CDC8;
  text-align: right;
  transition: color 0.4s ease, transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: color, transform;
}
.kv-tl-row.is-active .kv-tl-year {
  color: #0E1A24;
  transform: scale(1.02);
}

/* Dot Wrapper & Dot */
.kv-tl-dot-wrap {
  width: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
}

.kv-tl-dot {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #D8DFDB;
  box-shadow: 0 0 0 6px #F4F6F5;
  transform: scale(0.85);
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), background 0.35s ease, box-shadow 0.35s ease;
  display: block;
}

.kv-tl-row.is-active .kv-tl-dot {
  background: #2BD46A;
  transform: scale(1.15);
  box-shadow: 0 0 0 6px #F4F6F5, 0 0 0 8px rgba(43, 212, 106, 0.35);
}

/* Milestone Image */
.kv-tl-img {
  width: 400px;
  height: 224px;
  object-fit: cover;
  border-radius: 18px;
  display: block;
  opacity: 0.45;
  transform: translateY(16px);
  filter: grayscale(15%);
  transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), filter 0.5s ease, box-shadow 0.3s ease;
  will-change: transform, opacity;
}

.kv-tl-row.is-active .kv-tl-img {
  opacity: 1;
  transform: translateY(0);
  filter: grayscale(0%);
}

.kv-tl-row.is-active:hover .kv-tl-img {
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 16px 32px rgba(7, 28, 51, 0.12);
}

/* Content (Title & Description) */
.kv-tl-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  opacity: 0.45;
  transform: translateY(14px);
  transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform, opacity;
}

.kv-tl-row.is-active .kv-tl-content {
  opacity: 1;
  transform: translateY(0);
}

.kv-tl-title {
  margin: 0;
  font-size: 26px;
  line-height: 1.2;
  font-weight: 800;
  color: #13803F;
  letter-spacing: -0.01em;
}

.kv-tl-desc {
  margin: 0;
  font-size: 16px;
  line-height: 1.65;
  color: #4A5866;
}

/* Responsive */
@media (max-width: 1200px) {
  .kv-tl-row {
    grid-template-columns: 130px 48px 340px minmax(0, 1fr);
    gap: 24px;
  }
  .kv-tl-track,
  .kv-tl-fill {
    left: 177px;
    top: 96px;
    bottom: 96px;
  }
  .kv-tl-img {
    width: 340px;
    height: 190px;
  }
  .kv-tl-year {
    font-size: 56px;
  }
}

@media (max-width: 1023px) {
  #kv-history {
    padding: 52px 20px !important;
  }
  .kv-tl-track,
  .kv-tl-fill {
    display: none !important;
  }
  .kv-tl-row {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
    text-align: left;
  }
  .kv-tl-row > .kv-tl-year {
    text-align: left !important;
    font-size: 48px !important;
  }
  .kv-tl-row > .kv-tl-dot-wrap {
    display: none !important;
  }
  .kv-tl-img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 400 / 224;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }
  .kv-tl-content {
    opacity: 1 !important;
    transform: none !important;
  }
  .kv-tl-year {
    color: #0E1A24 !important;
  }
}
@keyframes kvTravel{0%{transform:translateX(0);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateX(var(--d));opacity:0}}
@keyframes kvSpin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
@keyframes kvConverge{0%{transform:translate(var(--x),var(--y)) scale(1);opacity:0}10%{opacity:1}42%{transform:translate(calc(var(--x) * 1.06),calc(var(--y) * 1.06 - 12px)) scale(1);opacity:1}78%{transform:translate(0,0) scale(.5);opacity:1}88%,100%{transform:translate(0,0) scale(.3);opacity:0}}
@keyframes kvLogo{0%,74%{opacity:0;transform:scale(.6)}86%{opacity:1;transform:scale(1.08)}100%{opacity:1;transform:scale(1)}}
@keyframes kvGlow{0%,80%{box-shadow:0 0 0 0 rgba(43,212,106,0),0 0 0 rgba(43,212,106,0)}90%{box-shadow:0 0 0 18px rgba(43,212,106,.25),0 0 70px rgba(43,212,106,.6)}100%{box-shadow:0 0 0 0 rgba(43,212,106,0),0 0 44px rgba(43,212,106,.35)}}
@keyframes kvJitter{0%{transform:translate(0,0)}100%{transform:translate(var(--x),var(--y))}}
@keyframes kvWobble{0%,100%{transform:rotate(0)}20%{transform:rotate(-12deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-6deg)}80%{transform:rotate(3deg)}}
@keyframes kvCursor{0%{transform:translate(110px,70px);opacity:0}15%{opacity:1}55%{transform:translate(0,0) scale(1)}65%{transform:translate(0,0) scale(.82)}75%,100%{transform:translate(0,0) scale(1);opacity:1}}
@keyframes kvLight{0%{background:#F4F6F5;color:#4A5866;box-shadow:none}100%{background:#071C33;color:#FFFFFF;box-shadow:0 0 0 4px rgba(43,212,106,.35)}}
@keyframes kvPress{0%,100%{transform:scale(1)}50%{transform:scale(.92)}}
@keyframes kvPulse{0%,100%{box-shadow:0 0 0 0 rgba(43,212,106,.45)}50%{box-shadow:0 0 0 14px rgba(43,212,106,0)}}
@keyframes kvFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes kvMarquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes kvH1{0%,2%{opacity:0;transform:translateY(10px)}5%,90%{opacity:1;transform:none}96%,100%{opacity:0;transform:none}}
@keyframes kvH2{0%,12%{opacity:0;transform:translateY(10px)}15%,90%{opacity:1;transform:none}96%,100%{opacity:0;transform:none}}
@keyframes kvHt1{0%,20%{opacity:0}22%,26%{opacity:1}27%,100%{opacity:0}}
@keyframes kvH3{0%,27%{opacity:0;transform:translateY(10px)}30%,90%{opacity:1;transform:none}96%,100%{opacity:0;transform:none}}
@keyframes kvH4{0%,38%{opacity:0;transform:translateY(10px)}41%,90%{opacity:1;transform:none}96%,100%{opacity:0;transform:none}}
@keyframes kvHt2{0%,44%{opacity:0}46%,50%{opacity:1}51%,100%{opacity:0}}
@keyframes kvH5{0%,51%{opacity:0;transform:translateY(10px)}54%,90%{opacity:1;transform:none}96%,100%{opacity:0;transform:none}}
@keyframes kvH6{0%,63%{opacity:0;transform:translateY(10px)}66%,90%{opacity:1;transform:none}96%,100%{opacity:0;transform:none}}
@keyframes kvLoop{0%{opacity:0;transform:translateY(10px)}8%{opacity:1;transform:none}86%{opacity:1;transform:none}96%,100%{opacity:0;transform:none}}
@keyframes kvPop{0%,10%{opacity:0;transform:scale(.6)}20%{opacity:1;transform:scale(1.08)}26%,86%{opacity:1;transform:scale(1)}96%,100%{opacity:0}}
@keyframes kvGrow{0%,10%{width:0}55%,90%{width:var(--w)}100%{width:var(--w)}}
@keyframes kvLit{0%{background:#FFFFFF;color:#0E1A24;border-color:#E3E8E6}100%{background:#071C33;color:#FFFFFF;border-color:#071C33}}
@keyframes kvLiveOn{0%{background:#9AA8A2}100%{background:#13803F}}
@keyframes kvGreen{0%{background:#FFFFFF}100%{background:#DDF3E4}}
@keyframes kvAmber{0%{background:#FFFFFF}100%{background:#FFF1D6}}
@keyframes kvMark{0%{background:transparent}100%{background:var(--c)}}
@keyframes kvMove{0%{transform:none}100%{transform:translate(var(--mx),var(--my))}}
@keyframes kvScan{0%{transform:translateX(0);-webkit-transform:translateX(0)}100%{transform:translateX(var(--d, 170px));-webkit-transform:translateX(var(--d, 170px))}}
@-webkit-keyframes kvScan{0%{-webkit-transform:translateX(0)}100%{-webkit-transform:translateX(170px)}}
@keyframes kvKnob{0%{transform:translateX(0);-webkit-transform:translateX(0)}100%{transform:translateX(20px);-webkit-transform:translateX(20px)}}
@-webkit-keyframes kvKnob{0%{-webkit-transform:translateX(0)}100%{-webkit-transform:translateX(20px)}}
@keyframes kvRoleHi{0%,100%{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.16)}2%,14%{background:rgba(43,212,106,0.18);border-color:#2BD46A}17%{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.16)}}
@keyframes kvLineHi{0%{opacity:0}2%,14%{opacity:1}17%,100%{opacity:0}}
@keyframes kvToast{0%{opacity:0;transform:translateY(8px)}3%,14%{opacity:1;transform:none}16.6%,100%{opacity:0;transform:none}}
@keyframes kvHubPulse{0%{box-shadow:0 0 0 0 rgba(43,212,106,.45),0 0 40px rgba(43,212,106,.35)}100%{box-shadow:0 0 0 22px rgba(43,212,106,0),0 0 40px rgba(43,212,106,.35)}}
@keyframes kvHi{0%{border-color:#E3E8E6;background:#FFFFFF;box-shadow:none}12%,82%{border-color:#13803F;background:#EAF7EF;box-shadow:0 0 0 3px rgba(19,128,63,.12)}100%{border-color:#E3E8E6;background:#FFFFFF;box-shadow:none}}
@keyframes kvStepOn{0%{background:#FFFFFF;color:#4A5866;border-color:#C9D2CE}100%{background:#071C33;color:#FFFFFF;border-color:#071C33}}
@keyframes kvStar{0%{color:#D5DCD9;transform:scale(.7)}70%{color:#E8A200;transform:scale(1.2)}100%{color:#E8A200;transform:scale(1)}}

/* === Challenge Card Looping Animations === */
@keyframes kvScatterDrift1{0%,100%{transform:translate(0,0) rotate(0deg)}50%{transform:translate(-6px,-6px) rotate(-4deg)}}
@keyframes kvScatterDrift2{0%,100%{transform:translate(0,0) rotate(0deg)}50%{transform:translate(5px,7px) rotate(3deg)}}
@keyframes kvScatterDrift3{0%,100%{transform:translate(0,0) rotate(0deg)}50%{transform:translate(7px,-5px) rotate(-3deg)}}
@keyframes kvWobbleLoop{0%,100%,35%,90%{transform:rotate(0)}5%{transform:rotate(-12deg)}10%{transform:rotate(10deg)}15%{transform:rotate(-7deg)}20%{transform:rotate(5deg)}25%{transform:rotate(-2deg)}30%{transform:rotate(0)}}
@keyframes kvClockTick{0%,100%,38%{transform:rotate(0) scale(1)}6%{transform:rotate(-10deg) scale(1.04)}12%{transform:rotate(10deg) scale(1.04)}18%{transform:rotate(-6deg)}24%{transform:rotate(5deg)}30%{transform:rotate(-2deg)}34%{transform:rotate(0) scale(1)}}
@keyframes kvBarFluctuate{0%,100%{transform:scaleY(0.38)}50%{transform:scaleY(1)}}
@keyframes kvBlockedPulse{0%,100%,40%{transform:scale(1)}8%{transform:scale(1.08) translateX(-2px)}14%{transform:scale(1.08) translateX(2px)}20%{transform:scale(1.08) translateX(-2px)}26%{transform:scale(1.03) translateX(1px)}32%{transform:scale(1) translateX(0)}}
@keyframes kvSignalDash{0%,100%{opacity:0.35;transform:scaleX(0.75)}50%{opacity:1;transform:scaleX(1)}}
@keyframes kvFloatDrift1{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-5px) rotate(-3deg)}}
@keyframes kvFloatDrift2{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(6px) rotate(4deg)}}
@keyframes kvFloatDrift3{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-6px) rotate(2deg)}}



/* ==========================================================================
   Sticky Floating WhatsApp Button
   ========================================================================== */
.kv-wa-sticky {
    position: fixed;
    bottom: 28px;
    right: 28px;
    z-index: 9999;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #FFFFFF;
    color: #0E1A24;
    padding: 8px 18px 8px 8px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    box-shadow: 0 12px 32px rgba(7, 28, 51, 0.16), 0 2px 8px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(7, 28, 51, 0.08);
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease, border-color 0.25s ease;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.kv-wa-sticky:hover {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 18px 42px rgba(7, 28, 51, 0.22), 0 4px 14px rgba(37, 211, 102, 0.25);
    border-color: rgba(37, 211, 102, 0.4);
    color: #0E1A24;
}

.kv-wa-sticky:active {
    transform: translateY(0) scale(0.98);
}

.kv-wa-icon-wrap {
    position: relative;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #25D366;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 3px 8px rgba(37, 211, 102, 0.35);
}

.kv-wa-ping {
    position: absolute;
    inset: -3px;
    border-radius: 50%;
    border: 2px solid rgba(37, 211, 102, 0.7);
    animation: kvWaPulse 2.8s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    pointer-events: none;
}

@keyframes kvWaPulse {
    0% {
        transform: scale(0.95);
        opacity: 0.8;
    }
    50% {
        transform: scale(1.22);
        opacity: 0;
    }
    100% {
        transform: scale(1.22);
        opacity: 0;
    }
}

@media (max-width: 640px) {
    .kv-wa-sticky {
        bottom: 18px;
        right: 18px;
        padding: 7px 14px 7px 7px;
        font-size: 13px;
    }
    .kv-wa-icon-wrap {
        width: 30px;
        height: 30px;
    }
    .kv-wa-icon-wrap svg {
        width: 17px;
        height: 17px;
    }
}

/* ==========================================================================
   WhatsApp Chat Form Widget & Popup
   ========================================================================== */
.kv-wa-widget-container {
    position: relative;
    z-index: 9999;
}

.kv-wa-card {
    position: fixed;
    bottom: 84px;
    right: 28px;
    z-index: 10000;
    width: 390px;
    max-width: calc(100vw - 32px);
    max-height: min(650px, calc(100vh - 100px));
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 24px 60px rgba(7, 28, 51, 0.22), 0 4px 16px rgba(0, 0, 0, 0.08);
    border: 1px solid #E3E8E6;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    transform-origin: bottom right;
}

.kv-wa-header {
    background: #20BA56;
    padding: 18px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #FFFFFF;
    flex-shrink: 0;
}

.kv-wa-header-title-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
}

.kv-wa-header-icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.kv-wa-header-title {
    margin: 0;
    font-size: 19px;
    font-weight: 800;
    letter-spacing: -0.01em;
    line-height: 1.2;
    color: #FFFFFF;
}

.kv-wa-close-btn {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 0;
    background: rgba(255, 255, 255, 0.15);
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.2s ease;
    padding: 0;
    outline: none;
}

.kv-wa-close-btn:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: scale(1.06);
}

.kv-wa-body {
    padding: 20px 22px 22px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 14px;
    box-sizing: border-box;
    background: #FAFCFB;
}

.kv-wa-body::-webkit-scrollbar {
    width: 6px;
}
.kv-wa-body::-webkit-scrollbar-thumb {
    background: #DCE3E0;
    border-radius: 4px;
}

.kv-wa-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.kv-wa-field-group {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.kv-wa-field-group.is-full {
    grid-column: 1 / -1;
}

.kv-wa-label {
    font-size: 12.5px;
    font-weight: 700;
    color: #0E1A24;
    display: flex;
    align-items: center;
    gap: 2px;
}

.kv-wa-req {
    color: #E53935;
    font-weight: 700;
}

.kv-wa-input,
.kv-wa-select {
    box-sizing: border-box;
    width: 100%;
    height: 42px;
    padding: 0 14px;
    border-radius: 10px;
    border: 1px solid #DCE3E0;
    background: #FFFFFF;
    font-size: 13.5px;
    color: #0E1A24;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
    outline: none;
    font-family: inherit;
}

.kv-wa-input::placeholder {
    color: #93A4B6;
    opacity: 0.85;
}

.kv-wa-input:focus,
.kv-wa-select:focus {
    border-color: #2BD46A;
    box-shadow: 0 0 0 3px rgba(43, 212, 106, 0.2);
    background: #FFFFFF;
}

.kv-wa-input.has-error,
.kv-wa-select.has-error {
    border-color: #E53935;
    background: #FFFBFB;
}

.kv-wa-select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%234A5866' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    padding-right: 36px;
    cursor: pointer;
}

.kv-wa-field-error {
    font-size: 11.5px;
    color: #E53935;
    font-weight: 600;
    margin-top: 1px;
}

/* Standard Form Inputs & Select Focus */
.kv-in:focus,
.kv-select:focus {
    border-color: #2BD46A !important;
    box-shadow: 0 0 0 3px rgba(43, 212, 106, 0.2) !important;
    background-color: #FFFFFF !important;
}

.kv-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%234A5866' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 16px center !important;
    padding-right: 42px !important;
    cursor: pointer;
}

.kv-wa-consent {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding-top: 4px;
}

.kv-wa-checkbox {
    width: 17px;
    height: 17px;
    margin-top: 2px;
    accent-color: #20BA56;
    flex-shrink: 0;
    cursor: pointer;
}

.kv-wa-consent-text {
    font-size: 11.5px;
    line-height: 1.5;
    color: #5A6A78;
    cursor: pointer;
    user-select: none;
}

.kv-wa-consent-text a {
    color: #0E1A24;
    text-decoration: underline;
    font-weight: 600;
}

.kv-wa-btn-send {
    box-sizing: border-box;
    width: 100%;
    height: 46px;
    border: 0;
    border-radius: 12px;
    background: #2BD46A;
    color: #06251A;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.01em;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 4px 14px rgba(43, 212, 106, 0.3);
    outline: none;
    font-family: inherit;
}

.kv-wa-btn-send:hover:not(:disabled) {
    background: #24BE5E;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(43, 212, 106, 0.42);
}

.kv-wa-btn-send:active:not(:disabled) {
    transform: translateY(0);
}

.kv-wa-btn-send:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

.kv-wa-alert-error {
    padding: 10px 14px;
    border-radius: 8px;
    background: #FDE8E8;
    border: 1px solid #F8B4B4;
    color: #9B1C1C;
    font-size: 12.5px;
    line-height: 1.4;
}

.kv-wa-success-state {
    padding: 36px 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
}

.kv-wa-success-icon {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #EAF7EF;
    color: #20BA56;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 640px) {
    .kv-wa-card {
        bottom: 74px;
        right: 16px;
        left: 16px;
        width: auto;
        max-width: none;
        max-height: calc(100vh - 90px);
    }
    .kv-wa-form-grid {
        grid-template-columns: 1fr;
    }
    .kv-wa-field-group {
        grid-column: 1 / -1;
    }
}

/* --- Display Utilities for Alpine x-show Preservation --- */
.kv-flex { display: flex; }
.kv-flex-col { display: flex; flex-direction: column; }
.kv-flex-center { display: flex; align-items: center; justify-content: center; }
.kv-items-center { align-items: center; }
.kv-justify-center { justify-content: center; }

/* --- Product Tab List Styles --- */
.kv-product-tab {
    flex: 1 1 0;
    min-height: 88px;
    padding: 16px 18px;
    border-radius: 16px;
    border: 1px solid #E3E8E6;
    background: #FFFFFF;
    color: #0E1A24;
    display: flex;
    align-items: center;
    gap: 14px;
    text-align: left;
    cursor: pointer;
    transition: all 0.2s ease;
    box-sizing: border-box;
    width: 100%;
}
.kv-product-tab-icon {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.kv-product-tab-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
    transition: background 0.3s;
}

/* --- Customer Engagement Journey Styles --- */
.kv-ce-track-fill {
    position: absolute;
    top: 76px;
    left: 12.5%;
    height: 4px;
    border-radius: 4px;
    background: #13803F;
    transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.kv-ce-customer-pointer {
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    transition: left 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 10;
}

/* --- Products Highlight Pill Styles --- */
.kv-linked-pill {
    min-height: 48px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 6px 6px 6px 16px;
    border-radius: 999px;
    background: #FFFFFF;
    border: 1px solid #E3E8E6;
    font-size: 15px;
    color: #4A5866;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(7, 28, 51, 0.04);
}
.kv-pill-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #13803F;
    flex-shrink: 0;
    display: inline-block;
}
.kv-btn-show-all {
    margin-left: 6px;
    white-space: nowrap;
    flex-shrink: 0;
    min-height: 36px;
    padding: 6px 14px;
    border-radius: 999px;
    border: 1px solid #C9D2CE;
    background: #FFFFFF;
    color: #0E1A24;
    font-size: 13px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.kv-btn-show-all:hover {
    background: #071C33;
    border-color: #071C33;
    color: #FFFFFF;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(7, 28, 51, 0.15);
}
.kv-btn-show-all:hover svg {
    stroke: #2BD46A;
}
.kv-btn-show-all:active {
    transform: translateY(0);
}
.kv-unlinked-pill {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    color: #4A5866;
}
.kv-unlinked-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #4A5866;
    text-decoration: none;
    font-size: 15px;
    transition: color 0.2s;
    cursor: default;
}
.kv-unlinked-link:hover {
    color: #13803F;
}
.kv-unlinked-link svg {
    transition: transform 0.2s;
}
.kv-unlinked-link:hover svg {
    transform: translateY(-2px);
    stroke: #13803F;
}

/* ==========================================================================
   KOUVENTA MOTION & INTERACTION DESIGN SYSTEM
   Professional Scroll Reveal, Staggered Waves, Interactive Cards & Buttons
   ========================================================================== */

/* --- Motion Variables & Custom Easings --- */
:root {
    --kv-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --kv-ease-hover: cubic-bezier(0.2, 0.8, 0.2, 1);
    --kv-duration-reveal: 0.72s;
    --kv-duration-hover: 0.26s;
}

/* --- Scroll Reveal (Below Fold) --- */
html.js-motion .kv-reveal-item,
html.js-motion .kv-reveal,
html.js-motion .kv-reveal-block {
    opacity: 0;
    transform: translateY(32px);
    transition: opacity var(--kv-duration-reveal) var(--kv-ease-out),
                transform var(--kv-duration-reveal) var(--kv-ease-out);
    transition-delay: var(--kv-delay, 0ms);
    will-change: opacity, transform;
}

/* When revealed */
html.js-motion .kv-reveal-item.is-revealed,
html.js-motion .kv-reveal.is-revealed,
html.js-motion .kv-reveal-block.is-revealed,
html.js-motion .kv-reveal-grid.is-revealed .kv-reveal-item,
html.js-motion .kv-reveal-block.is-revealed .kv-reveal-item,
html.js-motion .is-revealed .kv-reveal-item,
html.js-motion .is-revealed .kv-reveal,
.kv-above-fold,
.kv-above-fold .kv-reveal-item,
.kv-above-fold .kv-reveal {
    opacity: 1;
    transform: translateY(0);
}

/* Stagger presets */
.kv-stagger-1 { --kv-delay: 60ms; }
.kv-stagger-2 { --kv-delay: 120ms; }
.kv-stagger-3 { --kv-delay: 180ms; }
.kv-stagger-4 { --kv-delay: 240ms; }
.kv-stagger-5 { --kv-delay: 300ms; }
.kv-stagger-6 { --kv-delay: 360ms; }

/* Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
    html.js-motion .kv-reveal-item,
    html.js-motion .kv-reveal,
    html.js-motion .kv-reveal-block,
    .kv-reveal-item,
    .kv-reveal {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}

/* --- Interactive Cards Hover Effects --- */
.kv-card,
.kv-card-hover,
.kv-hover,
.kv-logo-card,
.kv-industry-card,
.kv-video-card,
.kv-card-dark {
    cursor: default;
    transition: transform var(--kv-duration-hover) var(--kv-ease-hover),
                box-shadow var(--kv-duration-hover) var(--kv-ease-hover),
                border-color 0.22s ease,
                background-color 0.22s ease;
    will-change: transform, box-shadow;
}

/* Genuine interactive links/buttons always get cursor: pointer */
a.kv-card,
a.kv-card-hover,
a.kv-hover,
a.kv-logo-card,
a.kv-industry-card,
a.kv-video-card,
a.kv-card-dark,
button.kv-card,
[role="button"],
.kv-card a,
.kv-card-hover a,
.kv-card button,
.kv-card-hover button,
.kv-card-link {
    cursor: pointer;
}

/* --- Static Panels (Tabpanel, Stories Container, CTA Banner) --- */
/* These are structural layout panels, not hoverable cards. They must never lift or gain card shadows. */
.kv-panel,
[role="tabpanel"] {
    position: relative;
    cursor: default;
}
.kv-panel:hover,
[role="tabpanel"]:hover,
html.js-motion .kv-reveal-item.is-revealed.kv-panel:hover,
html.js-motion .kv-reveal-item.is-revealed[role="tabpanel"]:hover {
    transform: none !important;
}
.kv-panel .kv-card-hover,
[role="tabpanel"] .kv-card-hover {
    transform: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
    cursor: default !important;
}

/* Standard White Card Hover */
.kv-card:hover,
.kv-card-hover:hover,
.kv-hover:hover,
html.js-motion .kv-reveal-item.is-revealed.kv-card:hover,
html.js-motion .kv-reveal-item.is-revealed.kv-card-hover:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 18px 36px -8px rgba(7, 28, 51, 0.10), 0 4px 14px -2px rgba(7, 28, 51, 0.04) !important;
    border-color: #B5E8CD !important;
}
.kv-card:active,
.kv-card-hover:active,
.kv-hover:active {
    transform: translateY(-2px) scale(0.995) !important;
    transition-duration: 0.1s;
}

/* Dark Card Hover (e.g. Two Paths Dark Card) */
.kv-card-dark {
    transition: transform var(--kv-duration-hover) var(--kv-ease-hover),
                box-shadow var(--kv-duration-hover) var(--kv-ease-hover),
                border-color 0.24s ease;
}
.kv-card-dark:hover,
html.js-motion .kv-reveal-item.is-revealed.kv-card-dark:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 22px 45px -10px rgba(0, 0, 0, 0.55), 0 0 28px rgba(43, 212, 106, 0.18) !important;
    border-color: rgba(43, 212, 106, 0.45) !important;
}
.kv-card-dark:active {
    transform: translateY(-2px) scale(0.995) !important;
    transition-duration: 0.1s;
}

/* Logo Cards Hover (Partners & Customers) */
.kv-logo-card {
    cursor: default;
}
.kv-logo-card img {
    transition: transform 0.28s var(--kv-ease-hover), filter 0.25s ease;
    will-change: transform;
}
.kv-logo-card:hover,
html.js-motion .kv-reveal-item.is-revealed.kv-logo-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 26px -6px rgba(7, 28, 51, 0.09), 0 2px 6px rgba(7, 28, 51, 0.04) !important;
    border-color: #2BD46A !important;
}
.kv-logo-card:hover img {
    transform: scale(1.08);
}
.kv-logo-card:active {
    transform: translateY(-1px) scale(0.99) !important;
    transition-duration: 0.1s;
}

/* Industry Chips Hover */
.kv-industry-card {
    cursor: default;
}
.kv-industry-card .kv-ind-icon {
    transition: background-color 0.22s ease, color 0.22s ease, transform 0.25s var(--kv-ease-hover);
}
.kv-industry-card:hover,
html.js-motion .kv-reveal-item.is-revealed.kv-industry-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 24px -6px rgba(7, 28, 51, 0.09) !important;
    border-color: #13803F !important;
    background-color: #F8FDF9 !important;
}
.kv-industry-card:hover .kv-ind-icon {
    background-color: #13803F !important;
    color: #FFFFFF !important;
    transform: scale(1.05);
}
.kv-industry-card:active {
    transform: translateY(-1px) scale(0.99) !important;
    transition-duration: 0.1s;
}

/* Video Cards Hover */
.kv-video-card {
    cursor: default;
}
a.kv-video-card,
.kv-video-card[href] {
    cursor: pointer;
}
.kv-video-card .kv-play-btn {
    transition: transform 0.25s var(--kv-ease-hover), box-shadow 0.25s ease, filter 0.25s ease;
    will-change: transform;
}
.kv-video-card:hover,
html.js-motion .kv-reveal-item.is-revealed.kv-video-card:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 20px 40px -10px rgba(7, 28, 51, 0.12), 0 6px 16px -3px rgba(7, 28, 51, 0.05) !important;
    border-color: #B5E8CD !important;
}
.kv-video-card:hover .kv-play-btn {
    transform: scale(1.15);
    box-shadow: 0 8px 24px rgba(255, 0, 51, 0.45);
    filter: brightness(1.08);
}
.kv-video-card:active {
    transform: translateY(-2px) scale(0.99);
    transition-duration: 0.1s;
}

/* YouTube Video Slider */
.kv-video-slider {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 10px 4px 20px;
    margin: -10px -4px -20px;
}
.kv-video-slider::-webkit-scrollbar {
    display: none;
}
.kv-video-slider .kv-video-card {
    flex: 0 0 calc((100% - 40px) / 3);
    min-width: 320px;
    scroll-snap-align: start;
    box-sizing: border-box;
}
.kv-video-card:hover .kv-video-thumb {
    transform: scale(1.05);
}
.kv-slider-nav-btn:hover:not(:disabled) {
    background: #F4F6F5 !important;
    border-color: #0E1A24 !important;
    color: #0E1A24 !important;
}

@media (max-width: 1024px) {
    .kv-video-slider .kv-video-card {
        flex: 0 0 calc((100% - 20px) / 2);
        min-width: 280px;
    }
}

@media (max-width: 640px) {
    .kv-video-slider .kv-video-card {
        flex: 0 0 86%;
        min-width: 250px;
    }
}

/* Video Player Modal Centering */
.kv-video-modal-backdrop {
    position: fixed !important;
    inset: 0 !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 999999 !important;
    display: grid;
    place-items: center;
    padding: 24px !important;
    box-sizing: border-box !important;
    background: rgba(7, 28, 51, 0.88) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}
.kv-video-modal-backdrop[style*="display: none"] {
    display: none !important;
}
.kv-video-modal-container {
    position: relative !important;
    width: 100% !important;
    max-width: 960px !important;
    margin: auto !important;
    background: #000000 !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    box-shadow: 0 25px 60px -10px rgba(0, 0, 0, 0.85), 0 0 0 1px rgba(255, 255, 255, 0.18) !important;
    box-sizing: border-box !important;
}

/* --- Professional Buttons & CTAs Hover Effects --- */
.kv-btn-action,
.kv-btn-primary,
.kv-btn-navy,
.kv-btn-outline,
.kv-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.22s var(--kv-ease-hover),
                box-shadow 0.22s var(--kv-ease-hover),
                background-color 0.2s ease,
                color 0.2s ease,
                border-color 0.2s ease,
                filter 0.2s ease;
    will-change: transform, box-shadow;
    cursor: pointer;
    text-decoration: none;
}

/* Arrow inside buttons & links */
.kv-arrow,
.kv-btn-action svg:last-child {
    display: inline-block;
    transition: transform 0.24s var(--kv-ease-hover);
    will-change: transform;
}

/* Green Primary Button Hover */
.kv-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 26px -4px rgba(43, 212, 106, 0.55), 0 3px 8px rgba(43, 212, 106, 0.3) !important;
    filter: brightness(1.03);
}
.kv-btn-primary:hover .kv-arrow,
.kv-btn-primary:hover svg:last-child {
    transform: translateX(4px);
}
.kv-btn-primary:active {
    transform: translateY(0) scale(0.98);
    box-shadow: 0 4px 12px rgba(43, 212, 106, 0.35);
    transition-duration: 0.08s;
}

/* Navy Primary Button Hover */
.kv-btn-navy:hover {
    transform: translateY(-2px);
    background-color: #0E2E52 !important;
    box-shadow: 0 12px 28px -4px rgba(7, 28, 51, 0.38) !important;
}
.kv-btn-navy:hover .kv-arrow,
.kv-btn-navy:hover svg:last-child {
    transform: translateX(4px);
}
.kv-btn-navy:active {
    transform: translateY(0) scale(0.98);
    box-shadow: 0 4px 12px rgba(7, 28, 51, 0.22);
    transition-duration: 0.08s;
}

/* Outline / Ghost Button Hover */
.kv-btn-outline:hover {
    transform: translateY(-2px);
    background-color: #071C33 !important;
    color: #FFFFFF !important;
    border-color: #071C33 !important;
    box-shadow: 0 10px 24px -4px rgba(7, 28, 51, 0.25) !important;
}
.kv-btn-outline:hover .kv-arrow,
.kv-btn-outline:hover svg:last-child {
    transform: translateX(4px);
}
.kv-btn-outline:active {
    transform: translateY(0) scale(0.98);
    transition-duration: 0.08s;
}

/* Outline / Ghost Button on Dark Backgrounds (.kv-btn-outline-white or inside dark containers) */
.kv-btn-outline-white,
[style*="background: #071C33"] .kv-btn-outline,
[style*="background:#071C33"] .kv-btn-outline,
[style*="background: #0C2A48"] .kv-btn-outline,
[style*="background:#0C2A48"] .kv-btn-outline {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.08) !important;
    color: #FFFFFF !important;
    border: 1.5px solid rgba(255, 255, 255, 0.35) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transition: transform 0.24s var(--kv-ease-hover),
                background-color 0.22s ease,
                color 0.22s ease,
                border-color 0.22s ease,
                box-shadow 0.24s var(--kv-ease-hover);
    will-change: transform, box-shadow;
    cursor: pointer;
    text-decoration: none;
}

.kv-btn-outline-white:hover,
[style*="background: #071C33"] .kv-btn-outline:hover,
[style*="background:#071C33"] .kv-btn-outline:hover,
[style*="background: #0C2A48"] .kv-btn-outline:hover,
[style*="background:#0C2A48"] .kv-btn-outline:hover {
    transform: translateY(-2px);
    background-color: #FFFFFF !important;
    color: #071C33 !important;
    border-color: #FFFFFF !important;
    box-shadow: 0 12px 28px -4px rgba(255, 255, 255, 0.35), 0 0 20px rgba(43, 212, 106, 0.28), 0 4px 14px rgba(0, 0, 0, 0.45) !important;
}

.kv-btn-outline-white:hover .kv-arrow,
.kv-btn-outline-white:hover svg:last-child,
[style*="background: #071C33"] .kv-btn-outline:hover .kv-arrow,
[style*="background:#071C33"] .kv-btn-outline:hover .kv-arrow {
    transform: translateX(4px);
}

.kv-btn-outline-white:active,
[style*="background: #071C33"] .kv-btn-outline:active,
[style*="background:#071C33"] .kv-btn-outline:active,
[style*="background: #0C2A48"] .kv-btn-outline:active,
[style*="background:#0C2A48"] .kv-btn-outline:active {
    transform: translateY(0) scale(0.98);
    box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
    transition-duration: 0.08s;
}


/* Slider Navigation Buttons Hover */
.kv-slider-nav-btn {
    transition: transform 0.2s var(--kv-ease-hover), background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.kv-slider-nav-btn:hover {
    transform: translateY(-2px);
    background-color: #071C33 !important;
    border-color: #071C33 !important;
    color: #FFFFFF !important;
    box-shadow: 0 6px 16px rgba(7, 28, 51, 0.2) !important;
}
.kv-slider-nav-btn:active {
    transform: translateY(0) scale(0.96);
}

/* Pricing Table Control Buttons (Expand All / Collapse All) */
.kv-btn-table-control {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: transform 0.22s var(--kv-ease-hover),
                background-color 0.2s ease,
                color 0.2s ease,
                border-color 0.2s ease,
                box-shadow 0.22s var(--kv-ease-hover);
    will-change: transform, box-shadow;
    cursor: pointer;
    text-decoration: none;
}
.kv-btn-table-control:hover {
    transform: translateY(-2px);
    background-color: #071C33 !important;
    border-color: #071C33 !important;
    color: #FFFFFF !important;
    box-shadow: 0 8px 20px -3px rgba(7, 28, 51, 0.25) !important;
}
.kv-btn-table-control:hover svg {
    stroke: #2BD46A !important;
    transform: scale(1.08);
}
.kv-btn-table-control svg {
    transition: transform 0.22s var(--kv-ease-hover), stroke 0.2s ease;
}
.kv-btn-table-control:active {
    transform: translateY(0) scale(0.98);
    transition-duration: 0.08s;
}

/* Pricing Table Category Accordion Header Button */
.kv-table-cat-btn {
    transition: background-color 0.2s ease, color 0.2s ease;
    cursor: pointer;
}
.kv-table-cat-btn:hover {
    background-color: #EAEFEC !important;
}
.kv-table-cat-btn:hover svg {
    stroke: #13803F !important;
}

/* --- CRITICAL: Card Hover Triggers Inner Button & Arrow Hover --- */
/* When parent card is hovered, inner buttons and arrows react */
.kv-card:hover .kv-btn-primary,
.kv-card-hover:hover .kv-btn-primary,
.kv-hover:hover .kv-btn-primary,
.kv-card-dark:hover .kv-btn-primary,
.is-parent-hovered.kv-btn-primary {
    transform: translateY(-2px);
    box-shadow: 0 10px 26px -4px rgba(43, 212, 106, 0.55);
    filter: brightness(1.03);
}

.kv-card:hover .kv-btn-navy,
.kv-card-hover:hover .kv-btn-navy,
.kv-hover:hover .kv-btn-navy,
.kv-card-dark:hover .kv-btn-navy,
.is-parent-hovered.kv-btn-navy {
    transform: translateY(-2px);
    background-color: #0E2E52 !important;
    box-shadow: 0 12px 28px -4px rgba(7, 28, 51, 0.38);
}

.kv-card:hover .kv-btn-outline,
.kv-card-hover:hover .kv-btn-outline,
.kv-hover:hover .kv-btn-outline,
.is-parent-hovered.kv-btn-outline {
    transform: translateY(-2px);
    background-color: #071C33 !important;
    color: #FFFFFF !important;
    border-color: #071C33 !important;
}

/* Arrow inside cards slides when card is hovered */
.kv-card:hover .kv-arrow,
.kv-card-hover:hover .kv-arrow,
.kv-hover:hover .kv-arrow,
.kv-card-dark:hover .kv-arrow,
.kv-card:hover .kv-card-link-arrow,
.kv-card-hover:hover .kv-card-link-arrow,
.kv-card-dark:hover .kv-card-link-arrow,
.is-parent-hovered .kv-arrow,
.is-parent-hovered.kv-arrow {
    transform: translateX(6px) !important;
}

.kv-card-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: gap 0.24s var(--kv-ease-hover), transform 0.24s var(--kv-ease-hover), color 0.2s ease;
}
.kv-card:hover .kv-card-link,
.kv-card-hover:hover .kv-card-link,
.kv-card-dark:hover .kv-card-link,
.is-parent-hovered.kv-card-link {
    gap: 10px;
}
.kv-card:hover .kv-card-link .kv-arrow,
.kv-card-hover:hover .kv-card-link .kv-arrow,
.kv-card-dark:hover .kv-card-link .kv-arrow,
.is-parent-hovered .kv-arrow {
    transform: translateX(6px);
}

/* ==========================================================================
   PARTNER & CUSTOMER LOGO CARDS
   ========================================================================== */
.kv-partner-grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 16px;
}

@media (max-width: 1024px) {
    .kv-partner-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }
}

@media (max-width: 640px) {
    .kv-partner-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px 10px !important;
    }
    .kv-partner-card {
        height: 72px !important;
        min-height: 72px !important;
        padding: 10px 14px !important;
    }
    .kv-partner-card img {
        max-height: 28px !important;
        max-width: 85% !important;
    }
}

.kv-customer-grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

@media (max-width: 1024px) {
    .kv-customer-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }
}

@media (max-width: 768px) {
    .kv-customer-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
    .kv-customer-grid .kv-more-card {
        grid-column: auto !important;
    }
}

@media (max-width: 640px) {
    .kv-customer-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
    .kv-customer-grid .kv-more-card {
        grid-column: auto !important;
    }
    .kv-customer-card {
        height: 72px !important;
        min-height: 72px !important;
        padding: 10px 14px !important;
    }
    .kv-customer-card img {
        max-height: 32px !important;
        max-width: 85% !important;
    }
}

@media (max-width: 380px) {
    .kv-partner-grid,
    .kv-customer-grid {
        gap: 8px !important;
    }
    .kv-partner-card,
    .kv-customer-card {
        height: 62px !important;
        min-height: 62px !important;
        padding: 8px 10px !important;
    }
    .kv-partner-card img,
    .kv-customer-card img {
        max-height: 24px !important;
        max-width: 85% !important;
    }
}

.kv-logo-card {
    width: 100%;
    height: 88px;
    box-sizing: border-box;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 20px;
    cursor: default;
    transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.28s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.28s ease;
}

/* Light customer logo card */
.kv-customer-card {
    background: #FFFFFF;
    border: 1px solid #E3E8E6;
    box-shadow: 0 2px 8px rgba(7, 28, 51, 0.02);
}

.kv-customer-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(7, 28, 51, 0.08);
    border-color: #2BD46A;
}

/* Dark technology partner card */
.kv-partner-card {
    background: #071C33 !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 4px 16px rgba(7, 28, 51, 0.12) !important;
}

.kv-partner-card:hover {
    transform: translateY(-3px);
    border-color: rgba(43, 212, 106, 0.5) !important;
    box-shadow: 0 10px 28px rgba(7, 28, 51, 0.3) !important;
}

/* ==========================================================================
   KOUVENTA MOBILE RESPONSIVENESS OVERRIDES & ADAPTATIONS (max-width: 1024px)
   ========================================================================== */

/* Prevent horizontal overflow without creating nested scroll containers on body or #wrap */
html {
    overflow-x: hidden;
}

body {
    overflow: visible;
    min-height: 100vh;
}

#wrap {
    overflow: visible !important;
    width: 100% !important;
    min-height: 100vh;
}

.kv-canvas-wrap {
    overflow: visible !important;
    width: 100% !important;
}

/* Responsive Header & Navigation Controls: Desktop Defaults */
body.has-admin-bar {
    --kv-header-top: 32px;
}
body.has-admin-bar .kv-desktop-header,
body.has-admin-bar .kv-mobile-header {
    top: 32px !important;
}

@media (min-width: 1025px) {
    .kv-mobile-header {
        display: none !important;
    }
    .kv-desktop-header {
        display: flex !important;
    }
    #mobile-bottom-nav,
    .kv-sheet-overlay,
    .kv-bottom-sheet {
        display: none !important;
    }
}

@media (max-width: 1024px) {
    /* Header & Mobile Navigation Switch */
    .kv-desktop-header {
        display: none !important;
    }
    .kv-mobile-header {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 100 !important;
        background: #071C33 !important;
        padding: 12px 20px !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
        box-sizing: border-box !important;
        width: 100% !important;
    }
    #mobile-bottom-nav {
        display: block !important;
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 9999 !important;
    }
    #mobile-bottom-nav > div {
        transform: translateY(0px) !important;
    }
    footer {
        padding-bottom: calc(76px + 32px) !important;
    }

    /* Mobile Bottom Dock Button Styles */
    .kv-dock-btn {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: 60px !important;
        gap: 4px !important;
        background: transparent !important;
        background-color: transparent !important;
        border: 0 !important;
        outline: none !important;
        padding: 0 !important;
        margin: 0 !important;
        box-shadow: none !important;
        -webkit-appearance: none !important;
        appearance: none !important;
        cursor: pointer !important;
        color: #FFFFFF !important;
        font-family: inherit !important;
    }
    .kv-dock-btn span {
        font-size: 10px !important;
        font-weight: 700 !important;
        letter-spacing: 0.02em !important;
        text-transform: uppercase !important;
        color: #FFFFFF !important;
        transition: color 0.2s ease !important;
        line-height: 1.2 !important;
    }
    .kv-dock-btn .kv-dock-icon {
        width: 36px !important;
        height: 36px !important;
        border-radius: 10px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        transition: all 0.2s ease !important;
        background: rgba(255, 255, 255, 0.08) !important;
        color: #FFFFFF !important;
    }
    .kv-dock-btn.is-active,
    .kv-dock-btn.is-active span {
        color: #2BD46A !important;
    }
    .kv-dock-btn.is-active .kv-dock-icon {
        background: rgba(43, 212, 106, 0.18) !important;
        color: #2BD46A !important;
        box-shadow: 0 2px 8px rgba(43, 212, 106, 0.3) !important;
    }

    /* Polished Sheet Close Button */
    .kv-sheet-close-btn {
        width: 32px !important;
        height: 32px !important;
        border-radius: 50% !important;
        background: rgba(255, 255, 255, 0.12) !important;
        border: 1px solid rgba(255, 255, 255, 0.18) !important;
        color: #FFFFFF !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        padding: 0 !important;
        transition: background 0.2s ease, transform 0.2s ease !important;
    }
    .kv-sheet-close-btn:hover {
        background: rgba(255, 255, 255, 0.22) !important;
        transform: scale(1.05) !important;
    }
    .kv-sheet-close-btn svg {
        color: #FFFFFF !important;
        stroke: #FFFFFF !important;
    }

    /* Mobile Bottom Dock Bar & Sheet Styles */
    .kv-sheet-overlay {
        position: fixed !important;
        inset: 0 !important;
        background: rgba(0, 0, 0, 0.65) !important;
        backdrop-filter: blur(6px) !important;
        -webkit-backdrop-filter: blur(6px) !important;
        z-index: 10001 !important;
    }
    .kv-bottom-sheet {
        display: flex;
        flex-direction: column !important;
        justify-content: space-between !important;
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        background: #071C33 !important;
        color: #FFFFFF !important;
        border-top-left-radius: 28px !important;
        border-top-right-radius: 28px !important;
        padding: 16px 20px 32px !important;
        box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.5) !important;
        border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
        overflow-y: auto !important;
        overscroll-behavior-y: contain !important;
        max-height: 85vh !important;
        z-index: 10002 !important;
        transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    }

    /* Sheet Transition Helpers */
    .translate-y-full {
        transform: translateY(100%) !important;
    }
    .translate-y-0 {
        transform: translateY(0%) !important;
    }
    .opacity-0 {
        opacity: 0 !important;
    }
    .opacity-100 {
        opacity: 1 !important;
    }

    /* Sheet Content Components */
    .kv-sheet-card {
        display: flex !important;
        align-items: center !important;
        gap: 14px !important;
        padding: 14px 16px !important;
        border-radius: 16px !important;
        background: rgba(255, 255, 255, 0.06) !important;
        border: 1px solid rgba(255, 255, 255, 0.1) !important;
        color: #FFFFFF !important;
        text-decoration: none !important;
        margin-bottom: 10px !important;
        transition: background 0.2s ease !important;
    }
    .kv-sheet-card:hover,
    .kv-sheet-card:active {
        background: rgba(255, 255, 255, 0.12) !important;
    }
    .kv-sheet-card-icon {
        width: 42px !important;
        height: 42px !important;
        border-radius: 12px !important;
        background: rgba(43, 212, 106, 0.18) !important;
        color: #2BD46A !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
    }
    .kv-sheet-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }
    .kv-sheet-sub-item {
        display: block !important;
        padding: 10px 12px !important;
        border-radius: 12px !important;
        background: rgba(255, 255, 255, 0.05) !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
        color: #FFFFFF !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        text-decoration: none !important;
    }
    .kv-sheet-sub-item:hover,
    .kv-sheet-sub-item:active {
        background: rgba(255, 255, 255, 0.1) !important;
    }
    .kv-sheet-socials {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding-top: 14px !important;
        border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
        margin-top: 12px !important;
    }
    .kv-social-btn {
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        padding: 6px 12px !important;
        border-radius: 8px !important;
        background: rgba(255, 255, 255, 0.1) !important;
        color: #FFFFFF !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        text-decoration: none !important;
    }

    /* 1. Global Section Paddings on Mobile */
    .kv-canvas-wrap > section,
    main > div > section,
    section[style*="padding: 80px"],
    section[style*="padding: 88px"],
    section[style*="padding: 104px"],
    section[style*="padding: 120px"],
    section[style*="padding: 0 80px"] {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    /* Hero sections with dark backgrounds manage internal hero padding without double padding */
    .kv-canvas-wrap > section[style*="background: #071C33"],
    .kv-canvas-wrap > section:has(div[style*="height: 704px"]),
    .kv-canvas-wrap > section:has(.kv-hero-section),
    section.kv-hero-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    section[style*="padding: 88px 80px 112px"] {
        padding: 48px 20px 64px !important;
    }

    section[style*="padding: 104px 80px 0"] {
        padding: 56px 20px 0 !important;
    }

    section[style*="padding: 80px 80px 220px"] {
        padding: 48px 20px 100px !important;
    }

    section[style*="padding: 88px 80px 240px"] {
        padding: 48px 20px 120px !important;
    }

    /* 2. Responsive Typography */
    h1[style*="font-size: 96px"],
    h1[style*="font-size: 64px"],
    h1 {
        font-size: clamp(32px, 8vw, 44px) !important;
        line-height: 1.15 !important;
        letter-spacing: -0.02em !important;
    }

    h2[style*="font-size: 44px"],
    h2[style*="font-size: 40px"],
    h2 {
        font-size: clamp(24px, 6vw, 32px) !important;
        line-height: 1.2 !important;
    }

    p[style*="font-size: 24px"],
    span[style*="font-size: 24px"] {
        font-size: 16px !important;
        line-height: 1.55 !important;
    }

    /* 3. Hero Mascot Container on Homepage */
    div[style*="width: 1080px; height: 500px"],
    div[style*="width: 1080px"] {
        width: 100% !important;
        max-width: 100% !important;
        height: 380px !important;
        margin-top: 16px !important;
        position: relative !important;
        display: flex !important;
        align-items: flex-end !important;
        justify-content: center !important;
    }

    div[style*="width: 1080px"] img[src*="kouventa-mascot"] {
        width: 280px !important;
        max-width: 80% !important;
        height: auto !important;
        position: relative !important;
        left: auto !important;
        transform: none !important;
        bottom: 0 !important;
        margin: 0 auto !important;
    }

    /* Hide absolute floating bubbles on mobile to avoid viewport break */
    div[style*="width: 1080px"] div[style*="position: absolute; left:"],
    div[style*="width: 1080px"] div[style*="position: absolute; right:"] {
        display: none !important;
    }

    /* Container and Section boundary lock on mobile */
    #wrap, .kv-canvas-wrap {
        width: 100% !important;
        max-width: 100vw !important;
        overflow-x: clip !important;
    }

    section {
        width: 100% !important;
        max-width: 100vw !important;
        box-sizing: border-box !important;
        overflow-x: clip !important;
    }

    /* Product and Solutions Secondary Subnav Bar */
    nav[aria-label="Products"],
    nav[aria-label="Solutions"] {
        padding: 0 16px !important;
        gap: 16px !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    nav[aria-label="Products"]::-webkit-scrollbar,
    nav[aria-label="Solutions"]::-webkit-scrollbar {
        display: none !important;
    }
    nav[aria-label="Products"] > *,
    nav[aria-label="Solutions"] > * {
        flex-shrink: 0 !important;
        white-space: nowrap !important;
    }

    /* 4. Two Paths & Card Grids & Multi-Column Layouts */
    div[style*="grid-template-columns: minmax(0, 1fr) 520px"],
    div[style*="grid-template-columns: 520px minmax(0, 1fr)"],
    div[style*="grid-template-columns: minmax(0, 1fr) 420px"],
    div[style*="grid-template-columns: 420px minmax(0, 1fr)"],
    div[style*="grid-template-columns: minmax(0, 1fr) 440px"],
    div[style*="grid-template-columns: 440px minmax(0, 1fr)"],
    div[style*="grid-template-columns: minmax(0, 1fr) 460px"],
    div[style*="grid-template-columns: 460px minmax(0, 1fr)"],
    div[style*="grid-template-columns: minmax(0, 1fr) 480px"],
    div[style*="grid-template-columns: 480px minmax(0, 1fr)"],
    div[style*="grid-template-columns: minmax(0, 1fr) 340px"],
    div[style*="grid-template-columns: 340px minmax(0, 1fr)"],
    div[style*="grid-template-columns: repeat(2, minmax(0, 1fr))"]:not(.kv-industry-grid):not(.kv-partner-grid):not(.kv-customer-grid):not(.kv-hero-tools-grid):not(.kv-hero-diagram-canvas *):not(.kv-stage-wrap *):not(.kv-mockup-wrap *),
    div[style*="grid-template-columns: repeat(2, 1fr)"]:not(.kv-industry-grid):not(.kv-partner-grid):not(.kv-customer-grid):not(.kv-hero-tools-grid):not(.kv-hero-diagram-canvas *):not(.kv-stage-wrap *):not(.kv-mockup-wrap *),
    div[style*="grid-template-columns: repeat(3, minmax(0, 1fr))"]:not(.kv-industry-grid):not(.kv-partner-grid):not(.kv-customer-grid):not(.kv-hero-tools-grid):not(.kv-hero-diagram-canvas *):not(.kv-stage-wrap *):not(.kv-mockup-wrap *),
    div[style*="grid-template-columns: repeat(3, 1fr)"]:not(.kv-industry-grid):not(.kv-partner-grid):not(.kv-customer-grid):not(.kv-hero-tools-grid):not(.kv-hero-diagram-canvas *):not(.kv-stage-wrap *):not(.kv-mockup-wrap *),
    div[style*="grid-template-columns: repeat(4, minmax(0, 1fr))"]:not(.kv-industry-grid):not(.kv-partner-grid):not(.kv-customer-grid):not(.kv-hero-tools-grid):not(.kv-hero-diagram-canvas *):not(.kv-stage-wrap *):not(.kv-mockup-wrap *),
    div[style*="grid-template-columns: repeat(4, 1fr)"]:not(.kv-industry-grid):not(.kv-partner-grid):not(.kv-customer-grid):not(.kv-hero-tools-grid):not(.kv-hero-diagram-canvas *):not(.kv-stage-wrap *):not(.kv-mockup-wrap *),
    div[style*="grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr)"],
    .kv-sol-split-grid,
    div[style*="grid-template-columns: minmax(0, 1fr) 600px"],
    div[role="tabpanel"][style*="grid-template-columns"] {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    div[role="tabpanel"][style*="padding: 44px"],
    div[role="tabpanel"] {
        padding: 24px 16px !important;
        border-radius: 18px !important;
    }

    .kv-card,
    div[style*="border-radius: 24px"][style*="padding: 40px"] {
        padding: 24px 20px !important;
        border-radius: 18px !important;
    }

    /* 5. Hero Sections with fixed 704px desktop height */
    div[style*="height: 704px"],
    .kv-hero-section {
        height: auto !important;
        min-height: auto !important;
        padding-top: 24px !important;
        padding-bottom: 32px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 20px !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow-x: clip !important;
    }

    div[style*="height: 704px"] > div:first-child,
    .kv-hero-section > div:first-child,
    .kv-hero-content {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        gap: 16px !important;
        box-sizing: border-box !important;
    }

    /* Meta badge on Product CE */
    .kv-hero-content > span,
    div[style*="height: 704px"] span[style*="border-radius: 999px"] {
        align-self: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    div[style*="height: 704px"] h1,
    .kv-hero-section h1 {
        font-size: clamp(28px, 7vw, 36px) !important;
        line-height: 1.15 !important;
        letter-spacing: -0.025em !important;
        text-align: center !important;
        word-break: break-word !important;
        overflow-wrap: break-word !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    div[style*="height: 704px"] p,
    .kv-hero-section p {
        font-size: 15px !important;
        line-height: 1.5 !important;
        color: #B9C6D3 !important;
        text-align: center !important;
        max-width: 100% !important;
        word-break: break-word !important;
        overflow-wrap: break-word !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    div[style*="height: 704px"] div[style*="display: flex; gap: 12px"],
    .kv-hero-section div[style*="display: flex; gap: 12px"] {
        flex-direction: column !important;
        width: 100% !important;
        max-width: 360px !important;
        margin: 0 auto !important;
        gap: 10px !important;
        align-items: center !important;
    }

    div[style*="height: 704px"] div[style*="display: flex; gap: 12px"] a,
    div[style*="height: 704px"] div[style*="display: flex; gap: 12px"] button,
    .kv-hero-section div[style*="display: flex; gap: 12px"] a,
    .kv-hero-section div[style*="display: flex; gap: 12px"] button {
        width: 100% !important;
        box-sizing: border-box !important;
        text-align: center !important;
        justify-content: center !important;
        padding: 13px 20px !important;
        font-size: 15px !important;
        border-radius: 12px !important;
    }

    div[style*="height: 704px"] > div:last-child,
    .kv-hero-diagram-wrap,
    .kv-ce-hero-dashboard-wrap {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
    }

    /* Exception for solution hero wraps to allow shadows/glows without clipping */
    .kv-sol-ai-hero-wrap,
    .kv-sol-ce-hero-wrap {
        overflow: visible !important;
    }

    /* Hero stage container on Product AI & CE (preserves coordinate systems & centered) */
    div[style*="height: 704px"] div[role="img"][data-kv-fit="520"],
    div[role="img"][data-kv-fit="520"],
    div[role="img"][style*="width: 520px; height: 440px"],
    div[role="img"][style*="520px"][style*="440px"],
    .kv-hero-diagram-canvas {
        width: 520px !important;
        max-width: none !important;
        height: 440px !important;
        flex-shrink: 0 !important;
        transform: scale(0.64) !important;
        transform-origin: center top !important;
        margin-left: calc((100% - 520px) / 2) !important;
        margin-right: calc((100% - 520px) / 2) !important;
        margin-top: 0 !important;
        margin-bottom: -158px !important;
        align-self: center !important;
    }

    div[style*="height: 704px"] div[role="img"][data-kv-fit="600"],
    div[role="img"][data-kv-fit="600"],
    .kv-ce-hero-dashboard {
        width: 600px !important;
        max-width: none !important;
        flex-shrink: 0 !important;
        transform: scale(0.55) !important;
        transform-origin: center top !important;
        margin-left: calc((100% - 600px) / 2) !important;
        margin-right: calc((100% - 600px) / 2) !important;
        margin-top: 0 !important;
        margin-bottom: -257px !important;
        justify-self: center !important;
        align-self: center !important;
    }

    div[role="img"][style*="width: 340px; height: 560px"] {
        width: 340px !important;
        max-width: none !important;
        height: 560px !important;
        margin: 0 auto !important;
        transform: scale(0.85) !important;
        transform-origin: top center !important;
    }

    /* Product Mockup Containers */
    .kv-product-mockup-container {
        height: auto !important;
        min-height: 400px !important;
        width: 100% !important;
        padding: 20px 10px !important;
        border-radius: 16px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .kv-mockup-wrap {
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
        position: relative !important;
    }

    .kv-mockup-wiki {
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
        transform: none !important;
        margin: 0 auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .kv-mockup-wiki > div {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .kv-mockup-taskforce {
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
        transform: none !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    .kv-mockup-taskforce > div {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        gap: 14px !important;
    }

    .kv-mockup-taskforce > div > div:first-child {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .kv-mockup-taskforce > div > div:first-child span[style*="font-size: 10px"] {
        font-size: 8.5px !important;
    }

    .kv-mockup-taskforce > div > div:last-child {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        height: auto !important;
        min-height: 350px !important;
    }

    .kv-mockup-playground {
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
        transform: none !important;
        margin: 0 auto !important;
        display: flex !important;
        justify-content: center !important;
    }

    .kv-playground-card {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        display: grid !important;
        grid-template-columns: 108px minmax(0, 1fr) !important;
        height: 392px !important;
    }

    .kv-playground-sidebar {
        width: 108px !important;
        min-width: 108px !important;
        max-width: 108px !important;
        padding: 10px 6px !important;
        box-sizing: border-box !important;
    }

    .kv-playground-chat {
        min-width: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .kv-playground-chat div[style*="left: 114px"] {
        left: auto !important;
        right: 6px !important;
        max-width: 150px !important;
    }

    .kv-playground-chat div[style*="left: 12px"] {
        left: 6px !important;
        max-width: 140px !important;
    }

    .kv-mockup-workflow {
        max-width: 100% !important;
        width: 100% !important;
        height: 420px !important;
        min-height: 400px !important;
        position: relative !important;
        inset: auto !important;
        transform: none !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    .kv-mockup-workflow > div:first-child {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        box-sizing: border-box !important;
    }

    .kv-mockup-workflow div[style*="width: 384px"] {
        width: 100% !important;
        max-width: 100% !important;
    }

    .kv-mockup-workflow div[style*="left: 206px"] {
        left: 50% !important;
        transform: translateX(-50%) !important;
    }

    /* Horizontal Scrollable Solution Tabs */
    [role="tablist"][style*="grid-template-columns"] {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        justify-content: flex-start !important;
        padding-bottom: 10px !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }

    [role="tablist"][style*="grid-template-columns"]::-webkit-scrollbar {
        display: none !important;
    }

    [role="tablist"][style*="grid-template-columns"] > * {
        flex-shrink: 0 !important;
        white-space: nowrap !important;
    }

    /* Pick Team Tabs (Homepage) */
    #pick-team .kv-tabs-container,
    div:has(> button[style*="padding: 14px 22px"]),
    div[style*="display: flex; gap: 8px; justify-content: center"] {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        justify-content: flex-start !important;
        padding-bottom: 12px !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }

    div[style*="display: flex; gap: 8px; justify-content: center"]::-webkit-scrollbar {
        display: none !important;
    }

    div[style*="display: flex; gap: 8px; justify-content: center"] button {
        flex-shrink: 0 !important;
        padding: 10px 16px !important;
        font-size: 14px !important;
    }

    /* 6. Book a Demo Form Page Layout */
    section[style*="margin-top: -170px"],
    section[style*="margin-top: -160px"] {
        margin-top: -40px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    div[style*="width: 500px"][style*="height: 440px"] {
        display: none !important;
    }

    div[style*="padding-top: 194px"] {
        padding-top: 0 !important;
    }

    /* 7. About Us Page Layout */
    img[src*="kouventa-team.jpg"] {
        height: 280px !important;
        border-radius: 16px !important;
    }

    /* 8. WhatsApp Calculator Inputs Row */
    div[style*="minmax(0, 1fr) 24px 120px 24px minmax(0, 1fr)"] {
        grid-template-columns: minmax(0, 1.2fr) 16px 80px 16px minmax(0, 1.2fr) !important;
        gap: 4px !important;
        font-size: 13px !important;
    }

    div[style*="minmax(0, 1fr) 24px 120px 24px minmax(0, 1fr)"] input,
    div[style*="minmax(0, 1fr) 24px 120px 24px minmax(0, 1fr)"] span {
        font-size: 13px !important;
        padding: 0 6px !important;
    }

    /* 9. CTA Banners */
    div[style*="background: #071C33"][style*="justify-content: space-between"][style*="border-radius: 28px"] {
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 36px 20px !important;
        gap: 24px !important;
    }

    /* 10. Footer Responsive Collapse */
    footer {
        padding: 48px 20px 110px !important;
        gap: 36px !important;
    }

    footer > div[style*="grid-template-columns: 1.3fr 1fr 1fr 1.6fr 1.1fr"],
    footer > div[style*="grid-template-columns"] {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
    }

    footer > div[style*="display: flex; justify-content: space-between"] {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 16px !important;
    }

    /* Extra padding at bottom for all pages so mobile dock doesn't obscure content */
    main {
        padding-bottom: 40px !important;
    }
}

/* ==========================================================================
   Desktop Navigation Dropdowns (Alpine.js x-show compatible)
   ========================================================================== */
.kv-dropdown-menu {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.kv-dropdown-menu a {
    transition: background-color 0.15s ease;
}
.kv-dropdown-menu a:hover {
    background: #F4F6F5 !important;
}

.kv-dropdown-solution {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}
.kv-dropdown-item {
    transition: background-color 0.15s ease, color 0.15s ease;
}
.kv-dropdown-item:hover {
    background: #F4F6F5 !important;
    color: #0E1A24 !important;
}

/* ==========================================================================
   Industry Chips Responsive Grid (Mobile & Tablet)
   ========================================================================== */
@media (max-width: 1024px) {
    .kv-industry-grid,
    div.kv-industry-grid,
    div[style*="grid-template-columns: repeat(5, minmax(0, 1fr))"],
    div[style*="grid-template-columns: repeat(5, minmax(0px, 1fr))"] {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px 10px !important;
        width: 100% !important;
    }

    .kv-partner-grid,
    div.kv-partner-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px 10px !important;
        width: 100% !important;
    }

    .kv-customer-grid,
    div.kv-customer-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        width: 100% !important;
    }
    .kv-customer-grid .kv-more-card,
    div.kv-customer-grid .kv-more-card {
        grid-column: auto !important;
    }

    .kv-industry-card {
        height: 64px !important;
        min-height: 64px !important;
        padding: 0 12px !important;
        gap: 10px !important;
        min-width: 0 !important;
        overflow: visible !important;
        border-radius: 14px !important;
        box-sizing: border-box !important;
    }

    .kv-industry-card .kv-ind-icon {
        width: 38px !important;
        height: 38px !important;
        border-radius: 10px !important;
        flex-shrink: 0 !important;
    }

    .kv-industry-card .kv-ind-icon svg {
        width: 22px !important;
        height: 22px !important;
    }

    .kv-industry-card .kv-ind-label,
    .kv-industry-card > span:last-child {
        font-size: 13.5px !important;
        font-weight: 700 !important;
        color: #0E1A24 !important;
        min-width: 0 !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        line-height: 1.25 !important;
        word-break: break-word !important;
    }

    .kv-partner-card,
    .kv-customer-card {
        height: 70px !important;
        min-height: 70px !important;
        padding: 10px 14px !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 14px !important;
    }

    .kv-partner-card img {
        max-height: 28px !important;
        max-width: 82% !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
    }

    .kv-customer-card img {
        max-height: 32px !important;
        max-width: 82% !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
    }
}

@media (min-width: 640px) and (max-width: 1024px) {
    .kv-industry-grid,
    div.kv-industry-grid,
    div[style*="grid-template-columns: repeat(5, minmax(0, 1fr))"],
    div[style*="grid-template-columns: repeat(5, minmax(0px, 1fr))"] {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }

    .kv-partner-grid,
    div.kv-partner-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }

    .kv-customer-grid,
    div.kv-customer-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }

    .kv-industry-card {
        height: 72px !important;
        padding: 0 16px !important;
        gap: 12px !important;
    }

    .kv-industry-card .kv-ind-icon {
        width: 40px !important;
        height: 40px !important;
    }

    .kv-industry-card .kv-ind-label,
    .kv-industry-card > span:last-child {
        font-size: 15px !important;
    }

    .kv-partner-card,
    .kv-customer-card {
        height: 80px !important;
        min-height: 80px !important;
    }
}

@media (max-width: 380px) {
    .kv-industry-grid,
    div.kv-industry-grid,
    .kv-partner-grid,
    div.kv-partner-grid,
    .kv-customer-grid,
    div.kv-customer-grid {
        gap: 8px !important;
    }

    .kv-industry-card {
        height: 58px !important;
        min-height: 58px !important;
        padding: 0 8px !important;
        gap: 6px !important;
        border-radius: 12px !important;
    }

    .kv-industry-card .kv-ind-icon {
        width: 32px !important;
        height: 32px !important;
    }

    .kv-industry-card .kv-ind-icon svg {
        width: 18px !important;
        height: 18px !important;
    }

    .kv-industry-card .kv-ind-label,
    .kv-industry-card > span:last-child {
        font-size: 11.5px !important;
        letter-spacing: -0.01em !important;
    }

    .kv-partner-card,
    .kv-customer-card {
        height: 60px !important;
        min-height: 60px !important;
        padding: 8px 10px !important;
        border-radius: 12px !important;
    }

    .kv-partner-card img {
        max-height: 24px !important;
        max-width: 80% !important;
    }

    .kv-customer-card img {
        max-height: 26px !important;
        max-width: 80% !important;
    }
}

/* ============================================================
   AI PRODUCTS SECTION LAYOUT & RESPONSIVE (PRODUCT AI PAGE)
   ============================================================ */
.kv-ai-products-section {
    padding: 48px 80px 104px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    scroll-margin-top: 100px;
}
.kv-products-heading {
    font-size: 44px;
    line-height: 1.1;
}
.kv-products-layout {
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
    gap: 24px;
    align-items: stretch;
}
.kv-product-tablist {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.kv-product-tab-name {
    font-size: 17px;
    font-weight: 800;
}
.kv-product-tab-badge {
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: 0.04em;
    padding: 3px 8px;
    border-radius: 999px;
    background: #FFE9C7;
    color: #7A4A00;
}
.kv-product-tab-role {
    font-size: 13px;
    line-height: 1.4;
    opacity: 0.85;
}
.kv-product-panel {
    background: #FFFFFF;
    border: 1px solid #E3E8E6;
    border-radius: 24px;
    padding: 40px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 440px;
    gap: 40px;
    align-items: start;
}
.kv-product-info-col {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}
.kv-product-mockup-col {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
}
.kv-product-mockup-container {
    height: 440px;
    width: 100%;
    border-radius: 18px;
    background: #F4F6F5;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.kv-product-replay-btn {
    align-self: flex-end;
}
.kv-channel-card:hover {
    background: rgba(255,255,255,0.09) !important;
    border-color: rgba(43,212,106,0.45) !important;
    transform: translateY(-2px);
}

@media (max-width: 1024px) {
    .kv-ai-products-section {
        padding: 40px 32px 72px !important;
        gap: 24px !important;
        scroll-margin-top: 80px !important;
    }
    .kv-products-heading {
        font-size: 34px !important;
    }
    .kv-products-layout {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    .kv-product-tablist {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }
    .kv-product-panel {
        grid-template-columns: 1fr !important;
        gap: 32px !important;
        padding: 32px 24px !important;
    }
    .kv-product-mockup-container {
        height: auto !important;
        min-height: 400px !important;
        padding: 24px 16px !important;
        box-sizing: border-box !important;
    }
    .kv-product-replay-btn {
        align-self: center !important;
    }
}

@media (max-width: 768px) {
    .kv-integrate-card {
        padding: 24px 0 !important;
    }
    .kv-integrate-header {
        padding: 0 20px !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 6px !important;
    }
    .kv-channel-card {
        width: 136px !important;
        height: 84px !important;
        padding: 10px 10px !important;
    }
    .kv-channel-card img {
        width: 26px !important;
        height: 26px !important;
    }
    .kv-channel-card span {
        font-size: 12px !important;
    }
    .kv-ai-products-section {
        padding: 32px 20px 60px !important;
        gap: 20px !important;
    }
    .kv-products-heading {
        font-size: 28px !important;
        line-height: 1.2 !important;
    }
    .kv-linked-pill {
        white-space: normal !important;
        height: auto !important;
        min-height: 44px !important;
        padding: 10px 14px !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        border-radius: 16px !important;
        font-size: 13.5px !important;
    }
    .kv-btn-show-all {
        margin-left: 0 !important;
        font-size: 12px !important;
        min-height: 32px !important;
        padding: 4px 12px !important;
    }
    .kv-product-tablist {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
    .kv-product-tab {
        min-height: 72px !important;
        padding: 12px 12px !important;
        border-radius: 14px !important;
        gap: 10px !important;
        align-items: flex-start !important;
    }
    .kv-product-tab-icon {
        width: 36px !important;
        height: 36px !important;
        border-radius: 10px !important;
    }
    .kv-product-tab-icon svg {
        width: 18px !important;
        height: 18px !important;
    }
    .kv-product-tab-name {
        font-size: 14.5px !important;
        line-height: 1.25 !important;
    }
    .kv-product-tab-badge {
        font-size: 9px !important;
        padding: 2px 6px !important;
    }
    .kv-product-tab-role {
        font-size: 11.5px !important;
        line-height: 1.35 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
    .kv-product-tab-dot {
        display: none !important;
    }
    .kv-product-panel {
        padding: 24px 18px !important;
        border-radius: 20px !important;
        gap: 24px !important;
    }
    .kv-product-info > span:first-child {
        font-size: 24px !important;
        line-height: 1.2 !important;
    }
    .kv-product-info > span:nth-child(2),
    .kv-product-info > span:nth-child(3) {
        font-size: 14.5px !important;
        line-height: 1.5 !important;
    }
    .kv-product-mockup-container {
        min-height: 400px !important;
        height: auto !important;
        padding: 20px 10px !important;
        border-radius: 16px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .kv-product-mockup-container [style*="display: none"] {
        display: none !important;
    }

    .kv-mockup-wrap {
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
        position: relative !important;
    }

    /* Mockups scaling - fills the box with minimal wasted margin to match CE */
    .kv-mockup-wiki {
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
        transform: none !important;
        margin: 0 auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .kv-mockup-wiki > div {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .kv-mockup-taskforce {
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
        transform: none !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    .kv-mockup-taskforce > div {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        gap: 14px !important;
    }

    .kv-mockup-taskforce > div > div:first-child {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .kv-mockup-taskforce > div > div:first-child span[style*="font-size: 10px"] {
        font-size: 8.5px !important;
    }

    .kv-mockup-taskforce > div > div:last-child {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        height: auto !important;
        min-height: 350px !important;
    }

    .kv-mockup-playground {
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
        transform: none !important;
        margin: 0 auto !important;
        display: flex !important;
        justify-content: center !important;
    }

    .kv-playground-card {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        display: grid !important;
        grid-template-columns: 108px minmax(0, 1fr) !important;
        height: 392px !important;
    }

    .kv-playground-sidebar {
        width: 108px !important;
        min-width: 108px !important;
        max-width: 108px !important;
        padding: 10px 6px !important;
        box-sizing: border-box !important;
    }

    .kv-playground-chat {
        min-width: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .kv-playground-chat div[style*="left: 114px"] {
        left: auto !important;
        right: 6px !important;
        max-width: 150px !important;
    }

    .kv-playground-chat div[style*="left: 12px"] {
        left: 6px !important;
        max-width: 140px !important;
    }

    .kv-mockup-workflow {
        max-width: 100% !important;
        width: 100% !important;
        height: 420px !important;
        min-height: 400px !important;
        position: relative !important;
        inset: auto !important;
        transform: none !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    .kv-mockup-workflow > div:first-child {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        box-sizing: border-box !important;
    }

    .kv-mockup-workflow div[style*="width: 384px"] {
        width: 100% !important;
        max-width: 100% !important;
    }

    .kv-mockup-workflow div[style*="left: 206px"] {
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
}

@media (max-width: 480px) {
    .kv-ai-products-section {
        padding: 24px 16px 48px !important;
    }
    .kv-products-heading {
        font-size: 24px !important;
    }
    .kv-product-tablist {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }
    .kv-product-tab {
        padding: 10px 8px !important;
        border-radius: 12px !important;
        gap: 8px !important;
        min-height: 64px !important;
    }
    .kv-product-tab-icon {
        width: 30px !important;
        height: 30px !important;
        border-radius: 8px !important;
    }
    .kv-product-tab-icon svg {
        width: 16px !important;
        height: 16px !important;
    }
    .kv-product-tab-name {
        font-size: 13px !important;
        line-height: 1.2 !important;
    }
    .kv-product-tab-role {
        font-size: 10.5px !important;
    }
    .kv-product-panel {
        padding: 20px 14px !important;
        border-radius: 16px !important;
        gap: 20px !important;
    }
}

@media (max-width: 360px) {
    .kv-product-mockup-container {
        padding: 16px 6px !important;
    }
    .kv-product-tablist {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }
    .kv-playground-card {
        grid-template-columns: 88px minmax(0, 1fr) !important;
    }
    .kv-playground-sidebar {
        width: 88px !important;
        min-width: 88px !important;
        max-width: 88px !important;
        padding: 8px 4px !important;
    }
    .kv-mockup-taskforce > div > div:first-child span[style*="font-size: 10px"] {
        font-size: 7.5px !important;
    }
}

/* ============ WHY SECTION & CARDS HOVER EFFECT ============ */
.kv-why-section {
    padding: 104px 80px;
    background: #071C33;
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    gap: 48px;
    position: relative;
    overflow: hidden;
}
.kv-why-heading {
    margin: 0;
    font-size: 44px;
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: -0.02em;
    position: relative;
}
.kv-why-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    position: relative;
}
.kv-why-card {
    position: relative;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 20px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-height: 300px;
    box-sizing: border-box;
    cursor: default;
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1),
                box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1),
                border-color 0.25s ease,
                background-color 0.25s ease;
    will-change: transform, box-shadow;
}
.kv-why-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, #2BD46A, transparent);
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}
.kv-why-card::after {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 140px;
    height: 140px;
    background: radial-gradient(circle, rgba(43, 212, 106, 0.18) 0%, transparent 70%);
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
    border-radius: 50%;
}
.kv-why-card:hover {
    transform: translateY(-6px);
    background-color: rgba(255, 255, 255, 0.08);
    border-color: rgba(43, 212, 106, 0.45);
    box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.65), 0 0 24px rgba(43, 212, 106, 0.15);
}
.kv-why-card:hover::before,
.kv-why-card:hover::after {
    opacity: 1;
}
.kv-why-icon {
    width: 60px;
    height: 60px;
    border-radius: 16px;
    background: #2BD46A;
    color: #06251A;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 30px rgba(43, 212, 106, 0.25);
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1),
                box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
.kv-why-card:hover .kv-why-icon {
    transform: scale(1.08) translateY(-2px);
    box-shadow: 0 14px 34px rgba(43, 212, 106, 0.45);
}
.kv-why-icon svg {
    transition: transform 0.3s ease;
}
.kv-why-card:hover .kv-why-icon svg {
    transform: scale(1.06);
}
.kv-why-title {
    font-size: 22px;
    line-height: 1.25;
    font-weight: 800;
    padding-top: 10px;
}
.kv-why-desc {
    font-size: 16px;
    line-height: 1.55;
    color: #B9C6D3;
}
.kv-why-badge {
    margin-top: auto;
    align-self: flex-start;
    font-size: 12px;
    font-weight: 700;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(43, 212, 106, 0.12);
    color: #2BD46A;
    border: 1px solid transparent;
    transition: background-color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}
.kv-why-card:hover .kv-why-badge {
    background-color: rgba(43, 212, 106, 0.22);
    border-color: rgba(43, 212, 106, 0.4);
    transform: translateX(4px);
}

@media (max-width: 1024px) {
    .kv-why-section {
        padding: 80px 32px !important;
        gap: 36px !important;
    }
    .kv-why-heading {
        font-size: 34px !important;
    }
    .kv-why-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }
    .kv-why-card {
        padding: 24px !important;
        min-height: 260px !important;
    }
}

@media (max-width: 640px) {
    .kv-why-section {
        padding: 60px 20px !important;
        gap: 28px !important;
    }
    .kv-why-heading {
        font-size: 28px !important;
        line-height: 1.2 !important;
    }
    .kv-why-grid {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }
    .kv-why-card {
        padding: 22px 20px !important;
        min-height: auto !important;
    }
}

/* ============ CE PRODUCTS SECTION & TABS ============ */
.kv-ce-products-section {
    padding: 48px 80px 104px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.kv-products-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
.kv-products-heading {
    margin: 0;
    font-size: 44px;
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: -0.02em;
}
.kv-products-layout {
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
    gap: 24px;
    align-items: stretch;
}
.kv-product-tablist {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.kv-product-tab {
    flex: 1 0 auto;
    min-height: 72px;
    padding: 12px 18px;
    border-radius: 16px;
    border: 1px solid;
    display: flex;
    align-items: center;
    gap: 14px;
    text-align: left;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    box-sizing: border-box;
}
.kv-product-tab:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(7, 28, 51, 0.08);
}
.kv-product-tab-icon {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.25s ease;
}
.kv-product-tab:hover .kv-product-tab-icon {
    transform: scale(1.06);
}
.kv-product-tab-text {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}
.kv-product-tab-name {
    font-size: 16px;
    font-weight: 800;
}
.kv-product-tab-role {
    font-size: 13px;
    line-height: 1.4;
}
.kv-product-tab-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
    transition: background 0.25s ease;
}
.kv-product-panel {
    background: #FFFFFF;
    border: 1px solid #E3E8E6;
    border-radius: 24px;
    padding: 40px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 460px;
    gap: 40px;
    align-items: center;
}
.kv-product-info {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.kv-product-mockup-container {
    height: 420px;
    border-radius: 18px;
    background: #F4F6F5;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ============================================================
   RESPONSIVE MEDIA QUERIES FOR CE PRODUCTS SECTION
   ============================================================ */

/* Tablet & Smaller Screens (<= 1024px) */
@media (max-width: 1024px) {
    .kv-ce-products-section {
        padding: 40px 32px 72px !important;
        gap: 24px !important;
        scroll-margin-top: 80px !important;
    }

    .kv-products-heading {
        font-size: 34px !important;
    }

    .kv-products-layout {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .kv-product-tablist {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    .kv-product-panel {
        grid-template-columns: 1fr !important;
        gap: 32px !important;
        padding: 32px 24px !important;
    }

    .kv-product-mockup-container {
        height: auto !important;
        min-height: 400px !important;
        padding: 24px 16px !important;
        box-sizing: border-box !important;
    }
}

/* Mobile Screens (<= 640px) */
@media (max-width: 640px) {
    .kv-ce-products-section {
        padding: 32px 20px 60px !important;
        gap: 20px !important;
        scroll-margin-top: 80px !important;
    }

    .kv-products-heading {
        font-size: 28px !important;
        line-height: 1.2 !important;
    }

    .kv-linked-pill {
        white-space: normal !important;
        height: auto !important;
        min-height: 44px !important;
        padding: 10px 14px !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        border-radius: 16px !important;
        font-size: 13.5px !important;
    }

    .kv-btn-show-all {
        margin-left: 0 !important;
        font-size: 12px !important;
        min-height: 32px !important;
        padding: 4px 12px !important;
    }

    .kv-unlinked-pill {
        white-space: normal !important;
        font-size: 13.5px !important;
        line-height: 1.4 !important;
    }

    .kv-products-layout {
        gap: 16px !important;
    }

    .kv-product-tablist {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .kv-product-tab {
        min-height: 70px !important;
        padding: 10px 10px !important;
        border-radius: 14px !important;
        gap: 10px !important;
        align-items: flex-start !important;
    }

    .kv-product-tab-icon {
        width: 36px !important;
        height: 36px !important;
        border-radius: 10px !important;
        flex-shrink: 0 !important;
    }

    .kv-product-tab-icon svg {
        width: 18px !important;
        height: 18px !important;
    }

    .kv-product-tab-name {
        font-size: 14px !important;
        line-height: 1.25 !important;
    }

    .kv-product-tab-role {
        font-size: 11px !important;
        line-height: 1.35 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    .kv-product-tab-dot {
        display: none !important;
    }

    .kv-product-panel {
        padding: 24px 18px !important;
        border-radius: 20px !important;
        gap: 24px !important;
    }

    .kv-product-info > span:first-child {
        font-size: 11px !important;
    }

    .kv-product-info > span:nth-child(2) {
        font-size: 24px !important;
        line-height: 1.2 !important;
    }

    .kv-product-info > span:nth-child(3) {
        font-size: 14.5px !important;
        line-height: 1.5 !important;
    }

    .kv-product-mockup-container {
        min-height: 400px !important;
        height: auto !important;
        padding: 20px 10px !important;
        border-radius: 16px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Mockups scaling - fills the box with minimal wasted margin (matching Auth) */
    .kv-mockup-auth {
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
        transform: none !important;
        margin: 0 !important;
    }

    .kv-mockup-broadcast {
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
        transform: none !important;
        margin: 0 !important;
        gap: 16px !important;
    }

    .kv-mockup-broadcast > div:first-child {
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    .kv-mockup-broadcast > div:first-child > div:first-child {
        width: 130px !important;
        flex-shrink: 0 !important;
    }

    .kv-mockup-broadcast > div:first-child > div:first-child {
        width: 135px !important;
        flex-shrink: 0 !important;
    }

    .kv-mockup-broadcast > div:first-child > div:nth-child(2) {
        flex-grow: 1 !important;
        min-width: 20px !important;
        margin: 0 6px !important;
    }

    .kv-mockup-broadcast > div:first-child > div:last-child {
        width: 130px !important;
        flex-shrink: 0 !important;
    }

    .kv-mockup-broadcast > div:last-child {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .kv-mockup-chatbot {
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
        transform: none !important;
        margin: 0 !important;
    }

    .kv-mockup-chatbot .kv-chat-bubble-in[style*="max-width: 90%"] {
        max-width: 96% !important;
    }

    .kv-mockup-chatbot .kv-chat-bubble-in[style*="max-width: 82%"] {
        max-width: 88% !important;
    }

    .kv-product-mockup-container [style*="display: none"] {
        display: none !important;
    }

    /* Integration - Vertical Mobile Pipeline */
    .kv-mockup-integration {
        width: 100% !important;
        max-width: 280px !important;
        box-sizing: border-box !important;
        transform: none !important;
        margin: 0 auto !important;
    }

    .kv-mockup-integration:not([style*="display: none"]) {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0 !important;
    }

    .kv-mockup-integration .kv-integration-source {
        width: 100% !important;
        max-width: 270px !important;
        padding: 10px 14px !important;
        border-radius: 12px !important;
        box-sizing: border-box !important;
        flex-shrink: 0 !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
    }

    .kv-mockup-integration .kv-integration-source-header {
        display: flex !important;
        flex-direction: column !important;
        gap: 2px !important;
        text-align: left !important;
        min-width: 0 !important;
    }

    .kv-mockup-integration .kv-integration-source-header span:first-child {
        font-size: 11.5px !important;
        font-weight: 700 !important;
    }

    .kv-mockup-integration .kv-integration-source-header span:last-child {
        font-size: 10px !important;
        color: #4A5866 !important;
    }

    .kv-mockup-integration .kv-integration-source-badge {
        display: flex !important;
        flex-direction: column !important;
        gap: 3px !important;
        align-items: flex-end !important;
        flex-shrink: 0 !important;
    }

    .kv-mockup-integration .kv-integration-source-badge span:first-child {
        font-size: 10px !important;
        font-weight: 700 !important;
        padding: 4px 7px !important;
        border-radius: 6px !important;
    }

    .kv-mockup-integration .kv-integration-source-badge span:last-child {
        font-size: 9px !important;
        font-family: 'JetBrains Mono', monospace !important;
    }

    .kv-mockup-integration .kv-integration-connector {
        width: 2px !important;
        height: 18px !important;
        flex-grow: 0 !important;
        background: #DCE3E0 !important;
        position: relative !important;
        margin: 0 auto !important;
    }

    .kv-mockup-integration .kv-integration-connector > span {
        position: absolute !important;
        left: -3px !important;
        top: 0 !important;
        width: 8px !important;
        height: 8px !important;
        border-radius: 50% !important;
        background: #13803F !important;
        --d: 18px !important;
        animation: kvTravelY 1.6s linear infinite !important;
    }

    .kv-mockup-integration .kv-connector-2 > span {
        animation-delay: 0.8s !important;
    }

    .kv-mockup-integration .kv-integration-node {
        width: 44px !important;
        height: 44px !important;
        border-radius: 13px !important;
        flex-shrink: 0 !important;
        margin: 0 auto !important;
    }

    .kv-mockup-integration .kv-integration-node img {
        width: 22px !important;
        height: 22px !important;
    }

    .kv-mockup-integration .kv-integration-target {
        width: 100% !important;
        max-width: 270px !important;
        box-sizing: border-box !important;
        flex-shrink: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 7px !important;
        font-size: 11.5px !important;
        line-height: 1.4 !important;
    }

    .kv-mockup-integration .kv-integration-target > div {
        padding: 8px 12px !important;
        font-size: 11.5px !important;
        border-radius: 4px 12px 12px 12px !important;
        box-sizing: border-box !important;
    }

    .kv-mockup-integration .kv-integration-target > span {
        font-size: 9.5px !important;
        color: #4A5866 !important;
        text-align: left !important;
    }

    .kv-mockup-flows {
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
        transform: none !important;
        margin: 0 !important;
    }

    /* Omni - Vertical Mobile Pipeline */
    .kv-mockup-omni {
        width: 100% !important;
        max-width: 280px !important;
        box-sizing: border-box !important;
        transform: none !important;
        margin: 0 auto !important;
    }

    .kv-mockup-omni:not([style*="display: none"]) {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0 !important;
    }

    .kv-mockup-omni .kv-omni-channels {
        width: 100% !important;
        max-width: 280px !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 5px !important;
        box-sizing: border-box !important;
    }

    .kv-mockup-omni .kv-omni-ch-item {
        padding: 5px 7px !important;
        gap: 5px !important;
        border-radius: 8px !important;
        font-size: 10.5px !important;
        box-sizing: border-box !important;
        align-items: center !important;
        min-width: 0 !important;
    }

    .kv-mockup-omni .kv-omni-ch-item img {
        width: 15px !important;
        height: 15px !important;
        flex-shrink: 0 !important;
    }

    .kv-mockup-omni .kv-omni-ch-item span span:first-child {
        font-size: 10.5px !important;
        font-weight: 700 !important;
    }

    .kv-mockup-omni .kv-omni-ch-item span span:last-child {
        font-size: 8.5px !important;
        color: #4A5866 !important;
    }

    .kv-mockup-omni .kv-omni-connectors {
        display: none !important;
    }

    .kv-mockup-omni .kv-omni-v-connector {
        display: block !important;
        width: 2px !important;
        height: 16px !important;
        background: #DCE3E0 !important;
        position: relative !important;
        margin: 3px auto !important;
    }

    .kv-mockup-omni .kv-omni-v-connector span {
        position: absolute !important;
        left: -3px !important;
        top: 0 !important;
        width: 8px !important;
        height: 8px !important;
        border-radius: 50% !important;
        background: #13803F !important;
        --d: 16px !important;
        animation: kvTravelY 1.5s linear infinite !important;
    }

    .kv-mockup-omni .kv-omni-inbox {
        width: 100% !important;
        max-width: 280px !important;
        box-sizing: border-box !important;
        padding: 10px 10px !important;
        gap: 6px !important;
        border-radius: 14px !important;
    }

    .kv-mockup-omni .kv-omni-inbox > span:first-child {
        font-size: 11.5px !important;
        font-weight: 700 !important;
    }

    .kv-mockup-omni .kv-omni-inbox > div[style*="border-radius: 8px"] {
        padding: 5px 8px !important;
        font-size: 10.5px !important;
        gap: 6px !important;
    }

    .kv-mockup-omni .kv-omni-inbox img {
        width: 15px !important;
        height: 15px !important;
    }

    .kv-mockup-omni .kv-omni-inbox span[style*="font-size: 9.5px"] {
        font-size: 9px !important;
        padding: 1px 4px !important;
    }
}

/* Extra Small Screens (<= 380px) */
@media (max-width: 380px) {
    .kv-products-heading {
        font-size: 25px !important;
    }

    .kv-product-tab {
        padding: 8px 8px !important;
        gap: 8px !important;
    }

    .kv-product-tab-name {
        font-size: 12.5px !important;
    }

    .kv-product-tab-role {
        font-size: 10px !important;
    }

    .kv-mockup-broadcast {
        transform: scale(0.96) !important;
        transform-origin: center center !important;
    }

    .kv-mockup-chatbot {
        transform: scale(0.98) !important;
        transform-origin: center center !important;
    }

    .kv-mockup-integration {
        transform: none !important;
        max-width: 270px !important;
    }

    .kv-mockup-flows {
        transform: scale(0.98) !important;
        transform-origin: center center !important;
    }

    .kv-mockup-omni {
        transform: none !important;
        max-width: 270px !important;
    }
}

/* Smallest Screens (<= 350px) */
@media (max-width: 350px) {
    .kv-mockup-integration,
    .kv-mockup-integration .kv-integration-source,
    .kv-mockup-integration .kv-integration-target {
        max-width: 250px !important;
    }

    .kv-mockup-omni,
    .kv-mockup-omni .kv-omni-channels,
    .kv-mockup-omni .kv-omni-inbox {
        max-width: 250px !important;
    }
}

/* Smallest Screens (<= 360px) */
@media (max-width: 360px) {
    .kv-product-tablist {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }
}

/* ========================================================
   Solutions Page Styling (AI & Customer Engagement)
   ======================================================== */

/* Solution Tabs Section Anchor */
#solution-tabs {
    scroll-margin-top: 88px;
}

/* Solution AI Role Tabs */
.kv-sol-ai-tablist {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
    width: 100%;
}

.kv-sol-ai-tab {
    min-height: 60px;
    padding: 12px 14px;
    border-radius: 14px;
    border: 1px solid #C9D2CE;
    background: #FFFFFF;
    color: #0E1A24;
    font-size: 16px;
    font-weight: 800;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    font-family: inherit;
    text-decoration: none;
}

.kv-sol-ai-tab:hover:not([aria-selected="true"]) {
    border-color: #071C33;
    background: #F4F6F5;
}

.kv-sol-ai-tab[aria-selected="true"] {
    background: #071C33 !important;
    color: #FFFFFF !important;
    border-color: #071C33 !important;
}

/* Solution AI Finance Subtabs */
.kv-sol-fin-wrap {
    align-self: center;
    display: flex;
    padding: 4px;
    gap: 4px;
    border-radius: 12px;
    background: #E3E8E6;
}

.kv-sol-fin-tab {
    min-height: 44px;
    padding: 10px 20px;
    border-radius: 9px;
    border: 0;
    font-size: 15px;
    font-weight: 700;
    background: transparent;
    color: #4A5866;
    box-shadow: none;
    cursor: pointer;
    transition: all .2s ease;
    font-family: inherit;
    box-sizing: border-box;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.kv-sol-fin-tab:hover:not([aria-selected="true"]) {
    color: #071C33;
}

.kv-sol-fin-tab[aria-selected="true"] {
    background: #FFFFFF !important;
    color: #071C33 !important;
    box-shadow: 0 1px 3px rgba(7,28,51,0.15) !important;
}

/* Solution CE Role Tabs */
.kv-sol-ce-tablist {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    width: 100%;
}

.kv-sol-ce-tab {
    min-height: 76px;
    padding: 16px 22px;
    border-radius: 16px;
    border: 1px solid #C9D2CE;
    background: #FFFFFF;
    color: #0E1A24;
    display: flex;
    align-items: center;
    gap: 14px;
    text-align: left;
    cursor: pointer;
    transition: all .2s ease;
    box-sizing: border-box;
    font-family: inherit;
    text-decoration: none;
}

.kv-sol-ce-tab:hover:not([aria-selected="true"]) {
    border-color: #071C33;
    background: #F4F6F5;
}

.kv-sol-ce-tab[aria-selected="true"] {
    background: #071C33 !important;
    color: #FFFFFF !important;
    border-color: #071C33 !important;
}

.kv-sol-ce-tab .kv-ce-tab-badge {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: #EAF7EF;
    color: #0B5E2C;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 800;
    transition: all .2s ease;
}

.kv-sol-ce-tab[aria-selected="true"] .kv-ce-tab-badge {
    background: #2BD46A !important;
    color: #06251A !important;
}

.kv-sol-ce-tab .kv-ce-tab-title {
    font-size: 20px;
    font-weight: 800;
}

/* Interactive Solution Buttons ("How Kouventa AI / CE helps") */
.kv-sol-btn-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    height: 100%;
}

.kv-help-sol-btn {
    flex: 1 1 0;
    min-height: 88px;
    max-height: 150px;
    box-sizing: border-box;
    width: 100%;
    text-align: left;
    font-family: inherit;
    color: inherit;
    cursor: pointer;
    border: 1px solid #E3E8E6;
    background: #FFFFFF;
    border-radius: 16px;
    padding: 14px 20px;
    display: flex;
    align-items: center;
    gap: 16px;
    transition: background .2s ease, border-color .2s ease, box-shadow .2s ease;
}

/* Solution AI Hero Constellation */
.kv-sol-ai-hero-wrap {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: visible;
}

.kv-sol-ai-hero-desktop {
    display: block !important;
    width: 440px !important;
    min-width: 440px !important;
    max-width: 440px !important;
    height: 370px !important;
    position: relative !important;
    flex-shrink: 0 !important;
}

.kv-sol-ai-hero-mobile {
    display: none !important;
}

@media (max-width: 768px) {
    .kv-sol-ai-hero-desktop {
        display: none !important;
    }

    .kv-sol-ai-hero-wrap {
        overflow: visible !important;
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .kv-sol-ai-hero-mobile {
        display: block !important;
        width: 330px !important;
        max-width: 100% !important;
        height: 365px !important;
        position: relative !important;
        flex-shrink: 0 !important;
        margin: 0 auto !important;
    }
}

@media (max-width: 360px) {
    .kv-sol-ai-hero-mobile {
        transform: scale(calc((100vw - 24px) / 330)) !important;
        transform-origin: top center !important;
        margin-bottom: calc((365px * (1 - ((100vw - 24px) / 330))) * -1) !important;
    }
}

/* Solution CE Hero Section Illustration */
.kv-sol-ce-hero-wrap {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: visible;
}

.kv-sol-ce-hero-desktop {
    display: block !important;
    width: 420px !important;
    min-width: 420px !important;
    max-width: 420px !important;
    height: 340px !important;
    position: relative !important;
    flex-shrink: 0 !important;
}

.kv-sol-ce-hero-mobile {
    display: none !important;
}

@media (max-width: 768px) {
    .kv-sol-ce-hero-desktop {
        display: none !important;
    }

    .kv-sol-ce-hero-wrap {
        overflow: visible !important;
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .kv-sol-ce-hero-mobile {
        display: block !important;
        width: 320px !important;
        max-width: 100% !important;
        height: 340px !important;
        position: relative !important;
        flex-shrink: 0 !important;
        margin: 0 auto !important;
    }
}

@media (max-width: 350px) {
    .kv-sol-ce-hero-mobile {
        margin-left: auto !important;
        margin-right: auto !important;
        transform: scale(calc((100vw - 24px) / 320)) !important;
        transform-origin: top center !important;
        margin-bottom: calc((340px * (1 - ((100vw - 24px) / 320))) * -1) !important;
    }
}

.kv-help-sol-btn:hover:not([aria-pressed="true"]) {
    border-color: #C9D2CE;
}

.kv-help-sol-btn[aria-pressed="true"] {
    border-color: #13803F !important;
    background: #EAF7EF !important;
    box-shadow: 0 0 0 3px rgba(19,128,63,.12) !important;
    animation: none !important;
}

.kv-help-sol-btn[aria-pressed="true"] .kv-help-sol-icon {
    background: #13803F !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 12px rgba(19,128,63,.25) !important;
}

.kv-help-sol-btn[aria-pressed="true"] .kv-help-sol-icon svg {
    stroke: #FFFFFF !important;
}

.kv-sol-btn-col.has-sol .kv-help-sol-btn:not([aria-pressed="true"]) {
    animation: none !important;
}

.kv-help-sol-icon {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    border-radius: 12px;
    background: #EAF7EF;
    color: #13803F;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kv-help-sol-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.kv-help-sol-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
    color: #0E1A24;
}

.kv-help-sol-desc {
    font-size: 14px;
    line-height: 1.55;
    color: #4A5866;
}

#solution-tabs {
    min-height: 800px;
}

.kv-sol-split-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 600px !important;
    column-gap: 24px !important;
    row-gap: 18px !important;
    align-items: stretch !important;
}

.kv-sol-ill-wrap {
    width: 100%;
    max-width: 600px;
    position: relative;
}

@media (max-width: 1199px) and (min-width: 1024px) {
    .kv-sol-split-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Solution Responsive Layout */
@media (max-width: 1023px) {
    #solution-tabs {
        padding: 48px 20px 64px !important;
        gap: 32px !important;
    }

    #solution-tabs div[role="tabpanel"] {
        padding: 0 !important;
        border-radius: 0 !important;
    }

    .kv-sol-ai-tablist {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .kv-sol-ai-tab {
        min-height: 52px !important;
        padding: 10px 8px !important;
        font-size: 14px !important;
        white-space: normal !important;
        line-height: 1.25 !important;
    }

    .kv-sol-ce-tablist {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .kv-sol-ce-tab {
        min-height: 64px !important;
        padding: 12px 14px !important;
        gap: 10px !important;
    }

    .kv-sol-ce-tab .kv-ce-tab-badge {
        width: 36px !important;
        height: 36px !important;
        font-size: 11px !important;
        border-radius: 10px !important;
    }

    .kv-sol-ce-tab .kv-ce-tab-title {
        font-size: 16px !important;
    }

    /* "How Kouventa AI/CE helps" 2-col to 1-col */
    .kv-sol-split-grid,
    div[style*="grid-template-columns: minmax(0, 1fr) 600px"] {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    .kv-sol-btn-col {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        height: auto !important;
    }

    .kv-help-sol-btn {
        flex: 0 0 auto !important;
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        padding: 18px 20px !important;
    }

    .kv-sol-ill-wrap {
        width: 100% !important;
        max-width: 600px !important;
        aspect-ratio: 600 / 520 !important;
        height: auto !important;
        position: relative !important;
        overflow: hidden !important;
        border-radius: 20px !important;
        margin: 0 auto !important;
        background: #FFFFFF !important;
        border: 1px solid #E3E8E6 !important;
        box-sizing: border-box !important;
    }

    .kv-sol-ill-wrap > div[id^="kv-ill-"],
    .kv-sol-ill-wrap > div#kv-ill {
        display: block !important;
        width: 600px !important;
        height: 520px !important;
        max-width: none !important;
        min-width: 600px !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        transform: scale(var(--ill-scale, min(1, calc((100vw - 42px) / 600px)))) !important;
        transform-origin: top left !important;
        border: none !important;
        border-radius: 0 !important;
        margin: 0 !important;
    }

    div[id^="kv-ill-"]:not(.kv-sol-ill-wrap > *),
    div#kv-ill:not(.kv-sol-ill-wrap > *) {
        width: 100% !important;
        max-width: 600px !important;
        margin: 0 auto !important;
    }

    /* Challenges grids */
    div[style*="grid-template-columns: repeat(3, minmax(0, 1fr))"],
    div[style*="grid-template-columns: repeat(4, minmax(0, 1fr))"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    /* Implementation journey */
    #impl-journey {
        padding: 0 20px 60px !important;
    }

    #impl-journey > div[style*="grid-template-columns: repeat(4, minmax(0, 1fr))"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 639px) {
    .kv-sol-ai-tablist {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .kv-sol-ce-tablist {
        grid-template-columns: 1fr !important;
    }

    .kv-sol-fin-wrap {
        width: 100% !important;
        flex-direction: column !important;
    }

    .kv-sol-fin-tab {
        width: 100% !important;
        text-align: center !important;
    }

    /* Challenges grids to 1 col */
    div[style*="grid-template-columns: repeat(3, minmax(0, 1fr))"],
    div[style*="grid-template-columns: repeat(4, minmax(0, 1fr))"] {
        grid-template-columns: 1fr !important;
    }

    /* Implementation journey to 1 col */
    #impl-journey > div[style*="grid-template-columns: repeat(4, minmax(0, 1fr))"] {
        grid-template-columns: 1fr !important;
    }

    /* Business impact grids to 1 col */
    div[style*="position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr))"],
    div[style*="position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr))"],
    div[style*="position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr))"] {
        grid-template-columns: 1fr !important;
    }

    .kv-help-sol-btn {
        max-height: none !important;
    }
}

/* ====================================================
   Insight / Blog Archive Grid (3 cols desktop, 2 cols mobile)
   ==================================================== */
.kv-insight-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: 32px;
    row-gap: 48px;
}

.kv-insight-card-img {
    width: 100%;
    aspect-ratio: 2.94 / 1;
    object-fit: cover;
    border-radius: 16px;
    display: block;
    background: #DCE3E0;
    transition: transform 0.3s ease;
}

.kv-insight-card:hover .kv-insight-card-img {
    transform: scale(1.02);
}

@media (max-width: 1023px) {
    .kv-insight-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 20px !important;
        row-gap: 36px !important;
    }
    .kv-insight-section {
        padding: 40px 24px 80px !important;
        gap: 36px !important;
    }
    .kv-insight-card-title {
        font-size: 16px !important;
    }
}

@media (max-width: 640px) {
    .kv-insight-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 12px !important;
        row-gap: 24px !important;
    }
    .kv-insight-section {
        padding: 32px 14px 64px !important;
        gap: 24px !important;
    }
    .kv-insight-card {
        gap: 10px !important;
    }
    .kv-insight-card-img {
        border-radius: 10px !important;
    }
    .kv-insight-card-title {
        font-size: 13.5px !important;
        line-height: 1.35 !important;
    }
    .kv-insight-category-pill {
        font-size: 10px !important;
        padding: 2px 7px !important;
    }
    .kv-insight-card-meta {
        font-size: 10.5px !important;
        gap: 4px 8px !important;
        flex-wrap: wrap !important;
    }
    .kv-insight-card-meta svg {
        width: 13px !important;
        height: 13px !important;
    }
    .kv-insight-card-readmore {
        font-size: 12px !important;
    }
    .kv-insight-cat-btn {
        min-height: 36px !important;
        padding: 6px 12px !important;
        font-size: 12.5px !important;
    }
}

/* --- Card & Component Interactive Hover Effects (14 October Parity) --- */
.kv-hover,
.kv-card-hover {
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.kv-hover:hover,
.kv-card-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 36px rgba(7, 28, 51, 0.10);
    border-color: #13803F;
}
.kv-hover-dark {
    transition: transform .2s ease, background .2s ease;
}
.kv-hover-dark:hover {
    transform: translateY(-4px);
    background: rgba(255, 255, 255, 0.06);
}

/* Standardized Logo Cards (for 300x100 canvas standard) */
.kv-logo-card img {
    max-height: 44px;
    max-width: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* --- Missing Keyframes for Product AI & CE (14 October Prototype Parity) --- */
@keyframes kvTravelY {
    0% { transform: translateY(0); opacity: 0; }
    15% { opacity: 1; }
    85% { opacity: 1; }
    100% { transform: translateY(var(--d)); opacity: 0; }
}

@keyframes kvTileOn {
    0% { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.08); }
    100% { background: rgba(43,212,106,0.14); border-color: rgba(43,212,106,0.7); }
}

@keyframes kvChOn {
    0% { background: rgba(255,255,255,0.06); }
    100% { background: #2BD46A; color: #06251A; border-color: #2BD46A; }
}

@keyframes kvM1 {
    0%, 2% { opacity: 0; transform: translateY(8px); }
    5%, 92% { opacity: 1; transform: none; }
    97%, 100% { opacity: 0; transform: none; }
}

@keyframes kvM2 {
    0%, 14% { opacity: 0; transform: translateY(8px); }
    17%, 92% { opacity: 1; transform: none; }
    97%, 100% { opacity: 0; transform: none; }
}

@keyframes kvM3 {
    0%, 28% { opacity: 0; transform: translateY(8px); }
    31%, 92% { opacity: 1; transform: none; }
    97%, 100% { opacity: 0; transform: none; }
}

@keyframes kvM4 {
    0%, 42% { opacity: 0; transform: translateY(8px); }
    45%, 92% { opacity: 1; transform: none; }
    97%, 100% { opacity: 0; transform: none; }
}

@keyframes kvM5 {
    0%, 54% { opacity: 0; transform: translateY(8px); }
    57%, 92% { opacity: 1; transform: none; }
    97%, 100% { opacity: 0; transform: none; }
}

@keyframes kvPanT {
    0.0% { transform: translateX(0px); }
    46.5% { transform: translateX(0px); }
    53.5% { transform: translateX(-64px); }
    60.5% { transform: translateX(-140px); }
    67.4% { transform: translateX(-216px); }
    74.4% { transform: translateX(-292px); }
    81.4% { transform: translateX(-368px); }
    90.7% { transform: translateX(-452px); }
    100.0% { transform: translateX(-536px); }
}

@keyframes kvDragHi {
    0% { transform: none; box-shadow: none; }
    30% { transform: translateX(6px) scale(1.04); background: rgba(43,212,106,0.18); border-color: #2BD46A; box-shadow: 0 0 0 3px rgba(43,212,106,0.2); }
    70% { transform: translateX(6px) scale(1.04); background: rgba(43,212,106,0.18); border-color: #2BD46A; }
    100% { transform: none; }
}

/* Flows Mockup Styles */
.kv-flow-type-active {
    background: #FFFFFF !important;
    color: #0E1A24 !important;
    box-shadow: 0 1px 3px rgba(7,28,51,0.12) !important;
}
.kv-flow-type-inactive {
    background: transparent !important;
    color: #4A5866 !important;
    box-shadow: none !important;
}

.kv-flow-check-active {
    background: #25D366 !important;
    border: 1.5px solid #25D366 !important;
}
.kv-flow-check-idle {
    background: #FFFFFF !important;
    border: 1.5px solid #D5DDD9 !important;
}

.kv-flow-btn-press {
    transform: scale(0.96) !important;
    background: #1EBE5D !important;
}
.kv-flow-btn-loading {
    background: #1EBE5D !important;
}

/* --- Global Responsive Fluid Container (Option 2) --- */
.kv-container {
    width: 100%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding-left: clamp(20px, 4vw, 64px);
    padding-right: clamp(20px, 4vw, 64px);
    box-sizing: border-box;
}

.kv-container-fluid {
    width: 100%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

.kv-contact-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    width: 100%;
}
@media (max-width: 860px) {
    .kv-contact-grid {
        grid-template-columns: 1fr;
    }
}