/* AURORA_UI_PREMIUM_V6 — Apple/Stripe/Bloomberg-inspired: editorial + product */

:root{
  --bg:#ffffff;
  --fg:#0b0d10;
  --muted:rgba(11,13,16,.64);
  --hair:rgba(11,13,16,.10);
  --hair2:rgba(11,13,16,.06);

  --accent:#2563eb;
  --accent2:#7c3aed;

  --panel:#f6f7fb;
  --panel2:#f3f4ff;

  --radius:24px;
  --max:1120px;
  --pad:24px;

  --h1:clamp(44px,5.0vw,84px);
  --h2:clamp(28px,3.0vw,52px);
  --h3:clamp(18px,1.6vw,22px);
  --p:clamp(16px,1.15vw,18px);

  --ease:cubic-bezier(.2,.8,.2,1);
  --dur:220ms;
  --shadow:0 30px 80px rgba(0,0,0,.10);
}

@font-face{font-family:"Space Grotesk";src:url(/fonts/SpaceGrotesk-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(/fonts/InstrumentSans-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(/fonts/InstrumentSans-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg)}
body{
  font-family:"Instrument Sans",ui-sans-serif,system-ui,-apple-system,SF Pro Text,Arial;
  letter-spacing:-.01em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
::selection{background:rgba(37,99,235,.16)}

.container{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.page{padding-top:14px}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}

.topbar{
  position:sticky;top:0;z-index:50;
  backdrop-filter:saturate(160%) blur(16px);
  background:rgba(255,255,255,.82);
  border-bottom:1px solid var(--hair2);
}
.topbar__in{
  max-width:var(--max);margin:0 auto;padding:14px var(--pad);
  display:flex;align-items:center;justify-content:space-between;gap:18px;
}
.brand{display:flex;align-items:center;gap:10px}
.brand__mark{width:32px;height:32px}
.brand__word{
  font-family:"Space Grotesk",ui-sans-serif,system-ui;
  font-size:16px;letter-spacing:-.02em
}
.nav{display:flex;gap:16px;align-items:center}
.nav a{opacity:.84;font-size:14px}
.nav a:hover{opacity:1}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:12px 16px;border-radius:999px;
  border:1px solid var(--hair);
  background:#fff;
  transition:transform var(--dur) var(--ease),opacity var(--dur) var(--ease),box-shadow var(--dur) var(--ease);
}
.btn:hover{transform:translateY(-1px);opacity:.95;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.btn.primary{background:var(--fg);color:#fff;border-color:var(--fg)}
.topbar__cta{display:flex;gap:10px;align-items:center}

.section{padding:96px 0}
.section.tight{padding:64px 0}
.hr{height:1px;background:var(--hair2);border:0;margin:64px 0}

.kicker{
  font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(11,13,16,.58);
}
.h1{
  font-family:"Space Grotesk",ui-sans-serif,system-ui;
  font-size:var(--h1);line-height:1.02;letter-spacing:-.04em;margin:10px 0 0;
}
.h2{
  font-family:"Space Grotesk",ui-sans-serif,system-ui;
  font-size:var(--h2);line-height:1.08;letter-spacing:-.03em;margin:10px 0 0;
}
.p{font-size:var(--p);line-height:1.58;color:var(--muted);margin:14px 0 0;max-width:72ch}

.hero{
  padding-top:110px;
  background:
    radial-gradient(900px 260px at 10% 8%, rgba(37,99,235,.14), transparent 55%),
    radial-gradient(900px 260px at 90% 12%, rgba(124,58,237,.12), transparent 55%),
    linear-gradient(180deg, rgba(246,247,251,.85), rgba(255,255,255,1) 55%);
  border-bottom:1px solid var(--hair2);
}
.heroGrid{display:grid;gap:22px}
@media(min-width:980px){.heroGrid{grid-template-columns:1.08fr .92fr;align-items:center}}
.ctaRow{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}

.panel{
  background:linear-gradient(180deg,var(--panel),#fff);
  border-top:1px solid var(--hair2);
  border-bottom:1px solid var(--hair2);
}
.grid3{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:920px){.grid3{grid-template-columns:1fr}}
.card{
  border:1px solid var(--hair);
  border-radius:var(--radius);
  padding:18px;
  background:#fff;
  box-shadow:0 18px 60px rgba(0,0,0,.06);
}
.mediaCard{
  border-radius:22px;overflow:hidden;
  border:1px solid var(--hair2);
  background:linear-gradient(180deg,rgba(11,13,16,.02),rgba(11,13,16,0));
  box-shadow:var(--shadow);
}
.mediaCard img{width:100%;height:auto;transform:scale(1.01)}

.demoClimax{
  background:
    radial-gradient(900px 280px at 50% 0%, rgba(37,99,235,.12), transparent 60%),
    linear-gradient(180deg,var(--panel2),#fff 62%);
  border-top:1px solid var(--hair2);
}
.demoFrame{
  margin-top:22px;border:1px solid var(--hair);
  border-radius:22px;overflow:hidden;background:#00000006;
  box-shadow:var(--shadow);
}
.demoFrame iframe{width:100%;height:min(78vh,860px);border:0;display:block;background:#fff}
.muted{color:var(--muted);font-size:13px}

.footer{padding:42px 0;border-top:1px solid var(--hair2);background:#fff}
.footer__in{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}

/* MOTION HOOKS (se nota) */
[data-reveal]{opacity:0;transform:translateY(14px);transition:opacity 520ms var(--ease),transform 520ms var(--ease)}
[data-reveal].is-in{opacity:1;transform:none}