.blog{--bg:#f8f9f6;--surface:#fff;--fg:#111a15;--muted:#5f6f66;--line:#dde5df;--brand:#0f4b33;--brand-2:#007956;--tint:#eef3ee;--mint:#ecfdf5;background:var(--bg);color:var(--fg);font-size:17px;line-height:1.65}.dark .blog{--bg:#0e1a14;--surface:#15241d;--fg:#ecf1ed;--muted:#a9b8af;--line:#27392f;--brand:#8fd3b6;--brand-2:#5fc29a;--tint:#152820;--mint:#13301f}.blog :is(.hero,.under,.article,.more,.index) a{color:var(--brand);border-bottom:1px solid color-mix(in srgb,var(--brand)35%,transparent)}.blog :is(.hero,.under,.article,.more,.index) a:hover{border-bottom-color:var(--brand)}.blog .hero{max-width:1100px;margin:0 auto;padding:56px 20px 28px}.blog .eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--brand);flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.blog .eyebrow .dot{color:var(--muted);letter-spacing:0;text-transform:none;font-weight:400}.blog .eyebrow a{border:0}.blog h1{letter-spacing:-.02em;text-wrap:balance;max-width:30ch;margin:16px 0 18px;font-size:clamp(30px,4.6vw,50px);font-weight:650;line-height:1.08}.blog .lede{color:var(--muted);max-width:60ch;margin:0;font-size:21px;line-height:1.5}.blog .meta{color:var(--muted);flex-wrap:wrap;gap:18px;margin-top:22px;font-size:14px;display:flex}.blog .kpi{border-left:4px solid var(--brand-2);background:var(--mint);border-radius:0 14px 14px 0;flex-direction:column;gap:8px;max-width:640px;margin-top:30px;padding:22px 26px;display:flex}.blog .kpi .n{letter-spacing:-.03em;color:var(--brand);font-size:clamp(40px,6vw,64px);font-weight:650;line-height:1}.blog .kpi .t{color:var(--fg);max-width:52ch;font-size:17px;line-height:1.45}.blog .hero-img{color:#fff;isolation:isolate;background-position:50% 35%;background-size:cover;align-items:flex-end;max-width:none;min-height:min(640px,72vh);padding:0;display:flex;position:relative}.blog .hero-img:before{content:"";z-index:-1;background:linear-gradient(#08120d1a 0%,#08120d66 45%,#08120ddb 100%);position:absolute;inset:0}.blog .hero-img .in{width:100%;max-width:1100px;margin:0 auto;padding:120px 20px 36px}.blog .hero-img .eyebrow,.blog .hero-img .eyebrow .dot{color:#cfebdd}.blog .hero-img h1{color:#fff;text-shadow:0 2px 24px #00000059;max-width:26ch}.blog .hero-img .lede{color:#e6f1ea;max-width:56ch}.blog .hero-img .meta{color:#cfebdd;margin-top:18px}.blog .hero-img .cred{letter-spacing:.06em;text-transform:uppercase;color:#ffffffa6;font-size:11px;position:absolute;bottom:12px;right:20px}.blog .under{max-width:1100px;margin:0 auto;padding:24px 20px 0}.blog .under .kpi{margin-top:0}.blog .under .pie{color:var(--muted);max-width:70ch;margin:14px 0 0;font-size:14px}.blog .article{max-width:1100px;margin:0 auto;padding:8px 20px 64px}.blog .article>*{min-width:0;max-width:68ch}.blog .article>.viz{max-width:none}.blog h2{letter-spacing:-.015em;text-wrap:balance;margin:44px 0 12px;font-size:26px;font-weight:650;line-height:1.2}.blog h2.tldr{letter-spacing:.1em;text-transform:uppercase;color:var(--brand);margin-top:12px;font-size:14px}.blog h2.tldr+ul{background:var(--tint);border-radius:14px;margin:0 0 8px;padding:18px 22px 18px 40px}.blog h2.tldr+ul li{margin:6px 0}.blog h2.sirve+ul{gap:10px;margin:0 0 8px;padding:0;list-style:none;display:grid}.blog h2.sirve+ul li{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--brand-2);border-radius:0 12px 12px 0;margin:0;padding:12px 16px}.blog p{margin:0 0 16px}.blog ul,.blog ol{margin:0 0 16px;padding-left:24px}.blog ul{list-style:outside}.blog ol{list-style:decimal}.blog li{margin:4px 0}.blog li::marker{color:var(--brand-2)}.blog strong{font-weight:650}.blog code{background:var(--tint);border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.blog .viz{border:1px solid var(--line);background:#fff;border-radius:16px;width:100%;margin:28px 0 32px;overflow:hidden;box-shadow:0 1px 2px #0000000a}.blog .viz svg.chart{width:100%;height:auto;display:block}.blog .viz svg.chart text{font-family:var(--font-sans),Archivo,"Helvetica Neue",Arial,sans-serif}.blog .faq{border-top:1px solid var(--line);padding:16px 0 4px}.blog .faq h3{margin:0 0 6px;font-size:17px;font-weight:650}.blog .faq p{color:var(--muted)}.blog .nota{color:var(--muted);border-left:3px solid var(--line);margin-top:28px;padding-left:14px;font-size:14px}.blog .more{background:var(--tint);border-top:1px solid var(--line)}.blog .more .in{max-width:1100px;margin:0 auto;padding:48px 20px 56px}.blog .more h2{margin:0 0 20px;font-size:22px}.blog .more h2 a{border:0;font-size:16px;font-weight:500}.blog .cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.blog .card{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:8px;min-width:0;padding:18px 20px;display:flex}.blog .card a{color:var(--fg);border:0;font-weight:650;line-height:1.3}.blog .card a:hover{color:var(--brand)}.blog .card .k{letter-spacing:.08em;text-transform:uppercase;color:var(--brand);font-size:12px;font-weight:600}.blog .card p{color:var(--muted);margin:0;font-size:14px}.blog .index{max-width:1100px;margin:0 auto;padding:56px 20px 64px}.blog .index .cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:28px}.blog .index .card{padding:0;overflow:hidden}.blog .index .card .body{flex-direction:column;gap:8px;padding:18px 20px;display:flex}.blog .index .card img{aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid var(--line);width:100%;height:auto;display:block}.blog .index .card a.t{font-size:18px}@media (prefers-reduced-motion:no-preference){.blog .card{transition:transform .15s}.blog .card:hover{transform:translateY(-2px)}}@media (max-width:640px){.blog{font-size:16px}.blog .lede{font-size:18px}}
