/* Estilo comun de las paginas internas (privacidad, términos y demo): mismo fondo, menú, botones y pie que la página principal. */
:root{
  --cosmic:#0a1124;
  --blurple:#625fff;
  --blurple-dark:#4b48e6;
  --blurple-soft:#8a88ff;
  --fog:#b9bfdc;
  --edge:#1c2a4d;
  --inkline:#151e32;
  --font-display:'Figtree',ui-sans-serif,system-ui,-apple-system,sans-serif;
}
html{scroll-padding-top:88px}
body{background:var(--cosmic);font-weight:400;letter-spacing:.012em;padding-top:72px}

/* Titulares: Figtree 800 en mayusculas */
.eyebrow{margin-bottom:20px}
main h1,.demo h1,.hero-copy h1{font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;line-height:.95}
main h1{font-size:clamp(34px,6vw,52px)}
main h2{font-family:var(--font-display);font-weight:700}

/* Botones */
.btn{border-radius:12px;font-weight:500;letter-spacing:.016em;min-height:44px}
.btn-primary{background:var(--blurple);color:#fff;border-color:transparent}
.btn-primary:hover{background:var(--blurple-dark)}
.btn-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.7)}
.btn:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--blurple-soft);outline-offset:3px}

/* Menu */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(10,17,36,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}
.nav .wrap{min-height:72px;padding-block:0;display:flex;align-items:center;justify-content:space-between;gap:24px}
.nav-logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.nav-logo .logo-mark{height:34px;width:auto;display:block;flex-shrink:0}
.logo-text{font-family:var(--font-display);font-weight:800;font-size:25px;letter-spacing:-.02em;line-height:1;color:#fff}
.nav-links{display:flex;gap:6px;font-size:16px}
.nav-links a{padding:8px 14px;border-radius:12px;color:#fff;text-decoration:none}
.nav-links a:hover{background:rgba(255,255,255,.1);text-decoration:none}
.nav-actions{display:flex;align-items:center;gap:10px}
.btn-login{display:inline-flex;align-items:center;background:#fff;color:#000;border:1px solid #000;border-radius:16px;padding:10px 18px;font-size:15px;font-weight:500;text-decoration:none}
.btn-login:hover{background:#e9ebf7;text-decoration:none}
.nav-toggle{display:none;background:none;border:none;color:#fff;width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer}
.nav-menu{display:none}
@media (max-width:900px){
  .nav-links{display:none}
  .nav-toggle{display:flex}
  .nav-menu{display:none;flex-direction:column;padding:6px 16px 18px;border-top:1px solid rgba(255,255,255,.08)}
  .nav.open .nav-menu{display:flex}
  .nav-menu a{padding:14px 6px;font-size:17px;color:#fff;border-bottom:1px solid rgba(255,255,255,.07);text-decoration:none}
  .nav-menu a:last-child{border-bottom:none}
}
@media (max-width:640px){ .nav .wrap{padding-inline:16px} }
@media (max-width:400px){ .logo-text{font-size:22px} .nav-logo .logo-mark{height:30px} .btn-login{padding:9px 14px;font-size:14px} .nav .wrap{gap:10px} }

/* Pie de pagina */
footer{background:#070c1b;border-top:1px solid var(--inkline);padding:64px 0 36px;margin-top:40px}
footer .wrap{display:block;font-size:inherit}
.fgrid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:40px}
.fbrand p{margin:16px 0 0;color:var(--fog);font-size:14.5px;line-height:1.55;max-width:300px}
.fcol h4{margin:0 0 14px;font-size:16px;font-weight:500;letter-spacing:.013em;color:#fff}
.fcol a{display:block;padding:5px 0;color:var(--fog);font-size:15px;line-height:1.5;text-decoration:none}
.fcol a:hover{color:#fff;text-decoration:none}
.flegal{margin-top:48px;padding-top:24px;border-top:1px solid var(--inkline);color:var(--fog);font-size:13.5px;line-height:1.6}
.flegal a{color:#fff;border-bottom:1px solid rgba(255,255,255,.35);text-decoration:none}
@media (max-width:860px){ .fgrid{grid-template-columns:repeat(2,minmax(0,1fr))} .fbrand{grid-column:1/-1} }