:root{--bg:#0b0b0f;--panel:#17171d;--red:#e53935;--red-dark:#b71c1c;--text:#fff;--muted:#a9a9b3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;display:flex;flex-direction:column;overflow-x:hidden}.background{position:fixed;inset:0;z-index:-2;background:linear-gradient(rgba(11,11,15,.9),rgba(11,11,15,.97)),radial-gradient(circle at center,rgba(229,57,53,.1),transparent 60%),url('assets/hero-bg.png') center/cover no-repeat;filter:saturate(.7)}.header{padding:24px;display:flex;justify-content:center}.brand{color:#fff;text-decoration:none;font-size:24px;font-weight:900;letter-spacing:-1.5px}.brand strong{color:var(--red)}.hero{width:min(100%,1050px);margin:auto;padding:55px 24px 90px;text-align:center;display:flex;flex-direction:column;align-items:center}.hero h1{max-width:900px;margin:0 0 24px;font-size:clamp(2.5rem,7vw,4.7rem);line-height:1.05;letter-spacing:-.055em;text-shadow:0 8px 32px #000;font-weight:900}.hero h1 span{color:var(--red)}.badge{margin:0 0 28px;color:rgba(229,57,53,.9);font-size:clamp(.75rem,2.5vw,1rem);font-weight:700;letter-spacing:.16em}.intro{max-width:760px;margin:0 0 48px;color:#d0d0d7;font-size:clamp(1.08rem,3vw,1.45rem);line-height:1.55;font-weight:300}.devices{display:flex;flex-wrap:wrap;justify-content:center;gap:24px 44px;margin-bottom:55px}.device{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--muted);font-size:.95rem}.icon{width:70px;height:70px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.04);transition:.25s}.icon svg{width:36px;height:36px;fill:none;stroke:var(--red);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.device:hover .icon{transform:translateY(-3px);border-color:rgba(229,57,53,.5);background:rgba(229,57,53,.08);box-shadow:0 0 22px rgba(229,57,53,.15)}.cta{display:inline-flex;min-height:64px;align-items:center;justify-content:center;padding:0 38px;border-radius:999px;background:var(--red);color:#fff;text-decoration:none;font-size:clamp(1rem,3vw,1.35rem);font-weight:800;box-shadow:0 0 30px rgba(229,57,53,.28);transition:.25s}.cta:hover,.cta:focus-visible{background:var(--red-dark);transform:scale(1.035);box-shadow:0 0 45px rgba(229,57,53,.42)}.footer{padding:25px 75px;text-align:center;border-top:1px solid rgba(255,255,255,.06);background:rgba(11,11,15,.7)}.footer p{margin:0 0 9px;color:#777783}.footer small{display:block;color:#60606a;line-height:1.5}.footer nav{margin-top:14px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;color:#4f4f59}.footer button{border:0;background:none;color:#777783;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.footer button:hover,.footer button:focus-visible{color:var(--red)}.whatsapp{position:fixed;right:24px;bottom:24px;z-index:30;width:64px;height:64px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 0 24px rgba(37,211,102,.3);transition:.25s}.whatsapp:hover{transform:scale(1.08)}.whatsapp svg{width:34px;fill:#fff}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(5px)}.modal-card{position:relative;width:min(100%,560px);max-height:85vh;overflow:auto;background:var(--panel);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:30px;box-shadow:0 20px 80px #000}.modal-card h2{margin:0 34px 20px 0}.modal-close{position:absolute;top:13px;right:17px;border:0;background:none;color:#aaa;font-size:32px;cursor:pointer}.modal-close:hover{color:#fff}.modal-body p{margin:0 0 14px;color:#d0d0d6;font-size:.94rem;line-height:1.65}.modal-whatsapp{display:flex;margin-top:20px;min-height:48px;align-items:center;justify-content:center;border-radius:12px;background:#25d366;color:#fff;text-decoration:none;font-weight:800}.modal-whatsapp[hidden]{display:none}@media(min-width:768px){.header{justify-content:flex-start}.hero{padding-top:90px}}@media(max-width:600px){.header{padding-bottom:5px}.hero{padding-top:35px}.devices{gap:20px 24px}.icon{width:62px;height:62px}.footer{padding:25px 80px 25px 20px}.whatsapp{width:58px;height:58px;right:18px;bottom:18px}.cta{width:100%;padding:0 20px}.modal-card{padding:25px 20px}}