:root{--green:#20d866;--green-dark:#075b35;--ink:#071510;--gold:#e9be4b;--cream:#f7f3e8}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#020705}
body{margin:0;background:#020705;color:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit}
.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:#fff;color:#000;padding:.75rem;z-index:99}
.visual-story{width:100%;max-width:2048px;margin:auto;background:#000}
.visual-story picture,.visual-story img{display:block;width:100%;height:auto}
.mobile-only{display:none}
.cover{position:relative;background:#003824;overflow:hidden}
.cover video{display:none;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;background:#003824;pointer-events:none;user-select:none}
.notes{background:radial-gradient(circle at 50% 0,#0d4d35,#040a07 62%);padding:clamp(3rem,7vw,7rem) 1.15rem 5rem;border-top:2px solid #1b9d58}
.notes-inner{max-width:1180px;margin:auto}
.eyebrow{color:#64ef9b;text-transform:uppercase;font-weight:800;letter-spacing:.15em;font-size:.8rem;margin:0 0 .65rem}
.notes h1{font-size:clamp(2rem,4vw,4.25rem);line-height:1.02;margin:0;max-width:850px}
.intro{font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.65;color:#d2e3d9;max-width:780px;margin:1.25rem 0 2.4rem}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.card{display:flex;flex-direction:column;min-height:245px;padding:1.35rem;border:1px solid #22744b;border-radius:18px;background:linear-gradient(145deg,rgba(19,75,51,.8),rgba(4,15,10,.96));text-decoration:none;transition:.2s transform,.2s border-color}
.card:hover,.card:focus-visible{transform:translateY(-4px);border-color:#55e98f;outline:none}
.tag{font-size:.76rem;text-transform:uppercase;color:#7df1a8;font-weight:800;letter-spacing:.08em}
.card h2{font-size:1.35rem;line-height:1.2;margin:.8rem 0}
.card p{line-height:1.5;color:#c8d8ce;margin:0 0 1.2rem}
.read{margin-top:auto;color:#fff;font-weight:800}
.footer{padding:1.5rem;text-align:center;color:#a7b7ae;background:#010403;font-size:.85rem}
.whatsapp-float{position:fixed;right:1rem;bottom:1rem;z-index:20;background:#25d366;color:#04190c;text-decoration:none;font-weight:900;padding:.9rem 1.05rem;border-radius:999px;box-shadow:0 8px 30px #0009}
@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){
  .desktop-only{display:none!important}.mobile-only{display:block}
  .cover .desktop-cover{display:none}.cover video{display:block}
  .visual-story{max-width:1080px}
  .cards{grid-template-columns:1fr}.card{min-height:0}
  .notes{padding-top:3.25rem}.whatsapp-float{font-size:.9rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}