:root {
  --ink: #031a35;
  --paper: #f3f8fb;
  --muted: #758b9a;
  --lime: #12c7e8;
  --green: #087d9c;
  --line: rgba(3, 42, 73, .14);
  --navy: #031a35;
  --navy-2: #06274a;
  --teal: #087d9c;
  --cyan: #12c7e8;
  --sky: #8be9f7;
}

body { background: var(--paper); color: var(--navy); }
.brand span,
.nav-cta span,
.hero h1 em,
.cta h2 em { color: var(--cyan); }
.eyebrow span,
.slots span { background: var(--cyan); box-shadow: 0 0 0 5px rgba(18,199,232,.14); }
.primary { background: linear-gradient(135deg, var(--cyan), #69e4f5); color: var(--navy); box-shadow: 0 12px 30px rgba(18,199,232,.18); }
.primary:hover { background: linear-gradient(135deg, #42d8ef, #9aeff9); }
.section-kicker { color: var(--teal); }
.intro h2 span { color: #4c8ca0; }
.icon { color: var(--teal); }
.service-grid b,
.steps span { color: #438096; }
.service-grid p,
.steps p,
.intro-grid p,
.price-top p,
.package-heading p,
.accordions p { color: #5e7482; }

.packages {
  background:
    radial-gradient(circle at 86% 10%, rgba(18,199,232,.16), transparent 28%),
    linear-gradient(145deg, var(--navy), #064a66);
}
.section-kicker.light { color: var(--cyan); }
.package-heading p,
.domain-note { color: #b6d0dc; }
.price-card { background: #eef7fa; }
.price-card.featured { background: #fff; box-shadow: 0 24px 60px rgba(0,16,38,.24); }
.popular { background: var(--cyan); color: var(--navy); }
.price-top > span { color: var(--teal); }
.price-card li:before { color: var(--teal); }
.bonus { background: #d8f3f8; border-left: 3px solid var(--cyan); }
.bonus span { color: #527180; }
.price-card > a { background: var(--navy); }
.price-card > a:hover { background: #075d7b; }

.faq { background: #e7f1f5; }
.cta {
  background:
    linear-gradient(120deg, rgba(3,26,53,.98), rgba(5,67,91,.96)),
    var(--navy);
}
footer { background: #020e1e; color: #8fa9b7; }

@media (max-width: 900px) {
  .nav nav.open { background: var(--navy-2); }
}