/* SkyScan Theme — logo-matched, carbon header, large logo */
:root{--brand:#E0522E;--brand-dark:#C04324;--navy:#12181E;--graphite:#1B2229;--cream:#EFE6DB;--text:#E9EEF3;--muted:#222222;--stroke:#2A3036}
*{box-sizing:border-box}
html,body { background:#000000; color:#f5f5f5; }
a{color:var(--cream);text-decoration:none} a:hover{text-decoration:underline}
img{max-width:100%;display:block}
.container{max-width:1180px;margin:0 auto;padding:16px}
.header{position:sticky;top:0;z-index:40;background:linear-gradient(90deg,var(--graphite),transparent);border-bottom:1px solid var(--stroke);box-shadow:0 6px 24px rgba(0,0,0,.25)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;flex:1 1 auto;padding:8px 12px;border-radius:14px;border:1px solid var(--stroke);
  background:
    radial-gradient(circle at 0 0, rgba(255,255,255,.06) 2px, transparent 2px),
    radial-gradient(circle at 2px 2px, rgba(0,0,0,.30) 2px, transparent 2px),
    linear-gradient(45deg, rgba(255,255,255,.03) 25%, transparent 25%, transparent 75%, rgba(255,255,255,.03) 75%),
    linear-gradient(45deg, rgba(0,0,0,.12) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.12) 75%);
  background-size:6px 6px,6px 6px,24px 24px,24px 24px;background-position:0 0,3px 3px,0 0,12px 12px}
.brand img{height:120px}
.header nav{display:flex;flex-wrap:wrap;gap:8px}
.header nav a.link{padding:10px 12px;border-radius:10px;color:var(--cream);opacity:.9}
.header nav a.link:hover{background:rgba(255,255,255,.06);opacity:1;text-decoration:none}
.header nav a.link.active{background:rgba(255,255,255,.10)}
.cta{background: linear-gradient(135deg, var(--brand), var(--brand-dark));color:#0a0a0a;padding:10px 16px;border-radius:12px;font-weight:700;box-shadow:0 10px 20px rgba(224,82,46,.25);border:none;display:inline-block}
.section{padding:48px 16px}
.cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
.card{background:var(--graphite);border:1px solid var(--stroke);border-radius:18px;padding:18px;box-shadow:0 12px 24px rgba(0,0,0,.18)}
.card h3{margin:6px 0 4px;color:var(--cream)}
.band{background:#0b1422;color:#cbd5e1}
.band .row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.table{width:100%;border-collapse:separate;border-spacing:0 8px;display:block;overflow-x:auto;background:var(--graphite);border:1px solid var(--stroke);border-radius:14px;padding:8px}
.table th,.table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--stroke)}
.table thead th{color:var(--cream)}
.input,textarea,select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--stroke);font-size:16px;background:var(--navy);color:var(--text)}
label{font-weight:700;font-size:14px}
.form-row{display:grid;gap:8px;margin-bottom:12px}
small.muted{color:#8A94A4}
footer{background:#0b1422;color:#cbd5e1;font-size:14px}
@media (max-width:980px){.cards{grid-template-columns:1fr 1fr}.grid-2{grid-template-columns:1fr}}
@media (max-width:640px){.cards{grid-template-columns:1fr}}

/* Sticky mobile CTA bar */
.mobile-cta-bar{
  position:fixed; left:0; right:0; bottom:0; z-index:60;
  display:none; gap:10px; justify-content:space-between;
  padding:10px 16px; background:linear-gradient(90deg, var(--brand-dark), var(--brand));
  border-top:1px solid rgba(255,255,255,.2); box-shadow:0 -8px 20px rgba(0,0,0,.25);
}
.mobile-cta-bar .cta{ flex:1; text-align:center; font-weight:800; border:none; box-shadow:none }
@media (max-width: 820px){ .mobile-cta-bar{ display:flex } body { background:#000000; color:#f5f5f5; } }


/* --- Pricing table improvements --- */
table.pricing-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 1.06rem;
  line-height: 1.6;
  background:#1e1e1e;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(0,0,0,0.08);
}
.pricing-table th,
.pricing-table td {
  padding: 16px 18px;
  vertical-align: top;
}

.pricing-table tbody td:first-child {
  font-weight: 700;
  color: #0b1220;
}
.pricing-table tbody td:nth-child(2) {
  font-weight: 800;
  color: #0b1220;
}
.pricing-table tbody tr:nth-child(odd) td {
  background: #fbf0ed;
}

.pricing-note {
  margin-top: 12px;
  color: #0b1220;
  font-size: 1rem;
  font-weight: 600;
}
@media (max-width: 640px) {
  .pricing-table th, .pricing-table td { padding: 14px; }
  .pricing-table { font-size: 1rem; }
}
/* --- Nav link spacing for Social --- */
nav a.link.social-link { font-weight: 700; }

nav a.link.social-link { }

/* --- Global Accent Styles --- */
a.cta, button.cta {
  background: #d14c20;
  color: #0a0a0af !important;
  font-weight: 700;
  border-radius: 8px;
  padding: 10px 18px;
  transition: background 0.25s;
}
a.cta:hover, button.cta:hover {
  background: #b23f19;
}
a.link:hover {
  color: #d14c20;
}

/* --- Global Accent & Apple-like UI pass --- */
:root {
  --accent: #d14c20;
  --ink: #f8f8f8;
  --muted: #222222;
  --soft: #f6f7f9;
}
body { background:#000000; color:#f5f5f5; }
h1,h2,h3 {
  letter-spacing: -0.01em;
  color: var(--ink);
}
a.link:hover { opacity: .85; }
/* Buttons */
.cta, .btn, .btn-accent {
  display:inline-block;
  padding:12px 16px;
  border-radius: 12px;
  font-weight: 700;
  text-decoration:none;
  transition: transform .05s ease, box-shadow .2s ease, opacity .2s ease;
  box-shadow: 0 6px 16px rgba(0,0,0,.08);
}
.cta, .btn-accent {
  background: var(--accent);
  color: #0a0a0a;
}
.btn-outline {
  background:#1e1e1e;
  color: var(--accent);
  border:1px solid rgba(0,0,0,.08);
}
.cta:active, .btn:active { transform: scale(.98); }
/* Links */
a { color: var(--accent); }
/* Cards & Sections */
section, .card {
  background:#1e1e1e;
  border-radius:16px;
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
}

main .container p{max-width:68ch}

body { background:#000000; color:#f5f5f5; }

.pricing-table td, .pricing-table th { color:#1a1a1a; }


h1,h2,h3,h4,h5,h6 { color:#111111 !important; }
p, li, td, th, a.link, footer, nav a { color:#111111 !important; }
.btn-outline { color:#111111 !important; border-color:#111111 !important; }


section, .card, main .container, header, footer {
  background:#1e1e1e !important;
}


section, .card, main .container, header, footer {
  background:#f0f0f0 !important;
}


section, .card, main .container, header, footer {
  background:#1e1e1e !important;
  color:#f2f2f2 !important;
}
.pricing-table th, .pricing-table td {
  color:#f2f2f2 !important;
}
a.link, nav a, footer a {
  color:#ffae42 !important; /* warm accent for readability */
}

hr { border: none; border-top: 1px solid var(--border); }




header, footer, nav, section, .card, main .container {
  background: var(--bg-elev) !important;
  color: var(--ink) !important;
}




.pricing-table tbody tr:nth-child(odd) td {
  background: #1a1a1a !important;
}



*, p, li, td, th, a, span, div {
  color: var(--ink) !important;
}


header, footer, nav, section, .card, main .container {
  background: var(--bg-elev) !important;
  color: var(--ink) !important;
  border-color: var(--border) !important;
}


p, li, td, th, a.link, .text, .muted, small {
  color: var(--ink) !important;
}

.pricing-table tbody tr:hover td {
  background:#262626 !important;
  color: var(--ink) !important;
}


header, footer, nav, section, .card, main .container {
  background: var(--bg) !important;
  color: var(--ink) !important;
}


h1,h2,h3,h4,h5,h6, p, li, td, th, a, .text, small {
  color: var(--ink) !important;
}
.muted, .secondary { color: var(--ink-soft) !important; }

.pricing-table thead th {
  background: var(--bg-elev);
  color: var(--ink) !important;
}
.pricing-table tbody td {
  background: var(--bg-elev-2);
  color: var(--ink) !important;
}
.pricing-table tbody tr:nth-child(odd) td {
  background: var(--bg-elev);
}
.pricing-table tbody tr:hover td {
  background: #262626 !important;
  color: var(--ink) !important;
}





a, a.link, nav a {
  color:#ffae42 !important;
}
.cta, .btn, .btn-accent {
  background:#d14c20 !important;
  color:#fff !important;
}

.pricing-table thead th, .pricing-table tbody td {
  background:#000000 !important;
  color:#f5f5f5 !important;
}
.pricing-table tbody tr:nth-child(odd) td {
  background:#111111 !important;
}
.pricing-table tbody tr:hover td {
  background:#1a1a1a !important;
  color:#f5f5f5 !important;
}


/* --- Carbon Fiber Theme --- */
body { background:#000000; color:#f5f5f5; }
header, footer, nav, section, .card, main, main .container {
  background-color: rgba(0,0,0,0.85) !important;
  backdrop-filter: blur(2px);
}


/* --- Carbon fiber theme accents --- */
.carbon, header.header, footer.band, header, footer, section.section.carbon {
  background-color:#000 !important;
  background-image: linear-gradient(rgba(0,0,0,.65), rgba(0,0,0,.65)), url("assets/carbon-fiber.svg") !important;
  background-size: 24px 24px, 64px 64px !important;
  background-repeat: repeat !important;
}
/* Give containers on carbon a subtle inner border for definition */
.carbon .container, header .container, footer .container, section.section.carbon .container {
  border: 1px solid #222 !important;
  border-radius: 14px;
  background: transparent;
}

/* high-contrast text */
body, header, footer, section, .card, main, main .container, td, th, p, li, a { color:#f5f5f5 !important; }


/* --- Footer CTA carbon strip --- */
.footer-cta {
  background-color:#000 !important;
  background-image: linear-gradient(rgba(0,0,0,.65), rgba(0,0,0,.65)), url("assets/carbon-fiber.svg") !important;
  background-size: 24px 24px, 64px 64px !important;
  background-repeat: repeat !important;
  padding:20px;
  border-radius: 12px;
  box-shadow: 0 0 12px rgba(0,0,0,0.6);
}
.footer-cta a {
  flex:1 1 auto;
  text-align:center;
}


/* --- Contact CTA carbon strip --- */
.contact-cta {
  background-color:#000 !important;
  background-image: linear-gradient(rgba(0,0,0,.65), rgba(0,0,0,.65)), url("assets/carbon-fiber.svg") !important;
  background-size: 24px 24px, 64px 64px !important;
  background-repeat: repeat !important;
  padding:20px;
  margin:20px 0;
  border-radius: 12px;
  box-shadow: 0 0 12px rgba(0,0,0,0.6);
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  justify-content:center;
}
.contact-cta a {
  flex:1 1 auto;
  text-align:center;
}


/* --- Carbon fiber theme accents (strong override) --- */
.carbon, .footer-cta, .contact-cta {
  background-color:#000 !important;
  background-image: linear-gradient(rgba(0,0,0,.65), rgba(0,0,0,.65)), url("assets/carbon-fiber.svg") !important;
  background-size: 24px 24px, 64px 64px !important;
  background-repeat: repeat !important;
  color:#f5f5f5 !important;
}


/* --- Carbon fiber applied sitewide --- */
section, .section, .card, main .container {
  background-color:#000 !important;
  background-image: linear-gradient(rgba(0,0,0,.65), rgba(0,0,0,.65)), url("assets/carbon-fiber.svg") !important;
  background-size: 24px 24px, 64px 64px !important;
  background-repeat: repeat !important;
  color:#f5f5f5 !important;
}