/* AutoMK27 — European Intelligence Atlas homepage */
:root {
  --atlas-paper: #f7fbfc;
  --atlas-ink: #101c31;
  --atlas-muted: #526477;
  --atlas-green: #087f99;
  --atlas-bright: #11c8c8;
  --atlas-metal: linear-gradient(135deg, #07566b 0%, #087f99 38%, #22cbd0 62%, #07566b 100%);
  --atlas-risk: #e28a18;
  --atlas-cyclamen: #d34f83;
  --atlas-line: rgba(8, 127, 153, .18);
  --atlas-card: rgba(255, 255, 255, .92);
  --green: #087f99;
  --green2: #11aebe;
  --accent: #087f99;
}

html { max-width: 100%; overflow-x: clip; }

body {
  max-width: none;
  padding: 0 0 70px;
  overflow-x: hidden;
  background:#f7fbfc;
}

body > header {
  position: sticky;
  top: 0;
  z-index: 100;
  max-width: 1320px;
  margin: 0 auto;
  padding: 20px 34px;
  border-bottom-color: var(--atlas-line);
  background: rgba(247, 251, 252, .86);
  backdrop-filter: blur(18px) saturate(1.25);
  transition: padding .3s ease, box-shadow .3s ease, background .3s ease;
}

body > header.atlas-scrolled {
  padding-top: 12px;
  padding-bottom: 12px;
  background: rgba(247, 251, 252, .96);
  box-shadow: 0 14px 40px rgba(20, 48, 36, .08);
}

body > header nav a.active { color:#07566b; font-weight:700; }
body > header nav a.active::after { right:0; height:2px; background:linear-gradient(90deg,#087f99,#11c8c8); }
body > header nav .nav-search { margin-left:28px; padding:0 4px; border:0; background:transparent; font-size:29px; line-height:1; color:#101c31; font-family:Georgia,serif; transform:translateY(-2px); cursor:pointer; }
body > header nav .nav-account { display:inline-flex; align-items:center; gap:8px; margin-left:22px; padding:10px 20px; border:1px solid #c7dce5; border-radius:999px; background:#fff; color:#101c31; font:600 14px 'Space Grotesk',sans-serif; cursor:pointer; }
body > header nav .nav-account::after { display:none; }

a.brand.brand-logo .brand-mark { width:48px; }
a.brand.brand-logo .brand-word { font-size:24px; }

/* Homepage hero rebuilt from the approved reference.  Everything interactive
   stays real HTML; the photograph is only the visual layer. */
.hero-reference {
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(390px,.82fr) minmax(610px,1.18fr);
  grid-template-rows:minmax(520px,auto) auto;
  width:min(100%,1600px);
  margin:0 auto 52px;
  overflow:hidden;
  background:#fff;
  border-top:1px solid rgba(8,127,153,.08);
  box-shadow:0 28px 80px -64px rgba(9,51,70,.52);
  --hero-x:0px;
  --hero-y:0px;
}
.hero-reference::after {
  content:"";
  position:absolute;
  z-index:-1;
  left:0;right:0;bottom:-1px;
  height:180px;
  background:linear-gradient(180deg,rgba(238,249,252,0),#edf8fb 82%);
  pointer-events:none;
}
.hero-reference-copy {
  position:relative;
  z-index:3;
  align-self:center;
  padding:72px 24px 78px clamp(38px,5vw,82px);
}
.hero-reference-eyebrow {
  display:flex;
  align-items:center;
  gap:18px;
  margin-bottom:24px;
  color:#087f99;
  font-size:12px;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
  animation:reference-rise .65s ease both;
}
.hero-reference-eyebrow span { width:50px;height:2px;background:linear-gradient(90deg,#087f99,#18d4cf); }
.hero-reference h1 {
  max-width:690px;
  margin:0;
  color:#071126;
  font:500 clamp(48px,5.1vw,78px)/.99 'Fraunces',Georgia,serif;
  letter-spacing:-.047em;
  text-wrap:balance;
  animation:reference-rise .7s .06s ease both;
}
.hero-reference-copy > p {
  max-width:570px;
  margin:22px 0 29px;
  color:#526477;
  font-size:clamp(16px,1.45vw,20px);
  line-height:1.55;
  animation:reference-rise .7s .12s ease both;
}
.hero-reference-actions { display:flex;gap:18px;flex-wrap:wrap;animation:reference-rise .7s .18s ease both; }
.hero-reference-actions a {
  position:relative;
  overflow:hidden;
  min-height:58px;
  display:inline-flex;
  align-items:center;
  gap:14px;
  padding:0 25px;
  border-radius:999px;
  text-decoration:none;
  font-size:16px;
  font-weight:700;
  transition:transform .24s ease,box-shadow .24s ease,background .24s ease,color .24s ease;
}
.hero-reference-actions a b { margin-left:10px;font-size:27px;font-weight:400;line-height:1; }
.hero-reference-primary {
  min-width:285px;
  color:#fff;
  background:linear-gradient(112deg,#06617a 0%,#079bb2 44%,#16d3cf 100%);
  border:1px solid rgba(7,127,153,.4);
  box-shadow:0 12px 26px -12px rgba(6,97,122,.76),inset 0 1px rgba(255,255,255,.36);
}
.hero-reference-primary::after {
  content:"";position:absolute;inset:-80% -40%;
  background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.45) 50%,transparent 58%);
  transform:translateX(-65%);transition:transform .75s ease;
}
.hero-reference-primary:hover::after { transform:translateX(65%); }
.hero-reference-secondary { min-width:260px;color:#0c1830;background:rgba(255,255,255,.94);border:1.5px solid #12aec0; }
.hero-reference-actions a:hover { transform:translateY(-3px);box-shadow:0 18px 34px -18px rgba(6,97,122,.72); }
.hero-reference-secondary:hover { background:#eafcff; }
.hero-reference-search { font:400 31px/1 Georgia,serif;transform:rotate(-20deg); }
.hero-reference-markets {
  display:flex;align-items:center;gap:17px;flex-wrap:wrap;
  margin-top:27px;color:#40576c;font-size:13px;letter-spacing:.04em;
  animation:reference-rise .7s .24s ease both;
}
.hero-reference-markets i { color:#0eb7c7;font-size:18px;font-style:normal; }
.hero-reference-visual {
  position:relative;
  z-index:1;
  min-height:520px;
  overflow:hidden;
  background:#eaf7fb;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 100%);
}
.hero-reference-visual::after {
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.02) 66%,rgba(255,255,255,.40) 100%);
  pointer-events:none;
}
.hero-reference-visual::before {
  content:"";position:absolute;z-index:2;inset:-25% -10%;pointer-events:none;
  background:linear-gradient(108deg,transparent 36%,rgba(255,255,255,.28) 48%,transparent 59%);
  transform:translateX(-58%) rotate(3deg);
  animation:hero-light-sweep 8s 1.2s ease-in-out infinite;
}
.hero-reference-visual img {
  width:100%;height:100%;display:block;object-fit:cover;object-position:55% center;
  filter:saturate(1.04) contrast(1.02);
  animation:reference-image 1.15s cubic-bezier(.2,.75,.2,1) both;
  transition:transform 1.2s cubic-bezier(.2,.75,.2,1);
}
.hero-reference:hover .hero-reference-visual img { transform:translate3d(var(--hero-x),var(--hero-y),0) scale(1.025); }
.hero-live-signal {
  position:absolute;z-index:5;top:30px;right:30px;
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;
  min-width:190px;padding:12px 14px;
  color:#0a1b2d;text-decoration:none;border:1px solid rgba(255,255,255,.72);
  border-radius:14px;background:rgba(255,255,255,.83);
  box-shadow:0 18px 44px -24px rgba(4,40,58,.65);backdrop-filter:blur(15px) saturate(1.25);
  transition:transform .25s ease,background .25s ease;
}
.hero-live-signal:hover { transform:translateY(-3px);background:rgba(255,255,255,.95); }
.hero-live-signal small { display:block;color:#087f99;font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase; }
.hero-live-signal strong { display:block;margin-top:2px;font-size:12px;line-height:1.25; }
.hero-live-signal > b { font-size:18px; }
.hero-live-dot { width:9px;height:9px;border-radius:50%;background:#15cfc9;box-shadow:0 0 0 0 rgba(21,207,201,.52);animation:hero-live-pulse 2s infinite; }
.hero-visual-caption { position:absolute;z-index:4;right:31px;bottom:27px;display:flex;align-items:center;gap:9px;padding:7px 11px;border-radius:99px;color:#fff;background:rgba(5,24,42,.54);backdrop-filter:blur(10px);font-size:9px;font-weight:700;letter-spacing:.14em; }
.hero-visual-caption i { width:42px;height:1px;background:linear-gradient(90deg,#fff,#17d7d1);position:relative; }
.hero-visual-caption i::after { content:"";position:absolute;right:-1px;top:-2px;width:5px;height:5px;border-radius:50%;background:#17d7d1; }
.hero-reference-cards {
  position:relative;
  z-index:4;
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  padding:0 clamp(38px,4vw,64px) 45px;
  margin-top:-20px;
}
.hero-reference-card {
  position:relative;
  min-height:150px;
  display:grid;
  grid-template-columns:76px 1fr 40px;
  gap:18px;
  align-items:center;
  padding:25px 20px;
  overflow:hidden;
  color:#0b1730;
  text-decoration:none;
  border:1px solid #dcebf0;
  border-radius:17px;
  background:rgba(255,255,255,.96);
  box-shadow:0 18px 46px -36px rgba(8,61,83,.55);
  transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease;
  animation:reference-rise .7s .28s ease both;
}
.hero-reference-card::after { content:"";position:absolute;left:24px;right:24px;bottom:12px;height:3px;border-radius:4px;background:linear-gradient(90deg,#0789a5,#18d4cf 18%,#e8f1f4 18%); }
.hero-reference-card.risk::after { background:linear-gradient(90deg,#e28a18,#ffb32f 18%,#e8f1f4 18%); }
.hero-reference-card:hover { transform:translateY(-7px);border-color:#8cdbe3;box-shadow:0 24px 48px -29px rgba(8,96,119,.48); }
.hero-reference-icon {
  width:68px;height:68px;display:grid;place-items:center;border-radius:50%;
  color:#0789a5;background:#e9f8fb;
}
.hero-reference-icon svg { width:36px;height:36px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.hero-reference-icon.risk { color:#df8412;background:#fff4e5; }
.hero-reference-card strong { display:block;margin-bottom:7px;font:500 clamp(22px,2vw,29px)/1.05 'Fraunces',Georgia,serif;letter-spacing:-.02em; }
.hero-reference-card small { display:block;max-width:300px;color:#526477;font-size:13px;line-height:1.48; }
.hero-card-insight { display:block;max-height:0;overflow:hidden;margin-top:0;color:#087f99;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;opacity:0;transform:translateY(7px);transition:max-height .32s ease,margin .32s ease,opacity .24s ease,transform .32s ease; }
.hero-card-insight.risk { color:#c97008; }
.hero-reference-card:hover .hero-card-insight,.hero-reference-card:focus-visible .hero-card-insight { max-height:24px;margin-top:9px;opacity:1;transform:none; }
.hero-card-insight i { font-style:normal; }
.hero-reference-card > b { width:38px;height:38px;display:grid;place-items:center;border:1px solid #cedfe6;border-radius:50%;font-size:24px;font-weight:400;transition:transform .2s ease,border-color .2s ease,color .2s ease; }
.hero-reference-card:hover > b { transform:translateX(3px);border-color:#0eb7c7;color:#0789a5; }
.hero-reference-bridge {
  position:absolute;z-index:5;left:50%;bottom:0;transform:translate(-50%,50%);
  width:min(680px,calc(100% - 40px));min-height:44px;
  display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;
  padding:10px 20px;color:#53697a;text-decoration:none;
  border:1px solid #d8ebef;border-radius:999px;background:#fff;
  box-shadow:0 14px 30px -24px rgba(8,82,105,.65);font-size:11px;
}
.hero-reference-bridge strong { color:#087f99;font-size:11px;letter-spacing:.04em; }
.hero-reference-bridge b { display:inline-block;margin-left:5px;transition:transform .2s ease; }
.hero-reference-bridge:hover b { transform:translateX(4px); }

/* Superseded atlas hero: its functionality is represented by the real links
   above, so it must never appear behind or below the new composition. */
.hero-atlas { display:none !important; }
.home-flow { position:relative; }
.home-flow::before { content:"";position:absolute;z-index:-1;left:-20vw;right:-20vw;top:-54px;height:115px;background:linear-gradient(180deg,#edf8fb 0%,rgba(247,251,252,0) 100%); }

@keyframes reference-rise { from { transform:translateY(18px); } to { transform:none; } }
@keyframes reference-image { from { transform:scale(1.035) translateX(20px); } to { transform:none; } }
@keyframes hero-live-pulse { 70% { box-shadow:0 0 0 12px rgba(21,207,201,0); } }
@keyframes hero-light-sweep { 0%,58% { transform:translateX(-58%) rotate(3deg); } 78%,100% { transform:translateX(65%) rotate(3deg); } }

@media (max-width:1100px) {
  .hero-reference { grid-template-columns:minmax(350px,.92fr) minmax(470px,1.08fr);grid-template-rows:minmax(490px,auto) auto; }
  .hero-reference-copy { padding:58px 16px 68px 34px; }
  .hero-reference h1 { font-size:clamp(46px,5.4vw,64px); }
  .hero-reference-visual { min-height:490px; }
  .hero-reference-actions { gap:11px; }
  .hero-reference-actions a { min-width:0;padding-inline:20px; }
  .hero-reference-cards { gap:14px;padding-inline:24px; }
  .hero-reference-card { grid-template-columns:58px 1fr 34px;gap:12px;padding-inline:16px; }
  .hero-reference-icon { width:54px;height:54px; }
}
@media (max-width:820px) {
  body > header { position:sticky;padding-top:16px; }
  body > header nav .nav-account { position:absolute;top:15px;right:24px;margin:0; }
  .hero-reference { grid-template-columns:1fr;grid-template-rows:auto auto auto;margin-bottom:36px; }
  .hero-reference-copy { padding:48px 28px 24px; }
  .hero-reference h1 { max-width:650px;font-size:clamp(45px,9vw,68px); }
  .hero-reference-visual { min-height:390px;mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 100%); }
  .hero-reference-visual img { object-position:57% center; }
  .hero-reference-cards { grid-template-columns:1fr;margin-top:-24px;padding:0 24px 36px; }
  .hero-reference-card { min-height:124px;grid-template-columns:64px 1fr 38px; }
  .hero-card-insight { max-height:24px;margin-top:7px;opacity:1;transform:none; }
  .hero-live-signal { top:28px;right:24px; }
}
@media (max-width:590px) {
  body > header nav .nav-account { top:12px;right:14px;padding:8px 13px;font-size:12px; }
  .hero-reference { width:calc(100% + 0px); }
  .hero-reference-copy { padding:35px 17px 18px; }
  .hero-reference-eyebrow { margin-bottom:16px;font-size:10px;gap:12px; }
  .hero-reference h1 { font-size:clamp(40px,12vw,56px);line-height:1.02; }
  .hero-reference-copy > p { margin:17px 0 23px;font-size:15px; }
  .hero-reference-actions { display:grid;grid-template-columns:1fr; }
  .hero-reference-actions a { width:100%;min-height:54px;justify-content:flex-start; }
  .hero-reference-actions a b { margin-left:auto; }
  .hero-reference-markets { gap:10px;margin-top:21px;font-size:11px; }
  .hero-reference-markets i { font-size:14px; }
  .hero-reference-visual { min-height:300px; }
  .hero-reference-visual img { object-position:61% center; }
  .hero-reference-cards { gap:11px;padding:0 14px 29px; }
  .hero-reference-card { min-height:116px;grid-template-columns:52px 1fr 32px;gap:11px;padding:19px 14px; }
  .hero-reference-icon { width:48px;height:48px; }
  .hero-reference-icon svg { width:28px;height:28px; }
  .hero-reference-card strong { font-size:22px; }
  .hero-reference-card small { font-size:11.5px; }
  .hero-reference-card > b { width:31px;height:31px;font-size:20px; }
  .hero-live-signal { top:18px;right:14px;min-width:168px;padding:9px 11px; }
  .hero-visual-caption { right:15px;bottom:16px; }
  .hero-reference-bridge { width:calc(100% - 28px);gap:5px 12px;text-align:center;border-radius:16px; }
}

@media (prefers-reduced-motion:reduce) {
  .hero-reference-visual::before,.hero-live-dot { animation:none !important; }
  .hero-reference:hover .hero-reference-visual img { transform:none; }
}

.hero-atlas {
  position: relative;
  max-width: 1320px;
  min-height: 680px;
  margin: 0 auto;
  padding: 62px 34px 34px;
  display: grid;
  grid-template-columns: minmax(330px, .76fr) minmax(560px, 1.24fr);
  gap: 28px;
  align-items: center;
  isolation: isolate;
}

.hero-atlas::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  display:none;
}

.hero-atlas::after {
  content: "";
  position: absolute;
  inset: 5% -18% -15% 35%;
  z-index: -1;
  display:none;
}

.atlas-copy { position: relative; z-index: 4; }
.hero-atlas .eyebrow { margin-bottom: 18px; }
.hero-atlas .positioning {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--atlas-muted);
  max-width: 490px;
}

.hero-atlas h1 {
  max-width: 570px;
  margin: 14px 0 22px;
  font-size: clamp(46px, 5.9vw, 80px);
  line-height: .94;
  letter-spacing: -.045em;
  text-wrap: balance;
}

.hero-atlas h1 em { color: var(--atlas-green); }
.hero-atlas h1 em {
  background: linear-gradient(100deg, #087f99 12%, #11c8c8 58%, #d34f83 96%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 10px 30px rgba(8,127,153,.10);
}
.hero-atlas .atlas-tagline {
  max-width: 510px;
  margin-bottom: 28px;
  font-size: 16px;
  line-height: 1.65;
}

.hero-atlas .cta .go,
.hero-atlas .cta .radarbtn {
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
}

.hero-atlas .cta .go { padding-inline: 24px; }
.hero-atlas .cta .radarbtn { order: -1; min-width: 275px; background:linear-gradient(110deg,#0a9cae,#11c8c8); color:#fff; border:0; box-shadow:0 14px 30px -14px rgba(8,127,153,.75); font-size:16px; }
.hero-atlas .cta .radarbtn b,.hero-atlas .cta .go b { margin-left:auto; font-size:24px; line-height:0; }
.hero-atlas .cta .secondary-go { min-width:270px; background:#fff; color:var(--atlas-ink); border:1.5px solid #11aebe; box-shadow:none; }
.hero-atlas .cta .secondary-go:hover { background:#eafcff; color:var(--atlas-ink); }
.hero-atlas .cta .go {
  position: relative;
  overflow: hidden;
  background: var(--atlas-metal);
  box-shadow: 0 14px 30px -16px rgba(7, 63, 69, .72), inset 0 1px rgba(255,255,255,.25);
}
.hero-atlas .cta .go::before {
  content: "";
  position: absolute;
  inset: -100% -35%;
  background: linear-gradient(105deg, transparent 42%, rgba(255,255,255,.34) 50%, transparent 58%);
  transform: translateX(-65%) rotate(8deg);
  transition: transform .75s ease;
}
.hero-atlas .cta .go:hover::before { transform: translateX(65%) rotate(8deg); }
.hero-atlas .cta .go::after {
  content: "↗";
  margin-left: 11px;
  transition: transform .2s ease;
}
.hero-atlas .cta .go:hover::after { transform: translate(3px, -3px); }

.atlas-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
  margin-top: 24px;
  color: var(--atlas-muted);
  font-size: 11px;
}
.atlas-proof span { display:inline-flex;align-items:center;gap:7px;color:#526477;font-weight:600;letter-spacing:.06em; }
.atlas-proof > i { color:#11aebe;font-style:normal;font-size:18px;line-height:1; }
.atlas-proof i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--atlas-green);
  box-shadow: 0 0 0 5px rgba(8, 127, 153, .10);
}
.atlas-proof span:nth-child(2) i { background: var(--atlas-cyclamen); box-shadow: 0 0 0 5px rgba(211,79,131,.12); }

.atlas-stage {
  position: relative;
  min-height: 548px;
  perspective: 1100px;
  --atlas-rx: 0deg;
  --atlas-ry: 0deg;
  background-image: url('/static/home-car-clean.png?v=20261011clean-v1');
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  filter:saturate(1.04) contrast(1.02);
  border-radius:28px;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 13%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 13%,#000 100%);
}
.atlas-stage::before {
  display:none;
}
.atlas-stage > .atlas-map,
.atlas-stage > .passport-card,
.atlas-stage > .atlas-orbit-label { display:none !important; }
.atlas-stage::after {
  display:none;
}

.atlas-map {
  position: absolute;
  inset: 4px 68px 18px 0;
  overflow: hidden;
  border-radius: 34% 56% 38% 45% / 42% 32% 56% 44%;
  background:
    radial-gradient(circle at 62% 48%, rgba(17, 200, 200, .22), transparent 5rem),
    radial-gradient(circle at 42% 52%, rgba(255,255,255,.8), transparent 20rem),
    rgba(213, 236, 241, .58);
  box-shadow: inset 0 0 90px rgba(8, 127, 153, .12);
  border: 1px solid rgba(17, 200, 200, .32);
  transform: rotateX(var(--atlas-rx)) rotateY(var(--atlas-ry));
  transition: transform .18s ease-out;
}

.atlas-map::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 20% 31%, rgba(8,127,153,.16) 0 2px, transparent 3px),
    radial-gradient(circle at 78% 70%, rgba(8,127,153,.16) 0 2px, transparent 3px);
  background-size: 29px 31px, 37px 35px;
  opacity: .65;
  animation: atlas-drift 22s linear infinite;
}

.atlas-svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.atlas-land {
  fill: rgba(245, 247, 239, .46);
  stroke: rgba(16, 40, 31, .13);
  stroke-width: 1;
  filter: drop-shadow(0 18px 28px rgba(18, 56, 39, .10));
}
.atlas-route {
  fill: none;
  stroke: #087f99;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-dasharray: 8 8;
  opacity: .72;
  animation: atlas-route-flow 2.8s linear infinite;
}
.atlas-route.alt { stroke-width: 1.2; opacity: .42; animation-duration: 4.6s; }
.atlas-route.risk { stroke: var(--atlas-risk); opacity: .58; }
.atlas-route-glow {
  fill: none;
  stroke: rgba(17,200,200,.24);
  stroke-width: 13;
  filter: blur(7px);
}

.atlas-node {
  position: absolute;
  z-index: 3;
  transform: translate(-50%, -50%);
  color: var(--atlas-ink);
  text-decoration: none;
  animation: atlas-node-enter .75s cubic-bezier(.2,.8,.2,1) both;
  animation-delay: var(--delay, 0s);
}
.atlas-node::before {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  border: 4px solid rgba(255,255,249,.96);
  border-radius: 50%;
  background: radial-gradient(circle at 35% 28%, #b2ffff, #087f99 48%, #07566b 76%);
  box-shadow: 0 0 0 1px rgba(16,40,49,.22), 0 0 0 0 rgba(17,200,200,.38);
  animation: atlas-node-pulse 2.8s ease-out infinite;
}
.atlas-node strong,
.atlas-node small { position: absolute; left: 22px; white-space: nowrap; }
.atlas-node strong { top: -8px; font: 600 14px/1 'Space Grotesk',sans-serif; }
.atlas-node small { top: 10px; color: var(--atlas-muted); font-size: 10px; }
.atlas-node.ro::before { width: 19px; height: 19px; background: var(--atlas-ink); box-shadow: 0 0 0 6px rgba(17,200,200,.20), 0 0 0 14px rgba(17,200,200,.10); }
.atlas-node.ro { animation: atlas-ro-breathe 3.2s ease-in-out infinite; }
.atlas-node.risk::before { background: var(--atlas-risk); }

.atlas-sweep {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  width: 430px;
  height: 430px;
  margin: -215px 0 0 -215px;
  border-radius: 50%;
  background: conic-gradient(from 25deg, rgba(17,200,200,.28), transparent 18%, transparent 100%);
  mask-image: radial-gradient(circle, transparent 0 20%, #000 71%, transparent 72%);
  animation: atlas-scan 8s linear infinite;
  pointer-events: none;
}

.passport-card {
  position: absolute;
  z-index: 6;
  top: 58px;
  right: 0;
  width: min(350px, 52%);
  padding: 22px;
  border: 1px solid rgba(11,98,104,.24);
  border-radius: 18px;
  background: var(--atlas-card);
  box-shadow: 0 28px 70px rgba(7, 63, 69, .20), inset 0 1px rgba(255,255,255,.78);
  backdrop-filter: blur(18px) saturate(1.2);
  transform: translateZ(55px) rotateX(calc(var(--atlas-rx) * -.45)) rotateY(calc(var(--atlas-ry) * -.45));
  transition: transform .18s ease-out, box-shadow .25s ease;
  animation: atlas-card-float 6s ease-in-out infinite;
}
.passport-card:hover { box-shadow: 0 34px 90px rgba(7,63,69,.28); }
.passport-top { display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--atlas-line); }
.passport-top b { font:500 19px 'Fraunces',serif; }
.passport-live { display:inline-flex;align-items:center;gap:6px;color:var(--atlas-green);font-size:9px;font-weight:700;letter-spacing:.12em; }
.passport-live::before { content:"";width:6px;height:6px;border-radius:50%;background:var(--atlas-bright);box-shadow:0 0 0 0 rgba(17,200,200,.45);animation:atlas-node-pulse 2s infinite; }
.passport-route { display:flex;justify-content:space-between;align-items:end;padding:16px 0 14px;border-bottom:1px solid var(--atlas-line); }
.passport-route strong { font:500 28px/1 'Fraunces',serif;letter-spacing:-.03em; }
.passport-route span { color:var(--atlas-muted);font-size:10px; }
.passport-metrics { display:grid;gap:10px;padding:16px 0;border-bottom:1px solid var(--atlas-line); }
.passport-row { display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:11px;color:var(--atlas-muted); }
.passport-row b { color:var(--atlas-ink);font-size:12px; }
.passport-verdict { display:grid;grid-template-columns:48px 1fr;gap:13px;align-items:center;padding-top:17px; }
.score-ring { --score:0;position:relative;width:48px;height:48px;border-radius:50%;background:conic-gradient(var(--atlas-green) calc(var(--score) * 1%),rgba(11,98,104,.11) 0);display:grid;place-items:center;font-size:11px;font-weight:700;transition:background 1.1s ease; }
.score-ring::after { content:"";position:absolute;inset:6px;border-radius:50%;background:rgba(255,255,249,.92); }
.score-ring span { position:relative;z-index:1; }
.passport-verdict strong { display:block;font:500 21px/1.05 'Fraunces',serif;color:var(--atlas-green); }
.passport-verdict small { display:block;color:var(--atlas-muted);font-size:10px;margin-top:5px;line-height:1.4; }

.atlas-orbit-label {
  position: absolute;
  z-index: 5;
  left: 16px;
  bottom: 30px;
  padding: 9px 12px;
  border: 1px solid var(--atlas-line);
  border-radius: 10px;
  background: rgba(255,255,249,.68);
  backdrop-filter: blur(10px);
  color: var(--atlas-muted);
  font-size: 9px;
  letter-spacing: .16em;
  text-transform: uppercase;
  animation: atlas-label-float 4.8s ease-in-out infinite;
}

.atlas-ticker {
  grid-column: 1 / -1;
  overflow: hidden;
  contain: paint;
  max-width: 100%;
  margin-top: -8px;
  border-top: 1px solid var(--atlas-line);
  border-bottom: 1px solid var(--atlas-line);
  mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
}
.atlas-ticker-track { display:flex;width:max-content;animation:atlas-ticker 30s linear infinite; }
.atlas-ticker-track:hover { animation-play-state: paused; }
.atlas-tick { display:flex;align-items:center;gap:9px;padding:14px 25px;border-right:1px solid var(--atlas-line);font-size:11px;color:var(--atlas-muted);white-space:nowrap; }
.atlas-tick b { color:var(--atlas-ink);font-weight:600; }
.atlas-tick i { width:6px;height:6px;border-radius:50%;background:var(--atlas-green); }
.atlas-tick:nth-child(3n) i { background:var(--atlas-cyclamen); box-shadow:0 0 0 4px rgba(211,79,131,.10); }

.home-flow { max-width: 1200px; margin: 0 auto; padding: 0 28px; }
body > footer { max-width: 1144px; margin-left:auto; margin-right:auto; }

.home-flow .liveradar,
.home-flow .docs,
.home-flow .intent,
.home-flow .market-strip,
.home-flow .story-card,
.home-flow .plain-main,
.home-flow .plain-side {
  backdrop-filter: blur(10px);
  box-shadow: 0 18px 50px -42px rgba(16,40,31,.45);
}
.home-flow .lr-card,
.home-flow .doc,
.home-flow .intent-card,
.home-flow .tool,
.home-flow .story-card {
  transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease, border-color .25s ease, background .25s ease;
}
.home-flow .lr-card:hover,
.home-flow .doc:hover,
.home-flow .intent-card:hover,
.home-flow .story-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 22px 42px -28px rgba(16,40,31,.55);
}
.home-flow .tool { overflow:hidden; }
.home-flow .tool::before {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.72) 46%,transparent 66%);
  transform:translateX(-120%);
  transition:transform .7s ease;
}
.home-flow .tool:hover::before { transform:translateX(120%); }
.home-flow .tool:hover { transform:translateY(-4px);box-shadow:0 18px 38px -30px rgba(16,40,31,.65);z-index:2; }

/* High-contrast editorial accents: visible at first glance, still refined. */
.hero-atlas .cta .go { background:linear-gradient(110deg,#07566b 0%,#087f99 42%,#11c8c8 100%); }
.hero-atlas .cta .radarbtn { border-color:#11aebe; color:#087f99; box-shadow:0 8px 24px -18px rgba(17,200,200,.9); }
.hero-atlas .cta .radarbtn:hover { background:#087f99; color:#fff; }
.home-flow .intent,.home-flow .docs,.home-flow .liveradar,.home-flow .market-strip { border-top:3px solid rgba(17,200,200,.72); }
.home-flow .story-card:nth-child(2n) { border-top:3px solid rgba(211,79,131,.72); }
.home-flow .tool:nth-child(3n) { border-top:3px solid rgba(211,79,131,.72); }
.dealerband { background:linear-gradient(110deg,#07566b,#087f99 58%,#11aebe); }

@keyframes atlas-wordmark-metal { to { background-position:100% 0; } }
@keyframes atlas-contours { to { transform:rotate(-4deg) scale(1.06); } }
@keyframes atlas-drift { to { transform:translate3d(37px,31px,0); } }
@keyframes atlas-route-flow { to { stroke-dashoffset:-32; } }
@keyframes atlas-node-enter { from { opacity:0;transform:translate(-50%,-50%) scale(.2); } }
@keyframes atlas-node-pulse { 70% { box-shadow:0 0 0 14px rgba(17,200,200,0); } }
@keyframes atlas-ro-breathe { 50% { transform:translate(-50%,-50%) scale(1.09); } }
@keyframes atlas-scan { to { transform:rotate(360deg); } }
@keyframes atlas-card-float { 50% { translate:0 -8px; } }
@keyframes atlas-label-float { 50% { transform:translateY(-6px); } }
@keyframes atlas-ticker { to { transform:translateX(-50%); } }
@keyframes atlas-reference-pulse { 50% { transform:scale(1.35); box-shadow:0 0 0 15px rgba(17,200,200,.04),0 0 46px rgba(17,200,200,.95); } }

@media (max-width: 1040px) {
  .hero-atlas { grid-template-columns: .8fr 1.2fr; padding-inline:24px; }
  .passport-card { width:58%; right:0; }
  .atlas-map { right:38px; }
  body > header { padding-inline:24px; }
}

@media (max-width: 820px) {
  body > header { display:grid;grid-template-columns:1fr auto;align-items:center; }
  body > header nav { grid-column:1 / -1;max-width:none;margin-top:12px;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding:0 0 7px;scrollbar-width:none; }
  body > header nav::-webkit-scrollbar { display:none; }
  body > header nav a { margin:0 18px 0 0;white-space:nowrap; }
  .hero-atlas { grid-template-columns:1fr; padding-top:40px; }
  .hero-atlas h1 { max-width:700px; }
  .atlas-stage { min-height:540px; }
  .atlas-map { inset:0 8% 12px 2%; }
  .passport-card { right:2%;width:min(360px,53%); }
  .atlas-ticker { margin-top:0; }
}

@media (max-width: 590px) {
  html, body { overflow-x: clip; }
  body > header { padding:14px 16px; }
  body > header.atlas-scrolled { padding:10px 16px; }
  .hero-atlas { min-height:auto;padding:32px 16px 24px;gap:8px; }
  .hero-atlas h1 { font-size:clamp(44px,14vw,62px); }
  .hero-atlas .atlas-tagline { font-size:15px; }
  .hero-atlas .cta { display:grid;grid-template-columns:1fr; }
  .hero-atlas .cta a { width:100%; }
  .atlas-proof { gap:10px 16px; }
  .atlas-stage { min-height:620px;margin-inline:-10px; }
  .atlas-map { inset:0 0 92px; border-radius:24px; }
  .passport-card { top:auto;left:12px;right:12px;bottom:18px;width:auto; }
  .passport-card { animation:none; }
  .passport-metrics { grid-template-columns:1fr 1fr; }
  .passport-row { display:grid;gap:2px; }
  .atlas-orbit-label { bottom:228px; }
  .atlas-node strong { font-size:12px; }
  .atlas-node small { display:none; }
  .home-flow { padding:0 16px; }
  body > footer { margin-left:16px;margin-right:16px; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-atlas *, .hero-atlas::after, .brand-logo * { animation:none !important; transition:none !important; }
  .atlas-map, .passport-card { transform:none !important; }
  .atlas-stage::after { animation:none !important; }
}