.tl-flow-map{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:104px;max-width:1236px;margin:0 auto}.tl-flow-map:before,.tl-flow-map:after{content:none;position:absolute;z-index:0;pointer-events:none;background-repeat:no-repeat;background-size:contain}.tl-flow-card{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,530px) minmax(520px,1fr);grid-template-areas:"copy visual";gap:64px;align-items:center;min-height:520px;padding:48px}.tl-flow-card--two,.tl-flow-card--four,.tl-flow-card--support{margin-top:0;grid-template-columns:minmax(520px,1fr) minmax(0,530px);grid-template-areas:"visual copy"}.tl-flow-card--one:before,.tl-flow-card--two:before,.tl-flow-card--three:before,.tl-flow-card--four:before,.tl-flow-card--support:before{content:none}.tl-flow-number,.tl-flow-icon{width:76px;height:76px;flex:0 0 76px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,var(--brand),var(--brand-strong));color:#fff;box-shadow:0 18px 34px rgba(var(--brand-rgb),.2)}.tl-flow-number{font-size:2.32rem;font-weight:800;line-height:1}.tl-flow-icon svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.tl-flow-card--two .tl-flow-number,.tl-flow-card--four .tl-flow-number,.tl-flow-card--support .tl-flow-icon{left:auto;right:auto}.tl-flow-copy{grid-area:copy;position:relative;z-index:1;align-self:center;max-width:530px;padding:0}.tl-flow-title-row{display:flex;align-items:center;gap:24px}.tl-flow-copy :is(h1,h2,h3){margin:0;max-width:430px;color:var(--tl-ink, var(--ink));font-size:35px;font-weight:800;letter-spacing:0;line-height:1.16;text-wrap:balance}.tl-flow-copy p{max-width:34rem;margin:2rem 0 0;color:#6c7192;font-size:17px;line-height:1.52}.tl-flow-copy p strong{color:var(--tl-ink, var(--ink));font-weight:800}.tl-flow-copy ul{display:grid;gap:.78rem;padding:0;margin:1.5rem 0 0;list-style:none}.tl-flow-copy li{position:relative;min-height:58px;padding:14px 18px 14px 56px;border-radius:12px;background:#fff;color:#50635f;font-size:16px;line-height:1.45}.tl-flow-copy li:before{content:"";position:absolute;left:16px;top:18px;width:24px;height:24px;border-radius:7px;background:url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 5.6L5.2 9L12.5 1.5' stroke='white' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / .72rem auto no-repeat,linear-gradient(135deg,var(--brand),var(--brand-strong))}.tl-flow-actions{display:flex;align-items:center;gap:1rem;margin-top:clamp(30px,3.2vw,42px)}.tl-flow-actions .btn{--tl-button-height: 43px;--tl-button-padding: .72rem 1.55rem;flex:0 0 auto}.tl-flow-note{color:#69718f;font-size:.78rem;font-weight:600}.tl-flow-image{grid-area:visual;position:relative;z-index:1;align-self:center;justify-self:end;width:min(100%,594px);aspect-ratio:16 / 10;margin:0;border-radius:26px;overflow:hidden;background:#ffffffc2;box-shadow:0 28px 64px #0f172a1a}.tl-flow-card--two .tl-flow-image,.tl-flow-card--four .tl-flow-image,.tl-flow-card--support .tl-flow-image{justify-self:start}.tl-flow-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.tl-flow-support{max-width:1236px;margin:64px auto 0}@media(max-width:1024px){.tl-flow-map{grid-template-columns:1fr;max-width:720px}.tl-flow-map:before,.tl-flow-map:after{display:none}.tl-flow-card,.tl-flow-card--two,.tl-flow-card--four{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "visual";gap:32px;min-height:0;margin-top:0;padding:28px 0}.tl-flow-number,.tl-flow-icon,.tl-flow-card--two .tl-flow-number,.tl-flow-card--four .tl-flow-number{left:auto;right:auto;top:auto;margin-top:0}.tl-flow-copy{padding:0}.tl-flow-copy :is(h1,h2,h3){margin-left:0}}@media(max-width:720px){.tl-flow-card,.tl-flow-support{border-radius:24px;padding:22px}.tl-flow-card{gap:20px;grid-template-areas:"copy" "visual"}.tl-flow-title-row{gap:16px}.tl-flow-image{justify-self:stretch;width:100%;border-radius:20px}.tl-flow-number{width:58px;height:58px;flex-basis:58px;font-size:1.82rem}.tl-flow-icon{width:58px;height:58px;flex-basis:58px}.tl-flow-icon svg{width:30px;height:30px}.tl-flow-copy{padding:0}.tl-flow-copy :is(h1,h2,h3){max-width:none;font-size:2.05rem}.tl-flow-copy p{font-size:1rem}.tl-flow-copy li{font-size:.96rem}.tl-flow-actions{align-items:stretch;flex-direction:column;gap:.75rem}.tl-flow-actions .btn{width:100%}.tl-flow-note{text-align:center}}
