.c2k-retained-header,
.c2k-retained-footer {
    font-family: Arial, Helvetica, sans-serif;
    color: #142c48;
    line-height: 1.65;
}

.c2k-retained-header {
    background: #fff;
    position: relative;
    z-index: 20;
}

.c2k-retained-footer {
    background: #f3f7fb;
}

:is(.c2k-retained-header, .c2k-retained-footer) * {
    box-sizing: border-box;
}

:is(.c2k-retained-header, .c2k-retained-footer) a {
    color: inherit;
    text-decoration: none;
}

:is(.c2k-retained-header, .c2k-retained-footer) :is(a, summary):focus-visible {
    outline: 3px solid #5baeff;
    outline-offset: 4px;
}

:is(.c2k-retained-header, .c2k-retained-footer) img {
    max-width: 100%;
    height: auto;
}

.c2k-partner-strip {
    padding: 22px 24px 30px;
    background: #f3f7fb;
    border-top: 1px solid #e2eaf2;
    font: 400 13px/1.45 Arial, Helvetica, sans-serif;
    color: #415b75;
}

.c2k-partner-strip p {
    margin: 0 0 12px;
    text-align: center;
    font-weight: 600;
}

.c2k-partner-strip ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px 24px;
    list-style: none;
    margin: 0 auto;
    padding: 0;
}

.c2k-partner-strip li {
    margin: 0;
}

.c2k-partner-strip li img {
    display: block;
    width: 118px;
    height: auto;
}

.c2k-partner-strip .c2k-partner-aloha {
    display: grid;
    justify-items: center;
    gap: 3px;
    font-size: 11px;
}

.c2k-partner-strip .c2k-partner-aloha img {
    width: 110px;
    padding: 6px 8px;
    background: #142c48;
    border-radius: 5px;
}

