:root {
  --ink: #010115;
  --navy: #0d115a;
  --blue: #131f9d;
  --mid: #2d52a7;
  --accent: #5a6cda;
  --ice: #f3f5f8;
  --mist: #e8edf6;
  --white: #ffffff;
  --text: #101437;
  --muted: #6f7696;
}

/* V11: continue the upper hero colour field into one wide, restrained lower arc. */
.hero-continuous-field {
  position: absolute;
  left: 50%;
  top: 690px;
  width: 2560px;
  height: 625px;
  transform: translateX(-50%);
  z-index: 2;
  pointer-events: none;
  overflow: hidden;
  border-bottom-left-radius: 50% 42%;
  border-bottom-right-radius: 50% 42%;
  background:
    radial-gradient(ellipse at 50% 28%, rgba(216, 236, 255, .24) 0%, rgba(179, 213, 251, .13) 23%, rgba(135, 178, 232, 0) 50%),
    radial-gradient(ellipse at 50% 60%, rgba(180, 216, 251, .10) 0%, rgba(132, 178, 232, .04) 34%, rgba(94, 139, 209, 0) 66%),
    radial-gradient(ellipse at 25% 46%, rgba(137, 188, 255, .11) 0%, rgba(100, 153, 231, 0) 45%),
    radial-gradient(ellipse at 76% 42%, rgba(100, 158, 238, .10) 0%, rgba(78, 128, 211, 0) 46%),
    radial-gradient(ellipse at 39% 82%, rgba(111, 158, 229, .09) 0%, rgba(75, 116, 190, 0) 38%),
    linear-gradient(90deg, rgba(99, 149, 230, .90) 0%, rgba(112, 160, 229, .91) 24%, rgba(116, 157, 215, .92) 50%, rgba(87, 124, 191, .94) 76%, rgba(72, 105, 173, .96) 100%),
    linear-gradient(180deg, #75a0e6 0%, #7096d4 44%, #5b7dc1 100%);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.16) 6%, rgba(0,0,0,.58) 15%, #000 27%, #000 100%);
  mask-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.16) 6%, rgba(0,0,0,.58) 15%, #000 27%, #000 100%);
}

.hero-transition-curve {
  left: 0;
  top: 1100px;
  bottom: auto;
  width: 1920px;
  height: 520px;
  transform: none;
  z-index: 1;
  border-radius: 0;
  background: var(--ice);
  box-shadow: none;
}

.hero-transition-curve::before,
.hero-transition-curve::after {
  display: none;
}

/* CTA motion: one orchestrated reveal, then a quiet resting state. */
.cta-card.cta-motion-ready {
  opacity: 0;
  transform: translate(-50%, 16px);
  will-change: opacity, transform;
}

.cta-card.cta-motion-ready > div:first-child .eyebrow,
.cta-card.cta-motion-ready > div:first-child h2,
.cta-card.cta-motion-ready > div:first-child p,
.cta-card.cta-motion-ready > button {
  opacity: 0;
  transform: translateY(9px);
}

.cta-card.cta-motion-ready.is-visible {
  animation: ctaCardReveal .72s cubic-bezier(.2,.75,.2,1) forwards;
}

.cta-card.cta-motion-ready.is-visible > div:first-child .eyebrow {
  animation: ctaContentReveal .52s .16s cubic-bezier(.2,.75,.2,1) forwards;
}

.cta-card.cta-motion-ready.is-visible > div:first-child h2 {
  animation: ctaContentReveal .56s .23s cubic-bezier(.2,.75,.2,1) forwards;
}

.cta-card.cta-motion-ready.is-visible > div:first-child p {
  animation: ctaContentReveal .56s .30s cubic-bezier(.2,.75,.2,1) forwards;
}

.cta-card.cta-motion-ready.is-visible > button {
  animation: ctaContentReveal .56s .36s cubic-bezier(.2,.75,.2,1) forwards;
}

.cta-card.cta-motion-ready .cta-orbit {
  opacity: .18;
  transform: scale(.88);
  transform-origin: center;
}

.cta-card.cta-motion-ready.is-visible .cta-orbit {
  animation: ctaOrbitScan .9s .18s cubic-bezier(.16,.75,.22,1) forwards;
}

.cta-card.cta-motion-ready > button {
  transition:
    transform .3s cubic-bezier(.2,.8,.2,1),
    box-shadow .3s cubic-bezier(.2,.8,.2,1),
    filter .3s ease;
}

.cta-card.cta-motion-ready > button i {
  display: inline-block;
  transition: transform .3s cubic-bezier(.2,.8,.2,1);
}

.cta-card.cta-motion-ready > button:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 38px rgba(0,50,200,.24);
  filter: brightness(1.045);
}

.cta-card.cta-motion-ready > button:hover i {
  transform: translateX(5px);
}

.cta-card.cta-motion-ready > button:focus-visible {
  outline: 3px solid rgba(42,93,255,.28);
  outline-offset: 4px;
}

@keyframes ctaCardReveal {
  from { opacity: 0; transform: translate(-50%, 16px); }
  to { opacity: 1; transform: translate(-50%, 0); }
}

@keyframes ctaContentReveal {
  from { opacity: 0; transform: translateY(9px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes ctaOrbitScan {
  0% {
    opacity: .18;
    transform: scale(.88);
    border-color: rgba(103,145,223,.08);
    box-shadow: 0 0 0 28px rgba(45,82,167,.012), 0 0 0 72px rgba(45,82,167,.008);
  }
  58% {
    opacity: 1;
    transform: scale(1.025);
    border-color: rgba(70,125,230,.34);
    box-shadow: 0 0 0 55px rgba(45,82,167,.05), 0 0 0 110px rgba(45,82,167,.025);
  }
  100% {
    opacity: 1;
    transform: scale(1);
    border-color: rgba(103,145,223,.18);
    box-shadow: 0 0 0 55px rgba(45,82,167,.035), 0 0 0 110px rgba(45,82,167,.02);
  }
}

@media (prefers-reduced-motion: reduce) {
  .cta-card.cta-motion-ready,
  .cta-card.cta-motion-ready > div:first-child .eyebrow,
  .cta-card.cta-motion-ready > div:first-child h2,
  .cta-card.cta-motion-ready > div:first-child p,
  .cta-card.cta-motion-ready > button,
  .cta-card.cta-motion-ready .cta-orbit {
    animation: none !important;
    opacity: 1 !important;
    transform: translate(-50%, 0);
  }

  .cta-card.cta-motion-ready > div:first-child .eyebrow,
  .cta-card.cta-motion-ready > div:first-child h2,
  .cta-card.cta-motion-ready > div:first-child p,
  .cta-card.cta-motion-ready > button,
  .cta-card.cta-motion-ready .cta-orbit {
    transform: none;
  }
}

/* v20: real partner logos; scope is limited to the existing partner grid. */
.partner-grid .partner {
  overflow: hidden;
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(73,121,215,.11);
  box-shadow: 0 8px 18px rgba(22,38,68,.04);
}

.partner-grid .partner img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
  transition: transform .3s ease;
}

.partner-grid .partner.partner-highlight {
  background: linear-gradient(145deg,#f6f9ff 0%,#e9f0ff 50%,#dce8ff 100%);
  border-color: transparent;
  box-shadow: 0 8px 22px rgba(36,86,217,.17), inset 0 1px rgba(255,255,255,.78);
}

.partner-grid .partner:hover img {
  transform: scale(1.035);
}

.partner-grid .partner.partner-highlight:hover {
  border-color: transparent;
  box-shadow: 0 14px 30px rgba(36,86,217,.22), inset 0 1px rgba(255,255,255,.84);
}

/* v22: approved latest-insights composition with globe-derived deep-blue imagery. */
.news.news-v22 {
  padding: 70px 0 60px;
}

.news.news-v22 .news-heading {
  height: 150px;
}

.news .news-editorial-v22 {
  height: 1261px;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, .95fr);
  grid-template-rows: 655px 580px;
  gap: 26px;
}

.news-editorial-v22 .news-v22-card {
  display: grid;
  grid-template-rows: auto 1fr;
  min-width: 0;
  border-radius: 28px;
  overflow: hidden;
  background: rgba(255,255,255,.98);
  box-shadow: 0 18px 42px rgba(15,41,118,.075);
}

.news-editorial-v22 .news-v22-feature {
  grid-column: 1;
  grid-row: 1;
}

.news-editorial-v22 .news-v22-side-stack {
  grid-column: 2;
  grid-row: 1;
  display: grid;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 26px;
  min-width: 0;
}

.news-editorial-v22 .news-v22-media {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #071943;
}

.news-editorial-v22 .news-v22-media::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(2,15,55,.24), rgba(24,72,190,.12) 55%, rgba(105,153,246,.08));
  mix-blend-mode: color;
}

.news-editorial-v22 .news-v22-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(1.16) contrast(1.08) brightness(.82) hue-rotate(-5deg);
  transition: transform .55s cubic-bezier(.2,.7,.2,1), filter .4s ease;
}

.news-editorial-v22 .news-v22-body {
  min-height: 0;
  padding: 14px 22px 16px;
}

.news-editorial-v22 .news-v22-feature .news-v22-body {
  padding: 24px 32px 26px;
}

.news-editorial-v22 .news-v22-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.news-editorial-v22 .tag {
  display: inline-flex;
  align-items: center;
  height: 26px;
  padding: 0 12px;
  border-radius: 15px;
  background: #e8efff;
  color: var(--blue);
  font-size: 11px;
  font-weight: 700;
}

.news-editorial-v22 time {
  color: #9ba7c0;
  font-size: 11px;
}

.news-editorial-v22 h3 {
  margin-top: 10px;
  color: #10265b;
  font-size: 22px;
  line-height: 1.32;
  letter-spacing: -.5px;
}

.news-editorial-v22 .news-v22-feature h3 {
  margin-top: 15px;
  font-size: 29px;
  line-height: 1.34;
}

.news-editorial-v22 p {
  margin-top: 6px;
  color: var(--muted);
  font-size: 12.5px;
  line-height: 1.5;
}

.news-editorial-v22 .news-v22-compact {
  grid-template-columns: minmax(0, 42%) minmax(0, 1fr);
  grid-template-rows: 1fr;
  align-items: stretch;
}

.news-editorial-v22 .news-v22-compact .news-v22-media {
  align-self: center;
  aspect-ratio: 1 / 1;
}

.news-editorial-v22 .news-v22-compact .news-v22-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 22px 24px;
}

.news-editorial-v22 .news-v22-compact h3 {
  margin-top: 14px;
  font-size: 21px;
  line-height: 1.38;
}

.news-editorial-v22 .news-v22-bottom {
  min-width: 0;
}

.news-editorial-v22 .news-v22-bottom .news-v22-body {
  padding: 6px 24px 8px;
}

.news-editorial-v22 .news-v22-bottom h3 {
  font-size: 20px;
  line-height: 1.3;
}

.news-editorial-v22 .news-v22-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 28px 62px rgba(18,58,183,.14);
}

.news-editorial-v22 .news-v22-card:hover img {
  transform: scale(1.035);
  filter: saturate(1.19) contrast(1.06) brightness(.86) hue-rotate(-5deg);
}

