.yb-ab{--yb-ab-ratio:4 / 5;--yb-gap:clamp(36px, 6vw, 96px)}.yb-ab__grid{gap:var(--yb-gap);grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:center;display:grid}.yb-ab__portrait{position:relative}.yb-ab__frame{aspect-ratio:var(--yb-ab-ratio);border-radius:var(--yb-radius-xl);background:var(--yb-tint-2);box-shadow:var(--yb-shadow);position:relative;overflow:hidden}.yb .yb-ab__img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.yb-ab__placeholder{width:100%;height:100%;color:var(--yb-ink-soft);place-items:center;display:grid}.yb-ab__placeholder .yb-icon{opacity:.4;width:48px;height:48px}.yb-ab__caption{border-radius:var(--yb-radius);background:var(--yb-white,#fff);box-shadow:var(--yb-shadow,0 10px 30px -12px #0f1b3359);align-items:center;padding:12px 16px;display:inline-flex;position:absolute;bottom:12px;left:12px}.yb-ab__caption .yb-ab__logo{object-fit:contain;width:auto;max-width:140px;height:40px;display:block}.yb-ab__eyebrow{margin-bottom:18px}.yb-ab__intro{max-width:34rem;color:var(--yb-ink);margin-top:22px;font-size:clamp(1rem,.95rem + .25vw,1.12rem);font-weight:600;line-height:1.5}.yb-ab__text{margin-top:16px;font-size:.92rem}.yb-ab__benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px;margin-top:28px;display:grid}.yb-ab__benefits li{align-items:flex-start;gap:10px;font-size:.86rem;font-weight:500;line-height:1.45;display:flex}.yb-ab__benefits .yb-icon{width:18px;height:18px;color:var(--yb-blue);flex:none}.yb-ab__benefits .yb-icon--check{--yb-check-ink:var(--yb-blue-ink)}.yb-ab__steps{grid-template-columns:repeat(min(var(--n,3), 3), minmax(0, 1fr));counter-reset:none;gap:10px;margin-top:36px;display:grid}.yb-ab__step{border:1px solid var(--yb-line);border-top:3px solid var(--yb-blue-line);border-radius:var(--yb-radius);background:var(--yb-tint);transition:border-color var(--yb-mid) ease, background-color var(--yb-mid) ease;flex-direction:column;gap:6px;padding:16px 16px 18px;display:flex}.yb-ab__step:hover{border-top-color:var(--yb-blue);background:var(--yb-white)}.yb-ab__step-title{color:var(--yb-ink);font-size:.95rem;font-weight:700}.yb-ab__step-text{color:var(--yb-ink-soft);font-size:.8rem;line-height:1.5}.yb-ab__actions{margin-top:32px}@media (width<=899px){.yb-ab__grid{grid-template-columns:minmax(0,1fr)}.yb-ab__portrait{max-width:520px}}@media (width>=600px) and (width<=899px){.yb-ab{--yb-ab-ratio:16 / 10}.yb-ab__portrait{max-width:none}}@media (width<=599px){.yb-ab__benefits,.yb-ab__steps{grid-template-columns:minmax(0,1fr)}}