/* White and blue theme for the sales and installation page */
:root {
  --bg: #ffffff;
  --bg2: #f3f7fc;
  --panel: #ffffff;
  --panel2: #f4f8fd;
  --line: rgba(29, 78, 216, 0.28);
  --line2: rgba(29, 78, 216, 0.14);
  --cyan: #1d4ed8;
  --cyan2: #1e40af;
  --sky: #2563eb;
  --text: #0f2744;
  --muted: #3d5270;
  --ok: #047857;
  --wa: #16a34a;
}

body {
  color: var(--text);
  background:
    radial-gradient(900px 380px at 8% -10%, rgba(37, 99, 235, .12), transparent 60%),
    radial-gradient(700px 320px at 100% 0%, rgba(29, 78, 216, .08), transparent 55%),
    linear-gradient(180deg, #ffffff, #f5f9ff 40%, #ffffff);
}

a { color: #1d4ed8; }
.skip { background: #1d4ed8; color: #fff; }

.top { background: rgba(255, 255, 255, .94); border-bottom: 1px solid #d7e3f5; }
.brand { color: #0f2744; }
.nav > a:not(.nav-home) { color: #3d5270; }
.nav > a:not(.nav-home):hover { color: #1d4ed8; }
.nav .nav-tel { color: #0f2744 !important; }
.nav .nav-home,
.btn-primary {
  color: #fff;
  background: linear-gradient(90deg, #1d4ed8, #2563eb);
  box-shadow: 0 8px 22px rgba(29, 78, 216, .22);
}
.nav .nav-home:hover,
.btn-primary:hover { color: #fff; background: linear-gradient(90deg, #1e40af, #1d4ed8); }

.btn-ghost { color: #1d4ed8; border-color: #bfdbfe; background: #fff; }
.btn-ghost:hover { color: #1e40af; border-color: #1d4ed8; }
.btn-wa { color: #fff; background: #16a34a; }
.btn-wa:hover { color: #fff; background: #15803d; }

.eyebrow { color: #1d4ed8; }
.grad {
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  color: #1d4ed8;
}
.tagline, .lead, .sec-head p, .micro, .crumbs, .crumbs a { color: #3d5270; }
.hero h1, h2, h3 { color: #0f2744; }

.section.alt { background: #f3f7fc; border-color: #e2ebf7; }
.trust-strip { background: #fff; color: #1e3a5f; border-color: #d7e3f5; }
.trust-strip svg { color: #1d4ed8; }

.svc, .steps li, .faq details, .card {
  background: #fff;
  border-color: #d7e3f5;
  box-shadow: 0 10px 30px rgba(15, 39, 68, .06);
}
.svc:hover { border-color: #93c5fd; }
.svc-ic { background: #e8f1ff; color: #1d4ed8; }
.svc ul, .svc li, .steps p { color: #3d5270; }
.steps .n { background: #1d4ed8; color: #fff; }

.faq summary { color: #0f2744; }
.faq summary::after { color: #1d4ed8; }
.faq details p { color: #3d5270; }

.form-offer {
  color: #1e3a8a;
  background: #eff6ff;
  border-color: #bfdbfe;
}
.form-card label { color: #1e3a5f; }
.form-card input,
.form-card select,
.form-card textarea {
  background: #fff;
  color: #0f2744;
  border-color: #c5d4ea;
}
.form-card input::placeholder,
.form-card textarea::placeholder { color: #7b8da6; }
.form-card select option { background: #fff; color: #0f2744; }
.fine, .related, .footer { color: #3d5270; }
.footer { border-top-color: #d7e3f5; }
.footer strong { color: #0f2744; }

.sticky { background: rgba(255, 255, 255, .96); border-top-color: #d7e3f5; }
.sticky-in p { color: #0f2744; }