:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #0a0b0c; color: #f4efe7; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: #0a0b0c; }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; background: radial-gradient(circle at 20% 10%, rgba(189,128,67,.15), transparent 34rem), linear-gradient(115deg, transparent 55%, rgba(255,255,255,.025)); }
.launcher { width: min(1180px, calc(100% - 40px)); margin: 0 auto; padding: 8vh 0 36px; position: relative; }
.launcher-copy { max-width: 820px; margin-bottom: 54px; }
.eyebrow, .launch-kicker, .setup-card > span { color: #c99359; font-size: 12px; font-weight: 800; letter-spacing: .18em; }
h1 { margin: 18px 0; max-width: 920px; font-family: Georgia, "Times New Roman", serif; font-weight: 400; font-size: clamp(48px, 7.2vw, 92px); line-height: .98; letter-spacing: -.045em; }
.launcher-copy p { max-width: 650px; margin: 24px 0 0; color: #9c9b98; font-size: 18px; line-height: 1.65; }
.launch-grid { display: grid; grid-template-columns: 1.2fr 1fr 1fr; border: 1px solid #292a2b; }
.launch-card { min-height: 330px; padding: 28px; display: flex; flex-direction: column; color: inherit; text-decoration: none; background: #111214; border-right: 1px solid #292a2b; transition: transform .25s ease, background .25s ease; }
.launch-card:last-child { border-right: 0; }
.launch-card:hover { background: #18191b; transform: translateY(-5px); }
.launch-card--customer { background: linear-gradient(145deg, rgba(25,19,14,.25), rgba(10,10,10,.7)), url("../img/demo/hero.jpg") center/cover; }
.launch-number { color: #686764; font: 13px/1 monospace; }
.launch-kicker { margin-top: auto; }
.launch-card strong { display: block; margin: 14px 0 10px; font-family: Georgia, serif; font-size: 30px; font-weight: 400; }
.launch-card small { max-width: 300px; color: #aaa7a1; font-size: 14px; line-height: 1.55; }
.launch-card b { margin-top: 26px; font-size: 13px; text-transform: uppercase; letter-spacing: .1em; }
.launch-card b span { color: #c99359; font-size: 18px; }
footer { padding: 22px 2px; color: #656562; font-size: 12px; text-transform: uppercase; letter-spacing: .12em; }
.setup-card { padding: 32px; border: 1px solid #333; background: #131416; }
.setup-card h2 { font-family: Georgia, serif; font-weight: 400; }
.setup-card code { display: block; margin-top: 10px; color: #d7a570; }
@media (max-width: 800px) { .launcher { width: min(100% - 24px, 580px); padding-top: 48px; } .launcher-copy { margin-bottom: 34px; } .launch-grid { grid-template-columns: 1fr; } .launch-card { min-height: 250px; border-right: 0; border-bottom: 1px solid #292a2b; } .launch-card:last-child { border-bottom: 0; } }