@font-face {
  font-family: "Inter";
  src: url("assets/fonts/inter-latin-var.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --v5-font: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "HarmonyOS Sans SC", "Noto Sans SC", "Microsoft YaHei", sans-serif;
  --t1: clamp(34px, 6vw, 96px);
  --t2: clamp(28px, 3.4vw, 52px);
  --t3: clamp(20px, 1.8vw, 28px);
  --t4: clamp(17px, 1.35vw, 21px);
  --t5: 17px;
  --t6: 14px;
  --t7: 12px;
  --ink: #1d1d1f;
  --copy: #6e6e73;
  --mute: #86868b;
  --line: rgba(0, 0, 0, .08);
  --paper: #ffffff;
  --mist: #f5f5f7;
  --blue: #007793;
  --blue-hover: #056077;
  --blue-ring: rgba(0, 119, 147, .16);
  --gold: #cdb083;
  --night: #010507;
  --night-2: #030d11;
  --on-dark: #f5f5f7;
  --on-dark-2: rgba(245, 245, 247, .66);
  --on-dark-3: rgba(245, 245, 247, .46);
  --line-dark: rgba(255, 255, 255, .1);
  --gap: 32px;
  --margin: clamp(24px, 5vw, 120px);
  --section: clamp(104px, 12vw, 176px);
  --r-sm: 12px;
  --r-md: 20px;
  --r-lg: 28px;
  --shadow-1: 0 1px 2px rgba(0, 0, 0, .04);
  --shadow-2: 0 1px 2px rgba(0, 0, 0, .04), 0 24px 48px -24px rgba(0, 0, 0, .14);
  --ease: cubic-bezier(.2, .7, .2, 1);
  --header-h: 64px;
}

html { background: var(--mist); scroll-padding-top: 72px; }
body.v5 {
  margin: 0;
  color: var(--copy);
  background: var(--paper);
  font-family: var(--v5-font);
  font-size: var(--t5);
  line-height: 1.8;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: clip;
}
body.v5 *, body.v5 *::before, body.v5 *::after { font-family: var(--v5-font); }
body.v5 h1, body.v5 h2, body.v5 h3 { text-wrap: balance; }
body.v5 ::selection { background: rgba(0, 119, 147, .18); }
body.v5 a:focus-visible, body.v5 button:focus-visible, body.v5 summary:focus-visible { outline: 2px solid var(--blue); outline-offset: 3px; }
.nw { white-space: nowrap; }

.v5-wrap { width: min(1560px, calc(100% - 2 * var(--margin))); margin-inline: auto; }
body.v5 .container.v5-wrap { width: min(1560px, calc(100% - 2 * var(--margin))); }

.v5-reveal { opacity: 0; transform: translate3d(0, 16px, 0); transition: opacity .6s var(--ease), transform .6s var(--ease); }
.v5-reveal.is-in { opacity: 1; transform: none; }

.v5-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 0 28px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: var(--t5);
  font-weight: 600;
  line-height: 1;
  letter-spacing: .01em;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.v5-btn-sm { height: 36px; padding: 0 18px; font-size: var(--t6); }
.v5-btn-solid { color: var(--ink); background: var(--on-dark); }
.v5-btn-solid:hover { background: #fff; }
.v5-btn-line { color: var(--on-dark); border-color: rgba(255, 255, 255, .3); background: transparent; }
.v5-btn-line:hover { border-color: rgba(255, 255, 255, .6); background: rgba(255, 255, 255, .06); }
.v5-btn-blue { color: #fff; background: var(--blue); }
.v5-btn-blue:hover { background: var(--blue-hover); }

body.v5 .site-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 120;
  height: var(--header-h);
  display: flex;
  align-items: center;
  gap: 32px;
  padding: 0 max(var(--margin), calc((100% - 1560px) / 2));
  border: 0;
  border-bottom: 1px solid transparent;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: none;
  width: auto;
  top: 0;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition: background-color .3s ease, border-color .3s ease;
}
body.v5 .site-header::before,
body.v5 .site-header::after { display: none; }
body.v5 .site-header.scrolled {
  height: var(--header-h);
  background: rgba(4, 12, 16, .62);
  border-bottom-color: var(--line-dark);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  box-shadow: none;
}
body.v5 .site-header.scrolled.on-light {
  background: rgba(255, 255, 255, .72);
  border-bottom-color: var(--line);
}
body.v5 .site-header .brand { padding: 0; border: 0; background: none; box-shadow: none; }
body.v5 .site-header .brand-logo { height: 28px; width: auto; max-width: none; filter: none; opacity: 1; }
body.v5 .site-header.on-light .brand-logo { filter: invert(1) hue-rotate(180deg) saturate(1.3); }
body.v5 .desktop-nav { gap: 32px; margin-inline: auto; }
body.v5 .desktop-nav a {
  padding: 4px 0;
  color: var(--on-dark-2);
  font-size: var(--t6);
  font-weight: 400;
  letter-spacing: .02em;
  transform: none;
  transition: color .2s ease;
}
body.v5 .desktop-nav a::after { display: none; }
body.v5 .desktop-nav a:hover,
body.v5 .desktop-nav a.is-active { color: #fff; font-weight: 400; }
body.v5 .site-header.on-light .desktop-nav a { color: rgba(29, 29, 31, .72); }
body.v5 .site-header.on-light .desktop-nav a:hover { color: var(--ink); }
body.v5 .site-header.on-light .desktop-nav a.is-active { color: var(--blue); }
body.v5 .header-actions { gap: 12px; margin-left: 0; }
body.v5 .site-header.on-light .header-actions .v5-btn-solid { color: #fff; background: var(--blue); }
body.v5 .site-header.on-light .header-actions .v5-btn-solid:hover { background: var(--blue-hover); }
body.v5 .menu-toggle { width: 40px; height: 40px; border: 0; border-radius: 10px; background: transparent; }
body.v5 .menu-toggle i { width: 18px; height: 1.5px; background: var(--on-dark); }
body.v5 .site-header.on-light .menu-toggle i,
body.v5.menu-open .menu-toggle i { background: var(--ink); }
body.v5.menu-open .site-header { background: rgba(255, 255, 255, .9); }
body.v5.menu-open .site-header .brand-logo { filter: invert(1) hue-rotate(180deg) saturate(1.3); }
body.v5 .mobile-menu { background: rgba(255, 255, 255, .97); }
body.v5 .mobile-menu .menu-index { color: var(--mute); font-size: var(--t7); letter-spacing: .12em; }
body.v5 .mobile-menu a { color: var(--ink); font-size: var(--t3); font-weight: 600; border-color: var(--line); }
body.v5 .mobile-menu a b { width: 48px; color: var(--blue); font-size: var(--t7); font-weight: 500; letter-spacing: .12em; }

body.v5 .preview-ribbon {
  position: fixed;
  z-index: 300;
  left: 16px;
  bottom: 16px;
  padding: 6px 12px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 999px;
  color: rgba(245, 245, 247, .86);
  background: rgba(29, 29, 31, .72);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .1em;
  line-height: 1.4;
}
body.v5 .preview-ribbon span { margin-left: 8px; color: rgba(245, 245, 247, .56); font-weight: 400; letter-spacing: .02em; }

.v5-hero {
  position: relative;
  isolation: isolate;
  min-height: max(720px, 100svh);
  display: flex;
  align-items: center;
  padding: calc(var(--header-h) + 56px) 0 64px;
  overflow: hidden;
  color: var(--on-dark);
  background:
    radial-gradient(60% 50% at 76% 36%, rgba(5, 78, 97, .28), transparent 72%),
    linear-gradient(180deg, var(--night-2) 0%, var(--night) 100%);
}
.v5-hero-sky, .v5-hero-fore { position: absolute; inset: -24px; pointer-events: none; will-change: transform; }
.v5-hero-sky { z-index: 0; }
.v5-hero-fore { z-index: 3; }
.v5-hero-sky canvas, .v5-hero-fore canvas { display: block; width: 100%; height: 100%; }
.v5-hero-shade {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(60% 55% at 18% 42%, rgba(1, 5, 7, .72) 0%, rgba(1, 5, 7, .36) 55%, transparent 100%),
    radial-gradient(130% 100% at 50% 40%, transparent 55%, rgba(1, 5, 7, .78) 100%),
    linear-gradient(180deg, rgba(1, 5, 7, .4) 0%, transparent 18%, transparent 78%, rgba(1, 5, 7, .55) 100%);
}
.v5-hero-inner { position: relative; }
.v5-hero-meta { position: relative; z-index: 5; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; }
.v5-brandline {
  color: var(--gold);
  font-size: var(--t6);
  font-weight: 600;
  letter-spacing: .08em;
}
.v5-tag {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 6px 14px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 999px;
  color: var(--on-dark-2);
  font-size: var(--t7);
  font-weight: 500;
  letter-spacing: .1em;
  line-height: 1.5;
}
.v5-tag i { width: 3px; height: 3px; border-radius: 50%; background: var(--on-dark-3); }

.v5-h1 {
  position: relative;
  z-index: 5;
  margin: 24px 0 0;
  font-size: var(--t1);
  font-weight: 650;
  line-height: 1.12;
  letter-spacing: -.02em;
  color: #fff;
  background: linear-gradient(100deg, #ffffff 0%, #f6f1e8 38%, #e7d8bf 62%, #d3e6ed 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 28px rgba(182, 217, 230, .16));
}
.v5-h1 .l1, .v5-h1 .l2 { display: block; white-space: nowrap; }
.v5-h1 .ji {
  display: inline-block;
  margin-right: .18em;
  font-size: .5em;
  font-weight: 400;
  vertical-align: .12em;
  -webkit-text-fill-color: rgba(246, 241, 232, .56);
  color: rgba(246, 241, 232, .56);
}

.v5-hero-split {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--gap);
  align-items: start;
  margin-top: 56px;
}
.v5-hero-lead { position: relative; z-index: 5; grid-column: 1 / span 5; padding-bottom: 8px; }
.v5-hero-lead p { margin: 0; color: var(--on-dark-2); font-size: var(--t4); line-height: 1.75; }
.v5-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }

.v5-bento {
  position: relative;
  z-index: 2;
  grid-column: 7 / span 6;
  transform: translate3d(0, var(--lift, 0px), 0);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.v5-card {
  min-width: 0;
  padding: 20px 22px 22px;
  border: 1px solid var(--line-dark);
  border-radius: var(--r-md);
  background: linear-gradient(160deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .025));
  box-shadow: inset 0 1px rgba(255, 255, 255, .08), 0 24px 48px -28px rgba(0, 0, 0, .6);
  backdrop-filter: blur(18px) saturate(140%);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
}
.v5-card-label {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin: 0 0 16px;
  color: var(--on-dark-2);
  font-size: var(--t7);
  font-weight: 500;
  letter-spacing: .12em;
  line-height: 1.5;
}
.v5-card-label span { color: var(--on-dark-3); font-weight: 500; }
.v5-target { display: flex; align-items: flex-end; gap: 12px; }
.v5-target strong { color: #fff; font-size: var(--t2); font-weight: 600; line-height: 1; letter-spacing: -.03em; font-feature-settings: "tnum"; }
.v5-target span { color: var(--on-dark-3); font-size: var(--t7); line-height: 1.5; letter-spacing: .04em; }
.v5-ratio { display: grid; grid-template-columns: 2fr 1fr; gap: 3px; height: 4px; margin: 20px 0 12px; }
.v5-ratio i { border-radius: 2px; background: linear-gradient(90deg, #e7d8bf, var(--gold)); }
.v5-ratio i + i { background: linear-gradient(90deg, #89bcce, #cde3eb); }
.v5-legend { display: flex; gap: 20px; margin: 0; padding: 0; list-style: none; color: var(--on-dark-2); font-size: var(--t7); letter-spacing: .04em; line-height: 1.5; }
.v5-legend li { display: flex; align-items: center; gap: 8px; }
.v5-legend i { width: 6px; height: 6px; border-radius: 50%; background: var(--gold); }
.v5-legend li + li i { background: #89bcce; }
.v5-legend b { color: #fff; font-weight: 600; font-feature-settings: "tnum"; }

.v5-months { display: grid; grid-template-columns: repeat(3, 1fr); color: var(--on-dark-3); font-size: var(--t7); letter-spacing: .12em; line-height: 1.5; }
.v5-phases { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 12px 0 0; padding: 0; list-style: none; }
.v5-phases::before { content: ""; position: absolute; left: 4px; right: 12px; top: 4px; height: 1px; background: rgba(255, 255, 255, .16); }
.v5-phases li { position: relative; display: grid; gap: 4px; padding-top: 20px; color: var(--on-dark-3); font-size: var(--t7); line-height: 1.5; letter-spacing: .02em; }
.v5-phases i { position: absolute; left: 0; top: 0; width: 9px; height: 9px; border: 1px solid rgba(255, 255, 255, .34); border-radius: 50%; background: var(--night-2); }
.v5-phases li.is-current { color: #fff; }
.v5-phases li.is-current i { border-color: var(--gold); background: var(--gold); box-shadow: 0 0 0 4px rgba(205, 176, 131, .16); }
.v5-phases em { color: var(--gold); font-style: normal; font-size: var(--t7); letter-spacing: .06em; }

.v5-card-scope dl { margin: 0; }
.v5-card-scope dt { color: var(--on-dark-3); font-size: var(--t7); letter-spacing: .06em; line-height: 1.5; }
.v5-card-scope dd { margin: 4px 0 12px; color: var(--on-dark-2); font-size: var(--t7); line-height: 1.7; letter-spacing: .02em; }
.v5-card-scope dd:last-child { margin-bottom: 0; }

.v5-mini-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; margin: 0; padding: 0; list-style: none; }
.v5-mini-steps li { display: grid; gap: 2px; padding-top: 12px; border-top: 1px solid var(--line-dark); }
.v5-mini-steps b { color: #9ac7d7; font-size: var(--t7); font-weight: 500; letter-spacing: .12em; line-height: 1.5; }
.v5-mini-steps span { color: #fff; font-size: var(--t6); font-weight: 600; line-height: 1.5; }
.v5-mini-steps small { color: var(--on-dark-3); font-size: var(--t7); line-height: 1.5; }

.v5-sec { position: relative; padding-block: var(--section); color: var(--copy); }
.v5-white { background: var(--paper); }
.v5-mist { background: var(--mist); }

.v5-chapter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin: 0 0 clamp(48px, 5vw, 64px);
  padding-top: 16px;
  border-top: 1px solid var(--line);
  color: var(--copy);
  font-size: var(--t7);
  font-weight: 500;
  letter-spacing: .12em;
  line-height: 1.5;
}
.v5-chapter b { color: var(--blue); font-weight: 600; }
.v5-chapter i { color: #c7c7cc; font-style: normal; }
.v5-chapter .en { color: var(--mute); text-transform: uppercase; }

.v5-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gap); row-gap: 40px; }
.v5-5-7 > :first-child { grid-column: 1 / span 5; }
.v5-5-7 > :last-child { grid-column: 7 / span 6; }
.v5-7-5 > :first-child { grid-column: 1 / span 7; }
.v5-7-5 > :last-child { grid-column: 9 / span 4; align-self: end; }
.v5-head { margin-bottom: clamp(56px, 6vw, 80px); }

.v5-h2 { margin: 0; color: var(--ink); font-size: var(--t2); font-weight: 600; line-height: 1.25; letter-spacing: -.02em; }
.v5-em { color: var(--blue); }
.v5-lead { margin: 0; color: var(--copy); font-size: var(--t4); font-weight: 400; line-height: 1.75; }
.v5-body { margin: 24px 0 0; color: var(--copy); font-size: var(--t5); line-height: 1.8; }
.v5-small { margin: 24px 0 0; color: var(--mute); font-size: var(--t6); line-height: 1.7; }

.v5-vision-body { padding-top: 8px; }
.v5-quote { margin: 64px 0 0; padding: 32px 0 0; border-top: 1px solid var(--line); }
.v5-quote p { margin: 0; color: var(--ink); font-size: var(--t2); font-weight: 500; line-height: 1.35; letter-spacing: -.02em; }
.v5-quote footer { margin-top: 16px; color: var(--mute); font-size: var(--t7); letter-spacing: .12em; }

.v5-feats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: var(--gap); }
.v5-feat { display: flex; flex-direction: column; padding: 24px 0 48px; border-top: 1px solid rgba(0, 0, 0, .12); }
.v5-feat-no { display: flex; align-items: baseline; gap: 8px; color: var(--blue); font-size: var(--t7); font-weight: 600; letter-spacing: .12em; line-height: 1.5; }
.v5-feat-no i { color: var(--mute); font-style: normal; font-weight: 500; }
.v5-feat h3 { margin: 24px 0 8px; color: var(--ink); font-size: var(--t4); font-weight: 600; line-height: 1.45; }
.v5-feat p { margin: 0; color: var(--copy); font-size: var(--t6); line-height: 1.7; }
.v5-feat-link { color: inherit; }
.v5-feat-link h3 { color: var(--blue); }
.v5-arrow { margin-top: auto; padding-top: 16px; color: var(--blue); font-size: var(--t4); transition: transform .2s ease; }
.v5-feat-link:hover .v5-arrow { transform: translateX(4px); }

.v5-seg-wrap { display: flex; justify-content: center; margin-bottom: clamp(48px, 5vw, 64px); }
body.v5 .v5-seg {
  position: relative;
  display: inline-grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  width: max-content;
  padding: 4px;
  border: 0;
  border-radius: 999px;
  background: rgba(0, 0, 0, .06);
  box-shadow: none;
}
body.v5 .v5-seg button {
  position: relative;
  z-index: 1;
  min-width: 144px;
  min-height: 0;
  height: 40px;
  padding: 0 24px;
  border: 0;
  border-radius: 999px;
  color: var(--copy);
  background: transparent;
  box-shadow: none;
  font-size: var(--t6);
  font-weight: 600;
  letter-spacing: .02em;
  cursor: pointer;
  transition: color .2s ease;
}
body.v5 .v5-seg button.active,
body.v5 .v5-seg button[aria-selected="true"] { color: var(--ink); background: transparent; box-shadow: none; }
.v5-seg-thumb {
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 0;
  width: 0;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .08), 0 4px 12px -4px rgba(0, 0, 0, .14);
  transition: transform .2s ease, width .2s ease;
}
body.v5 .v5-seg:not(.is-ready) button.active,
body.v5 .v5-seg:not(.is-ready) button[aria-selected="true"] { background: #fff; }

.v5-timeline-stage { position: relative; }
.v5-timeline { display: none; margin: 0; padding: 0; list-style: none; }
.v5-timeline.active { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: var(--gap); animation: v5-fade .4s ease both; }
.v5-timeline::before { content: ""; position: absolute; left: 7px; right: 0; top: 7px; height: 1px; background: rgba(0, 0, 0, .12); }
.v5-timeline li { position: relative; display: flex; flex-direction: column; padding-top: 40px; }
.v5-node { position: absolute; left: 0; top: 0; width: 15px; height: 15px; border: 1.5px solid var(--blue); border-radius: 50%; background: var(--paper); }
.v5-timeline li:first-child .v5-node { background: var(--blue); box-shadow: 0 0 0 4px var(--blue-ring); }
.v5-step-no { color: var(--mute); font-size: var(--t7); font-weight: 500; letter-spacing: .12em; line-height: 1.5; }
.v5-step-en { margin-top: 4px; color: var(--blue); font-size: var(--t7); font-weight: 600; letter-spacing: .12em; line-height: 1.5; }
.v5-timeline h3 { margin: 16px 0 8px; color: var(--ink); font-size: var(--t4); font-weight: 600; line-height: 1.45; }
.v5-timeline p { margin: 0; max-width: 24em; color: var(--copy); font-size: var(--t6); line-height: 1.7; }
@keyframes v5-fade { from { opacity: 0; transform: translate3d(0, 8px, 0); } to { opacity: 1; transform: none; } }

body.v5 .atlas-form-section { padding-block: var(--section); background: var(--mist); }
body.v5 #collect > .container > .error[role="status"] {
  display: flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  margin: 0 0 32px;
  padding: 8px 16px;
  border: 1px solid rgba(176, 130, 60, .22);
  border-radius: 999px;
  color: #7c5d27;
  background: #fbf6ec;
  font-size: var(--t6);
  line-height: 1.5;
}
body.v5 .form-card {
  overflow: visible;
  padding: clamp(24px, 4vw, 56px);
  border: 1px solid rgba(0, 0, 0, .06);
  border-radius: var(--r-lg);
  background: var(--paper);
  box-shadow: var(--shadow-2);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
body.v5 .form-card .form-tabs { display: grid; margin: 0 auto clamp(40px, 4vw, 56px); }
body.v5 .form-card > form,
body.v5 .form-card > #success { padding: 0; background: none; border: 0; }
body.v5 .form-section { margin: 0 0 48px; padding: 0 0 48px; border: 0; border-bottom: 1px solid var(--line); }
body.v5 .form-section legend { display: flex; align-items: baseline; gap: 12px; margin: 0 0 32px; padding: 0; color: var(--ink); font-size: var(--t4); font-weight: 600; line-height: 1.45; }
body.v5 .form-section legend small { display: inline; width: auto; height: auto; margin: 0; border-radius: 0; color: var(--blue); background: none; font-size: var(--t7); font-weight: 600; letter-spacing: .12em; }
body.v5 .field-grid { gap: 24px; }
body.v5 label.field { gap: 8px; margin: 0; color: var(--ink); font-size: var(--t6); font-weight: 500; line-height: 1.5; }
body.v5 .field-note { margin-top: 0; }
body.v5 .form-card input:not([type="checkbox"]):not([type="file"]),
body.v5 .form-card select,
body.v5 .form-card textarea {
  width: 100%;
  height: 48px;
  padding: 0 16px;
  border: 1px solid rgba(0, 0, 0, .12);
  border-radius: var(--r-sm);
  color: var(--ink);
  background: var(--paper);
  box-shadow: none;
  font-size: var(--t5);
  font-weight: 400;
  line-height: 1.5;
  transition: border-color .2s ease, box-shadow .2s ease;
}
body.v5 .form-card textarea { height: auto; min-height: 120px; padding: 12px 16px; line-height: 1.7; resize: vertical; }
body.v5 .form-card input::placeholder,
body.v5 .form-card textarea::placeholder { color: #a1a1a6; }
body.v5 .form-card input:focus,
body.v5 .form-card select:focus,
body.v5 .form-card textarea:focus { outline: none; border-color: var(--blue); box-shadow: 0 0 0 4px var(--blue-ring); }
body.v5 .form-card input:disabled,
body.v5 .form-card textarea:disabled,
body.v5 .form-card select:disabled { color: var(--mute); background: #fafafc; cursor: not-allowed; }
body.v5 .hint { color: var(--mute); font-size: var(--t7); line-height: 1.6; }
body.v5 .choice-label { margin: 32px 0 12px; color: var(--ink); font-size: var(--t6); font-weight: 600; line-height: 1.5; }
body.v5 .choice-label .hint { margin-left: 4px; font-weight: 400; }

body.v5 .form-card input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  margin: 2px 0 0;
  border: 1.5px solid #c7c7cc;
  border-radius: 5px;
  background: var(--paper) center / 12px 12px no-repeat;
  transition: background-color .15s ease, border-color .15s ease;
}
body.v5 .form-card input[type="checkbox"]:checked {
  border-color: var(--blue);
  background-color: var(--blue);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2 5 8.6l4.5-5' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
body.v5 .form-card input[type="checkbox"]:disabled { background-color: #f2f2f4; cursor: not-allowed; }

body.v5 .choice-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
body.v5 .choice-grid label {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-height: 52px;
  padding: 14px 16px;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: var(--r-sm);
  color: var(--ink);
  background: var(--paper);
  font-size: var(--t6);
  line-height: 1.5;
  transform: none;
  transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}
body.v5 .choice-grid label:hover { transform: none; border-color: rgba(0, 0, 0, .22); }
body.v5 .choice-grid label:has(:checked) { color: var(--ink); border-color: var(--blue); background: rgba(0, 119, 147, .04); box-shadow: inset 0 0 0 1px var(--blue); }
body.v5 .choice-grid label:has(:disabled) { cursor: not-allowed; }
body.v5 .choice-grid label:has(:disabled):hover { border-color: rgba(0, 0, 0, .1); }

.v5-upload {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 152px;
  padding: 24px;
  border: 1px dashed rgba(0, 0, 0, .18);
  border-radius: 16px;
  background: #fafafc;
  transition: border-color .2s ease, background-color .2s ease;
}
.v5-upload:hover, .v5-upload.is-drag { border-color: var(--blue); background: rgba(0, 119, 147, .04); }
.v5-upload:has(input:disabled):hover { border-color: rgba(0, 0, 0, .18); background: #fafafc; }
body.v5 .v5-upload input[type="file"] { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
body.v5 .v5-upload input[type="file"]:disabled { cursor: not-allowed; }
.v5-upload-face { display: grid; justify-items: center; gap: 8px; text-align: center; color: var(--mute); pointer-events: none; }
.v5-upload-face svg { color: var(--blue); }
.v5-upload-face b { color: var(--ink); font-size: var(--t6); font-weight: 600; line-height: 1.5; }
.v5-upload-face .hint { display: block; }
.v5-upload-preview { position: relative; z-index: 3; display: none; }
.v5-upload:has(#imagePreview:not([hidden])) .v5-upload-face { display: none; }
.v5-upload:has(#imagePreview:not([hidden])) .v5-upload-preview { display: block; }
body.v5 .v5-upload-preview .preview-image { width: 112px; height: 112px; max-width: none; max-height: none; margin: 0; border-radius: var(--r-sm); object-fit: cover; box-shadow: var(--shadow-2); }
body.v5 .v5-upload-preview #removeImage {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 2px solid #fff;
  border-radius: 50%;
  color: transparent;
  background: var(--ink);
  font-size: 0;
  cursor: pointer;
}
body.v5 .v5-upload-preview #removeImage::before { content: "×"; color: #fff; font-size: 15px; line-height: 20px; }

body.v5 .consent-box { margin-top: 0; padding: 24px; border: 0; border-radius: 16px; background: var(--mist); }
body.v5 .consent-box label { gap: 12px; margin: 0; padding: 6px 0; color: var(--copy); font-size: var(--t6); line-height: 1.7; }
body.v5 .consent-box a { color: var(--blue); text-decoration: none; }
body.v5 .form-bottom { margin-top: 32px; gap: 24px; }
body.v5 .form-bottom small { max-width: none; color: var(--mute); font-size: var(--t6); }
body.v5 .form-card .btn-primary,
body.v5 #success .btn-primary {
  height: 48px;
  min-height: 0;
  padding: 0 28px;
  border: 0;
  border-radius: 999px;
  color: #fff;
  background: var(--blue);
  box-shadow: none;
  font-size: var(--t5);
  font-weight: 600;
  transform: none;
}
body.v5 .form-card .btn-primary::after { display: none; }
body.v5 .form-card .btn-primary:disabled { opacity: .4; cursor: not-allowed; }
body.v5 .plain-btn { border-color: rgba(0, 0, 0, .12); border-radius: 999px; color: var(--ink); font-size: var(--t6); }

.v5-logos { margin: 0; }
.v5-logos ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.v5-logos li { display: flex; align-items: center; gap: 12px; min-width: 0; height: 72px; padding: 0 16px; border: 1px solid var(--line); border-radius: 16px; background: var(--paper); }
.v5-logos strong { display: block; overflow: hidden; color: var(--ink); font-size: var(--t7); font-weight: 600; letter-spacing: .06em; line-height: 1.5; white-space: nowrap; text-overflow: ellipsis; }
.v5-logos small { display: block; color: var(--mute); font-size: var(--t7); line-height: 1.5; }
.v5-logos figcaption { margin-top: 16px; color: var(--mute); font-size: var(--t7); line-height: 1.6; }
.v5-mark { flex: 0 0 28px; width: 28px; height: 28px; border-radius: 8px; background: linear-gradient(135deg, #dfe8ec, #b8cad1); }
.v5-mark-b, .v5-mark-f { background: linear-gradient(135deg, #d4e7ee, #89bcce); }
.v5-mark-c, .v5-mark-g { background: linear-gradient(135deg, #efe7da, #cdb083); }
.v5-mark-d, .v5-mark-h { background: linear-gradient(135deg, #e3e3e8, #a6acae); }
.v5 #scope .v5-btn { margin-top: 40px; }
.v5-principles { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin: clamp(64px, 7vw, 96px) 0 0; padding: 24px 0; border-block: 1px solid var(--line); list-style: none; color: var(--copy); font-size: var(--t6); line-height: 1.5; }
.v5-principles li { display: flex; align-items: center; gap: 16px; }
.v5-principles li::before { content: ""; width: 4px; height: 4px; border-radius: 50%; background: var(--gold); }

.v5-status { display: flex; align-items: center; gap: 12px; margin: 0; color: var(--copy); font-size: var(--t6); line-height: 1.7; }
.v5-status i { flex: 0 0 8px; width: 8px; height: 8px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 0 4px rgba(205, 176, 131, .18); }
body.v5 .v5-directory { margin-top: 0; gap: var(--gap); }
body.v5 .v5-directory .empty { padding: 80px 24px; border: 1px solid var(--line); border-radius: var(--r-md); background: var(--paper); color: var(--mute); font-size: var(--t5); }
body.v5 .v5-directory > article, body.v5 .v5-directory > div { border: 1px solid var(--line); border-radius: var(--r-md); background: var(--paper); box-shadow: none; }

.v5-gov { border-top: 1px solid rgba(0, 0, 0, .12); }
.v5-gov-row { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gap); padding: 32px 0; border-bottom: 1px solid var(--line); }
.v5-gov-label { grid-column: 1 / span 3; padding-top: 4px; }
.v5-gov-label b { display: block; color: var(--blue); font-size: var(--t7); font-weight: 600; letter-spacing: .12em; line-height: 1.5; }
.v5-gov-label span { display: block; margin-top: 8px; color: var(--ink); font-size: var(--t4); font-weight: 600; line-height: 1.45; }
.v5-gov-row ul { grid-column: 4 / span 9; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
.v5-gov-row li { padding: 24px; border: 1px solid var(--line); border-radius: 16px; background: var(--paper); }
.v5-gov-row strong { display: block; color: var(--ink); font-size: var(--t4); font-weight: 600; line-height: 1.45; }
.v5-gov-row small { display: block; margin-top: 8px; color: var(--copy); font-size: var(--t6); line-height: 1.7; }

body.v5 .v5-accordion .notice-copy { max-width: none; margin: 0; display: block; }
body.v5 .v5-accordion details { margin: 0; padding: 0; border: 0; border-top: 1px solid rgba(0, 0, 0, .12); border-radius: 0; background: none; box-shadow: none; }
body.v5 .v5-accordion details:last-child { border-bottom: 1px solid rgba(0, 0, 0, .12); }
body.v5 .v5-accordion summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding: 24px 0;
  color: var(--ink);
  font-size: var(--t4);
  font-weight: 600;
  line-height: 1.45;
  list-style: none;
  cursor: pointer;
}
body.v5 .v5-accordion summary::-webkit-details-marker { display: none; }
body.v5 .v5-accordion summary::after { content: "+"; flex: 0 0 auto; color: var(--mute); font-size: var(--t3); font-weight: 300; line-height: 1; transition: transform .2s ease; }
body.v5 .v5-accordion details[open] summary::after { content: "−"; }
body.v5 .v5-accordion details p { margin: 0; padding: 0 48px 24px 0; color: var(--copy); font-size: var(--t5); line-height: 1.8; }
body.v5 .v5-accordion strong { color: var(--ink); font-weight: 600; }
body.v5 #withdrawForm[hidden] { display: none; }

.v5-cta {
  position: relative;
  isolation: isolate;
  display: grid;
  place-items: center;
  min-height: clamp(560px, 72vh, 760px);
  padding: var(--section) 0;
  overflow: hidden;
  color: var(--on-dark);
  text-align: center;
  background: linear-gradient(180deg, var(--night-2) 0%, var(--night) 100%);
}
.v5-cta-sky { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.v5-cta-sky canvas { display: block; width: 100%; height: 100%; }
.v5-cta::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: radial-gradient(50% 45% at 50% 45%, rgba(1, 5, 7, .62), transparent 100%), radial-gradient(120% 100% at 50% 50%, transparent 60%, rgba(1, 5, 7, .7) 100%); }
.v5-cta-inner { position: relative; z-index: 2; display: grid; justify-items: center; }
.v5-cta-kicker { color: var(--gold); font-size: var(--t7); font-weight: 500; letter-spacing: .16em; line-height: 1.5; }
.v5-cta-title {
  margin: 24px 0 0;
  font-size: var(--t1);
  font-weight: 650;
  line-height: 1.12;
  letter-spacing: -.02em;
  background: linear-gradient(100deg, #ffffff 0%, #f6f1e8 40%, #e7d8bf 65%, #d3e6ed 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.v5-cta-sub { margin: 24px 0 0; color: var(--on-dark-2); font-size: var(--t4); line-height: 1.7; }
.v5-cta .v5-actions { justify-content: center; margin-top: 40px; }

body.v5 .v5-footer { padding: 64px 0 32px; border-top: 1px solid var(--line); background: var(--mist); color: var(--copy); }
.v5-footer-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gap); row-gap: 40px; }
.v5-footer-brand { grid-column: 1 / span 5; }
body.v5 .v5-footer .footer-brand { display: inline-flex; padding: 0; border: 0; background: none; }
body.v5 .v5-footer .brand-logo { height: 32px; width: auto; max-width: none; filter: invert(1) hue-rotate(180deg) saturate(1.3); }
.v5-footer-brand p { margin: 16px 0 0; color: var(--copy); font-size: var(--t6); line-height: 1.7; }
.v5-footer-nav { grid-column: 7 / span 3; }
.v5-footer-contact { grid-column: 10 / span 3; }
.v5-footer h2 { margin: 0 0 16px; color: var(--mute); font-size: var(--t7); font-weight: 500; letter-spacing: .12em; line-height: 1.5; }
.v5-footer-nav ul { display: grid; grid-template-columns: repeat(2, max-content); gap: 8px 32px; margin: 0; padding: 0; list-style: none; }
.v5-footer-nav a { color: var(--ink); font-size: var(--t6); line-height: 1.7; transition: color .2s ease; }
.v5-footer-nav a:hover { color: var(--blue); }
body.v5 .v5-footer .footer-contact { display: grid; justify-items: start; gap: 4px; }
body.v5 .v5-footer .footer-contact span { color: var(--mute); font-size: var(--t7); letter-spacing: .04em; }
body.v5 .v5-footer .footer-contact a { color: var(--ink); font-size: var(--t6); font-weight: 600; }
body.v5 .v5-footer .footer-contact a:hover { color: var(--blue); }
body.v5 .v5-footer-bottom { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px 24px; margin-top: 48px; padding-top: 24px; border-top: 1px solid var(--line); color: var(--mute); font-size: var(--t7); line-height: 1.6; }

@media (max-width: 1080px) {
  body.v5 .desktop-nav { display: none; }
  body.v5 .menu-toggle { display: inline-flex; }
  .v5-hero-split { row-gap: 48px; }
  .v5-hero-lead { grid-column: 1 / -1; }
  .v5-bento { grid-column: 1 / -1; }
  .v5-feats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .v5-logos ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .v5-gov-label { grid-column: 1 / -1; margin-bottom: 16px; }
  .v5-gov-row ul { grid-column: 1 / -1; }
  body.v5 .choice-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  :root { --gap: 16px; --t5: 16px; }
  .v5-wrap, body.v5 .container.v5-wrap { width: calc(100% - 48px); }
  body.v5 .site-header { padding: 0 16px 0 24px; }
  body.v5 .header-actions .v5-btn { display: none; }
  body.v5 .site-header .brand-logo { height: 24px; }

  .v5-hero { display: block; min-height: 0; padding: calc(var(--header-h) + 40px) 0 48px; }
  .v5-hero-shade {
    background:
      linear-gradient(180deg, rgba(1, 5, 7, .1) 0%, rgba(1, 5, 7, .55) 38%, rgba(1, 5, 7, .35) 70%, rgba(1, 5, 7, .7) 100%),
      radial-gradient(130% 100% at 50% 30%, transparent 55%, rgba(1, 5, 7, .7) 100%);
  }
  .v5-hero-inner { padding-top: 26svh; }
  .v5-h1 { font-size: clamp(30px, 9vw, 40px); line-height: 1.2; }
  .v5-h1 .l1 > span { display: block; }
  .v5-hero-split { display: block; margin-top: 32px; }
  .v5-hero-lead p br { display: none; }
  .v5-actions { margin-top: 24px; }
  .v5-actions .v5-btn { flex: 1 1 0; padding: 0 16px; }
  .v5-bento { grid-template-columns: 1fr; margin-top: 48px; }

  .v5-grid { row-gap: 24px; }
  .v5-5-7 > :first-child, .v5-5-7 > :last-child,
  .v5-7-5 > :first-child, .v5-7-5 > :last-child { grid-column: 1 / -1; }
  .v5-head { margin-bottom: 48px; }
  .v5-quote { margin-top: 40px; }
  .v5-feats { grid-template-columns: 1fr; }
  .v5-feat { padding: 24px 0 32px; }
  .v5-feat h3 { margin-top: 16px; }

  body.v5 .v5-seg { width: 100%; }
  body.v5 .v5-seg button { min-width: 0; padding: 0 12px; }
  .v5-timeline.active { grid-template-columns: 1fr; }
  .v5-timeline::before { left: 7px; right: auto; top: 8px; bottom: 8px; width: 1px; height: auto; }
  .v5-timeline li { padding: 0 0 32px 40px; }
  .v5-timeline li:last-child { padding-bottom: 0; }
  .v5-timeline h3 { margin-top: 8px; }

  body.v5 .form-card { padding: 20px; border-radius: 20px; }
  body.v5 .form-card .form-tabs { width: 100%; }
  body.v5 .field-grid, body.v5 .choice-grid { grid-template-columns: 1fr; }
  body.v5 .form-bottom { flex-direction: column; align-items: stretch; }
  body.v5 .form-card .btn-primary { width: 100%; }

  .v5-logos ul { grid-template-columns: 1fr 1fr; }
  .v5-principles { justify-content: flex-start; gap: 12px 16px; }
  .v5-gov-row ul { grid-template-columns: 1fr; gap: 12px; }
  .v5-gov-row li { padding: 20px; }
  body.v5 .v5-accordion details p { padding-right: 0; }

  .v5-cta { min-height: 0; }
  .v5-cta-title { font-size: clamp(30px, 8.4vw, 40px); }
  .v5-cta .v5-actions { width: 100%; }

  .v5-footer-brand, .v5-footer-nav, .v5-footer-contact { grid-column: 1 / -1; }
  body.v5 .preview-ribbon { left: 12px; bottom: 12px; padding: 4px 10px; font-size: 10px; }
  body.v5 .preview-ribbon span { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .v5-reveal { opacity: 1; transform: none; transition: none; }
  .v5-timeline.active { animation: none; }
  .v5-seg-thumb { transition: none; }
  .v5-hero-sky, .v5-hero-fore { will-change: auto; }
}

body.v5 .site-header.scrolled .menu-toggle,
body.v5.menu-open .menu-toggle { border: 0; background: transparent; }
@media (max-width: 1080px) { body.v5 .header-actions { margin-left: auto; } }

body.v5 .form-section > * + * { margin-top: 24px; }
body.v5 .form-section > .full > .choice-label,
body.v5 .field-grid > .full > .choice-label { margin-top: 8px; }
body.v5 .form-section > p.hint { margin: 0 0 8px; font-size: var(--t6); }
body.v5 .form-card .form-tabs { margin-bottom: 48px; }
body.v5 #scope .v5-logos { grid-column: 6 / span 7; }
@media (max-width: 760px) { body.v5 #scope .v5-logos { grid-column: 1 / -1; } }

body.v5 .site-header .desktop-nav a { color: var(--on-dark-2); font-weight: 400; }
body.v5 .site-header .desktop-nav a:hover,
body.v5 .site-header .desktop-nav a.is-active { color: #fff; }
body.v5 .site-header.on-light .desktop-nav a { color: rgba(29, 29, 31, .72); }
body.v5 .site-header.on-light .desktop-nav a:hover { color: var(--ink); }
body.v5 .site-header.on-light .desktop-nav a.is-active { color: var(--blue); }


body.v5 { line-height: 1.85; }
.v5-head { margin-bottom: clamp(64px, 7vw, 112px); }
.v5-chapter { margin-bottom: clamp(56px, 6vw, 88px); }
.v5-lead { line-height: 1.85; }
.v5-7-5 > :last-child { grid-column: 9 / span 4; }
.v5-feat { padding: 32px 0 64px; }
.v5-feat h3 { margin-top: 32px; }
.v5-timeline li { padding-top: 48px; }
.v5-timeline h3 { margin-top: 20px; }
.v5-gov-row { padding: 48px 0; }
.v5-gov-row ul { gap: 24px; }
.v5-gov-row li { padding: 32px; }
.v5-logos ul { gap: 16px; }
.v5-logos li { height: 84px; padding: 0 20px; }
body.v5 .v5-accordion summary { padding: 28px 0; }
.v5-quote { margin-top: 88px; padding-top: 40px; }
.v5-vision-body .v5-body { margin-top: 32px; }
.v5-hero-split { margin-top: 64px; }
.v5-hero-lead p { max-width: 30em; }

.v5-bento { gap: 16px; transition: transform .2s linear; }
.v5-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 24px 26px 26px;
  border: 0;
  border-radius: 24px;
  background: linear-gradient(155deg, rgba(255, 255, 255, .11) 0%, rgba(255, 255, 255, .04) 55%, rgba(255, 255, 255, .07) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .22),
    inset 0 -1px 0 rgba(255, 255, 255, .04),
    0 30px 60px -30px rgba(0, 0, 0, .75);
  backdrop-filter: blur(28px) saturate(180%);
  -webkit-backdrop-filter: blur(28px) saturate(180%);
}
.v5-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  padding: 1px;
  border-radius: inherit;
  background: linear-gradient(160deg, rgba(255, 255, 255, .42), rgba(255, 255, 255, .08) 40%, rgba(255, 255, 255, .04) 60%, rgba(154, 204, 222, .22));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.v5-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: radial-gradient(420px circle at var(--mx, 30%) var(--my, 0%), rgba(255, 255, 255, .12), transparent 45%);
  opacity: .8;
  transition: opacity .4s ease;
  pointer-events: none;
}

.v5-bento .v5-card { opacity: 0; transform: translate3d(0, 24px, 0) scale(.98); transition: opacity .8s var(--ease), transform .8s var(--ease); }
.v5-bento.is-in .v5-card { opacity: 1; transform: none; }
.v5-bento.is-in .v5-card:nth-child(2) { transition-delay: .1s; }
.v5-bento.is-in .v5-card:nth-child(3) { transition-delay: .2s; }
.v5-bento.is-in .v5-card:nth-child(4) { transition-delay: .3s; }

.v5-ratio i { transform: scaleX(0); transform-origin: left; transition: transform 1.4s var(--ease) .5s; }
.v5-ratio i + i { transition-delay: .8s; }
.v5-bento.is-in .v5-ratio i { transform: scaleX(1); }
.v5-ratio { height: 6px; }
.v5-ratio i { border-radius: 3px; box-shadow: 0 0 12px rgba(231, 216, 191, .35); }
.v5-ratio i + i { box-shadow: 0 0 12px rgba(137, 188, 206, .35); }

.v5-phases::before { display: none; }
.v5-phase-track { position: absolute; left: 4px; right: 12px; top: 4px; height: 1px; overflow: hidden; background: rgba(255, 255, 255, .16); }
.v5-phase-track i { position: absolute; top: 0; left: -30%; width: 30%; height: 1px; background: linear-gradient(90deg, transparent, rgba(231, 216, 191, .95), transparent); animation: v5-flow 6s cubic-bezier(.45, 0, .2, 1) infinite; }
@keyframes v5-flow { 0% { left: -30%; } 70%, 100% { left: 100%; } }
.v5-phases li.is-current i { animation: v5-breathe 3.2s ease-in-out infinite; }
@keyframes v5-breathe { 0%, 100% { box-shadow: 0 0 0 3px rgba(205, 176, 131, .18); } 50% { box-shadow: 0 0 0 8px rgba(205, 176, 131, .06); } }

.v5-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0 14px !important; }
.v5-chips span {
  padding: 3px 10px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 999px;
  color: var(--on-dark-2);
  background: rgba(255, 255, 255, .04);
  font-size: 12px;
  line-height: 1.6;
  transition: color .6s ease, background-color .6s ease, border-color .6s ease;
}
.v5-chips span.is-on { color: #fff; border-color: rgba(231, 216, 191, .5); background: rgba(231, 216, 191, .14); }

.v5-mini-steps li { position: relative; transition: border-color .6s ease; }
.v5-mini-steps li::before { content: ""; position: absolute; left: 0; top: -1px; width: 0; height: 1px; background: linear-gradient(90deg, var(--gold), rgba(137, 188, 206, .8)); transition: width 1.6s var(--ease); }
.v5-mini-steps li.is-on::before { width: 100%; }
.v5-mini-steps li b { transition: color .6s ease; }
.v5-mini-steps li.is-on b { color: var(--gold); }

.v5-si { opacity: 0; transform: translate3d(0, 28px, 0); transition: opacity .8s var(--ease), transform .8s var(--ease); transition-delay: calc(var(--i, 0) * 70ms); }
.is-in .v5-si, .is-in.v5-si { opacity: 1; transform: none; }
.v5-timeline-stage .v5-timeline:not(.active) .v5-si { transition: none; }
.v5-h2.v5-reveal, .v5-reveal > .v5-h2, .v5-cta-title.v5-reveal { filter: blur(10px); transition: opacity .9s var(--ease), transform .9s var(--ease), filter 1.1s var(--ease); }
.v5-h2.v5-reveal.is-in, .v5-reveal.is-in > .v5-h2, .v5-cta-title.v5-reveal.is-in { filter: none; }
.v5-cta-title.v5-reveal { transform: translate3d(0, 24px, 0) scale(.96); }
.v5-cta-title.v5-reveal.is-in { transform: none; }
.v5-chapter { position: relative; border-top: 0; }
.v5-chapter::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: var(--line); transform: scaleX(0); transform-origin: left; transition: transform 1.2s var(--ease); }
.v5-chapter.is-in::before { transform: scaleX(1); }
.v5-timeline::before { transform: scaleX(0); transform-origin: left; transition: transform 1.4s var(--ease) .2s; }
.v5-timeline-stage.is-in .v5-timeline::before { transform: scaleX(1); }
.v5-principles { border-block-color: transparent; background: linear-gradient(var(--line), var(--line)) top / 100% 1px no-repeat, linear-gradient(var(--line), var(--line)) bottom / 100% 1px no-repeat; }

.v5-people { margin: 0 calc(-1 * var(--margin)) clamp(48px, 5vw, 72px); }
.v5-people-rows { display: grid; gap: 28px; -webkit-mask: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.v5-people-row { overflow: hidden; }
.v5-people-track { display: flex; gap: clamp(28px, 3vw, 48px); width: max-content; margin: 0; padding: 8px 0 4px; list-style: none; animation: v5-marquee 70s linear infinite; }
.v5-people-row.is-reverse .v5-people-track { animation-duration: 84s; animation-direction: reverse; }
.v5-people-row:hover .v5-people-track { animation-play-state: paused; }
@keyframes v5-marquee { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-50%, 0, 0); } }
.v5-people-track li { display: grid; justify-items: center; gap: 4px; width: clamp(112px, 9vw, 148px); text-align: center; }
.v5-face {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  margin-bottom: 12px;
  padding: 4px;
  border-radius: 50%;
  background: linear-gradient(160deg, rgba(255, 255, 255, .95), rgba(255, 255, 255, .5));
  box-shadow: 0 1px 2px rgba(0, 0, 0, .06), 0 18px 36px -18px rgba(24, 47, 55, .35);
  transition: transform .5s var(--ease), box-shadow .5s var(--ease);
}
.v5-face svg { display: block; width: 100%; height: 100%; border-radius: 50%; }
.v5-people-track li:hover .v5-face { transform: translateY(-4px); box-shadow: 0 1px 2px rgba(0, 0, 0, .06), 0 24px 44px -18px rgba(0, 119, 147, .4); }
.v5-people-track b { color: var(--ink); font-size: var(--t6); font-weight: 600; line-height: 1.5; white-space: nowrap; }
.v5-people-track small { color: var(--mute); font-size: var(--t7); letter-spacing: .06em; line-height: 1.5; }
.v5-people-note { width: min(1560px, calc(100% - 2 * var(--margin))); margin: 28px auto 0; color: var(--mute); font-size: var(--t7); line-height: 1.6; text-align: center; }
body.v5 .v5-directory .empty { padding: 32px 24px; background: transparent; border-style: dashed; font-size: var(--t6); }

@media (max-width: 760px) {
  .v5-people { margin-inline: -24px; }
  .v5-people-rows { gap: 20px; }
  .v5-people-track li { width: 96px; }
  .v5-people-track b { font-size: 12px; }
  .v5-card { padding: 20px; }
  .v5-feat { padding: 24px 0 40px; }
  .v5-gov-row { padding: 32px 0; }
  .v5-gov-row li { padding: 24px; }
}

@media (prefers-reduced-motion: reduce) {
  .v5-si, .v5-bento .v5-card, .v5-ratio i { opacity: 1; transform: none; transition: none; }
  .v5-h2.v5-reveal, .v5-reveal > .v5-h2, .v5-cta-title.v5-reveal { filter: none; transform: none; }
  .v5-chapter::before, .v5-timeline::before { transform: none; transition: none; }
  .v5-phase-track i, .v5-phases li.is-current i, .v5-people-track { animation: none; }
  .v5-people-rows { overflow-x: auto; }
}
.v5-chips span { padding: 2px 9px; font-size: 11.5px; }
.v5-card-scope .v5-regions { margin-top: 6px; color: var(--on-dark-2); font-size: var(--t7); line-height: 1.7; }
body.v5 .site-header .menu-toggle i { background: var(--on-dark); }
body.v5 .site-header.on-light .menu-toggle i,
body.v5.menu-open .site-header .menu-toggle i { background: var(--ink); }
@media (max-width: 760px) {
  .v5-7-5 > :last-child { grid-column: 1 / -1; }
  .v5-head { margin-bottom: 56px; }
}

:root { --section: clamp(88px, 9vw, 136px); }

.v5-target-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.v5-donut { flex: 0 0 72px; width: 72px; height: 72px; transform: rotate(-90deg); }
.v5-donut circle { fill: none; stroke-width: 5; }
.v5-donut .trk { stroke: rgba(255, 255, 255, .08); }
.v5-donut .seg { stroke-linecap: round; stroke-dasharray: 0 189; transition: stroke-dasharray 1.6s var(--ease) .4s; }
.v5-donut .seg-a { stroke: url(#none); stroke: #e7d8bf; }
.v5-donut .seg-b { stroke: #89bcce; transition-delay: .9s; }
.v5-bento.is-in .v5-donut .seg-a { stroke-dasharray: 120 189; }
.v5-bento.is-in .v5-donut .seg-b { stroke-dasharray: 57 189; stroke-dashoffset: -125; }
.v5-card-target .v5-legend { margin-top: 18px; }

.v5-dial-row { display: flex; align-items: center; gap: 18px; }
.v5-dial { position: relative; flex: 0 0 88px; width: 88px; height: 88px; }
.v5-dial svg { width: 100%; height: 100%; overflow: visible; }
.v5-dial .ring { fill: rgba(255, 255, 255, .03); stroke: rgba(255, 255, 255, .1); }
.v5-dial .orbit { fill: none; stroke: rgba(255, 255, 255, .06); stroke-dasharray: 1 3; animation: v5-spin 60s linear infinite; transform-origin: 50px 50px; }
.v5-dial .ticks line { stroke: rgba(255, 255, 255, .22); stroke-width: 2; stroke-linecap: round; transition: stroke .6s ease, stroke-width .6s ease; }
.v5-dial .ticks line.is-on { stroke: var(--gold); stroke-width: 3; filter: drop-shadow(0 0 4px rgba(231, 216, 191, .8)); }
.v5-dial-no { position: absolute; inset: 0; display: grid; place-items: center; color: #fff; font-size: 17px; font-weight: 600; letter-spacing: .02em; font-feature-settings: "tnum"; }
@keyframes v5-spin { to { transform: rotate(360deg); } }
.v5-dial-text { min-width: 0; }
.v5-dial-text small { display: block; color: var(--on-dark-3); font-size: var(--t7); letter-spacing: .08em; line-height: 1.5; }
.v5-dial-names { position: relative; height: 30px; margin: 6px 0 0; }
.v5-dial-names span { position: absolute; left: 0; top: 0; color: #fff; font-size: var(--t4); font-weight: 600; line-height: 1.5; white-space: nowrap; opacity: 0; transform: translate3d(0, 8px, 0); transition: opacity .6s ease, transform .6s var(--ease); }
.v5-dial-names span.is-on { opacity: 1; transform: none; }
.v5-dial-names span:first-child { opacity: 1; transform: none; }
.v5-dial-names.is-live span:first-child:not(.is-on) { opacity: 0; transform: translate3d(0, -8px, 0); }
.v5-card-scope .v5-regions { margin: 16px 0 0; padding-top: 14px; border-top: 1px solid var(--line-dark); color: var(--on-dark-2); font-size: var(--t7); line-height: 1.7; }
.v5-card-scope .v5-regions small { display: block; margin-bottom: 2px; color: var(--on-dark-3); font-size: var(--t7); letter-spacing: .08em; }

.v5-rail { position: relative; display: grid; gap: 6px; margin: 0; padding: 0 0 0 22px; list-style: none; --p: 0; }
.v5-rail::before, .v5-rail::after { content: ""; position: absolute; left: 5px; top: 10px; width: 1px; bottom: 10px; background: rgba(255, 255, 255, .14); }
.v5-rail::after { bottom: auto; height: calc((100% - 20px) * var(--p)); background: linear-gradient(var(--gold), #89bcce); transition: height .9s var(--ease); }
.v5-rail li { position: relative; display: grid; grid-template-columns: 28px auto 1fr; align-items: baseline; column-gap: 8px; padding: 5px 0; }
.v5-rail li i { position: absolute; left: -22px; top: 50%; width: 11px; height: 11px; margin-top: -5.5px; border: 1px solid rgba(255, 255, 255, .34); border-radius: 50%; background: var(--night-2); z-index: 1; transition: background-color .6s ease, border-color .6s ease, box-shadow .6s ease; }
.v5-rail li b { color: #9ac7d7; font-size: var(--t7); font-weight: 500; letter-spacing: .1em; transition: color .6s ease; }
.v5-rail li span { color: var(--on-dark-2); font-size: var(--t6); font-weight: 600; transition: color .6s ease; }
.v5-rail li small { justify-self: end; color: var(--on-dark-3); font-size: var(--t7); }
.v5-rail li.is-done i { border-color: rgba(231, 216, 191, .6); background: rgba(231, 216, 191, .35); }
.v5-rail li.is-on i { border-color: var(--gold); background: var(--gold); box-shadow: 0 0 0 4px rgba(205, 176, 131, .18); }
.v5-rail li.is-on b { color: var(--gold); }
.v5-rail li.is-on span, .v5-rail li.is-done span { color: #fff; }

.v5-map { margin: 0; }
.v5-map-svg { display: block; width: 100%; height: auto; overflow: visible; }
.v5-map .land { fill: none; stroke: rgba(29, 29, 31, .2); stroke-width: 2.4; stroke-linecap: round; }
.v5-map .arcs path { fill: none; stroke: rgba(0, 119, 147, .55); stroke-width: 1.2; stroke-dasharray: 100; stroke-dashoffset: 100; transition: stroke-dashoffset 1.6s var(--ease); transition-delay: calc(var(--i) * 120ms + .3s); }
.v5-map.is-in .arcs path { stroke-dashoffset: 0; }
.v5-map .pulses path { fill: none; stroke: #007793; stroke-width: 2.2; stroke-linecap: round; stroke-dasharray: 4 96; stroke-dashoffset: 100; opacity: 0; animation: v5-pulse 4.8s cubic-bezier(.4, 0, .2, 1) infinite; animation-delay: calc(var(--i) * .55s + 2s); }
.v5-map.is-in .pulses path { opacity: 1; }
@keyframes v5-pulse { from { stroke-dashoffset: 100; } 70%, to { stroke-dashoffset: 0; } }
.v5-map .nodes circle { fill: #fff; stroke: #007793; stroke-width: 1.4; opacity: 0; transition: opacity .6s ease; transition-delay: calc(var(--i) * 120ms + 1.2s); }
.v5-map .nodes .far { stroke-width: 2; }
.v5-map.is-in .nodes circle { opacity: 1; }
.v5-map .hub .core { fill: var(--gold); stroke: #fff; stroke-width: 2; }
.v5-map .hub .halo { fill: rgba(205, 176, 131, .22); transform-origin: center; transform-box: fill-box; animation: v5-halo 3.2s ease-out infinite; }
@keyframes v5-halo { from { transform: scale(.4); opacity: .9; } to { transform: scale(1.8); opacity: 0; } }
.v5-map .labels text { fill: var(--ink); font-size: 14px; font-weight: 600; letter-spacing: .04em; }
.v5-map .labels .hub-label { fill: #8a6a2f; }
.v5-map figcaption { display: flex; flex-wrap: wrap; gap: 8px 24px; margin-top: 20px; color: var(--mute); font-size: var(--t7); line-height: 1.6; }
.v5-map figcaption span { display: inline-flex; align-items: center; gap: 8px; }
.v5-map figcaption i { width: 8px; height: 8px; border: 1.4px solid var(--blue); border-radius: 50%; background: #fff; }
.v5-map figcaption i.hub { border-color: #fff; background: var(--gold); box-shadow: 0 0 0 1px var(--gold); }
.v5-map figcaption span:last-child { margin-left: auto; }
#scope .v5-5-7 > :last-child { grid-column: 6 / span 7; align-self: center; }
.v5-region-list { display: grid; gap: 12px; margin: 32px 0 0; padding: 20px 0; border-block: 1px solid var(--line); }
.v5-region-list div { display: grid; grid-template-columns: 48px 1fr; gap: 16px; }
.v5-region-list dt { color: var(--blue); font-size: var(--t7); font-weight: 600; letter-spacing: .12em; line-height: 1.9; }
.v5-region-list dd { margin: 0; color: var(--ink); font-size: var(--t6); line-height: 1.7; }
.v5-logo-strip { margin: clamp(64px, 6vw, 96px) 0 0; }
.v5-logo-strip ul { grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 12px; }
.v5-logo-strip li { flex-direction: column; justify-content: center; gap: 10px; height: 116px; padding: 12px; text-align: center; }
.v5-logo-strip .v5-mark { flex: 0 0 32px; width: 32px; height: 32px; border-radius: 10px; }
.v5-logo-strip figcaption { text-align: center; }

@media (max-width: 1080px) {
  #scope .v5-5-7 > :last-child { grid-column: 1 / -1; }
  .v5-logo-strip ul { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .v5-logo-strip ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .v5-map .labels text { font-size: 22px; }
  .v5-map .land { stroke-width: 3.2; }
  .v5-map figcaption span:last-child { margin-left: 0; }
  .v5-dial { flex-basis: 76px; width: 76px; height: 76px; }
}
@media (prefers-reduced-motion: reduce) {
  .v5-map .arcs path { stroke-dashoffset: 0; transition: none; }
  .v5-map .nodes circle { opacity: 1; transition: none; }
  .v5-map .pulses, .v5-map .hub .halo, .v5-dial .orbit { animation: none; display: none; }
  .v5-donut .seg { transition: none; }
  .v5-bento .v5-donut .seg-a { stroke-dasharray: 120 189; }
  .v5-bento .v5-donut .seg-b { stroke-dasharray: 57 189; stroke-dashoffset: -125; }
}

.v5-flow-side { display: grid; gap: 28px; align-content: end; }
.v5-flow-side .v5-seg-wrap { justify-content: flex-start; margin: 0; }
#flow .v5-head { margin-bottom: clamp(48px, 5vw, 72px); }
.v5-timeline.active { column-gap: 20px; padding-top: 24px; }
.v5-timeline::before { top: 31px; left: 24px; right: 24px; }
.v5-timeline li {
  position: relative;
  overflow: hidden;
  min-height: 248px;
  padding: 56px 28px 32px;
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  background: linear-gradient(180deg, #fbfbfd 0%, #f5f5f7 100%);
  transition: border-color .4s ease, box-shadow .4s ease, transform .4s var(--ease);
}
.v5-timeline li:hover { border-color: rgba(0, 119, 147, .25); box-shadow: 0 24px 48px -28px rgba(0, 119, 147, .35); transform: translateY(-4px); }
.v5-timeline .v5-node { left: 24px; top: 0; transform: translateY(-50%); margin-top: 0; }
.v5-timeline li { overflow: visible; }
.v5-step-icon { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 20px; border-radius: 12px; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .06), inset 0 0 0 1px var(--line); color: var(--blue); }
.v5-step-icon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.v5-step-big { position: absolute; right: 20px; top: 16px; color: rgba(29, 29, 31, .06); font-size: 72px; font-weight: 700; line-height: 1; letter-spacing: -.04em; pointer-events: none; }
@media (max-width: 760px) {
  .v5-timeline.active { padding-top: 0; row-gap: 16px; }
  .v5-timeline::before { left: 7px; top: 8px; right: auto; }
  .v5-timeline li { min-height: 0; margin-left: 28px; padding: 24px 20px; }
  .v5-timeline .v5-node { left: -28px; top: 28px; transform: none; }
  .v5-step-icon { margin-bottom: 12px; }
  .v5-step-big { font-size: 56px; }
}

.v5-hero { padding-top: calc(var(--header-h) + 40px); padding-bottom: 48px; }
.v5-hero-split { margin-top: 44px; }
.v5-card { padding: 20px 22px 22px; }
.v5-card-label { margin-bottom: 12px; }
.v5-rail li { padding: 3px 0; }
.v5-dial { flex-basis: 76px; width: 76px; height: 76px; }
.v5-card-scope .v5-regions { margin-top: 12px; padding-top: 10px; }
.v5-map .labels text { font-size: 19px; }

@media (max-width: 760px) {
  .v5-hero { padding: calc(var(--header-h) + 28px) 0 40px; }
  .v5-hero-inner { padding-top: 0; }
  .v5-h1 { margin-top: 20px; font-size: clamp(34px, 10.2vw, 44px); line-height: 1.18; }
  .v5-hero-meta { gap: 10px; }
  .v5-hero-split { margin-top: 24px; }
  .v5-hero-lead p { font-size: 16px; }
  .v5-bento { margin-top: 40px; gap: 12px; }
  .v5-hero-shade {
    background:
      radial-gradient(120% 60% at 30% 38%, rgba(1, 5, 7, .55), transparent 75%),
      radial-gradient(130% 100% at 50% 30%, transparent 55%, rgba(1, 5, 7, .7) 100%);
  }
}
.v5-hero-points { display: grid; grid-template-columns: repeat(3, auto); justify-content: start; gap: 28px; margin: 56px 0 0; padding: 24px 0 0; border-top: 1px solid var(--line-dark); list-style: none; }
.v5-hero-points li { display: flex; align-items: flex-start; gap: 12px; }
.v5-hero-points svg { flex: 0 0 22px; width: 22px; height: 22px; margin-top: 2px; fill: none; stroke: var(--gold); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.v5-hero-points b { display: block; color: #fff; font-size: var(--t6); font-weight: 600; line-height: 1.5; }
.v5-hero-points small { display: block; color: var(--on-dark-3); font-size: var(--t7); line-height: 1.6; }
@media (max-width: 760px) {
  .v5-hero-points { grid-template-columns: 1fr 1fr 1fr; gap: 12px; margin-top: 32px; padding-top: 20px; }
  .v5-hero-points li { flex-direction: column; gap: 8px; }
  .v5-hero-points small { display: none; }
}

:root { --grad-em: linear-gradient(100deg, #007793 0%, #0190b2 38%, #0690ae 72%, #0291ac 100%); }

.v5-em {
  color: var(--blue);
  background: var(--grad-em);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.v5-chapter[data-no]::after {
  content: attr(data-no);
  position: absolute;
  right: 0;
  bottom: calc(100% + 6px);
  color: transparent;
  -webkit-text-stroke: 1px rgba(0, 119, 147, .2);
  font-size: clamp(48px, 5vw, 76px);
  font-weight: 600;
  line-height: .8;
  letter-spacing: -.03em;
  font-feature-settings: "tnum";
  opacity: 0;
  transform: translate3d(0, 12px, 0);
  transition: opacity 1s var(--ease) .2s, transform 1s var(--ease) .2s;
  pointer-events: none;
}
.v5-chapter.is-in::after { opacity: 1; transform: none; }

.v5-quote { position: relative; }
.v5-quote::before {
  content: "\201C";
  display: block;
  height: .5em;
  margin-bottom: 8px;
  font-size: 72px;
  font-weight: 600;
  line-height: 1;
  background: var(--grad-em);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.v5-quote p { background: var(--grad-em); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

.v5-scroll-hint {
  position: absolute;
  left: var(--margin);
  bottom: 60px;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  gap: 14px;
  color: var(--on-dark-3);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .24em;
  text-decoration: none;
  transition: color .3s ease;
}
.v5-scroll-hint:hover { color: var(--on-dark); }
.v5-scroll-hint i { position: relative; width: 48px; height: 1px; overflow: hidden; background: rgba(255, 255, 255, .16); }
.v5-scroll-hint i::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, var(--gold), transparent); transform: translateX(-100%); animation: v5-hint 2.4s var(--ease) infinite; }
@keyframes v5-hint { to { transform: translateX(100%); } }

.v5-ribbon {
  position: relative;
  overflow: hidden;
  padding: clamp(22px, 2.4vw, 36px) 0;
  border-bottom: 1px solid var(--line);
  background: var(--paper);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.v5-ribbon-track { display: flex; width: max-content; animation: v5-marquee 48s linear infinite; }
.v5-ribbon:hover .v5-ribbon-track { animation-play-state: paused; }
.v5-ribbon-set { display: flex; align-items: center; flex: none; }
.v5-ribbon b {
  padding: 0 clamp(20px, 2.2vw, 36px);
  font-size: clamp(30px, 3.6vw, 56px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.02em;
  white-space: nowrap;
  background: var(--grad-em);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.v5-ribbon b.o { background: none; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px rgba(29, 29, 31, .28); }
.v5-ribbon i { color: var(--gold); font-size: clamp(14px, 1.3vw, 20px); font-style: normal; }
@keyframes v5-marquee { to { transform: translate3d(-50%, 0, 0); } }

.v5-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: clamp(72px, 7vw, 112px) 0 0;
  padding: 0;
  border-block: 1px solid var(--line);
  list-style: none;
}
.v5-stats li { position: relative; display: grid; justify-items: center; gap: 6px; padding: 36px 16px 44px; text-align: center; }
.v5-stats li + li { border-left: 1px solid var(--line); }
.v5-stats small { color: var(--mute); font-size: 11px; font-weight: 600; letter-spacing: .18em; }
.v5-stats strong {
  display: inline-flex;
  align-items: flex-start;
  font-size: clamp(48px, 5.2vw, 80px);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -.04em;
  font-feature-settings: "tnum";
  background: var(--grad-em);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.v5-stats sup { margin: .35em 0 0 6px; font-size: var(--t6); font-weight: 600; letter-spacing: 0; -webkit-text-fill-color: var(--gold); }
.v5-stats b { color: var(--ink); font-size: var(--t6); font-weight: 600; }
.v5-stats li::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -4px;
  width: 7px;
  height: 7px;
  margin-left: -3.5px;
  border-radius: 50%;
  background: #0690ae;
  box-shadow: 0 0 0 4px rgba(6, 144, 174, .14), 0 0 14px rgba(6, 144, 174, .6);
}

@media (max-width: 760px) {
  .v5-scroll-hint { display: none; }
  .v5-ribbon { padding: 18px 0; }
  .v5-ribbon-track { animation-duration: 36s; }
  .v5-stats { grid-template-columns: 1fr 1fr; }
  .v5-stats li { padding: 28px 8px 32px; }
  .v5-stats li:nth-child(3) { border-left: 0; }
  .v5-stats li:nth-child(n + 3) { border-top: 1px solid var(--line); }
  .v5-stats li:nth-child(-n + 2)::after { display: none; }
  .v5-chapter[data-no]::after { font-size: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  .v5-ribbon-track, .v5-scroll-hint i::after { animation: none; }
  .v5-chapter[data-no]::after { opacity: 1; transform: none; transition: none; }
}

:root {
  --blue: #037b97;
  --blue-hover: #05637a;
  --violet: #008aa6;
  --grad-brand: linear-gradient(100deg, #0688a7 0%, #0187a5 55%, #018faa 100%);
  --grad-em: linear-gradient(100deg, #00738e 0%, #0a83a0 45%, #068ba6 100%);
  --tint-a: rgba(9, 140, 171, .07);
  --tint-b: rgba(1, 143, 170, .06);
}

.v5-sec.v5-white { background: radial-gradient(60% 50% at 100% 0%, var(--tint-b), transparent 70%), radial-gradient(50% 45% at 0% 100%, var(--tint-a), transparent 70%), var(--paper); }
.v5-sec.v5-mist, body.v5 .atlas-form-section { background: radial-gradient(55% 50% at 0% 0%, var(--tint-a), transparent 70%), radial-gradient(55% 50% at 100% 100%, var(--tint-b), transparent 70%), #f4f5fa !important; }

.v5-btn-blue,
body.v5 .site-header.on-light .header-actions .v5-btn-solid,
body.v5 .form-card .btn-primary,
body.v5 #success .btn-primary { background: var(--grad-brand); box-shadow: 0 10px 24px -12px rgba(7, 128, 156, .7); }
.v5-btn-blue:hover,
body.v5 .site-header.on-light .header-actions .v5-btn-solid:hover { background: var(--grad-brand); filter: brightness(1.08); }
.v5-chapter b, .v5-feat-no, .v5-gov-label b, .v5-step-en, .v5-region-list dt { background: var(--grad-em); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.v5-feat-no i { -webkit-text-fill-color: var(--mute); }
.v5-chapter::before { background: linear-gradient(90deg, rgba(3, 123, 151, .5), rgba(0, 138, 166, .25) 30%, var(--line) 60%); }
.v5-seg-thumb { box-shadow: 0 1px 2px rgba(0, 0, 0, .08), 0 6px 16px -6px rgba(7, 128, 156, .35); }
body.v5 .choice-grid label:has(:checked) { border-color: #0187a5; box-shadow: inset 0 0 0 1px #0187a5; background: rgba(1, 135, 165, .05); }
body.v5 .form-card input[type="checkbox"]:checked { border-color: #0187a5; background-color: #0187a5; }
.v5-node { border-color: #0187a5; }
.v5-timeline li:first-child .v5-node { background: var(--grad-brand); border-color: transparent; box-shadow: 0 0 0 4px rgba(1, 135, 165, .16); }
.v5-timeline::before { background: linear-gradient(90deg, #0187a5, rgba(1, 143, 170, .3) 60%, rgba(0, 0, 0, .1)); }
.v5-step-icon { color: #0187a5; }
.v5-timeline li:hover { border-color: rgba(1, 135, 165, .3); box-shadow: 0 24px 48px -28px rgba(1, 135, 165, .45); }
.v5-map .arcs path { stroke: rgba(1, 135, 165, .6); }
.v5-map .pulses path { stroke: #008aa6; }
.v5-map .nodes circle { stroke: #0187a5; }
.v5-people-track li:hover .v5-face { box-shadow: 0 1px 2px rgba(0, 0, 0, .06), 0 24px 44px -18px rgba(0, 138, 166, .45); }
.v5-hero { background: radial-gradient(60% 50% at 76% 36%, rgba(1, 91, 112, .3), transparent 72%), radial-gradient(40% 40% at 90% 80%, rgba(4, 115, 137, .16), transparent 70%), linear-gradient(180deg, var(--night-2) 0%, var(--night) 100%); }

.v5-chapter[data-no]::after, .v5-chapter::after { display: none; }
.v5-rail-nav { position: fixed; right: clamp(12px, 1.6vw, 28px); top: 50%; z-index: 90; display: grid; justify-items: end; gap: 6px; transform: translate3d(12px, -50%, 0); opacity: 0; pointer-events: none; transition: opacity .5s ease, transform .5s var(--ease); }
.v5-rail-nav.is-shown { opacity: 1; transform: translate3d(0, -50%, 0); }
.v5-rail-no { font-size: 28px; font-weight: 650; line-height: 1; letter-spacing: -.02em; font-feature-settings: "tnum"; background: var(--grad-em); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.v5-rail-name { color: var(--mute); font-size: 11px; letter-spacing: .12em; writing-mode: vertical-rl; }
.v5-rail-nav ol { display: grid; gap: 6px; margin: 8px 0 0; padding: 0; list-style: none; }
.v5-rail-nav li { width: 14px; height: 2px; margin-left: auto; border-radius: 1px; background: rgba(0, 0, 0, .14); transition: width .4s var(--ease), background-color .4s ease; }
.v5-rail-nav li.is-past { background: rgba(1, 135, 165, .45); }
.v5-rail-nav li.is-on { width: 28px; background: var(--grad-brand); }
@media (max-width: 1180px) { .v5-rail-nav { display: none; } }

.v5-ribbon { display: none; }
.v5-lexicon { padding: clamp(56px, 7vw, 104px) var(--margin) clamp(40px, 5vw, 72px); background: var(--paper); text-align: center; }
.v5-lexicon p { max-width: 1320px; margin: 0 auto; font-size: clamp(30px, 4.4vw, 68px); font-weight: 700; line-height: 1.35; letter-spacing: -.02em; text-wrap: balance; }
.v5-lexicon span { display: inline-block; margin: 0 .22em; color: transparent; -webkit-text-stroke: 1px rgba(29, 29, 31, .2); transition: -webkit-text-stroke-color .6s ease; }
.v5-lexicon span.s { font-size: .62em; font-weight: 600; vertical-align: .18em; }
.v5-lexicon span.is-lit { -webkit-text-stroke: 0 transparent; background: var(--grad-em); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: v5-lit .7s var(--ease) both; }
@keyframes v5-lit { from { opacity: .3; filter: blur(4px); } to { opacity: 1; filter: none; } }

.v5-stats li::after { background: #008aa6; }

.v5-scroll-hint { left: 50%; bottom: 20px; flex-direction: column; gap: 8px; transform: translateX(-50%); letter-spacing: .3em; font-size: 11px; }
.v5-scroll-hint i { width: 20px; height: 32px; overflow: hidden; border: 1px solid rgba(255, 255, 255, .3); border-radius: 12px; background: none; }
.v5-scroll-hint i::after { left: 50%; top: 5px; right: auto; width: 3px; height: 7px; margin-left: -1.5px; border-radius: 2px; inset: 5px auto auto 50%; background: linear-gradient(#fff, var(--gold)); animation: v5-drop 2s var(--ease) infinite; transform: none; }
@keyframes v5-drop { 0% { transform: translateY(0); opacity: 1; } 70% { transform: translateY(12px); opacity: 0; } 100% { opacity: 0; } }

@media (max-width: 760px) {
  .v5-lexicon { padding: 48px 24px 32px; }
  .v5-lexicon p { font-size: 30px; }
}
@media (prefers-reduced-motion: reduce) {
  .v5-lexicon span.is-lit { animation: none; }
  .v5-scroll-hint i::after { animation: none; }
}
.v5-rail-name { display: none; }


.v5-timeline.active { padding-top: 0; column-gap: var(--gap); }
.v5-timeline::before { top: 7px; left: 7px; right: 0; }
.v5-timeline li { min-height: 0; margin: 0; padding: 48px 0 0; border: 0; border-radius: 0; background: none; overflow: visible; }
.v5-timeline li:hover { border: 0; box-shadow: none; transform: none; }
.v5-timeline .v5-node { left: 0; top: 0; transform: none; }
@media (max-width: 760px) {
  .v5-timeline.active { row-gap: 0; }
  .v5-timeline::before { left: 7px; top: 8px; }
  .v5-timeline li { margin-left: 0; padding: 0 0 32px 40px; }
  .v5-timeline .v5-node { left: 0; top: 0; }
}

.v5-map {
  position: relative;
  isolation: isolate;
  padding: clamp(20px, 2.4vw, 36px) clamp(16px, 2vw, 28px) 20px;
  border-radius: 28px;
  background:
    radial-gradient(60% 70% at 42% 40%, rgba(7, 107, 131, .28), transparent 70%),
    radial-gradient(40% 50% at 90% 20%, rgba(5, 127, 151, .18), transparent 70%),
    linear-gradient(180deg, #030f14 0%, #02070a 100%);
  box-shadow: 0 40px 80px -40px rgba(1, 41, 52, .55), inset 0 1px rgba(255, 255, 255, .08);
  overflow: hidden;
}
.v5-map-canvas { position: absolute; z-index: 0; pointer-events: none; }
.v5-map-svg { position: relative; z-index: 1; }
.v5-map .land, .v5-map .arcs, .v5-map .pulses { display: none; }
.v5-map .nodes circle { fill: #04141a; stroke: #8cc6d9; }
.v5-map .labels text { fill: rgba(245, 245, 247, .9); font-weight: 500; }
.v5-map .labels .hub-label { fill: #f1d9ad; font-weight: 600; }
.v5-map .hub .core { stroke: #fff; }
.v5-map figcaption { position: relative; z-index: 1; padding: 0 4px; color: rgba(245, 245, 247, .5); }
.v5-map figcaption i { background: #04141a; border-color: #8cc6d9; }

.v5-rail::after { height: var(--fill, 0px) !important; top: var(--y0, 10px); transition: height 1.1s cubic-bezier(.65, 0, .35, 1); box-shadow: 0 0 8px rgba(231, 216, 191, .55); }
.v5-rail::before { top: var(--y0, 10px); }
.v5-rail-pill {
  position: absolute;
  left: -10px;
  right: -12px;
  top: 0;
  z-index: 0;
  border-radius: 12px;
  background: linear-gradient(90deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .03));
  box-shadow: inset 0 1px rgba(255, 255, 255, .12), inset 0 0 0 1px rgba(255, 255, 255, .05);
  transition: transform 1.1s cubic-bezier(.65, 0, .35, 1), height .4s ease;
  pointer-events: none;
}
.v5-rail li { z-index: 1; }
.v5-rail-head {
  position: absolute;
  left: 2px;
  top: calc(var(--y0, 10px) + var(--fill, 0px) - 3.5px);
  z-index: 2;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 6px 2px rgba(255, 230, 190, .9), 0 0 18px 6px rgba(231, 216, 191, .35);
  transition: top 1.1s cubic-bezier(.65, 0, .35, 1);
}
.v5-rail li.is-on i { animation: v5-ripple 2.2s ease-out 1; }
@keyframes v5-ripple { 0% { box-shadow: 0 0 0 0 rgba(231, 216, 191, .55); } 100% { box-shadow: 0 0 0 12px rgba(231, 216, 191, 0); } }
.v5-rail li span, .v5-rail li small { transition: color .6s ease, transform .6s var(--ease); }
.v5-rail li.is-on span { transform: translateX(3px); }
.v5-rail li.is-on small { color: var(--on-dark-2); }

@media (prefers-reduced-motion: reduce) {
  .v5-rail-pill, .v5-rail-head, .v5-rail::after { transition: none; }
  .v5-rail li.is-on i { animation: none; }
}

.v5-sec.v5-deep {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: var(--on-dark-2);
  background:
    radial-gradient(55% 60% at 70% 45%, rgba(1, 91, 112, .28), transparent 72%),
    radial-gradient(40% 40% at 10% 90%, rgba(4, 115, 137, .14), transparent 70%),
    linear-gradient(180deg, var(--night-2) 0%, var(--night) 100%) !important;
}
.v5-deep-sky { position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: .7; }
.v5-deep-sky canvas { display: block; width: 100%; height: 100%; }
.v5-deep::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(60% 60% at 22% 45%, rgba(1, 5, 7, .6), transparent 75%); }
.v5-deep .v5-chapter { color: var(--on-dark-2); }
.v5-deep .v5-chapter::before { background: linear-gradient(90deg, rgba(121, 190, 211, .5), rgba(255, 255, 255, .1) 50%); }
.v5-deep .v5-chapter i { color: rgba(255, 255, 255, .25); }
.v5-deep .v5-chapter .en { color: var(--on-dark-3); }
.v5-deep .v5-h2 { color: #fff; }
.v5-deep .v5-em { background: linear-gradient(100deg, #f1dcb8 0%, #c3e0ea 55%, #65b9d0 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.v5-deep .v5-body { color: var(--on-dark-2); }
.v5-deep .v5-region-list { border-color: var(--line-dark); }
.v5-deep .v5-region-list dd { color: #fff; }
.v5-deep .v5-region-list dt { background: none; -webkit-text-fill-color: var(--gold); color: var(--gold); }
.v5-deep .v5-btn-blue { color: var(--ink); background: var(--on-dark); box-shadow: none; }
.v5-deep .v5-btn-blue:hover { background: #fff; filter: none; }

.v5-deep .v5-map { padding: 0; border-radius: 0; background: none; box-shadow: none; overflow: visible; }
.v5-deep #scope .v5-5-7 > :last-child, #scope.v5-deep .v5-5-7 > :last-child { margin-right: calc(-1 * var(--margin) * .6); }
.v5-deep .v5-map figcaption { margin-top: 12px; }

.v5-deep .v5-logo-strip li {
  border: 1px solid rgba(255, 255, 255, .08);
  background: linear-gradient(160deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .02));
  box-shadow: inset 0 1px rgba(255, 255, 255, .08);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.v5-deep .v5-logos strong { color: #fff; }
.v5-deep .v5-logos small, .v5-deep .v5-logos figcaption { color: var(--on-dark-3); }
.v5-deep .v5-mark { opacity: .85; }
@media (max-width: 1080px) { #scope.v5-deep .v5-5-7 > :last-child { margin-right: 0; } }

.v5-map .labels text { font-size: 17px; letter-spacing: .06em; paint-order: stroke; stroke: rgba(2, 9, 12, .7); stroke-width: 4px; stroke-linejoin: round; }
.v5-map .labels .hub-label { font-size: 19px; }
.v5-map .labels .hub-tag { font-size: 11px; font-weight: 500; letter-spacing: .12em; fill: rgba(241, 217, 173, .7); }
.v5-map .nodes .near { stroke-width: 1.6; }
@media (max-width: 760px) {
  .v5-map .labels text { font-size: 17px; stroke-width: 3.5px; }
  .v5-map .labels .hub-label { font-size: 19px; }
  .v5-map .labels .hub-tag { font-size: 11px; }
}


.v5-h1-summit .l1 .gap { display: inline-block; width: .42em; }
.v5-h1-summit .l2 { margin-top: .18em; font-size: .5em; font-weight: 600; letter-spacing: .08em; line-height: 1.2; }
.v5-hero-sub {
  position: relative;
  z-index: 5;
  margin: 24px 0 0;
  color: var(--on-dark);
  font-size: var(--t3);
  font-weight: 500;
  letter-spacing: .04em;
  line-height: 1.5;
}
.v5-hero-sub .ji { margin: 0 .3em; color: var(--on-dark-3); font-size: .72em; font-weight: 400; }
.v5-hero .v5-hero-split { margin-top: 40px; }
.v5-countdown b { color: #fff; font-size: 13px; font-weight: 600; font-variant-numeric: tabular-nums; letter-spacing: .04em; }

.v5-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: var(--gap);
  margin: 0 0 clamp(72px, 8vw, 120px);
  padding: 0;
}
.v5-facts > div { padding: 24px 0 32px; border-top: 1px solid rgba(0, 0, 0, .12); }
.v5-facts dt { color: var(--mute); font-size: var(--t7); font-weight: 600; letter-spacing: .12em; }
.v5-facts dd { margin: 12px 0 0; color: var(--ink); font-size: var(--t4); font-weight: 600; line-height: 1.55; }

.v5-day-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-bottom: 1px solid rgba(0, 0, 0, .12); }
.v5-day-tabs button {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 12px;
  align-items: baseline;
  padding: 20px 4px 24px;
  border: 0;
  color: var(--mute);
  background: none;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: color .2s ease;
}
.v5-day-tabs button::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--grad-brand); transform: scaleX(0); transform-origin: left; transition: transform .4s var(--ease); }
.v5-day-tabs button.active { color: var(--ink); }
.v5-day-tabs button.active::after { transform: none; }
.v5-day-tabs button:hover { color: var(--ink); }
.v5-day-tabs button:focus-visible { outline: 2px solid var(--blue); outline-offset: -2px; border-radius: 4px; }
.v5-day-tabs em { font-size: var(--t7); font-style: normal; font-weight: 600; letter-spacing: .12em; }
.v5-day-tabs button.active em { background: var(--grad-em); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.v5-day-tabs b { font-size: var(--t3); font-weight: 600; letter-spacing: -.01em; font-variant-numeric: tabular-nums; }
.v5-day-tabs span { grid-column: 2; margin-top: 4px; font-size: var(--t6); }
.v5-day { display: none; }
.v5-day.active { display: block; animation: v5-day-in .5s var(--ease); }
@keyframes v5-day-in { from { opacity: 0; transform: translate3d(0, 8px, 0); } }
.v5-day-head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding: 24px 0; border-bottom: 1px solid var(--line); }
.v5-day-head b { background: var(--grad-em); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-size: var(--t6); font-weight: 600; letter-spacing: .08em; }
.v5-day-head span { color: var(--ink); font-size: var(--t6); font-weight: 600; }
.v5-day ol { margin: 0; padding: 0; list-style: none; }
.v5-day li {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--gap);
  align-items: baseline;
  padding: 28px 0;
  border-bottom: 1px solid var(--line);
}
.v5-day-slot { grid-column: 1 / span 2; color: var(--ink); font-size: var(--t5); font-weight: 600; }
.v5-day-main { grid-column: 3 / span 6; }
.v5-day-main h3 { margin: 0; color: var(--ink); font-size: var(--t4); font-weight: 600; line-height: 1.5; }
.v5-day-main p { margin: 8px 0 0; color: var(--copy); font-size: var(--t6); line-height: 1.7; }
.v5-day-venue { grid-column: 9 / span 4; color: var(--mute); font-size: var(--t6); line-height: 1.7; text-align: right; }
.v5-day li.key .v5-day-main h3 { background: var(--grad-em); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.v5-day li.expo .v5-day-slot { color: var(--mute); }
#schedule .v5-small { margin-top: 32px; }

.v5-agenda-meta { display: grid; gap: 8px; text-align: right; }
.v5-agenda-meta b { color: var(--ink); font-size: var(--t4); font-weight: 600; font-variant-numeric: tabular-nums; }
.v5-agenda-meta span { color: var(--mute); font-size: var(--t6); }
.v5-agenda { position: relative; margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(0, 0, 0, .12); }
.v5-agenda > li {
  position: relative;
  display: grid;
  grid-template-columns: 11rem 2.5rem minmax(0, 1fr) 6rem;
  column-gap: 16px;
  align-items: start;
  padding: 28px 0;
  border-bottom: 1px solid var(--line);
}
.v5-agenda > li::before { content: ""; position: absolute; top: 0; bottom: 0; left: calc(11rem + 16px + 1.25rem); border-left: 1px dashed rgba(1, 135, 165, .28); }
.v5-agenda time { padding-top: 22px; color: var(--ink); font-size: var(--t5); font-weight: 600; font-variant-numeric: tabular-nums; letter-spacing: .01em; }
.v5-agenda-dot { position: relative; z-index: 1; justify-self: center; width: 12px; height: 12px; margin-top: 28px; border: 1.5px solid #0187a5; border-radius: 50%; background: var(--paper); box-shadow: 0 0 0 4px rgba(1, 135, 165, .1); }
.v5-agenda-dot::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; background: var(--grad-brand); }
.v5-agenda-main small { display: block; background: var(--grad-em); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-size: var(--t7); font-weight: 600; letter-spacing: .14em; }
.v5-agenda-main h3 { margin: 8px 0 0; color: var(--ink); font-size: var(--t4); font-weight: 600; line-height: 1.5; }
.v5-agenda-main p { margin: 8px 0 0; color: var(--copy); font-size: var(--t6); line-height: 1.75; }
.v5-agenda-cn { justify-self: end; padding-top: 12px; white-space: nowrap; color: rgba(29, 29, 31, .08); font-size: 40px; font-weight: 600; line-height: 1; }
.v5-agenda > li.atlas, .v5-agenda > li.key, .v5-agenda > li.round { background: linear-gradient(90deg, transparent, var(--tint-a) 30%, var(--tint-b) 80%, transparent); }
.v5-agenda > li.atlas .v5-agenda-cn, .v5-agenda > li.key .v5-agenda-cn { color: rgba(1, 135, 165, .16); }
.v5-agenda-link { display: inline-flex; gap: 6px; margin-top: 12px; color: var(--blue); font-size: var(--t6); font-weight: 600; }
.v5-agenda-link span { transition: transform .2s ease; }
.v5-agenda-link:hover span { transform: translateX(3px); }
.v5-topics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 24px; margin: 12px 0 0; padding: 0; list-style: none; }
.v5-topics li { display: flex; gap: 10px; color: var(--ink); font-size: var(--t6); line-height: 1.7; }
.v5-topics b { color: #0187a5; font-size: var(--t7); font-weight: 600; letter-spacing: .08em; line-height: 2; }
#opening .v5-small { margin-top: 32px; }

.v5-guest-group + .v5-guest-group { margin-top: clamp(56px, 6vw, 88px); }
.v5-guest-head { display: flex; align-items: baseline; gap: 16px; margin: 0; padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, .12); color: var(--ink); font-size: var(--t4); font-weight: 600; }
.v5-guest-head span { color: var(--mute); font-size: var(--t7); font-weight: 500; letter-spacing: .14em; }
.v5-guest-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: var(--gap); margin: 0; padding: 0; list-style: none; }
.v5-guest-list li { display: flex; align-items: flex-start; gap: 20px; padding: 28px 0; border-bottom: 1px solid var(--line); }
.v5-guest-mono {
  position: relative;
  flex: 0 0 56px;
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  color: var(--ink);
  background: var(--paper);
  font-size: 20px;
  font-weight: 600;
  box-shadow: 0 8px 20px -10px rgba(4, 102, 125, .35);
}
.v5-guest-mono::before { content: ""; position: absolute; inset: -2px; z-index: -1; border-radius: 50%; background: var(--grad-brand); opacity: .55; }
.v5-guest-list h4 { margin: 4px 0 0; color: var(--ink); font-size: var(--t4); font-weight: 600; line-height: 1.4; }
.v5-guest-list h4 em { display: block; margin-top: 2px; color: var(--mute); font-size: var(--t7); font-style: normal; font-weight: 500; letter-spacing: .06em; }
.v5-guest-list p { margin: 8px 0 0; color: var(--copy); font-size: var(--t6); line-height: 1.7; }

.v5-org { border-top: 1px solid rgba(0, 0, 0, .12); }
.v5-org-row { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gap); padding: 36px 0; border-bottom: 1px solid var(--line); }
.v5-org-label { grid-column: 1 / span 3; }
.v5-org-label b { display: block; background: var(--grad-em); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-size: var(--t7); font-weight: 600; letter-spacing: .14em; }
.v5-org-label span { display: block; margin-top: 8px; color: var(--ink); font-size: var(--t4); font-weight: 600; }
.v5-org-label small { display: block; margin-top: 8px; color: var(--mute); font-size: var(--t6); line-height: 1.7; }
.v5-org-row ul { grid-column: 4 / span 9; display: flex; flex-wrap: wrap; align-content: flex-start; gap: 12px; margin: 0; padding: 0; list-style: none; }
.v5-org-row li { padding: 10px 18px; border: 1px solid var(--line); border-radius: 999px; color: var(--ink); background: var(--paper); font-size: var(--t6); font-weight: 500; line-height: 1.5; }
.v5-org-row:first-child li, .v5-org-row:nth-child(3) li { border-color: rgba(1, 135, 165, .3); box-shadow: 0 6px 18px -12px rgba(4, 102, 125, .5); }

@media (max-width: 1080px) {
  .v5-guest-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .v5-day-slot { grid-column: 1 / span 2; }
  .v5-day-main { grid-column: 3 / -1; }
  .v5-day-venue { grid-column: 3 / -1; margin-top: 8px; text-align: left; }
  .v5-org-label { grid-column: 1 / -1; margin-bottom: 20px; }
  .v5-org-row ul { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
  .v5-h1-summit .l1 .gap { display: none; }
  .v5-h1-summit .l2 { font-size: .62em; }
  .v5-hero-sub { margin-top: 16px; font-size: 16px; }
  .v5-hero .v5-hero-split { margin-top: 32px; }
  .v5-facts { grid-template-columns: 1fr 1fr; }
  .v5-facts > div { padding: 20px 0 24px; }
  .v5-facts dd { font-size: 16px; }
  .v5-day-tabs button { grid-template-columns: 1fr; padding: 16px 4px 18px; }
  .v5-day-tabs em { display: none; }
  .v5-day-tabs span { grid-column: 1; font-size: 12px; }
  .v5-day-head { flex-direction: column; gap: 4px; }
  .v5-day li { display: block; padding: 24px 0; }
  .v5-day-slot { display: block; margin-bottom: 8px; font-size: 13px; }
  .v5-day-venue { display: block; }
  .v5-agenda-meta { text-align: left; }
  .v5-agenda > li { grid-template-columns: 24px minmax(0, 1fr); column-gap: 12px; padding: 24px 0; }
  .v5-agenda > li::before { left: 12px; }
  .v5-agenda time { grid-column: 2; grid-row: 1; padding-top: 0; font-size: 14px; }
  .v5-agenda-dot { grid-column: 1; grid-row: 1; margin-top: 5px; }
  .v5-agenda-main { grid-column: 2; margin-top: 8px; }
  .v5-agenda-cn { display: none; }
  .v5-topics { grid-template-columns: 1fr; }
  .v5-guest-list { grid-template-columns: 1fr; }
  .v5-guest-list li { gap: 16px; padding: 24px 0; }
  .v5-guest-mono { flex-basis: 48px; width: 48px; height: 48px; font-size: 17px; }
  .v5-org-row { padding: 28px 0; }
  .v5-org-row ul { gap: 8px; }
  .v5-org-row li { padding: 8px 14px; font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  .v5-day.active { animation: none; }
  .v5-day-tabs button::after { transition: none; }
}

.v5-tbd { display: inline-block; margin-left: 10px; padding: 2px 10px; border: 1px dashed rgba(1, 135, 165, .45); border-radius: 999px; color: #0187a5; -webkit-text-fill-color: #0187a5; font-size: 12px; font-weight: 500; letter-spacing: .06em; line-height: 1.6; vertical-align: .2em; }
.v5-tbd-line { color: var(--mute) !important; }
.v5-day li.tbd .v5-day-main h3 { color: var(--copy); }

.v5-plate-head {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--gap);
  row-gap: 40px;
  align-items: end;
  margin-bottom: clamp(56px, 6vw, 88px);
}
.v5-plate-head > .v5-h2 { grid-column: 1 / span 6; }
.v5-plate { grid-column: 8 / span 5; padding-top: 20px; border-top: 1px solid rgba(0, 0, 0, .14); }
.v5-plate-kicker { display: flex; align-items: center; gap: 12px; color: var(--mute); font-size: var(--t7); font-weight: 600; letter-spacing: .18em; }
.v5-plate-kicker i { width: 24px; height: 1px; background: var(--grad-brand); opacity: .7; }
.v5-plate-big {
  display: flex;
  align-items: center;
  gap: .22em;
  margin: 16px 0 24px;
  color: var(--ink);
  font-size: clamp(48px, 5.2vw, 88px);
  font-weight: 200;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.045em;
  line-height: 1;
  white-space: nowrap;
}
.v5-plate-big span:last-child { background: var(--grad-em); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.v5-plate-big i { flex: 0 0 .56em; height: 1px; margin-top: .06em; background: linear-gradient(90deg, rgba(29, 29, 31, .5), #068ba6); }
.v5-plate-meta { margin: 0; }
.v5-plate-meta div { display: flex; justify-content: space-between; gap: 16px; padding: 12px 0; border-top: 1px solid var(--line); }
.v5-plate-meta dt { color: var(--mute); font-size: var(--t6); }
.v5-plate-meta dd { margin: 0; color: var(--ink); font-size: var(--t6); font-weight: 600; text-align: right; }

.v5-ruler { margin: 0 0 clamp(48px, 5vw, 72px); }
.v5-ruler-bar { display: flex; gap: 3px; height: 8px; }
.v5-ruler-bar i, .v5-ruler figcaption i { border-radius: 2px; background: rgba(29, 29, 31, .12); }
.v5-ruler .talk { background: rgba(1, 135, 165, .32); }
.v5-ruler .key { background: #0a83a0; }
.v5-ruler .launch { background: var(--gold); }
.v5-ruler .round { background: #018faa; }
.v5-ruler-bar i { min-width: 3px; transform-origin: left; transform: scaleX(0); transition: transform .9s var(--ease); }
.v5-ruler.is-in .v5-ruler-bar i { transform: none; }
.v5-ruler-ticks { position: relative; height: 28px; margin-top: 10px; }
.v5-ruler-ticks span { position: absolute; top: 0; color: var(--mute); font-size: var(--t7); font-variant-numeric: tabular-nums; letter-spacing: .06em; transform: translateX(-50%); }
.v5-ruler-ticks span::before { content: ""; position: absolute; left: 50%; top: -8px; width: 1px; height: 5px; background: rgba(29, 29, 31, .25); }
.v5-ruler-ticks span:first-child { transform: none; }
.v5-ruler-ticks span:first-child::before { left: 0; }
.v5-ruler-ticks span:last-child { transform: translateX(-100%); }
.v5-ruler-ticks span:last-child::before { left: auto; right: 0; }
.v5-ruler figcaption { display: flex; flex-wrap: wrap; gap: 8px 24px; color: var(--copy); font-size: var(--t7); }
.v5-ruler figcaption span { display: inline-flex; align-items: center; gap: 8px; }
.v5-ruler figcaption i { width: 14px; height: 6px; }

@media (max-width: 1080px) {
  .v5-plate-head > .v5-h2 { grid-column: 1 / -1; }
  .v5-plate { grid-column: 1 / span 8; }
}
@media (max-width: 760px) {
  .v5-plate-head { row-gap: 32px; margin-bottom: 48px; }
  .v5-plate { grid-column: 1 / -1; }
  .v5-plate-big { font-size: clamp(40px, 12.5vw, 56px); margin: 12px 0 16px; }
  .v5-ruler-bar { height: 6px; gap: 2px; }
  .v5-ruler figcaption { gap: 8px 16px; }
  .v5-ruler-ticks span:nth-child(2) { display: none; }

  .v5-hero-meta { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; }
  .v5-hero-meta .v5-brandline { grid-column: 1; grid-row: 1; }
  .v5-hero-meta .v5-countdown { grid-column: 2; grid-row: 1; justify-self: end; }
  .v5-hero-meta .v5-tag:not(.v5-countdown) { grid-column: 1 / -1; grid-row: 2; justify-self: start; }
}
@media (prefers-reduced-motion: reduce) {
  .v5-ruler-bar i { transform: none; transition: none; }
}

[data-countdown][hidden] { display: none !important; }

.v5-h1 { letter-spacing: .04em; line-height: 1.2; }
.v5-h1-summit .l2 { letter-spacing: .18em; }
.v5-hero-sub { letter-spacing: .1em; }
.v5-h2 { letter-spacing: .04em; line-height: 1.45; }
.v5-quote p, .v5-cta-title, .v5-lexicon p, .v5-ribbon b { letter-spacing: .04em; }
.v5-cta-title { line-height: 1.3; }
.v5-lead, .v5-body, .v5-hero-lead p, .v5-small { letter-spacing: .03em; }
.v5-feat h3, .v5-day-main h3, .v5-agenda-main h3, .v5-guest-list h4, .v5-gov-row strong, .v5-org-label span, .v5-facts dd, .v5-guest-head, .v5-timeline h3 { letter-spacing: .04em; }
.v5-feat p, .v5-day-main p, .v5-agenda-main p, .v5-guest-list p, .v5-gov-row small, .v5-timeline p { letter-spacing: .03em; }
.v5-plate-big { letter-spacing: 0; }
.v5-target strong { letter-spacing: 0; }

.v5-hero-coord { display: none; }

@media (max-width: 760px) {
  .v5-hero { padding-top: calc(var(--header-h) + 40px); }
  .v5-hero-meta { display: none; }

  .v5-h1 { margin-top: 0; font-size: clamp(38px, 11.2vw, 46px); letter-spacing: .08em; line-height: 1.3; }
  .v5-h1-summit .l2 { display: flex; align-items: center; gap: 12px; margin-top: 16px; font-size: 16px; font-weight: 500; letter-spacing: .3em; }
  .v5-h1-summit .l2::before { content: ""; flex: 0 0 28px; height: 1px; background: linear-gradient(90deg, var(--gold), rgba(101, 185, 208, .8)); }

  .v5-hero-sub { margin-top: 24px; color: var(--on-dark-2); font-size: 14px; font-weight: 400; letter-spacing: .12em; line-height: 1.9; }
  .v5-hero-sub > span:first-child { display: block; }
  .v5-hero-sub .ji { margin: 0 .2em 0 0; font-size: 1em; color: var(--on-dark-3); }

  .v5-hero-coord {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    margin: 32px 0 0;
    padding: 18px 0;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 20px;
    background: linear-gradient(160deg, rgba(1, 72, 90, .32), rgba(3, 18, 24, .5));
    box-shadow: inset 0 1px rgba(255, 255, 255, .08);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
  }
  .v5-hero-coord > div { padding: 0 14px; }
  .v5-hero-coord > div + div { border-left: 1px solid rgba(255, 255, 255, .1); }
  .v5-hero-coord dt { color: var(--on-dark-3); font-size: 10px; font-weight: 600; letter-spacing: .16em; }
  .v5-hero-coord dd { margin: 10px 0 0; color: #fff; font-size: 17px; font-weight: 600; letter-spacing: .04em; font-variant-numeric: tabular-nums; white-space: nowrap; }
  .v5-hero-coord dd b { font-weight: 600; background: linear-gradient(100deg, #f1dcb8, #c3e0ea); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
  .v5-hero-coord dd.sub { margin-top: 6px; color: var(--on-dark-3); font-size: 11px; font-weight: 400; letter-spacing: .06em; white-space: normal; }

  .v5-hero-split { margin-top: 32px; }
  .v5-hero-lead p { font-size: 15px; line-height: 1.95; letter-spacing: .05em; }
  .v5-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 28px; }
  .v5-actions .v5-btn { justify-content: center; }
  .v5-hero-points { display: none; }

}
@media (max-width: 760px) {
  .v5-hero-coord { position: relative; z-index: 5; }
  .v5-hero-lead p { text-wrap: pretty; }
}
@media (max-width: 760px) { .v5-hero-lead p br { display: inline; } }


body.v5 { letter-spacing: .05em; }
body.v5 main p, body.v5 main li, body.v5 main dd, body.v5 footer p { line-height: 1.95; }
.v5-h1 { letter-spacing: .06em; }
.v5-h2 { letter-spacing: .06em; line-height: 1.5; }
.v5-quote p, .v5-cta-title, .v5-lexicon p, .v5-ribbon b { letter-spacing: .06em; }
.v5-lead, .v5-body, .v5-hero-lead p, .v5-small,
.v5-feat p, .v5-day-main p, .v5-agenda-main p, .v5-guest-list p, .v5-gov-row small, .v5-timeline p, .v5-org-label small, .v5-plate-meta dt, .v5-plate-meta dd { letter-spacing: .06em; }
.v5-feat h3, .v5-day-main h3, .v5-agenda-main h3, .v5-guest-list h4, .v5-gov-row strong, .v5-org-label span, .v5-facts dd, .v5-guest-head, .v5-timeline h3, .v5-day-head span { letter-spacing: .06em; }
.v5-btn, body.v5 .desktop-nav a, body.v5 .v5-seg button, body.v5 .preview-ribbon span, .v5-phases li, .v5-card-scope dd, .v5-org-row li, .v5-topics li, .v5-legend { letter-spacing: .06em; }
.v5-agenda time, .v5-day-tabs b, .v5-dial-no { letter-spacing: .04em; }
.v5-feat p, .v5-day-main p, .v5-agenda-main p, .v5-guest-list p, .v5-gov-row small, .v5-org-label small { line-height: 1.95; }
.v5-feat h3 { margin-bottom: 12px; }
.v5-agenda-main p, .v5-day-main p, .v5-guest-list p { margin-top: 10px; }

.v5-coord { display: none; }
@media (max-width: 760px) {
  .v5-coord {
    position: relative;
    z-index: 5;
    display: block;
    margin-top: 36px;
    padding: 5px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 26px;
    background: rgba(2, 13, 18, .3);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
  }
  .v5-coord-inner {
    padding: 18px 18px 16px;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 21px;
    background:
      radial-gradient(90% 70% at 50% 0%, rgba(8, 144, 175, .14), transparent 70%),
      linear-gradient(170deg, rgba(3, 53, 66, .45), rgba(2, 16, 21, .6));
  }
  .v5-coord-head { display: flex; justify-content: space-between; align-items: center; color: #fff; font-size: 10px; font-weight: 600; letter-spacing: .18em; }
  .v5-coord-head span:first-child { display: inline-flex; align-items: center; gap: 8px; }
  .v5-coord-head i { width: 5px; height: 5px; border-radius: 50%; background: #3ca8c5; box-shadow: 0 0 8px #3ca8c5; }
  .v5-coord-head span:last-child { color: var(--on-dark-2); }
  .v5-coord-cells { display: grid; grid-template-columns: 1fr 1fr; margin: 16px 0 0; border-top: 1px solid rgba(255, 255, 255, .09); border-bottom: 1px solid rgba(255, 255, 255, .09); }
  .v5-coord-cells > div { padding: 16px 8px; text-align: center; }
  .v5-coord-cells > div + div { border-left: 1px solid rgba(255, 255, 255, .09); }
  .v5-coord-cells dt { background: linear-gradient(90deg, #81c0d6, #6abdd3); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-size: 10px; font-weight: 600; letter-spacing: .2em; }
  .v5-coord-cells dd { margin: 8px 0 0; color: #fff; font-size: 17px; font-weight: 600; line-height: 1.4; letter-spacing: .04em; font-variant-numeric: tabular-nums; white-space: nowrap; }
  .v5-coord-cells dd.sub { margin-top: 4px; color: var(--on-dark-3); font-size: 11px; font-weight: 400; letter-spacing: .08em; }
  .v5-coord-count { padding: 16px 0 4px; text-align: center; }
  .v5-coord-count p { margin: 0; color: var(--on-dark-2); font-size: 10px; font-weight: 600; line-height: 1.6; letter-spacing: .2em; }
  .v5-clock { display: flex; justify-content: center; align-items: flex-start; gap: 10px; margin: 10px 0 0; padding: 0; list-style: none; }
  .v5-clock li { display: grid; justify-items: center; gap: 4px; line-height: 1; }
  .v5-clock b { min-width: 2ch; background: linear-gradient(180deg, #a2d0e0 0%, #43acc8 55%, #69c0d6 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-size: 30px; font-weight: 500; letter-spacing: .02em; font-variant-numeric: tabular-nums; }
  .v5-clock small { color: var(--on-dark-3); font-size: 9px; letter-spacing: .18em; }
  .v5-clock .sep { padding-top: 5px; color: var(--on-dark-3); font-size: 20px; }
  .v5-coord-link { display: grid; justify-items: center; gap: 6px; margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(255, 255, 255, .09); color: #fff; }
  .v5-coord-link small { background: linear-gradient(90deg, #81c0d6, #6abdd3); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-size: 10px; font-weight: 600; letter-spacing: .2em; }
  .v5-coord-link span { display: inline-flex; gap: 8px; font-size: 13px; font-weight: 600; letter-spacing: .08em; }
  .v5-coord-link i { color: #84c2d6; font-style: normal; }

  .v5-hero .v5-bento { width: 640px; max-width: none; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 72px; pointer-events: none; }
}

@media (max-width: 760px) {
  .v5-hero-lead { display: flex; flex-direction: column; }
  .v5-hero-lead .v5-coord { order: -1; margin: 0 0 36px; }
}

@media (min-width: 761px) {
  .v5-hero-meta, .v5-hero-points { display: none; }
  .v5-hero .v5-h1 { margin-top: 0; }

  .v5-coord {
    position: relative;
    z-index: 5;
    display: block;
    max-width: 600px;
    margin-top: 48px;
    padding: 5px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 24px;
    background: rgba(2, 13, 18, .3);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
  }
  .v5-coord-inner {
    display: grid;
    grid-template-columns: 1fr 1fr 1.45fr;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 19px;
    background:
      radial-gradient(80% 90% at 80% 0%, rgba(8, 144, 175, .16), transparent 70%),
      linear-gradient(170deg, rgba(3, 53, 66, .45), rgba(2, 16, 21, .6));
  }
  .v5-coord-head { grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: center; padding: 14px 22px; border-bottom: 1px solid rgba(255, 255, 255, .08); color: #fff; font-size: 11px; font-weight: 600; letter-spacing: .2em; }
  .v5-coord-head span:first-child { display: inline-flex; align-items: center; gap: 10px; }
  .v5-coord-head i { width: 5px; height: 5px; border-radius: 50%; background: #3ca8c5; box-shadow: 0 0 8px #3ca8c5; }
  .v5-coord-head span:last-child { color: var(--on-dark-2); }
  .v5-coord-cells { display: contents; }
  .v5-coord-cells > div, .v5-coord-count { padding: 18px 22px 20px; }
  .v5-coord-cells > div + div, .v5-coord-count { border-left: 1px solid rgba(255, 255, 255, .08); }
  .v5-coord-cells dt, .v5-coord-count p { margin: 0; background: linear-gradient(90deg, #81c0d6, #6abdd3); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-size: 10px; font-weight: 600; line-height: 1.6; letter-spacing: .2em; }
  .v5-coord-cells dd { margin: 10px 0 0; color: #fff; font-size: 17px; font-weight: 600; line-height: 1.4; letter-spacing: .04em; font-variant-numeric: tabular-nums; white-space: nowrap; }
  .v5-coord-cells dd.sub { margin-top: 4px; color: var(--on-dark-3); font-size: 12px; font-weight: 400; letter-spacing: .08em; }
  .v5-clock { display: flex; align-items: flex-start; gap: 8px; margin: 10px 0 0; padding: 0; list-style: none; }
  .v5-clock li { display: grid; justify-items: center; gap: 6px; line-height: 1; }
  .v5-clock b { min-width: 2ch; background: linear-gradient(180deg, #a2d0e0 0%, #43acc8 55%, #69c0d6 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-size: 26px; font-weight: 500; letter-spacing: .02em; font-variant-numeric: tabular-nums; }
  .v5-clock small { color: var(--on-dark-3); font-size: 9px; letter-spacing: .18em; }
  .v5-clock .sep { padding-top: 4px; color: var(--on-dark-3); font-size: 18px; }
  .v5-coord-link { display: none; }
}
@media (min-width: 761px) {
  .v5-coord-inner { grid-template-columns: auto auto minmax(0, 1fr); }
  .v5-coord-head { padding: 14px 20px; }
  .v5-coord-cells > div, .v5-coord-count { padding: 18px 20px 20px; }
  .v5-clock { gap: 6px; }
  .v5-clock b { font-size: 24px; }
  .v5-coord-count p { white-space: nowrap; }
}
@media (min-width: 761px) and (max-width: 1280px) {
  .v5-coord-cells > div, .v5-coord-count { padding-inline: 16px; }
  .v5-clock b { font-size: 22px; }
}

@media (max-width: 760px) {
  .v5-hero .v5-bento { transform-origin: 0 0; transition: none; zoom: normal; }
}
@media (max-width: 760px) { .v5-hero .v5-hero-split { display: flow-root; } }
@media (max-width: 760px) { .v5-hero .v5-bento { margin-top: 40px; } }

body.v5 {
  --ink: #002631;
  --copy: #435d66;
  --mute: #758d96;
  --line: rgba(1, 96, 119, .1);
  --paper: #ffffff;
  --mist: #eef6f9;
  --blue: #007d9b;
  --blue-hover: #01667e;
  --gold: #db9905;
  --hot: #ff5a6e;
  --grad-brand: linear-gradient(100deg, #006e88 0%, #018dae 55%, #56b0cf 100%);
  --grad-em: linear-gradient(100deg, #02677f 0%, #05809e 50%, #129ec3 100%);
  --grad-hot: linear-gradient(100deg, #e1a01c 0%, #ff5a6e 100%);
  --tint-a: rgba(6, 147, 181, .1);
  --tint-b: rgba(225, 160, 28, .07);
  background: #f4f8ff;
}
body.v5 ::selection { background: rgba(0, 125, 155, .18); }

.v5-btn { transition: transform .25s var(--ease), box-shadow .25s var(--ease), background-color .2s ease, color .2s ease, border-color .2s ease; }
.v5-btn-solid, .v5-btn-blue { color: #fff; background: var(--grad-brand); box-shadow: 0 14px 30px -14px rgba(0, 125, 155, .75), inset 0 1px rgba(255, 255, 255, .35); }
.v5-btn-solid:hover, .v5-btn-blue:hover { background: var(--grad-brand); transform: translateY(-2px); box-shadow: 0 20px 36px -16px rgba(0, 125, 155, .85), inset 0 1px rgba(255, 255, 255, .35); }
.v5-btn-line { color: var(--blue); border-color: rgba(0, 125, 155, .32); background: rgba(255, 255, 255, .6); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.v5-btn-line:hover { border-color: rgba(0, 125, 155, .6); background: #fff; transform: translateY(-2px); }

.v5-sec { isolation: isolate; overflow: clip; }
.v5-sec.v5-white { background: radial-gradient(55% 45% at 100% 0%, rgba(225, 160, 28, .08), transparent 70%), radial-gradient(50% 45% at 0% 100%, rgba(6, 147, 181, .1), transparent 70%), #fbfdff; }
.v5-sec.v5-mist, body.v5 .atlas-form-section { background: radial-gradient(55% 50% at 0% 0%, rgba(6, 147, 181, .13), transparent 70%), radial-gradient(55% 50% at 100% 100%, rgba(255, 110, 120, .07), transparent 70%), linear-gradient(180deg, #eaf4f8 0%, #f3f8ff 100%) !important; }
.v5-sec::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: min(58vw, 820px);
  height: 220px;
  pointer-events: none;
  background: repeating-linear-gradient(180deg, transparent 0 7px, var(--streak, rgba(6, 147, 181, .28)) 7px 8px);
  background-size: 100% 16px;
  -webkit-mask: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, .6) 45%, transparent 100%);
  mask: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, .6) 45%, transparent 100%);
  animation: v6-streak 9s linear infinite;
}
.v5-sec.v5-white::after { --streak: rgba(219, 153, 5, .3); top: 48px; right: -4vw; transform: rotate(-12deg) scaleX(-1); }
.v5-sec.v5-mist::after { bottom: 40px; left: -4vw; transform: rotate(-12deg); }
@keyframes v6-streak { to { background-position: 0 16px; } }

.v5-h2 { color: var(--ink); }
.v5-em { background: var(--grad-em); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

.v6-glass-field { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.v6-glass-field i {
  position: absolute;
  border: 1px solid rgba(255, 255, 255, .85);
  border-radius: 26px;
  background: linear-gradient(140deg, rgba(255, 255, 255, .62) 0%, rgba(255, 255, 255, .12) 45%, rgba(168, 211, 226, .22) 100%);
  box-shadow: inset 0 1px 0 #fff, inset 0 -18px 36px rgba(89, 175, 204, .18), inset 12px 0 24px rgba(255, 255, 255, .25), 0 30px 60px -30px rgba(6, 103, 128, .35);
  backdrop-filter: blur(6px) saturate(1.3);
  -webkit-backdrop-filter: blur(6px) saturate(1.3);
  transform: rotate(var(--r, 0deg));
  animation: v6-float var(--d, 11s) ease-in-out infinite alternate;
}
.v6-glass-field i.frame { background: transparent; border: 7px solid rgba(255, 255, 255, .55); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .9), 0 0 0 1px rgba(159, 206, 224, .5), 0 24px 50px -30px rgba(6, 103, 128, .35); backdrop-filter: none; -webkit-backdrop-filter: none; }
@keyframes v6-float { from { transform: translate3d(0, 0, 0) rotate(var(--r, 0deg)); } to { transform: translate3d(0, -18px, 0) rotate(calc(var(--r, 0deg) + 3deg)); } }
.v6-hero .g1 { left: 3%; top: 16%; width: 150px; height: 150px; --r: -14deg; --d: 12s; }
.v6-hero .g2 { right: 4%; top: 13%; width: 210px; height: 130px; --r: 9deg; --d: 14s; }
.v6-hero .g3 { left: 9%; top: 52%; width: 120px; height: 170px; --r: 12deg; --d: 13s; }
.v6-hero .g4 { right: 8%; top: 46%; width: 96px; height: 96px; --r: -8deg; --d: 10s; }
.v6-hero .g5 { right: 18%; top: 4%; width: 70px; height: 110px; --r: -18deg; --d: 15s; }
.v6-hero .g6 { left: 24%; top: 6%; width: 56px; height: 56px; --r: 20deg; --d: 9s; }

.v5-hero.v6-hero {
  display: block;
  min-height: 0;
  padding: calc(var(--header-h) + 64px) 0 88px;
  color: var(--ink);
  text-align: center;
  background:
    radial-gradient(52% 42% at 50% 34%, rgba(255, 255, 255, .95), rgba(255, 255, 255, 0) 72%),
    radial-gradient(38% 55% at 0% 58%, rgba(227, 169, 70, .28), transparent 72%),
    radial-gradient(38% 55% at 100% 28%, rgba(96, 178, 206, .4), transparent 72%),
    linear-gradient(180deg, #abd4e4 0%, #d7eaf2 34%, #ebf5f8 68%, #f4f8ff 100%);
}
.v6-sky { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.v6-sky canvas { display: block; width: 100%; height: 100%; }
.v6-hero-inner { position: relative; z-index: 5; }

.v6-hero-title { margin: 0; font-weight: 400; }
.v6-kicker { display: flex; align-items: center; justify-content: center; gap: 22px; color: #06677f; font-size: clamp(22px, 2.5vw, 40px); font-weight: 800; letter-spacing: .32em; line-height: 1.2; }
.v6-kicker b { margin-right: -.32em; font-weight: 800; }
.v6-kicker i { width: clamp(48px, 7vw, 120px); height: 2px; border-radius: 2px; background: linear-gradient(90deg, transparent, #007d9b); }
.v6-kicker i:last-child { background: linear-gradient(90deg, #007d9b, transparent); }
.v6-kicker-en { display: block; margin-top: 10px; color: #05708a; font-size: clamp(11px, .95vw, 14px); font-weight: 600; letter-spacing: .34em; }
.v6-title { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 .55em; margin-top: clamp(18px, 2vw, 28px); font-size: clamp(56px, 8.6vw, 150px); font-weight: 900; line-height: 1.12; letter-spacing: .04em; }
.v6-title span {
  display: inline-block;
  padding: 0 .08em;
  transform: skewX(-9deg);
  background: linear-gradient(180deg, #43a8c9 0%, #007d9b 42%, #045d73 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 4px 0 rgba(3, 72, 89, .22)) drop-shadow(0 18px 28px rgba(0, 125, 155, .35));
}
.v6-when { display: flex; align-items: center; justify-content: center; gap: 22px; margin: clamp(18px, 2vw, 28px) 0 0; color: #00637a; font-size: clamp(17px, 1.6vw, 26px); font-weight: 600; letter-spacing: .14em; }
.v6-when i { width: 2px; height: 1.1em; border-radius: 2px; background: #007d9b; }

.v6-hero-cta { display: grid; justify-items: center; gap: 16px; margin-top: clamp(28px, 3vw, 44px); }
.v6-atlas-btn {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  padding: 8px 8px 8px 30px;
  border: 1px solid rgba(255, 255, 255, .95);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(255, 255, 255, .85), rgba(255, 255, 255, .45));
  box-shadow: 0 22px 44px -22px rgba(1, 103, 128, .55), inset 0 1px #fff, inset 0 -10px 20px rgba(134, 194, 216, .15);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition: transform .3s var(--ease), box-shadow .3s var(--ease);
}
.v6-atlas-btn:hover { transform: translateY(-3px); box-shadow: 0 28px 52px -22px rgba(1, 103, 128, .7), inset 0 1px #fff; }
.v6-atlas-name { color: var(--ink); font-size: clamp(15px, 1.3vw, 19px); font-weight: 700; letter-spacing: .08em; }
.v6-atlas-name em { margin: 0 .35em; color: var(--mute); font-size: .8em; font-style: normal; font-weight: 500; }
.v6-atlas-go { display: inline-flex; align-items: center; gap: 10px; padding: 14px 24px; border-radius: 999px; color: #fff; background: var(--grad-brand); box-shadow: 0 10px 22px -10px rgba(0, 125, 155, .9); font-size: 15px; font-weight: 700; letter-spacing: .12em; white-space: nowrap; }
.v6-atlas-go i { font-style: normal; transition: transform .3s var(--ease); }
.v6-atlas-btn:hover .v6-atlas-go i { transform: translateX(4px); }
.v6-hero-links { display: flex; align-items: center; gap: 14px; margin: 0; font-size: 14px; font-weight: 600; letter-spacing: .1em; }
.v6-hero-links a { color: #01667e; }
.v6-hero-links a:hover { color: #d09202; }
.v6-hero-links i { width: 4px; height: 4px; border-radius: 50%; background: rgba(0, 125, 155, .4); }

.v6-hero-panels { display: grid; gap: 28px; margin-top: clamp(40px, 4.5vw, 64px); text-align: left; }
@media (min-width: 761px) {
  .v6-hero-panels .v5-coord { justify-self: center; width: min(640px, 100%); margin: 0; }
  .v5-hero .v5-bento { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
}
.v5-coord { border-color: rgba(255, 255, 255, .95); background: rgba(255, 255, 255, .42); box-shadow: 0 30px 60px -34px rgba(1, 103, 128, .5); }
.v5-coord-inner { border-color: rgba(0, 125, 155, .1); background: radial-gradient(80% 90% at 80% 0%, rgba(233, 183, 104, .16), transparent 70%), linear-gradient(170deg, rgba(255, 255, 255, .8), rgba(227, 240, 245, .6)); }
.v5-coord-head { color: var(--ink); border-color: rgba(0, 125, 155, .1); }
.v5-coord-head span:last-child { color: var(--mute); }
.v5-coord-head i { background: #db9905; box-shadow: 0 0 8px #db9905; }
.v5-coord-cells, .v5-coord-cells > div + div, .v5-coord-count, .v5-coord-link { border-color: rgba(0, 125, 155, .1) !important; }
.v5-coord-cells dt, .v5-coord-count p, .v5-coord-link small { background: var(--grad-em); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.v5-coord-cells dd { color: var(--ink); }
.v5-coord-cells dd.sub, .v5-clock small, .v5-clock .sep { color: var(--mute); }
.v5-clock b { background: linear-gradient(180deg, #169ec2 0%, #007d9b 55%, #045d73 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.v5-coord-link { color: var(--ink); }
.v5-coord-link i { color: #d09202; }

.v5-hero .v5-card {
  background: linear-gradient(150deg, rgba(3, 152, 187, .94) 0%, rgba(0, 125, 155, .95) 55%, rgba(3, 102, 126, .96) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45), inset 0 -24px 40px rgba(2, 69, 86, .25), 0 28px 50px -28px rgba(4, 92, 113, .6);
}
.v5-hero .v5-card::before { background: linear-gradient(160deg, rgba(255, 255, 255, .8), rgba(255, 255, 255, .15) 40%, rgba(255, 255, 255, .08) 60%, rgba(238, 199, 138, .5)); }
.v5-hero .v5-card-label span, .v5-hero .v5-target span, .v5-hero .v5-months, .v5-hero .v5-phases li, .v5-hero .v5-card-scope dt, .v5-hero .v5-rail small, .v5-hero .v5-dial-text small { color: rgba(255, 255, 255, .72); }
.v5-hero .v5-card-scope .v5-regions, .v5-hero .v5-legend { color: rgba(255, 255, 255, .85); }

.v5-hero .v5-scroll-hint { color: #04748f; }
.v5-hero .v5-scroll-hint i { background: rgba(0, 125, 155, .2); }

.v6-expo {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 24px;
  padding: 18px 24px;
  border: 1px solid rgba(255, 255, 255, .9);
  border-radius: 20px;
  background: linear-gradient(100deg, rgba(225, 160, 28, .12), rgba(255, 255, 255, .7) 40%, rgba(6, 147, 181, .1));
  box-shadow: 0 20px 40px -30px rgba(1, 103, 128, .45);
}
.v6-expo-tag { flex: none; padding: 6px 14px; border-radius: 999px; color: #fff; background: var(--grad-hot); font-size: 13px; font-weight: 700; letter-spacing: .08em; }
.v6-expo h4 { margin: 0; color: var(--ink); font-size: var(--t4); font-weight: 700; letter-spacing: .06em; }
.v6-expo p { margin: 4px 0 0; color: var(--copy); font-size: var(--t6); letter-spacing: .06em; }
.v6-days { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: start; }
.v6-day {
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .95);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(245, 250, 255, .8));
  box-shadow: 0 30px 60px -40px rgba(1, 103, 128, .55);
}
.v6-day header { display: grid; grid-template-columns: auto 1fr; align-items: baseline; column-gap: 12px; padding: 22px 24px 20px; color: #fff; background: linear-gradient(120deg, #006e88 0%, #018dae 70%, #56b0cf 100%); }
.v6-day header .v6-day-no { grid-column: 1 / -1; font-size: 11px; font-weight: 700; letter-spacing: .24em; opacity: .75; }
.v6-day header b { margin-top: 6px; font-size: 34px; font-weight: 700; letter-spacing: .02em; font-variant-numeric: tabular-nums; }
.v6-day header small { font-size: 14px; font-weight: 600; letter-spacing: .1em; opacity: .85; }
.v6-day header em { grid-column: 1 / -1; margin-top: 8px; font-size: 14px; font-style: normal; font-weight: 600; letter-spacing: .1em; }
.v6-day ol { margin: 0; padding: 8px 0; list-style: none; }
.v6-day li { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 16px; padding: 18px 24px; border-top: 1px solid var(--line); }
.v6-day li:first-child { border-top: 0; }
.v6-when-col b { display: block; color: #01667e; font-size: 17px; font-weight: 800; letter-spacing: .1em; }
.v6-when-col small { display: block; margin-top: 4px; color: var(--mute); font-size: 11px; line-height: 1.5; letter-spacing: .04em; font-variant-numeric: tabular-nums; }
.v6-what h4 { margin: 0; color: var(--ink); font-size: 17px; font-weight: 700; line-height: 1.5; letter-spacing: .05em; }
.v6-what p { margin: 6px 0 0; color: var(--copy); font-size: 14px; line-height: 1.8; letter-spacing: .05em; }
.v6-what dl { display: grid; gap: 4px; margin: 10px 0 0; }
.v6-what dl div { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 8px; font-size: 12px; line-height: 1.7; letter-spacing: .04em; }
.v6-what dt { color: #d09202; font-weight: 700; }
.v6-what dd { margin: 0; color: var(--copy); }
.v6-day li.key { background: linear-gradient(90deg, rgba(0, 125, 155, .07), transparent 80%); box-shadow: inset 3px 0 0 #007d9b; }
.v6-day li.key .v6-when-col small { color: #d09202; font-weight: 700; }
.v6-day li.break .v6-what h4 { color: var(--copy); font-weight: 600; }
.v6-day li.break .v6-what dl { display: none; }
.v6-day li.tbd .v6-what h4 { color: var(--copy); }
.v6-more { display: inline-flex; gap: 6px; margin-top: 10px; color: #007d9b; font-size: 13px; font-weight: 700; letter-spacing: .06em; }
.v6-more span { transition: transform .25s var(--ease); }
.v6-more:hover span { transform: translateX(3px); }
#schedule .v5-small { margin-top: 24px; }

.v5-agenda-dot { border-color: #007d9b; }
.v5-agenda > li.atlas, .v5-agenda > li.key, .v5-agenda > li.round { background: linear-gradient(90deg, transparent, rgba(6, 147, 181, .08) 30%, rgba(225, 160, 28, .08) 80%, transparent); }
.v5-ruler .talk { background: rgba(0, 125, 155, .3); }
.v5-ruler .key { background: #007d9b; }
.v5-ruler .launch { background: #db9905; }
.v5-ruler .round { background: #ff5a6e; }
.v5-tbd { border-color: rgba(208, 146, 2, .55); color: #d09202; -webkit-text-fill-color: #d09202; }

.v6-scope .v6-sky { opacity: .9; }
.v6-scope .v5-map .nodes circle { fill: #fff; stroke: #007d9b; }
.v6-scope .v5-map .labels text { fill: var(--ink); stroke: rgba(255, 255, 255, .9); }
.v6-scope .v5-map .labels .hub-label { fill: #d09202; }
.v6-scope .v5-map .labels .hub-tag { fill: rgba(208, 146, 2, .75); }
.v6-scope .v5-map .hub .core { fill: #db9905; stroke: #fff; }
.v6-scope .v5-map figcaption { color: var(--mute); }
.v6-scope .v5-map figcaption i { background: #fff; border-color: #007d9b; }
.v6-scope .v5-map figcaption i.hub { background: #db9905; box-shadow: 0 0 0 1px #db9905; }
.v6-scope .v5-map { padding: 0; border-radius: 0; background: none; box-shadow: none; overflow: visible; }

.v5-cta { color: var(--ink); background: radial-gradient(50% 50% at 50% 45%, rgba(255, 255, 255, .95), rgba(255, 255, 255, 0) 72%), linear-gradient(180deg, #ebf5f8 0%, #d1e7f0 60%, #b5d9e7 100%); }
.v5-cta::after { display: none; }
.v5-cta .v6-glass-field .g1 { left: 6%; top: 18%; width: 130px; height: 130px; --r: -12deg; }
.v5-cta .v6-glass-field .g2 { right: 7%; top: 22%; width: 150px; height: 110px; --r: 10deg; }
.v5-cta .v6-glass-field .g4 { right: 20%; bottom: 14%; width: 80px; height: 80px; --r: -6deg; }
.v5-cta-kicker { color: #d09202; font-weight: 700; letter-spacing: .3em; }
.v5-cta-title { font-weight: 900; background: linear-gradient(180deg, #43a8c9 0%, #007d9b 45%, #045d73 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 16px 26px rgba(0, 125, 155, .3)); }
.v5-cta-sub { color: var(--copy); }

@media (max-width: 760px) {
  .v5-hero.v6-hero { padding: calc(var(--header-h) + 36px) 0 56px; }
  .v6-kicker { gap: 12px; font-size: 20px; letter-spacing: .24em; }
  .v6-kicker b { margin-right: -.24em; }
  .v6-kicker i { width: 32px; }
  .v6-kicker-en { font-size: 9.5px; letter-spacing: .2em; }
  .v6-title { flex-direction: column; align-items: center; font-size: clamp(50px, 15vw, 64px); line-height: 1.2; }
  .v6-when { gap: 12px; font-size: 15px; letter-spacing: .08em; }
  .v6-atlas-btn { flex-direction: column; gap: 14px; width: 100%; padding: 18px 16px 16px; border-radius: 26px; }
  .v6-atlas-name { display: grid; justify-items: center; gap: 2px; font-size: 16px; line-height: 1.6; }
  .v6-atlas-name em { margin: 0; }
  .v6-atlas-go { justify-content: center; width: 100%; }
  .v6-hero-panels { display: flow-root; margin-top: 36px; }
  .v6-hero-panels .v5-coord { margin: 0 0 32px; }
  .v6-hero .g1 { left: -30px; top: 12%; width: 90px; height: 90px; }
  .v6-hero .g2 { right: -40px; top: 9%; width: 120px; height: 80px; }
  .v6-hero .g3, .v6-hero .g6 { display: none; }
  .v6-hero .g4 { right: 4%; top: 34%; width: 54px; height: 54px; }
  .v6-hero .g5 { left: 6%; top: 36%; width: 40px; height: 64px; }
  .v6-expo { flex-direction: column; align-items: flex-start; gap: 12px; padding: 16px 18px; }
  .v6-days { grid-template-columns: 1fr; }
  .v6-day li { grid-template-columns: 52px minmax(0, 1fr); gap: 12px; padding: 16px 18px; }
  .v6-day header { padding: 18px 18px 16px; }
  .v6-day header b { font-size: 28px; }
  .v5-sec::after { width: 80vw; height: 140px; }
  .v5-cta .v6-glass-field .g1 { width: 70px; height: 70px; left: -16px; }
  .v5-cta .v6-glass-field .g2 { width: 80px; height: 60px; right: -20px; }
}
@media (min-width: 761px) and (max-width: 1080px) {
  .v6-days { grid-template-columns: 1fr; }
  .v5-hero .v5-bento { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) {
  .v6-glass-field i, .v5-sec::after { animation: none; }
}
.v6-hero-panels .v5-bento { margin-top: 0; }
@media (max-width: 760px) { .v6-hero-panels .v5-bento { margin-top: 0; } }
.v5-bento.is-in .v5-donut .seg-a { stroke-dasharray: 165.5 189; }
.v5-bento.is-in .v5-donut .seg-b { stroke-dasharray: 16.5 189; stroke-dashoffset: -168.75; }
@media (prefers-reduced-motion: reduce) {
  .v5-bento .v5-donut .seg-a { stroke-dasharray: 165.5 189; }
  .v5-bento .v5-donut .seg-b { stroke-dasharray: 16.5 189; stroke-dashoffset: -168.75; }
}
#flow-title { container-type: inline-size; }
@media (max-width: 760px) { #flow-title .v5-em { font-size: min(1em, calc((100vw - 48px) / 15.2)); letter-spacing: .02em; } }
#flow-title .v5-em { font-size: min(1em, calc(100cqi / 15.2)); }
@media (max-width: 480px) {
  .d2-hero .v7-hero-below .v6-hero-links { gap: 8px; font-size: min(13px, 3.4vw); letter-spacing: .02em; flex-wrap: nowrap; }
  .d2-hero .v7-hero-below .v6-hero-links a { white-space: nowrap; flex: none; }
  .d2-hero .v7-hero-below .v6-hero-links i { flex: none; }
}
.d2-ctas .kv-fbs .kv-atlas-go { background: linear-gradient(120deg, #b97a0a 0%, #d79a1c 55%, #e7b54a 100%); box-shadow: 0 10px 22px -12px rgba(185, 122, 10, .8); }

.v5-footer-brand { container-type: inline-size; }
@media (max-width: 760px) { .v5-footer-brand p { font-size: min(var(--t6), calc((100vw - 48px) / 26)); letter-spacing: 0; } }
@media (max-width: 760px) { .v5-footer-brand p { font-size: min(var(--t6), calc(100cqi / 25.5)); } }

@media (max-width: 420px) { body.v5 .form-card .form-tabs button { white-space: nowrap; padding: 0 6px; font-size: min(14px, 3.6vw); letter-spacing: .02em; } }
.v6-hero-panels { grid-template-columns: minmax(0, 1fr); }
.v6-hero-panels > * { grid-column: 1 / -1; }
.v5-hero .v5-phases i, .v5-hero .v5-rail i { background: #0788a7; border-color: rgba(255, 255, 255, .7); }
.v5-hero .v5-phases::before, .v5-hero .v5-rail::before { background: rgba(255, 255, 255, .35); }

body.v5 {
  --blue: #067e9b;
  --blue-hover: #076a83;
  --kv-blue: #067e9b;
  --kv-deep: #077d9a;
  --kv-sky: #78bdd7;
  --kv-light: #e4f9ff;
  --gold: #d69608;
  --hot: #e4ad51;
  --grad-brand: linear-gradient(100deg, #077d9a 0%, #067e9b 50%, #0190b2 100%);
  --grad-em: linear-gradient(180deg, #017996 0%, #0486a5 55%, #0190b2 100%);
  --grad-hot: linear-gradient(100deg, #d69608 0%, #e4ad51 100%);
  background: #f2f8ff;
}
.v5-sec.v5-white::after { --streak: rgba(214, 150, 8, .32); }
.v5-sec.v5-mist::after { --streak: rgba(6, 126, 155, .26); }
.v6-what dt, .v6-day li.key .v6-when-col small, .v5-cta-kicker { color: #d69608; }
.v6-when-col b, .v6-more { color: #067e9b; }
.v6-day header { background: linear-gradient(120deg, #077d9a 0%, #067e9b 60%, #0190b2 100%); }
.v5-hero .v5-card { background: linear-gradient(150deg, #0190b2 0%, #067e9b 55%, #077d9a 100%); }
.v5-ruler .key { background: #067e9b; }
.v5-ruler .launch { background: #d69608; }
.v5-ruler .round { background: #e4ad51; }
.v5-cta-title { background: linear-gradient(180deg, #017996 0%, #0486a5 55%, #0190b2 100%); -webkit-background-clip: text; background-clip: text; }

.v5-hero.v7-hero {
  display: block;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  color: var(--ink);
  text-align: center;
  background: linear-gradient(180deg, #a1cfe0 0%, #e0eff5 22%, #ecf5f9 60%, #f2f8ff 100%);
}
.kv-stage { position: relative; container-type: inline-size; }
.kv-frame { position: relative; aspect-ratio: 3 / 1; overflow: hidden; }
.kv-box { position: absolute; inset: 0; z-index: 0; }
.kv-base { position: absolute; inset: -1.5%; background: url(assets/kv/kv-base-1920.webp) center / cover no-repeat; transform-origin: 50% 52%; animation: kv-breathe 22s ease-in-out infinite alternate; }
@media (min-width: 1400px), (min-width: 761px) and (min-resolution: 1.5dppx) {
  .kv-base { background-image: url(assets/kv/kv-base.webp); }
}
@keyframes kv-breathe { from { transform: scale(1); } to { transform: scale(1.03); } }
.kv-ribbons { position: absolute; inset: 0; width: 100%; height: 100%; }

.kv-bar {
  position: absolute;
  left: var(--x); top: var(--y); width: var(--w); height: var(--h);
  mix-blend-mode: overlay;
  transform: translate3d(calc(var(--px, 0) * var(--z) * -1.2cqw), calc(var(--py, 0) * var(--z) * -.8cqw), 0);
  transition: transform .8s var(--ease);
}
.kv-in { position: absolute; inset: 0; animation: kv-drift 12s ease-in-out infinite alternate; }
.kv-in img { display: block; width: 100%; height: 100%; }
.kv-in::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, transparent 38%, rgba(255, 255, 255, .95) 50%, transparent 62%) 150% 0 / 260% 100% no-repeat;
  -webkit-mask: var(--src) center / 100% 100% no-repeat;
  mask: var(--src) center / 100% 100% no-repeat;
  animation: kv-sheen 8s ease-in-out infinite;
}
.kv-lm .kv-in { animation-duration: 14s; } .kv-lm .kv-in::after { animation-delay: 1.2s; }
.kv-ld2 .kv-in { animation-duration: 13s; } .kv-ld2 .kv-in::after { animation-delay: 2.4s; }
.kv-ld .kv-in { animation-duration: 11s; } .kv-ld .kv-in::after { animation-delay: 3.1s; }
.kv-rm .kv-in { animation-duration: 15s; } .kv-rm .kv-in::after { animation-delay: .6s; }
.kv-rd2 .kv-in { animation-duration: 12.5s; } .kv-rd2 .kv-in::after { animation-delay: 1.8s; }
.kv-rd .kv-in { animation-duration: 10.5s; } .kv-rd .kv-in::after { animation-delay: 4s; }
@keyframes kv-drift { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(calc(var(--dx) * 1cqw), calc(var(--dy) * .6cqw), 0); } }
@keyframes kv-sheen { 0%, 20% { background-position: 150% 0; } 60%, 100% { background-position: -60% 0; } }
.kv-fade { position: absolute; left: 0; right: 0; bottom: 0; height: 24%; background: linear-gradient(180deg, rgba(236, 245, 249, 0), #ecf5f9); pointer-events: none; }

.kv-title { position: absolute; inset: 0; z-index: 3; margin: 0; pointer-events: none; }
.kv-vh { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.kv-sub { position: absolute; left: var(--x); top: var(--y); width: var(--w); height: auto; animation: kv-in-down 1s var(--ease) .1s both; }
.kv-main { position: absolute; left: var(--x); top: var(--y); width: var(--w); animation: kv-in-title 1.3s var(--ease) .25s both; }
.kv-main img { display: block; width: 100%; height: auto; }
.kv-main-l, .kv-main-r { display: none !important; }
.kv-main::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, transparent 42%, rgba(255, 255, 255, .75) 50%, transparent 58%) 150% 0 / 260% 100% no-repeat;
  -webkit-mask: var(--src) center / 100% 100% no-repeat;
  mask: var(--src) center / 100% 100% no-repeat;
  animation: kv-sheen 9s ease-in-out 2s infinite;
}

.kv-cta { position: absolute; inset: 0; z-index: 4; pointer-events: none; }
.kv-when { position: absolute; left: 0; right: 0; top: 64.2%; display: flex; align-items: center; justify-content: center; gap: 1.1cqw; margin: 0; color: #067e9b; font-size: 1.5cqw; font-weight: 600; line-height: 1.2; letter-spacing: .14em; animation: kv-in-up .9s var(--ease) .55s both; }
.kv-when i { width: 2px; height: 1em; background: #067e9b; }
.kv-atlas {
  position: absolute;
  left: 0; right: 0; top: 76.5%;
  width: max-content;
  margin-inline: auto;
  display: inline-flex;
  align-items: center;
  gap: clamp(12px, 1.2cqw, 22px);
  padding: 6px 6px 6px clamp(18px, 1.8cqw, 32px);
  border: 1px solid rgba(255, 255, 255, .95);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(255, 255, 255, .88), rgba(255, 255, 255, .55));
  box-shadow: 0 18px 40px -20px rgba(6, 126, 155, .6), inset 0 1px #fff;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  pointer-events: auto;
  animation: kv-in-up .9s var(--ease) .7s both;
  transition: box-shadow .3s var(--ease), translate .3s var(--ease);
}
.kv-atlas:hover { translate: 0 -3px; box-shadow: 0 24px 46px -20px rgba(6, 126, 155, .75), inset 0 1px #fff; }
.kv-atlas-name { color: #002631; font-size: clamp(13px, 1.12cqw, 20px); font-weight: 700; letter-spacing: .08em; white-space: nowrap; }
.kv-atlas-name em { margin: 0 .35em; color: var(--mute); font-size: .8em; font-style: normal; font-weight: 500; }
.kv-atlas-go { display: inline-flex; align-items: center; gap: 8px; padding: clamp(9px, .8cqw, 14px) clamp(16px, 1.4cqw, 26px); border-radius: 999px; color: #fff; background: var(--grad-brand); box-shadow: 0 10px 22px -10px rgba(6, 126, 155, .9); font-size: clamp(13px, 1cqw, 16px); font-weight: 700; letter-spacing: .12em; white-space: nowrap; }
.kv-atlas-go i { font-style: normal; transition: transform .3s var(--ease); }
.kv-atlas:hover .kv-atlas-go i { transform: translateX(4px); }
@keyframes kv-in-down { from { opacity: 0; transform: translateY(-14px); } }
@keyframes kv-in-up { from { opacity: 0; transform: translateY(14px); } }
@keyframes kv-in-title { from { opacity: 0; filter: blur(14px); transform: scale(1.05); } }

.v7-hero-below { position: relative; z-index: 2; padding: 8px 0 72px; }
.v7-hero-below .v6-hero-links { justify-content: center; }
.v7-hero-below .v6-hero-links a { color: #067e9b; }
.v7-hero-below .v6-hero-panels { margin-top: 32px; }

@media (max-width: 760px) {
  .v5-hero.v7-hero { padding-top: var(--header-h); background: linear-gradient(180deg, #78bdd7 0%, #a1cfe0 calc(var(--header-h) + 20px), #e0eff5 40%, #ecf5f9 70%, #f2f8ff 100%); }
  .kv-fade { height: 18%; }
  .kv-cta { position: relative; inset: auto; display: flex; flex-direction: column; align-items: center; padding: 20px 24px 0; }
  .kv-when { position: static; gap: 12px; font-size: 15px; letter-spacing: .1em; }
  .kv-atlas { position: static; flex-direction: column; gap: 14px; width: 100%; margin-top: 22px; padding: 18px 16px 16px; border-radius: 26px; }
  .kv-atlas-name { display: grid; justify-items: center; gap: 2px; font-size: 16px; line-height: 1.6; white-space: normal; }
  .kv-atlas-name em { margin: 0; }
  .kv-atlas-go { justify-content: center; width: 100%; padding: 13px 20px; font-size: 15px; }
  .kv-bar { transform: none; }
  .v7-hero-below { padding: 4px 0 48px; }
}
@media (prefers-reduced-motion: reduce) {
  .kv-base, .kv-in, .kv-in::after, .kv-main::after, .kv-sub, .kv-main, .kv-when, .kv-atlas { animation: none; }
}
.kv-ribbons {
  -webkit-mask: radial-gradient(ellipse 36% 34% at 50% 48%, transparent 45%, rgba(0, 0, 0, .55) 75%, #000 100%);
  mask: radial-gradient(ellipse 36% 34% at 50% 48%, transparent 45%, rgba(0, 0, 0, .55) 75%, #000 100%);
}

@media (max-width: 760px) {
  .v5-hero.v7-hero { padding-top: 0; background: #a1cfe0; }
  .kv-stage, .kv-frame { position: static; aspect-ratio: auto; overflow: visible; }
  .kv-box { position: absolute; inset: 0; overflow: hidden; }
  .kv-base { inset: 0; background: url(assets/kv/kv-base-portrait.webp) top center / 100% 100% no-repeat; animation: none; }
  .kv-fade { display: none; }
  .kv-ribbons { --vp-y: 190; -webkit-mask: radial-gradient(ellipse 60% 170px at 50% 210px, transparent 45%, #000 100%); mask: radial-gradient(ellipse 60% 170px at 50% 210px, transparent 45%, #000 100%); }
  .kv-bar { mix-blend-mode: normal; opacity: .9; height: auto; }
  .kv-in { position: relative; inset: auto; animation-name: kv-drift-m; }
  .kv-in img { height: auto; }
  .kv-lu { --x: -46%; --y: 70px; --w: 92%; }
  .kv-rm { --x: 58%; --y: 40px; --w: 84%; }
  .kv-lm { --x: -52%; --y: 26%; --w: 82%; }
  .kv-rd2 { --x: 62%; --y: 34%; --w: 70%; }
  .kv-ld2 { --x: -58%; --y: 58%; --w: 96%; }
  .kv-rd { --x: 70%; --y: 70%; --w: 48%; }
  .kv-ld { --x: -26%; --y: 88%; --w: 50%; }
  @keyframes kv-drift-m { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(calc(var(--dx) * 10px), calc(var(--dy) * 6px), 0); } }
  .kv-title { position: relative; inset: auto; z-index: 3; display: flex; flex-direction: column; align-items: center; padding: calc(var(--header-h) + 40px) 24px 0; }
  .kv-sub { position: static; width: 94%; }
  .kv-main { position: static; width: 90%; display: grid; gap: 10px; margin-top: 22px; }
  .kv-main-full { display: none !important; }
  .kv-main-l, .kv-main-r { display: block !important; }
  .kv-main::after { display: none; }
  .kv-cta { z-index: 4; padding: 24px 24px 0; }
  .v7-hero-below { z-index: 4; }
  .v7-hero-below .v6-hero-links a { color: #055f75; }
}

@media (max-width: 760px) {
  .v5-hero.v7-hero { background: linear-gradient(180deg, #ecf5f9 0%, #eff6fa 40%, #f2f8ff 100%); }
  .kv-stage { position: relative; padding-bottom: 36px; }
  .kv-box { position: absolute; inset: 0; bottom: -60px; overflow: hidden; }
  .kv-base { inset: 0; background: url(assets/kv/kv-base-portrait.webp) top center / 100% auto no-repeat, #ecf5f9; animation: kv-breathe 22s ease-in-out infinite alternate; transform-origin: 50% 32%; }
  .kv-lm, .kv-ld2, .kv-ld, .kv-rd2, .kv-rd { display: none; }
  .kv-bar { opacity: 1; mix-blend-mode: normal; }
  .kv-lu { --x: -38%; --y: 11%; --w: 70%; }
  .kv-rm { --x: 66%; --y: 30%; --w: 64%; }
  .kv-ribbons { --vp-y: 250; -webkit-mask: radial-gradient(ellipse 58% 200px at 50% 260px, transparent 40%, #000 95%); mask: radial-gradient(ellipse 58% 200px at 50% 260px, transparent 40%, #000 95%); opacity: .85; }
  .kv-title { padding-top: calc(var(--header-h) + 56px); }
  .kv-sub { width: 88%; }
  .kv-main { width: 86%; gap: 8px; margin-top: 26px; }
  .kv-cta { padding: 28px 24px 0; }
  .kv-when { font-size: 15px; letter-spacing: .12em; }
  .kv-atlas { margin-top: 28px; background: linear-gradient(135deg, rgba(255, 255, 255, .92), rgba(255, 255, 255, .7)); }
  .v7-hero-below { padding-top: 12px; }
  .v7-hero-below .v6-hero-panels .v5-coord { margin-top: 0; }
}
@media (max-width: 760px) { .kv-rm { --x: 72%; --y: 6%; --w: 58%; } .kv-lu { --x: -40%; --y: 9%; --w: 64%; } }
@media (max-width: 760px) { .kv-rm { --x: 70%; --y: 60px; --w: 54%; } .kv-lu { --y: 58px; } }
@media (max-width: 760px) {
  .kv-lu { left: -30%; top: 64px; width: 62%; }
  .kv-rm { left: 70%; top: 70px; width: 56%; }
}
@media (max-width: 760px) {
  .kv-lu { left: -6%; top: 50px; width: 44%; }
  .kv-rm { left: 62%; top: 62px; width: 44%; }
}

.kv-streak { display: none; }
@media (max-width: 760px) {
  .kv-base { background: url(assets/kv/kv-pure-portrait.webp) top center / 100% 100% no-repeat, #ecf5f9; animation: none; }
  .kv-box { bottom: -80px; }
  .kv-streak { display: block; position: absolute; width: 118%; pointer-events: none; will-change: transform; }
  .kv-streak img { display: block; width: 100%; height: auto; }
  .kv-s-tl { left: -34%; top: 0; transform-origin: 100% 60%; --r: 22deg; animation: kv-sway 16s ease-in-out infinite alternate; }
  .kv-s-tr { right: -34%; top: 10px; transform-origin: 0% 60%; --r: -22deg; animation: kv-sway 18s ease-in-out -4s infinite alternate; }
  .kv-s-bl { left: -40%; top: 560px; transform-origin: 100% 30%; --r: -10deg; animation: kv-sway 17s ease-in-out -8s infinite alternate; }
  .kv-s-br { right: -40%; top: 590px; transform-origin: 0% 30%; --r: 10deg; animation: kv-sway 19s ease-in-out -2s infinite alternate; }
  @keyframes kv-sway { from { transform: rotate(var(--r)) translate3d(0, 0, 0); } to { transform: rotate(calc(var(--r) + 3deg)) translate3d(0, 6px, 0); } }
  .kv-lu { left: -6%; top: 64px; width: 42%; z-index: 1; }
  .kv-rm { left: 64%; top: 76px; width: 42%; z-index: 1; }
  .kv-ribbons { opacity: .7; }
}
@media (max-width: 760px) and (prefers-reduced-motion: reduce) { .kv-streak { animation: none; transform: rotate(var(--r)); } }
@media (max-width: 760px) {
  .kv-streak { width: 112%; }
  .kv-s-tl { left: -30%; top: 36px; --r: 14deg; }
  .kv-s-tr { right: -30%; top: 44px; --r: -14deg; }
  .kv-s-bl { left: -36%; top: 420px; --r: -12deg; }
  .kv-s-br { right: -36%; top: 440px; --r: 12deg; }
}
@media (max-width: 760px) {
  .kv-s-tl, .kv-s-bl { -webkit-mask: linear-gradient(90deg, #000 40%, transparent 78%); mask: linear-gradient(90deg, #000 40%, transparent 78%); }
  .kv-s-tr, .kv-s-br { -webkit-mask: linear-gradient(270deg, #000 40%, transparent 78%); mask: linear-gradient(270deg, #000 40%, transparent 78%); }
  .kv-s-bl { top: 380px; }
  .kv-s-br { top: 395px; }
}
@media (max-width: 760px) {
  .kv-s-tl { left: -24%; top: 96px; --r: 10deg; }
  .kv-s-tr { right: -24%; top: 104px; --r: -10deg; }
  .kv-s-bl { left: -30%; top: 300px; --r: -9deg; }
  .kv-s-br { right: -30%; top: 312px; --r: 9deg; }
  .kv-s-tl, .kv-s-bl { -webkit-mask: linear-gradient(90deg, #000 48%, transparent 88%); mask: linear-gradient(90deg, #000 48%, transparent 88%); }
  .kv-s-tr, .kv-s-br { -webkit-mask: linear-gradient(270deg, #000 48%, transparent 88%); mask: linear-gradient(270deg, #000 48%, transparent 88%); }
  .kv-lu { top: 70px; }
  .kv-rm { top: 82px; }
}

@media (max-width: 760px) {
  .v5-hero.v7-hero { background: #ecf5f9; }
  .kv-stage { position: relative; padding: 0; }
  .kv-frame { position: relative; aspect-ratio: 941 / 1672; overflow: hidden; }
  .kv-box { position: absolute; inset: 0; bottom: 0; overflow: hidden; }
  .kv-base { inset: 0; background: url(assets/kv/kv-mobile.webp) center / 100% 100% no-repeat; transform-origin: 50% 72%; animation: kv-forward 20s ease-in-out infinite alternate; }
  @keyframes kv-forward { from { transform: scale(1); } to { transform: scale(1.06); } }
  .kv-bar, .kv-streak { display: none !important; }
  .kv-box::after { content: ""; position: absolute; left: 50%; top: 72%; width: 70%; aspect-ratio: 1; translate: -50% -50%; border-radius: 50%; background: radial-gradient(circle, rgba(255, 255, 255, .85), rgba(255, 255, 255, 0) 60%); animation: kv-glow 6s ease-in-out infinite alternate; pointer-events: none; }
  @keyframes kv-glow { from { opacity: .35; scale: .85; } to { opacity: .8; scale: 1.1; } }
  .kv-fade { display: block; height: 10%; background: linear-gradient(180deg, rgba(236, 245, 249, 0), #ecf5f9); z-index: 1; }
  .kv-ribbons { --vp-y: .72; opacity: .9; -webkit-mask: linear-gradient(180deg, transparent 0, transparent 52%, #000 70%); mask: linear-gradient(180deg, transparent 0, transparent 52%, #000 70%); }

  .kv-title { position: absolute; inset: 0; z-index: 3; display: block; padding: 0; }
  .kv-sub { position: absolute; left: 11.5%; top: 16.8%; width: 77%; }
  .kv-main { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; display: block; }
  .kv-main-l { position: absolute; left: 10%; top: 22.6%; width: 75%; }
  .kv-main-r { position: absolute; left: 22%; top: 34.4%; width: 69%; }
  .kv-cta { position: absolute; inset: 0; z-index: 4; display: block; padding: 0; pointer-events: none; }
  .kv-when { position: absolute; left: 0; right: 0; top: 45.6%; margin: 0; font-size: 15px; letter-spacing: .12em; }
  .kv-atlas { position: absolute; left: 6%; right: 6%; top: 51.5%; width: auto; margin: 0; flex-direction: row; justify-content: space-between; gap: 10px; padding: 8px 8px 8px 18px; border-radius: 999px; }
  .kv-atlas-name { display: grid; justify-items: start; gap: 0; font-size: 13px; line-height: 1.45; letter-spacing: .04em; text-align: left; }
  .kv-atlas-name em { display: none; }
  .kv-atlas-name span + em + span::before { content: "暨"; margin-right: .3em; color: var(--mute); font-weight: 500; }
  .kv-atlas-go { width: auto; flex: none; padding: 12px 16px; font-size: 13px; letter-spacing: .08em; }
  .v7-hero-below { padding-top: 8px; }
}
@media (max-width: 760px) {
  .kv-main .kv-main-l { position: absolute; left: 10%; top: 22.6%; width: 75%; }
  .kv-main .kv-main-r { position: absolute; left: 22%; top: 34.4%; width: 69%; }
}

@media (max-width: 760px) {
  .v7-hero-below { margin-top: -63vw; padding-top: 0; z-index: 5; }
  .v7-hero-below .v6-hero-links { margin: 0; }
  .v7-hero-below .v6-hero-links a { color: #fff; text-shadow: 0 1px 10px rgba(4, 91, 112, .55); }
  .v7-hero-below .v6-hero-links i { background: rgba(255, 255, 255, .7); }
  .v7-hero-below .v6-hero-panels { margin-top: 22vw; }
  .v6-hero-panels .v5-coord { margin: 0 0 28px; background: rgba(255, 255, 255, .28); border-color: rgba(255, 255, 255, .75); box-shadow: 0 24px 50px -24px rgba(4, 91, 112, .55); backdrop-filter: blur(14px) saturate(1.3); -webkit-backdrop-filter: blur(14px) saturate(1.3); }
  .v6-hero-panels .v5-coord-inner { padding: 14px 16px 12px; background: linear-gradient(170deg, rgba(255, 255, 255, .82), rgba(236, 245, 248, .7)); }
  .v6-hero-panels .v5-coord-cells { display: none; }
  .v6-hero-panels .v5-coord-count { padding: 10px 0 2px; }
  .v6-hero-panels .v5-clock b { font-size: 32px; }
  .v6-hero-panels .v5-coord-link { margin-top: 12px; padding-top: 12px; }
  .kv-fade { height: 26%; background: linear-gradient(180deg, rgba(236, 245, 249, 0) 0%, rgba(236, 245, 249, .55) 55%, #ecf5f9 100%); }
}


.v5-ruler { display: block; width: 100%; min-width: 0; }
.v5-ruler-bar { width: 100%; }
.v5-ruler-ticks { display: grid; grid-template-columns: 30fr 60fr 60fr 60fr 0fr; height: auto; margin-top: 12px; }
.v5-ruler-ticks span { position: relative; left: auto !important; transform: none !important; white-space: nowrap; }
.v5-ruler-ticks span::before { left: 0 !important; right: auto !important; }
.v5-ruler-ticks span:last-child { justify-self: end; translate: -100% 0; }
.v5-ruler-ticks span:last-child::before { left: auto !important; right: 0 !important; }
@media (max-width: 760px) { .v5-ruler-ticks span:nth-child(2) { display: inline; } .v5-ruler-ticks span:nth-child(3), .v5-ruler-ticks span:nth-child(4) { visibility: hidden; } }

.v8-hscroll { position: relative; margin-top: 8px; }
.v8-hs-bar { display: flex; align-items: center; gap: 20px; margin-bottom: 20px; }
.v8-hs-hint { flex: none; color: var(--mute); font-size: var(--t7); letter-spacing: .12em; }
.v8-hs-progress { position: relative; flex: 1; height: 2px; border-radius: 2px; background: rgba(6, 126, 155, .12); overflow: hidden; }
.v8-hs-progress i { position: absolute; top: 0; bottom: 0; left: 0; width: 20%; border-radius: 2px; background: var(--grad-brand); transition: left .2s linear; }
.v8-hs-btns { display: flex; gap: 8px; }
.v8-hs-btns button { width: 44px; height: 44px; border: 1px solid rgba(6, 126, 155, .25); border-radius: 50%; color: #067e9b; background: rgba(255, 255, 255, .8); font-size: 18px; cursor: pointer; transition: background .2s, color .2s, opacity .2s; }
.v8-hs-btns button:hover:not(:disabled) { color: #fff; background: #067e9b; }
.v8-hs-btns button:disabled { opacity: .35; cursor: default; }
#opening .v5-agenda {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(270px, calc((100% - 3 * 16px) / 4));
  gap: 16px;
  margin: 0;
  padding: 26px 2px 18px;
  border-top: 0;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  outline: none;
}
#opening .v5-agenda::-webkit-scrollbar { display: none; }
#opening .v5-agenda > li {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 300px;
  padding: 26px 22px 22px;
  border: 1px solid rgba(255, 255, 255, .95);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .95), rgba(244, 249, 255, .85));
  box-shadow: 0 24px 44px -34px rgba(5, 96, 119, .5);
  scroll-snap-align: start;
  grid-template-columns: none;
}
#opening .v5-agenda > li::before { content: ""; position: absolute; left: -17px; right: -1px; top: -14px; bottom: auto; height: 1px; border: 0; background: rgba(6, 126, 155, .25); }
#opening .v5-agenda-dot { position: absolute; left: 22px; top: -20px; margin: 0; }
#opening .v5-agenda time { order: -1; padding: 0; color: #067e9b; font-size: 16px; font-weight: 700; }
#opening .v5-agenda-main { margin-top: 12px; }
#opening .v5-agenda-main h3 { font-size: 17px; }
#opening .v5-agenda-main p { font-size: 13.5px; line-height: 1.85; }
#opening .v5-agenda-cn { position: absolute; right: 18px; bottom: 12px; padding: 0; font-size: 44px; color: rgba(6, 126, 155, .07); }
#opening .v5-agenda > li.atlas, #opening .v5-agenda > li.key, #opening .v5-agenda > li.round { background: linear-gradient(170deg, #fff 0%, #eef6f9 60%, #fff3ea 100%); border-color: rgba(6, 126, 155, .25); }
#opening .v5-agenda > li.round { grid-column: span 2; }
#opening .v5-topics { grid-template-columns: 1fr 1fr; }
@media (max-width: 760px) {
  #opening .v5-agenda { grid-auto-columns: 82%; gap: 12px; }
  #opening .v5-agenda > li { min-height: 260px; padding: 22px 18px 18px; }
  #opening .v5-agenda > li.round { grid-column: span 1; }
  #opening .v5-topics { grid-template-columns: 1fr; }
  .v8-hs-hint { display: none; }
  .v8-hs-btns button { width: 38px; height: 38px; }
}

.v8-finale .v5-cta-title { font-size: clamp(34px, 5.2vw, 84px); }
@media (max-width: 760px) { .v8-finale .v5-actions { flex-direction: column; } }

.kv-title-text { text-align: center; }
.kvt-kicker { position: absolute; left: 0; right: 0; top: 19%; display: flex; align-items: center; justify-content: center; gap: 1.4cqw; color: #067e9b; font-size: 1.9cqw; font-weight: 800; letter-spacing: .3em; animation: kv-in-down 1s var(--ease) .1s both; }
.kvt-kicker b { margin-right: -.3em; font-weight: 800; }
.kvt-kicker i { width: 7cqw; height: 2px; background: linear-gradient(90deg, transparent, #067e9b); }
.kvt-kicker i:last-child { background: linear-gradient(90deg, #067e9b, transparent); }
.kvt-en { position: absolute; left: 0; right: 0; top: 27.5%; color: #067e9b; font-size: .82cqw; font-weight: 600; letter-spacing: .34em; animation: kv-in-down 1s var(--ease) .15s both; }
.kvt-main {
  position: absolute; left: 0; right: 0; top: 33%;
  display: flex; flex-wrap: wrap; justify-content: center; column-gap: .1em;
  font-size: 5cqw; font-weight: 900; line-height: 1.22; letter-spacing: .02em;
  animation: kv-in-title 1.3s var(--ease) .25s both;
}
.kvt-main > span { display: inline-block; transform: skewX(-9deg); background: linear-gradient(180deg, #017996 0%, #0486a5 55%, #0190b2 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 .18cqw 0 #fff) drop-shadow(0 .6cqw 1.2cqw rgba(4, 91, 112, .3)); }
.kvt-main .t3 { flex-basis: 100%; }
.kvt-main .t3 em { margin-right: .25em; font-size: .5em; font-style: normal; font-weight: 700; vertical-align: .35em; }
.kvt-actions { position: absolute; left: 0; right: 0; top: 76%; display: flex; justify-content: center; gap: 14px; pointer-events: auto; animation: kv-in-up .9s var(--ease) .7s both; }
.v8-atlas-hero .kv-when { top: 66%; font-size: 1.35cqw; }
.v8-atlas-hero .v7-hero-below .v6-hero-panels { margin-top: 20px; }
@media (max-width: 760px) {
  .kvt-kicker { top: 16%; gap: 10px; font-size: 16px; letter-spacing: .18em; }
  .kvt-kicker b { margin-right: -.18em; }
  .kvt-kicker i { width: 28px; }
  .kvt-en { top: 20.4%; font-size: 7.5px; letter-spacing: .12em; }
  .kvt-main { top: 23.5%; display: block; font-size: 38px; line-height: 1.28; text-align: left; padding-left: 9%; }
  .kvt-main > span { display: table; }
  .kvt-main .t2 { margin-left: 14%; font-size: 48px; }
  .kvt-main .t3 { margin-left: 26%; font-size: 30px; }
  .v8-atlas-hero .kv-when { top: 48.5%; font-size: 13px; }
  .kvt-actions { top: 53%; left: 6%; right: 6%; }
  .kvt-actions .v5-btn { flex: 1; height: 50px; padding: 0 12px; font-size: 15px; }
  .v8-atlas-hero .v7-hero-below .v6-hero-links a { color: #067e9b; text-shadow: none; }
}
@media (min-width: 761px) {
  .kvt-main { top: 32%; font-size: 4.1cqw; line-height: 1.24; }
  .v8-atlas-hero .kv-when { top: 66.5%; }
  .kvt-actions { top: 75%; }
}

.kvt-main, .kvt-main > span { filter: none !important; }
.kvt-lead {
  position: absolute; left: 0; right: 0; top: 31%;
  color: #055f75; font-size: 2.3cqw; font-weight: 800; letter-spacing: .42em; text-indent: .42em;
  animation: kv-in-down 1s var(--ease) .2s both;
}
.kvt-main { top: 39%; display: flex; flex-wrap: nowrap; align-items: baseline; justify-content: center; gap: 0 .35em; font-size: 5.6cqw; line-height: 1.15; letter-spacing: .03em; }
.kvt-main > span {
  position: relative;
  display: inline-block;
  transform: skewX(-9deg);
  background: linear-gradient(180deg, #0190b2 0%, #017996 55%, #016279 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.kvt-main > span::before {
  content: attr(data-text);
  position: absolute; inset: 0; z-index: -1;
  -webkit-text-fill-color: #fff; color: #fff;
  -webkit-text-stroke: .11em #fff;
  text-shadow: 0 .07em 0 #046a83, 0 .22em .45em rgba(4, 91, 112, .28);
}
.kvt-main > em { color: #055f75; font-size: .42em; font-style: normal; font-weight: 800; transform: translateY(-.2em); }
.kvt-main .t3 { flex-basis: auto; }
@media (min-width: 761px) {
  .kvt-main { top: 38%; font-size: 5.6cqw; }
  .v8-atlas-hero .kv-when { top: 62%; }
  .kvt-actions { top: 72%; }
}
@media (max-width: 760px) {
  .kvt-lead { top: 21.6%; font-size: 19px; letter-spacing: .3em; text-indent: .3em; }
  .kvt-main { position: absolute; top: 25.6%; left: 0; right: 0; display: block; padding: 0; font-size: 58px; line-height: 1.12; text-align: left; }
  .kvt-main > span { display: block; width: max-content; }
  .kvt-main .t2 { margin-left: 13%; font-size: 64px; }
  .kvt-main > em { position: absolute; left: 12%; top: 58%; font-size: 17px; transform: none; }
  .kvt-main .t3 { margin: 4px 0 0 20%; font-size: 44px; }
  .v8-atlas-hero .kv-when { top: 46.2%; font-size: 13.5px; letter-spacing: .1em; }
  .kvt-actions { top: 51.5%; }
  .v8-atlas-hero .v7-hero-below { margin-top: -28vw; }
  .v8-atlas-hero .v7-hero-below .v6-hero-panels { margin-top: 18px; }
  .v8-atlas-hero .v7-hero-below .v6-hero-links a { color: #fff; text-shadow: 0 1px 10px rgba(4, 91, 112, .6); }
}
.kvt-main > span { background: none; -webkit-text-fill-color: transparent; color: transparent; }
.kvt-main > span::before { z-index: auto; }
.kvt-main > span::after {
  content: attr(data-text);
  position: absolute; inset: 0;
  background: linear-gradient(180deg, #0190b2 0%, #017996 55%, #016279 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
@media (min-width: 761px) {
  .kvt-lead { top: 30.5%; font-size: 2cqw; }
  .kvt-main { top: 39.5%; font-size: 5cqw; }
  .v8-atlas-hero .kv-when { top: 62.5%; }
}
@media (max-width: 760px) {
  .kvt-lead { top: 21.4%; font-size: 18px; }
  .kvt-main { top: 25.4%; }
  .kvt-main .t2 { margin-left: 16%; font-size: 58px; }
  .kvt-main > em { left: 13%; top: 60%; }
  .kvt-main .t3 { margin: 6px 0 0 21%; font-size: 40px; }
}

.kv-stage .kv-lu { --x:12.006%;--y:8.519%;--w:32.222%;--h:44.444%;--dx:1;--dy:0.45;--z:0.9;--src:url(assets/kv/bar-lu.webp); }
.kv-stage .kv-lm { --x:2.5%;--y:40.833%;--w:32.16%;--h:21.574%;--dx:1;--dy:0.1;--z:0.6;--src:url(assets/kv/bar-lm.webp); }
.kv-stage .kv-ld2 { --x:10.062%;--y:68.611%;--w:38.395%;--h:21.759%;--dx:1;--dy:-0.35;--z:0.8;--src:url(assets/kv/bar-ld2.webp); }
.kv-stage .kv-ld { --x:27.469%;--y:75.0%;--w:18.704%;--h:22.037%;--dx:0.8;--dy:-0.5;--z:0.5;--src:url(assets/kv/bar-ld.webp); }
.kv-stage .kv-rm { --x:65.648%;--y:21.389%;--w:31.111%;--h:33.796%;--dx:-1;--dy:0.35;--z:0.9;--src:url(assets/kv/bar-rm.webp); }
.kv-stage .kv-rd2 { --x:75.185%;--y:72.5%;--w:22.531%;--h:17.315%;--dx:-1;--dy:-0.3;--z:0.7;--src:url(assets/kv/bar-rd2.webp); }
.kv-stage .kv-rd { --x:57.685%;--y:80.37%;--w:15.463%;--h:17.315%;--dx:-0.8;--dy:-0.5;--z:0.5;--src:url(assets/kv/bar-rd.webp); }
.kv-stage .kv-sub { --x:31.142%;--y:22.87%;--w:38.519%; }
.kv-stage .kv-main { --x:12.963%;--y:35.648%;--w:75.494%;--src:url(assets/kv/title.webp); }
.v5-ruler-bar .w5 { flex-grow: 5; } .v5-ruler-bar .w10 { flex-grow: 10; } .v5-ruler-bar .w20 { flex-grow: 20; } .v5-ruler-bar .w30 { flex-grow: 30; } .v5-ruler-bar .w40 { flex-grow: 40; }
.v5-map .arcs path:nth-child(1), .v5-map .nodes circle:nth-child(1) { --i: 0; }
.v5-map .arcs path:nth-child(2), .v5-map .nodes circle:nth-child(2) { --i: 1; }
.v5-map .arcs path:nth-child(3), .v5-map .nodes circle:nth-child(3) { --i: 2; }
.v5-map .arcs path:nth-child(4), .v5-map .nodes circle:nth-child(4) { --i: 3; }
.v5-map .arcs path:nth-child(5), .v5-map .nodes circle:nth-child(5) { --i: 4; }
.v5-map .arcs path:nth-child(6), .v5-map .nodes circle:nth-child(6) { --i: 5; }
.v5-map .pulses path:nth-child(1) { --i: 0; } .v5-map .pulses path:nth-child(2) { --i: 5; }

@media (min-width: 761px) {
  .v6-hero-panels .v5-coord { width: min(760px, 100%); }
  .v5-coord-inner { grid-template-columns: 1fr 1fr 1.6fr; text-align: center; }
  .v5-coord-head { justify-content: center; gap: 28px; }
  .v5-coord-head span:first-child::after { content: ""; }
  .v5-coord-cells > div, .v5-coord-count { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 22px 18px 24px; }
  .v5-coord-cells dd { margin-top: 12px; font-size: 20px; }
  .v5-coord-count p { white-space: nowrap; }
  .v5-clock { justify-content: center; margin-top: 12px; }
  .v5-clock b { font-size: 30px; }
}

.v8-end { margin-top: 0; }
.v8-end .kv-fade { display: none; }
.v8-end .kvt-actions { top: 76%; }
.v8-atlas-hero.v8-end .kvt-actions { top: 73%; }
.v8-end .kvt-actions .v5-btn { pointer-events: auto; }
@media (max-width: 760px) {
  .v8-end .kvt-actions { top: 52%; left: 6%; right: 6%; display: flex; gap: 12px; }
  .v8-end .kvt-actions .v5-btn { flex: 1; height: 50px; padding: 0 10px; font-size: 15px; }
  .v8-atlas-hero.v8-end .kvt-actions { top: 51.5%; }
}

.kvt-main.kvt-2line { top: 33%; display: flex; flex-direction: column; align-items: center; gap: .08em; font-size: 4.3cqw; line-height: 1.18; letter-spacing: .01em; }
.kvt-2line > span { transform: skewX(-9deg); }
.kvt-2line .t3 { margin: 0 2.6em 0 0; }
@media (min-width: 761px) {
  .kvt-main.kvt-2line { top: 32%; }
  .v8-atlas-hero .kv-when { top: 64.5%; }
  .v8-atlas-hero .kvt-actions { top: 73%; }
}
@media (max-width: 760px) {
  .kvt-main.kvt-2line { position: absolute; top: 23.6%; left: 0; right: 0; padding: 0; display: flex; font-size: 29px; text-align: center; }
  .kvt-2line > span { display: block; width: max-content; margin: 0; }
  .kvt-2line .t2 { margin: 0; font-size: 29px; }
  .kvt-2line .t3 { margin: 4px 1.6em 0 0; font-size: 29px; }
  .v8-atlas-hero .kv-when { top: 40%; }
  .v8-atlas-hero .kvt-actions, .v8-atlas-hero.v8-end .kvt-actions { top: 45%; }
}

.v6-scope .v6-sky { display: none; }
.v6-scope .v5-map {
  position: relative;
  padding: clamp(20px, 2.4vw, 36px) clamp(18px, 2.2vw, 32px) 22px;
  border: 1px solid rgba(255, 255, 255, .55);
  border-radius: 28px;
  background:
    radial-gradient(55% 60% at 62% 38%, rgba(120, 189, 215, .45), transparent 70%),
    radial-gradient(40% 50% at 8% 100%, rgba(214, 150, 8, .28), transparent 70%),
    linear-gradient(150deg, #0190b2 0%, #067e9b 50%, #077d9a 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45), inset 0 -30px 60px rgba(2, 69, 86, .25), 0 40px 70px -40px rgba(5, 96, 119, .7);
  overflow: hidden;
}
.v6-scope .v5-map::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(115deg, rgba(255, 255, 255, .16), transparent 35%); pointer-events: none; }
.v6-scope .v5-map .nodes circle { fill: #067e9b; stroke: #fff; }
.v6-scope .v5-map .labels text { fill: #fff; stroke: rgba(3, 83, 103, .55); }
.v6-scope .v5-map .labels .hub-label { fill: #ffd2a8; }
.v6-scope .v5-map .labels .hub-tag { fill: rgba(255, 210, 168, .85); }
.v6-scope .v5-map .hub .core { fill: #d69608; stroke: #fff; }
.v6-scope .v5-map figcaption { position: relative; z-index: 1; color: rgba(255, 255, 255, .78); }
.v6-scope .v5-map figcaption i { background: #067e9b; border-color: #fff; }
.v6-scope .v5-map figcaption i.hub { background: #d69608; border-color: #fff; box-shadow: none; }
@media (max-width: 760px) { .v6-scope .v5-map { padding: 16px 12px 16px; border-radius: 22px; } }

.v7-hero-below .v6-hero-panels { gap: 32px; }
@media (min-width: 761px) { .v8-atlas-hero .kv-when { top: 66.5%; } .v8-atlas-hero .kvt-actions { top: 75%; } }
.v5-card-target .v5-target span { white-space: nowrap; }

.kvt-img { position: absolute; left: 50%; top: 30%; width: 54cqw; translate: -50% 0; animation: kv-in-title 1.3s var(--ease) .25s both; }
.kvt-img img { display: block; width: 100%; height: auto; }
.kvt-img::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(100deg, transparent 42%, rgba(255, 255, 255, .7) 50%, transparent 58%) 150% 0 / 260% 100% no-repeat;
  -webkit-mask: url(assets/kv/atlas-title.webp) center / 100% 100% no-repeat;
  mask: url(assets/kv/atlas-title.webp) center / 100% 100% no-repeat;
  animation: kv-sheen 9s ease-in-out 2s infinite;
}
@media (min-width: 761px) { .v8-atlas-hero .kv-when { top: 66%; } .v8-atlas-hero .kvt-actions, .v8-atlas-hero.v8-end .kvt-actions { top: 75%; } }
@media (max-width: 760px) {
  .kvt-img { top: 23%; width: 94%; }
  .v8-atlas-hero .kv-when { top: 36.5%; }
  .v8-atlas-hero .kvt-actions, .v8-atlas-hero.v8-end .kvt-actions { top: 41.5%; }
}
@media (prefers-reduced-motion: reduce) { .kvt-img, .kvt-img::after { animation: none; } }

.v6-scope .v5-map {
  isolation: isolate;
  border: 1px solid rgba(255, 255, 255, .95);
  background: #ecf5f9;
  box-shadow: inset 0 1px 0 #fff, 0 40px 70px -44px rgba(5, 96, 119, .55);
}
.v6-scope .v5-map::before {
  content: ""; position: absolute; inset: -20px; z-index: -2;
  background: url(assets/kv-d2/kv-bg-1920.webp) center / cover no-repeat;
  filter: blur(6px) saturate(1.05);
}
.v6-scope .v5-map::after { z-index: -1; background: linear-gradient(180deg, rgba(255, 255, 255, .62), rgba(255, 255, 255, .5)); }
.v6-scope .v5-map-canvas, .v6-scope .v5-map-svg { z-index: 1; }
.v6-scope .v5-map .nodes circle { fill: #fff; stroke: #067e9b; }
.v6-scope .v5-map .labels text { fill: #002631; stroke: rgba(255, 255, 255, .95); }
.v6-scope .v5-map .labels .hub-label { fill: #bf8606; }
.v6-scope .v5-map .labels .hub-tag { fill: rgba(191, 134, 6, .85); }
.v6-scope .v5-map figcaption { color: var(--copy); }
.v6-scope .v5-map figcaption i { background: #fff; border-color: #067e9b; }
.v6-scope .v5-map figcaption i.hub { background: #d69608; border-color: #d69608; }
@media (min-width: 761px) { .kvt-img { top: 32.5%; width: 51cqw; } .v8-atlas-hero .kv-when { top: 67%; } .v8-atlas-hero .kvt-actions, .v8-atlas-hero.v8-end .kvt-actions { top: 76%; } }

@media (max-width: 760px) {
  .kv-stage .kv-streak.kv-s-tl, .kv-stage .kv-streak.kv-s-tr { display: block !important; position: absolute; z-index: 0; width: 118%; pointer-events: none; }
  .kv-stage .kv-streak img { display: block; width: 100%; height: auto; }
  .kv-stage .kv-s-tl { left: -52%; top: 13%; transform-origin: 100% 50%; --r: 16deg; animation: kv-sway 16s ease-in-out infinite alternate; -webkit-mask: linear-gradient(90deg, #000 45%, transparent 92%); mask: linear-gradient(90deg, #000 45%, transparent 92%); }
  .kv-stage .kv-s-tr { right: -52%; top: 15%; transform-origin: 0% 50%; --r: -16deg; animation: kv-sway 18s ease-in-out -5s infinite alternate; -webkit-mask: linear-gradient(270deg, #000 45%, transparent 92%); mask: linear-gradient(270deg, #000 45%, transparent 92%); }
  .kv-base { filter: saturate(1.18) contrast(1.03); }
  .kv-box::after { opacity: .45; }
}

.kv-atlas-name { display: inline-flex; align-items: center; }
.kv-atlas-name em {
  display: inline-block; flex: none;
  width: 2px; height: 1.05em; margin: 0 .85em;
  border-radius: 2px;
  background: linear-gradient(180deg, #067e9b, #d69608);
  font-size: 0; color: transparent; overflow: hidden;
}
@media (max-width: 760px) {
  .kv-atlas-name { display: grid; }
  .kv-atlas-name span + em + span::before { content: none; }
}
.kv-atlas-name em { height: 18px; margin: 0 16px; }
@media (max-width: 760px) { .kv-atlas-name em { display: none; } }
@media (max-width: 760px) { .kv-atlas-name { justify-items: center; text-align: center; flex: 1; } }

.v8-org .v5-org-row { align-items: start; }
.v8-org .v5-org-row ul.v8-logos { display: grid; grid-template-columns: repeat(auto-fill, minmax(208px, 1fr)); gap: 12px; }
.v8-org .v5-org-row li.v8-logo {
  position: relative; display: grid; place-items: center;
  height: 64px; padding: 8px 16px;
  border: 1px solid rgba(6, 126, 155, .16); border-radius: 12px;
  background: #fff;
  box-shadow: 0 10px 24px -20px rgba(5, 96, 119, .5);
  transition: transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s;
}
.v8-org .v5-org-row li.v8-logo:hover { transform: translateY(-2px); border-color: rgba(6, 126, 155, .4); box-shadow: 0 16px 30px -20px rgba(5, 96, 119, .6); }
.v8-logo img { display: block; max-width: 100%; max-height: 44px; width: auto; height: auto; object-fit: contain; }
.v8-logo span { color: var(--ink); font-size: 13px; font-weight: 600; line-height: 1.45; letter-spacing: .04em; text-align: center; }
.v8-logo.has-img span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.v8-logo:not(.has-img):not(.no-img) span { opacity: 0; }
@media (max-width: 760px) {
  .v8-org .v5-org-row ul.v8-logos { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .v8-org .v5-org-row li.v8-logo { height: 56px; padding: 6px 10px; }
  .v8-logo img { max-height: 38px; }
  .v8-logo span { font-size: 12px; }
}

.kv-ctas { position: absolute; left: 0; right: 0; top: 76.5%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: clamp(10px, 1cqw, 18px); padding: 0 24px; pointer-events: none; animation: kv-in-up .9s var(--ease) .7s both; }
.kv-ctas .kv-atlas { position: static; margin: 0; animation: none; }
.kv-reg {
  display: inline-flex; align-items: center; gap: clamp(10px, .9cqw, 16px);
  padding: 6px 6px 6px clamp(16px, 1.5cqw, 26px);
  border: 1px solid rgba(255, 255, 255, .5); border-radius: 999px;
  color: #fff; background: linear-gradient(120deg, #034859 0%, #006e88 55%, #018dae 100%);
  box-shadow: 0 18px 40px -18px rgba(3, 72, 89, .85), inset 0 1px rgba(255, 255, 255, .35);
  pointer-events: auto; transition: box-shadow .3s var(--ease), translate .3s var(--ease);
}
.kv-reg:hover { translate: 0 -3px; box-shadow: 0 26px 48px -20px rgba(3, 72, 89, .95), inset 0 1px rgba(255, 255, 255, .35); }
.kv-reg-dot { position: relative; width: 8px; height: 8px; border-radius: 50%; background: #e1a01c; }
.kv-reg-dot::after { content: ""; position: absolute; inset: -4px; border-radius: 50%; border: 1px solid #e1a01c; animation: v9-ping 2.2s var(--ease) infinite; }
.kv-reg-name { font-size: clamp(13px, 1.12cqw, 20px); font-weight: 700; letter-spacing: .1em; white-space: nowrap; }
.kv-reg-go { display: inline-flex; align-items: center; gap: 8px; padding: clamp(9px, .8cqw, 14px) clamp(14px, 1.2cqw, 22px); border-radius: 999px; color: #034859; background: #fff; font-size: clamp(13px, 1cqw, 16px); font-weight: 700; letter-spacing: .1em; white-space: nowrap; }
.kv-reg-go i { font-style: normal; transition: transform .3s var(--ease); }
.kv-reg:hover .kv-reg-go i { transform: translateX(4px); }
@keyframes v9-ping { 0% { opacity: .9; transform: scale(.6); } 80%, 100% { opacity: 0; transform: scale(1.8); } }
@media (max-width: 760px) {
  .kv-ctas { top: 50.5%; left: 6%; right: 6%; flex-direction: column; flex-wrap: nowrap; gap: 10px; padding: 0; }
  .kv-ctas .kv-reg, .kv-ctas .kv-atlas { width: 100%; justify-content: space-between; }
  .kv-reg { padding: 8px 8px 8px 18px; }
  .kv-reg-name { margin-right: auto; font-size: 14px; letter-spacing: .06em; }
  .kv-reg-go { padding: 12px 16px; font-size: 13px; letter-spacing: .08em; }
}
@media (prefers-reduced-motion: reduce) { .kv-ctas, .kv-reg-dot::after { animation: none; } }

.v9-tag { display: inline-block; margin-bottom: 6px; padding: 3px 10px; border-radius: 999px; color: #01667e; background: rgba(0, 125, 155, .08); font-size: 12px; font-weight: 600; letter-spacing: .08em; }

.v9-vh { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.v9-reg { position: relative; overflow: hidden; }
.v9-reg::before { content: ""; position: absolute; inset: -20% -10% auto auto; width: 60vw; height: 60vw; max-width: 900px; max-height: 900px; border-radius: 50%; background: radial-gradient(closest-side, rgba(6, 147, 181, .12), transparent 70%); pointer-events: none; }
.v9-reg-card {
  position: relative; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  border: 1px solid rgba(255, 255, 255, .9); border-radius: var(--r-lg);
  background: linear-gradient(160deg, rgba(255, 255, 255, .96), rgba(241, 247, 250, .9));
  box-shadow: 0 1px 2px rgba(0, 38, 49, .04), 0 40px 80px -40px rgba(0, 110, 136, .35);
}
.v9-reg-col { padding: clamp(28px, 3.4vw, 56px); }
.v9-reg-info { border-left: 1px solid var(--line); }
.v9-step { display: flex; align-items: flex-start; gap: 16px; margin-bottom: 28px; }
.v9-step-no { flex: none; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; color: #fff; background: var(--grad-brand); font-size: 14px; font-weight: 700; letter-spacing: .04em; box-shadow: 0 10px 20px -10px rgba(0, 110, 136, .8); }
.v9-step h3 { margin: 0; color: var(--ink); font-size: var(--t4); font-weight: 700; letter-spacing: .02em; }
.v9-step p { margin: 4px 0 0; color: var(--mute); font-size: var(--t6); }
.v9-count { align-self: center; margin-left: auto; padding: 6px 12px; border-radius: 999px; color: var(--blue); background: rgba(0, 125, 155, .08); font-size: 13px; font-weight: 600; white-space: nowrap; }
.v9-sessions { display: grid; gap: 24px; margin: 0; padding: 0; border: 0; min-width: 0; }
.v9-day { display: grid; gap: 10px; }
.v9-day-head { display: flex; align-items: baseline; gap: 10px; margin: 0; }
.v9-day-head b { color: var(--ink); font-size: 20px; font-weight: 700; letter-spacing: .02em; }
.v9-day-head span { color: var(--mute); font-size: 12px; font-weight: 600; letter-spacing: .14em; }
.v9-slot { display: grid; gap: 10px; margin-top: 6px; padding: 14px; border: 1px dashed rgba(0, 125, 155, .25); border-radius: var(--r-md); background: rgba(0, 125, 155, .03); }
.v9-slot-head { display: flex; align-items: center; justify-content: space-between; margin: 0 4px 2px; font-size: 13px; }
.v9-slot-head span { color: var(--ink); font-weight: 600; letter-spacing: .04em; }
.v9-slot-head em { color: #d09202; font-style: normal; font-weight: 600; letter-spacing: .08em; }
.v9-session { position: relative; display: block; cursor: pointer; }
.v9-session input { position: absolute; opacity: 0; pointer-events: none; }
.v9-s-card {
  position: relative; display: grid; grid-template-columns: auto 1fr; grid-template-areas: "time tick" "title title" "place place";
  row-gap: 4px; padding: 16px 52px 16px 18px; border: 1px solid var(--line); border-radius: 16px; background: #fff;
  transition: border-color .2s ease, box-shadow .25s var(--ease), background-color .2s ease, translate .25s var(--ease);
}
.v9-s-time { grid-area: time; color: var(--blue); font-size: 12px; font-weight: 700; letter-spacing: .1em; }
.v9-s-card strong { grid-area: title; color: var(--ink); font-size: 16px; font-weight: 700; line-height: 1.45; }
.v9-s-card small { grid-area: place; color: var(--mute); font-size: 13px; }
.v9-s-tick { position: absolute; top: 50%; right: 18px; width: 22px; height: 22px; margin-top: -11px; border: 1.5px solid rgba(0, 38, 49, .2); border-radius: 50%; transition: background-color .2s ease, border-color .2s ease; }
.v9-s-tick::after { content: ""; position: absolute; left: 7px; top: 3.5px; width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg) scale(0); transition: transform .2s var(--ease); }
.v9-session:hover .v9-s-card { border-color: rgba(0, 125, 155, .35); translate: 0 -2px; box-shadow: 0 14px 30px -20px rgba(0, 110, 136, .5); }
.v9-session input:focus-visible + .v9-s-card { outline: 2px solid var(--blue); outline-offset: 2px; }
.v9-session input:checked + .v9-s-card { border-color: var(--blue); background: linear-gradient(135deg, #f4f8ff, #e8f3f7); box-shadow: 0 0 0 3px rgba(0, 125, 155, .12), 0 18px 36px -24px rgba(0, 110, 136, .7); }
.v9-session input:checked + .v9-s-card .v9-s-tick { border-color: var(--blue); background: var(--blue); }
.v9-session input:checked + .v9-s-card .v9-s-tick::after { transform: rotate(45deg) scale(1); }
.v9-fields { display: grid; gap: 18px; }
.v9-field { display: grid; gap: 8px; }
.v9-field > span { color: var(--ink); font-size: 14px; font-weight: 600; letter-spacing: .04em; }
.v9-field b { margin-left: 4px; color: #ff5a6e; font-weight: 600; }
.v9-field input { width: 100%; height: 52px; padding: 0 18px; border: 1px solid rgba(0, 38, 49, .12); border-radius: 14px; color: var(--ink); background: #fff; font: inherit; font-size: 16px; transition: border-color .2s ease, box-shadow .2s ease; }
.v9-field input::placeholder { color: #9fb1b7; }
.v9-field input:focus { outline: none; border-color: var(--blue); box-shadow: 0 0 0 4px var(--blue-ring); }
.v9-field input[aria-invalid="true"] { border-color: #ff5a6e; box-shadow: 0 0 0 4px rgba(255, 90, 110, .12); }
.v9-consent { display: flex; align-items: flex-start; gap: 10px; margin-top: 22px; color: var(--copy); font-size: 13px; line-height: 1.6; cursor: pointer; }
.v9-consent input { flex: none; width: 18px; height: 18px; margin-top: 2px; accent-color: var(--blue); }
.v9-submit { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; height: 56px; margin-top: 22px; border: 0; border-radius: 999px; color: #fff; background: var(--grad-brand); box-shadow: 0 18px 36px -18px rgba(0, 110, 136, .9); font: inherit; font-size: 17px; font-weight: 700; letter-spacing: .12em; cursor: pointer; transition: translate .25s var(--ease), box-shadow .25s var(--ease), opacity .2s ease; }
.v9-submit i { font-style: normal; transition: transform .3s var(--ease); }
.v9-submit:hover { translate: 0 -2px; box-shadow: 0 24px 44px -20px rgba(0, 110, 136, 1); }
.v9-submit:hover i { transform: translateX(4px); }
.v9-submit[disabled] { opacity: .6; cursor: progress; translate: none; }
.v9-reg-msg { min-height: 1.6em; margin: 14px 0 0; color: var(--copy); font-size: 14px; line-height: 1.6; text-align: center; }
.v9-reg-msg.is-error { color: #e0344b; }
.v9-reg-msg.is-ok { color: #13915f; }
@media (max-width: 960px) {
  .v9-reg-card { grid-template-columns: 1fr; }
  .v9-reg-info { border-left: 0; border-top: 1px solid var(--line); }
}
@media (max-width: 560px) {
  .v9-reg-col { padding: 24px 18px; }
  .v9-count { padding: 5px 10px; font-size: 12px; }
  .v9-slot { padding: 10px; }
  .v9-s-card strong { font-size: 15px; }
}

:root { --d2-page: #f1f8f9; --d2-ink: #05577d; --d2-teal: #057d9f; --d2-aqua: #0ea9bc; --d2-gold: #e0aa43; --d2-gold-text: #a8781f; }
.v5-hero.v7-hero.d2-hero { min-height: 0; padding: 0; overflow: hidden; background: linear-gradient(180deg, #e3f2f4 0%, var(--d2-page) 40%); }
.v5-hero.v7-hero.d2-hero.d2-end { background: var(--d2-page); }
.d2-stage { position: relative; }
.d2-frame { position: relative; height: clamp(360px, 43vw, 88svh); overflow: hidden; }
.d2-frame::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 22%; background: linear-gradient(180deg, rgba(241, 248, 249, 0), var(--d2-page)); pointer-events: none; z-index: 2; }
.d2-canvas { position: absolute; top: 0; left: 50%; height: 100%; aspect-ratio: 3 / 1; translate: -50% 0; }
.d2-bg { position: absolute; inset: 0; background: url(assets/kv-d2/kv-bg-full-2880.webp) center / 100% 100% no-repeat; }

.d2-lockup { position: absolute; inset: 0; z-index: 3; margin: 0; }
.d2-lockup img { position: absolute; display: block; height: auto; }
.d2-title { left: 15.691%; top: 17.104%; width: 68.633%; }
.d2-sub { left: 32.736%; top: 50.296%; width: 34.528%; }
.d2-date { left: 28.94%; top: 60.288%; width: 42.176%; }
.d2-lockup .d2-title-l, .d2-lockup .d2-title-r, .d2-when-m { display: none; }
.d2-canvas > .d2-letters, .d2-stage-text .d2-letters { display: none; }

.d2-ctas { position: relative; z-index: 4; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 14px 16px; margin: -40px auto 0; padding: 0 24px; }
.d2-ctas .kv-atlas { position: static; margin: 0; animation: none; }
.d2-ctas .kv-reg { background: linear-gradient(120deg, #04445f 0%, #05577d 45%, #0a8fae 100%); box-shadow: 0 18px 40px -18px rgba(5, 87, 125, .85), inset 0 1px rgba(255, 255, 255, .35); }
.d2-ctas .kv-reg-dot, .d2-ctas .kv-reg-dot::after { background: var(--d2-gold); border-color: var(--d2-gold); }
.d2-ctas .kv-reg-dot::after { background: none; }
.d2-ctas .kv-reg-go { color: var(--d2-ink); }
.d2-ctas .kv-reg-name, .d2-ctas .kv-atlas-name { font-size: clamp(14px, 1.1vw, 18px); }
.d2-ctas .kv-reg-go, .d2-ctas .kv-atlas-go { padding: 12px 20px; font-size: 15px; }
.d2-ctas .kv-atlas-name { color: #0c3446; }
.d2-ctas-end { margin-top: -56px; padding-bottom: 88px; }
.d2-ctas .v5-btn { height: 52px; padding: 0 30px; }
.v5-btn-blue { background: var(--d2-ink); }
.v5-btn-blue:hover { background: #04445f; }
.d2-hero .v5-btn-line { color: var(--d2-ink); border-color: rgba(5, 87, 125, .3); background: rgba(255, 255, 255, .75); }
.d2-hero .v7-hero-below { margin-top: 0; padding-top: 28px; }
.d2-hero .v7-hero-below .v6-hero-links { visibility: visible; }
.d2-hero .v7-hero-below .v6-hero-links a { color: var(--d2-ink); text-shadow: none; }
.d2-hero .v7-hero-below .v6-hero-links i { background: rgba(5, 87, 125, .35); }

.d2-copy { position: absolute; inset: 0; z-index: 3; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: calc(var(--header-h) + 8px) 24px 9%; text-align: center; }
.d2-text { display: flex; flex-direction: column; align-items: center; gap: clamp(10px, 1.2vw, 18px); margin: 0; }
.d2-kicker { display: inline-flex; align-items: center; gap: 16px; color: var(--d2-ink); font-size: clamp(14px, 1.25vw, 22px); font-weight: 700; letter-spacing: .3em; }
.d2-kicker i { width: clamp(32px, 5vw, 96px); height: 1.5px; background: currentColor; opacity: .6; }
.d2-big { display: flex; flex-direction: column; align-items: center; gap: .1em; font-size: clamp(30px, 4.2vw, 76px); font-weight: 900; line-height: 1.12; letter-spacing: .04em; background: linear-gradient(100deg, #04445f 0%, #05577d 35%, #057d9f 70%, #0ea9bc 100%); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 2px 0 rgba(255, 255, 255, .6)); }
.d2-big em { margin-right: .25em; font-style: normal; font-size: .62em; font-weight: 700; color: var(--d2-gold-text); -webkit-text-fill-color: var(--d2-gold-text); }
.d2-en { color: rgba(5, 87, 125, .7); font-size: clamp(10px, .8vw, 13px); font-weight: 600; letter-spacing: .22em; }
.d2-tagline { margin: clamp(12px, 1.4vw, 22px) 0 0; padding: 8px 22px; border: 1px solid rgba(224, 170, 67, .55); border-radius: 999px; color: var(--d2-ink); background: rgba(255, 255, 255, .55); font-size: clamp(14px, 1.1vw, 18px); font-weight: 600; letter-spacing: .16em; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }

@media (max-width: 760px) {
  .d2-frame { height: auto; min-height: 0; padding: calc(var(--header-h) + 36px) 0 120px; background: url(assets/kv-d2/kv-bg-mobile.webp) center top / cover no-repeat; }
  .d2-canvas { position: static; height: auto; aspect-ratio: auto; translate: none; }
  .d2-bg { display: none; }
  .d2-lockup { position: relative; inset: auto; display: flex; flex-direction: column; align-items: center; }
  .d2-lockup img { position: static; }
  .d2-lockup .d2-title, .d2-lockup .d2-date { display: none; }
  .d2-lockup .d2-title-l { display: block; align-self: flex-start; width: 80%; margin-left: 4%; }
  .d2-lockup .d2-title-r { display: block; align-self: flex-end; width: 70%; margin: -3% 5% 0 0; }
  .d2-lockup .d2-sub { width: 82%; margin-top: 22px; }
  .d2-when-m { display: flex; align-items: center; gap: 10px; margin-top: 14px; color: var(--d2-ink); font-size: 14px; font-weight: 600; letter-spacing: .08em; }
  .d2-when-m b { font-size: 17px; letter-spacing: .04em; }
  .d2-when-m i { width: 1.5px; height: 14px; background: currentColor; opacity: .5; }
  .d2-canvas > .d2-letters, .d2-stage-text .d2-letters { display: block; position: absolute; left: 4%; right: 4%; bottom: 34px; width: 92%; height: auto; mix-blend-mode: color-burn; z-index: 1; }
  .d2-frame::after { height: 70px; }
  .d2-ctas { flex-direction: column; flex-wrap: nowrap; gap: 10px; margin-top: -56px; padding: 0 16px; }
  .d2-ctas .kv-reg, .d2-ctas .kv-atlas { width: 100%; justify-content: space-between; flex-direction: row; padding: 8px 8px 8px 18px; border-radius: 999px; }
  .d2-ctas .kv-reg-name { margin-right: auto; font-size: 15px; }
  .d2-ctas .kv-atlas-name { display: grid; justify-items: start; gap: 0; font-size: 13px; line-height: 1.45; letter-spacing: .04em; text-align: left; white-space: normal; }
  .d2-ctas .kv-atlas-name em { display: none; }
  .d2-ctas .kv-reg-go, .d2-ctas .kv-atlas-go { width: auto; flex: none; padding: 12px 16px; font-size: 13px; }
  .d2-ctas .v5-btn { width: 100%; }
  .d2-ctas-end { padding-bottom: 64px; }
  .d2-hero .v7-hero-below { padding-top: 22px; }
  .d2-hero .v7-hero-below .v6-hero-panels { margin-top: 18px; }
  .d2-copy { position: relative; inset: auto; padding: 0 20px; }
  .d2-big { font-size: clamp(26px, 7.4vw, 34px); }
  .d2-kicker { gap: 10px; font-size: 13px; letter-spacing: .18em; }
  .d2-kicker i { width: 24px; }
  .d2-en { font-size: 9px; letter-spacing: .14em; }
  .d2-tagline { font-size: 13px; letter-spacing: .1em; }
}
.v5-ruler-bar .v9-gap { background: repeating-linear-gradient(135deg, rgba(5, 87, 125, .12) 0 4px, transparent 4px 8px); }

@media (min-width: 2300px), (min-width: 1100px) and (min-resolution: 1.25dppx) { .d2-bg { background-image: url(assets/kv-d2/kv-bg-full-3840.webp); } }
@media (min-width: 1700px) and (min-resolution: 1.75dppx), (min-width: 2200px) and (min-resolution: 1.25dppx), (min-width: 3200px) { .d2-bg { background-image: url(assets/kv-d2/kv-bg-full-5120.webp); } }
.d2-atlas-title { display: block; width: clamp(300px, 60vw, 1080px); height: auto; margin: 4px 0 2px; }
@media (max-width: 760px) {
  .d2-frame { background-image: url(assets/kv-d2/kv-bg-mobile-1620.webp); }
  .d2-atlas-title { width: 92vw; max-width: 460px; }
}
.d2-stage { --d2-h: clamp(360px, 43vw, 88svh); }
@media (min-width: 761px) { .d2-frame { height: var(--d2-h); } }
.d2-date { left: 34.53%; top: 58.6%; width: 31%; }
@media (min-width: 761px) {
  .d2-stage:not(.d2-stage-text) > .d2-ctas { margin-top: calc(var(--d2-h) * -0.25); }
}
@media (min-width: 761px) {
  #hero .d2-stage:not(.d2-stage-text) > .d2-ctas { margin-top: calc(var(--d2-h) * -0.035); }
  #hero.d2-hero .v7-hero-below { padding-top: 22px; }
  #hero.d2-hero .v7-hero-below .v6-hero-panels { margin-top: 56px; }
}



@media (min-width: 761px) {
  .d2-bg { background-image: url(assets/kv-d2/kv-bg-2880.webp); transform-origin: 50% 40%; animation: d2-drift 32s ease-in-out infinite alternate; }
  .d2-bg::after { content: ""; position: absolute; left: 14.153%; top: 0; width: 79.879%; height: 70.322%; background: url(assets/kv-d2/kv-glow.webp) center / 100% 100% no-repeat; opacity: .4; animation: d2-glow 9s ease-in-out infinite alternate; }
  .d2-bg::before { content: ""; position: absolute; left: 40.976%; top: 25.614%; width: 59.024%; height: 74.386%; background: url(assets/kv-d2/kv-marble-gold.webp) center / 100% 100% no-repeat; transform-origin: 100% 100%; animation: d2-marble 14s ease-in-out infinite alternate; z-index: 1; }
  .d2-canvas > .d2-letters { display: block; position: absolute; left: 18.259%; top: 71.761%; width: 63.482%; height: auto; bottom: auto; right: auto; mix-blend-mode: color-burn; z-index: 1; animation: d2-rise 1.6s var(--ease) .5s both; }
  .d2-lockup .d2-title { animation: d2-ink 1.8s cubic-bezier(.4, .1, .2, 1) .15s both; }
  .d2-lockup::after { content: ""; position: absolute; left: 15.691%; top: 17.104%; width: 68.633%; height: 41.194%; background: linear-gradient(105deg, transparent 35%, rgba(255, 255, 255, .75) 48%, rgba(255, 236, 190, .55) 52%, transparent 65%) 0 0 / 300% 100% no-repeat; -webkit-mask: url(assets/kv-d2/kv-title-2400.webp) center / 100% 100% no-repeat; mask: url(assets/kv-d2/kv-title-2400.webp) center / 100% 100% no-repeat; mix-blend-mode: soft-light; animation: d2-sheen 7s ease-in-out 2.2s infinite; pointer-events: none; }
  .d2-lockup .d2-sub { animation: kv-in-up 1s var(--ease) 1.1s both; }
  .d2-lockup .d2-date { animation: kv-in-up 1s var(--ease) 1.35s both; }
  .d2-hero .d2-ctas { animation: kv-in-up 1s var(--ease) 1.6s both; }
}
@keyframes d2-drift { from { transform: scale(1.02) translate3d(-.6%, 0, 0); } to { transform: scale(1.07) translate3d(.6%, -.8%, 0); } }
@keyframes d2-glow { from { opacity: .28; transform: scale(.98); } to { opacity: .55; transform: scale(1.03); } }
@keyframes d2-marble { from { transform: translate3d(0, 0, 0) rotate(0deg); filter: brightness(1) saturate(1); } 50% { filter: brightness(1.08) saturate(1.15); } to { transform: translate3d(-1.2%, -1.6%, 0) rotate(-.6deg); filter: brightness(1) saturate(1); } }
@keyframes d2-rise { from { opacity: 0; transform: translate3d(0, 12%, 0); } }
@keyframes d2-ink { from { clip-path: inset(-10% 100% -10% -2%); filter: blur(6px); opacity: .3; } 60% { filter: blur(0); opacity: 1; } to { clip-path: inset(-10% -2% -10% -2%); } }
@keyframes d2-sheen { 0% { background-position: 120% 0; } 45%, 100% { background-position: -20% 0; } }

@media (max-width: 760px) {
  .d2-frame::before { content: ""; position: absolute; right: -38%; bottom: 0; width: 110%; aspect-ratio: 1700 / 714; background: url(assets/kv-d2/kv-marble-gold.webp) right bottom / 100% 100% no-repeat; opacity: .9; animation: d2-marble 14s ease-in-out infinite alternate; pointer-events: none; }
  .d2-lockup .d2-title-l { animation: d2-in-l 1.2s var(--ease) .1s both, d2-float 7s ease-in-out 1.4s infinite alternate; }
  .d2-lockup .d2-title-r { animation: d2-in-r 1.2s var(--ease) .35s both, d2-float 7s ease-in-out 1.6s infinite alternate-reverse; }
  .d2-lockup .d2-sub { animation: kv-in-up 1s var(--ease) .8s both; }
  .d2-when-m { flex-direction: column; gap: 10px; margin-top: 18px; font-size: 0; animation: kv-in-up 1s var(--ease) 1s both; }
  .d2-when-m b, .d2-when-m i { display: none; }
  .d2-when-m::before, .d2-when-m::after { content: ""; display: block; height: 0; background: url(assets/kv-d2/kv-date-1450.webp) no-repeat; }
  .d2-when-m::before { width: 58vw; padding-top: calc(58vw * 69 / 580); background-size: calc(58vw * 1450 / 580) 100%; background-position: 0 0; }
  .d2-when-m::after { width: 72vw; padding-top: calc(72vw * 69 / 733); background-size: calc(72vw * 1450 / 733) 100%; background-position: 100% 0; }
  .d2-canvas > .d2-letters { animation: d2-rise 1.4s var(--ease) .6s both; }
}
@keyframes d2-in-l { from { opacity: 0; transform: translate3d(-12%, 0, 0); filter: blur(4px); } }
@keyframes d2-in-r { from { opacity: 0; transform: translate3d(12%, 0, 0); filter: blur(4px); } }
@keyframes d2-float { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(0, -6px, 0); } }

@media (prefers-reduced-motion: reduce) {
  .d2-bg, .d2-bg::before, .d2-bg::after, .d2-canvas > .d2-letters, .d2-lockup .d2-title, .d2-lockup::after,
  .d2-lockup .d2-sub, .d2-lockup .d2-date, .d2-hero .d2-ctas, .d2-frame::before,
  .d2-lockup .d2-title-l, .d2-lockup .d2-title-r, .d2-when-m { animation: none; }
  .d2-lockup .d2-title { clip-path: none; }
  .d2-lockup::after { display: none; }
}

.v9-float-reg {
  position: fixed; right: max(24px, env(safe-area-inset-right)); bottom: max(24px, env(safe-area-inset-bottom)); z-index: 100;
  display: inline-flex; align-items: center; gap: 10px; height: 54px; padding: 0 22px 0 18px;
  border: 1px solid rgba(255, 255, 255, .35); border-radius: 999px;
  color: #fff; background: linear-gradient(120deg, #04445f 0%, #05577d 45%, #0a8fae 100%);
  box-shadow: 0 18px 40px -16px rgba(5, 87, 125, .75), inset 0 1px rgba(255, 255, 255, .3);
  font-size: 15px; letter-spacing: .12em; text-decoration: none;
  transition: translate .3s var(--ease), box-shadow .3s var(--ease);
}
.v9-float-reg:hover { translate: 0 -3px; box-shadow: 0 24px 46px -18px rgba(5, 87, 125, .9), inset 0 1px rgba(255, 255, 255, .3); }
.v9-float-reg b { font-weight: 700; }
.v9-float-reg i { display: none; } 
.v9-float-dot { position: relative; width: 8px; height: 8px; border-radius: 50%; background: var(--d2-gold, #e0aa43); }
.v9-float-dot::after { content: ""; position: absolute; inset: -4px; border-radius: 50%; border: 1px solid var(--d2-gold, #e0aa43); animation: v9-ping 2.2s var(--ease) infinite; }
.menu-open .v9-float-reg { visibility: hidden; }
@supports (animation-timeline: scroll()) {
  .v9-float-reg { animation: v9-float-in linear both; animation-timeline: scroll(root); animation-range: 0 60vh; }
}
@keyframes v9-float-in { 0%, 70% { opacity: 0; visibility: hidden; transform: translateY(16px); } 100% { opacity: 1; visibility: visible; transform: none; } }
@media (max-width: 760px) {
  .v9-float-reg { right: 16px; bottom: max(16px, env(safe-area-inset-bottom)); height: 48px; padding: 0 18px 0 16px; font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) { .v9-float-reg, .v9-float-dot::after { animation: none; } }
@media print { .v9-float-reg { display: none; } }

.v9-hack { padding: 0 24px 22px; }
.v9-hack-btn { display: flex; align-items: center; gap: 12px; padding: 14px 18px; border: 1px dashed rgba(5, 87, 125, .28); border-radius: 999px; background: linear-gradient(160deg, #f6fbfc, #eaf5f7); color: var(--d2-ink, #05577d); text-decoration: none; }
.v9-hack-btn b { font-size: 15px; font-weight: 700; letter-spacing: .1em; }
.v9-hack-btn small { margin-left: auto; padding: 4px 12px; border-radius: 999px; color: #8a6a1f; background: rgba(224, 170, 67, .16); font-size: 12px; font-weight: 600; letter-spacing: .08em; }
.v9-hack-btn[aria-disabled="true"] { cursor: not-allowed; pointer-events: none; }
.v9-hack-btn[href]:not([aria-disabled="true"]) { border-style: solid; color: #fff; background: linear-gradient(120deg, #04445f, #0a8fae); transition: translate .3s var(--ease); }
.v9-hack-btn[href]:not([aria-disabled="true"]):hover { translate: 0 -2px; }
.v9-hack-btn[href]:not([aria-disabled="true"]) small { display: none; }
.v9-hack-dot { position: relative; width: 8px; height: 8px; border-radius: 50%; background: var(--d2-gold, #e0aa43); opacity: .7; }
@media (max-width: 560px) { .v9-hack { padding: 0 14px 18px; } }

.d2-date { left: 32.5%; width: 35%; }
@media (max-width: 760px) {
  .d2-when-m::before, .d2-when-m::after { background-image: url(assets/kv-d3/kv-date-1331.webp); }
  .d2-when-m::before { width: 66vw; padding-top: calc(66vw * 56 / 612); background-size: calc(66vw * 1331 / 612) 100%; }
  .d2-when-m::after { width: 64vw; padding-top: calc(64vw * 56 / 592); background-size: calc(64vw * 1331 / 592) 100%; }
}

@media (min-width: 761px) {
  .d2-bg::before { animation: d2-swell 7s ease-in-out infinite alternate, d2-marble 14s ease-in-out infinite alternate; }
  .d2-canvas::before {
    content: ""; position: absolute; left: 40.976%; top: 25.614%; width: 59.024%; height: 74.386%; z-index: 1; pointer-events: none;
    background: repeating-linear-gradient(100deg, rgba(255, 255, 255, 0) 0 6%, rgba(255, 255, 255, .28) 8%, rgba(255, 255, 255, 0) 11% 17%) 0 0 / 200% 100%;
    -webkit-mask: url(assets/kv-d2/kv-marble-gold.webp) center / 100% 100% no-repeat;
    mask: url(assets/kv-d2/kv-marble-gold.webp) center / 100% 100% no-repeat;
    opacity: .7; animation: d2-swell 7s ease-in-out infinite alternate, d2-tide 10s linear infinite;
  }
  .d2-canvas::after {
    content: ""; position: absolute; left: 40.976%; top: 25.614%; width: 59.024%; height: 74.386%; z-index: 2; pointer-events: none;
    background:
      linear-gradient(120deg, transparent 40%, rgba(255, 244, 210, .95) 47%, #fff 50%, rgba(255, 214, 130, .9) 53%, transparent 60%) 0 0 / 300% 300% no-repeat,
      linear-gradient(120deg, transparent 42%, rgba(255, 226, 150, .6) 50%, transparent 58%) 0 0 / 300% 300% no-repeat;
    -webkit-mask: url(assets/kv-d2/kv-gold-lines.webp) center / 100% 100% no-repeat;
    mask: url(assets/kv-d2/kv-gold-lines.webp) center / 100% 100% no-repeat;
    animation: d2-swell 7s ease-in-out infinite alternate, d2-goldflow 6s linear infinite;
  }
}
@keyframes d2-goldflow { from { background-position: 100% 100%, 50% 50%; } 50% { background-position: 50% 50%, 0 0; } 50.01% { background-position: 50% 50%, 100% 100%; } to { background-position: 0 0, 50% 50%; } }
@keyframes d2-tide { from { background-position: 0 0; } to { background-position: -200% 0; } }
@keyframes d2-swell { from { translate: 0 0; rotate: 0deg; } 50% { translate: -.4% -1.2%; rotate: -.4deg; } to { translate: -.8% .4%; rotate: .2deg; } }
@media (prefers-reduced-motion: reduce) { .d2-canvas::before, .d2-canvas::after { animation: none; display: none; } }

.d2-canvas > .d2-ribbons { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 2; pointer-events: none;
  -webkit-mask: radial-gradient(ellipse 34% 30% at 50% 40%, transparent 40%, rgba(0, 0, 0, .6) 72%, #000 100%);
  mask: radial-gradient(ellipse 34% 30% at 50% 40%, transparent 40%, rgba(0, 0, 0, .6) 72%, #000 100%);
  --vp-y: .4; opacity: 1; animation: d2-fade-in 2.4s ease .8s both; }
@keyframes d2-fade-in { from { opacity: 0; } }

@media (min-width: 761px) {
  .d2-canvas { animation: d2-push 2.4s cubic-bezier(.16, .8, .2, 1) both; }
  .d2-frame::before {
    content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none;
    background-image:
      radial-gradient(circle, rgba(255, 232, 170, .95) 0 1.4px, transparent 2.6px),
      radial-gradient(circle, rgba(255, 255, 255, .9) 0 1px, transparent 2px),
      radial-gradient(circle, rgba(232, 182, 80, .85) 0 1.8px, transparent 3.2px),
      radial-gradient(circle, rgba(255, 244, 214, .7) 0 1.2px, transparent 2.4px);
    background-size: 230px 260px, 170px 190px, 310px 340px, 120px 150px;
    background-position: 20px 0, 90px 40px, 160px 120px, 50px 70px;
    -webkit-mask: linear-gradient(180deg, transparent 0, #000 35%, #000 80%, transparent 100%);
    mask: linear-gradient(180deg, transparent 0, #000 35%, #000 80%, transparent 100%);
    animation: d2-dust 22s linear infinite, d2-twinkle 3.2s ease-in-out infinite alternate;
  }
}
@keyframes d2-push { from { transform: scale(1.14); filter: blur(10px) brightness(1.15); opacity: 0; } 55% { opacity: 1; filter: blur(0) brightness(1.05); } to { transform: scale(1); filter: none; } }
@keyframes d2-dust { to { background-position: 20px -520px, 90px -720px, 160px -560px, 50px -900px; } }
@keyframes d2-twinkle { from { opacity: .55; } to { opacity: 1; } }

@media (max-width: 760px) {
  .d2-canvas > .d2-ribbons { --vp-y: .3; opacity: .7;
    -webkit-mask: radial-gradient(ellipse 80% 42% at 50% 50%, transparent 55%, #000 100%);
    mask: radial-gradient(ellipse 80% 42% at 50% 50%, transparent 55%, #000 100%); }
}
@media (prefers-reduced-motion: reduce) {
  .d2-canvas, .d2-frame::before, .d2-canvas > .d2-ribbons { animation: none; }
  .d2-frame::before { display: none; }
}

.d2-canvas > .d2-ribbons { display: none; }
@media (min-width: 761px) {
  .d2-bg::after {
    left: -4%; top: -6%; width: 54%; height: 112%; opacity: 1;
    background: url(assets/kv-d2/kv-clouds.webp) left center / 100% 100% no-repeat;
    transform-origin: 30% 50%; animation: d2-cloud-a 26s ease-in-out infinite alternate;
  }
  .d2-canvas::before {
    left: -6%; top: -10%; width: 50%; height: 120%; z-index: 1; opacity: .0;
    background: url(assets/kv-d2/kv-clouds.webp) left center / 100% 100% no-repeat;
    -webkit-mask: none; mask: none; transform: scaleY(-1);
    animation: d2-cloud-b 18s ease-in-out infinite alternate;
  }
  .d2-lockup::before {
    content: ""; position: absolute; left: 50%; top: 42%; width: 70%; aspect-ratio: 1; translate: -50% -50%; z-index: -1; pointer-events: none;
    background: repeating-conic-gradient(from 0deg, rgba(255, 255, 255, .55) 0deg 3deg, rgba(255, 255, 255, 0) 3deg 14deg);
    -webkit-mask: radial-gradient(circle, #000 0, rgba(0, 0, 0, .5) 30%, transparent 62%);
    mask: radial-gradient(circle, #000 0, rgba(0, 0, 0, .5) 30%, transparent 62%);
    opacity: .5; animation: d2-rays 60s linear infinite, d2-glow 8s ease-in-out infinite alternate;
  }
  .d2-lockup { isolation: isolate; }
}
@keyframes d2-cloud-a { from { transform: translate3d(0, 0, 0) scale(1); opacity: .95; } 50% { opacity: .6; } to { transform: translate3d(4%, -3%, 0) scale(1.12, 1.06); opacity: 1; } }
@keyframes d2-cloud-b { from { transform: scaleY(-1) translate3d(-3%, 2%, 0) scale(1.05); opacity: 0; } 50% { opacity: .55; } to { transform: scaleY(-1) translate3d(5%, -2%, 0) scale(1.15); opacity: .15; } }
@keyframes d2-rays { to { rotate: 360deg; } }
@media (prefers-reduced-motion: reduce) { .d2-bg::after, .d2-canvas::before, .d2-lockup::before { animation: none; } .d2-canvas::before { display: none; } }
@media (min-width: 761px) {
  .d2-lockup::before {
    width: 80%;
    background: repeating-conic-gradient(from 0deg, rgba(255, 255, 255, 0) 0deg, rgba(255, 255, 255, .85) 5deg, rgba(255, 255, 255, 0) 11deg, rgba(255, 255, 255, 0) 17deg);
    -webkit-mask: radial-gradient(circle, rgba(0, 0, 0, .9) 0, rgba(0, 0, 0, .55) 22%, rgba(0, 0, 0, .2) 42%, transparent 64%);
    mask: radial-gradient(circle, rgba(0, 0, 0, .9) 0, rgba(0, 0, 0, .55) 22%, rgba(0, 0, 0, .2) 42%, transparent 64%);
    filter: blur(5px); opacity: .85;
  }
}
@media (min-width: 761px) {
  .d2-lockup::before {
    width: 76%; aspect-ratio: 2.4 / 1; top: 40%;
    background: radial-gradient(closest-side, rgba(255, 255, 255, .55), rgba(255, 255, 255, .22) 55%, rgba(255, 255, 255, 0));
    -webkit-mask: none; mask: none; filter: none; opacity: .7;
    animation: d2-glow 9s ease-in-out infinite alternate;
  }
  .d2-bg::after { animation: d2-cloud-a 16s ease-in-out infinite alternate, d2-swell 7s ease-in-out infinite alternate-reverse; }
  .d2-canvas::before { animation: d2-cloud-b 12s ease-in-out infinite alternate, d2-cloud-roll 7s ease-in-out infinite alternate-reverse; }
}
@keyframes d2-cloud-a { from { transform: translate3d(-2%, 1%, 0) scale(1); opacity: .9; } 50% { opacity: .55; } to { transform: translate3d(7%, -4%, 0) scale(1.16, 1.08); opacity: 1; } }
@keyframes d2-cloud-b { from { transform: scaleY(-1) translate3d(-6%, 3%, 0) scale(1.05); opacity: 0; } 50% { opacity: .65; } to { transform: scaleY(-1) translate3d(8%, -3%, 0) scale(1.2); opacity: .1; } }
@keyframes d2-cloud-roll { from { translate: 0 0; } to { translate: 1.5% -2%; } }
@media (min-width: 761px) {
  .d2-lockup::before {
    left: 50%; top: -22%; width: 110%; height: 120%; aspect-ratio: auto; translate: -50% 0; transform-origin: 50% 0;
    background: conic-gradient(from 150deg at 50% 0,
      rgba(255, 255, 255, 0) 0deg, rgba(255, 255, 255, .5) 6deg, rgba(255, 255, 255, 0) 13deg,
      rgba(255, 255, 255, 0) 17deg, rgba(255, 255, 255, .38) 22deg, rgba(255, 255, 255, 0) 28deg,
      rgba(255, 255, 255, 0) 31deg, rgba(255, 255, 255, .55) 36deg, rgba(255, 255, 255, 0) 44deg,
      rgba(255, 255, 255, 0) 48deg, rgba(255, 255, 255, .32) 52deg, rgba(255, 255, 255, 0) 58deg, rgba(255, 255, 255, 0) 360deg);
    -webkit-mask: linear-gradient(180deg, transparent 0, #000 22%, rgba(0, 0, 0, .55) 60%, transparent 92%);
    mask: linear-gradient(180deg, transparent 0, #000 22%, rgba(0, 0, 0, .55) 60%, transparent 92%);
    filter: blur(12px); opacity: .8;
    animation: d2-shafts 14s ease-in-out infinite alternate, d2-glow 9s ease-in-out infinite alternate;
  }
}
@keyframes d2-shafts { from { rotate: -3deg; } to { rotate: 3deg; } }
@keyframes d2-twinkle { from { opacity: .22; } to { opacity: .45; } }
@media (min-width: 761px) {
  .d2-lockup::before {
    background: conic-gradient(from 150deg at 50% 0,
      rgba(255, 252, 240, 0) 0deg, rgba(255, 252, 240, .85) 6deg, rgba(255, 252, 240, 0) 13deg,
      rgba(255, 252, 240, 0) 17deg, rgba(255, 252, 240, .65) 22deg, rgba(255, 252, 240, 0) 28deg,
      rgba(255, 252, 240, 0) 31deg, rgba(255, 252, 240, .95) 36deg, rgba(255, 252, 240, 0) 44deg,
      rgba(255, 252, 240, 0) 48deg, rgba(255, 252, 240, .6) 52deg, rgba(255, 252, 240, 0) 58deg, rgba(255, 252, 240, 0) 360deg);
    -webkit-mask: linear-gradient(180deg, transparent 0, #000 18%, rgba(0, 0, 0, .7) 62%, transparent 95%);
    mask: linear-gradient(180deg, transparent 0, #000 18%, rgba(0, 0, 0, .7) 62%, transparent 95%);
    filter: blur(10px); opacity: 1;
    animation: d2-shafts 14s ease-in-out infinite alternate, d2-shaft-glow 9s ease-in-out infinite alternate;
  }
}
@keyframes d2-shaft-glow { from { opacity: .75; } to { opacity: 1; } }
@media (min-width: 761px) {
  .d2-bg { animation: none; transform: none; }
  .d2-bg::before { transform-origin: 100% 100%; animation: d2-swell 7s ease-in-out infinite alternate, d2-marble 14s ease-in-out infinite alternate; }
  .d2-canvas::after { transform-origin: 100% 100%; animation: d2-swell 7s ease-in-out infinite alternate, d2-marble 14s ease-in-out infinite alternate, d2-goldflow 6s linear infinite; }
  .d2-stage-text .d2-copy { isolation: isolate; }
  .d2-stage-text .d2-copy::before {
    content: ""; position: absolute; left: 50%; top: -8%; width: 90%; height: 110%; translate: -50% 0; transform-origin: 50% 0; z-index: -1; pointer-events: none;
    background: conic-gradient(from 150deg at 50% 0,
      rgba(255, 252, 240, 0) 0deg, rgba(255, 252, 240, .85) 6deg, rgba(255, 252, 240, 0) 13deg,
      rgba(255, 252, 240, 0) 17deg, rgba(255, 252, 240, .65) 22deg, rgba(255, 252, 240, 0) 28deg,
      rgba(255, 252, 240, 0) 31deg, rgba(255, 252, 240, .95) 36deg, rgba(255, 252, 240, 0) 44deg,
      rgba(255, 252, 240, 0) 48deg, rgba(255, 252, 240, .6) 52deg, rgba(255, 252, 240, 0) 58deg, rgba(255, 252, 240, 0) 360deg);
    -webkit-mask: linear-gradient(180deg, transparent 0, #000 18%, rgba(0, 0, 0, .7) 62%, transparent 95%);
    mask: linear-gradient(180deg, transparent 0, #000 18%, rgba(0, 0, 0, .7) 62%, transparent 95%);
    filter: blur(10px); animation: d2-shafts 14s ease-in-out infinite alternate, d2-shaft-glow 9s ease-in-out infinite alternate;
  }
  .d2-stage-text .d2-atlas-title { animation: d2-ink 1.8s cubic-bezier(.4, .1, .2, 1) .15s both; }
  .d2-stage-text .d2-tagline { animation: kv-in-up 1s var(--ease) 1.2s both; }
}
@media (prefers-reduced-motion: reduce) { .d2-stage-text .d2-copy::before, .d2-stage-text .d2-atlas-title, .d2-stage-text .d2-tagline { animation: none; } }

@media (max-width: 760px) {
  .d2-stage { --m-letters: calc(88vw * 283 / 1828); }
  .d2-frame {
    display: flex; flex-direction: column; justify-content: center;
    min-height: max(560px, calc(100svh - 150px));
    padding: calc(var(--header-h) + 18px) 0 calc(var(--m-letters) + 64px);
    background: var(--d2-page); isolation: isolate;
  }
  .d2-hero.d2-end .d2-frame { min-height: max(520px, calc(100svh - 190px)); }
  .d2-frame::after { height: 96px; z-index: 3; }

  .d2-bg {
    display: block; position: absolute; inset: 0; z-index: 0;
    background: url(assets/kv-d2/kv-bg-mobile-1620.webp) center top / cover no-repeat;
    transform-origin: 50% 30%;
    animation: d2-m-push 2.6s cubic-bezier(.16, .8, .2, 1) both, d2-m-breathe 18s ease-in-out 2.6s infinite alternate;
  }
  .d2-bg::before, .d2-bg::after {
    content: ""; position: absolute; pointer-events: none; aspect-ratio: 3 / 2;
    background: url(assets/kv-d2/kv-clouds.webp) center / 100% 100% no-repeat;
  }
  .d2-bg::after { left: -38%; top: -3%; width: 115%; transform-origin: 20% 40%; animation: d2-m-cloud-a 13s ease-in-out infinite alternate; }
  .d2-bg::before { right: -48%; top: 26%; width: 105%; transform-origin: 80% 50%; animation: d2-m-cloud-b 11s ease-in-out infinite alternate; }

  .d2-frame::before {
    content: ""; position: absolute; right: -46%; left: auto; bottom: 4px; width: 132%; aspect-ratio: 1700 / 714; z-index: 1; opacity: 1;
    background: url(assets/kv-d2/kv-marble-gold.webp) right bottom / 100% 100% no-repeat;
    transform-origin: 100% 100%; pointer-events: none;
    animation: d2-swell 7s ease-in-out infinite alternate, d2-marble 14s ease-in-out infinite alternate;
  }
  .d2-canvas::after {
    content: ""; position: absolute; right: -46%; bottom: 4px; width: 132%; aspect-ratio: 1700 / 714; z-index: 1; pointer-events: none;
    background:
      linear-gradient(120deg, transparent 40%, rgba(255, 244, 210, .95) 47%, #fff 50%, rgba(255, 214, 130, .9) 53%, transparent 60%) 0 0 / 300% 300% no-repeat,
      linear-gradient(120deg, transparent 42%, rgba(255, 226, 150, .6) 50%, transparent 58%) 0 0 / 300% 300% no-repeat;
    -webkit-mask: url(assets/kv-d2/kv-gold-lines.webp) right bottom / 100% 100% no-repeat;
    mask: url(assets/kv-d2/kv-gold-lines.webp) right bottom / 100% 100% no-repeat;
    transform-origin: 100% 100%;
    animation: d2-swell 7s ease-in-out infinite alternate, d2-marble 14s ease-in-out infinite alternate, d2-goldflow 6s linear infinite;
  }
  .d2-canvas::before {
    content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none;
    background-image:
      radial-gradient(circle, rgba(255, 232, 170, .95) 0 1.2px, transparent 2.2px),
      radial-gradient(circle, rgba(255, 255, 255, .9) 0 1px, transparent 2px),
      radial-gradient(circle, rgba(232, 182, 80, .85) 0 1.5px, transparent 2.8px);
    background-size: 150px 190px, 110px 140px, 210px 260px;
    background-position: 20px 0, 70px 40px, 120px 100px;
    -webkit-mask: linear-gradient(180deg, transparent 0, #000 30%, #000 85%, transparent 100%);
    mask: linear-gradient(180deg, transparent 0, #000 30%, #000 85%, transparent 100%);
    animation: d2-m-dust 20s linear infinite, d2-twinkle 3.2s ease-in-out infinite alternate;
  }

  .d2-canvas > .d2-letters, .d2-stage-text .d2-letters {
    left: 6%; right: auto; bottom: 30px; width: 88%; z-index: 2;
    animation: d2-rise 1.4s var(--ease) 1.1s both;
  }

  .d2-lockup, .d2-stage-text .d2-copy { isolation: isolate; }
  .d2-lockup::before, .d2-stage-text .d2-copy::before {
    content: ""; position: absolute; left: 50%; top: calc(-1 * (var(--header-h) + 40px)); width: 170%; height: 125%;
    translate: -50% 0; transform-origin: 50% 0; z-index: -1; pointer-events: none;
    background: conic-gradient(from 150deg at 50% 0,
      rgba(255, 252, 240, 0) 0deg, rgba(255, 252, 240, .85) 6deg, rgba(255, 252, 240, 0) 13deg,
      rgba(255, 252, 240, 0) 17deg, rgba(255, 252, 240, .65) 22deg, rgba(255, 252, 240, 0) 28deg,
      rgba(255, 252, 240, 0) 31deg, rgba(255, 252, 240, .95) 36deg, rgba(255, 252, 240, 0) 44deg,
      rgba(255, 252, 240, 0) 48deg, rgba(255, 252, 240, .6) 52deg, rgba(255, 252, 240, 0) 58deg, rgba(255, 252, 240, 0) 360deg);
    -webkit-mask: linear-gradient(180deg, transparent 0, #000 18%, rgba(0, 0, 0, .7) 62%, transparent 95%);
    mask: linear-gradient(180deg, transparent 0, #000 18%, rgba(0, 0, 0, .7) 62%, transparent 95%);
    filter: blur(8px);
    animation: d2-shafts 14s ease-in-out infinite alternate, d2-shaft-glow 9s ease-in-out infinite alternate;
  }

  .d2-lockup .d2-title-l { width: 84%; margin-left: 3%; animation: d2-ink 1.6s cubic-bezier(.4, .1, .2, 1) .35s both; }
  .d2-lockup .d2-title-r { width: 74%; margin: -4% 3% 0 0; animation: d2-ink 1.6s cubic-bezier(.4, .1, .2, 1) .85s both; }
  .d2-lockup .d2-sub { margin-top: 26px; animation: kv-in-up 1s var(--ease) 1.3s both; }
  .d2-when-m { margin-top: 20px; animation: kv-in-up 1s var(--ease) 1.5s both; }
  .d2-stage-text .d2-atlas-title { animation: d2-ink 1.8s cubic-bezier(.4, .1, .2, 1) .35s both; }
  .d2-stage-text .d2-tagline { animation: kv-in-up 1s var(--ease) 1.4s both; }

  .d2-ctas, .d2-ctas-end { position: relative; z-index: 4; margin-top: -26px; }
  .d2-hero .d2-ctas { animation: kv-in-up 1s var(--ease) 1.2s both; }
}
@keyframes d2-m-push { from { transform: scale(1.16); filter: blur(8px) brightness(1.12); opacity: 0; } 55% { opacity: 1; filter: blur(0) brightness(1.04); } to { transform: scale(1); filter: none; } }
@keyframes d2-m-breathe { from { transform: scale(1); } to { transform: scale(1.06) translate3d(-1%, -1%, 0); } }
@keyframes d2-m-cloud-a { from { transform: translate3d(-4%, 2%, 0) scale(1); opacity: .95; } 50% { opacity: .6; } to { transform: translate3d(8%, -3%, 0) scale(1.14, 1.06); opacity: 1; } }
@keyframes d2-m-cloud-b { from { transform: scaleX(-1) translate3d(-4%, 3%, 0) scale(1.02); opacity: .15; } 50% { opacity: .55; } to { transform: scaleX(-1) translate3d(7%, -3%, 0) scale(1.14); opacity: .25; } }
@keyframes d2-m-dust { to { background-position: 20px -380px, 70px -520px, 120px -680px; } }
@media (max-width: 760px) and (prefers-reduced-motion: reduce) {
  .d2-bg, .d2-bg::before, .d2-bg::after, .d2-frame::before, .d2-canvas::after, .d2-canvas::before,
  .d2-lockup::before, .d2-stage-text .d2-copy::before, .d2-canvas > .d2-letters, .d2-stage-text .d2-letters,
  .d2-lockup .d2-title-l, .d2-lockup .d2-title-r, .d2-lockup .d2-sub, .d2-when-m,
  .d2-stage-text .d2-atlas-title, .d2-stage-text .d2-tagline, .d2-hero .d2-ctas { animation: none; }
  .d2-canvas::before, .d2-canvas::after { display: none; }
}
@media (max-width: 760px) {
  .d2-frame { min-height: max(540px, calc(100svh - 160px)); padding-top: calc(var(--header-h) + 6px); }
  .d2-stage-text .d2-frame { min-height: 0; padding-top: calc(var(--header-h) + 40px); padding-bottom: calc(var(--m-letters) + 84px); }
  .d2-frame::after { height: 44px; }
  .d2-frame::before, .d2-canvas::after { right: -20%; width: 122%; }
  .d2-canvas > .d2-letters, .d2-stage-text .d2-letters { z-index: 4; mix-blend-mode: multiply; opacity: .92; }
}

.d2-hero:not(.v8-atlas-hero) .v5-card-time .v5-phases em { display: none; }
.d2-hero:not(.v8-atlas-hero) .v5-card-time .v5-phases li:nth-of-type(2) > span { font-size: 0; line-height: 0; }
.d2-hero:not(.v8-atlas-hero) .v5-card-time .v5-phases li:nth-of-type(2) > span::before,
.d2-hero:not(.v8-atlas-hero) .v5-card-time .v5-phases li:nth-of-type(2) > span::after { display: block; font-size: var(--t7); line-height: 1.95; white-space: nowrap; }
.d2-hero:not(.v8-atlas-hero) .v5-card-time .v5-phases li:nth-of-type(2) > span::before { content: "开幕式"; }
.d2-hero:not(.v8-atlas-hero) .v5-card-time .v5-phases li:nth-of-type(2) > span::after { content: "平行论坛"; }
.d2-hero:not(.v8-atlas-hero) .v5-card-time .v5-phases li > span { word-break: keep-all; }

@media (min-width: 1081px) {
  .v5-sm-feats { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .v5-sm-feats > .v5-feat { grid-column: span 3; }
  .v5-sm-feats > .v5-feat:first-child:nth-last-child(7) ~ .v5-feat:nth-child(n+5) { grid-column: span 4; }
}
@media (min-width: 761px) and (max-width: 1080px) {
  .v5-sm-feats > .v5-feat:first-child:nth-last-child(7) ~ .v5-feat:last-child { grid-column: 1 / -1; }
}
.v9-session:has(input[value*="潮侨归潮"]) { display: none; }

.kv-reg-go i, .kv-atlas-go i { display: none; }

.v9-people .v5-people-row.v9-row-1 .v5-people-track { margin-left: calc(-.5 * (clamp(112px, 9vw, 148px) + clamp(28px, 3vw, 48px))); }
.v9-people .v5-people-row .v5-people-track { animation-duration: 90s; }
.v9-people:has(:popover-open) .v5-people-track { animation-play-state: paused; }
.v9-pp { all: unset; box-sizing: border-box; display: grid; justify-items: center; gap: 4px; width: 100%; cursor: pointer; text-align: center; }
.v9-pp .v5-face { overflow: hidden; background: linear-gradient(160deg, #e6f1f4, #b8d4de); }
.v9-pp .v5-face img { display: block; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.v9-pp:hover .v5-face, .v9-pp:focus-visible .v5-face { transform: translateY(-4px); box-shadow: 0 1px 2px rgba(0, 0, 0, .06), 0 24px 44px -18px rgba(0, 138, 166, .45); }
.v9-pp:focus-visible .v5-face { outline: 2px solid var(--d2-teal, #057d9f); outline-offset: 4px; }
.v9-pp b { color: var(--ink); font-size: var(--t6); font-weight: 600; line-height: 1.5; white-space: nowrap; }
.v9-pp small { color: var(--mute); font-size: var(--t7); letter-spacing: .04em; line-height: 1.5; }
.v9-pp small em { display: block; color: var(--d2-teal, #057d9f); font-style: normal; font-weight: 600; }

.v9-pop { inset: 0; width: min(880px, calc(100vw - 32px)); height: fit-content; max-height: calc(100svh - 32px); margin: auto; padding: 0; border: 0; background: transparent; overflow: visible; color: var(--ink); }
.v9-pop::backdrop { background: rgba(8, 28, 40, .3); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.v9-pop:popover-open { animation: v9-pop-in .36s cubic-bezier(.2, .9, .3, 1.1); }
@keyframes v9-pop-in { from { opacity: 0; transform: translateY(14px) scale(.97); } }
.v9-pop-card { position: relative; display: grid; grid-template-columns: 320px 1fr; overflow: hidden; border: 1px solid rgba(255, 255, 255, .7); border-radius: 28px;
  background: rgba(255, 255, 255, .64); -webkit-backdrop-filter: blur(28px) saturate(1.6); backdrop-filter: blur(28px) saturate(1.6);
  box-shadow: 0 40px 90px -30px rgba(5, 40, 60, .55), inset 0 1px rgba(255, 255, 255, .9); }
.v9-pop-pic { position: relative; min-height: 420px; background: radial-gradient(120% 80% at 50% 100%, #b5d3de 0%, #dcebf0 55%, #eef5f7 100%); }
.v9-pop-pic img { position: absolute; left: 50%; bottom: 0; width: auto; max-width: 92%; height: 92%; object-fit: contain; object-position: bottom; translate: -50% 0; }
.v9-pop-no { position: absolute; left: 22px; top: 18px; z-index: 1; color: rgba(255, 255, 255, .85); font: 800 64px/1 Inter, sans-serif; letter-spacing: -.02em; text-shadow: 0 2px 18px rgba(5, 87, 125, .18); }
.v9-pop-body { padding: 44px 48px 40px; }
.v9-pop-kick { display: inline-flex; align-items: center; gap: 8px; color: var(--d2-gold-text, #a8781f); font: 700 11px/1.4 Inter, sans-serif; letter-spacing: .18em; }
.v9-pop-kick::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--d2-gold, #e0aa43); }
.v9-pop-body h3 { margin: 16px 0 0; font-size: 40px; font-weight: 800; letter-spacing: .04em; line-height: 1.2; }
.v9-pop-role { margin: 12px 0 0; font-size: 17px; font-weight: 600; }
.v9-pop-role em { margin-right: .5em; color: var(--d2-teal, #057d9f); font-style: normal; }
.v9-pop-bio { display: grid; gap: 10px; margin: 22px 0 0; padding: 22px 0 0; border-top: 1px solid rgba(11, 34, 48, .1); list-style: none; }
.v9-pop-bio li { position: relative; padding-left: 18px; color: #2c4250; font-size: 15px; line-height: 1.75; }
.v9-pop-bio li::before { content: ""; position: absolute; left: 0; top: .72em; width: 6px; height: 6px; border-radius: 50%; background: var(--d2-teal, #057d9f); opacity: .7; }
.v9-pop-logos { display: flex; gap: 10px; margin-top: 26px; }
.v9-pop-logos img { width: 112px; height: 56px; border-radius: 12px; object-fit: cover; box-shadow: 0 0 0 1px rgba(11, 34, 48, .08); }
.v9-pop-x { position: absolute; right: 18px; top: 18px; width: 40px; height: 40px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .78); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); color: var(--ink); font-size: 24px; line-height: 1; cursor: pointer; box-shadow: 0 4px 14px rgba(0, 0, 0, .08); }
.v9-pop-x:hover { background: #fff; }

.v9-logos { width: min(1200px, 100%); margin: 0 auto clamp(48px, 5vw, 72px); }
.v9-logos-head { display: flex; align-items: baseline; justify-content: center; gap: 14px; margin: 0 0 22px; }
.v9-logos-head b { color: var(--ink); font-size: var(--t5); font-weight: 700; letter-spacing: .1em; }
.v9-logos-head span { color: var(--mute); font: 600 11px/1 Inter, sans-serif; letter-spacing: .2em; }
.v9-logos ul { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.v9-logos li { overflow: hidden; border-radius: 16px; background: #fff; box-shadow: 0 0 0 1px rgba(11, 34, 48, .06), 0 14px 30px -22px rgba(5, 60, 90, .35); transition: transform .4s var(--ease), box-shadow .4s var(--ease); }
.v9-logos li:hover { transform: translateY(-3px); box-shadow: 0 0 0 1px rgba(5, 125, 159, .18), 0 20px 36px -22px rgba(5, 60, 90, .45); }
.v9-logos img { display: block; width: 100%; height: auto; aspect-ratio: 2 / 1; object-fit: cover; }

@media (max-width: 760px) {
  .v9-people .v5-people-row.v9-row-1 .v5-people-track { margin-left: -62px; }
  .v9-pp b { font-size: 13px; }
  .v9-pp small { font-size: 11px; }
  .v9-pop { inset: auto 0 0; width: 100vw; max-height: 90svh; margin: 0; }
  .v9-pop:popover-open { animation-name: v9-sheet-in; }
  @keyframes v9-sheet-in { from { transform: translateY(40px); opacity: 0; } }
  .v9-pop-card { grid-template-columns: 1fr; max-height: 90svh; overflow-y: auto; border-radius: 26px 26px 0 0; }
  .v9-pop-pic { min-height: 250px; }
  .v9-pop-pic img { height: 96%; }
  .v9-pop-no { font-size: 48px; }
  .v9-pop-body { padding: 26px 22px calc(30px + env(safe-area-inset-bottom)); }
  .v9-pop-body h3 { font-size: 32px; }
  .v9-pop-role { font-size: 15px; }
  .v9-pop-bio li { font-size: 14px; }
  .v9-logos { padding: 0 4px; }
  .v9-logos ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .v9-logos li { border-radius: 12px; }
}
@media (prefers-reduced-motion: reduce) { .v9-pop:popover-open { animation: none; } }
.v9-logos { width: min(1080px, 100%); }
.v9-logos img { aspect-ratio: 5 / 2; object-fit: contain; padding: 2px 14px; background: #fff; }
@media (max-width: 760px) { .v9-logos img { padding: 6px 14px; } }
.v9-pop-pic::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 30%; pointer-events: none;
  background: linear-gradient(180deg, rgba(196, 222, 231, 0) 0%, rgba(196, 222, 231, .75) 55%, #c4dee7 100%); }

.v8-org .v5-org-label small { display: none; }
.v8-org .v5-org-row { align-items: start; }
.v8-org .v5-org-label { display: flex; flex-direction: column; justify-content: center; min-height: 64px; }
.v8-org .v5-org-label span { margin-top: 6px; }
@media (max-width: 1080px) { .v8-org .v5-org-label { min-height: 0; } }

.v9-ok { inset: 0; width: min(920px, calc(100vw - 32px)); height: fit-content; max-height: calc(100svh - 32px); margin: auto; padding: 0; border: 0; background: transparent; overflow: visible; color: var(--ink, #0b2230); }
.v9-ok::backdrop { background: rgba(8, 28, 40, .34); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.v9-ok:popover-open { animation: v9-ok-in .42s cubic-bezier(.2, .9, .3, 1.1); }
@keyframes v9-ok-in { from { opacity: 0; transform: translateY(16px) scale(.97); } }
.v9-ok-card { position: relative; display: grid; grid-template-columns: 340px minmax(0, 1fr); gap: 0; overflow: hidden; max-height: calc(100svh - 32px);
  border: 1px solid rgba(255, 255, 255, .75); border-radius: 30px; background: rgba(255, 255, 255, .7);
  -webkit-backdrop-filter: blur(30px) saturate(1.6); backdrop-filter: blur(30px) saturate(1.6);
  box-shadow: 0 40px 100px -32px rgba(5, 40, 60, .6), inset 0 1px rgba(255, 255, 255, .9); }
.v9-ok-art { position: relative; padding: 22px; background: linear-gradient(170deg, #e3f2f6, #b9d9e4); overflow: auto; }
.v9-ok-art img { display: block; width: 100%; height: auto; border-radius: 14px; box-shadow: 0 24px 50px -24px rgba(4, 68, 95, .55); }
.v9-ok-body { display: flex; flex-direction: column; padding: 44px 44px 36px; overflow: auto; }
.v9-ok-badge { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; color: #fff;
  background: linear-gradient(140deg, #0a8fae, #04445f); box-shadow: 0 12px 26px -10px rgba(5, 87, 125, .7); }
.v9-ok-badge svg { width: 26px; height: 26px; }
.v9-ok-kick { margin-top: 22px; color: #d69608; font: 700 11px/1 Inter, sans-serif; letter-spacing: .22em; }
.v9-ok-body h3 { margin: 10px 0 0; font-size: 34px; font-weight: 800; letter-spacing: .04em; }
.v9-ok-sub { margin: 10px 0 0; color: #2c4250; font-size: 15px; line-height: 1.8; }
.v9-ok-sub b { color: #057d9f; }
.v9-ok-block { margin-top: 26px; padding-top: 22px; border-top: 1px solid rgba(11, 34, 48, .1); }
.v9-ok-label { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 10px; font-size: 13px; font-weight: 700; letter-spacing: .06em; }
.v9-ok-label small { color: #5f7280; font-weight: 500; letter-spacing: 0; }
.v9-ok-link { display: flex; align-items: center; gap: 6px; padding: 6px 6px 6px 16px; border: 1px solid rgba(5, 125, 159, .18); border-radius: 14px; background: rgba(255, 255, 255, .85); }
.v9-ok-link span { flex: 1; min-width: 0; overflow: hidden; color: #04445f; font: 600 14px/1.4 Inter, sans-serif; text-overflow: ellipsis; white-space: nowrap; }
.v9-ok-copy { display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0 14px; border: 0; border-radius: 10px; cursor: pointer;
  color: #04445f; background: rgba(5, 125, 159, .1); font: 700 13px/1 inherit; font-family: inherit; transition: background .2s; }
.v9-ok-copy:hover { background: rgba(5, 125, 159, .18); }
.v9-ok-copy svg { width: 16px; height: 16px; }
.v9-ok-copy em { font-style: normal; }
.v9-ok-copy.is-done { color: #fff; background: #0f9d74; }
.v9-ok-actions { display: flex; gap: 10px; margin-top: 14px; }
.v9-ok-dl { flex: 1; display: inline-flex; justify-content: center; align-items: center; gap: 8px; height: 52px; border: 0; border-radius: 999px; cursor: pointer; text-decoration: none;
  color: #fff; font: 700 15px/1 inherit; font-family: inherit; letter-spacing: .08em; background: linear-gradient(120deg, #04445f, #05577d 45%, #0a8fae);
  box-shadow: 0 16px 34px -16px rgba(5, 87, 125, .85); }
.v9-ok-dl svg { width: 18px; height: 18px; }
.v9-ok-tip { margin: 12px 0 0; color: #5f7280; font-size: 12.5px; line-height: 1.7; }
.v9-ok-x { position: absolute; right: 16px; top: 16px; z-index: 2; width: 40px; height: 40px; border: 0; border-radius: 50%; cursor: pointer; color: var(--ink, #0b2230);
  background: rgba(255, 255, 255, .8); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); box-shadow: 0 4px 14px rgba(0, 0, 0, .08); font-size: 24px; line-height: 1; }
@media (max-width: 760px) {
  .v9-ok { inset: auto 0 0; width: 100vw; max-height: 94svh; margin: 0; }
  .v9-ok:popover-open { animation-name: v9-ok-up; }
  @keyframes v9-ok-up { from { opacity: 0; transform: translateY(48px); } }
  .v9-ok-card { grid-template-columns: minmax(0, 1fr); max-height: 94svh; overflow-y: auto; border-radius: 28px 28px 0 0; }
  .v9-ok-art { padding: 18px 18px 0; overflow: visible; }
  .v9-ok-art { display: grid; place-items: center; }
  .v9-ok-art img { width: auto; max-width: 100%; max-height: 40svh; margin: 0 auto; border-radius: 10px; }
  .v9-ok-body { padding: 22px 20px calc(26px + env(safe-area-inset-bottom)); overflow: visible; }
  .v9-ok-badge { display: none; }
  .v9-ok-kick { margin-top: 4px; }
  .v9-ok-body h3 { font-size: 28px; }
  .v9-ok-block { margin-top: 18px; padding-top: 16px; }
  .v9-ok-sub { font-size: 14px; }
}
.v9-ok-label small.is-done { color: #0f9d74; font-weight: 600; }

.v5-guest-list { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: clamp(28px, 2.6vw, 40px) clamp(16px, 1.6vw, 24px); padding-top: clamp(24px, 2.4vw, 36px); }
.v5-guest-list li { display: flex; flex-direction: column; align-items: stretch; gap: 0; padding: 0; border: 0; }
.v5-guest-avatar, .v5-guest-list .v5-guest-mono {
  position: relative; display: block; flex: none; width: 100%; height: auto; aspect-ratio: 4 / 5; margin: 0; padding: 0;
  overflow: hidden; border: 0; border-radius: 18px; isolation: isolate;
  background: radial-gradient(120% 75% at 50% 100%, #b9d6e0 0%, #dcebf0 55%, #eef5f8 100%);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 18px 34px -24px rgba(5, 60, 90, .45);
  transition: transform .45s var(--ease), box-shadow .45s var(--ease);
}
.v5-guest-avatar img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 12%; transition: transform .6s var(--ease); }
.v5-guest-avatar::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .55); pointer-events: none; }
.v5-guest-list .v5-guest-mono { display: grid; place-items: center; color: rgba(5, 87, 125, .55); font-size: clamp(44px, 4vw, 64px); font-weight: 800; letter-spacing: 0; }
.v5-guest-list .v5-guest-mono::before { content: ""; position: absolute; inset: 50% auto auto 50%; width: 52%; height: auto; aspect-ratio: 1; translate: -50% -50%; z-index: -1; border-radius: 50%; background: rgba(255, 255, 255, .6); opacity: 1; }
.v5-guest-list li:hover .v5-guest-avatar, .v5-guest-list li:hover .v5-guest-mono { transform: translateY(-4px); box-shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 26px 44px -24px rgba(5, 87, 125, .55); }
.v5-guest-list li:hover .v5-guest-avatar img { transform: scale(1.03); }
.v5-guest-list li > div { padding: 16px 4px 0; }
.v5-guest-list h4 { margin: 0; font-size: var(--t5); }
.v5-guest-list p { margin-top: 6px; font-size: 13.5px; line-height: 1.7; }
@media (max-width: 1200px) { .v5-guest-list { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 1080px) { .v5-guest-list { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) {
  .v5-guest-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 12px; }
  .v5-guest-avatar, .v5-guest-list .v5-guest-mono { border-radius: 14px; width: 100%; height: auto; flex-basis: auto; }
  .v5-guest-list .v5-guest-mono { font-size: 40px; }
  .v5-guest-list li > div { padding: 12px 2px 0; }
  .v5-guest-list h4 { font-size: 15px; }
  .v5-guest-list p { font-size: 12.5px; }
}

.v5-guest-list { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: clamp(36px, 3.4vw, 52px) clamp(14px, 1.6vw, 26px); padding-top: clamp(32px, 3vw, 48px); }
.v5-guest-list li { align-items: center; text-align: center; }
.v5-guest-avatar, .v5-guest-list .v5-guest-mono {
  width: clamp(112px, 9.6vw, 150px); max-width: 100%; aspect-ratio: 1; height: auto; border-radius: 50%;
  border: 5px solid #fff; background: linear-gradient(180deg, #eef0f3, #d6dbe0);
  box-shadow: 0 2px 4px rgba(10, 40, 60, .06), 0 16px 32px -18px rgba(10, 40, 60, .45);
}
.v5-guest-avatar::after { border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(10, 40, 60, .06); }
.v5-guest-avatar img { object-position: 50% 18%; }
.v5-guest-list .v5-guest-mono { color: rgba(5, 87, 125, .6); font-size: clamp(36px, 3vw, 48px); }
.v5-guest-list .v5-guest-mono::before { width: 70%; background: rgba(255, 255, 255, .55); }
.v5-guest-list li:hover .v5-guest-avatar, .v5-guest-list li:hover .v5-guest-mono { transform: translateY(-4px); box-shadow: 0 2px 4px rgba(10, 40, 60, .06), 0 22px 40px -18px rgba(5, 87, 125, .5); }
.v5-guest-list li:hover .v5-guest-avatar img { transform: scale(1.04); }
.v5-guest-list li > div { padding: 18px 2px 0; }
.v5-guest-list h4 { font-size: var(--t5); font-weight: 700; }
.v5-guest-list h4 em { margin-top: 4px; }
.v5-guest-list p { margin-top: 8px; font-size: 12.5px; line-height: 1.75; color: var(--mute); }
@media (max-width: 1200px) { .v5-guest-list { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
@media (max-width: 1080px) { .v5-guest-list { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 760px) {
  .v5-guest-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 12px; }
  .v5-guest-avatar, .v5-guest-list .v5-guest-mono { width: 112px; border-width: 4px; border-radius: 50%; }
  .v5-guest-list .v5-guest-mono { font-size: 34px; }
  .v5-guest-list li > div { padding-top: 14px; }
  .v5-guest-list p { font-size: 12px; }
}

.v5-guest-avatar, .v5-guest-list .v5-guest-mono { background: radial-gradient(70% 62% at 50% 34%, #62666a 0%, #45484c 60%, #2c2f32 100%); }
.v5-guest-list .v5-guest-mono { color: rgba(255, 255, 255, .82); }
.v5-guest-list .v5-guest-mono::before { display: none; }

.v5-guest-list { gap: clamp(30px, 2.6vw, 40px) clamp(12px, 1.4vw, 22px); padding-top: clamp(28px, 2.4vw, 36px); }
.v5-guest-avatar, .v5-guest-list .v5-guest-mono { width: clamp(120px, 10.4vw, 156px); border-width: 4px; box-shadow: 0 0 0 1px rgba(10, 40, 60, .08), 0 14px 28px -16px rgba(10, 40, 60, .5); }
.v5-guest-list li > div { width: 100%; max-width: 15em; padding-top: 14px; }
.v5-guest-list h4 { font-size: 17px; letter-spacing: .08em; line-height: 1.4; }
.v5-guest-list h4 em { font-size: 11px; letter-spacing: .04em; }
.v5-guest-list p { margin-top: 6px; color: #5d6f7a; font-size: 12.5px; letter-spacing: .01em; line-height: 1.65; }
.v5-guest-group + .v5-guest-group { margin-top: clamp(48px, 5vw, 72px); }
@media (max-width: 760px) {
  .v5-guest-avatar, .v5-guest-list .v5-guest-mono { width: 108px; }
  .v5-guest-list h4 { font-size: 15px; }
  .v5-guest-list p { font-size: 11.5px; }
}

.v5-sec.v5-white {
  background:
    linear-gradient(180deg, #f5f9fc 0, rgba(245, 249, 252, 0) 180px, rgba(245, 249, 252, 0) calc(100% - 180px), #f5f9fc 100%),
    radial-gradient(48% 38% at 100% 22%, rgba(225, 160, 28, .07), transparent 70%),
    radial-gradient(44% 38% at 0% 78%, rgba(6, 147, 181, .08), transparent 70%),
    #fbfdff;
}
.v5-sec.v5-mist, body.v5 .atlas-form-section {
  background:
    linear-gradient(180deg, #f5f9fc 0, rgba(245, 249, 252, 0) 180px, rgba(245, 249, 252, 0) calc(100% - 180px), #f5f9fc 100%),
    radial-gradient(50% 40% at 0% 22%, rgba(6, 147, 181, .11), transparent 70%),
    radial-gradient(50% 40% at 100% 78%, rgba(255, 110, 120, .06), transparent 70%),
    linear-gradient(180deg, #eef6f9 0%, #f2f7fd 100%) !important;
}
.v5-sec.v5-white::after { top: 140px; }
.v5-sec.v5-mist::after { bottom: 140px; }

.v5-sec::before {
  content: ""; position: absolute; z-index: -1; pointer-events: none;
  inset: auto; top: 0; left: 0;
  width: 60vw; height: 60vw; max-width: 900px; max-height: 900px;
  border-radius: 50%; transform: none;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .05 0 0 0 0 .2 0 0 0 0 .25 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E"),
    linear-gradient(rgba(10, 143, 174, .07) 1px, transparent 1px) 0 0 / 56px 56px,
    linear-gradient(90deg, rgba(10, 143, 174, .07) 1px, transparent 1px) 0 0 / 56px 56px,
    radial-gradient(38% 46% at 88% 14%, rgba(70, 190, 220, .16), transparent 70%),
    radial-gradient(30% 40% at 72% 30%, rgba(140, 150, 245, .10), transparent 70%);
  -webkit-mask: radial-gradient(70% 60% at 85% 10%, #000 0%, rgba(0,0,0,.35) 55%, rgba(0,0,0,.12) 100%), linear-gradient(180deg, transparent 0, #000 160px); -webkit-mask-composite: source-in;
  mask: radial-gradient(70% 60% at 85% 10%, #000 0%, rgba(0,0,0,.35) 55%, rgba(0,0,0,.12) 100%), linear-gradient(180deg, transparent 0, #000 160px); mask-composite: intersect;
}
.v5-sec.v5-mist::before { left: auto; right: 0; transform: scaleX(-1); }
@media (max-width: 760px) {
  .v5-sec::before { width: 96vw; height: 96vw; }
}

#summit .v5-chapter::after { content: "01"; }
#schedule .v5-chapter::after { content: "02"; }
#opening .v5-chapter::after { content: "03"; }
#guests .v5-chapter::after { content: "04"; }
#organizers .v5-chapter::after { content: "05"; }
#register .v5-chapter::after { content: "06"; }
.v5-sec .v5-chapter::after {
  display: block; position: absolute; right: 0; bottom: calc(100% + 10px);
  color: transparent; -webkit-text-stroke: 1px rgba(10, 143, 174, .26);
  font: 600 clamp(44px, 5vw, 76px)/.8 Inter, "Helvetica Neue", Arial, sans-serif;
  letter-spacing: -.03em; font-feature-settings: "tnum";
  pointer-events: none;
}

.v5-sec:not(.v5-deep) .v5-h2 .v5-em {
  background: linear-gradient(100deg, #007f9b 0%, #1597c4 45%, #4f86de 80%, #7a7fe0 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}

.v5-sec.v5-white::after, .v5-sec.v5-mist::after {
  display: block; position: absolute; z-index: -1; pointer-events: none;
  top: calc(var(--section) + clamp(56px, 6vw, 96px)); right: -.04em; left: auto; bottom: auto;
  width: auto; height: auto; transform: none; animation: none; background: none; -webkit-mask: none; mask: none;
  color: transparent; -webkit-text-stroke: 1px rgba(10, 143, 174, .16);
  font: 400 clamp(72px, 13vw, 200px)/1 "Times New Roman", Georgia, serif;
  letter-spacing: .01em; white-space: nowrap;
}
#summit.v5-sec::after { content: "SUMMIT"; }
#schedule.v5-sec::after { content: "AGENDA"; }
#opening.v5-sec::after { content: "OPENING"; }
#guests.v5-sec::after { content: "SPEAKERS"; }
#organizers.v5-sec::after { content: "PARTNERS"; }
#register.v5-sec::after { content: "JOIN US"; }
#schedule.v5-sec::after, #opening.v5-sec::after { left: max(-.04em, calc((100vw - 1440px) / 2)); right: auto; top: calc(var(--section) + clamp(40px, 4vw, 64px)); font-size: clamp(64px, 10vw, 160px); }
@media (max-width: 760px) {
  .v5-sec .v5-chapter::after { display: none; }
  .v5-sec.v5-white::after, .v5-sec.v5-mist::after, #schedule.v5-sec::after, #opening.v5-sec::after { top: calc(var(--section) - 76px); left: 12px; right: auto; font-size: clamp(48px, 14vw, 64px); }
}