:root {
  --ink: #122033;
  --muted: #627084;
  --surface: rgba(255,255,255,.9);
  --line: rgba(18,32,51,.12);
}
* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #eef4fb; }
.landing-shell { min-height: 100vh; background: radial-gradient(circle at 15% 20%, rgba(128,181,255,.26), transparent 25rem), radial-gradient(circle at 85% 80%, rgba(139,225,198,.2), transparent 25rem), linear-gradient(145deg, #f8fbff, #edf4fb); }
.hero { max-width: 760px; padding-top: 5vh; }
.eyebrow { display: inline-block; padding: .45rem .8rem; border-radius: 999px; background: rgba(18,32,51,.07); font-size: .82rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
h1 { margin-top: 1.2rem; font-size: clamp(3.2rem, 9vw, 6.5rem); font-weight: 800; letter-spacing: -.08em; }
.lead { color: var(--muted); font-size: 1.35rem; }
.owner { color: var(--ink); }
.version-card { position: relative; overflow: hidden; padding: 2rem; border: 1px solid var(--line); border-radius: 1.6rem; background: var(--surface); box-shadow: 0 1rem 3rem rgba(31,54,82,.12); transition: transform .25s ease, box-shadow .25s ease; }
.version-card:hover { transform: translateY(-8px); box-shadow: 0 1.35rem 3.6rem rgba(31,54,82,.18); }
.version-card::after { content: ""; position: absolute; width: 10rem; height: 10rem; right: -4rem; top: -4rem; border-radius: 50%; background: rgba(255,255,255,.42); }
.before-card { background: linear-gradient(145deg, rgba(255,248,239,.96), rgba(255,255,255,.95)); }
.after-card { background: linear-gradient(145deg, rgba(236,252,247,.98), rgba(255,255,255,.95)); }
.card-label { display: inline-flex; padding: .35rem .68rem; border-radius: 999px; background: rgba(18,32,51,.08); font-size: .78rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
h2 { margin-top: 1.15rem; font-size: 2rem; font-weight: 800; }
ul { min-height: 8.5rem; padding-left: 1.15rem; color: var(--muted); line-height: 1.9; }
footer { color: var(--muted); font-size: .95rem; }