:is(.c2k-retained-header, .c2k-retained-footer) .preview-header{display:flex;align-items:center;gap:30px;max-width:1440px;margin:auto;padding:23px 35px;position:relative;z-index:20;background:#fff}:is(.c2k-retained-header, .c2k-retained-footer) .preview-logo{width:178px;flex:none;line-height:0}:is(.c2k-retained-header, .c2k-retained-footer) .preview-header nav{display:flex;align-items:center;gap:24px;margin-left:auto;font-size:12px;font-weight:600}:is(.c2k-retained-header, .c2k-retained-footer) .preview-header nav>a:hover{color:#1479cc}:is(.c2k-retained-header, .c2k-retained-footer) .preview-app{font-size:11px;font-weight:600;padding:10px 14px;background:#edf5ff;border:1px solid #dceafb;border-radius:7px;color:#2477c8;white-space:nowrap}:is(.c2k-retained-header, .c2k-retained-footer) .product-menu{position:relative}:is(.c2k-retained-header, .c2k-retained-footer) .product-menu summary{cursor:pointer;list-style:none}:is(.c2k-retained-header, .c2k-retained-footer) .product-menu summary::-webkit-details-marker{display:none}:is(.c2k-retained-header, .c2k-retained-footer) .product-menu summary span{padding-left:6px}:is(.c2k-retained-header, .c2k-retained-footer) .product-menu>div{position:absolute;top:33px;left:-25px;background:#fff;border:1px solid #e0e9f2;border-radius:10px;width:310px;padding:10px;box-shadow:0 15px 40px #0e2f5517}:is(.c2k-retained-header, .c2k-retained-footer) .product-menu>div>a{display:block;padding:12px;font-size:11px}:is(.c2k-retained-header, .c2k-retained-footer) .product-menu>div>a:hover{background:#f1f7fd;border-radius:6px}:is(.c2k-retained-header, .c2k-retained-footer) .product-menu em{font-size:7px;color:#1b7bcd;background:#e8f5ff;padding:3px 5px;margin-left:5px;border-radius:4px;font-style:normal}:is(.c2k-retained-header, .c2k-retained-footer) .preview-footer{background:#f3f7fb;border-top:1px solid #e2eaf2;padding:45px max(28px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:50px;font-size:12px}:is(.c2k-retained-header, .c2k-retained-footer) .preview-footer img{width:170px}:is(.c2k-retained-header, .c2k-retained-footer) .preview-footer p{color:#8391a1;font-size:11px;margin-top:15px;line-height:1.9}:is(.c2k-retained-header, .c2k-retained-footer) .preview-footer a{display:block;color:#6e8399;font-size:11px;margin-bottom:11px}:is(.c2k-retained-header, .c2k-retained-footer) .preview-footer span{display:inline-block;border:1px solid #d6e3ef;border-radius:6px;padding:6px 10px;color:#7c91a4;font-size:9px}
@media(max-width:1120px){:is(.c2k-retained-header, .c2k-retained-footer) .preview-header{padding:20px 25px;gap:23px}:is(.c2k-retained-header, .c2k-retained-footer) .preview-header nav{gap:17px;font-size:11px}:is(.c2k-retained-header, .c2k-retained-footer) .preview-logo{width:153px}:is(.c2k-retained-header, .c2k-retained-footer) .preview-app{font-size:9px;padding:9px 11px}}
@media(max-width:850px){:is(.c2k-retained-header, .c2k-retained-footer) .preview-header{flex-wrap:wrap;padding:19px 25px;gap:18px;justify-content:space-between}:is(.c2k-retained-header, .c2k-retained-footer) .preview-header nav{order:3;flex-basis:100%;justify-content:space-between;margin:0;font-size:10px;gap:12px}:is(.c2k-retained-header, .c2k-retained-footer) .product-menu>div{left:-45px}:is(.c2k-retained-header, .c2k-retained-footer) .preview-footer{gap:30px}}
@media(max-width:600px){:is(.c2k-retained-header, .c2k-retained-footer) .preview-header{padding:16px 18px;gap:16px}:is(.c2k-retained-header, .c2k-retained-footer) .preview-logo{width:145px}:is(.c2k-retained-header, .c2k-retained-footer) .preview-app{font-size:8px}:is(.c2k-retained-header, .c2k-retained-footer) .preview-header nav{font-size:9px;gap:12px;flex-wrap:wrap;justify-content:flex-start}:is(.c2k-retained-header, .c2k-retained-footer) .product-menu>div{left:-45px;top:25px;width:290px}:is(.c2k-retained-header, .c2k-retained-footer) .preview-footer{padding:33px 20px;grid-template-columns:1fr 1fr;gap:25px}:is(.c2k-retained-header, .c2k-retained-footer) .preview-footer>div:first-child{grid-column:1/-1}:is(.c2k-retained-header, .c2k-retained-footer) .preview-footer p{font-size:10px}:is(.c2k-retained-header, .c2k-retained-footer) .preview-footer a{font-size:10px}:is(.c2k-retained-header, .c2k-retained-footer) .preview-footer span{font-size:8px}}

@media(max-width:600px){:is(.c2k-retained-header, .c2k-retained-footer) .preview-header nav{display:grid;grid-template-columns:repeat(3,1fr);font-size:11px;gap:9px 12px;width:100%}:is(.c2k-retained-header, .c2k-retained-footer) .preview-header nav>a,:is(.c2k-retained-header, .c2k-retained-footer) .product-menu>summary{padding:5px 0}:is(.c2k-retained-header, .c2k-retained-footer) .product-menu>div{left:-70px;top:35px}}
/* Display the supplied conversation screens at their native proportions. */:is(.c2k-retained-header, .c2k-retained-footer) .preview-logo img{width:220px;height:auto;max-width:100%}:is(.c2k-retained-header, .c2k-retained-footer) .preview-footer img{width:215px;height:auto}@media(max-width:760px){:is(.c2k-retained-header, .c2k-retained-footer) .preview-logo img{width:175px}}