.vo-breakdowns { --vb-green:#30463f; --vb-peach:#ffa882; --vb-paper:#fbf8f5; --vb-line:#e9ddd4; color:#51605b; overflow:hidden; }
.vo-breakdowns *, .vo-breakdowns *::before, .vo-breakdowns *::after { box-sizing:border-box; }
.vo-breakdowns h1, .vo-breakdowns h2, .vo-breakdowns h3, .vo-breakdowns p { margin-top:0; }
.vo-breakdowns h1, .vo-breakdowns h2, .vo-breakdowns h3 { color:var(--vb-green); font-weight:800; line-height:1.12; text-align:left; }
.vo-breakdowns__eyebrow { margin:0 0 16px; color:#bd714f; font-size:12px; font-weight:800; letter-spacing:.16em; }
.vo-breakdowns__hero { padding:95px 0 105px; background:linear-gradient(105deg,#fbf8f5 0%,#f2f8f5 100%); scroll-margin-top:230px; }
.vo-breakdowns__hero-inner { display:flex !important; align-items:center; gap:clamp(38px,7vw,110px); }
.vo-breakdowns__hero-copy { flex:1 1 66%; min-width:0; float:none !important; }
.vo-breakdowns__hero h1 { max-width:800px; margin:0 0 24px; font-size:clamp(34px,4.4vw,62px); letter-spacing:-.035em; }
.vo-breakdowns__hero-copy > p:not(.vo-breakdowns__eyebrow) { max-width:730px; margin:0 0 30px; font-size:17px; line-height:1.7; }
.vo-breakdowns__button { display:inline-flex; align-items:center; gap:18px; min-height:50px; padding:14px 20px; border-radius:5px; background:var(--vb-peach); color:#fff !important; font-size:14px; font-weight:800; text-decoration:none !important; transition:transform 1.3s cubic-bezier(.22,1,.36,1), background-color 1.3s cubic-bezier(.22,1,.36,1); }
.vo-breakdowns__button:hover { background:#ed906a; transform:translateY(-5px); }
.vo-breakdowns__hero-note { flex:0 1 32%; min-width:260px; padding:36px 32px; border:1px solid #dbe9e2; border-radius:12px; background:#fff; box-shadow:0 24px 50px rgba(48,70,63,.08); }
.vo-breakdowns__hero-note > span { display:block; margin-bottom:22px; color:#bf7655; font-size:13px; font-weight:800; letter-spacing:.14em; }
.vo-breakdowns__hero-note strong { display:block; margin-bottom:14px; color:var(--vb-green); font-size:clamp(25px,2.4vw,34px); line-height:1.12; }
.vo-breakdowns__hero-note p { margin:0; font-size:14px; line-height:1.65; }
.vo-breakdowns__section { padding-top:100px; padding-bottom:112px; scroll-margin-top:190px; }
.vo-breakdowns__heading { max-width:720px; margin:0 0 42px; }
.vo-breakdowns__heading h2 { margin:0 0 15px; font-size:clamp(30px,3.4vw,45px); }
.vo-breakdowns__heading > p:last-child { margin:0; font-size:16px; line-height:1.7; }
.vo-breakdowns__grid { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.vo-breakdowns__card { min-width:0; overflow:hidden; border:1px solid var(--vb-line); border-radius:12px; background:#fff; box-shadow:0 10px 24px rgba(48,70,63,.045); transition:transform 1.3s cubic-bezier(.22,1,.36,1), box-shadow 1.3s cubic-bezier(.22,1,.36,1); }
.vo-breakdowns__card:hover { transform:translateY(-6px); box-shadow:0 20px 36px rgba(48,70,63,.11); }
.vo-breakdowns__media { height:230px; overflow:hidden; background:#eee; }
.vo-breakdowns__media img { display:block; width:100%; height:100%; object-fit:cover; transition:transform 1.3s cubic-bezier(.22,1,.36,1); }
.vo-breakdowns__card:hover .vo-breakdowns__media img { transform:scale(1.065); }
.vo-breakdowns__body { padding:26px 25px 29px; }
.vo-breakdowns__number { display:block; margin:0 0 15px; color:#bf7655; font-size:11px; font-weight:800; letter-spacing:.13em; }
.vo-breakdowns__body h3 { margin:0 0 15px; font-size:clamp(21px,2vw,27px); }
.vo-breakdowns__body > p { min-height:112px; margin:0 0 21px; font-size:14px; line-height:1.7; }
.vo-breakdowns__advice { padding-top:16px; border-top:1px solid var(--vb-line); font-size:13px; line-height:1.6; }
.vo-breakdowns__advice b { display:block; margin-bottom:5px; color:var(--vb-green); font-size:13px; }
.vo-breakdowns__advice span { display:block; }
.vo-breakdowns__card--feature { grid-column:1 / -1; display:flex !important; min-height:360px; }
.vo-breakdowns__card--feature .vo-breakdowns__media { flex:0 0 46%; height:auto; min-height:360px; }
.vo-breakdowns__card--feature .vo-breakdowns__body { flex:1; display:flex; flex-direction:column; justify-content:center; padding:38px 44px; }
.vo-breakdowns__card--feature .vo-breakdowns__body > p { min-height:0; max-width:580px; font-size:16px; }
.vo-breakdowns__card--feature .vo-breakdowns__advice { max-width:580px; }
.vo-breakdowns__urgent { padding:88px 0; background:var(--vb-green); color:#e4eee8; scroll-margin-top:230px; }
.vo-breakdowns__urgent-inner { display:flex !important; flex-wrap:nowrap; gap:clamp(35px,7vw,90px); align-items:center; }
.vo-breakdowns__urgent-intro { flex:0 1 45%; min-width:0; width:auto !important; float:none !important; }
.vo-breakdowns__urgent .vo-breakdowns__eyebrow { color:#ffc7a8; }
.vo-breakdowns__urgent h2 { max-width:530px; margin:0 0 19px; color:#fff; font-size:clamp(30px,3.3vw,44px); }
.vo-breakdowns__urgent-intro > p:not(.vo-breakdowns__eyebrow) { max-width:520px; margin:0 0 26px; font-size:16px; line-height:1.65; }
.vo-breakdowns__urgent-list { flex:1 1 55%; min-width:0; width:auto !important; display:grid; gap:12px; float:none !important; }
.vo-breakdowns__urgent-list > div { position:relative; min-height:92px; padding:18px 20px 18px 78px; border:1px solid rgba(255,255,255,.18); border-radius:9px; background:rgba(255,255,255,.065); }
.vo-breakdowns__urgent-list span { position:absolute; top:19px; left:20px; display:grid; width:38px; height:38px; place-items:center; border-radius:50%; background:#ffa882; color:var(--vb-green); font-size:12px; font-weight:800; }
.vo-breakdowns__urgent-list strong { display:block; margin-bottom:4px; color:#fff; font-size:17px; }
.vo-breakdowns__urgent-list p { margin:0; font-size:13px; line-height:1.5; }
@media(max-width:1100px) { .vo-breakdowns__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .vo-breakdowns__body > p { min-height:0; } }
@media(max-width:800px) { .vo-breakdowns__hero-inner { flex-direction:column; align-items:stretch; } .vo-breakdowns__hero-note { flex:none; min-width:0; } .vo-breakdowns__urgent-inner { flex-direction:column; align-items:stretch; } .vo-breakdowns__urgent-intro,.vo-breakdowns__urgent-list { flex:none; width:100% !important; } }
@media(max-width:640px) { .vo-breakdowns__hero { padding:72px 0; } .vo-breakdowns__hero h1 { font-size:35px; } .vo-breakdowns__hero-copy > p:not(.vo-breakdowns__eyebrow) { font-size:15px; } .vo-breakdowns__hero-note { padding:26px; } .vo-breakdowns__section { padding-top:70px; padding-bottom:75px; } .vo-breakdowns__grid { grid-template-columns:1fr; gap:17px; } .vo-breakdowns__card--feature { display:block !important; min-height:0; } .vo-breakdowns__card--feature .vo-breakdowns__media { height:230px; min-height:0; } .vo-breakdowns__card--feature .vo-breakdowns__body { display:block; padding:26px 25px 29px; } .vo-breakdowns__media { height:230px; } .vo-breakdowns__body h3 { font-size:23px; } .vo-breakdowns__urgent { padding:72px 0; } }
@media(prefers-reduced-motion:reduce) { .vo-breakdowns__card,.vo-breakdowns__media img,.vo-breakdowns__button { transition:none; } }