:root{
  --bg:#0a0b0c; --fg:#e9eef5; --muted:#8e98a9; --line:#232a36;
  --blue:#2f7bff; --sky:#8fc5ff; --btn:#2563eb;
  --chrome-a:#f7f9fb; --chrome-b:#9aa5b4;
  --f-display:"Montserrat","Segoe UI",system-ui,sans-serif;
  --f-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{height:100%}
body{
  margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 var(--f-body);
  -webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100%;
  /* metal cepillado, como el banner de la marca */
  background-image:repeating-linear-gradient(180deg,rgba(255,255,255,.014) 0 1px,transparent 1px 3px);
}
.glow{
  position:fixed;inset:-20% -10% auto;height:80vh;pointer-events:none;
  background:radial-gradient(ellipse 50% 45% at 50% 40%,rgba(47,123,255,.22),transparent 70%);
  animation:respira 7s ease-in-out infinite alternate;
}
@keyframes respira{from{opacity:.65}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.glow{animation:none}}
.wrap{
  position:relative;flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;
  max-width:720px;margin:0 auto;
  padding-block:max(28px,env(safe-area-inset-top,0px)) 32px;
  padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px));
}
.logo{
  width:min(440px,92%);height:auto;display:block;mix-blend-mode:lighten;
  -webkit-mask-image:radial-gradient(ellipse 62% 60% at 50% 50%,#000 58%,transparent 100%);
          mask-image:radial-gradient(ellipse 62% 60% at 50% 50%,#000 58%,transparent 100%);
}
.eyebrow{margin:6px 0 0;font:600 12px/1 var(--f-body);letter-spacing:.22em;text-transform:uppercase;color:var(--sky)}
h1{
  margin:14px 0 0;font:800 italic clamp(2rem,7vw,3.3rem)/1.05 var(--f-display);letter-spacing:-.01em;text-wrap:balance;
  background:linear-gradient(180deg,var(--chrome-a) 35%,var(--chrome-b));-webkit-background-clip:text;background-clip:text;color:transparent;
}
.lead{margin:16px 0 0;max-width:46ch;color:var(--muted);font-size:17px}
.cta{margin-top:28px;display:grid;gap:10px;justify-items:center}
.btn{
  display:inline-flex;align-items:center;gap:10px;background:var(--btn);color:#fff;text-decoration:none;
  font:600 16px/1 var(--f-body);padding:15px 22px;border-radius:12px;
  box-shadow:0 10px 30px -10px rgba(47,123,255,.7);transition:transform .15s ease,background .15s ease;
}
.btn:hover{background:#1d55cf;transform:translateY(-1px)}
.btn:focus-visible{outline:2px solid var(--sky);outline-offset:3px}
.hint{margin:0;font-size:14px;color:var(--muted)}
.trust{
  list-style:none;margin:34px 0 0;padding:16px 0 0;border-top:1px solid var(--line);
  display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;font-size:14px;color:var(--fg);
}
.trust li{display:flex;align-items:center;gap:8px}
.trust li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue)}
.foot{
  text-align:center;color:var(--muted);font-size:13px;
  padding-block:0 max(20px,env(safe-area-inset-bottom,0px));
}