:root{--color-forest-950:#0d2a1a;--color-forest-900:#174a2c;--color-forest-700:#2e6240;--color-leaf:#5d815f;--color-turmeric:#d98918;--color-terracotta:#9b4e13;--color-cream:#fbf7ef;--color-sand:#ede3d0;--color-sage-100:#e7eee6;--color-ink:#203025;--color-muted:#5f6b61;--color-white:#fff;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;--shadow-sm:0 4px 18px #174a2c14;--shadow-md:0 12px 34px #174a2c1f;--container:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-cream);color:var(--color-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--color-turmeric);outline-offset:3px}.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}.display{font-family:Georgia,Times New Roman,serif}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--color-forest-700);font-size:12px;font-weight:800}.muted{color:var(--color-muted)}.stack{flex-direction:column;display:flex}.showcase{padding:80px 0}.showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.showcase-section{background:#fff;border:1px solid #174a2c1f;border-radius:24px;padding:28px}.swatches{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.swatch{border-radius:12px;align-items:end;min-height:100px;padding:12px;font-size:12px;font-weight:700;display:flex}.component-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}@media (max-width:800px){.showcase-grid{grid-template-columns:1fr}.swatches{grid-template-columns:repeat(2,1fr)}.container{width:min(calc(100% - 28px),var(--container))}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.button{border-radius:var(--radius-pill);text-align:center;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:9px;padding:14px 26px;font-size:15px;font-weight:800;line-height:1.2;transition:transform .18s,box-shadow .18s,background .18s,color .18s,border-color .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--color-forest-900);color:#fff;box-shadow:var(--shadow-sm)}.button.primary:hover{background:var(--color-forest-950);box-shadow:var(--shadow-md)}.button.whatsapp{color:#fff;box-shadow:var(--shadow-sm);background:#168f47}.button.whatsapp:hover{box-shadow:var(--shadow-md);background:#117a3c}.button.secondary{background:var(--color-turmeric);color:var(--color-forest-950);box-shadow:var(--shadow-sm)}.button.secondary:hover{box-shadow:var(--shadow-md);background:#c47a12}.button.ghost{color:var(--color-forest-900);background:0 0;border-color:#174a2c47}.button.ghost:hover{border-color:var(--color-forest-900);background:#174a2c0f}.button.tertiary{color:var(--color-forest-900);box-shadow:none;background:0 0;border-color:#0000;padding:14px 4px}.button.tertiary:hover{color:var(--color-forest-700);box-shadow:none;text-underline-offset:4px;background:0 0;border-color:#0000;text-decoration:underline;transform:none}