:root {
  color-scheme: dark;
  --bg: #080b14;
  --panel: rgba(12, 18, 32, .92);
  --cyan: #00d9ff;
  --blue: #397bff;
  --purple: #8b5cf6;
  --text: #e8f0ff;
  --muted: #94a3b8;
  --dim: rgba(57, 123, 255, .35);
  --border: rgba(0, 217, 255, .28);
  --ok: #4cff72;
}
* { box-sizing: border-box; }
body {
  margin: 0; min-height: 100vh; overflow-x: hidden; background: var(--bg); color: var(--text);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  padding: clamp(1rem, 4vw, 2.5rem) 1rem 3rem;
}
body::before {
  content: "01001110 01000101 01010100 01010111 01001111 01010010 01001011 00100000 01001100 01001001 01001110 01001011";
  position: fixed; inset: -20%; color: rgba(57, 123, 255, .08); font-size: clamp(10px, 1.5vw, 16px); line-height: 2.8;
  letter-spacing: .65em; word-spacing: 3em; transform: rotate(-18deg); opacity: .55; pointer-events: none;
  mask-image: radial-gradient(ellipse at center, black 5%, transparent 68%);
}
.terminal {
  position: relative; width: min(920px, 100%); margin: 0 auto; padding: clamp(1.4rem, 5vw, 3rem);
  border: 1px solid var(--border); background: var(--panel);
  box-shadow: 0 0 0 1px rgba(8, 11, 20, .9), 0 0 40px rgba(0, 217, 255, .08), inset 0 0 80px rgba(139, 92, 246, .04);
}
.terminal::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: repeating-linear-gradient(0deg, rgba(0,0,0,.12), rgba(0,0,0,.12) 1px, transparent 1px, transparent 3px);
}
.bar {
  display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap;
  margin-bottom: clamp(1.25rem, 4vw, 2rem); color: var(--muted); font-size: .72rem; letter-spacing: .1em; text-transform: uppercase;
}
.bar-title { display: inline-flex; align-items: center; gap: .45rem; }
.bar-mark { width: 1.15rem; height: auto; flex-shrink: 0; }
.nav-top { display: flex; flex-wrap: wrap; gap: .65rem 1rem; font-size: .68rem; text-transform: none; letter-spacing: .04em; }
.nav-top a { color: var(--cyan); text-decoration: none; }
.nav-top a:hover, .nav-top a:focus-visible { color: var(--text); outline: none; text-decoration: underline; }
.lights { display: flex; gap: .4rem; }
.lights i { width: .55rem; height: .55rem; border: 1px solid var(--dim); display: block; }
.lights i:nth-child(1) { border-color: var(--cyan); }
.lights i:nth-child(2) { border-color: var(--blue); }
.lights i:nth-child(3) { border-color: var(--purple); }
.prompt { color: var(--muted); font-size: clamp(.8rem, 2vw, 1rem); }
.command { color: var(--text); }
.brand { margin-top: .75rem; position: relative; z-index: 1; }
.brand-logo {
  width: min(100%, 520px); height: auto; display: block;
  filter: drop-shadow(0 0 22px rgba(0, 217, 255, .15));
}
h1.headline {
  margin: 1.1rem 0 0; font-size: clamp(1.35rem, 4.5vw, 2rem); line-height: 1.25; font-weight: 600;
  color: var(--text); letter-spacing: -.02em; text-shadow: 0 0 24px rgba(0, 217, 255, .2);
}
.tagline { margin: .55rem 0 0; color: var(--cyan); font-size: clamp(.75rem, 2vw, .92rem); letter-spacing: .04em; }
p, .lede { max-width: 42rem; margin: 1rem 0 0; color: var(--muted); line-height: 1.65; font-size: clamp(.82rem, 2vw, .95rem); }
.region { margin-top: .75rem; color: var(--muted); font-size: .78rem; opacity: .9; }
.cta-row { margin-top: 1.25rem; display: flex; flex-wrap: wrap; gap: .55rem; align-items: center; }
.cta {
  display: inline-block; padding: .65rem .95rem; border: 1px solid var(--cyan); color: var(--cyan); text-decoration: none;
  font-size: clamp(.78rem, 1.8vw, .88rem); background: rgba(0, 217, 255, .06); transition: background .15s ease, border-color .15s ease;
}
.cta:hover, .cta:focus-visible { background: rgba(0, 217, 255, .14); border-color: var(--text); outline: none; }
.cta-secondary { border-color: var(--purple); color: #c4b5fd; background: rgba(139, 92, 246, .08); }
.cta-secondary:hover, .cta-secondary:focus-visible { background: rgba(139, 92, 246, .16); border-color: #ddd6fe; }
.cta-note { flex: 1 1 100%; margin: .35rem 0 0; font-size: .68rem; color: var(--muted); line-height: 1.5; max-width: 42rem; }
.cta-note a, .lede a { color: var(--cyan); }
.section { margin-top: 2.25rem; position: relative; z-index: 1; }
.section-title { margin: 0; font-size: clamp(.72rem, 1.8vw, .85rem); letter-spacing: .12em; text-transform: uppercase; color: var(--cyan); }
.section-title-purple { color: #c4b5fd; }
.section-note { margin: .45rem 0 0; color: var(--muted); font-size: .68rem; line-height: 1.5; max-width: 42rem; }
.services { margin-top: .75rem; display: flex; flex-direction: column; gap: .55rem; }
.service, .catalog-row {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: .1rem .75rem; padding: .7rem .9rem; border: 1px solid var(--dim);
  background: rgba(57, 123, 255, .06); text-decoration: none; transition: background .15s ease, border-color .15s ease;
}
a.service:hover, a.service:focus-visible { background: rgba(0, 217, 255, .1); border-color: var(--cyan); outline: none; }
.service-cmd, .row-name { color: var(--cyan); font-size: clamp(.82rem, 2vw, .95rem); flex: 1 1 12rem; }
.service-desc, .row-desc { color: var(--muted); font-size: clamp(.72rem, 1.8vw, .85rem); flex: 2 1 16rem; }
.row-price { color: #bfdbfe; font-size: clamp(.72rem, 1.8vw, .85rem); white-space: nowrap; margin-left: auto; }
.listed-email { color: var(--text); font-weight: 500; user-select: all; }
.offer {
  margin-top: .75rem; padding: .85rem 1rem; border: 1px dashed var(--border); background: rgba(139, 92, 246, .06);
  color: var(--muted); font-size: clamp(.78rem, 1.9vw, .88rem); line-height: 1.55;
}
.offer strong { color: var(--text); font-weight: 600; }
.disclaimer {
  margin-top: .75rem; padding: .65rem .85rem; border-left: 3px solid var(--purple); background: rgba(139, 92, 246, .05);
  font-size: .68rem; color: var(--muted); line-height: 1.55; max-width: 42rem;
}
details.catalog-group { margin-top: .55rem; border: 1px solid var(--dim); background: rgba(8, 11, 20, .5); }
details.catalog-group summary {
  cursor: pointer; padding: .65rem .9rem; color: var(--blue); font-size: clamp(.8rem, 2vw, .92rem); list-style: none;
}
details.catalog-group summary::-webkit-details-marker { display: none; }
details.catalog-group summary::before { content: "+ "; color: var(--cyan); }
details.catalog-group[open] summary::before { content: "− "; }
details.catalog-group .group-body { padding: 0 .5rem .5rem; display: flex; flex-direction: column; gap: .4rem; }
.plan-grid { margin-top: .75rem; display: grid; gap: .55rem; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.plan { border: 1px solid var(--dim); padding: .85rem .9rem; background: rgba(57, 123, 255, .05); }
.plan h3 { margin: 0; font-size: .95rem; color: var(--cyan); font-weight: 600; }
.plan .plan-price { margin: .35rem 0 0; color: var(--text); font-size: 1.1rem; }
.plan ul { margin: .6rem 0 0; padding-left: 1.1rem; color: var(--muted); font-size: .72rem; line-height: 1.55; }
.product-card {
  margin-top: .75rem; padding: .85rem 1rem; border: 1px solid var(--dim); background: rgba(139, 92, 246, .06);
}
.product-card h3 { margin: 0; font-size: .92rem; color: #c4b5fd; }
.product-card p { margin: .5rem 0 0; font-size: .78rem; line-height: 1.55; }
.badge { display: inline-block; margin-top: .45rem; padding: .2rem .45rem; font-size: .62rem; letter-spacing: .08em;
  text-transform: uppercase; border: 1px solid var(--purple); color: #c4b5fd; }
.about p { margin-top: .65rem; }
footer {
  margin-top: 2rem; color: var(--muted); font-size: .68rem; letter-spacing: .06em; line-height: 1.65;
}
footer a { color: var(--cyan); }