* { box-sizing: border-box; }
html, body { margin: 0; min-width: 1920px; background: var(--ink); }
body { display: flex; justify-content: center; font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans SC", Arial, sans-serif; color: var(--text); }
h1, h2, h3, p { margin: 0; }
button, a { font: inherit; }
button { border: 0; }
#page { width: 1920px; height: 5950px; overflow: hidden; background: var(--ice); }
.container { width: 1560px; margin: 0 auto; position: relative; }
.hero, .about, .partners, .news, .mission, .cta-zone, .footer { position: relative; overflow: hidden; }
.hero { height: 1280px; background: var(--ink); color: #fff; }
.about { height: 980px; }
.partners { height: 1100px; }
.news { height: 1550px; }
.mission { height: 0; display:none; }
.cta-zone { height: 410px; }
.footer { height: 700px; }

.hero-art { position: absolute; inset: 0; width: 100%; height: 1280px; object-fit: cover; object-position: center center; }
.hero-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(1,1,21,.7) 0%, rgba(1,1,21,.18) 38%, rgba(8,17,94,.05) 70%, rgba(243,245,248,.04) 100%), radial-gradient(circle at 50% 25%, rgba(90,108,218,.12), transparent 38%); }
.nav { height: 126px; display: flex; align-items: center; justify-content: space-between; z-index: 5; border-bottom: 1px solid rgba(255,255,255,.16); }
.brand { display: flex; align-items: center; gap: 14px; color: #fff; }
.brand-mark { width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.45); border-radius: 14px 14px 22px 14px; background: linear-gradient(145deg, rgba(255,255,255,.18), rgba(90,108,218,.08)); font-size: 24px; font-weight: 900; font-style: italic; }
.brand strong { display: block; font-size: 21px; letter-spacing: 1px; line-height: 1.05; }
.brand small { display: block; margin-top: 5px; font-size: 12px; letter-spacing: 4px; color: rgba(255,255,255,.7); }
.nav nav { display: flex; align-items: center; gap: 46px; margin-left: 55px; }
.nav nav a { position: relative; color: rgba(255,255,255,.72); text-decoration: none; font-size: 15px; white-space: nowrap; }
.nav nav a.active, .nav nav a:first-child { color: #fff; }
.nav nav a.active::after { content: ""; position: absolute; width: 18px; height: 2px; border-radius: 2px; background: #89a6ff; left: 50%; bottom: -17px; transform: translateX(-50%); }
.nav-actions { display: flex; align-items: center; gap: 28px; font-size: 14px; color: rgba(255,255,255,.7); }
.nav-actions b { font-weight: 400; margin-left: 5px; }
.nav-actions button { height: 52px; padding: 0 26px; color: #101437; background: #fff; border-radius: 26px; font-weight: 700; }
.nav-actions button i, .hero-cta button i, .outline-btn i, .board-meta button i, .cta-card button i { font-style: normal; margin-left: 18px; }

.hero-copy { position: absolute; z-index: 3; top: 195px; left: 300px; width: 1320px; text-align: center; }
.eyebrow { display: flex; align-items: center; gap: 12px; color: var(--blue); font-size: 13px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; }
.eyebrow > span { width: 28px; height: 2px; background: var(--accent); border-radius: 2px; }
.hero-cta { margin-top: 36px; display: flex; justify-content: center; align-items: center; gap: 35px; }
.hero-cta button { height: 62px; border-radius: 32px; padding: 0 30px; color: #101437; background: #fff; font-weight: 700; font-size: 16px; box-shadow: 0 15px 50px rgba(20,39,157,.28); }
.glass-card { position: absolute; z-index: 3; top: 704px; width: 318px; height: 190px; padding: 28px; border: 1px solid rgba(190,210,255,.38); border-radius: 30px; background: linear-gradient(145deg, rgba(255,255,255,.18), rgba(28,52,159,.18)); box-shadow: 0 30px 70px rgba(0,0,54,.35), inset 0 1px rgba(255,255,255,.24); backdrop-filter: blur(18px); }
.glass-left { left: 168px; }
.glass-right { right: 168px; top: 650px; }
.glass-card .card-no { position: absolute; right: 25px; top: 23px; color: rgba(255,255,255,.4); font-size: 11px; letter-spacing: 2px; }
.glass-card b { display: block; font-size: 20px; margin-top: 20px; }
.glass-card small { display: block; margin-top: 9px; color: rgba(255,255,255,.5); font-size: 10px; letter-spacing: 1.5px; }
.mini-flow { display: flex; align-items: flex-end; gap: 8px; height: 38px; margin-top: 18px; }
.mini-flow i { display: block; width: 48px; border-radius: 6px 6px 2px 2px; background: linear-gradient(180deg,#9bb3ff,#3356ce); box-shadow: 0 0 15px rgba(87,119,255,.5); }
.mini-flow i:nth-child(1) { height: 15px; opacity: .55; } .mini-flow i:nth-child(2) { height: 25px; opacity: .7; } .mini-flow i:nth-child(3) { height: 34px; } .mini-flow i:nth-child(4) { height: 22px; opacity: .75; }
.pulse { position: relative; height: 48px; margin-top: 17px; }
.pulse::before { content: ""; position: absolute; left: 4px; right: 4px; top: 24px; height: 1px; background: linear-gradient(90deg,transparent,#96acff,transparent); }
.pulse i { position: absolute; top: 18px; width: 12px; height: 12px; border-radius: 50%; background: #b3c3ff; box-shadow: 0 0 18px #6282ff; }
.pulse i:nth-child(1){left:20px}.pulse i:nth-child(2){left:120px}.pulse i:nth-child(3){right:22px}
.orbit-label { position: absolute; z-index: 3; display: flex; align-items: center; gap: 9px; font-size: 10px; letter-spacing: 1.5px; color: rgba(255,255,255,.6); }
.orbit-label i { width: 8px; height: 8px; border: 2px solid #a7b6ff; border-radius: 50%; box-shadow: 0 0 13px #7794ff; }
.orbit-label-a { left: 510px; top: 755px; } .orbit-label-b { right: 462px; top: 875px; }
.section-light { background: var(--ice); }
.about { padding: 118px 0 100px; background: linear-gradient(180deg,#f3f5f8 0%,#edf1f8 100%); }
.section-heading h2 { font-size: 60px; line-height: 1.1; letter-spacing: -3px; font-weight: 720; color: #11163d; }
.split-heading { height: 180px; display: flex; justify-content: space-between; align-items: flex-start; }
.split-heading h2 { margin-top: 18px; }
.split-heading > p { width: 620px; padding-top: 30px; font-size: 19px; line-height: 1.9; color: var(--muted); }
.about-grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 28px; height: 540px; }
.card, .metric { border: 1px solid rgba(38,52,120,.09); border-radius: 32px; background: rgba(255,255,255,.82); box-shadow: 0 18px 60px rgba(38,52,120,.08); }
.about-feature { position: relative; padding: 38px 42px; overflow: hidden; background: linear-gradient(145deg,#fff 0%,#eef3ff 100%); }
.feature-top span { display: block; font-size: 11px; letter-spacing: 2px; color: var(--accent); }
.feature-top b { display: block; margin-top: 18px; font-size: 31px; line-height: 1.35; color: #141947; }
.network-map { position: absolute; width: 430px; height: 430px; right: -25px; top: 55px; border-radius: 50%; background: radial-gradient(circle at 48% 46%,rgba(88,111,223,.26),rgba(43,78,170,.08) 38%,transparent 66%); }
.network-map::before, .network-map::after { content:""; position:absolute; border:1px solid rgba(45,82,167,.18); border-radius:50%; transform:rotate(-18deg); }
.network-map::before{inset:72px -10px}.network-map::after{inset:130px -30px}
.network-map .ring { position:absolute; border:1px solid rgba(45,82,167,.24); border-radius:50%; }
.network-map .r1{inset:58px}.network-map .r2{inset:102px}.network-map .r3{inset:148px}
.network-map .node { position:absolute; width:10px;height:10px;border-radius:50%;background:#5a6cda;box-shadow:0 0 18px rgba(90,108,218,.7); }
.network-map .n1{left:70px;top:180px}.network-map .n2{left:170px;top:70px}.network-map .n3{right:58px;top:180px}.network-map .n4{left:160px;bottom:60px}.network-map .n5{right:135px;bottom:140px}
.network-map em { position:absolute; left:160px;top:177px;font-style:normal;font-size:27px;font-weight:800;color:var(--blue); }
.network-map small { position:absolute;left:167px;top:216px;font-size:8px;letter-spacing:1.4px;line-height:1.5;color:var(--muted);text-align:center; }
.feature-foot { position:absolute;left:42px;right:42px;bottom:32px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:14px; }
.feature-foot i { width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font-style:normal; }
.metric-grid { display:grid;grid-template-columns:1fr 1fr;gap:28px; }
.metric { position:relative;padding:31px 32px;overflow:hidden; }
.metric > span { font-size:14px;color:var(--muted); }
.metric b { display:block;margin-top:20px;font-family:Arial,sans-serif;font-size:58px;line-height:1;color:#151a47;letter-spacing:-3px; }
.metric b sup { font-family:"Microsoft YaHei";font-size:19px;letter-spacing:0;margin-left:5px; }
.metric small { position:absolute;left:32px;bottom:28px;font-size:9px;letter-spacing:1.5px;color:#9096b0; }
.metric > i { position:absolute;right:22px;top:21px;font-style:normal;font-size:11px;color:#a0a6bd; }
.metric.primary { background: linear-gradient(145deg,#101879,#1d39bd); border-color:transparent; }
.metric.primary span,.metric.primary small,.metric.primary i{color:rgba(255,255,255,.62)}.metric.primary b{color:#fff}
.metric.accent { background:linear-gradient(145deg,#e1e7ff,#f8f9ff); }
.metric.accent::after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;right:-50px;bottom:-50px;background:radial-gradient(circle,#6b7ce2,transparent 68%);opacity:.28}

.partners { padding: 110px 0; background: #fff; }
.center-heading { text-align:center; height:230px; }
.center-heading .eyebrow { justify-content:center; }
.center-heading h2 { margin-top:22px; }
.center-heading p { margin-top:19px;color:var(--muted);font-size:17px; }
.partner-board { position:relative;height:690px;border-radius:42px;padding:46px;background:linear-gradient(145deg,#070831 0%,#0d115a 46%,#162a9a 100%);box-shadow:0 35px 90px rgba(13,17,90,.22);overflow:hidden; }
.partner-board::before { content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000,transparent); }
.board-glow { position:absolute;width:800px;height:440px;left:380px;top:-230px;border-radius:50%;background:radial-gradient(circle,rgba(76,107,255,.3),transparent 68%);filter:blur(8px); }
.partner-grid { position:relative;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,112px);gap:12px; }
.partner { display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid rgba(180,197,255,.17);border-radius:18px;background:rgba(255,255,255,.07);color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.08); }
.partner span { font-family:Arial,sans-serif;font-size:18px;font-weight:800;letter-spacing:.4px; }
.partner small { margin-top:9px;font-size:8px;letter-spacing:1.4px;color:rgba(255,255,255,.4); }
.partner.featured { background:#fff;color:var(--blue); }.partner.featured small{color:#7d84a5}
.partner.featured-alt { background:linear-gradient(145deg,#3c5bd5,#6075e9); }
.board-meta { position:absolute;left:46px;right:46px;bottom:32px;display:flex;align-items:center;justify-content:space-between;color:rgba(255,255,255,.48);font-size:10px;letter-spacing:1.7px; }
.board-meta button { height:46px;padding:0 21px;border-radius:24px;background:#fff;color:#121844;font-size:13px;font-weight:700; }

.news { padding: 115px 0 100px; background:linear-gradient(180deg,#f1f4f9,#eaf0f8); }
.news-heading { height:170px; display:flex;align-items:flex-start;justify-content:space-between; }
.news-heading h2 { margin-top:18px; }
.outline-btn { margin-top:28px;height:54px;padding:0 24px;border:1px solid rgba(20,31,120,.18);border-radius:28px;background:rgba(255,255,255,.55);color:var(--blue);font-weight:700; }
.news-grid { height:1140px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:600px 500px;gap:26px; }
.news-card { position:relative;border-radius:34px;overflow:hidden;background:#fff;border:1px solid rgba(31,46,120,.08);box-shadow:0 18px 60px rgba(30,49,130,.08); }
.news-main { grid-column:span 2;display:grid;grid-template-columns:1.08fr .92fr; }
.news-visual { position:relative;overflow:hidden; }
.anniversary { background:linear-gradient(145deg,#101675,#2448ca 55%,#6477e6); }
.anniversary::before { content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.25);border-radius:50%;left:-170px;top:-90px;box-shadow:0 0 80px rgba(119,144,255,.35); }
.anniversary::after { content:"";position:absolute;inset:0;background:repeating-linear-gradient(118deg,transparent 0 24px,rgba(255,255,255,.025) 25px 26px); }
.anniv-no { position:absolute;z-index:2;left:55px;top:95px;font-family:Arial,sans-serif;font-size:210px;line-height:1;font-weight:900;letter-spacing:-18px;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.84);text-shadow:0 20px 60px rgba(0,0,30,.25); }
.anniv-no::after { content:"YEARS";position:absolute;right:-25px;bottom:14px;font-size:20px;letter-spacing:5px;color:#fff;-webkit-text-stroke:0; }
.anniv-lines { position:absolute;left:55px;right:55px;bottom:105px;height:90px;border-top:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.12); }
.anniv-lines::before { content:"";position:absolute;left:0;right:0;top:30px;height:1px;background:rgba(255,255,255,.12);box-shadow:0 30px rgba(255,255,255,.08); }
.anniversary > span { position:absolute;left:55px;bottom:58px;color:rgba(255,255,255,.6);font-size:10px;letter-spacing:2px; }
.news-copy { padding:42px; }
.news-copy .tag { display:inline-flex;padding:8px 13px;border-radius:14px;background:#eef1ff;color:var(--blue);font-size:11px;font-weight:700; }
.news-copy time { float:right;font-size:11px;color:#a0a5b8;margin-top:8px; }
.news-copy h3 { clear:both;padding-top:24px;font-size:29px;line-height:1.42;letter-spacing:-1px;color:#14193f; }
.news-copy p { margin-top:20px;font-size:14px;line-height:1.8;color:var(--muted); }
.news-copy a { position:absolute;left:42px;bottom:38px;font-size:13px;font-weight:700;color:var(--blue); }
.news-copy a i { margin-left:8px;font-style:normal; }
.news-side { color:#fff;background:linear-gradient(160deg,#07082f,#101b78 55%,#214ac5); }
.news-side .news-copy { position:absolute;left:0;right:0;bottom:0;height:310px;background:linear-gradient(180deg,transparent,rgba(4,5,35,.9) 26%);padding-top:95px; }
.news-side .news-copy h3,.news-side .news-copy a{color:#fff}.news-side .news-copy p,.news-side .news-copy time{color:rgba(255,255,255,.55)}
.news-side .news-copy .tag{background:rgba(255,255,255,.12);color:#fff}
.radar { position:absolute;width:350px;height:350px;border:1px solid rgba(132,155,255,.25);border-radius:50%;left:78px;top:20px; }
.radar::before,.radar::after,.radar i{content:"";position:absolute;border:1px solid rgba(132,155,255,.18);border-radius:50%;}
.radar::before{inset:60px}.radar::after{inset:120px}.radar i:nth-child(1){left:-30px;right:-30px;top:174px;height:1px;border-radius:0;border-width:1px 0 0}.radar i:nth-child(2){top:-30px;bottom:-30px;left:174px;width:1px;border-radius:0;border-width:0 0 0 1px}.radar i:nth-child(3){width:12px;height:12px;right:46px;top:85px;background:#8099ff;box-shadow:0 0 22px #8099ff}
.radar b { position:absolute;left:135px;top:150px;font-size:30px;letter-spacing:2px; }
.news-small { display:grid;grid-template-rows:235px 1fr; }
.small-art { position:relative;padding:36px;color:#fff;overflow:hidden; }
.small-art::before { content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.22);border-radius:50%;right:-70px;top:-70px;box-shadow:0 0 0 40px rgba(255,255,255,.035),0 0 0 80px rgba(255,255,255,.02); }
.small-art b { position:absolute;left:35px;bottom:48px;font-family:Arial,sans-serif;font-size:80px;line-height:1;letter-spacing:-5px; }
.small-art span { position:absolute;left:38px;bottom:30px;font-size:9px;letter-spacing:2px;color:rgba(255,255,255,.65); }
.gradient-a{background:linear-gradient(145deg,#e0e5ff,#3354cf 50%,#111b83)}.gradient-b{background:linear-gradient(145deg,#0d115a,#2d52a7 54%,#8295ec)}.gradient-c{background:linear-gradient(145deg,#010115,#131f9d 58%,#5a6cda)}
.news-small .news-copy { padding:27px 31px; }
.news-small .news-copy h3 { padding-top:15px;font-size:22px; }
.news-small .news-copy p { margin-top:12px;font-size:12px; }
.news-small .news-copy a { left:31px;bottom:25px; }
.news-small .news-copy time { margin-top:6px; }

.mission { color:#fff;background:radial-gradient(circle at 74% 46%,rgba(59,84,205,.55),transparent 30%),linear-gradient(145deg,#010115,#090d4e 52%,#111b73); }
.mission-gridlines { position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:100px 100px;mask-image:radial-gradient(circle at 72% 48%,#000,transparent 64%); }
.mission-inner { height:100%;padding-top:120px;z-index:2; }
.mission h2 { margin-top:26px;font-size:105px;line-height:1.03;letter-spacing:-6px; }
.mission h2 em { color:#8da4ff;font-style:normal;text-shadow:0 0 45px rgba(101,132,255,.4); }
.mission p { margin-top:35px;font-size:18px;line-height:1.9;color:rgba(255,255,255,.58); }
.mission-code { margin-top:50px;display:flex;align-items:center;gap:18px;color:rgba(255,255,255,.45);font-size:10px;letter-spacing:2px; }
.mission-code i { width:42px;height:1px;background:rgba(255,255,255,.2); }
.mission-card { position:absolute;right:0;top:150px;width:580px;height:590px;padding:52px;border:1px solid rgba(173,190,255,.3);border-radius:44px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(40,67,184,.15));box-shadow:0 45px 120px rgba(0,0,40,.35),inset 0 1px rgba(255,255,255,.18);backdrop-filter:blur(18px); }
.mission-card::before { content:"";position:absolute;width:290px;height:290px;border:1px solid rgba(184,200,255,.18);border-radius:50%;right:40px;bottom:35px;box-shadow:0 0 0 55px rgba(255,255,255,.02),0 0 0 110px rgba(255,255,255,.015); }
.mission-card > span { font-size:10px;letter-spacing:2px;color:rgba(255,255,255,.5); }
.mission-card b { display:block;margin-top:38px;font-size:56px;line-height:1.22; }
.mission-card small { display:block;margin-top:24px;font-size:10px;letter-spacing:1.6px;color:rgba(255,255,255,.5); }
.mission-card > i { position:absolute;left:52px;bottom:48px;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--blue);font-style:normal;font-size:20px; }
.mission-orbit { position:absolute;border:1px solid rgba(132,155,255,.25);border-radius:50%;right:120px;top:160px;transform:rotate(-18deg); }
.mission-orbit.o1{width:820px;height:510px}.mission-orbit.o2{width:680px;height:680px;right:160px;top:80px}.mission-orbit.o3{width:560px;height:900px;right:250px;top:-30px}
.mission-dot { position:absolute;width:10px;height:10px;border-radius:50%;background:#9cb0ff;box-shadow:0 0 22px #7895ff; }
.mission-dot.d1{right:720px;top:245px}.mission-dot.d2{right:230px;top:535px}.mission-dot.d3{right:605px;top:720px}.mission-dot.d4{right:420px;top:110px}
.mission-giant { position:absolute;left:160px;bottom:-40px;font-family:Arial,sans-serif;font-size:165px;font-weight:900;letter-spacing:-10px;color:rgba(255,255,255,.035);white-space:nowrap; }

.cta-zone { padding-top:90px;background:linear-gradient(180deg,#0d115a,#070832); }
.cta-card { height:360px;border-radius:44px;background:#f7f8fc;padding:70px 80px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;box-shadow:0 30px 100px rgba(0,0,30,.32); }
.cta-card h2 { margin-top:19px;font-size:50px;letter-spacing:-2px;color:#12173f; }
.cta-card p { margin-top:18px;font-size:16px;color:var(--muted); }
.cta-card button { position:relative;z-index:2;width:190px;height:64px;border-radius:33px;background:var(--blue);color:#fff;font-weight:700;font-size:16px;box-shadow:0 16px 40px rgba(19,31,157,.28); }
.cta-orbit { position:absolute;width:470px;height:470px;border:1px solid rgba(45,82,167,.12);border-radius:50%;right:-110px;top:-170px;box-shadow:0 0 0 55px rgba(45,82,167,.035),0 0 0 110px rgba(45,82,167,.02); }

.footer { padding-top:80px;background:#f3f5f8;color:#161b42; }
.footer-main { height:335px;display:flex;justify-content:space-between;border-bottom:1px solid rgba(20,28,80,.11); }
.footer .brand { color:#12173f; }.footer .brand-mark.light{border-color:rgba(19,31,157,.24);background:linear-gradient(145deg,#fff,#dfe5ff);color:var(--blue)}.footer .brand small{color:#777e9f}
.footer-brand { width:370px; }
.footer-brand p { margin-top:27px;width:320px;font-size:14px;line-height:1.8;color:var(--muted); }
.social { margin-top:28px;display:flex;gap:12px; }
.social i { width:36px;height:36px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(19,31,157,.14);background:#fff;color:var(--blue);font-size:11px;font-style:normal;font-weight:700; }
.footer-links { width:850px;display:grid;grid-template-columns:repeat(4,1fr);gap:45px; }
.footer-links b { display:block;margin-bottom:24px;font-size:15px; }
.footer-links a { display:block;margin:15px 0;color:var(--muted);font-size:13px; }
.footer-bottom { height:90px;display:flex;align-items:center;justify-content:space-between;color:#969cb2;font-size:11px; }
.footer-giant { position:absolute;left:175px;bottom:-67px;font-family:Arial,sans-serif;font-size:210px;line-height:1;font-weight:900;letter-spacing:-13px;color:rgba(19,31,157,.055); }

@media print {
  @page { size: 1920px 5950px; margin: 0; }
  html, body, #page { width: 1920px; height: 5950px; }
}

/* V3 blue rebalance: lighter field, deeper accents, broader pale extensions */
:root {
  --ink: #07193f;
  --navy: #0a255f;
  --blue: #1e4fa2;
  --mid: #4979d7;
  --accent: #6791df;
  --ice: #f4f7fc;
  --mist: #eaf0f9;
  --white: #ffffff;
  --text: #122957;
  --muted: #667996;
}

html, body { background: #eef3fb; }
#page {
  background:
    radial-gradient(circle at 50% 0%, rgba(176, 201, 233, 0.26), transparent 22%),
    linear-gradient(180deg, #f7f9fd 0%, #f1f5fb 100%);
}

.hero {
  background:
    radial-gradient(circle at 50% 18%, rgba(176, 201, 233, 0.22), transparent 24%),
    linear-gradient(180deg, #081733 0%, #0d2a66 58%, #dbe6f7 100%);
}
.hero-art {
  filter: hue-rotate(-10deg) saturate(0.82) brightness(1.05);
  opacity: 0.86;
}
.hero-overlay {
  background:
    linear-gradient(180deg, rgba(7, 25, 63, 0.58) 0%, rgba(10, 37, 95, 0.15) 35%, rgba(244, 247, 252, 0.12) 74%, rgba(244, 247, 252, 0.62) 100%),
    radial-gradient(circle at 50% 27%, rgba(103, 145, 223, 0.16), transparent 42%);
}
.nav {
  border-bottom: 1px solid rgba(255,255,255,.11);
}
.brand-mark {
  background: linear-gradient(145deg, rgba(255,255,255,.2), rgba(73,121,215,.18));
}
.glass-card {
  background: linear-gradient(145deg, rgba(255,255,255,.26), rgba(103,145,223,.12));
  box-shadow: 0 22px 52px rgba(8, 22, 58, .22), inset 0 1px rgba(255,255,255,.28);
}
.mini-flow i { background: linear-gradient(180deg,#b8cbef,#4f78ca); }
.pulse::before { background: linear-gradient(90deg,transparent,#b8cbef,transparent); }
.pulse i { background: #d0def7; box-shadow: 0 0 14px #7fa3dd; }

.about {
  background: linear-gradient(180deg,#f8fbff 0%,#eff4fb 100%);
}
.about-feature {
  background: linear-gradient(145deg,#ffffff 0%,#f0f5fc 100%);
}
.network-map {
  background: radial-gradient(circle at 48% 46%,rgba(153, 179, 227, .22),rgba(176, 201, 233, .06) 38%,transparent 66%);
}
.network-map .node {
  background: #6791df;
  box-shadow: 0 0 14px rgba(73,121,215,.45);
}
.metric.primary {
  background: linear-gradient(145deg,#2a5cae,#3c76d2);
}
.metric.accent {
  background: linear-gradient(145deg,#edf3fb,#ffffff);
}
.metric.accent::after {
  background: radial-gradient(circle,#b3caf0,transparent 68%);
}

.partners {
  background: linear-gradient(180deg,#fbfcfe 0%,#f3f7fc 100%);
}
.partner-board {
  background:
    radial-gradient(circle at 15% 12%, rgba(103,145,223,.15), transparent 26%),
    radial-gradient(circle at 78% 88%, rgba(153,179,227,.18), transparent 32%),
    linear-gradient(180deg, #eef4fb 0%, #dfe9f7 100%);
  box-shadow: 0 28px 80px rgba(62, 92, 144, .12);
}
.partner-board::before {
  opacity: .45;
  background-image: linear-gradient(rgba(73,121,215,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(73,121,215,.08) 1px,transparent 1px);
}
.board-glow {
  background: radial-gradient(circle, rgba(73,121,215,.22), transparent 68%);
  filter: blur(22px);
  opacity: .9;
}
.partner {
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(73,121,215,.14);
  color: #163671;
  box-shadow: 0 10px 26px rgba(62,92,144,.08);
}
.partner small { color: #8da1bf; }
.partner.featured {
  background: linear-gradient(145deg,#2c5dac,#467bdb);
  color: #fff;
}
.partner.featured-alt {
  background: linear-gradient(145deg,#7ea6e5,#4f78ca);
  color: #fff;
}
.board-meta {
  color: rgba(18,41,87,.55);
}
.board-meta button {
  background: linear-gradient(145deg,#2c5dac,#467bdb);
  color: #fff;
}
.board-meta button i { color: rgba(255,255,255,.86); }

.news {
  background: linear-gradient(180deg,#f8fbff 0%,#eef4fb 100%);
}
.news-card {
  box-shadow: 0 16px 44px rgba(62,92,144,.08);
}
.anniversary {
  background: linear-gradient(145deg,#d7e5fb 0%, #7ea6e5 54%, #3c72cf 100%);
}
.anniv-no {
  -webkit-text-stroke: 2px rgba(255,255,255,.68);
}
.news-side {
  color: #163671;
  background: linear-gradient(145deg,#e4edf9 0%, #b3caf0 46%, #6f95dd 100%);
}
.news-side .news-copy {
  background: linear-gradient(180deg,transparent,rgba(244,247,252,.82) 30%);
}
.news-side .news-copy h3, .news-side .news-copy a { color: #163671; }
.news-side .news-copy p, .news-side .news-copy time { color: #5f7496; }
.news-side .news-copy .tag {
  background: rgba(255,255,255,.72);
  color: #2a5cae;
}
.radar {
  border-color: rgba(73,121,215,.25);
}
.radar::before, .radar::after, .radar i {
  border-color: rgba(73,121,215,.18);
}
.radar b {
  color: #fff;
  text-shadow: 0 0 16px rgba(73,121,215,.35);
}
.gradient-a {
  background: linear-gradient(145deg,#95b1e4 0%, #6f95dd 50%, #3c72cf 100%);
}
.gradient-b {
  background: linear-gradient(145deg,#cfe0f6 0%, #89a9df 48%, #4979d7 100%);
}
.gradient-c {
  background: linear-gradient(145deg,#dfe9f7 0%, #89a9df 44%, #315ea9 100%);
}
.dark-small {
  background: #ffffff;
}
.dark-small .small-art {
  background: linear-gradient(145deg,#edf3fb 0%, #bad0f1 50%, #6f95dd 100%);
}
.dark-small .news-copy h3, .dark-small .news-copy a { color: #163671; }
.dark-small .news-copy p, .dark-small .news-copy time { color: #6b7f9d; }
.dark-small .news-copy .tag {
  background: #edf3fb;
  color: #2c5dac;
}

.mission {
  color: var(--text);
  background:
    radial-gradient(circle at 78% 28%, rgba(176, 201, 233, .28), transparent 24%),
    linear-gradient(180deg, #eef4fb 0%, #dbe6f7 100%);
}
.mission::before {
  background:
    linear-gradient(90deg,transparent 0 73%,rgba(73,121,215,.08) 73.1% 73.3%,transparent 73.4%),
    linear-gradient(180deg,transparent 0 65%,rgba(73,121,215,.10) 65.1% 65.3%,transparent 65.4%);
}
.mission-gridlines {
  opacity: .2;
  background-image: linear-gradient(rgba(73,121,215,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(73,121,215,.12) 1px,transparent 1px);
}
.mission h2 {
  color: #10295e;
}
.mission h2 em {
  color: #4979d7;
  text-shadow: none;
}
.mission p, .mission-code {
  color: #6b7f9d;
}
.mission-code i {
  background: rgba(73,121,215,.22);
}
.mission-card {
  background: linear-gradient(145deg,#214e9f 0%, #5e8ad9 100%);
  border: 1px solid rgba(255,255,255,.28);
  box-shadow: 0 24px 70px rgba(62,92,144,.18), inset 0 1px rgba(255,255,255,.16);
}
.mission-card::before,
.mission-card::after,
.mission-orbit {
  border-color: rgba(255,255,255,.18);
}
.mission-card span,
.mission-card small {
  color: rgba(255,255,255,.62);
}
.mission-card b { color: #fff; }
.mission-card > i {
  left: auto;
  right: 44px;
  color: #2a5cae;
}
.mission-dot {
  background: #7aa0e2;
  box-shadow: 0 0 14px rgba(73,121,215,.36);
}
.mission-giant {
  color: rgba(73,121,215,.06);
}

.cta-zone {
  background: linear-gradient(180deg,#d9e5f6 0%,#f5f8fd 100%);
}
.cta-card {
  background: linear-gradient(145deg,#ffffff 0%, #f4f7fc 100%);
  box-shadow: 0 26px 80px rgba(62,92,144,.14);
}
.cta-card button {
  background: linear-gradient(145deg,#2c5dac,#467bdb);
  box-shadow: 0 14px 34px rgba(73,121,215,.22);
}
.cta-orbit {
  border-color: rgba(103,145,223,.18);
  box-shadow: 0 0 0 55px rgba(103,145,223,.03),0 0 0 110px rgba(103,145,223,.018);
}

.footer {
  background: linear-gradient(180deg,#f5f8fd 0%, #eef4fb 100%);
}
.footer-giant {
  color: rgba(176,201,233,.28);
}

/* V4 premium refinement: more restrained, more whitespace, more mature enterprise polish */
:root {
  --ink: #0b1d43;
  --navy: #163b79;
  --blue: #2858a8;
  --mid: #5e87cf;
  --accent: #9bb7e3;
  --ice: #f7f9fc;
  --mist: #edf3f9;
  --white: #ffffff;
  --text: #14284f;
  --muted: #6f7f98;
}

html, body {
  background: #f4f7fb;
}

body {
  color: var(--text);
}

#page {
  background:
    radial-gradient(circle at 50% 0%, rgba(187, 206, 232, 0.16), transparent 20%),
    linear-gradient(180deg, #fafbfd 0%, #f3f7fb 100%);
}

.section-title,
.about-copy h2,
.partners-copy h2,
.news-copy h2,
.cta-card h2,
.mission h2 {
  letter-spacing: -.03em;
}

.hero {
  background:
    radial-gradient(circle at 50% 16%, rgba(187, 206, 232, 0.16), transparent 23%),
    linear-gradient(180deg, #0a1630 0%, #15386f 52%, #dfe8f6 100%);
}

.hero-art {
  filter: hue-rotate(-12deg) saturate(0.68) brightness(1.04) contrast(0.98);
  opacity: 0.8;
}

.hero-overlay {
  background:
    linear-gradient(180deg, rgba(8, 18, 42, 0.52) 0%, rgba(16, 42, 86, 0.14) 34%, rgba(248, 250, 253, 0.16) 72%, rgba(248, 250, 253, 0.7) 100%),
    radial-gradient(circle at 50% 26%, rgba(122, 154, 213, 0.12), transparent 42%);
}

.nav {
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.nav a {
  color: rgba(255,255,255,.8);
}

.brand-mark {
  background: linear-gradient(145deg, rgba(255,255,255,.16), rgba(94,135,207,.14));
}

.glass-card,
.about-feature,
.partner,
.news-card,
.cta-card {
  border-color: rgba(107, 134, 179, .12);
  box-shadow: 0 20px 48px rgba(24, 44, 83, .08);
}

.glass-card {
  background: linear-gradient(145deg, rgba(255,255,255,.22), rgba(155,183,227,.08));
  box-shadow: 0 18px 44px rgba(11, 29, 67, .18), inset 0 1px rgba(255,255,255,.22);
}

.hero h1,
.hero p,
.hero .eyebrow,
.hero .hero-meta,
.hero .hero-stat {
  text-shadow: none;
}

.mini-flow i {
  background: linear-gradient(180deg,#d9e5f6,#6d94d7);
}

.pulse i {
  background: #dce7f7;
  box-shadow: 0 0 12px rgba(94,135,207,.35);
}

.about {
  background: linear-gradient(180deg,#fbfcfe 0%,#f3f7fb 100%);
}

.about-feature {
  background: linear-gradient(180deg,#ffffff 0%,#f6f9fd 100%);
}

.network-map {
  background: radial-gradient(circle at 48% 46%,rgba(187, 206, 232, .18),rgba(187, 206, 232, .04) 36%,transparent 68%);
}

.network-map .node {
  background: #6d94d7;
  box-shadow: 0 0 12px rgba(94,135,207,.28);
}

.metric.primary {
  background: linear-gradient(145deg,#2a5498,#3b66b4);
  box-shadow: 0 18px 36px rgba(32, 60, 110, .12);
}

.metric.accent {
  background: linear-gradient(145deg,#f2f6fb,#ffffff);
}

.partners {
  background: linear-gradient(180deg,#fcfdfe 0%,#f5f8fb 100%);
}

.partner-board {
  background:
    radial-gradient(circle at 16% 14%, rgba(155,183,227,.12), transparent 24%),
    radial-gradient(circle at 82% 88%, rgba(187,206,232,.16), transparent 30%),
    linear-gradient(180deg, #f3f7fb 0%, #e8eff8 100%);
  box-shadow: 0 26px 60px rgba(24, 44, 83, .08);
}

.partner-board::before,
.mission-gridlines {
  opacity: .28;
}

.board-glow {
  background: radial-gradient(circle, rgba(94,135,207,.16), transparent 70%);
  filter: blur(28px);
  opacity: .64;
}

.partner {
  background: rgba(255,255,255,.9);
  color: #1c376c;
  box-shadow: 0 10px 22px rgba(24,44,83,.05);
}

.partner small,
.board-meta {
  color: #8192ad;
}

.partner.featured {
  background: linear-gradient(145deg,#315faa,#4b76c1);
}

.partner.featured-alt {
  background: linear-gradient(145deg,#a8c0e8,#6f95d8);
}

.news {
  background: linear-gradient(180deg,#fbfcfe 0%,#f2f6fb 100%);
}

.news-card {
  box-shadow: 0 14px 36px rgba(24,44,83,.07);
}

.anniversary {
  background: linear-gradient(145deg,#e5edf8 0%, #9ab7e3 56%, #537dc3 100%);
}

.news-side {
  background: linear-gradient(145deg,#eef3fa 0%, #cbdcf1 48%, #86a8da 100%);
}

.news-side .news-copy {
  background: linear-gradient(180deg,transparent,rgba(249,251,253,.9) 28%);
}

.gradient-a {
  background: linear-gradient(145deg,#cfddf1 0%, #9ab7e3 48%, #597fc3 100%);
}

.gradient-b {
  background: linear-gradient(145deg,#edf3fa 0%, #b7cce9 44%, #6b90cf 100%);
}

.gradient-c {
  background: linear-gradient(145deg,#f3f7fb 0%, #bfd2eb 42%, #5074b4 100%);
}

.dark-small .small-art {
  background: linear-gradient(145deg,#f2f6fb 0%, #d5e2f2 48%, #8aa9d9 100%);
}

.mission {
  background:
    radial-gradient(circle at 78% 28%, rgba(187, 206, 232, .18), transparent 24%),
    linear-gradient(180deg, #f2f6fb 0%, #e5edf8 100%);
}

.mission::before {
  background:
    linear-gradient(90deg,transparent 0 73%,rgba(94,135,207,.06) 73.1% 73.3%,transparent 73.4%),
    linear-gradient(180deg,transparent 0 65%,rgba(94,135,207,.08) 65.1% 65.3%,transparent 65.4%);
}

.mission h2 {
  color: #16305f;
}

.mission h2 em {
  color: #5c84ca;
}

.mission p,
.mission-code {
  color: #72839c;
}

.mission-card {
  background: linear-gradient(145deg,#244d95 0%, #7b9fd7 100%);
  box-shadow: 0 24px 56px rgba(24,44,83,.12), inset 0 1px rgba(255,255,255,.16);
}

.mission-dot {
  background: #8aa9d9;
  box-shadow: 0 0 10px rgba(94,135,207,.28);
}

.mission-giant {
  color: rgba(94,135,207,.05);
}

.cta-zone {
  background: linear-gradient(180deg,#e7eef8 0%,#f8fafc 100%);
}

.cta-card {
  background: linear-gradient(180deg,#ffffff 0%, #f7f9fc 100%);
  box-shadow: 0 26px 60px rgba(24,44,83,.08);
}

.cta-card button,
.board-meta button {
  background: linear-gradient(145deg,#315fa9,#4a76c1);
  box-shadow: 0 12px 26px rgba(49,95,169,.16);
}

.cta-orbit {
  border-color: rgba(155,183,227,.18);
  box-shadow: 0 0 0 52px rgba(155,183,227,.025),0 0 0 104px rgba(155,183,227,.012);
}

.footer {
  background: linear-gradient(180deg,#f8fafc 0%, #f1f5fa 100%);
}

.footer-giant {
  color: rgba(187,206,232,.23);
}

/* V5 global-premium refinement: more international, more restrained, more editorial */
:root {
  --ink: #102345;
  --navy: #1f437f;
  --blue: #3564af;
  --mid: #7298d3;
  --accent: #c7d6ea;
  --ice: #fafbfd;
  --mist: #f2f6fb;
  --white: #ffffff;
  --text: #1a2d4e;
  --muted: #7b889d;
}

html, body {
  background: #f6f8fb;
}

#page {
  background:
    linear-gradient(180deg, #fbfcfe 0%, #f5f8fb 100%);
}

.eyebrow,
.section-kicker,
.section-title::before,
.news-copy time,
.board-meta,
.mission-code,
.footer-bottom {
  letter-spacing: .18em;
  text-transform: uppercase;
}

.section-title,
.about-copy h2,
.partners-copy h2,
.news-copy h2,
.cta-card h2,
.mission h2 {
  letter-spacing: -.04em;
}

.hero {
  background:
    radial-gradient(circle at 50% 18%, rgba(199,214,234,0.12), transparent 24%),
    linear-gradient(180deg, #0b1323 0%, #153565 46%, #e5edf8 100%);
}

.hero-art {
  filter: hue-rotate(-14deg) saturate(0.58) brightness(1.03) contrast(0.96);
  opacity: .76;
}

.hero-overlay {
  background:
    linear-gradient(180deg, rgba(7, 14, 28, 0.56) 0%, rgba(17, 39, 76, 0.16) 36%, rgba(250, 251, 253, 0.18) 74%, rgba(250, 251, 253, 0.76) 100%),
    radial-gradient(circle at 50% 26%, rgba(114, 152, 211, 0.09), transparent 42%);
}

.nav {
  border-bottom: 1px solid rgba(255,255,255,.06);
}

.nav a {
  color: rgba(255,255,255,.76);
  font-weight: 500;
}

.nav .active,
.nav a:hover {
  color: #ffffff;
}

.brand-mark {
  background: linear-gradient(145deg, rgba(255,255,255,.14), rgba(114,152,211,.12));
}

.glass-card,
.about-feature,
.partner,
.news-card,
.cta-card {
  border: 1px solid rgba(145, 164, 196, .11);
  box-shadow: 0 18px 42px rgba(22, 38, 68, .06);
}

.glass-card {
  background: linear-gradient(145deg, rgba(255,255,255,.2), rgba(199,214,234,.07));
  box-shadow: 0 16px 34px rgba(10, 24, 50, .16), inset 0 1px rgba(255,255,255,.2);
}

.hero h1 {
  letter-spacing: -.05em;
}

.hero p {
  color: rgba(255,255,255,.72);
}

.mini-flow i {
  background: linear-gradient(180deg,#e1ebf8,#85a8db);
}

.pulse::before {
  background: linear-gradient(90deg,transparent,rgba(199,214,234,.95),transparent);
}

.about {
  background: linear-gradient(180deg,#fcfdfe 0%,#f7f9fc 100%);
}

.about-feature {
  background: linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
}

.network-map {
  background: radial-gradient(circle at 48% 46%,rgba(199,214,234,.16),rgba(199,214,234,.03) 36%,transparent 68%);
}

.network-map .node {
  background: #86a7d9;
  box-shadow: 0 0 10px rgba(114,152,211,.22);
}

.metric.primary {
  background: linear-gradient(145deg,#335f9e,#4974b8);
  box-shadow: 0 16px 30px rgba(25,49,91,.1);
}

.metric.accent {
  background: linear-gradient(180deg,#f5f8fb,#ffffff);
}

.partners {
  background: linear-gradient(180deg,#fdfefe 0%,#f7f9fc 100%);
}

.partner-board {
  background:
    radial-gradient(circle at 16% 14%, rgba(199,214,234,.1), transparent 24%),
    radial-gradient(circle at 82% 88%, rgba(199,214,234,.12), transparent 30%),
    linear-gradient(180deg, #f7f9fc 0%, #eef3f9 100%);
  box-shadow: 0 22px 52px rgba(22, 38, 68, .06);
}

.partner-board::before,
.mission-gridlines {
  opacity: .22;
}

.board-glow {
  background: radial-gradient(circle, rgba(114,152,211,.12), transparent 72%);
  filter: blur(34px);
  opacity: .48;
}

.partner {
  background: rgba(255,255,255,.94);
  color: #223d6b;
  box-shadow: 0 8px 18px rgba(22,38,68,.04);
}

.partner small,
.board-meta {
  color: #8a96aa;
}

.partner.featured {
  background: linear-gradient(145deg,#3b67ad,#5f87c8);
}

.partner.featured-alt {
  background: linear-gradient(145deg,#d4e0f0,#8caad9);
  color: #1d3663;
}

.news {
  background: linear-gradient(180deg,#fcfdfe 0%,#f5f8fb 100%);
}

.news-card {
  box-shadow: 0 12px 28px rgba(22,38,68,.055);
}

.anniversary {
  background: linear-gradient(145deg,#eef3fa 0%, #bad0eb 58%, #6b90cf 100%);
}

.anniv-no {
  -webkit-text-stroke: 1px rgba(255,255,255,.72);
}

.news-side {
  background: linear-gradient(145deg,#f3f7fb 0%, #dbe6f3 46%, #9bb7e3 100%);
}

.news-side .news-copy {
  background: linear-gradient(180deg,transparent,rgba(252,253,254,.94) 30%);
}

.gradient-a {
  background: linear-gradient(145deg,#e1ebf7 0%, #b8cde9 48%, #789ad2 100%);
}

.gradient-b {
  background: linear-gradient(145deg,#f3f7fb 0%, #d7e3f2 44%, #98b3de 100%);
}

.gradient-c {
  background: linear-gradient(145deg,#fafbfd 0%, #dce6f3 42%, #7594c8 100%);
}

.dark-small .small-art {
  background: linear-gradient(145deg,#f6f9fc 0%, #e2ebf6 48%, #a4bcdf 100%);
}

.mission {
  background:
    radial-gradient(circle at 78% 28%, rgba(199,214,234,.15), transparent 24%),
    linear-gradient(180deg, #f5f8fb 0%, #edf3f9 100%);
}

.mission::before {
  background:
    linear-gradient(90deg,transparent 0 73%,rgba(114,152,211,.045) 73.1% 73.3%,transparent 73.4%),
    linear-gradient(180deg,transparent 0 65%,rgba(114,152,211,.06) 65.1% 65.3%,transparent 65.4%);
}

.mission h2 {
  color: #223f70;
}

.mission h2 em {
  color: #6d8fcb;
}

.mission p,
.mission-code {
  color: #7d899d;
}

.mission-card {
  background: linear-gradient(145deg,#456eaf 0%, #8eaddd 100%);
  box-shadow: 0 20px 42px rgba(22,38,68,.1), inset 0 1px rgba(255,255,255,.14);
}

.mission-card span,
.mission-card small {
  color: rgba(255,255,255,.7);
}

.mission-dot {
  background: #9eb7df;
  box-shadow: 0 0 8px rgba(114,152,211,.22);
}

.mission-giant {
  color: rgba(114,152,211,.04);
}

.cta-zone {
  background: linear-gradient(180deg,#eef3f9 0%,#fafbfd 100%);
}

.cta-card {
  background: linear-gradient(180deg,#ffffff 0%, #fafbfd 100%);
  box-shadow: 0 20px 44px rgba(22,38,68,.06);
}

.cta-card button,
.board-meta button {
  background: linear-gradient(145deg,#466eae,#6f93cd);
  box-shadow: 0 10px 22px rgba(70,110,174,.12);
}

.cta-orbit {
  border-color: rgba(199,214,234,.22);
  box-shadow: 0 0 0 50px rgba(199,214,234,.02),0 0 0 100px rgba(199,214,234,.01);
}

.footer {
  background: linear-gradient(180deg,#fafbfd 0%, #f5f8fb 100%);
}

.footer-giant {
  color: rgba(199,214,234,.19);
}

/* V6: return to Klein-blue gradients, reduce fragmented modules, editorial news layout */
:root {
  --ink: #06133c;
  --navy: #08279e;
  --blue: #0032c8;
  --mid: #2f61ff;
  --accent: #7c9cff;
  --ice: #f4f7ff;
  --mist: #e9efff;
  --white: #ffffff;
  --text: #14285c;
  --muted: #69799e;
}

html, body {
  background: #edf3ff;
}

#page {
  background:
    radial-gradient(circle at 50% 0%, rgba(124,156,255,.16), transparent 22%),
    linear-gradient(180deg, #f8faff 0%, #eff4ff 100%);
}

.hero {
  background:
    radial-gradient(circle at 50% 18%, rgba(124,156,255,.2), transparent 24%),
    linear-gradient(180deg, #081330 0%, #07248f 50%, #dde7ff 100%);
}

.hero-art {
  filter: hue-rotate(-6deg) saturate(.98) brightness(1.05) contrast(.98);
  opacity: .88;
}

.hero-overlay {
  background:
    linear-gradient(180deg, rgba(5, 13, 40, 0.52) 0%, rgba(7, 32, 125, 0.16) 34%, rgba(248,250,255,.12) 74%, rgba(248,250,255,.68) 100%),
    radial-gradient(circle at 50% 27%, rgba(124,156,255,.18), transparent 42%);
}

.nav a.active::after {
  background: #8cabff;
}

.hero-cta button,
.nav-actions button,
.outline-btn,
.board-meta button,
.cta-card button {
  box-shadow: 0 14px 34px rgba(0,50,200,.16);
}

.news {
  height: 1480px;
  padding: 115px 0 90px;
  background: linear-gradient(180deg,#f6f9ff 0%,#edf3ff 100%);
}

.mission {
  height: 1110px;
  color: var(--text);
  background:
    radial-gradient(circle at 78% 22%, rgba(124,156,255,.14), transparent 24%),
    linear-gradient(180deg,#eef4ff 0%,#e6eeff 100%);
}

.news-heading {
  height: 170px;
}

.news-editorial {
  height: 1090px;
  display: grid;
  grid-template-columns: 1.42fr .86fr;
  gap: 28px;
}

.news-feature {
  display: grid;
  grid-template-rows: 430px 1fr;
  border-radius: 38px;
  background: #fff;
  box-shadow: 0 20px 48px rgba(15,41,118,.08);
  overflow: hidden;
}

.feature-media {
  position: relative;
  background:
    radial-gradient(circle at 60% 35%, rgba(255,255,255,.24), transparent 28%),
    linear-gradient(140deg, #07208a 0%, #0630b6 46%, #4a78ff 100%);
  overflow: hidden;
}

.feature-media::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(120deg, transparent 0 42%, rgba(255,255,255,.08) 42.4%, transparent 43%),
    linear-gradient(180deg, rgba(255,255,255,.04), transparent 60%);
}

.feature-rings,
.feature-rings::before,
.feature-rings::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.18);
}

.feature-rings {
  width: 520px;
  height: 520px;
  right: -60px;
  top: -30px;
  box-shadow: 0 0 0 42px rgba(255,255,255,.035), 0 0 0 84px rgba(255,255,255,.018);
}

.feature-rings::before {
  inset: 78px;
}

.feature-rings::after {
  inset: 154px;
}

.feature-klein {
  position: absolute;
  left: 48px;
  top: 50px;
  color: rgba(255,255,255,.96);
  font-family: Arial, sans-serif;
  font-size: 72px;
  line-height: .94;
  font-weight: 900;
  letter-spacing: -4px;
}

.feature-klein span {
  display: block;
  margin-top: 18px;
  font-size: 13px;
  letter-spacing: 4px;
  color: rgba(255,255,255,.58);
}

.feature-year {
  position: absolute;
  left: 52px;
  bottom: 34px;
  font-family: Arial, sans-serif;
  font-size: 180px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: -12px;
  color: transparent;
  -webkit-text-stroke: 2px rgba(255,255,255,.8);
}

.feature-body {
  position: relative;
  padding: 42px 44px 48px;
}

.feature-body .tag,
.story-body .tag {
  display: inline-flex;
  padding: 8px 13px;
  border-radius: 14px;
  background: #e8efff;
  color: var(--blue);
  font-size: 11px;
  font-weight: 700;
}

.feature-body time,
.story-body time {
  float: right;
  margin-top: 8px;
  font-size: 11px;
  color: #9ba7c0;
}

.feature-body h3 {
  clear: both;
  padding-top: 26px;
  font-size: 38px;
  line-height: 1.28;
  letter-spacing: -1.8px;
  color: #12265a;
}

.feature-body p {
  margin-top: 18px;
  font-size: 15px;
  line-height: 1.9;
  color: var(--muted);
}

.feature-body a {
  position: absolute;
  left: 44px;
  bottom: 40px;
  color: var(--blue);
  font-size: 14px;
  font-weight: 700;
}

.news-stack {
  display: grid;
  grid-template-rows: repeat(3, 1fr);
  gap: 22px;
}

.story-card {
  display: grid;
  grid-template-columns: 210px 1fr;
  align-items: stretch;
  border-radius: 30px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 16px 36px rgba(15,41,118,.07);
  overflow: hidden;
}

.story-art {
  position: relative;
  overflow: hidden;
  color: #fff;
  background: linear-gradient(145deg,#0a29a1 0%, #1d4de1 58%, #7c9cff 100%);
}

.story-art::before {
  content: "";
  position: absolute;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  right: -70px;
  top: -44px;
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 0 0 38px rgba(255,255,255,.03), 0 0 0 76px rgba(255,255,255,.014);
}

.story-art b {
  position: absolute;
  left: 24px;
  bottom: 54px;
  font-family: Arial, sans-serif;
  font-size: 54px;
  line-height: 1;
  letter-spacing: -3px;
}

.story-art span {
  position: absolute;
  left: 26px;
  bottom: 28px;
  font-size: 10px;
  letter-spacing: 2px;
  color: rgba(255,255,255,.64);
}

.story-annual .story-art { background: linear-gradient(145deg,#0b30b4 0%, #3261f5 54%, #92adff 100%); }
.story-ai .story-art { background: linear-gradient(145deg,#081f86 0%, #1541d0 54%, #5f87ff 100%); }
.story-ecosystem .story-art { background: linear-gradient(145deg,#173ac6 0%, #3b66f4 54%, #a0b7ff 100%); }

.story-body {
  position: relative;
  padding: 28px 28px 30px;
}

.story-body h3 {
  clear: both;
  padding-top: 18px;
  font-size: 24px;
  line-height: 1.45;
  letter-spacing: -.8px;
  color: #173068;
}

.story-body p {
  margin-top: 14px;
  font-size: 13px;
  line-height: 1.85;
  color: var(--muted);
}

.mission-editorial {
  padding-top: 118px;
}

.mission-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.mission-heading > div:first-child {
  max-width: 720px;
}

.mission-heading h2 {
  margin-top: 24px;
  font-size: 88px;
  line-height: 1.02;
  letter-spacing: -5px;
  color: #1030a0;
}

.mission-heading h2 em {
  color: #4b72ff;
  font-style: normal;
}

.mission-heading p {
  width: 640px;
  padding-top: 34px;
  font-size: 18px;
  line-height: 1.9;
  color: var(--muted);
}

.atlas-board {
  margin-top: 52px;
  border-radius: 42px;
  background: linear-gradient(180deg,#ffffff 0%,#f4f8ff 100%);
  border: 1px solid rgba(0,50,200,.08);
  box-shadow: 0 28px 60px rgba(16,48,160,.08);
  overflow: hidden;
  display: grid;
  grid-template-columns: 1.12fr .68fr;
  grid-template-rows: 430px 260px;
}

.atlas-hero {
  position: relative;
  padding: 48px 52px;
  background:
    radial-gradient(circle at 68% 44%, rgba(124,156,255,.22), transparent 24%),
    linear-gradient(145deg,#08218d 0%,#0d31ba 46%,#5c83ff 100%);
  color: #fff;
}

.atlas-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, transparent 0 76%, rgba(255,255,255,.08) 76.2% 76.4%, transparent 76.6%),
    linear-gradient(120deg, transparent 0 40%, rgba(255,255,255,.05) 40.2% 40.5%, transparent 40.7%);
}

.atlas-kicker {
  position: relative;
  z-index: 1;
  display: inline-block;
  font-size: 11px;
  letter-spacing: 2.8px;
  color: rgba(255,255,255,.58);
}

.atlas-hero b {
  position: relative;
  z-index: 1;
  display: block;
  margin-top: 28px;
  max-width: 560px;
  font-size: 54px;
  line-height: 1.18;
  letter-spacing: -2.4px;
}

.atlas-hero p {
  position: relative;
  z-index: 1;
  margin-top: 26px;
  max-width: 560px;
  font-size: 15px;
  line-height: 1.92;
  color: rgba(255,255,255,.74);
}

.atlas-lines {
  position: absolute;
  left: 52px;
  right: 70px;
  bottom: 54px;
  height: 92px;
}

.atlas-lines i {
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background: rgba(255,255,255,.18);
}

.atlas-lines i:nth-child(1) { top: 10px; }
.atlas-lines i:nth-child(2) { top: 40px; }
.atlas-lines i:nth-child(3) { top: 70px; }

.atlas-side {
  display: grid;
  grid-template-rows: 1fr 1fr;
  background: linear-gradient(180deg,#edf3ff 0%,#e3ecff 100%);
}

.atlas-stat {
  padding: 42px 36px;
  border-left: 1px solid rgba(0,50,200,.07);
}

.atlas-stat + .atlas-stat {
  border-top: 1px solid rgba(0,50,200,.07);
}

.atlas-stat small {
  display: block;
  font-size: 11px;
  letter-spacing: 2px;
  color: #7f92b9;
}

.atlas-stat b {
  display: block;
  margin-top: 20px;
  font-family: Arial, sans-serif;
  font-size: 52px;
  line-height: 1;
  letter-spacing: -2px;
  color: #0e2da0;
}

.atlas-stat p {
  margin-top: 18px;
  font-size: 14px;
  line-height: 1.85;
  color: var(--muted);
}

.atlas-points {
  grid-column: 1 / span 2;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid rgba(0,50,200,.07);
  background: linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
}

.atlas-points article {
  padding: 36px 34px 34px;
}

.atlas-points article + article {
  border-left: 1px solid rgba(0,50,200,.07);
}

.atlas-points span {
  display: block;
  font-size: 12px;
  letter-spacing: 2px;
  color: #8ba0c8;
}

.atlas-points b {
  display: block;
  margin-top: 18px;
  font-size: 26px;
  line-height: 1.4;
  letter-spacing: -.8px;
  color: #173068;
}

.atlas-points p {
  margin-top: 16px;
  font-size: 14px;
  line-height: 1.85;
  color: var(--muted);
}

.cta-zone {
  background: linear-gradient(180deg,#e6eeff 0%,#f4f8ff 100%);
}

.cta-card {
  background: linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  box-shadow: 0 24px 60px rgba(0,50,200,.08);
}

.footer {
  background: linear-gradient(180deg,#f8fbff 0%,#eef4ff 100%);
}

/* V7: purer Klein blue and more editorial news layout with reserved image slots */
:root {
  --ink: #061030;
  --navy: #0826a3;
  --blue: #0033cc;
  --mid: #295cff;
  --accent: #87a6ff;
  --ice: #f3f7ff;
  --mist: #e7eeff;
  --white: #ffffff;
  --text: #122759;
  --muted: #68789d;
}

html, body {
  background: #edf2ff;
}

#page {
  background:
    radial-gradient(circle at 50% 0%, rgba(135,166,255,.18), transparent 22%),
    linear-gradient(180deg, #f7faff 0%, #eef4ff 100%);
}

.hero {
  background:
    radial-gradient(circle at 50% 18%, rgba(135,166,255,.22), transparent 24%),
    linear-gradient(180deg, #08112c 0%, #05239a 48%, #dce7ff 100%);
}

.hero-art {
  filter: hue-rotate(-4deg) saturate(1.08) brightness(1.06) contrast(.99);
}

.hero-overlay {
  background:
    linear-gradient(180deg, rgba(5, 12, 36, 0.5) 0%, rgba(5, 35, 154, 0.16) 34%, rgba(247,250,255,.1) 74%, rgba(247,250,255,.66) 100%),
    radial-gradient(circle at 50% 27%, rgba(135,166,255,.22), transparent 42%);
}

.metric.primary,
.partner.featured,
.cta-card button,
.board-meta button {
  background: linear-gradient(145deg,#0033cc,#2a5dff);
}

.news {
  background: linear-gradient(180deg,#f5f8ff 0%,#ebf1ff 100%);
}

.news-editorial {
  gap: 30px;
}

.news-feature {
  grid-template-rows: 472px 1fr;
  box-shadow: 0 22px 52px rgba(0,51,204,.08);
}

.feature-media {
  background: #0b2ab4;
}

.feature-photo {
  position: relative;
  height: 100%;
  background:
    radial-gradient(circle at 68% 34%, rgba(255,255,255,.18), transparent 26%),
    linear-gradient(140deg, #09239a 0%, #0632c7 44%, #4b78ff 100%);
  overflow: hidden;
}

.feature-photo::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(120deg, transparent 0 40%, rgba(255,255,255,.1) 40.3%, transparent 40.8%),
    linear-gradient(180deg, rgba(255,255,255,.05), transparent 62%);
}

.photo-badge {
  position: absolute;
  left: 24px;
  top: 22px;
  z-index: 2;
  display: inline-flex;
  height: 30px;
  align-items: center;
  padding: 0 12px;
  border-radius: 15px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.16);
  color: rgba(255,255,255,.78);
  font-size: 10px;
  letter-spacing: 1.8px;
}

.feature-rings {
  box-shadow: 0 0 0 42px rgba(255,255,255,.04), 0 0 0 84px rgba(255,255,255,.02);
}

.feature-klein {
  font-size: 76px;
  letter-spacing: -4px;
}

.feature-year {
  bottom: 26px;
  font-size: 194px;
  color: transparent;
  -webkit-text-stroke: 2px rgba(255,255,255,.82);
}

.feature-body {
  padding: 42px 44px 52px;
}

.feature-body h3 {
  font-size: 36px;
  line-height: 1.3;
}

.feature-body p {
  max-width: 92%;
}

.news-stack {
  gap: 24px;
}

.story-card {
  grid-template-columns: 248px 1fr;
  box-shadow: 0 16px 38px rgba(0,51,204,.07);
}

.story-photo {
  position: relative;
  overflow: hidden;
  color: #fff;
  background: linear-gradient(145deg,#08249b 0%, #1d4de1 58%, #87a6ff 100%);
}

.story-photo::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, transparent 0 42%, rgba(255,255,255,.08) 42.4%, transparent 42.9%),
    linear-gradient(180deg, rgba(255,255,255,.04), transparent 65%);
}

.story-photo::after {
  content: "";
  position: absolute;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  right: -74px;
  top: -56px;
  border: 1px solid rgba(255,255,255,.24);
  box-shadow: 0 0 0 42px rgba(255,255,255,.035), 0 0 0 84px rgba(255,255,255,.016);
}

.story-photo b {
  position: absolute;
  left: 26px;
  bottom: 56px;
  z-index: 1;
  font-family: Arial, sans-serif;
  font-size: 56px;
  line-height: 1;
  letter-spacing: -3px;
}

.story-photo span {
  position: absolute;
  left: 28px;
  bottom: 30px;
  z-index: 1;
  font-size: 10px;
  letter-spacing: 2px;
  color: rgba(255,255,255,.66);
}

.photo-annual { background: linear-gradient(145deg,#0828ae 0%, #2d5fff 54%, #97b0ff 100%); }
.photo-ai { background: linear-gradient(145deg,#051f8d 0%, #1542da 54%, #6f93ff 100%); }
.photo-ecosystem { background: linear-gradient(145deg,#1031be 0%, #3967ff 54%, #acc0ff 100%); }

.story-body {
  padding: 30px 30px 32px;
}

.story-body h3 {
  font-size: 23px;
}

.mission {
  background:
    radial-gradient(circle at 78% 22%, rgba(135,166,255,.16), transparent 24%),
    linear-gradient(180deg,#edf3ff 0%,#e3ecff 100%);
}

.atlas-board {
  border: 1px solid rgba(0,51,204,.09);
  box-shadow: 0 30px 64px rgba(0,51,204,.08);
}

.atlas-hero {
  background:
    radial-gradient(circle at 68% 44%, rgba(135,166,255,.22), transparent 24%),
    linear-gradient(145deg,#0823a1 0%,#0930c7 46%,#557fff 100%);
}

.atlas-side {
  background: linear-gradient(180deg,#edf3ff 0%,#e4ecff 100%);
}

.cta-zone {
  background: linear-gradient(180deg,#e4ecff 0%,#f2f7ff 100%);
  overflow: visible;
}

.cta-card {
  box-shadow: 0 24px 60px rgba(0,51,204,.08);
  position: absolute;
  left: 50%;
  bottom: -122px;
  transform: translateX(-50%);
  z-index: 3;
}

.footer {
  padding-top: 214px;
  background: linear-gradient(180deg,#f7faff 0%,#edf3ff 100%);
}

/* V7b footer recolor: shift bottom area to Tencent-like pale mist blue */
.footer {
  padding-top: 214px;
  background:
    linear-gradient(180deg, #c3d7ff 0%, #9dbfff 32%, #6fa0ff 68%, #3875ea 100%);
  color: #1b2742;
}

.footer::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 0% 12%, rgba(255,255,255,.2), transparent 26%),
    linear-gradient(180deg, rgba(255,255,255,.1) 0%, rgba(255,255,255,0) 28%);
  pointer-events: none;
}

.footer-main {
  position: relative;
  z-index: 1;
  border-bottom: 1px solid rgba(255, 255, 255, .18);
}

.footer .brand {
  color: #f7fbff;
}

.footer .brand-mark.light {
  border-color: rgba(255,255,255,.26);
  background: linear-gradient(145deg,rgba(255,255,255,.94),rgba(221,234,255,.86));
  color: #4a78cf;
}

.footer .brand small,
.footer-brand p,
.footer-links a {
  color: rgba(244,248,255,.78);
}

.footer-links b {
  color: #ffffff;
}

.social i {
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.9);
  color: #5a80c8;
}

.footer-bottom {
  position: relative;
  z-index: 1;
  color: rgba(241,246,255,.72);
}

.footer-giant {
  left: 82px;
  bottom: -18px;
  font-size: 262px;
  letter-spacing: -16px;
  color: rgba(232, 240, 255, .22);
}

/* V8 remove mission block entirely */
#page {
  height: 5950px;
}

.mission {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
}

@media print {
  @page { size: 1920px 5950px; margin: 0; }
  html, body, #page { width: 1920px; height: 5950px; }
}

/* V10 soften hero to connect with lighter sections below */
.hero {
  background:
    radial-gradient(circle at 50% 18%, rgba(162,188,255,.16), transparent 24%),
    linear-gradient(180deg, #091633 0%, #0c2e90 44%, #d7e4ff 100%);
}

.hero-art {
  filter: hue-rotate(-4deg) saturate(.9) brightness(1.14) contrast(1.04);
  opacity: .94;
}

.hero-overlay {
  background:
    linear-gradient(180deg, rgba(7, 14, 36, .4) 0%, rgba(9, 37, 116, .08) 34%, rgba(245,248,255,.12) 72%, rgba(245,248,255,.74) 100%),
    radial-gradient(circle at 50% 24%, rgba(170,196,255,.18), transparent 40%);
}

.hero-cta button {
  box-shadow: 0 12px 34px rgba(20,39,157,.18);
}

.glass-card {
  background: linear-gradient(145deg, rgba(255,255,255,.2), rgba(70,103,210,.12));
  box-shadow: 0 22px 52px rgba(7, 20, 56, .22), inset 0 1px rgba(255,255,255,.22);
}

.orbit-label {
  color: rgba(255,255,255,.52);
}

.orbit-label i {
  border-color: #b7c8ff;
  box-shadow: 0 0 10px rgba(140,170,255,.45);
}

/* V10c soften only the left/right hero blue walls */
.hero::before,
.hero::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 300px;
  z-index: 1;
  pointer-events: none;
}

.hero::before {
  left: 0;
  background:
    linear-gradient(90deg, rgba(151,177,235,.18) 0%, rgba(151,177,235,.1) 38%, rgba(151,177,235,0) 100%),
    radial-gradient(circle at 18% 46%, rgba(186,205,239,.14), transparent 56%);
}

.hero::after {
  right: 0;
  background:
    linear-gradient(270deg, rgba(151,177,235,.18) 0%, rgba(151,177,235,.1) 38%, rgba(151,177,235,0) 100%),
    radial-gradient(circle at 82% 42%, rgba(186,205,239,.14), transparent 56%);
}

/* V10d keep current hero structure, replace with purer Klein-blue logic */
.hero {
  background:
    radial-gradient(circle at 50% 34%, rgba(122,160,255,.18) 0%, rgba(122,160,255,.08) 22%, rgba(122,160,255,0) 42%),
    linear-gradient(180deg, #09122e 0%, #1537a8 44%, #2f57ea 72%, #dce7ff 100%);
}

.hero-art {
  filter: hue-rotate(-11deg) saturate(1.04) brightness(1.16) contrast(1.01);
  opacity: .965;
}

.hero-overlay {
  background:
    radial-gradient(circle at 50% 48%, rgba(129,166,255,.24) 0%, rgba(129,166,255,.11) 18%, rgba(129,166,255,0) 42%),
    radial-gradient(circle at 50% 74%, rgba(255,255,255,.16) 0%, rgba(255,255,255,0) 24%),
    linear-gradient(180deg, rgba(7, 14, 36, .3) 0%, rgba(18, 58, 183, .08) 32%, rgba(245,248,255,.1) 70%, rgba(245,248,255,.76) 100%);
}

.glass-card {
  background: linear-gradient(145deg, rgba(255,255,255,.22), rgba(95,129,255,.12));
  box-shadow: 0 22px 52px rgba(11, 24, 74, .18), inset 0 1px rgba(255,255,255,.24);
}

.hero::before {
  left: 0;
  background:
    linear-gradient(90deg, rgba(166,191,245,.12) 0%, rgba(166,191,245,.06) 36%, rgba(166,191,245,0) 100%),
    radial-gradient(circle at 16% 50%, rgba(201,217,249,.1), transparent 58%);
}

.hero::after {
  right: 0;
  background:
    linear-gradient(270deg, rgba(166,191,245,.12) 0%, rgba(166,191,245,.06) 36%, rgba(166,191,245,0) 100%),
    radial-gradient(circle at 84% 44%, rgba(201,217,249,.1), transparent 58%);
}

/* V10e hero motion pass: keep current layout, add subtle continuous animation */
.hero {
  overflow: hidden;
}

.hero-art {
  animation: none;
  transform-origin: 50% 46%;
  will-change: filter;
}

.hero-overlay {
  animation: heroOverlayBreath 7.2s ease-in-out infinite;
  will-change: opacity, transform;
}

.hero-copy {
  animation: heroCopyIdle 8.5s ease-in-out infinite;
  will-change: transform;
}

.hero-cta button {
  animation: heroButtonGlow 4.2s ease-in-out infinite;
}

.glass-card {
  will-change: transform, box-shadow;
}

.glass-left {
  animation: heroCardFloatLeft 8.2s ease-in-out infinite;
}

.glass-right {
  animation: heroCardFloatRight 9.1s ease-in-out infinite;
}

.orbit-label-a {
  animation: orbitLabelDriftA 10.5s ease-in-out infinite;
}

.orbit-label-b {
  animation: orbitLabelDriftB 11.4s ease-in-out infinite;
}

.mini-flow i {
  animation: miniFlowPulse 2.8s ease-in-out infinite;
}

.mini-flow i:nth-child(2) { animation-delay: .22s; }
.mini-flow i:nth-child(3) { animation-delay: .44s; }
.mini-flow i:nth-child(4) { animation-delay: .66s; }

.pulse i {
  animation: pulseNode 2.6s ease-in-out infinite;
}

.pulse i:nth-child(2) { animation-delay: .32s; }
.pulse i:nth-child(3) { animation-delay: .64s; }

@keyframes heroGlobeFloat {
  0% {
    transform: translate(-50%, -50%) translate3d(0, 0, 0) scale(1);
  }
  28% {
    transform: translate(-50%, -50%) translate3d(-4px, -14px, 0) scale(1.014);
  }
  52% {
    transform: translate(-50%, -50%) translate3d(0, -26px, 0) scale(1.022);
  }
  76% {
    transform: translate(-50%, -50%) translate3d(5px, -10px, 0) scale(1.012);
  }
  100% {
    transform: translate(-50%, -50%) translate3d(0, 12px, 0) scale(1.006);
  }
}

@keyframes heroOverlayBreath {
  0%, 100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    opacity: .92;
    transform: translate3d(0, -8px, 0) scale(1.018);
  }
}

@keyframes heroCopyIdle {
  0%, 100% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(0, -5px, 0); }
}

@keyframes heroButtonGlow {
  0%, 100% {
    box-shadow: 0 12px 34px rgba(20,39,157,.18), 0 0 0 rgba(133,170,255,0);
  }
  50% {
    box-shadow: 0 18px 42px rgba(20,39,157,.24), 0 0 26px rgba(133,170,255,.22);
  }
}

@keyframes heroCardFloatLeft {
  0%, 100% {
    transform: translate3d(0, 0, 0);
    box-shadow: 0 22px 52px rgba(11, 24, 74, .18), inset 0 1px rgba(255,255,255,.24);
  }
  50% {
    transform: translate3d(0, -10px, 0);
    box-shadow: 0 30px 64px rgba(11, 24, 74, .24), inset 0 1px rgba(255,255,255,.28);
  }
}

@keyframes heroCardFloatRight {
  0%, 100% {
    transform: translate3d(0, 0, 0);
    box-shadow: 0 22px 52px rgba(11, 24, 74, .18), inset 0 1px rgba(255,255,255,.24);
  }
  50% {
    transform: translate3d(0, -14px, 0);
    box-shadow: 0 32px 68px rgba(11, 24, 74, .24), inset 0 1px rgba(255,255,255,.28);
  }
}

@keyframes orbitLabelDriftA {
  0%, 100% { transform: translate3d(0, 0, 0); opacity: .78; }
  50% { transform: translate3d(10px, -8px, 0); opacity: 1; }
}

@keyframes orbitLabelDriftB {
  0%, 100% { transform: translate3d(0, 0, 0); opacity: .74; }
  50% { transform: translate3d(-12px, 7px, 0); opacity: 1; }
}

@keyframes miniFlowPulse {
  0%, 100% { transform: scaleY(1); filter: brightness(1); }
  50% { transform: scaleY(1.15); filter: brightness(1.08); }
}

@keyframes pulseNode {
  0%, 100% { transform: scale(1); opacity: .88; }
  50% { transform: scale(1.35); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-art,
  .hero-overlay,
  .hero-copy,
  .hero-cta button,
  .glass-left,
  .glass-right,
  .orbit-label-a,
  .orbit-label-b,
  .mini-flow i,
  .pulse i {
    animation: none !important;
  }
}

/* V10 final cascade: the transition layer is white underlay only. */
.hero-transition-curve {
  left: 0;
  top: 1100px;
  bottom: auto;
  width: 1920px;
  height: 520px;
  transform: none;
  z-index: 1;
  border-radius: 0;
  background: var(--ice);
  box-shadow: none;
}

.hero-transition-curve::before,
.hero-transition-curve::after {
  display: none;
}

/* V10f interactive pass: visible hero motion + hover feedback on current version */
body {
  cursor: default;
}

.hero {
  --mx: 0;
  --my: 0;
}

.hero-bg-flow,
.hero-focus-block,
.hero-globe-canvas,
.hero-base-plate,
.hero-orbits,
.hero-particles,
.hero-energy-core,
.hero-floating-cube {
  position: absolute;
  pointer-events: none;
}

.hero-transition-curve {
  position: absolute;
  left: 50%;
  bottom: -286px;
  width: 2560px;
  height: 392px;
  transform: translateX(-50%);
  z-index: 4;
  pointer-events: none;
  border-radius: 50%;
  background: var(--ice);
  box-shadow:
    0 -10px 40px rgba(255,255,255,.08),
    inset 0 12px 28px rgba(255,255,255,.18);
}

.hero-transition-curve::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 28px;
  width: 2040px;
  height: 230px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: radial-gradient(ellipse at center, rgba(255,255,255,.22) 0%, rgba(255,255,255,.08) 42%, rgba(255,255,255,0) 74%);
}

.hero-transition-curve::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -323px;
  width: 2480px;
  height: 600px;
  transform: translateX(-50%);
  border-radius: 50%;
  background:
    radial-gradient(ellipse at 50% 4%, rgba(224, 239, 255, .54) 0%, rgba(188, 217, 255, .24) 22%, rgba(160, 196, 245, 0) 48%),
    radial-gradient(ellipse at 50% 38%, rgba(183, 219, 255, .22) 0%, rgba(142, 184, 244, .1) 31%, rgba(116, 158, 226, 0) 62%),
    radial-gradient(ellipse at 17% 20%, rgba(151, 194, 255, .16) 0%, rgba(117, 164, 236, 0) 48%),
    radial-gradient(ellipse at 82% 24%, rgba(107, 155, 229, .12) 0%, rgba(85, 128, 205, 0) 46%),
    linear-gradient(180deg, rgba(132, 169, 224, .98) 0%, rgba(103, 143, 211, .98) 46%, rgba(76, 112, 190, 1) 100%),
    linear-gradient(90deg, #7198df 0%, #759ae0 24%, #7294d5 50%, #5e7fc5 74%, #5073bd 100%);
  box-shadow: none;
  -webkit-mask-image: radial-gradient(ellipse 1800px 300px at 50% 100%,
    #000 0%,
    #000 85%,
    rgba(0,0,0,.8) 90%,
    rgba(0,0,0,.35) 96%,
    rgba(0,0,0,0) 100%);
  mask-image: radial-gradient(ellipse 1800px 300px at 50% 100%,
    #000 0%,
    #000 85%,
    rgba(0,0,0,.8) 90%,
    rgba(0,0,0,.35) 96%,
    rgba(0,0,0,0) 100%);
}

.hero {
  z-index: 3;
  overflow: visible;
  margin-bottom: -156px;
}

.about {
  position: relative;
  z-index: 1;
  padding-top: 274px;
}

.hero-bg-flow {
  inset: 0;
  z-index: 1;
  background:
    radial-gradient(ellipse at 50% 62%, rgba(166, 214, 255, .2), rgba(166, 214, 255, 0) 32%),
    radial-gradient(circle at calc(50% + var(--mx) * 110px) calc(22% + var(--my) * 44px), rgba(136, 186, 255, .22), transparent 22%),
    radial-gradient(circle at 82% 14%, rgba(112, 160, 255, .16), transparent 24%),
    radial-gradient(circle at 52% 34%, rgba(82, 126, 255, .14), transparent 30%),
    radial-gradient(circle at calc(50% + var(--mx) * 110px) calc(54% + var(--my) * 72px), rgba(112, 164, 255, .18), transparent 24%),
    radial-gradient(circle at 50% 86%, rgba(204, 228, 255, .74), transparent 28%),
    radial-gradient(circle at 58% 82%, rgba(122, 176, 255, .24), transparent 28%),
    radial-gradient(circle at 71% 80%, rgba(110, 164, 255, .18), transparent 26%),
    radial-gradient(circle at 16% 44%, rgba(64, 136, 255, .24), transparent 28%),
    radial-gradient(circle at 84% 42%, rgba(70, 142, 255, .2), transparent 28%),
    linear-gradient(90deg, rgba(255,255,255,.05) 0 1px, transparent 1px 100%),
    linear-gradient(180deg, rgba(24, 58, 184, .08) 0%, rgba(48, 98, 246, .08) 14%, rgba(16, 36, 112, .08) 30%, rgba(54, 124, 255, .14) 66%, rgba(228, 240, 255, .42) 100%),
    linear-gradient(90deg, rgba(64, 118, 255, .08) 0%, rgba(64, 118, 255, 0) 22%, rgba(122, 168, 255, .05) 48%, rgba(64, 118, 255, 0) 74%, rgba(64, 118, 255, .06) 100%),
    linear-gradient(120deg, transparent 0 34%, rgba(255,255,255,.06) 34.5%, transparent 35.2%, transparent 62%, rgba(255,255,255,.04) 62.5%, transparent 63.2%);
  background-size: auto, auto, auto, auto, auto, auto, auto, auto, 132px 100%, auto, auto, auto;
  animation: heroBackgroundShift 12s ease-in-out infinite alternate;
}

.hero-focus-block {
  left: 50%;
  top: 250px;
  width: 920px;
  height: 420px;
  transform: translateX(-50%);
  z-index: 2;
  opacity: .72;
  background:
    radial-gradient(ellipse at 50% 30%, rgba(240, 248, 255, .18) 0%, rgba(240, 248, 255, 0) 18%),
    radial-gradient(ellipse at 50% 48%, rgba(92, 150, 255, .18) 0%, rgba(92, 150, 255, .09) 30%, rgba(52, 118, 255, .04) 56%, rgba(52, 118, 255, 0) 76%),
    radial-gradient(ellipse at 44% 56%, rgba(44, 96, 255, .12) 0%, rgba(44, 96, 255, .04) 36%, rgba(44, 96, 255, 0) 72%),
    linear-gradient(180deg, rgba(98, 152, 255, .04) 0%, rgba(98, 152, 255, 0) 100%);
  filter: blur(10px);
  mix-blend-mode: screen;
}

.hero-focus-block::before,
.hero-focus-block::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 42% 42% 48% 48% / 34% 34% 58% 58%;
}

.hero-focus-block::before {
  background:
    linear-gradient(90deg, rgba(30, 76, 255, 0) 0%, rgba(30, 76, 255, .08) 18%, rgba(92, 142, 255, .16) 48%, rgba(30, 76, 255, .08) 82%, rgba(30, 76, 255, 0) 100%),
    radial-gradient(ellipse at 50% 42%, rgba(82, 136, 255, .22), rgba(82, 136, 255, 0) 62%);
  filter: blur(28px);
  opacity: .78;
}

.hero-focus-block::after {
  inset: 42px 88px 68px;
  background:
    radial-gradient(ellipse at center, rgba(178, 214, 255, .16) 0%, rgba(178, 214, 255, .06) 28%, rgba(178, 214, 255, 0) 66%);
  filter: blur(16px);
  opacity: .72;
}

.hero-globe-canvas {
  inset: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 1;
  mix-blend-mode: normal;
}

.hero-base-plate {
  left: 50%;
  bottom: 18px;
  width: 1040px;
  height: 360px;
  transform: translateX(-50%);
  z-index: 2;
  opacity: 0;
}

.hero-base-floor,
.hero-base-core,
.hero-base-ring {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
}

.hero-base-floor {
  bottom: 0;
  width: 1040px;
  height: 270px;
  background:
    radial-gradient(ellipse at center, rgba(240,249,255,.62) 0%, rgba(176,223,255,.42) 18%, rgba(88,174,255,.28) 38%, rgba(44,125,236,.2) 58%, rgba(44,125,236,0) 78%),
    linear-gradient(180deg, rgba(214,234,255,0) 0%, rgba(148,208,255,.18) 30%, rgba(220,236,255,.28) 100%);
  filter: blur(2px);
}

.hero-base-floor::before {
  content: "";
  position: absolute;
  inset: 18px 90px 34px;
  border-radius: 50%;
  background: radial-gradient(ellipse at center, rgba(250,253,255,.28) 0%, rgba(146,208,255,.2) 36%, rgba(146,208,255,0) 74%);
}

.hero-base-core {
  bottom: 132px;
  width: 420px;
  height: 112px;
  background:
    radial-gradient(ellipse at center, rgba(250,253,255,.98) 0%, rgba(226,246,255,.86) 18%, rgba(110,202,255,.48) 46%, rgba(52,140,255,.2) 72%, rgba(52,140,255,0) 100%);
  box-shadow:
    0 0 42px rgba(216,241,255,.56),
    0 0 108px rgba(92,172,255,.28);
}

.hero-base-ring {
  border: 1px solid rgba(173,223,255,.36);
  box-shadow: inset 0 0 18px rgba(255,255,255,.06);
}

.hero-base-ring-1 {
  bottom: 114px;
  width: 480px;
  height: 118px;
  border-width: 2px;
  border-color: rgba(224,242,255,.62);
  box-shadow: 0 0 32px rgba(132,202,255,.22), inset 0 0 18px rgba(255,255,255,.12);
}

.hero-base-ring-2 {
  bottom: 97px;
  width: 610px;
  height: 144px;
  border-color: rgba(176,223,255,.4);
}

.hero-base-ring-3 {
  bottom: 78px;
  width: 760px;
  height: 176px;
  border-color: rgba(146,204,255,.3);
}

.hero-base-ring-4 {
  bottom: 56px;
  width: 900px;
  height: 210px;
  border-color: rgba(122,185,255,.24);
}

.hero-base-ring-5 {
  bottom: 32px;
  width: 1010px;
  height: 236px;
  border-color: rgba(110,176,255,.2);
}

.hero-orbits {
  inset: 0;
  z-index: 2;
  display: none;
}

.hero-orbit {
  position: absolute;
  left: 50%;
  top: 58%;
  border-radius: 50%;
  border: 1px solid rgba(146,182,255,.28);
  transform: translate(-50%, -50%);
  box-shadow: 0 0 26px rgba(94,130,255,.08);
  will-change: transform;
}

.hero-orbit-1 {
  width: 760px;
  height: 300px;
  animation: heroOrbitSpinA 8.6s linear infinite;
}

.hero-orbit-2 {
  width: 630px;
  height: 420px;
  border-color: rgba(188,214,255,.22);
  animation: heroOrbitSpinB 11.8s linear infinite;
}

.hero-orbit-3 {
  width: 880px;
  height: 360px;
  border-color: rgba(108,154,255,.24);
  animation: heroOrbitSpinC 15.4s linear infinite;
}

.hero-particles {
  inset: 0;
  z-index: 3;
  display: none;
}

.hero-particle {
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,.95) 0%, rgba(151,188,255,.9) 40%, rgba(87,130,255,.18) 72%, transparent 100%);
  box-shadow: 0 0 22px rgba(103,146,255,.6);
}

.hero-particle.p1 { left: 25%; top: 28%; animation: heroParticleA 7.5s ease-in-out infinite; }
.hero-particle.p2 { left: 73%; top: 32%; animation: heroParticleB 8.8s ease-in-out infinite; }
.hero-particle.p3 { left: 31%; top: 67%; animation: heroParticleC 6.9s ease-in-out infinite; }
.hero-particle.p4 { left: 69%; top: 62%; animation: heroParticleD 9.4s ease-in-out infinite; }

.hero-energy-core {
  display: none;
}

.hero-floating-cube {
  left: 50%;
  top: 58%;
  width: 132px;
  height: 132px;
  transform: translate(-50%, -50%);
  z-index: 3;
  animation: heroCubeFloat 6.2s ease-in-out infinite;
  display: none;
}

.hero-art {
  opacity: 0;
  pointer-events: none;
}

.hero-overlay {
  background:
    radial-gradient(ellipse at 50% 38%, rgba(136, 190, 255, .14), rgba(136, 190, 255, 0) 30%),
    radial-gradient(ellipse at 50% 58%, rgba(168, 210, 255, .08), rgba(168, 210, 255, 0) 28%),
    radial-gradient(circle at 50% 16%, rgba(140, 184, 255, .14), transparent 26%),
    radial-gradient(circle at 84% 16%, rgba(100, 146, 255, .12), transparent 24%),
    radial-gradient(circle at 50% 56%, rgba(198, 240, 255, .08), transparent 20%),
    radial-gradient(circle at 50% 90%, rgba(222,239,255,.18), transparent 26%),
    radial-gradient(ellipse at 50% 83%, rgba(192, 230, 255, .24), rgba(192, 230, 255, 0) 38%),
    radial-gradient(ellipse at 58% 84%, rgba(126, 208, 255, .24), rgba(126, 208, 255, 0) 48%),
    radial-gradient(ellipse at 72% 82%, rgba(92, 166, 255, .2), rgba(92, 166, 255, 0) 42%),
    linear-gradient(180deg, rgba(255,255,255,0) 67%, rgba(156, 210, 255, .18) 81%, rgba(223, 238, 255, .28) 100%),
    linear-gradient(180deg, rgba(16, 44, 172, .12) 0%, rgba(32, 84, 248, .08) 14%, rgba(8,20,66,.24) 30%, rgba(18,84,214,.16) 62%, rgba(220,233,255,.1) 100%);
}

.nav {
  border-bottom: 1px solid rgba(210, 228, 255, .13);
}

.brand-mark {
  border-color: rgba(219, 233, 255, .44);
  background: linear-gradient(145deg, rgba(255,255,255,.16), rgba(62,118,255,.16));
  box-shadow: 0 0 22px rgba(58, 110, 255, .18);
}

.nav nav a {
  color: rgba(241, 247, 255, .78);
}

.nav-actions {
  color: rgba(240, 246, 255, .76);
}

.hero-floating-cube span {
  position: absolute;
  inset: 0;
  border-radius: 24px;
  border: 1px solid rgba(171,220,255,.32);
  background: linear-gradient(145deg, rgba(255,255,255,.12), rgba(37,135,255,.1));
  box-shadow: inset 0 1px rgba(255,255,255,.2), 0 18px 44px rgba(8,27,86,.2);
  backdrop-filter: blur(14px);
}

.hero-floating-cube span:nth-child(2) {
  transform: translate(14px, -14px) scale(.92);
  opacity: .4;
}

.hero-floating-cube span:nth-child(3) {
  transform: translate(-12px, 12px) scale(.88);
  opacity: .22;
}

.nav nav a,
.nav-actions button,
.hero-cta button,
.glass-card,
.metric,
.about-feature,
.network-map .node,
.partner,
.board-meta button,
.news-card,
.outline-btn,
.cta-card button,
.footer-links a,
.social i {
  transition:
    transform .32s cubic-bezier(.2,.8,.2,1),
    box-shadow .32s cubic-bezier(.2,.8,.2,1),
    border-color .32s ease,
    color .32s ease,
    background .32s ease,
    opacity .32s ease,
    filter .32s ease;
}

.nav nav a:hover {
  color: #fff;
  transform: translateY(-2px);
  text-shadow: 0 0 18px rgba(140,178,255,.4);
}

.nav-actions button:hover,
.hero-cta button:hover,
.outline-btn:hover,
.board-meta button:hover,
.cta-card button:hover {
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 18px 42px rgba(18,58,183,.22);
}

.glass-card:hover,
.metric:hover,
.about-feature:hover,
.partner:hover,
.news-card:hover {
  transform: translateY(-10px) scale(1.015);
}

.glass-card:hover {
  border-color: rgba(218,232,255,.58);
  box-shadow: 0 30px 70px rgba(11,24,74,.26), inset 0 1px rgba(255,255,255,.3), 0 0 0 1px rgba(173,197,255,.14);
}

.metric:hover {
  border-color: rgba(74,110,242,.22);
  box-shadow: 0 24px 56px rgba(32,61,172,.12);
}

.metric:hover b {
  background: linear-gradient(180deg,#1630b6,#4a75ff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.about-feature:hover {
  box-shadow: 0 24px 58px rgba(18,58,183,.12);
}

.network-map .node {
  cursor: pointer;
}

.network-map .node:hover {
  transform: scale(1.6);
  box-shadow: 0 0 24px rgba(82,118,255,.95);
}

.partner {
  position: relative;
}

.partner::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,.14), transparent 46%);
  opacity: 0;
  transition: opacity .3s ease;
}

.partner:hover {
  border-color: rgba(208,223,255,.38);
  box-shadow: 0 18px 36px rgba(7,18,72,.24), inset 0 1px rgba(255,255,255,.16);
  filter: saturate(1.08);
}

.partner:hover::after {
  opacity: 1;
}

.news-card,
.story-card {
  position: relative;
}

.news-card::after,
.story-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, transparent 0 58%, rgba(255,255,255,.14) 58.4%, transparent 59%);
  opacity: 0;
  transition: opacity .35s ease;
  pointer-events: none;
}

.news-card:hover,
.story-card:hover {
  box-shadow: 0 28px 62px rgba(18,58,183,.14);
}

.news-card:hover::after,
.story-card:hover::after {
  opacity: 1;
}

.news-card:hover .feature-photo,
.story-card:hover .story-photo {
  filter: saturate(1.06) brightness(1.06);
}

.social i:hover {
  transform: translateY(-4px) scale(1.08);
  box-shadow: 0 10px 24px rgba(255,255,255,.16);
}

.footer-links a:hover {
  color: #fff;
  transform: translateX(4px);
}

@keyframes heroBackgroundShift {
  0% { transform: translate3d(-1.2%, 0, 0) scale(1); opacity: .82; }
  100% { transform: translate3d(1.2%, -1%, 0) scale(1.03); opacity: 1; }
}

@keyframes heroCorePulse {
  0%, 100% { transform: translate(-50%, -50%) scale(.94); opacity: .72; }
  50% { transform: translate(-50%, -50%) scale(1.06); opacity: 1; }
}

@keyframes heroCubeFloat {
  0%, 100% { transform: translate(-50%, -50%) rotate(-8deg) translateY(0); }
  50% { transform: translate(-50%, -50%) rotate(-4deg) translateY(-14px); }
}

@keyframes heroOrbitSpinA {
  from { transform: translate(-50%, -50%) rotate(0deg) rotateX(68deg); opacity: .9; }
  to { transform: translate(-50%, -50%) rotate(360deg) rotateX(68deg); opacity: .9; }
}

@keyframes heroOrbitSpinB {
  from { transform: translate(-50%, -50%) rotate(0deg) rotateY(76deg); opacity: .78; }
  to { transform: translate(-50%, -50%) rotate(-360deg) rotateY(76deg); opacity: .78; }
}

@keyframes heroOrbitSpinC {
  from { transform: translate(-50%, -50%) rotate(16deg) rotateX(74deg); opacity: .66; }
  to { transform: translate(-50%, -50%) rotate(376deg) rotateX(74deg); opacity: .66; }
}

@keyframes heroParticleA {
  0%, 100% { transform: translate3d(0, 0, 0) scale(.9); opacity: .7; }
  50% { transform: translate3d(22px, -14px, 0) scale(1.3); opacity: 1; }
}

@keyframes heroParticleB {
  0%, 100% { transform: translate3d(0, 0, 0) scale(.95); opacity: .72; }
  50% { transform: translate3d(-28px, 18px, 0) scale(1.24); opacity: 1; }
}

@keyframes heroParticleC {
  0%, 100% { transform: translate3d(0, 0, 0) scale(.82); opacity: .66; }
  50% { transform: translate3d(18px, -22px, 0) scale(1.22); opacity: .96; }
}

@keyframes heroParticleD {
  0%, 100% { transform: translate3d(0, 0, 0) scale(.88); opacity: .68; }
  50% { transform: translate3d(-18px, 14px, 0) scale(1.18); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-bg-flow,
  .hero-energy-core,
  .hero-floating-cube,
  .nav nav a,
  .nav-actions button,
  .hero-cta button,
  .glass-card,
  .metric,
  .about-feature,
  .network-map .node,
  .partner,
  .news-card,
  .outline-btn,
  .cta-card button,
  .footer-links a,
  .social i {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}

/* V10 authoritative final cascade. */

/* V17 About overview: copy hierarchy and motion-ready component structure. */
.about-v17 {
  height: auto;
  min-height: 1050px;
  padding-bottom: 118px;
  background:
    radial-gradient(circle at 76% 42%, rgba(219,228,255,.42), transparent 28%),
    linear-gradient(180deg,#f3f5f8 0%,#edf1f8 100%);
}

.about-v17 .split-heading {
  height: auto;
  min-height: 264px;
  display: grid;
  grid-template-columns: 430px minmax(0, 1fr);
  gap: 112px;
  align-items: start;
  padding-bottom: 58px;
}

.about-v17 .about-title h2 {
  margin-top: 20px;
  font-size: 58px;
  line-height: 1.08;
  color: var(--blue);
}

.about-v17 .about-intro {
  max-width: 760px;
  padding-top: 2px;
}

.about-v17 .about-intro h3 {
  max-width: 720px;
  font-size: 28px;
  line-height: 1.42;
  letter-spacing: -.5px;
  font-weight: 700;
  color: #10163e;
}

.about-v17 .about-route {
  position: relative;
  margin-top: 18px;
  padding-left: 18px;
  font-size: 17px;
  line-height: 1.7;
  font-weight: 650;
  color: #2452c8;
}

.about-v17 .about-route::before {
  content: "";
  position: absolute;
  left: 0;
  top: .72em;
  width: 8px;
  height: 2px;
  border-radius: 2px;
  background: #2452c8;
}

.about-v17 .about-description {
  max-width: 740px;
  margin-top: 16px;
  font-size: 16px;
  line-height: 1.95;
  color: #66708f;
}

.about-v17 .about-grid {
  height: 560px;
  grid-template-columns: 1.12fr 1fr;
  gap: 24px;
}

.about-v17 .about-feature {
  padding: 42px 46px;
  border-color: rgba(48,76,156,.1);
  background:
    radial-gradient(circle at 78% 53%, rgba(77,120,230,.12), transparent 31%),
    linear-gradient(145deg,#ffffff 0%,#f1f5ff 100%);
  box-shadow: 0 24px 70px rgba(38,61,129,.09);
}

.about-v17 .feature-top span {
  color: #2452c8;
  letter-spacing: 2.2px;
}

.about-v17 .feature-top b {
  max-width: 390px;
  margin-top: 20px;
  font-size: 32px;
  line-height: 1.42;
}

.about-v17 .network-map {
  width: 445px;
  height: 445px;
  right: -18px;
  top: 70px;
  opacity: .92;
}

.about-v17 .network-map em {
  left: 162px;
  top: 182px;
}

.about-v17 .network-map small {
  left: 151px;
  top: 220px;
  width: 130px;
  color: #69779b;
}

.about-v17 .feature-foot {
  left: 46px;
  right: 46px;
  bottom: 34px;
  font-size: 14px;
  letter-spacing: .2px;
  color: #5f6d91;
}

.about-v17 .metric-grid {
  gap: 24px;
}

.about-v17 .metric {
  padding: 34px 34px 30px;
  border-color: rgba(48,76,156,.1);
  border-radius: 28px;
  background: rgba(255,255,255,.86);
  box-shadow: 0 18px 48px rgba(38,61,129,.07);
  isolation: isolate;
}

.about-v17 .metric::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  height: 4px;
  background: linear-gradient(90deg,#1648dc,#7398ff);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .42s cubic-bezier(.2,.8,.2,1);
}

.about-v17 .metric:hover::before {
  transform: scaleX(1);
}

.about-v17 .metric > span {
  font-size: 15px;
  font-weight: 600;
  color: #596685;
}

.about-v17 .metric b {
  margin-top: 26px;
  font-size: 60px;
  letter-spacing: -3.5px;
  color: #0f1746;
}

.about-v17 .metric b sup {
  margin-left: 7px;
  font-size: 18px;
  color: #3158c9;
}

.about-v17 .metric small {
  left: 34px;
  bottom: 30px;
  font-size: 9px;
  letter-spacing: 1.35px;
  color: #8892ad;
}

.about-v17 .metric > i {
  right: 25px;
  top: 25px;
  color: #9aa4bd;
}

.about-v17 .metric.primary,
.about-v17 .metric.accent {
  border-color: rgba(48,76,156,.1);
  background: rgba(255,255,255,.86);
}

.about-v17 .metric.accent::after {
  display: none;
}

.about-v17 .metric:hover b {
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  color: #0f1746;
}

.about-v17 .metric:hover .number {
  color: #1648dc;
}

@media (max-width: 1100px) {
  .about-v17 .split-heading {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .about-v17 .about-intro {
    max-width: 820px;
  }

  .about-v17 .about-grid {
    height: auto;
    grid-template-columns: 1fr;
  }

  .about-v17 .about-feature {
    min-height: 520px;
  }

  .about-v17 .metric-grid {
    min-height: 520px;
  }
}
.hero-transition-curve {
  left: 0;
  top: 1100px;
  bottom: auto;
  width: 1920px;
  height: 260px;
  transform: none;
  z-index: 1;
  border-radius: 0;
  background: var(--ice);
  box-shadow: none;
}

.hero-transition-curve::before,
.hero-transition-curve::after {
  display: none;
}

/* V23 authoritative final cascade: Hero-to-About continuity. */
.about-v17 {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(ellipse 980px 340px at 50% -7%, rgba(72,126,255,.18) 0%, rgba(122,163,255,.09) 38%, rgba(243,247,255,0) 74%),
    radial-gradient(ellipse 620px 210px at 75% 15%, rgba(198,216,255,.32) 0%, rgba(237,243,255,0) 72%),
    linear-gradient(180deg, #f3f7ff 0%, #f3f6fd 30%, #edf1f8 100%);
}

.about-v17::before,
.about-v17::after {
  content: "";
  position: absolute;
  left: 50%;
  z-index: 0;
  pointer-events: none;
  border-radius: 50%;
  transform: translateX(-50%);
}

.about-v17::before {
  top: -302px;
  width: 1720px;
  height: 520px;
  border: 1px solid rgba(39,91,215,.12);
  box-shadow:
    0 20px 70px rgba(67,118,232,.07),
    inset 0 -18px 54px rgba(104,148,244,.05);
}

.about-v17::after {
  top: -188px;
  width: 1160px;
  height: 358px;
  border: 1px solid rgba(75,131,244,.10);
  box-shadow: 0 18px 56px rgba(72,126,232,.05);
}

.about-v17 > .container {
  position: relative;
  z-index: 1;
}

/* V24 authoritative visual system.
   Four blue roles, two heading tiers, three card elevations, and pill actions. */
:root {
  --brand-ink: #07163d;
  --brand-deep: #0a2b78;
  --brand-klein: #1648dc;
  --brand-bright: #4b76ff;
  --brand-ice: #f3f7ff;
  --brand-mist: #e8efff;
  --brand-line: rgba(41, 82, 183, .13);
  --radius-large: 28px;
  --radius-medium: 22px;
  --radius-small: 16px;
  --shadow-large: 0 24px 64px rgba(15, 41, 118, .09);
  --shadow-medium: 0 16px 40px rgba(15, 41, 118, .07);
  --shadow-small: 0 8px 20px rgba(15, 41, 118, .045);
  --shadow-action: 0 12px 30px rgba(22, 72, 220, .18);
}

.section-heading .eyebrow,
.about-v17 .eyebrow,
.cta-card .eyebrow {
  font-size: 13px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 2.2px;
  color: var(--brand-klein);
}

.section-heading .eyebrow > span,
.about-v17 .eyebrow > span,
.cta-card .eyebrow > span {
  width: 34px;
  height: 1px;
  background: linear-gradient(90deg, var(--brand-klein), rgba(75, 118, 255, .35));
}

.about-v17 .about-title h2,
.partners .section-heading h2,
.news-v22 .section-heading h2 {
  margin-top: 18px;
  font-size: 58px;
  line-height: 1.08;
  font-weight: 720;
  letter-spacing: -2.8px;
}

.partners .section-heading h2,
.news-v22 .section-heading h2 {
  color: var(--brand-ink);
}

.about-v17 .about-title h2 {
  color: var(--brand-klein);
}

.cta-card h2 {
  margin-top: 16px;
  font-size: 48px;
  line-height: 1.16;
  font-weight: 720;
  letter-spacing: -2px;
  color: var(--brand-ink);
}

.glass-card {
  border-radius: var(--radius-medium);
}

.about-v17 .about-feature,
.news-v22 .news-v22-card,
.cta-card {
  border-radius: var(--radius-large);
  box-shadow: var(--shadow-large);
}

.about-v17 .metric {
  border-radius: var(--radius-medium);
  border-color: var(--brand-line);
  box-shadow: var(--shadow-medium);
}

.partners .partner {
  border-radius: var(--radius-small);
  box-shadow: var(--shadow-small);
}

.partners .partner.partner-highlight {
  box-shadow:
    0 10px 24px rgba(22, 72, 220, .12),
    inset 0 1px 0 rgba(255, 255, 255, .78);
}

.nav-actions button,
.hero-cta button,
.board-meta button,
.outline-btn,
.cta-card button {
  border-radius: 999px;
  box-shadow: var(--shadow-action);
}

.outline-btn {
  border-color: rgba(22, 72, 220, .18);
  background: rgba(255, 255, 255, .72);
  color: var(--brand-klein);
}

.board-meta button,
.cta-card button {
  background: linear-gradient(135deg, var(--brand-klein), var(--brand-bright));
}

.news-v22 .tag {
  background: var(--brand-mist);
  color: var(--brand-klein);
}

.about-v17 .metric b sup,
.about-v17 .metric:hover .number {
  color: var(--brand-klein);
}

/* V25 · CTA 突出与页脚降权
   只调整页面收尾阶段的视觉层级，不改变文案、结构或组件尺寸。 */
.cta-zone {
  background: linear-gradient(180deg, #e7efff 0%, #dce7f8 100%);
}

.cta-card {
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  border: 1px solid rgba(22, 72, 220, 0.1);
  box-shadow:
    0 34px 86px rgba(7, 22, 61, 0.17),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.cta-card h2 {
  color: var(--brand-ink);
}

.cta-card p {
  color: #596a8e;
}

.cta-card button {
  background: linear-gradient(135deg, var(--brand-klein), var(--brand-bright));
  box-shadow: 0 16px 38px rgba(22, 72, 220, 0.28);
}

.footer {
  background: linear-gradient(180deg, #c3d7ff 0%, #9dbfff 32%, #6fa0ff 68%, #3875ea 100%);
  color: rgba(246, 249, 255, 0.9);
}

.footer::before {
  background:
    radial-gradient(circle at 10% 0%, rgba(116, 151, 211, 0.1), transparent 32%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 32%);
}

.footer-main {
  border-bottom-color: rgba(226, 236, 255, 0.12);
}

.footer .brand {
  color: rgba(248, 251, 255, 0.92);
}

.footer .brand-mark.light {
  border-color: rgba(226, 236, 255, 0.46);
  background: rgba(255, 255, 255, 0.07);
  color: #dce7ff;
}

.footer .brand small,
.footer-brand p,
.footer-links a {
  color: rgba(226, 235, 250, 0.64);
}

.footer-links b {
  color: rgba(248, 251, 255, 0.86);
}

.social i {
  border-color: rgba(226, 236, 255, 0.12);
  background: rgba(255, 255, 255, 0.08);
  color: rgba(246, 249, 255, 0.72);
}

.footer-bottom {
  color: rgba(218, 229, 247, 0.48);
}

.footer-giant {
  color: rgba(190, 210, 239, 0.045);
}

/* V26 · Unified content reveal rhythm
   Hero keeps its ambient motion; content sections share one quiet entrance language. */
:root {
  --reveal-duration: 640ms;
  --reveal-distance: 18px;
  --reveal-ease: cubic-bezier(.2, .72, .2, 1);
}

.scroll-reveal {
  opacity: 0;
  transform: translate3d(0, var(--reveal-distance), 0);
  transition:
    opacity var(--reveal-duration) var(--reveal-ease),
    transform var(--reveal-duration) var(--reveal-ease);
  transition-delay: var(--reveal-delay, 0ms);
  will-change: opacity, transform;
}

.scroll-reveal.is-revealed {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    transition-delay: 0ms !important;
  }

  .scroll-reveal,
  .scroll-reveal.is-revealed,
  .cta-card.cta-motion-ready,
  .cta-card.cta-motion-ready > div:first-child .eyebrow,
  .cta-card.cta-motion-ready > div:first-child h2,
  .cta-card.cta-motion-ready > div:first-child p,
  .cta-card.cta-motion-ready > button,
  .cta-card.cta-motion-ready .cta-orbit {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
    will-change: auto;
  }

  .cta-card.cta-motion-ready {
    transform: translate(-50%, 0) !important;
  }
}

/* V27 · Latest insights as one live digital viewport. */
#page { height: 5790px; }

.news-v27 {
  height: 1240px;
  padding: 115px 0 105px;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 55%, rgba(64, 118, 255, .11), transparent 35%),
    radial-gradient(circle at 91% 8%, rgba(54, 100, 236, .07), transparent 25%),
    linear-gradient(180deg, #f5f8ff 0%, #edf3ff 100%);
}

.news-v27 .news-heading {
  height: 170px;
}

.news-viewport {
  --px: 0px;
  --py: 0px;
  position: relative;
  width: 1560px;
  height: 820px;
  padding: 30px 60px;
  overflow: hidden;
  border: 1px solid rgba(22, 72, 220, .14);
  border-radius: 64px;
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 34px 80px rgba(29, 66, 145, .11), inset 0 1px 0 rgba(255,255,255,.92);
  backdrop-filter: blur(10px);
  opacity: 0;
  transform: translate3d(0, 22px, 0) scale(.988);
  transition: opacity 780ms cubic-bezier(.2,.72,.2,1), transform 900ms cubic-bezier(.2,.72,.2,1);
}

.news-v27.is-active .news-viewport {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

.news-matrix {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(3, 480px);
  grid-template-rows: repeat(2, 380px);
  width: 1440px;
  height: 760px;
}

.news-window {
  position: relative;
  place-self: center;
  width: 420px;
  height: 315px;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.42);
  border-radius: 15px;
  background: #061d56;
  box-shadow: 0 18px 42px rgba(7,22,61,.14);
  opacity: 0;
  transform: translate3d(0, 22px, 0) scale(.97);
  transition:
    opacity 650ms cubic-bezier(.2,.72,.2,1),
    transform 650ms cubic-bezier(.2,.72,.2,1),
    filter 320ms ease,
    border-color 320ms ease,
    box-shadow 320ms ease;
  transition-delay: calc(260ms + var(--news-order) * 85ms);
  isolation: isolate;
}

.news-v27.is-active .news-window {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

.news-window::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(180deg, rgba(2,16,51,0) 37%, rgba(2,16,51,.18) 58%, rgba(2,16,51,.95) 100%);
  pointer-events: none;
}

.news-window img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  filter: saturate(.9) contrast(1.03);
  transform: scale(1.001);
  transition: transform 720ms cubic-bezier(.2,.72,.2,1), filter 420ms ease;
}

.news-window-copy {
  position: absolute;
  z-index: 4;
  left: 24px;
  right: 24px;
  bottom: 20px;
  color: #fff;
  transform: translateY(0);
  transition: transform 420ms cubic-bezier(.2,.72,.2,1);
}

.news-window-copy time {
  display: block;
  margin-bottom: 8px;
  color: rgba(236,244,255,.72);
  font: 600 11px/1.2 Arial, sans-serif;
  letter-spacing: .12em;
}

.news-window-copy h3 {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #fff;
  font-size: 19px;
  line-height: 1.42;
  letter-spacing: -.02em;
  text-wrap: balance;
}

.news-signal {
  position: absolute;
  z-index: 4;
  left: 24px;
  top: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgba(255,255,255,.72);
  font: 700 10px/1 Arial, sans-serif;
  letter-spacing: .16em;
  transition: color 320ms ease, text-shadow 320ms ease;
}

.news-signal i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #8cc8ff;
  box-shadow: 0 0 12px #69aaff;
  animation: newsPulse 2.8s ease-in-out infinite;
  animation-delay: calc(var(--news-order) * -360ms);
}

.news-glint {
  position: absolute;
  z-index: 3;
  top: -35%;
  bottom: -35%;
  left: -38%;
  width: 24%;
  transform: skewX(-18deg) translateX(0);
  background: linear-gradient(90deg, transparent, rgba(190,225,255,.32), transparent);
  opacity: 0;
  pointer-events: none;
}

.news-matrix:hover .news-window:not(:hover) {
  filter: brightness(.76) saturate(.76);
}

.news-window:hover {
  z-index: 6;
  border-color: rgba(125,190,255,.64);
  box-shadow: 0 24px 58px rgba(6,31,94,.22), 0 0 0 1px rgba(95,168,255,.18), 0 0 30px rgba(64,133,255,.16);
  transform: translate3d(0, -4px, 0) scale(1.012);
}

.news-window:hover img {
  transform: scale(1.035);
  filter: saturate(1) contrast(1.05) brightness(1.02);
}

.news-window:hover .news-window-copy { transform: translateY(-4px); }
.news-window:hover .news-signal { color: #fff; text-shadow: 0 0 12px rgba(112,185,255,.7); }
.news-window:hover .news-glint { opacity: 1; animation: newsGlint 900ms cubic-bezier(.2,.72,.2,1) both; }

.news-matrix > .news-window:not(:nth-child(3n))::before {
  content: "";
  position: absolute;
  z-index: -2;
  right: -31px;
  top: -28px;
  width: 1px;
  height: 371px;
  background: linear-gradient(transparent, rgba(38,84,190,.13) 18%, rgba(38,84,190,.13) 82%, transparent);
}

.news-matrix::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: -60px;
  right: -60px;
  top: 379px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(38,84,190,.14) 7%, rgba(38,84,190,.14) 93%, transparent);
}

.news-crosshair,
.news-scan,
.news-ticks,
.news-ambient-glow {
  pointer-events: none;
}

.news-crosshair {
  position: absolute;
  z-index: 1;
  inset: 0;
  transform: translate3d(var(--px), var(--py), 0);
  transition: transform 180ms ease-out;
}

.news-crosshair i,
.news-crosshair b { position: absolute; display: block; opacity: .72; }
.news-crosshair i {
  left: 50%; top: 0; bottom: 0; width: 1px;
  background: linear-gradient(transparent, rgba(34,83,199,.15) 9%, rgba(34,83,199,.15) 91%, transparent);
}
.news-crosshair b {
  top: 50%; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(34,83,199,.15) 7%, rgba(34,83,199,.15) 93%, transparent);
}

.news-scan {
  position: absolute;
  z-index: 5;
  top: 26px;
  bottom: 26px;
  left: 0;
  width: 1px;
  opacity: 0;
  background: linear-gradient(transparent 2%, rgba(120,187,255,.05), rgba(120,187,255,.72), rgba(120,187,255,.05), transparent 98%);
  box-shadow: 0 0 20px rgba(75,145,255,.55);
}

.news-v27.is-active .news-scan {
  animation: newsScan 7.8s 1.2s cubic-bezier(.45,0,.55,1) infinite;
}

.news-ticks {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 13px;
  width: 360px;
  height: 8px;
  opacity: 0;
  transform: translateX(-50%) scaleX(.25);
  transform-origin: center;
  background: repeating-linear-gradient(90deg, #3867d3 0 1px, transparent 1px 18px);
  transition: opacity 620ms 180ms ease, transform 850ms 180ms cubic-bezier(.2,.72,.2,1);
}

.news-v27.is-active .news-ticks { opacity: .35; transform: translateX(-50%) scaleX(1); }

.news-ambient-glow {
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  width: 620px;
  height: 320px;
  border-radius: 50%;
  background: rgba(79,137,255,.11);
  filter: blur(65px);
  transform: translate3d(calc(-50% + var(--px) * .55), calc(-50% + var(--py) * .55), 0);
  transition: transform 260ms ease-out;
  animation: newsGlow 7s ease-in-out infinite alternate;
}

.news-coordinate {
  position: absolute;
  z-index: 6;
  color: rgba(22,72,220,.45);
  font: 700 10px/1 Arial, sans-serif;
  letter-spacing: .18em;
  opacity: 0;
  transition: opacity 600ms 560ms ease;
}

.news-v27.is-active .news-coordinate { opacity: 1; }
.coordinate-a { left: 31px; top: 27px; }
.coordinate-b { right: 28px; top: 27px; }
.coordinate-c { left: 31px; bottom: 25px; }
.coordinate-d { right: 28px; bottom: 25px; }

@keyframes newsPulse {
  0%, 100% { opacity: .62; transform: scale(.84); box-shadow: 0 0 8px rgba(105,170,255,.58); }
  50% { opacity: 1; transform: scale(1.12); box-shadow: 0 0 18px rgba(105,170,255,.92); }
}

@keyframes newsGlint {
  from { transform: skewX(-18deg) translateX(0); }
  to { transform: skewX(-18deg) translateX(610%); }
}

@keyframes newsScan {
  0% { left: 2%; opacity: 0; }
  8% { opacity: .72; }
  48% { opacity: .45; }
  78% { left: 98%; opacity: .72; }
  86%, 100% { left: 98%; opacity: 0; }
}

@keyframes newsGlow {
  from { opacity: .58; filter: blur(68px); }
  to { opacity: .95; filter: blur(54px); }
}

@media (prefers-reduced-motion: reduce) {
  .news-viewport,
  .news-window,
  .news-ticks,
  .news-coordinate {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  .news-scan,
  .news-glint { display: none !important; }
  .news-signal i,
  .news-ambient-glow { animation: none !important; }
  .news-crosshair,
  .news-ambient-glow { transform: none !important; transition: none !important; }
}

/* V28 · Proportional desktop canvas + stronger news interaction. */
html {
  min-width: 0;
  width: 100%;
  overflow-x: hidden;
  background: var(--ice);
}

body {
  min-width: 0;
  width: 100%;
  overflow-x: hidden;
  display: block;
}

#page {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -960px;
  transform: scale(var(--page-scale, 1));
  transform-origin: top center;
}

.news-viewport {
  --cursor-x: 50%;
  --cursor-y: 50%;
  perspective: 1100px;
  cursor: crosshair;
}

.news-viewport::after {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle 190px at var(--cursor-x) var(--cursor-y), rgba(87,155,255,.18), rgba(87,155,255,.055) 42%, transparent 74%);
  opacity: 0;
  transition: opacity 260ms ease;
  pointer-events: none;
}

.news-viewport.is-pointer-active::after { opacity: 1; }

.news-reticle {
  position: absolute;
  z-index: 8;
  left: var(--cursor-x);
  top: var(--cursor-y);
  width: 34px;
  height: 34px;
  border: 1px solid rgba(117,185,255,.58);
  border-radius: 50%;
  opacity: 0;
  transform: translate(-50%, -50%) scale(.72);
  box-shadow: 0 0 22px rgba(74,143,255,.22);
  transition: opacity 180ms ease, transform 240ms cubic-bezier(.2,.72,.2,1);
  pointer-events: none;
}

.news-reticle::before,
.news-reticle::after,
.news-reticle i,
.news-reticle b {
  content: "";
  position: absolute;
  display: block;
  background: rgba(117,185,255,.72);
}

.news-reticle::before { left: -8px; top: 50%; width: 10px; height: 1px; }
.news-reticle::after { right: -8px; top: 50%; width: 10px; height: 1px; }
.news-reticle i { top: -8px; left: 50%; width: 1px; height: 10px; }
.news-reticle b { bottom: -8px; left: 50%; width: 1px; height: 10px; }
.news-viewport.is-pointer-active .news-reticle { opacity: .82; transform: translate(-50%, -50%) scale(1); }

.news-scan {
  width: 190px;
  border: 0;
  background: linear-gradient(90deg, transparent, rgba(102,175,255,.04) 22%, rgba(132,198,255,.20) 50%, rgba(102,175,255,.04) 78%, transparent);
  box-shadow: none;
  mix-blend-mode: screen;
}

.news-v27.is-active .news-scan {
  animation: newsScanStrong 5.4s 900ms cubic-bezier(.45,0,.55,1) infinite;
}

.news-window {
  --rx: 0deg;
  --ry: 0deg;
  --hx: 50%;
  --hy: 50%;
  transition:
    opacity 650ms cubic-bezier(.2,.72,.2,1),
    transform 420ms cubic-bezier(.2,.72,.2,1),
    filter 360ms ease,
    border-color 360ms ease,
    box-shadow 360ms ease;
}

.news-window::before {
  content: "";
  position: absolute;
  z-index: 3;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle 150px at var(--hx) var(--hy), rgba(165,216,255,.24), transparent 66%);
  opacity: 0;
  transition: opacity 260ms ease;
  pointer-events: none;
}

.news-window::after {
  z-index: 2;
}

.news-matrix:hover .news-window:not(:hover) {
  filter: brightness(.58) saturate(.64);
  transform: scale(.982);
}

.news-window:hover {
  z-index: 9;
  border-color: rgba(139,207,255,.92);
  box-shadow:
    0 34px 76px rgba(6,31,94,.32),
    0 0 0 2px rgba(95,168,255,.26),
    0 0 42px rgba(64,133,255,.26);
  transform: translate3d(0, -12px, 42px) scale(1.035) rotateX(var(--rx)) rotateY(var(--ry));
}

.news-window:hover::before { opacity: 1; }
.news-window:hover img { transform: scale(1.075); filter: saturate(1.08) contrast(1.07) brightness(1.05); }
.news-window:hover .news-window-copy { transform: translateY(-8px); }
.news-window:hover .news-signal { color: #fff; letter-spacing: .2em; }
.news-window:hover .news-signal i { background: #d6f1ff; box-shadow: 0 0 7px #fff, 0 0 24px #69aaff; }

.news-window-copy::after {
  content: "OPEN STORY  →";
  display: block;
  height: 0;
  margin-top: 0;
  overflow: hidden;
  color: rgba(221,240,255,.9);
  font: 700 10px/1 Arial, sans-serif;
  letter-spacing: .14em;
  opacity: 0;
  transform: translateY(5px);
  transition: height 320ms ease, margin-top 320ms ease, opacity 320ms ease, transform 320ms ease;
}

.news-window:hover .news-window-copy::after {
  height: 10px;
  margin-top: 10px;
  opacity: 1;
  transform: translateY(0);
}

.news-crosshair {
  opacity: .92;
}

.news-viewport.is-pointer-active .news-crosshair i {
  left: var(--cursor-x);
  background: linear-gradient(transparent, rgba(74,137,234,.06) 18%, rgba(74,137,234,.24) 50%, rgba(74,137,234,.06) 82%, transparent);
}

.news-viewport.is-pointer-active .news-crosshair b {
  top: var(--cursor-y);
  background: linear-gradient(90deg, transparent, rgba(74,137,234,.06) 18%, rgba(74,137,234,.24) 50%, rgba(74,137,234,.06) 82%, transparent);
}

.news-matrix.has-focus .news-window:not(.is-focused) {
  filter: brightness(.58) saturate(.64);
  transform: scale(.982);
}

.news-v27.is-active .news-window.is-focused {
  z-index: 9;
  border-color: rgba(139,207,255,.92);
  box-shadow: 0 34px 76px rgba(6,31,94,.32), 0 0 0 2px rgba(95,168,255,.26), 0 0 42px rgba(64,133,255,.26);
  transform: translate3d(0, -12px, 42px) scale(1.035) rotateX(var(--rx)) rotateY(var(--ry));
}

.news-window.is-focused::before { opacity: 1; }
.news-window.is-focused img { transform: scale(1.075); filter: saturate(1.08) contrast(1.07) brightness(1.05); }
.news-window.is-focused .news-window-copy { transform: translateY(-8px); }
.news-window.is-focused .news-signal { color: #fff; letter-spacing: .2em; }
.news-window.is-focused .news-signal i { background: #d6f1ff; box-shadow: 0 0 7px #fff, 0 0 24px #69aaff; }
.news-window.is-focused .news-window-copy::after { height: 10px; margin-top: 10px; opacity: 1; transform: translateY(0); }

@keyframes newsScanStrong {
  0% { left: -12%; opacity: 0; }
  7% { opacity: .25; }
  18% { opacity: .82; }
  72% { opacity: .72; }
  86% { left: 100%; opacity: .20; }
  92%, 100% { left: 100%; opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  #page { transition: none !important; }
  .news-reticle,
  .news-viewport::after,
  .news-window::before { display: none !important; }
  .news-window:hover { transform: none !important; }
  .news-window:hover img { transform: none !important; }
  .news-v27.is-active .news-window.is-focused,
  .news-window.is-focused img { transform: none !important; }
}

/* V29 · The former decorative scale is now a real six-story page controller. */
.news-pages-stage {
  position: relative;
  z-index: 3;
  width: 1440px;
  height: 760px;
  overflow: hidden;
  touch-action: pan-y;
}

.news-pages-track {
  display: flex;
  width: max-content;
  height: 760px;
  transform: translate3d(calc(var(--news-page, 0) * -1440px), 0, 0);
  transition: transform 760ms cubic-bezier(.22,.72,.18,1);
  will-change: transform;
}

.news-pages-track.is-dragging {
  transition: none;
  cursor: grabbing;
}

.news-page {
  flex: 0 0 1440px;
}

.news-pagination {
  --page-progress: 0;
  position: absolute;
  z-index: 12;
  left: 50%;
  top: 8px;
  display: grid;
  grid-template-columns: repeat(2, 126px);
  width: 252px;
  height: 27px;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(43,91,205,.16);
  border-radius: 999px;
  background: rgba(246,250,255,.82);
  box-shadow: 0 8px 24px rgba(24,68,166,.08), inset 0 1px rgba(255,255,255,.9);
  transform: translateX(-50%);
  backdrop-filter: blur(8px);
  cursor: grab;
  touch-action: none;
  user-select: none;
}

.news-pagination::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 7px;
  bottom: 7px;
  width: 1px;
  background: rgba(49,94,201,.13);
}

.news-pagination::after {
  content: "DRAG / PAGE";
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  color: rgba(22,72,220,.46);
  font: 700 8px/1 Arial, sans-serif;
  letter-spacing: .16em;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.news-page-dot {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  border: 0;
  padding: 0 13px;
  background: transparent;
  color: rgba(12,49,135,.38);
  font: 700 9px/1 Arial, sans-serif;
  letter-spacing: .12em;
  cursor: pointer;
}

.news-page-dot:first-of-type { justify-content: flex-start; }
.news-page-dot:nth-of-type(2) { justify-content: flex-end; }
.news-page-dot.is-active { color: #174fd8; }
.news-page-dot:focus-visible { outline: 2px solid #245bf0; outline-offset: -3px; }

.news-page-thumb {
  position: absolute;
  z-index: 1;
  left: 3px;
  top: 3px;
  width: 123px;
  height: 19px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(225,238,255,.95), rgba(202,224,255,.82));
  box-shadow: inset 0 0 0 1px rgba(40,91,218,.12), 0 3px 12px rgba(34,83,199,.10);
  transform: translate3d(calc(var(--page-progress) * 123px), 0, 0);
  transition: transform 760ms cubic-bezier(.22,.72,.18,1);
  pointer-events: none;
}

.news-pagination.is-dragging { cursor: grabbing; }
.news-pagination.is-dragging .news-page-thumb { transition: none; }

.news-viewport.is-switching .news-window {
  pointer-events: none;
}

.news-viewport.is-page-turning .news-scan {
  animation: newsPageFlash 720ms cubic-bezier(.2,.72,.2,1) both !important;
}

@keyframes newsPageFlash {
  0% { left: -12%; opacity: 0; }
  30% { opacity: .88; }
  100% { left: 100%; opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .news-pages-track,
  .news-page-thumb { transition: none !important; }
  .news-viewport.is-page-turning .news-scan { display: none !important; }
}

/* V30 · Approved 4:3 news-card composites already contain date and title. */
.news-window--composite::after {
  background: none;
}

/* V30 · Partner-logo diagonal light sweep: bottom-right to top-left. */
.partner-grid .partner {
  --logo-sweep-core: rgba(255, 255, 255, .72);
  --logo-sweep-edge: rgba(120, 168, 255, .34);
  --logo-sweep-tail: rgba(174, 210, 255, .22);
  isolation: isolate;
}

.partner-grid .partner::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: -70%;
  background: linear-gradient(
    135deg,
    transparent 40%,
    var(--logo-sweep-tail) 45%,
    var(--logo-sweep-edge) 48%,
    var(--logo-sweep-core) 50%,
    var(--logo-sweep-edge) 52%,
    var(--logo-sweep-tail) 55%,
    transparent 60%
  );
  opacity: 0;
  transform: translate3d(48%, 48%, 0);
  pointer-events: none;
  will-change: transform, opacity;
}

.partner-grid .partner:hover::after,
.partner-grid .partner:focus-within::after {
  animation: partnerLogoSweep 740ms cubic-bezier(.22, .72, .18, 1) both;
}

.partner-grid .partner.partner-highlight {
  --logo-sweep-core: rgba(255, 255, 255, .48);
  --logo-sweep-edge: rgba(120, 168, 255, .28);
  --logo-sweep-tail: rgba(174, 210, 255, .16);
}

@keyframes partnerLogoSweep {
  0% {
    opacity: 0;
    transform: translate3d(48%, 48%, 0);
  }
  16% { opacity: 1; }
  82% { opacity: 1; }
  100% {
    opacity: 0;
    transform: translate3d(-48%, -48%, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .partner-grid .partner:hover::after,
  .partner-grid .partner:focus-within::after {
    animation: none !important;
    opacity: 0 !important;
  }
}

.news-window--composite img {
  object-fit: cover;
  filter: none;
}

.news-window--composite:hover img,
.news-window--composite.is-focused img {
  filter: none;
}