.tips-banner{border-radius:24px;position:relative;overflow:hidden}.tips-banner__image{object-fit:cover;width:100%;height:420px;display:block}.tips-banner__content{gap:var(--space-3);flex-direction:column;max-width:420px;display:flex;position:absolute;top:50%;left:48px;transform:translateY(-50%)}.tips-banner:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#fffffff2 0%,#ffffffd9 25%,#fff6 45%,#fff0 65%);position:absolute;inset:0}.tips-banner__image{z-index:0;position:relative}.tips-banner__content{z-index:2;position:absolute;top:50%;left:48px;transform:translateY(-50%)}.tips-banner__content h3{font-size:24px}.tips-banner__content p{opacity:.9;font-size:15px}.tips-banner .button{align-self:flex-start}@media (max-width:768px){.tips-banner__image{aspect-ratio:1/1.3;object-fit:cover;object-position:center bottom;width:100%;height:auto}.tips-banner__content{text-align:center;align-items:center;position:absolute;top:24px;left:24px;right:24px;transform:none}.tips-banner .button{align-self:center}.tips-banner:after{background:linear-gradient(#fffffff2 0%,#ffffffd9 25%,#fff6 50%,#fff0 75%)}}
.section--alt .section__footer{gap:var(--space-2);flex-wrap:wrap}.section--alt .button{height:44px}@media (max-width:768px){.section__footer{flex-direction:column;align-items:stretch}.section__footer .button{width:100%}}
.flow{gap:var(--space-4);text-align:center;grid-template-columns:repeat(3,1fr);display:grid;position:relative}.flow:before{content:"";background:var(--color-bg);height:2px;position:absolute;top:22px;left:12%;right:12%}.flow__step{align-items:center;gap:var(--space-2);flex-direction:column;display:flex;position:relative}.flow__step span{background:var(--color-accent-3-strong);width:40px;height:40px;color:var(--color-bg);border-radius:9999px;justify-content:center;align-items:center;font-weight:600;display:flex}.flow__step svg{opacity:.6}.flow__step h3{font-size:16px}.flow__step p{opacity:.7;font-size:14px}.flow__step--primary span{background:var(--color-accent-1-strong)}.flow__step--secondary span{background:var(--color-accent-2-strong)}.flow__step--tertiary span{background:var(--color-accent-3-strong)}@media (max-width:768px){.flow{gap:var(--space-3)}}