:root{
  --bg-dim: rgba(0,0,0,.55);
  --card-bg: rgba(0,0,0,.68);
  --card-border: rgba(255,255,255,.06);
  --text: #e8eefc;
  --muted: #b7c3dd;
  --cta: #F97316;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Inter, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  color: var(--text);
  background:#000;
  overflow-x:hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.skip{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip:focus{left:8px;top:8px;width:auto;height:auto;background:#0e1830;color:#fff;padding:8px 12px;border-radius:8px;z-index:2}

.bg{
  position:fixed; inset:0; z-index:-2;
  background:
    -webkit-image-set(url("/images/spacestation-bg.avif") type("image/avif") 1x,
                      url("/images/spacestation-bg.webp") type("image/webp") 1x,
                      url("/images/spacestation-bg.jpg") type("image/jpeg") 1x)
    center/cover no-repeat;
  background-image: image-set(
    "/images/spacestation-bg.avif" type("image/avif"),
    "/images/spacestation-bg.webp" type("image/webp"),
    "/images/spacestation-bg.jpg"  type("image/jpeg")
  );
  background-size: cover; background-position: center;
}
.bg::after{content:""; position:absolute; inset:0; background:var(--bg-dim)}

.wrap{min-height:100dvh; display:grid; place-items:center; padding:24px}
.card{
  width:100%; max-width:980px; background:var(--card-bg);
  border:1px solid var(--card-border); border-radius:18px;
  padding:40px 40px 48px;
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 10px 40px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.04);
}
.nav{display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:36px}
.brand{display:flex; align-items:center; gap:12px}
.wordmark{display:block; width:auto; height:22px}
.links{display:none; gap:28px; color:#b7c3dd; font-size:14px}
.links a{color:inherit; text-decoration:none}
.links a:hover{color:#fff}
@media (min-width: 860px){ .links{display:flex} }

h1{margin:0 0 16px; font-size:40px; line-height:1.1; font-weight:800}
@media (min-width: 640px){ h1{font-size:56px} }
p.lead{color:var(--muted); font-size:18px; max-width:58ch; margin:0 0 28px}

.cta, .btn{
  display:inline-block; background:var(--cta); color:#fff; text-decoration:none;
  padding:12px 20px; border-radius:12px; font-weight:700;
  box-shadow: 0 6px 18px rgba(249,115,22,.3);
  transition: filter .2s ease, transform .02s ease-in;
}
.cta:hover,.btn:hover{ filter:brightness(1.1) }
.cta:active,.btn:active{ transform:translateY(1px) }

/* Page content helpers */
.section{margin-top:8px}
.kit{display:grid; gap:16px}
.pricing{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px}
.price-card{background:#0b1220aa;border:1px solid var(--card-border);border-radius:14px;padding:18px}
.price-card h3{margin:0 0 8px}
.price{font-size:28px; font-weight:800; margin:4px 0 12px}
ul{padding-left:18px; color:var(--muted)}
label{display:block; font-size:14px; color:#cfd7ee; margin:10px 0 6px}
input,textarea{
  width:100%; padding:10px 12px; border-radius:10px;
  border:1px solid #223357; background:#0e1730; color:#e8eefc;
}
textarea{min-height:120px}
.footer{margin-top:16px; font-size:12px; color:#9fb1d7}