/* Tilde · estilos base de la landing */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;-webkit-font-smoothing:antialiased;line-height:1.5}
a{color:inherit}
img{max-width:100%}
:focus-visible{outline:3px solid #1FA971;outline-offset:3px;border-radius:6px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:12px 18px;font:inherit;font-weight:700;
  text-decoration:none;cursor:pointer;background:#1FA971;color:#fff;white-space:nowrap}
.btn:hover{filter:brightness(1.05)}
.btn.ghost{background:transparent;color:#18212F;box-shadow:inset 0 0 0 1.5px #CBD5D1}
.btn.small{padding:8px 14px;font-size:.92rem;border-radius:10px}
.brandmark{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:1.4rem;letter-spacing:-.02em;text-decoration:none;color:#18212F}
.brandmark i{width:32px;height:32px;border-radius:9px;background:#1FA971 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M11 21.5l6 6L29.5 14' fill='none' stroke='%23fff' stroke-width='4.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}