*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',sans-serif;background:#0b0e13;color:#fff}
.hero{position:relative;min-height:100vh;background:url('hero-bg.jpg') center/cover no-repeat;display:flex;justify-content:center;align-items:center;text-align:center;padding:2rem}
.overlay{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.hero-inner{position:relative;z-index:1;max-width:560px}
h1{font-size:clamp(2rem,6vw,3rem);margin-bottom:.8rem;text-shadow:0 2px 6px rgba(0,0,0,.65)}
.accent{color:#FFD54F}
.sub{font-size:1.2rem;margin-bottom:1.2rem;color:#e8eeec;text-shadow:0 1px 4px rgba(0,0,0,.65)}
.btn-wa{display:inline-flex;align-items:center;gap:.5rem;background:#25D366;color:#08140b;font-weight:800;padding:1rem 1.4rem;border-radius:.8rem;font-size:1.1rem;text-decoration:none;transition:transform .15s ease,filter .15s ease}
.btn-wa:hover{transform:scale(1.05);filter:brightness(1.05)}
.social{margin-top:1rem;font-size:.95rem;color:#dfe7e4;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.sticky-cta{position:fixed;inset:auto 0 0 0;background:rgba(11,14,19,.92);border-top:1px solid rgba(255,255,255,.1);padding:.8rem;text-align:center}
.sticky-cta .btn-wa{width:min(520px,92%);justify-content:center;display:inline-flex}