/* About: more useful content, site colors, compact responsive sections. */
.ab4-icon {width:20px;height:20px;flex-shrink:0;}
.ab4-hero {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:42px;padding:24px 0 28px;}
.ab4-eyebrow {font-size:11px;font-weight:700;letter-spacing:1.7px;color:var(--accent);}
.ab4-hero h1 {margin-top:18px;font-size:48px;font-weight:700;line-height:1.12;letter-spacing:-1.3px;}
.ab4-hero h1 span {color:var(--accent);}
.ab4-lead {margin-top:22px;font-size:19px;font-weight:500;line-height:1.5;}
.ab4-description {margin-top:14px;max-width:530px;font-size:16px;color:#77717f;line-height:1.65;}
.ab4-hero .ab3-art {min-width:0;}
.ab4-actions {display:flex;flex-wrap:wrap;align-items:center;gap:16px 22px;margin-top:28px;}
.ab4-button {display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:16px 20px;border-radius:12px;background:var(--accent);color:white;font-size:14px;font-weight:600;line-height:1.4;}
.ab4-button:hover {filter:brightness(.96);}
.ab4-text-link,.ab4-card-link {display:inline-flex;align-items:center;gap:10px;color:var(--accent);font-size:14px;font-weight:500;line-height:1.5;}
.ab4-text-link .ab4-icon {width:17px;height:17px;}
.ab4-audience,.ab4-operators {margin-top:42px;}
.ab4-section-head {display:flex;justify-content:space-between;align-items:flex-end;gap:24px;}
.ab4-section-head h2 {margin-top:12px;font-size:30px;font-weight:700;line-height:1.2;letter-spacing:-.6px;}
.ab4-section-head>p {font-size:14px;line-height:1.55;color:#8b818f;}
.ab4-audience-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px;}
.ab4-card {display:flex;flex-direction:column;padding:30px;border:1px solid #ebe6ef;background:white;border-radius:24px;min-width:0;}
.ab4-card-title {display:flex;align-items:center;gap:16px;}
.ab4-icon-tile {display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;border-radius:15px;background:color-mix(in srgb,var(--accent) 9%,white);color:var(--accent);}
.ab4-icon-tile .ab4-icon {width:24px;height:24px;}
.ab4-card h3 {margin:0;font-size:23px;font-weight:600;letter-spacing:-.3px;}
.ab4-card>p {margin-top:18px;font-size:15px;color:#77717f;line-height:1.65;}
.ab4-benefits {display:grid;gap:12px;padding:0;margin:22px 0 24px;list-style:none;}
.ab4-benefits li {display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;}
.ab4-benefits .ab4-icon {width:17px;height:17px;margin-top:2px;color:var(--accent);}
.ab4-card>.ab4-card-link {margin-top:auto;padding-top:18px;border-top:1px solid #eee9f0;}
.ab4-installment {display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:28px 48px;margin-top:48px;padding:36px;border-radius:28px;background:color-mix(in srgb,var(--accent) 8%,var(--light));scroll-margin-top:150px;}
.ab4-installment-copy {align-self:center;}
.ab4-installment h2 {margin-top:16px;font-size:36px;line-height:1.15;font-weight:700;letter-spacing:-.7px;}
.ab4-installment h2 span {color:var(--accent);}
.ab4-installment-copy>p:not(.ab4-eyebrow) {margin-top:20px;font-size:15px;line-height:1.65;color:#746a7c;}
.ab4-installment-copy>.ab4-card-link {margin-top:22px;}
.ab4-steps {display:grid;gap:12px;margin:0;padding:0;list-style:none;}
.ab4-steps li {display:flex;align-items:flex-start;gap:16px;padding:20px;background:white;border-radius:16px;}
.ab4-step-number {display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:11px;background:color-mix(in srgb,var(--accent) 8%,white);color:var(--accent);font-size:12px;font-weight:700;}
.ab4-steps h3 {margin:2px 0 6px;font-size:16px;font-weight:600;line-height:1.4;}
.ab4-steps p {font-size:13px;color:#857a8d;line-height:1.55;}
.ab4-outcome {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column:1/-1;gap:24px;padding-top:24px;border-top:1px solid color-mix(in srgb,var(--accent) 14%,transparent);}
.ab4-outcome p {display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;line-height:1.4;}
.ab4-outcome .ab4-icon {color:var(--accent);}
.ab4-section-description {margin-top:16px;max-width:700px;font-size:15px;line-height:1.6;color:#77717f;}
.ab4-operator-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px;}
.ab4-operator {padding:26px;border:1px solid #ebe6ef;border-radius:20px;background:white;min-width:0;}
.ab4-operator-logo {display:flex;align-items:center;height:40px;color:var(--accent);}
.ab4-operator-logo svg {width:154px;height:34px;}.ab4-operator-logo img {height:28px;max-width:100%;object-fit:contain;}
.ab4-operator p {display:flex;align-items:center;gap:8px;margin-top:18px;font-size:14px;color:#77717f;}
.ab4-operator p .ab4-icon {width:16px;height:16px;color:#a492ad;}
.ab4-operator>a {display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;margin-top:20px;border-top:1px solid #eee9f0;color:var(--accent);font-size:13px;}
.ab4-start {display:flex;align-items:center;justify-content:space-between;gap:36px;margin-top:48px;padding:36px 40px;border-radius:28px;background:var(--accent);color:white;}
.ab4-start h2 {font-size:28px;line-height:1.25;font-weight:600;letter-spacing:-.4px;}
.ab4-start p {margin-top:12px;max-width:420px;font-size:14px;line-height:1.55;color:#f1e3f5;}
.ab4-start-actions {display:flex;align-items:center;flex-direction:column;gap:16px;flex-shrink:0;}
.ab4-start .ab4-button {background:white;color:var(--accent);}.ab4-start .ab4-text-link {color:white;}
.ab3 a:focus-visible {outline:2px solid var(--accent);outline-offset:5px;}.ab4-start a:focus-visible {outline-color:white;}
@media(max-width:1100px) and (min-width:769px) {.ab4-hero {gap:24px;}.ab4-hero h1 {font-size:40px;}.ab4-description {font-size:15px;}.ab4-lead {font-size:17px;}.ab4-card {padding:24px;}.ab4-installment {gap:24px;padding:28px;}.ab4-installment h2 {font-size:31px;}}
@media(max-width:768px) {
 .ab4-hero {grid-template-columns:minmax(0,1fr);gap:28px;padding:0;}.ab4-eyebrow {font-size:10px;letter-spacing:1.3px;}.ab4-hero h1 {margin-top:14px;font-size:34px;line-height:1.12;letter-spacing:-.7px;}
 .ab4-lead {margin-top:18px;font-size:16px;}.ab4-description {margin-top:12px;font-size:14px;line-height:1.65;}.ab4-actions {margin-top:20px;gap:18px;}.ab4-button {padding:14px 18px;font-size:13px;}.ab4-text-link,.ab4-card-link {font-size:13px;}
 .ab4-hero .ab3-art {width:100%;max-width:420px;justify-self:center;aspect-ratio:345/360;}.ab4-hero .ab3-cat--5 {top:76%;}.ab4-hero .ab3-cat--6 {top:76%;}
 .ab4-audience,.ab4-operators {margin-top:36px;}.ab4-section-head {align-items:flex-start;flex-direction:column;gap:12px;}.ab4-section-head h2 {font-size:25px;margin-top:10px;letter-spacing:-.4px;}.ab4-section-head>p {font-size:13px;}.ab4-section-head>p br {display:none;}
 .ab4-audience-grid {grid-template-columns:minmax(0,1fr);gap:14px;margin-top:20px;}.ab4-card {padding:22px;border-radius:20px;}.ab4-card h3 {font-size:21px;}.ab4-card>p {margin-top:16px;font-size:14px;}.ab4-benefits {gap:10px;margin:18px 0 20px;}.ab4-benefits li {font-size:13px;}
 .ab4-installment {grid-template-columns:minmax(0,1fr);padding:24px 20px;gap:24px;margin-top:32px;border-radius:24px;scroll-margin-top:20px;}.ab4-installment h2 {font-size:30px;margin-top:12px;}.ab4-installment-copy>p:not(.ab4-eyebrow) {font-size:14px;margin-top:16px;}.ab4-steps li {padding:18px 16px;gap:12px;}.ab4-steps h3 {font-size:15px;}
 .ab4-outcome {grid-template-columns:minmax(0,1fr);gap:14px;padding-top:20px;}.ab4-outcome p {font-size:13px;}.ab4-section-description {font-size:14px;margin-top:14px;}
 .ab4-operator-grid {grid-template-columns:minmax(0,1fr);gap:12px;margin-top:20px;}.ab4-operator {padding:22px;}.ab4-operator p {margin-top:14px;}.ab4-operator>a {margin-top:16px;}
 .ab4-start {align-items:flex-start;flex-direction:column;padding:26px 22px;gap:24px;margin-top:32px;border-radius:24px;}.ab4-start h2 {font-size:25px;}.ab4-start p {font-size:13px;}.ab4-start-actions {align-items:flex-start;}
}
