/* ===============================================================
   DARK PREMIUM V2 — visual parity pass with approved concept
   Continuous midnight canvas, fluorescent intelligence accents,
   maritime photography integrated into every major story beat.
   =============================================================== */

.dark-premium {
  --navy-950:#01070c;
  --navy-900:#020b13;
  --navy-850:#04111b;
  --navy-800:#061827;
  --navy-750:#082033;
  --ink:#eefbff;
  --ink-2:#c8e1eb;
  --muted:#84a5b6;
  --muted-dark:#9bb8c6;
  --paper:#020b13;
  --white:#f4fdff;
  --line:rgba(53,213,255,.19);
  --line-dark:rgba(53,213,255,.14);
  --blue:#20c8ff;
  --cyan:#55efff;
  --green:#22f2b0;
  --amber:#ffd34e;
  --red:#ff5367;
  background:
    radial-gradient(circle at 13% 8%, rgba(0,177,255,.075), transparent 22%),
    radial-gradient(circle at 89% 42%, rgba(0,221,255,.045), transparent 25%),
    #01070c;
  color:var(--ink);
}

.dark-premium::before {
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.13;
  background-image:
    linear-gradient(rgba(45,202,255,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(45,202,255,.08) 1px, transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom, black, transparent 85%);
}

.dark-premium .site-header {
  background:linear-gradient(180deg,rgba(1,7,12,.96),rgba(1,7,12,.34));
  border-bottom:1px solid rgba(46,208,255,.11);
}
.dark-premium .site-header.scrolled {
  background:rgba(1,8,14,.91);
  border-color:rgba(56,217,255,.19);
  box-shadow:0 12px 50px rgba(0,0,0,.28);
}
.dark-premium .brand img,
.dark-premium .footer-brand img {
  filter:brightness(0) invert(1) drop-shadow(0 0 12px rgba(48,213,255,.22));
}
.dark-premium .primary-nav a,
.dark-premium .signin-link { color:#b3ccda; }
.dark-premium .primary-nav a:hover,
.dark-premium .signin-link:hover { color:#67eaff; text-shadow:0 0 14px rgba(71,225,255,.32); }

.dark-premium .button-primary {
  background:linear-gradient(135deg,#62f4ff 0%,#17c5ff 52%,#16e6d2 135%);
  color:#00121b;
  border-color:rgba(135,249,255,.82);
  box-shadow:0 0 0 1px rgba(47,211,255,.15),0 0 28px rgba(21,201,255,.28),0 15px 42px rgba(0,130,199,.24),inset 0 1px rgba(255,255,255,.55);
}
.dark-premium .button-primary:hover {
  box-shadow:0 0 0 1px rgba(101,237,255,.24),0 0 42px rgba(32,213,255,.42),0 18px 50px rgba(0,131,205,.3),inset 0 1px rgba(255,255,255,.6);
}
.dark-premium .button-ghost {
  color:#ddf7ff;
  border-color:rgba(54,213,255,.42);
  background:rgba(2,17,28,.72);
  box-shadow:inset 0 0 24px rgba(23,184,238,.04);
}
.dark-premium .button-ghost:hover { border-color:#4ce9ff; box-shadow:0 0 22px rgba(37,211,255,.12); }
.dark-premium .button-dark {
  color:#00131d;
  background:linear-gradient(135deg,#62edff,#1fc8ff);
  box-shadow:0 0 25px rgba(32,200,255,.22);
}
.dark-premium .eyebrow,
.dark-premium .eyebrow.blue,
.dark-premium .product-label { color:#45e7ff; text-shadow:0 0 18px rgba(45,219,255,.22); }

.dark-premium .section,
.dark-premium .section.light {
  color:#eefaff;
  background:#020b13;
  border-top:1px solid rgba(47,201,255,.12);
}
.dark-premium .section::after {
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(56,218,255,.4),transparent);
  opacity:.55;
}
.dark-premium .split-heading h2 span,
.dark-premium .company-head h2 span { color:#8ec4d6; }
.dark-premium .split-heading > p,
.dark-premium .company-head > p,
.dark-premium .loop-head > p,
.dark-premium .roles-copy > p,
.dark-premium .product-copy > p:not(.product-label),
.dark-premium .company-values p { color:#8eacbb; }

.dark-premium .hero {
  min-height:930px;
  background:
    radial-gradient(circle at 72% 18%,rgba(0,196,255,.16),transparent 30%),
    radial-gradient(circle at 21% 66%,rgba(0,128,205,.13),transparent 27%),
    linear-gradient(180deg,#010914 0%,#02121d 64%,#020b13 100%);
  border-bottom:1px solid rgba(45,218,255,.28);
}
.dark-premium .hero-ocean {
  opacity:.62;
  background:
    linear-gradient(90deg,rgba(1,8,14,.94) 0%,rgba(1,9,15,.76) 34%,rgba(2,11,17,.32) 66%,rgba(1,8,14,.6) 100%),
    linear-gradient(180deg,rgba(2,11,18,.38),rgba(1,7,11,.8)),
    url("assets/fleet-vessel.webp") center 68% / cover no-repeat;
  filter:saturate(1.08) contrast(1.18) brightness(.75) hue-rotate(2deg);
}
.dark-premium .hero-ocean::after {
  background:
    radial-gradient(circle at 30% 77%,rgba(31,208,255,.16),transparent 16%),
    linear-gradient(180deg,rgba(0,11,20,.04),rgba(0,7,12,.78));
}
.dark-premium .hero-grid-overlay { opacity:.34; }
.dark-premium .hero h1 { text-shadow:0 6px 35px rgba(0,0,0,.42),0 0 36px rgba(38,199,255,.06); }
.dark-premium .hero h1 span { color:#d7f4ff; }
.dark-premium .hero-lede { color:#b9d6e2; }
.dark-premium .hero-statement { color:#a8c9d7; }
.dark-premium .hero-statement > span { box-shadow:0 0 13px var(--cyan); }
.dark-premium .hero-console {
  border-color:rgba(39,210,255,.58);
  background:linear-gradient(145deg,rgba(3,22,36,.92),rgba(1,10,18,.96));
  box-shadow:0 0 0 1px rgba(72,223,255,.06),0 0 70px rgba(20,181,244,.18),0 50px 120px rgba(0,0,0,.57),inset 0 0 65px rgba(12,156,218,.035);
}
.dark-premium .hero-console::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(110deg,transparent 25%,rgba(68,232,255,.035) 43%,transparent 58%);
}
.dark-premium .score-card,
.dark-premium .priority-card,
.dark-premium .ranking-card,
.dark-premium .trend-card,
.dark-premium .signals-card {
  background:linear-gradient(145deg,rgba(3,24,38,.9),rgba(2,13,22,.92));
  border-color:rgba(55,192,236,.27);
  box-shadow:inset 0 0 25px rgba(26,188,247,.022);
}
.dark-premium .priority-card { border-color:rgba(255,77,96,.72); box-shadow:0 0 24px rgba(255,72,91,.07),inset 0 0 22px rgba(255,72,91,.03); }
.dark-premium .score-card.mini:nth-child(3) { border-color:rgba(34,242,176,.28); }
.dark-premium .score-card.mini:nth-child(3) polyline { stroke:#24f0ad; filter:drop-shadow(0 0 5px rgba(36,240,173,.4)); }
.dark-premium .trend-chart polyline { filter:drop-shadow(0 0 6px rgba(44,215,255,.43)); }
.dark-premium .vessel-thumb img { filter:saturate(1.06) brightness(.76) contrast(1.17); }
.dark-premium .coverage-strip {
  background:linear-gradient(90deg,#01080d,#031521 50%,#01080d);
  border-color:rgba(45,219,255,.27);
  box-shadow:0 0 36px rgba(16,188,245,.045) inset;
}
.dark-premium .coverage-items span::before { border-color:#46eaff; box-shadow:0 0 8px rgba(69,231,255,.24); }

.dark-premium .challenge {
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(1,9,15,.99) 0%,rgba(2,11,18,.96) 42%,rgba(2,13,21,.72) 70%,rgba(2,11,18,.96) 100%),
    url("assets/bridge-officers.webp") right center / 58% auto no-repeat,
    #020b13;
}
.dark-premium .challenge::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.28;
  background:
    radial-gradient(circle at 79% 48%,rgba(24,196,255,.22),transparent 24%),
    linear-gradient(180deg,transparent 55%,rgba(0,197,255,.07));
}
.dark-premium .challenge .shell { position:relative; z-index:2; }
.dark-premium .challenge-card {
  background:linear-gradient(145deg,rgba(3,27,43,.9),rgba(2,14,24,.92));
  border-color:rgba(42,207,255,.32);
  color:#eefaff;
  box-shadow:0 18px 48px rgba(0,0,0,.28),inset 0 0 28px rgba(19,174,235,.035);
  backdrop-filter:blur(12px);
}
.dark-premium .challenge-card:hover { transform:translateY(-5px); border-color:rgba(72,229,255,.58); box-shadow:0 0 28px rgba(36,205,255,.1),0 22px 52px rgba(0,0,0,.34); }
.dark-premium .challenge-card::after { border-color:rgba(65,222,255,.14); }
.dark-premium .challenge-card .line-icon {
  color:#49e7ff;
  border-color:rgba(64,223,255,.35);
  background:rgba(16,161,219,.08);
  box-shadow:0 0 22px rgba(40,207,255,.08);
}
.dark-premium .challenge-card p { color:#98b4c2; }
.dark-premium .challenge-card > span { color:#416777; }

.dark-premium .intelligence-loop {
  background:linear-gradient(180deg,#020b13,#03121c);
}
.dark-premium .loop-photo {
  opacity:.56;
  background:
    linear-gradient(90deg,rgba(1,10,16,.96),rgba(2,13,21,.8) 45%,rgba(1,9,15,.93)),
    url("assets/bridge-officers.webp") center/cover no-repeat;
  filter:saturate(1.06) contrast(1.15) brightness(.72);
}
.dark-premium .loop-step {
  border-color:rgba(53,213,255,.34);
  background:linear-gradient(145deg,rgba(4,29,44,.78),rgba(2,15,24,.84));
  box-shadow:inset 0 0 30px rgba(30,190,246,.025);
}
.dark-premium .loop-step:hover { border-color:#4ce8ff; box-shadow:0 0 28px rgba(38,215,255,.11); }
.dark-premium .step-number { background:linear-gradient(145deg,#65f5ff,#14bfff); box-shadow:0 0 18px rgba(43,215,255,.32); }
.dark-premium .flow-arrow { text-shadow:0 0 12px rgba(49,218,255,.5); }
.dark-premium .loop-summary { border-color:rgba(64,222,255,.3); background:rgba(3,25,38,.88); box-shadow:0 0 24px rgba(30,205,255,.05); }

.dark-premium .platform {
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 32%,rgba(14,166,232,.12),transparent 24%),
    radial-gradient(circle at 92% 69%,rgba(11,214,221,.08),transparent 20%),
    linear-gradient(180deg,#020b13,#03111b 55%,#020b13);
}
.dark-premium .platform::before {
  content:"";
  position:absolute;
  inset:14% 0 auto;
  height:46%;
  opacity:.22;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(2,11,19,.86),rgba(2,11,19,.08) 55%,rgba(2,11,19,.78)),
    url("assets/fleet-vessel.webp") center/cover no-repeat;
  filter:saturate(1.06) contrast(1.18) brightness(.66);
  mask-image:linear-gradient(to bottom,transparent 0,black 24%,black 72%,transparent 100%);
}
.dark-premium .platform .shell { position:relative; z-index:2; }
.dark-premium .product-block { position:relative; }
.dark-premium .product-copy h3 { color:#f1fbff; }
.dark-premium .product-copy li { color:#a8c3cf; border-color:rgba(55,186,225,.14); }
.dark-premium .product-copy li::before { background:#3be9ff; box-shadow:0 0 0 4px rgba(44,219,255,.07),0 0 12px rgba(44,219,255,.35); }
.dark-premium .text-link { color:#48e6ff; }
.dark-premium .product-ui {
  background:linear-gradient(145deg,rgba(4,24,38,.96),rgba(1,11,19,.98));
  border-color:rgba(48,214,255,.47);
  box-shadow:0 0 0 1px rgba(59,228,255,.035),0 0 45px rgba(27,194,249,.09),0 32px 90px rgba(0,0,0,.42),inset 0 0 60px rgba(20,177,241,.026);
}
.dark-premium .product-block:nth-child(2) .product-ui { border-color:rgba(27,238,191,.34); box-shadow:0 0 40px rgba(24,224,187,.07),0 32px 90px rgba(0,0,0,.42); }
.dark-premium .product-block:nth-child(3) .product-ui { border-color:rgba(70,183,255,.36); }
.dark-premium .score-gauge { filter:drop-shadow(0 0 18px rgba(36,229,199,.14)); }
.dark-premium .gauge-bg { stroke:rgba(54,177,217,.1); }
.dark-premium .dimension-list i { background:rgba(41,169,210,.1); }
.dark-premium .ui-insight { color:#9fbfcf; border-color:rgba(46,200,243,.17); }
.dark-premium .agent-message.user { background:rgba(7,38,57,.82); border-color:rgba(42,197,241,.25); color:#d8eff7; }
.dark-premium .agent-message.ai { background:linear-gradient(145deg,rgba(5,29,42,.96),rgba(2,17,27,.96)); color:#c8e1eb; border-color:rgba(39,219,190,.22); }
.dark-premium .agent-message.ai strong { color:#f2fbff; }
.dark-premium .agent-chip { background:rgba(7,43,58,.74); border-color:rgba(44,213,237,.2); color:#9ed4e4; }
.dark-premium .citation-card { background:rgba(3,22,34,.92); border-color:rgba(49,197,239,.24); }
.dark-premium .citation-card p { color:#a7c0ca; }
.dark-premium .citation-card footer { border-color:rgba(52,185,224,.17); color:#6fc9e4; }
.dark-premium .grounded-list div { background:rgba(3,26,39,.92); border-color:rgba(45,205,241,.22); color:#a7c9d5; }

.dark-premium .roles-section {
  background:
    radial-gradient(circle at 74% 42%,rgba(16,193,245,.11),transparent 28%),
    linear-gradient(180deg,#020b13,#03121c);
}
.dark-premium .role-tab { color:#80a5b7; border-color:rgba(51,190,227,.17); background:rgba(3,21,32,.72); }
.dark-premium .role-tab.active { color:#00151e; background:linear-gradient(135deg,#5df0ff,#18c1ff); border-color:#69f3ff; box-shadow:0 0 22px rgba(36,209,255,.26); }
.dark-premium .role-demo {
  background:rgba(2,16,25,.92);
  border-color:rgba(44,208,249,.32);
  box-shadow:0 28px 80px rgba(0,0,0,.38),0 0 44px rgba(24,191,244,.05);
}
.dark-premium .role-photo::after { background:linear-gradient(90deg,transparent 52%,#021019 100%); }
.dark-premium .role-photo img { filter:saturate(1.06) contrast(1.12) brightness(.73); }
.dark-premium .role-panel { background:linear-gradient(145deg,rgba(4,29,44,.96),rgba(2,17,27,.96)); border-color:rgba(43,213,251,.28); }
.dark-premium .role-panel li { color:#a8c7d2; }

.dark-premium .impact {
  background:
    linear-gradient(90deg,rgba(1,9,14,.96),rgba(2,13,21,.93)),
    url("assets/fleet-vessel.webp") center 65% / cover no-repeat;
}
.dark-premium .impact .split-heading { position:relative; z-index:2; }
.dark-premium .impact-grid { position:relative; z-index:2; }
.dark-premium .impact-card { background:linear-gradient(145deg,rgba(3,28,42,.92),rgba(1,14,23,.95)); border-color:rgba(43,210,248,.28); box-shadow:inset 0 0 24px rgba(37,199,243,.025); }
.dark-premium .impact-card strong { color:#28f2d0; text-shadow:0 0 22px rgba(33,240,205,.18); }
.dark-premium .impact-card span { color:#9ab8c5; }
.dark-premium .impact-note { color:#6f94a6; }

.dark-premium .enterprise {
  background:
    radial-gradient(circle at 78% 30%,rgba(31,197,255,.08),transparent 24%),
    linear-gradient(180deg,#020b13,#03111a);
}
.dark-premium .enterprise-card { background:rgba(4,25,38,.8); border-color:rgba(49,196,233,.22); }
.dark-premium .enterprise-icon { border-color:rgba(65,218,249,.26); background:rgba(22,168,218,.07); color:#44e8ff; }
.dark-premium .enterprise-card p { color:#8fadb9; }

.dark-premium .company {
  background:
    radial-gradient(circle at 12% 70%,rgba(18,155,226,.11),transparent 22%),
    radial-gradient(circle at 86% 48%,rgba(33,232,212,.055),transparent 20%),
    linear-gradient(180deg,#020b13,#021019);
}
.dark-premium .company-value { background:rgba(3,22,34,.76); border-color:rgba(47,192,229,.17); }
.dark-premium .company-value h3 { color:#ebfaff; }
.dark-premium .company-value p { color:#8faeba; }
.dark-premium .founder-card { background:linear-gradient(145deg,rgba(4,27,41,.9),rgba(2,16,25,.92)); border-color:rgba(48,195,233,.2); }
.dark-premium .founder-card:hover { border-color:rgba(67,227,255,.45); box-shadow:0 0 24px rgba(37,204,244,.08); }
.dark-premium .founder-avatar { background:linear-gradient(145deg,#0d3045,#061924); border-color:rgba(55,217,247,.38); color:#67efff; box-shadow:0 0 20px rgba(37,201,242,.1); }
.dark-premium .founder-card span { color:#759bab; }

.dark-premium .final-cta {
  background:
    linear-gradient(90deg,rgba(2,10,17,.97) 0%,rgba(2,12,20,.84) 48%,rgba(1,8,14,.95) 100%),
    url("assets/fleet-vessel.webp") center 58% / cover no-repeat;
  border-color:rgba(51,208,246,.18);
  position:relative;
  overflow:hidden;
}
.dark-premium .final-cta::before {
  content:"";
  position:absolute;
  inset:auto -5% -36% -5%;
  height:68%;
  border-radius:50% 50% 0 0;
  border-top:1px solid rgba(64,223,255,.38);
  box-shadow:0 -16px 90px rgba(18,181,245,.13);
  background:radial-gradient(ellipse at top,rgba(23,150,220,.15),transparent 58%);
}
.dark-premium .final-cta .shell { position:relative; z-index:2; }
.dark-premium .footer { background:#01070c; border-color:rgba(51,207,244,.13); }
.dark-premium .footer p,
.dark-premium .footer a,
.dark-premium .footer-bottom { color:#7394a4; }
.dark-premium .footer a:hover { color:#54e9ff; }
.dark-premium .footer h4 { color:#b7d7e3; }

.dark-premium .modal-card { background:linear-gradient(145deg,#061a28,#020b13); border-color:rgba(53,216,251,.34); box-shadow:0 30px 90px rgba(0,0,0,.7),0 0 60px rgba(25,190,244,.08); color:#eefaff; }
.dark-premium .modal-close { color:#9fc1cf; background:rgba(4,27,41,.76); border-color:rgba(54,202,238,.22); }
.dark-premium .modal-card label { color:#a8c7d3; }
.dark-premium .modal-card input,
.dark-premium .modal-card textarea { background:#03121d; color:#e8f9ff; border-color:rgba(59,193,229,.22); }
.dark-premium .modal-card input:focus,
.dark-premium .modal-card textarea:focus { border-color:#42e3ff; box-shadow:0 0 0 3px rgba(47,215,255,.08); }
.dark-premium .modal-hint { color:#668b9b; }
.dark-premium .form-message.error { background:rgba(255,72,93,.08); color:#ff8393; border-color:rgba(255,78,99,.22); }
.dark-premium .form-message.success { background:rgba(35,235,176,.08); color:#56efc4; border-color:rgba(35,235,176,.2); }

@media (max-width:1050px) {
  .dark-premium .hero { min-height:auto; }
  .dark-premium .challenge { background:linear-gradient(180deg,rgba(1,9,15,.96),rgba(2,11,18,.96)),url("assets/bridge-officers.webp") center/cover no-repeat; }
  .dark-premium .product-block { gap:44px; }
}

@media (max-width:760px) {
  .dark-premium .hero-ocean { background:linear-gradient(180deg,rgba(1,8,14,.76),rgba(1,8,14,.95)),url("assets/fleet-vessel.webp") 62% center/cover no-repeat; opacity:.48; }
  .dark-premium .hero-console { box-shadow:0 0 40px rgba(20,181,244,.12),0 28px 70px rgba(0,0,0,.48); }
  .dark-premium .challenge { background:linear-gradient(180deg,rgba(1,9,15,.9),rgba(2,11,18,.98)),url("assets/bridge-officers.webp") 65% top/auto 52% no-repeat; }
  .dark-premium .platform::before { opacity:.11; }
  .dark-premium .role-photo::after { background:linear-gradient(180deg,transparent 56%,#021019 100%); }
  .dark-premium .final-cta { background:linear-gradient(180deg,rgba(2,10,17,.88),rgba(1,8,14,.98)),url("assets/fleet-vessel.webp") center/cover no-repeat; }
}

@media (prefers-reduced-motion:reduce) {
  .dark-premium *,
  .dark-premium *::before,
  .dark-premium *::after { scroll-behavior:auto !important; transition-duration:.001ms !important; animation-duration:.001ms !important; animation-iteration-count:1 !important; }
}