/* Compound Your Future | premium editorial fintech design system */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--cyf-bg:#f7f8f5;--cyf-ink:#142b2a;--cyf-green:#087f65;--cyf-muted:#617570;--cyf-border:#e1e9e3;--cyf-card:#fff}
html{scroll-behavior:smooth}body{background:var(--cyf-bg)!important;color:var(--cyf-ink)!important;font-family:'DM Sans',system-ui,sans-serif!important;-webkit-font-smoothing:antialiased}
header{background:#ffffffed!important;border-bottom:1px solid var(--cyf-border)!important;box-shadow:none!important;min-height:76px;display:flex!important;align-items:center;justify-content:space-between;gap:20px;padding:16px max(24px,calc((100% - 1160px)/2))!important}
header a,header .logo{color:var(--cyf-ink)!important;font-family:Manrope,system-ui,sans-serif!important;font-weight:800!important;text-decoration:none!important;letter-spacing:-.05em!important}
header a.brand-link{display:inline-flex;align-items:center;gap:9px;font-size:clamp(16px,2.5vw,21px)!important;line-height:1.2}
header a.brand-link .brand-emphasis{color:var(--cyf-green)!important}
header a.brand-link .brand-icon{display:inline-grid;place-items:center;background:var(--cyf-green);color:white!important;width:34px;height:34px;border-radius:10px;font-size:21px;flex-shrink:0;letter-spacing:0}
header nav a{font-family:'DM Sans',system-ui,sans-serif!important;font-size:13px!important;font-weight:700!important;letter-spacing:0!important;color:#49625b!important}
main{max-width:1160px!important;margin-left:auto!important;margin-right:auto!important}
h1,h2,h3{font-family:Manrope,system-ui,sans-serif!important;color:var(--cyf-ink)!important;letter-spacing:-.055em!important}
h1{font-size:clamp(2.4rem,5vw,4.25rem)!important;line-height:1.13!important}
h2{line-height:1.2!important}
p,.intro,.sub{line-height:1.75;color:var(--cyf-muted)}
a{color:var(--cyf-green)}
.panel,.card,.tool,.drop{border-color:var(--cyf-border)!important;border-radius:18px!important}
.panel,.card{box-shadow:0 10px 34px #1a3c2a0a!important}
button,.btn,input[type=submit]{border-radius:10px!important}
button{background:var(--cyf-green)!important}
input,select,textarea{border-radius:10px!important}
:focus-visible{outline:3px solid #d59e37!important;outline-offset:3px}
footer{background:#102e2c!important;color:#d7e8e0!important}
footer p,footer a{color:#d7e8e0!important}
@media(max-width:600px){header{min-height:67px;padding:13px 18px!important;flex-wrap:wrap}header a.brand-link{font-size:16px!important}header a.brand-link .brand-icon{width:29px;height:29px;font-size:18px}main{padding-left:18px!important;padding-right:18px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}