*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#101418;color:#f4f7f8;font-family:Arial,sans-serif}main{max-width:600px;margin:auto;padding:32px 24px max(28px,env(safe-area-inset-bottom))}header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.logo{font-weight:900;font-size:32px;color:#c6ff00}.logo span{font-size:28px}.marca{font-size:12px;letter-spacing:2px;font-weight:bold}.badge{font-size:10px;color:#aab6c0;letter-spacing:1px;border:1px solid #354047;border-radius:20px;padding:7px 10px}.intro{padding:58px 0 28px}.etiqueta{color:#aab6c0;font-size:10px;letter-spacing:2px}h1{font-size:clamp(42px,12vw,68px);line-height:1.03;letter-spacing:-2px;margin:20px 0}h1 span{color:#c6ff00}.subtitulo{font-size:17px;line-height:1.6;color:#aab6c0;max-width:320px}.tarjeta{background:#202830;border:1px solid #354047;border-radius:16px;padding:24px}.indicador{height:5px;width:36px;background:#c6ff00;border-radius:3px}h2{font-size:19px;line-height:1.4}p{line-height:1.6}.tarjeta p,.instalacion p{font-size:14px;color:#aab6c0}.instalacion{padding:22px 0}button{background:#c6ff00;color:#101418;font-weight:700;font-size:16px;border:0;border-radius:10px;min-height:48px;padding:14px 20px;cursor:pointer}button:focus-visible{outline:3px solid white;outline-offset:4px}footer{border-top:1px solid #354047;padding-top:18px;color:#aab6c0;font-size:12px}#conexion{color:#c6ff00}