.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border-radius:999px;font-weight:850;font-size:.9rem;transition:transform .25s var(--ease),background .25s ease,border-color .25s ease;cursor:pointer}
.btn:hover{transform:translateY(-2px)}
.btn--primary{background:var(--saefa-green);color:var(--ink)}
.btn--dark{background:var(--ink);color:var(--white)}
.btn--ghost{border:1px solid var(--line);background:rgba(255,255,255,.55)}
.whatsapp-icon{width:19px;height:19px;flex:0 0 19px}
.btn--outline-light{border:1px solid rgba(255,255,255,.22);color:#fff}
.arrow{font-size:1.05em;transition:transform .25s var(--ease)}
.btn:hover .arrow{transform:translateX(4px)}
.pill-row{display:flex;flex-wrap:wrap;gap:9px}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;background:rgba(255,255,255,.6)}.pill::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--saefa-green)}
.scroll-progress{position:fixed;z-index:140;top:0;left:0;width:100%;height:3px;background:transparent;pointer-events:none}.scroll-progress__bar{height:100%;width:100%;background:var(--saefa-green);transform-origin:left center;transform:scaleX(0)}
.cursor-dot{position:fixed;z-index:130;left:0;top:0;width:10px;height:10px;border-radius:50%;background:var(--saefa-green);pointer-events:none;mix-blend-mode:multiply;opacity:0;transform:translate(-50%,-50%)}
@media (hover:none){.cursor-dot{display:none}}