:root {
  color: #e8f5fb;
  background: #071523;
  color-scheme: dark;
}

body {
  background:
    radial-gradient(circle at 82% 7%, #123c52 0, transparent 33%),
    radial-gradient(circle at 6% 37%, #142646 0, transparent 30%),
    linear-gradient(#1230472d 1px, transparent 1px),
    linear-gradient(90deg, #1230472d 1px, transparent 1px),
    #071523;
  background-size: auto, auto, 44px 44px, 44px 44px, auto;
}

.site-header {
  background: #091a2be8;
  border-bottom-color: #27506a;
}
.brand { color: #f0fcff; }
.brand-icon {
  background: linear-gradient(135deg, #1cbbce, #3775d6);
  box-shadow: 0 0 24px #27c9e64d;
}
.nav { color: #b8d0df; }
.nav a:hover { color: #68ebf5; }
.nav .nav-pill.is-active {
  border-color: #2c7081;
  background: #12384c;
  color: #79eef5;
}
.nav .nav-contact {
  border-color: #347387;
  background: #102b3e;
  color: #a6f8fb;
}

.eyebrow {
  border-color: #2c6575;
  background: #102f3f;
  color: #8eeef5;
}
.eyebrow::before {
  background: #55e3e0;
  box-shadow: 0 0 0 4px #55e3e02a, 0 0 14px #55e3e0;
}
.text-gradient {
  background: linear-gradient(100deg, #61e5f0, #8e9cff 82%);
  background-clip: text;
}
.hero-desc, .hero-points { color: #adc6d3; }
.hero-points span::before { color: #5de3d3; }

.button-primary, .chat-dialog .copy-button {
  background: linear-gradient(120deg, #19afc6, #3677d0);
  color: #fff;
  box-shadow: 0 12px 30px #14bed13f;
}
.button-primary:hover, .chat-dialog .copy-button:hover {
  background: linear-gradient(120deg, #25c6dc, #478be5);
  box-shadow: 0 15px 34px #14bed159;
}
.button-secondary {
  border-color: #34566c;
  background: #112b3e;
  color: #d8eef7;
}
.button-secondary:hover { background: #173a50; }

.art-glow {
  background: linear-gradient(120deg, #13a9c0, #566ada);
  opacity: .4;
}
.showcase {
  border-color: #34657c;
  background: linear-gradient(145deg, #17384a 4%, #102739 62%, #172b4f);
  box-shadow: 0 28px 70px #020d1db3, inset 0 1px #92e8f322;
}
.showcase::before, .showcase::after { border-color: #5d9caf38; }
.showcase-top { color: #a6c9d5; }
.showcase-top strong { color: #73efdd; }
.showcase-top strong::before { background: #60edda; }
.showcase-title .title-blue { color: #66e6ee; }
.showcase-sub { color: #b1cad9; }
.showcase-card {
  border-color: #3b697c;
  background: #133145;
  box-shadow: 0 16px 28px #03111f55;
}
.showcase-card:hover {
  border-color: #69dce8;
  box-shadow: 0 18px 32px #07b8ca32;
}
.showcase-card-icon, .step-num {
  background: #184959;
  color: #81edf3;
}
.showcase-card small { color: #a3bac8; }
.showcase-card .step-num { color: #79ebf0; }

.section-kicker { color: #70ddea; }
.section-heading p, .center-heading p:last-child { color: #aac4d1; }
.product-card, .step, .why-card, .guide-card, .reminder-card, .faq-list details {
  border-color: #2e5065;
  background: #10283a;
  box-shadow: 0 14px 32px #04101e59;
}
.product-main { background: linear-gradient(130deg, #17384d, #10283a 72%); }
.product-main::after { border-color: #26748a4d; }
.product-badge {
  background: #174659;
  color: #7ce6ed;
}
.product-main p, .step p, .why-card p, .guide-card p, .reminder-card p,
.faq-list details p { color: #aac4d0; }
.product-side { background: #12384e; }
.product-side .orb { color: #95eef3; }
.product-side p, .product-side a { color: #b9d4e1; }
.process, .paired-info, .reminder {
  background: #0c2131;
  border-color: #28475b;
}
.faq-list summary::after, .reminder-card strong,
.guide-card small, .guide-card span { color: #7ce8ee; }
.why-icon {
  background: #194356;
  color: #76e4ed;
}
.guide-card:hover { border-color: #67cbdc; }

.plans-section { background: #091b2a; }
.plans-heading p { color: #a9c2d0; }
.plan-card,
.plan-card:nth-child(1), .plan-card:nth-child(3),
.plan-card:nth-child(4), .plan-card:nth-child(5) {
  --accent: #75e5eb;
  --accent-bg: #173f52;
  border-color: #2e5369;
  background: #10293b;
  box-shadow: 0 14px 30px #020d1d66;
}
.plan-card:nth-child(2), .plan-card:nth-child(4) {
  --accent: #a0b6ff;
  --accent-bg: #233957;
}
.plan-features { border-top-color: #315166; color: #bdd2dc; }
.plan-audience, .plans-note { color: #a8c0cf; }
.plan-link {
  border-color: #45768a;
  background: var(--accent-bg);
  color: var(--accent);
}
.plan-link:hover { background: var(--accent); color: #092134; }

.support-box {
  background: linear-gradient(110deg, #12394e, #284a79);
  border: 1px solid #397890;
}
.support-box p { color: #c9e1ea; }
.support-action button {
  background: #d9f8fb;
  color: #0e5067;
}
.support-action button:hover { background: #fff; }
.site-footer, .trust-strip {
  border-color: #28495d;
  background: #0a1c2b;
  color: #a1bdcc;
}
.footer-inner a, .footer-columns a:hover { color: #77e5ed; }
.trust-inner strong, .footer-columns h3 { color: #d5edf5; }
.trust-inner span::before { color: #6cdeeb; }
.footer-columns p, .footer-columns a { color: #a9c1ce; }

.chat-launcher {
  border-color: #3a8293;
  background: #102b3e;
  box-shadow: 0 14px 38px #010d1dc2;
}
.chat-launcher:hover { background: #184157; }
.chat-icon { background: linear-gradient(135deg, #19b5c9, #4178d5); }
.chat-icon::after { border-color: #102b3e; }
.chat-label small { color: #a9d9e3; }
.chat-dialog {
  border-color: #396477;
  background: #10283a;
  color: #e9f8fb;
}
.chat-dialog::backdrop { background: #020e20bb; }
.chat-dialog p { color: #b7cbd6; }
.chat-dialog .qq-number {
  border-color: #355b6f;
  background: #173648;
}
.chat-dialog .close-dialog {
  background: #1d3b4f;
  color: #c0e7ef;
}
.chat-dialog .copy-status { color: #78e2ea; }

:focus-visible { outline-color: #74eaf2; }