.home-charts {
    display:grid;
    grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
    align-items:center;
    gap:48px;
    margin:clamp(40px,5vw,64px) 0 0;
    scroll-margin-top:100px;
    padding:48px 36px;
    border:1px solid color-mix(in srgb,var(--gold) 22%,transparent);
    border-radius:18px;
    background:radial-gradient(ellipse at 85% 50%,#e8c0470e,transparent 65%),color-mix(in srgb,var(--surface) 45%,transparent);
    -webkit-backdrop-filter:blur(2px);
    backdrop-filter:blur(2px);
}
.home-charts-copy{min-width:0}
.home-charts h2{margin:18px 0;font-size:clamp(28px,2.6vw,38px);line-height:1.15;letter-spacing:-1.3px}
.home-charts-copy>p:not(.eyebrow){max-width:440px;font-size:14px;line-height:1.85;color:var(--muted)}
.home-charts-styles{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;padding:0;margin:20px 0 26px;font-size:11px;font-weight:600;color:var(--text)}
.home-charts-styles li{display:flex;align-items:center;gap:7px}
.home-charts-styles li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--gold)}
.home-charts-actions{display:flex;flex-wrap:wrap;gap:10px}
.home-charts-actions .button{gap:9px}
.home-charts-actions .icon{width:16px;height:16px}
.home-charts-copy>p.home-charts-note{margin-top:18px;font-size:11px;line-height:1.7}
.home-charts-note a{text-decoration:underline;text-underline-offset:3px}
.home-charts-note a:hover{color:var(--text)}
.home-charts-art{position:relative;display:block;isolation:isolate;min-width:0;transform:rotate(-2deg);transition:transform .3s ease;border-radius:12px;outline-offset:6px}
.home-charts-art::before{content:"";position:absolute;inset:-12px;z-index:-1;border:1px solid #e8c04730;border-radius:17px;transform:rotate(4deg);background:linear-gradient(135deg,#e8c0470a,transparent 60%)}
.home-charts-art img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 16px 38px #0004}
.home-charts-art-cta{position:absolute;bottom:16px;left:50%;display:flex;align-items:center;justify-content:center;gap:10px;width:max-content;max-width:calc(100% - 24px);padding:10px 15px;border:1px solid #e8c04766;border-radius:6px;background:#171912f2;color:#f7e4a1;font-size:12px;font-weight:600;opacity:0;transform:translate(-50%,5px);transition:opacity .2s,transform .2s;pointer-events:none}
.home-charts-art-cta .icon{width:16px;height:16px}
@media(hover:hover){.home-charts-art:hover{transform:rotate(0deg) translateY(-3px)}.home-charts-art:hover .home-charts-art-cta{opacity:1;transform:translate(-50%,0)}}
.home-charts-art:focus-visible{transform:rotate(0deg)}
.home-charts-art:focus-visible .home-charts-art-cta{opacity:1;transform:translate(-50%,0)}
:root[data-theme=light] .home-charts-art img{box-shadow:0 16px 32px #25271f26}
@media(max-width:1100px){.home-charts{gap:32px;padding:36px 28px}.home-charts-actions .button{padding:11px 13px}}
@media(max-width:960px){
    .home-charts{grid-template-columns:minmax(0,1fr);gap:36px;padding:32px}
    .home-charts-copy>p:not(.eyebrow){max-width:620px}
    .home-charts-art{margin:6px 4px 10px}
}
@media(max-width:560px){
    .home-charts{padding:26px 16px;gap:24px;border-radius:12px}
    .home-charts h2{font-size:29px;letter-spacing:-1px}
    .home-charts .eyebrow{font-size:9px;letter-spacing:1.3px}
    .home-charts-copy>p:not(.eyebrow){font-size:13px}
    .home-charts-actions{flex-direction:column}
    .home-charts-actions .button{width:100%}
    .home-charts-copy>p.home-charts-note{font-size:11px}
    .home-charts-art{margin:6px 4px}
    .home-charts-art::before{inset:-7px;border-radius:12px}
}
@media(prefers-reduced-motion:reduce){.home-charts-art,.home-charts-art-cta{transition:none}}