/* The business application card is independent of the shared header/footer. */
.tl .tl-partners { padding-top: 28px; padding-bottom: 78px; }
.tl .tl-partner-row.tl-partner-panel {
    --tl-partner-x: 50%;
    --tl-partner-y: 50%;
    position: relative;
    display: grid;
    grid-template-columns: 80px minmax(0,1fr) auto;
    align-items: center;
    gap: 28px;
    padding: 44px 40px;
    border: 1px solid #f0e5da;
    border-color: color-mix(in srgb,var(--tl-orange) 16%,#eeece8);
    border-radius: 27px;
    background: linear-gradient(115deg,#fffcf8 0%,#fff9f2 46%,#f4faff 100%);
    box-shadow: 0 15px 35px #8d786507, inset 0 1px 0 #fff;
    overflow: hidden;
    isolation: isolate;
    transition: border-color .3s, box-shadow .3s;
}
.tl .tl-partner-panel::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: -1;
    background: radial-gradient(280px circle at var(--tl-partner-x) var(--tl-partner-y),rgba(var(--primary-color-rgb),.07),transparent 75%);
    opacity: 0;
    transition: opacity .35s;
}
.tl .tl-partner-panel:hover::before, .tl .tl-partner-panel:focus-within::before { opacity: 1; }
.tl .tl-partner-panel:hover, .tl .tl-partner-panel:focus-within { border-color: #e8cdb7; border-color: color-mix(in srgb,var(--tl-orange) 27%,#e9e4dc); box-shadow: 0 18px 40px #8d78650c, inset 0 1px 0 #fff; }
.tl .tl-partner-decoration { position: absolute; right: -80px; top: -165px; width: 340px; height: 340px; border: 1px solid #dbe9f275; border-radius: 50%; z-index: -1; pointer-events: none; }
.tl .tl-partner-decoration::after { content: ''; position: absolute; inset: 25px; border: 1px solid #dbe9f250; border-radius: inherit; }
.tl .tl-partner-panel > .tl-partner-symbol {
    position: relative;
    width: 80px;
    height: 80px;
    border: 1px solid #f1dfcc;
    border-color: color-mix(in srgb,var(--tl-orange) 19%,#f3e8dc);
    border-radius: 23px;
    color: var(--tl-orange);
    background: linear-gradient(145deg,#fff,#fff5e9);
    box-shadow: 0 8px 20px #bd8d5709, inset 0 1px 0 #fff;
    transform: rotate(-5deg);
    transition: transform .3s;
}
.tl .tl-partner-panel:hover > .tl-partner-symbol { transform: rotate(0); }
.tl .tl-partner-panel > .tl-partner-symbol > .tl-icon { width: 36px; height: 36px; }
.tl .tl-partner-copy { min-width: 0; position: relative; }
.tl .tl-partner-panel .tl-kicker { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 15px; padding: 6px 10px; background: #ffffffb8; border: 1px solid #f0e4d8; border-radius: 99px; color: #9c704b; font-size: 9px; letter-spacing: 1.3px; line-height: 1.5; }
.tl .tl-partner-panel .tl-kicker > span { width: 5px; height: 5px; border-radius: 50%; background: var(--tl-orange); flex-shrink: 0; }
.tl .tl-partner-panel h2 { color: #474448; font-size: 29px; font-weight: 800; line-height: 1.3; letter-spacing: -.9px; text-wrap: balance; }
.tl .tl-partner-panel h2 > span { color: #9a6947; }
.tl .tl-partner-panel .tl-partner-copy > p:not(.tl-kicker) { max-width: 470px; margin-top: 13px; color: #8e8581; font-size: 12px; line-height: 1.85; }
.tl .tl-partner-cta { position: relative; min-width: 0; }
.tl .tl-partner-panel .tl-partner-action {
    min-height: 62px;
    justify-content: space-between;
    gap: 23px;
    padding: 12px 13px 12px 21px;
    border: 1px solid #edcbb0;
    border-color: color-mix(in srgb,var(--tl-orange) 29%,#f5e7d9);
    border-radius: 16px;
    color: #9c5329;
    color: color-mix(in srgb,var(--tl-orange) 48%,#49392b);
    background: linear-gradient(110deg,#fffdf9,#fff1e0);
    box-shadow: 0 7px 16px #bf8d530a, inset 0 1px 0 #fff;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
    transition: transform .25s, background .25s, border-color .25s, box-shadow .25s;
}
.tl .tl-partner-panel .tl-partner-action:hover { color: #89451e; background: linear-gradient(110deg,#fffaf3,#ffe8cd); border-color: #e7b88f; border-color: color-mix(in srgb,var(--tl-orange) 43%,#f0dbc4); box-shadow: 0 10px 22px #bf8d5317, inset 0 1px 0 #fff; transform: translateY(-2px); }
.tl .tl-partner-action-arrow { display: grid; place-items: center; width: 35px; height: 35px; background: #ffffffd4; border: 1px solid #f4dcc4; border-radius: 11px; transition: transform .25s; }
.tl .tl-partner-action-arrow > .tl-icon { width: 18px; height: 18px; }
.tl .tl-partner-action:hover .tl-partner-action-arrow { transform: translateX(3px); }
@media (max-width: 1050px) {
    .tl .tl-partner-row.tl-partner-panel { grid-template-columns: 66px minmax(0,1fr) auto; padding: 33px 28px; gap: 22px; }
    .tl .tl-partner-panel > .tl-partner-symbol { width: 66px; height: 66px; border-radius: 19px; }
    .tl .tl-partner-panel > .tl-partner-symbol > .tl-icon { width: 31px; height: 31px; }
    .tl .tl-partner-panel h2 { font-size: 25px; }
    .tl .tl-partner-panel .tl-partner-action { font-size: 12px; gap: 16px; padding-left: 16px; }
}
@media (max-width: 800px) {
    .tl .tl-partner-row.tl-partner-panel { grid-template-columns: 66px minmax(0,1fr); gap: 22px; padding: 32px; }
    .tl .tl-partner-cta { grid-column: 2; }
    .tl .tl-partner-panel h2 { font-size: 27px; }
}
@media (max-width: 650px) {
    .tl .tl-partners { padding-top: 8px; padding-bottom: 46px; }
    .tl .tl-partner-row.tl-partner-panel { grid-template-columns: minmax(0,1fr); gap: 22px; padding: 28px 24px 24px; border-radius: 23px; }
    .tl .tl-partner-panel > .tl-partner-symbol { width: 61px; height: 61px; border-radius: 18px; }
    .tl .tl-partner-panel > .tl-partner-symbol > .tl-icon { width: 29px; height: 29px; }
    .tl .tl-partner-panel .tl-kicker { margin-bottom: 13px; font-size: 8px; letter-spacing: .85px; padding: 6px 8px; gap: 6px; }
    .tl .tl-partner-panel h2 { font-size: 28px; line-height: 1.25; letter-spacing: -.8px; }
    .tl .tl-partner-panel h2 > span { display: block; margin-top: 3px; }
    .tl .tl-partner-panel .tl-partner-copy > p:not(.tl-kicker) { font-size: 12px; line-height: 1.9; margin-top: 15px; }
    .tl .tl-partner-cta { grid-column: 1; }
    .tl .tl-partner-panel .tl-partner-action { width: 100%; min-height: 60px; font-size: 12px; padding: 12px 13px 12px 17px; }
}
@media (max-width: 360px) {
    .tl .tl-partner-row.tl-partner-panel { padding: 25px 20px 21px; }
    .tl .tl-partner-panel h2 { font-size: 25px; }
    .tl .tl-partner-panel .tl-kicker { letter-spacing: .55px; }
}
@media (prefers-reduced-motion: reduce) {
    .tl .tl-partner-panel, .tl .tl-partner-panel::before, .tl .tl-partner-panel .tl-partner-symbol, .tl .tl-partner-panel .tl-partner-action, .tl .tl-partner-action-arrow { transition: none !important; }
    .tl .tl-partner-panel::before { display: none; }
    .tl .tl-partner-panel:hover > .tl-partner-symbol, .tl .tl-partner-panel .tl-partner-action:hover, .tl .tl-partner-action:hover .tl-partner-action-arrow { transform: none; }
}