:root {
  --font-manrope: "Manrope", sans-serif;
  --font-noto: "Noto Sans SC", sans-serif;
  --black: #050505;
  --ink: #111114;
  --muted: #6f7078;
  --line: #e7e7e9;
  --blue: #1769aa;
  --blue-bright: #3b91d8;
  --blue-deep: #071b31;
  --red: #ef3f42;
  --red-deep: #a40814;
  --green: #16b77a;
  --paper: #ffffff;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--font-manrope), Arial, Helvetica, sans-serif; line-height: 1.5; }
a { color: inherit; text-decoration: none; }
button, summary { font: inherit; }
button { color: inherit; }
::selection { background: var(--blue); color: #fff; }

.skip-link {
  position: fixed;
  z-index: 100;
  left: 18px;
  top: 12px;
  padding: 11px 16px;
  color: #fff;
  background: #111722;
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 8px;
  transform: translateY(-150%);
  transition: transform .2s var(--ease-out);
}
.skip-link:focus { transform: translateY(0); }

.demo-banner {
  position: fixed; inset: 0 0 auto; z-index: 50; height: 28px; padding: 0 18px;
  display: grid; place-items: center; color: #d7e6f4; background: #061321;
  border-bottom: 1px solid rgba(255,255,255,.08); font: 600 10px/1 var(--font-manrope);
  letter-spacing: .35px; text-align: center;
}
.site-header {
  position: fixed; inset: 0 0 auto; z-index: 40; height: 80px; padding: 0 3.2vw;
  display: flex; align-items: center; gap: 3.8vw; color: #fff;
  background: linear-gradient(180deg, rgba(8,20,31,.56), rgba(8,20,31,.34));
  border-bottom: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 10px 34px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.06);
  -webkit-backdrop-filter: blur(22px) saturate(145%);
  backdrop-filter: blur(22px) saturate(145%);
}
.brand { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; }
.brand-logo {
  display: block;
  width: auto;
  height: 54px;
  max-width: 180px;
  object-fit: contain;
}
.ec-mark { display: inline-grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: var(--red); color: #fff; font: 700 15px/1 var(--font-manrope); letter-spacing: -1px; }
.brand-word { font: 700 17px/1 var(--font-manrope); letter-spacing: -.7px; }
.partner-lockup { height: 44px; margin-left: 18px; padding-left: 20px; border-left: 1px solid #6b6b6b; display: inline-flex; align-items: center; gap: 8px; font: 700 7px/1.2 var(--font-manrope); letter-spacing: .3px; color: #d5d5d5; }
.partner-lockup i { width: 28px; height: 32px; display: block; border: 1px solid #eee; border-radius: 55% 55% 40% 40%; position: relative; }
.partner-lockup i::after { content: "LFC"; position: absolute; inset: 9px 0 auto; text-align: center; font-style: normal; font-size: 7px; }
.desktop-nav { flex: 1; display: flex; align-items: stretch; justify-content: center; gap: 3.9vw; font: 600 14px/1 var(--font-manrope); }
.desktop-nav > a,
.nav-dropdown-toggle { position: relative; padding: 31px 0; color: inherit; font: inherit; }
.desktop-nav > a::after,
.nav-dropdown-toggle::after { content: ""; position: absolute; left: 0; right: 100%; bottom: 19px; height: 1px; background: var(--blue-bright); transition: right .25s ease; }
.desktop-nav > a:hover::after,
.desktop-nav .active::after,
.nav-dropdown:hover .nav-dropdown-toggle::after,
.nav-dropdown:focus-within .nav-dropdown-toggle::after,
.nav-dropdown.is-open .nav-dropdown-toggle::after { right: 0; }
.desktop-nav .active { color: #8bc7f4; }
.desktop-nav .has-menu { display: inline-flex; align-items: center; gap: 6px; }
.desktop-nav .has-menu::before { content: "⌄"; order: 2; color: #8b8b90; font-size: 12px; transform: translateY(-2px); }
.nav-dropdown { position: relative; display: flex; align-items: stretch; }
.nav-dropdown-toggle { border: 0; background: transparent; cursor: pointer; }
.nav-dropdown-toggle:focus-visible { outline: 2px solid #fff; outline-offset: -8px; }
.nav-submenu {
  position: absolute; top: 100%; left: 50%; width: 154px; padding: 8px 0;
  color: #081421; background: rgba(255,255,255,.98);
  border-top: 2px solid var(--red); border-radius: 0 0 8px 8px;
  box-shadow: 0 18px 46px rgba(0,0,0,.28);
  opacity: 0; visibility: hidden; pointer-events: none;
  transform: translate(-50%, 8px);
  transition: opacity .2s ease, transform .2s var(--ease-out), visibility .2s;
}
.nav-submenu a {
  display: flex; align-items: center; min-height: 46px; padding: 0 20px;
  color: #081421; font: 600 15px/1.2 var(--font-manrope);
  transition: color .18s ease, background .18s ease, padding-left .18s ease;
}
.nav-submenu a:hover,
.nav-submenu a:focus-visible { padding-left: 24px; color: #fff; background: #0b2947; outline: none; }
.nav-submenu-single { width: 176px; }
.nav-submenu-promotion { width: 286px; }
.nav-submenu-about { width: 176px; }
.nav-dropdown:hover .nav-submenu,
.nav-dropdown:focus-within .nav-submenu,
.nav-dropdown.is-open .nav-submenu {
  opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%, 0);
}
.header-actions { display: flex; align-items: center; gap: 14px; }
.button { min-height: 48px; padding: 0 25px; display: inline-flex; align-items: center; justify-content: center; gap: 22px; border-radius: 999px; font-weight: 700; white-space: nowrap; transition: transform .28s var(--ease-out), box-shadow .28s ease, background .28s ease; }
.button:hover { transform: translateY(-2px); }
.button:active { transform: translateY(1px) scale(.98); }
.button-red { color: #fff; background: var(--red); box-shadow: 0 10px 30px rgba(239,63,66,.2); }
.button-red:hover { background: #ff5154; box-shadow: 0 14px 38px rgba(239,63,66,.34); }
.button.small { min-height: 38px; padding: 0 20px; font-size: 13px; }
.login-link { padding: 9px 17px; border: 1px solid #9f9f9f; border-radius: 999px; font-size: 13px; }
.lang { color: #c7c7c7; font: 600 11px/1 var(--font-manrope); }
.mobile-nav { display: none; }

.hero { position: relative; min-height: 760px; height: 100vh; max-height: 980px; overflow: hidden; background: #020b14 url('./assets/hero/hero-panther.png') center bottom / cover no-repeat; color: #fff; }
.hero-video { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.hero::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(2,15,29,.9) 0%, rgba(4,29,53,.5) 48%, rgba(3,20,37,.22) 100%), linear-gradient(0deg, rgba(1,10,20,.7), transparent 44%); }
.hero-glow { position: absolute; z-index: 1; width: 55vw; height: 55vw; right: -22vw; top: 10vh; border-radius: 50%; background: radial-gradient(circle, rgba(48,137,211,.22), transparent 68%); filter: blur(10px); }
.hero-content { position: relative; z-index: 2; width: min(1160px, 88vw); height: 100%; margin: auto; padding-top: max(190px, 22vh); }
.hero-kicker { margin: 0 0 24px; display: flex; align-items: center; gap: 10px; font: 700 12px/1 var(--font-manrope); letter-spacing: 1.7px; color: #dedede; }
.hero-kicker span { width: 32px; height: 2px; background: var(--red); }
.hero h1 { max-width: 760px; margin: 0; font: 800 clamp(48px, 5.15vw, 80px)/1.02 var(--font-manrope), var(--font-noto); letter-spacing: -3.4px; text-wrap: balance; }
.hero-sub { max-width: 540px; margin: 27px 0 34px; color: #c6c6c9; font-size: 17px; line-height: 1.8; }
.hero-cta { min-width: 178px; }
.risk-mini { margin: 17px 0 0; color: #9f9fa3; font-size: 11px; }
.hero-indicator { position: absolute; right: 3.2vw; bottom: 46px; z-index: 2; display: flex; align-items: center; gap: 9px; color: #888; font: 700 10px/1 var(--font-manrope); }
.hero-indicator span:first-child { color: #fff; }
.hero-indicator i { display: block; width: 76px; height: 1px; background: linear-gradient(90deg, var(--blue-bright) 34%, #4a4a4a 34%); }

.quote-section { padding: 30px 0 13px; overflow: hidden; color: #fff; background: #06111d; }
.quote-tabs { max-width: 1050px; margin: 0 auto 24px; display: flex; justify-content: space-between; gap: 22px; padding: 0 28px; }
.quote-tabs button { position: relative; border: 0; padding: 0 0 10px; color: #8f9297; background: transparent; cursor: pointer; font-weight: 600; transition: color .2s ease; }
.quote-tabs button:hover, .quote-tabs .selected { color: #fff; }
.quote-tabs .selected::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--blue-bright); }
.ticker-wrap { overflow: hidden; }
.ticker-track { width: max-content; display: flex; gap: 10px; animation: ticker 30s linear infinite; }
.ticker-wrap:hover .ticker-track { animation-play-state: paused; }
.quote-card { width: 330px; min-height: 104px; padding: 20px 22px; display: grid; grid-template-columns: 1fr auto; gap: 10px 18px; border: 1px solid #1e3a54; border-radius: 9px; background: #081827; }
.quote-card > div { grid-column: 1; display: flex; gap: 10px; align-items: baseline; }
.quote-card strong { font: 800 15px/1 var(--font-manrope); }
.quote-card > div span { font: 600 10px/1 var(--font-manrope); }
.positive { color: var(--green); } .negative { color: var(--red); }
.quote-card p { grid-column: 1; margin: 0; color: var(--green); font: 700 13px/1 var(--font-manrope); }
.quote-card p em { margin: 0 6px; color: #747474; font-style: normal; }
.quote-card .spread { grid-column: 2; grid-row: 1 / 3; align-self: center; padding: 11px 12px; border: 1px solid #343434; border-radius: 6px; color: #ddd; font: 700 10px/1 var(--font-manrope); }
.live-note { text-align: center; margin: 16px 0 0; color: #777; font: 700 9px/1 var(--font-manrope); letter-spacing: .7px; }
.live-note i { width: 5px; height: 5px; display: inline-block; margin-right: 5px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(22,183,122,.1); }
@keyframes ticker { to { transform: translateX(calc(-50% - 5px)); } }

.section-pad { padding: 110px max(5vw, 24px); }
.section-title p, .numbers-copy > p, .mobile-copy > p, .awards > p { margin: 0 0 17px; color: var(--blue); font: 800 11px/1 var(--font-manrope); letter-spacing: 2px; }
.section-title h2 { margin: 0; font: 800 clamp(38px, 4.1vw, 64px)/1.04 var(--font-manrope), var(--font-noto); letter-spacing: -2.5px; }
.section-title h2 span { color: var(--blue); }
.section-title > span { display: block; color: var(--muted); line-height: 1.8; }
.section-title.centered { max-width: 900px; margin: 0 auto; text-align: center; }
.section-title.centered > span { max-width: 65ch; margin: 20px auto 0; }
.section-title.split { max-width: 1180px; margin: 0 auto 58px; display: block; }
.section-title.split > div { max-width: 820px; }
.section-title.split > span { max-width: 65ch; margin-top: 20px; padding: 0; }

.experience { padding: 64px 24px 78px; background: #fff; }
.experience .section-title h2 { font-size: clamp(30px, 2.15vw, 38px); letter-spacing: -1.2px; }
.experience .section-title.centered { max-width: 1120px; }
.experience .section-title.centered > span { max-width: 1000px; margin-top: 16px; color: #536477; font-size: 16px; line-height: 1.8; }
.experience-stats { max-width: 1040px; margin: 48px auto 0; display: grid; grid-template-columns: repeat(3, 1fr); }
.experience-stats article { position: relative; text-align: center; padding: 2px 38px; }
.experience-stats article:not(:last-child)::after { content: ""; position: absolute; top: 50%; right: 0; width: 2px; height: 36px; background: #f33c43; transform: translateY(-50%); }
.experience-stats strong { display: block; color: #07111e; font: 800 clamp(22px, 1.65vw, 28px)/1.1 var(--font-manrope); letter-spacing: -.7px; }
.experience-stats strong em { margin-left: 1px; font-size: .56em; font-style: normal; }
.experience-stats p { margin: 8px 0 0; color: #536477; font-size: 14px; line-height: 1.5; }

.why { padding: 104px max(5vw, 24px) 132px; background: #f3f7fa; }
.why .section-title.split { max-width: 1210px; margin-bottom: 70px; }
.why .section-title.split > span { max-width: 980px; margin-top: 28px; color: #536477; font-size: 16px; line-height: 1.9; }
.feature-grid { max-width: 1210px; margin: 0 auto; display: grid; grid-template-columns: 1.08fr .54fr .54fr; grid-template-rows: 248px 248px; gap: 18px; }
.feature-card { position: relative; overflow: hidden; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; color: #fff; isolation: isolate; background: #060606; transition: transform .45s var(--ease-out), border-color .3s ease, box-shadow .45s ease; }
.feature-card:hover { transform: translateY(-5px); border-color: rgba(255,255,255,.2); box-shadow: 0 24px 70px rgba(8,24,43,.18); }
.feature-card::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(circle at 83% 45%, rgba(48,128,196,.72), transparent 38%), linear-gradient(130deg, #040b13 26%, #082844 100%); }
.feature-card.app-card { grid-column: 1; grid-row: 1 / 3; background: linear-gradient(155deg, #102f83, #040713 70%); }
.feature-card.news-card { grid-column: 2 / 4; grid-row: 1; }
.feature-card.shield-card { grid-column: 2; grid-row: 2; }
.feature-card.insight-card { grid-column: 3; grid-row: 2; }
.feature-card.app-card::before { background: radial-gradient(circle at 80% 18%, rgba(30,74,218,.7), transparent 38%), linear-gradient(150deg, #0c225f, #05050b 68%); }
.feature-card.news-card::before,
.feature-card.shield-card::before,
.feature-card.insight-card::before {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.feature-card.news-card::before { background-image: url("./assets/features/market-analysis-card.png"); }
.feature-card.shield-card::before { background-image: url("./assets/features/licence-regulation-card.png"); }
.feature-card.insight-card::before { background-image: url("./assets/features/insights-card.jpg"); }
.feature-card.news-card .card-art,
.feature-card.shield-card .card-art,
.feature-card.insight-card .card-art { display: none; }
.card-copy { position: relative; z-index: 2; width: min(68%, 390px); height: 100%; padding: 28px; box-sizing: border-box; }
.card-copy small { color: rgba(255,255,255,.62); font: 800 9px/1 var(--font-manrope); letter-spacing: 1.6px; }
.card-copy h3 { margin: 0 0 10px; font: 800 clamp(24px, 2.6vw, 38px)/1.08 var(--font-manrope), var(--font-noto); letter-spacing: -1.3px; }
.card-copy p { margin: 0; color: #d3d3d8; font-size: 13px; line-height: 1.6; }
.card-copy a { position: absolute; left: 28px; bottom: 25px; display: inline-flex; align-items: center; gap: 10px; font-size: 12px; font-weight: 700; transition: gap .25s var(--ease-out), opacity .2s ease; }
.card-copy a:hover { gap: 15px; }
.card-copy a:active { opacity: .72; }
.app-card .card-copy { width: 100%; padding: 26px 28px; }
.app-card .card-copy h3 { margin-top: 0; margin-bottom: 8px; font-size: clamp(26px, 2.2vw, 34px); }
.app-card .card-copy p { max-width: min(100%, 52ch); font-size: 13px; line-height: 1.6; white-space: normal; text-wrap: pretty; }
.app-card .card-copy a { top: auto; bottom: 30px; }
.shield-card .card-copy, .insight-card .card-copy { width: 82%; padding: 24px; }
.shield-card .card-copy h3, .insight-card .card-copy h3 { font-size: clamp(22px, 2vw, 29px); }
.shield-card .card-copy a, .insight-card .card-copy a { left: 24px; bottom: 20px; }
.card-copy a span { font-size: 18px; }
.card-art { position: absolute; inset: auto 0 0 auto; width: 55%; height: 80%; }
.news-card .card-art::before { content: ""; position: absolute; right: 46px; top: 58px; width: 118px; height: 118px; border-radius: 26px; background: linear-gradient(140deg, #e5eef7, #161d28 38%, #020203 61%, #f23b42); box-shadow: 0 25px 70px rgba(239,63,66,.28); transform: rotate(-8deg); }
.news-card .card-art::after { content: "▥"; position: absolute; right: 78px; top: 88px; color: var(--red); font-size: 54px; transform: rotate(-8deg); }
.shield-card .card-art { right: 15px; bottom: 8px; width: 48%; height: 72%; display: flex; align-items: flex-end; justify-content: flex-end; }
.shield-card .card-art img { width: 100%; height: 100%; display: block; object-fit: contain; object-position: right bottom; filter: drop-shadow(0 18px 28px rgba(0,0,0,.3)); }
.insight-card .card-art::before { content: "▶"; position: absolute; right: 30px; bottom: 35px; width: 92px; height: 92px; display: grid; place-items: center; border-radius: 25px; background: linear-gradient(140deg,#f2f7fa,#232936 40%,#050508 60%,#ee2631); color: var(--red); box-shadow: 0 20px 50px #7a0710; }
.app-card .card-art { left: 50%; right: auto; bottom: 6%; width: 80%; height: 79%; display: flex; align-items: flex-end; justify-content: center; transform: translateX(-50%); }
.app-card .card-art img { width: 100%; height: 100%; display: block; object-fit: contain; object-position: center bottom; filter: drop-shadow(0 24px 42px rgba(0,0,0,.48)); }

.numbers { padding: 105px max(7vw, 24px); display: grid; grid-template-columns: .8fr 1.2fr; gap: 8vw; color: #fff; background: linear-gradient(145deg, #06111e, #092744 68%, #050b12); }
.numbers-copy h2 { margin: 0 0 35px; font: 800 clamp(42px, 4.2vw, 68px)/1.06 var(--font-manrope), var(--font-noto); letter-spacing: -2px; }
.numbers-copy span { color: #777; font-size: 11px; }
.number-list article { padding: 0 0 27px; margin-bottom: 28px; display: flex; align-items: end; justify-content: space-between; border-bottom: 1px solid #333; }
.number-list strong { font: 700 clamp(42px, 4.5vw, 72px)/1 var(--font-manrope); letter-spacing: -3px; }
.number-list strong em { font-size: .35em; font-style: normal; letter-spacing: 0; color: var(--red); }
.number-list p { margin: 0 0 6px; color: #999; font-size: 13px; }

.mobile-edge { min-height: 800px; display: grid; grid-template-columns: minmax(380px, .95fr) minmax(460px, 1.05fr); align-items: center; gap: clamp(54px, 7vw, 120px); overflow: hidden; background: #fff; }
.phone-stage { position: relative; min-height: 560px; background: radial-gradient(circle, rgba(37,119,186,.16), transparent 65%); }
.phone-stage-image { display: grid; place-items: center; background: #fff; }
.phone-stage-image :is(img, video) { width: min(116%, 720px); max-width: none; max-height: 690px; display: block; object-fit: contain; background: #fff; }
.phone-stage-image img { filter: drop-shadow(0 28px 42px rgba(10, 43, 85, .12)); }
.phone-stage-image video { filter: none; box-shadow: none; }
.phone { position: absolute; width: 250px; height: 510px; padding: 9px; border: 2px solid #aaa; border-radius: 42px; background: #070707; box-shadow: 0 35px 80px rgba(0,0,0,.26); }
.phone::before { content: ""; position: absolute; top: 15px; left: 50%; width: 65px; height: 20px; transform: translateX(-50%); border-radius: 20px; background: #030303; z-index: 3; }
.phone-back { left: 18%; top: 35px; transform: rotate(-8deg); opacity: .87; }
.phone-front { left: 45%; top: 5px; transform: rotate(7deg); }
.phone-screen { height: 100%; padding: 52px 18px 20px; overflow: hidden; border-radius: 34px; color: #fff; background: linear-gradient(160deg, #1a1d22, #080808); }
.phone-screen span { color: #888; font: 700 9px/1 var(--font-manrope); letter-spacing: 1px; }
.phone-screen b { display: block; margin-top: 9px; font: 700 24px/1 var(--font-manrope); }
.mini-chart, .candle-chart { position: relative; display: block; height: 160px; margin: 40px 0 0; border-bottom: 1px solid #333; background: linear-gradient(150deg, transparent 42%, rgba(22,183,122,.7) 43%, transparent 44%) 0 0/52px 46px; }
.candle-chart { background: repeating-linear-gradient(90deg, transparent 0 11px, #20bd82 12px 15px, transparent 16px 24px, #e1464a 25px 28px, transparent 29px 37px); mask-image: linear-gradient(155deg, transparent 0 20%, #000 22% 70%, transparent 72%); }
.trade-row { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 70px; }
.trade-row em { padding: 12px 0; text-align: center; border-radius: 8px; background: #d93a40; font-style: normal; font-size: 11px; }
.trade-row em:last-child { background: #13a971; }
.mobile-copy { width: min(100%, 660px); }
.mobile-copy h2 { margin: 0; color: #0b0d10; font: 800 clamp(48px, 4.7vw, 76px)/1.02 var(--font-manrope), var(--font-noto); letter-spacing: -3px; }
.mobile-copy h2 span { display: inline-block; margin-top: 6px; padding: 0; color: var(--red); background: none; box-shadow: none; }
.red-rule { width: 64px; height: 3px; margin: 30px 0; background: var(--red); }
.body-copy { max-width: 560px; margin: 28px 0 0; color: #536274; font-size: 16px; line-height: 1.9; }
.app-download-panel { width: min(100%, 560px); margin-top: 30px; padding: 20px 24px; border: 1px solid #e1e8f0; border-radius: 12px; background: #f7f9fc; }
.app-download-panel img { width: 100%; display: block; object-fit: contain; }
.text-action { display: inline-flex; align-items: center; gap: 18px; font-weight: 800; transition: transform .25s var(--ease-out); }
.text-action:hover { transform: translateX(4px); }
.text-action:active { transform: translateX(2px) scale(.98); }
.text-action span { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid #aaa; border-radius: 50%; }

.ecosystem {
  position: relative;
  min-height: 900px;
  overflow: hidden;
  color: #fff;
  background: #080808;
}
.eco-flow {
  position: absolute;
  z-index: 0;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.eco-flow::after {
  content: none;
}
.eco-flow i {
  position: absolute;
  display: block;
  width: min(850px, 66vw);
  height: min(850px, 66vw);
  border-radius: 50%;
  background: rgba(33,78,205,.3);
  filter: blur(46px);
  opacity: .58;
  transform: translate3d(0,0,0);
  backface-visibility: hidden;
  contain: strict;
  will-change: transform;
  animation-timing-function: cubic-bezier(.45,0,.55,1);
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.eco-flow i:nth-child(1) { left: -32%; top: -25%; background: rgba(35,79,207,.34); animation: eco-ellipse-one 10s cubic-bezier(.45,0,.55,1) infinite alternate; }
.eco-flow i:nth-child(2) { right: -30%; top: 4%; background: rgba(20,57,168,.3); animation: eco-ellipse-two 12s cubic-bezier(.45,0,.55,1) infinite alternate; }
.eco-flow i:nth-child(3) { left: -18%; bottom: -42%; background: rgba(50,93,225,.27); animation: eco-ellipse-three 14s cubic-bezier(.45,0,.55,1) infinite alternate; }
.eco-flow i:nth-child(4) { right: -22%; bottom: -36%; background: rgba(15,46,139,.32); animation: eco-ellipse-four 16s cubic-bezier(.45,0,.55,1) infinite alternate; }
@keyframes eco-ellipse-one {
  from { transform: translate3d(-8%, -6%, 0) scale(.88) rotate(-16deg); }
  to { transform: translate3d(82%, 48%, 0) scale(1.12) rotate(18deg); }
}
@keyframes eco-ellipse-two {
  from { transform: translate3d(12%, -8%, 0) scale(1.08) rotate(14deg); }
  to { transform: translate3d(-76%, 58%, 0) scale(.9) rotate(-18deg); }
}
@keyframes eco-ellipse-three {
  from { transform: translate3d(-10%, 15%, 0) scale(.94) rotate(10deg); }
  to { transform: translate3d(92%, -72%, 0) scale(1.06) rotate(-14deg); }
}
@keyframes eco-ellipse-four {
  from { transform: translate3d(8%, 18%, 0) scale(1.1) rotate(-12deg); }
  to { transform: translate3d(-88%, -64%, 0) scale(.92) rotate(16deg); }
}
.eco-heading {
  position: relative;
  z-index: 2;
  max-width: 780px;
  margin: 0 auto 34px;
  text-align: center;
}
.eco-heading h2 {
  margin: 0;
  color: #fff;
  font: 800 clamp(34px, 3.4vw, 52px)/1.12 var(--font-manrope), var(--font-noto);
  letter-spacing: -2px;
}
.eco-heading p {
  max-width: 690px;
  margin: 18px auto 0;
  color: #aaa6a8;
  font-size: clamp(13px, 1.1vw, 16px);
  line-height: 1.65;
}
.eco-layout {
  position: relative;
  z-index: 1;
  width: min(1540px, 100%);
  min-height: 700px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(230px, 1fr) minmax(470px, 1.6fr) minmax(230px, 1fr);
  gap: clamp(24px, 3vw, 58px);
  align-items: center;
}
.eco-list {
  align-self: stretch;
  padding: 28px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
}
.eco-list article {
  min-height: 160px;
  padding: 16px 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 13px;
  text-align: center;
  border: 0;
}
.eco-list article img {
  width: 52px;
  height: 52px;
  display: block;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(32%) sepia(97%) saturate(2773%) hue-rotate(342deg) brightness(101%) contrast(91%) drop-shadow(0 0 16px rgba(239,63,66,.22));
}
.eco-list h3 {
  margin: 0 0 8px;
  color: #fff;
  font: 800 clamp(17px, 1.35vw, 22px)/1.2 var(--font-manrope), var(--font-noto);
  letter-spacing: -.5px;
}
.eco-list p {
  max-width: 310px;
  margin: 0 auto;
  color: #a7a4a5;
  font-size: clamp(12px, .9vw, 14px);
  line-height: 1.65;
}
.eco-visual {
  position: relative;
  min-width: 0;
  display: grid;
  place-items: center;
}
.eco-visual::before {
  content: "";
  position: absolute;
  width: 72%;
  aspect-ratio: 1;
  border: 1px solid rgba(239,63,66,.22);
  border-radius: 50%;
  box-shadow: 0 0 90px rgba(239,63,66,.13), inset 0 0 70px rgba(239,63,66,.08);
}
.eco-orbit {
  display: none;
}
.eco-visual > img {
  position: relative;
  z-index: 2;
  width: 112%;
  max-width: none;
  display: block;
  filter: drop-shadow(0 38px 48px rgba(0,0,0,.5)) drop-shadow(0 0 45px rgba(239,63,66,.13));
}

.awards { padding: 0 max(5vw, 24px) 100px; text-align: center; background: #f1f6fa; }
.award-marquee {
  position: relative;
  width: 100vw;
  height: 112px;
  margin-left: calc(50% - 50vw);
  overflow: hidden;
  display: flex;
  align-items: center;
  background: rgba(255,255,255,.92);
  border-top: 1px solid rgba(20,45,72,.05);
  border-bottom: 1px solid rgba(20,45,72,.07);
  mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
  contain: layout paint;
}
.award-marquee-track {
  width: max-content;
  display: flex;
  align-items: center;
  will-change: transform;
  animation: award-marquee-scroll 42s linear infinite;
}
.award-marquee-group { display: flex; align-items: center; gap: clamp(56px, 5vw, 94px); padding-right: clamp(56px, 5vw, 94px); }
.award-marquee-item { width: clamp(205px, 17vw, 255px); height: 32px; overflow: hidden; display: grid; place-items: center; flex: 0 0 auto; line-height: 0; }
.award-marquee-item img { position: static !important; width: 100% !important; height: 100% !important; max-width: 255px !important; max-height: 32px !important; display: block; object-fit: contain; transform: none !important; filter: brightness(0) saturate(0); opacity: .17; }
@keyframes award-marquee-scroll { to { transform: translate3d(-50%, 0, 0); } }
.awards h2 { margin: 78px 0 0; font: 800 clamp(36px, 4vw, 58px)/1.08 var(--font-manrope), var(--font-noto); }
.award-row { max-width: 1150px; margin: 55px auto 0; display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid #ddd; background: #fff; }
.award-row article { min-height: 180px; padding: 28px 18px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-right: 1px solid #ddd; }
.award-row article:last-child { border-right: 0; }
.award-row span { width: 50px; height: 50px; display: grid; place-items: center; margin-bottom: 16px; border: 1px solid #9cbad0; border-radius: 50%; color: var(--blue); font: 800 15px/1 var(--font-manrope); }
.award-row b { font-size: 14px; }.award-row em { margin-top: 7px; color: #888; font-style: normal; font-size: 11px; }

.account-showcase {
  --account-shift: 0px;
  --account-ambient-shift: 0px;
  --account-top-space: 160px;
  position: relative;
  min-height: 2378px;
  overflow: clip;
  isolation: isolate;
  color: #fff;
  background:
    radial-gradient(ellipse at 74% 16%, rgba(174,38,31,.4), transparent 28%),
    radial-gradient(ellipse at 46% 66%, rgba(213,48,39,.48), transparent 34%),
    radial-gradient(ellipse at 86% 82%, rgba(128,10,18,.38), transparent 28%),
    linear-gradient(155deg, #080707 0%, #150909 32%, #461010 63%, #080606 100%);
}
.account-showcase::before {
  content: "";
  position: absolute;
  z-index: -2;
  inset: 22% -12% -6%;
  background:
    linear-gradient(176deg, transparent 0 22%, rgba(255,82,66,.2) 23% 24%, transparent 26% 38%, rgba(255,81,64,.22) 39% 41%, transparent 43% 56%, rgba(254,100,82,.14) 57% 60%, transparent 62%),
    repeating-linear-gradient(178deg, transparent 0 72px, rgba(255,94,74,.13) 74px 77px, transparent 80px 146px);
  filter: blur(13px);
  transform: translate3d(0, var(--account-shift), 0) scale(1.08);
  will-change: transform;
}
.account-showcase::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(0,0,0,.34), transparent 44%, rgba(0,0,0,.08)),
    linear-gradient(180deg, #080707 0, transparent 10%, transparent 88%, rgba(0,0,0,.72) 100%);
}
.account-showcase-inner {
  --account-track-end: 118px;
  position: relative;
  z-index: 2;
  width: min(1350px, 90vw);
  min-height: 2378px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 480px;
  gap: 100px;
  align-items: start;
}
.account-sticky-copy {
  position: relative;
  align-self: stretch;
  margin-top: var(--account-top-space);
  display: grid;
  grid-template: 1fr / 1fr;
}
.account-intro {
  position: sticky;
  top: 132px;
  grid-area: 1 / 1;
  align-self: start;
  z-index: 2;
  padding: 0 0 calc(var(--account-track-end) - 25px);
}
.account-intro h2 {
  max-width: 560px;
  margin: 0;
  font: 800 clamp(48px, 3.2vw, 58px)/.96 var(--font-manrope), var(--font-noto);
  letter-spacing: -3.2px;
}
.account-intro > span {
  display: block;
  max-width: 440px;
  margin-top: 27px;
  color: #aaa2a3;
  font-size: 14px;
  line-height: 1.8;
}
.account-intro > small {
  display: block;
  max-width: 430px;
  margin-top: 24px;
  color: #7c7071;
  font-size: 10px;
  line-height: 1.7;
}
.account-compare-button {
  position: relative;
  min-width: 218px;
  min-height: 54px;
  margin-top: 31px;
  padding: 0 28px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 35px;
  color: #fff;
  background: #ed2f1c;
  box-shadow: 0 14px 35px rgba(237,47,28,.22);
  font-weight: 800;
  clip-path: polygon(0 20%, 9px 20%, 9px 0, 100% 0, 100% 80%, calc(100% - 9px) 80%, calc(100% - 9px) 100%, 0 100%);
  transition: transform .22s ease, background .22s ease, box-shadow .22s ease;
}
.account-compare-button:hover { transform: translateY(-3px); background: #ff402f; box-shadow: 0 19px 42px rgba(237,47,28,.35); }
.account-compare-button b { font-size: 21px; }
.account-ambient {
  position: sticky;
  top: 132px;
  grid-area: 1 / 1;
  align-self: start;
  justify-self: start;
  z-index: 1;
  width: 360px;
  height: 432px;
  margin-left: calc(100% - 68px);
  margin-bottom: calc(var(--account-track-end) + 16px);
  overflow: visible;
  opacity: .94;
  pointer-events: none;
}
.account-ambient img {
  position: absolute;
  left: 0;
  top: 432px;
  width: 432px;
  height: auto;
  display: block;
  transform: rotate(-90deg);
  transform-origin: 0 0;
}
.account-stack { position: relative; z-index: 3; padding: var(--account-top-space) 0 110px; }
.account-option {
  --edge-proximity: 0;
  --cursor-angle: 45deg;
  --edge-sensitivity: 26;
  --color-sensitivity: 46;
  --border-radius: 44px;
  --glow-padding: 53px;
  --cone-spread: 23;
  --fill-opacity: .5;
  --card-bg: rgb(18 15 23 / 50%);
  --glow-color: hsl(40deg 80% 80% / 100%);
  --glow-color-60: hsl(40deg 80% 80% / 100%);
  --glow-color-50: hsl(40deg 80% 80% / 100%);
  --glow-color-40: hsl(40deg 80% 80% / 84%);
  --glow-color-30: hsl(40deg 80% 80% / 63%);
  --glow-color-20: hsl(40deg 80% 80% / 42%);
  --glow-color-10: hsl(40deg 80% 80% / 21%);
  --gradient-one: radial-gradient(at 80% 55%, #ff4438 0, transparent 50%);
  --gradient-two: radial-gradient(at 69% 34%, #d7192d 0, transparent 50%);
  --gradient-three: radial-gradient(at 8% 6%, #ff756b 0, transparent 50%);
  --gradient-four: radial-gradient(at 41% 38%, #ed2b32 0, transparent 50%);
  --gradient-five: radial-gradient(at 86% 85%, #b90f25 0, transparent 50%);
  --gradient-six: radial-gradient(at 82% 18%, #ff594e 0, transparent 50%);
  --gradient-seven: radial-gradient(at 51% 4%, #d7192d 0, transparent 50%);
  --gradient-base: linear-gradient(#c81426 0 100%);
  position: relative;
  isolation: isolate;
  transform: translate3d(0, 0, .01px);
  width: 480px;
  height: 684px;
  aspect-ratio: 480 / 684;
  margin: 0 0 24px auto;
  padding: 27px 24px 22px;
  overflow: visible;
  border: 1px solid rgba(255,255,255,.24);
  border-radius: var(--border-radius);
  background: var(--card-bg);
  box-shadow: 0 28px 80px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.08);
  -webkit-backdrop-filter: blur(18px) saturate(1.12);
  backdrop-filter: blur(18px) saturate(1.12);
  transition: transform .7s cubic-bezier(.22,.8,.2,1), opacity .7s ease, border-color .25s ease, box-shadow .25s ease;
}
.account-option.account-option-std,
.account-option.account-option-prm,
.account-option.account-option-ecn { background: var(--card-bg); }
.account-option::before,
.account-option::after,
.account-edge-light {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  transition: opacity .25s ease-out;
}
.account-option:not(:hover):not(.sweep-active)::before,
.account-option:not(:hover):not(.sweep-active)::after,
.account-option:not(:hover):not(.sweep-active) > .account-edge-light {
  opacity: 0;
  transition: opacity .75s ease-in-out;
}
.account-option::before {
  z-index: 1;
  border: 1px solid transparent;
  background:
    linear-gradient(var(--card-bg) 0 100%) padding-box,
    linear-gradient(rgb(255 255 255 / 0%) 0 100%) border-box,
    var(--gradient-one) border-box,
    var(--gradient-two) border-box,
    var(--gradient-three) border-box,
    var(--gradient-four) border-box,
    var(--gradient-five) border-box,
    var(--gradient-six) border-box,
    var(--gradient-seven) border-box,
    var(--gradient-base) border-box;
  opacity: calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));
  -webkit-mask-image: conic-gradient(from var(--cursor-angle) at center, #000 calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), #000 calc((100 - var(--cone-spread)) * 1%));
  mask-image: conic-gradient(from var(--cursor-angle) at center, #000 calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), #000 calc((100 - var(--cone-spread)) * 1%));
}
.account-option::after {
  z-index: 1;
  border: 1px solid transparent;
  background:
    var(--gradient-one) padding-box,
    var(--gradient-two) padding-box,
    var(--gradient-three) padding-box,
    var(--gradient-four) padding-box,
    var(--gradient-five) padding-box,
    var(--gradient-six) padding-box,
    var(--gradient-seven) padding-box,
    var(--gradient-base) padding-box;
  -webkit-mask-image: linear-gradient(to bottom, #000, #000), radial-gradient(ellipse at 50% 50%, #000 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, #000 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, #000 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, #000 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, #000 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, #000 15%, #000 85%, transparent 95%);
  mask-image: linear-gradient(to bottom, #000, #000), radial-gradient(ellipse at 50% 50%, #000 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, #000 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, #000 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, #000 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, #000 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, #000 15%, #000 85%, transparent 95%);
  -webkit-mask-composite: subtract, add, add, add, add, add;
  mask-composite: subtract, add, add, add, add, add;
  opacity: calc(var(--fill-opacity) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));
  mix-blend-mode: soft-light;
}
.account-edge-light {
  z-index: 3;
  inset: calc(var(--glow-padding) * -1);
  opacity: calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));
  -webkit-mask-image: conic-gradient(from var(--cursor-angle) at center, #000 2.5%, transparent 10%, transparent 90%, #000 97.5%);
  mask-image: conic-gradient(from var(--cursor-angle) at center, #000 2.5%, transparent 10%, transparent 90%, #000 97.5%);
  mix-blend-mode: plus-lighter;
}
.account-edge-light::before {
  content: "";
  position: absolute;
  inset: var(--glow-padding);
  border-radius: inherit;
  box-shadow:
    inset 0 0 0 1px var(--glow-color),
    inset 0 0 1px 0 var(--glow-color-60),
    inset 0 0 3px 0 var(--glow-color-50),
    inset 0 0 6px 0 var(--glow-color-40),
    inset 0 0 15px 0 var(--glow-color-30),
    inset 0 0 25px 2px var(--glow-color-20),
    inset 0 0 50px 2px var(--glow-color-10),
    0 0 1px 0 var(--glow-color-60),
    0 0 3px 0 var(--glow-color-50),
    0 0 6px 0 var(--glow-color-40),
    0 0 15px 0 var(--glow-color-30),
    0 0 25px 2px var(--glow-color-20),
    0 0 50px 2px var(--glow-color-10);
}
.account-option > h3,
.account-option > .account-product,
.account-option > .account-card-footer { position: relative; z-index: 2; }
.account-option:hover { transform: translateY(-7px); border-color: rgba(142,202,247,.48); box-shadow: 0 34px 95px rgba(0,0,0,.43), 0 0 50px rgba(54,137,205,.2); }
.account-showcase.motion-ready .account-option { opacity: 0; transform: translateY(82px) scale(.94); }
.account-showcase.motion-ready .account-option.is-visible { opacity: 1; transform: translateY(0) scale(1); }
.account-showcase.motion-ready .account-option.is-visible:hover { transform: translateY(-7px) scale(1); }
.account-option h3 {
  position: relative;
  z-index: 4;
  margin: 0;
  font: 800 48px/1 var(--font-manrope);
  letter-spacing: -2.4px;
}
.account-product { position: relative; height: 365px; margin: -2px -10px 0; }
.account-product img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  filter: drop-shadow(0 22px 24px rgba(0,0,0,.38));
  transform: scale(.864);
  transition: transform .7s cubic-bezier(.22,.8,.2,1), filter .3s ease;
}
.account-option:hover .account-product img { transform: scale(.888) translateY(-3px); filter: drop-shadow(0 28px 30px rgba(0,0,0,.46)); }
.account-card-footer { height: 188px; display: grid; grid-template-columns: 150px 1fr; gap: 24px; align-items: center; }
.account-spark {
  width: 150px;
  height: 150px;
  display: block;
  object-fit: contain;
  filter: drop-shadow(0 0 6px rgba(255,255,255,.48));
}
.account-card-footer dl { margin: 0; display: grid; gap: 25px; }
.account-card-footer dl div { display: grid; grid-template-columns: 1fr auto; gap: 16px; align-items: baseline; }
.account-card-footer dt { color: #a9bfd2; font-size: 13px; line-height: 1; letter-spacing: -.1px; }
.account-card-footer dd { margin: 0; color: #fff; font: 800 22px/1 var(--font-manrope); letter-spacing: -.5px; white-space: nowrap; }

.faq { background: #fff; }
.faq-list { max-width: 1180px; margin: 0 auto; border-top: 1px solid #ccc; }
.faq-list details { border-bottom: 1px solid #ccc; transition: background .25s ease; }
.faq-list details:hover { background: rgba(13,38,64,.035); }
.faq-list summary { list-style: none; padding: 28px 2px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; font-size: 19px; font-weight: 700; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary span { color: var(--red); font-size: 27px; font-weight: 400; transition: transform .2s ease; }
.faq-list details[open] summary span { transform: rotate(45deg); }
.faq-list details p { max-width: 800px; margin: -8px 0 28px; color: var(--muted); line-height: 1.8; }

.final-cta { padding: 75px max(8vw, 28px); display: flex; align-items: end; justify-content: space-between; gap: 40px; color: #fff; background: radial-gradient(circle at 82% 22%, rgba(239,63,66,.22), transparent 28%), linear-gradient(135deg, #0a3155, #06182b 72%); }
.final-cta p { margin: 0 0 17px; font: 800 11px/1 var(--font-manrope); letter-spacing: 2px; }
.final-cta h2 { margin: 0; font: 800 clamp(42px, 5vw, 76px)/1 var(--font-manrope), var(--font-noto); letter-spacing: -3px; }
.button-white { flex: 0 0 auto; color: #111; background: #fff; }

footer { padding: 75px max(6vw, 24px) 30px; color: #fff; background: #040c15; }
.footer-main { display: grid; grid-template-columns: .75fr 1.25fr; gap: 7vw; padding-bottom: 55px; border-bottom: 1px solid #303030; }
.footer-brand .brand { margin-bottom: 18px; }.footer-brand > p { color: #777; font-size: 13px; }
.socials { display: flex; gap: 8px; margin-top: 28px; }.socials span { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid #3a3a3a; border-radius: 50%; color: #aaa; font: 700 11px/1 var(--font-manrope); }
.footer-columns { display: grid; grid-template-columns: repeat(3,1fr); gap: 30px; }
.footer-columns div { display: flex; flex-direction: column; gap: 13px; }.footer-columns b { margin-bottom: 8px; font-size: 14px; }.footer-columns a { color: #777; font-size: 12px; }.footer-columns a:hover { color: #fff; }
.risk-notice { padding: 35px 0; display: grid; grid-template-columns: 130px 1fr; gap: 30px; border-bottom: 1px solid #303030; }.risk-notice b { color: var(--red); font-size: 12px; }.risk-notice p { margin: 0; color: #777; font-size: 10px; line-height: 1.9; }
.footer-bottom { padding-top: 27px; display: flex; justify-content: space-between; gap: 20px; color: #555; font-size: 10px; }
.floating-chat { position: fixed; z-index: 30; right: 27px; bottom: 27px; min-width: 62px; height: 48px; padding: 0 15px; display: grid; place-items: center; border: 3px solid rgba(255,255,255,.82); border-radius: 999px; color: #fff; background: var(--red); box-shadow: 0 12px 35px rgba(0,0,0,.24); font-size: 12px; font-weight: 800; letter-spacing: .5px; transition: transform .25s var(--ease-out); }
.floating-chat:hover { transform: translateY(-3px); }
.floating-chat:active { transform: translateY(1px) scale(.98); }

.reveal-ready { opacity: 0; transform: translateY(26px); }
.reveal-ready.reveal-visible { opacity: 1; transform: translateY(0); transition: opacity .72s var(--ease-out), transform .72s var(--ease-out); }

@media (prefers-reduced-transparency: reduce) {
  .site-header, .account-option { -webkit-backdrop-filter: none; backdrop-filter: none; }
  .site-header { background: rgba(8,20,31,.96); }
}

@media (max-width: 980px) {
  .award-marquee { height: 94px; }
  .award-marquee-track { animation-duration: 36s; }
  .award-marquee-group { gap: 44px; padding-right: 44px; }
  .award-marquee-item { width: 180px; height: 25px; }
  .award-marquee-item img { max-width: 180px !important; max-height: 25px !important; }
  .site-header { height: 70px; padding: 0 20px; }
  .partner-lockup, .desktop-nav, .header-actions { display: none; }
  .mobile-nav { display: block; margin-left: auto; position: relative; }
  .mobile-nav summary { list-style: none; padding: 10px 15px; border: 1px solid #555; border-radius: 999px; font-size: 12px; cursor: pointer; }
  .mobile-nav summary::-webkit-details-marker { display: none; }
  .mobile-nav nav { position: absolute; top: 52px; right: 0; width: 220px; padding: 18px; display: flex; flex-direction: column; gap: 14px; border: 1px solid #29445c; border-radius: 10px; background: #071827; box-shadow: 0 20px 50px #000; }
  .mobile-nav-group { border-bottom: 1px solid rgba(255,255,255,.12); }
  .mobile-nav-group > summary { padding: 0 0 12px; border: 0; border-radius: 0; font-size: inherit; font-weight: 700; }
  .mobile-nav-group > summary::after { content: "⌄"; float: right; color: #9fb4c7; }
  .mobile-nav-group[open] > summary::after { transform: rotate(180deg); }
  .mobile-nav-group > a { display: block; margin: 0 -8px; padding: 10px 12px; color: #dceaf6; border-left: 2px solid transparent; }
  .mobile-nav-group > a:hover,
  .mobile-nav-group > a:focus-visible { color: #fff; border-left-color: var(--red); background: rgba(255,255,255,.06); outline: none; }
  .hero { min-height: 720px; height: 90vh; background-position: 62% bottom; }
  .hero-content { padding-top: 190px; }
  .feature-grid { grid-template-columns: 1fr 1fr; grid-template-rows: 420px 260px 260px; }
  .feature-card.app-card { grid-column: 1 / 3; grid-row: 1; }
  .feature-card.news-card { grid-column: 1 / 3; grid-row: 2; }
  .feature-card.shield-card { grid-column: 1; grid-row: 3; }
  .feature-card.insight-card { grid-column: 2; grid-row: 3; }
  .app-card .card-copy a { top: auto; bottom: 28px; }
  .numbers { grid-template-columns: 1fr; }
  .mobile-edge { grid-template-columns: 1fr; gap: 42px; }
  .phone-stage { order: 2; }
  .mobile-copy { max-width: 680px; }
  .eco-layout { grid-template-columns: minmax(190px, .9fr) minmax(390px, 1.35fr) minmax(190px, .9fr); gap: 22px; }
  .eco-list article { min-height: 148px; }
  .award-row { grid-template-columns: 1fr 1fr; }
  .award-row article:nth-child(2) { border-right: 0; }.award-row article:nth-child(-n+2) { border-bottom: 1px solid #ddd; }
  .account-showcase { min-height: 2198px; }
  .account-showcase-inner { --account-track-end: 151px; min-height: 2198px; grid-template-columns: minmax(0, 1fr) 430px; gap: 35px; }
  .account-ambient { margin-left: calc(100% - 133px); opacity: .55; }
  .account-option { width: 430px; height: 613px; padding: 24px 22px 20px; }
  .account-option h3 { font-size: 43px; letter-spacing: -2.1px; }
  .account-product { height: 327px; }
  .account-card-footer { height: 168px; grid-template-columns: 134px 1fr; gap: 20px; }
  .account-spark { width: 134px; height: 134px; }
  .account-card-footer dl { gap: 21px; }
  .account-card-footer dt { font-size: 12px; }
  .account-card-footer dd { font-size: 19px; }
}

@media (max-width: 680px) {
  .demo-banner { height: 34px; padding: 0 12px; font-size: 8px; line-height: 1.35; }
  .site-header { inset: 0 0 auto; }
  .section-pad { padding: 78px 20px; }
  .hero { min-height: 680px; background-position: 70% bottom; }
  .hero::before { background: linear-gradient(90deg, rgba(2,15,29,.93), rgba(4,31,57,.48)), linear-gradient(0deg, rgba(1,10,20,.78), transparent 50%); }
  .hero-content { width: calc(100% - 40px); padding-top: 150px; }
  .hero h1 { font-size: clamp(42px, 13vw, 62px); letter-spacing: -2.5px; }
  .hero-sub { max-width: 90%; font-size: 14px; }
  .hero-indicator { display: none; }
  .brand-logo { width: auto; height: 46px; max-width: 142px; }
  .quote-tabs { justify-content: flex-start; overflow-x: auto; padding-bottom: 4px; }.quote-tabs button { flex: 0 0 auto; }
  .quote-card { width: 280px; }
  .section-title.split { align-items: flex-start; flex-direction: column; gap: 25px; margin-bottom: 42px; }
  .why { padding: 84px 20px 96px; }
  .why .section-title.split { margin-bottom: 52px; }
  .why .section-title.split > span { margin-top: 22px; font-size: 14px; line-height: 1.8; }
  .why .section-title.split > span br { display: none; }
  .experience { padding: 58px 20px 64px; }
  .experience .section-title.centered > span { font-size: 14px; }
  .experience .section-title.centered > span br { display: none; }
  .experience-stats { grid-template-columns: 1fr; margin-top: 32px; }
  .experience-stats article { padding: 24px 10px; }
  .experience-stats article:not(:last-child)::after { top: auto; right: 18%; bottom: 0; width: 64%; height: 1px; transform: none; opacity: .45; }
  .feature-grid { display: flex; flex-direction: column; }
  .feature-card { min-height: 330px; }.feature-card.app-card { min-height: 500px; }.app-card .card-copy a { top: auto; bottom: 28px; }
  .app-card .card-copy p { max-width: 92%; white-space: normal; }
  .app-card .card-art { width: 88%; height: 76%; }
  .card-copy { width: min(82%, 390px); }
  .card-copy a { top: auto; bottom: 24px; }
  .numbers { padding: 80px 20px; }.number-list article { align-items: flex-start; flex-direction: column; gap: 12px; }
  .number-list strong { font-size: 47px; }
  .mobile-edge { min-height: 0; gap: 30px; }.mobile-copy h2 { font-size: 46px; letter-spacing: -2px; }
  .phone-stage { min-height: 480px; transform: scale(.78); transform-origin: center top; margin-bottom: -90px; }.phone-back { left: 0; }.phone-front { left: 35%; }
  .phone-stage.phone-stage-image { min-height: 420px; margin-bottom: 0; transform: none; }
  .phone-stage-image :is(img, video) { width: min(104%, 560px); max-height: 460px; }
  .mobile-copy h2 span { padding: 0; }
  .body-copy { margin-top: 22px; font-size: 15px; }
  .app-download-panel { margin-top: 24px; padding: 14px; }
  .ecosystem { min-height: 0; }
  .eco-layout { min-height: 0; grid-template-columns: 1fr; gap: 18px; }
  .eco-heading { margin-bottom: 26px; }
  .eco-heading h2 { font-size: 34px; letter-spacing: -1.2px; }
  .eco-heading p { font-size: 13px; }
  .eco-visual { order: -1; width: min(112%, 620px); margin: -22px auto -45px; }
  .eco-list { padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 4px 12px; }
  .eco-list article { min-height: 190px; padding: 16px 4px; }
  .eco-list article img { width: 46px; height: 46px; }
  .eco-list p { font-size: 12px; }
  .award-marquee { height: 84px; }
  .award-marquee-track { animation-duration: 32s; }
  .award-marquee-group { gap: 34px; padding-right: 34px; }
  .award-marquee-item { width: 155px; height: 22px; }
  .award-marquee-item img { max-width: 155px !important; max-height: 22px !important; }
  .awards h2 { margin-top: 62px; }
  .award-row { grid-template-columns: 1fr 1fr; }.award-row article { min-height: 160px; }
  .account-showcase { min-height: 0; }
  .account-showcase-inner { width: 100%; min-height: 0; padding: 0 20px 70px; grid-template-columns: 1fr; gap: 12px; }
  .account-sticky-copy { position: relative; display: block; margin-top: 0; }
  .account-intro { position: relative; top: auto; padding: 82px 0 42px; }
  .account-intro h2 { font-size: 47px; letter-spacing: -2.6px; }
  .account-intro > span { margin-top: 21px; font-size: 13px; }
  .account-ambient { position: absolute; top: 80px; right: -80px; width: 162px; height: 288px; margin: 0; opacity: .31; overflow: hidden; }
  .account-ambient img { left: 0; top: 288px; width: 288px; }
  .account-stack { padding: 0; }
  .account-option { width: 100%; height: auto; min-height: 0; max-height: none; aspect-ratio: 480 / 684; margin-bottom: 18px; padding: clamp(20px, 4vw, 27px) clamp(18px, 3.6vw, 24px); }
  .account-option h3 { font-size: clamp(34px, 8vw, 48px); letter-spacing: clamp(-2.4px, -.4vw, -1.7px); }
  .account-product { height: calc(76vw - 30px); min-height: 243px; max-height: 456px; margin: -2px -18px 0; }
  .account-product img { transform: scale(.864); }
  .account-option:hover .account-product img { transform: scale(.888) translateY(-2px); }
  .account-card-footer { height: calc(39vw - 16px); min-height: 130px; max-height: 235px; grid-template-columns: 31.25% 1fr; gap: 5%; }
  .account-spark { width: 100%; height: auto; aspect-ratio: 1; }
  .account-card-footer dl { gap: clamp(12px, 3.7vw, 25px); }
  .account-card-footer dt { font-size: clamp(10px, 2.7vw, 13px); }
  .account-card-footer dd { font-size: clamp(14px, 4.5vw, 22px); }
  .faq-list summary { font-size: 16px; gap: 20px; }
  .final-cta { align-items: flex-start; flex-direction: column; }.final-cta h2 { font-size: 48px; }
  .footer-main { grid-template-columns: 1fr; }.footer-columns { gap: 16px; }.risk-notice { grid-template-columns: 1fr; gap: 10px; }.footer-bottom { flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .hero-video { display: none; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* 外汇独立页面 */
.forex-page { background: #fff; }
.forex-page .site-header { background: rgba(4,14,24,.9); }
.nav-submenu .current { color: #fff; background: #0b2947; }
.forex-hero {
  position: relative; min-height: 760px; overflow: hidden; color: #fff; background: #020b14;
}
.forex-hero-video {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;
}
.forex-hero-shade {
  position: absolute; inset: 0;
  background: linear-gradient(90deg, rgba(2,10,18,.96) 0%, rgba(4,18,34,.78) 48%, rgba(39,8,13,.56) 100%);
}
.forex-hero-inner {
  position: relative; z-index: 1; width: min(1180px, 90vw); min-height: 760px; margin: auto;
  padding: 170px 0 90px; display: flex; align-items: center; justify-content: space-between; gap: clamp(60px, 9vw, 140px);
}
.forex-hero-copy { max-width: 660px; }
.forex-kicker { margin: 0 0 22px; color: #b8d8f2; font-weight: 700; letter-spacing: .06em; }
.forex-hero h1 {
  max-width: 640px; margin: 0; font: 800 clamp(54px, 6.2vw, 88px)/.98 var(--font-noto);
  letter-spacing: -.035em; text-wrap: balance;
}
.forex-hero-copy > p:not(.forex-kicker) { max-width: 590px; margin: 30px 0 0; color: #c9d4df; font-size: 18px; line-height: 1.85; text-wrap: pretty; }
.forex-actions { margin-top: 40px; display: flex; align-items: center; gap: 28px; }
.forex-text-link { padding: 12px 0; color: #d7e9f8; font-weight: 700; border-bottom: 1px solid rgba(215,233,248,.48); }
.forex-board {
  width: min(390px, 35vw); padding: 28px; background: rgba(5,20,34,.82);
  border-top: 2px solid var(--red); box-shadow: 0 8px 0 rgba(0,0,0,.28);
}
.forex-board > p { margin: 0 0 12px; color: #9db4c7; font-size: 13px; }
.forex-board > div { min-height: 82px; display: grid; grid-template-columns: 1fr auto; align-content: center; gap: 8px 20px; border-bottom: 1px solid rgba(255,255,255,.12); }
.forex-board strong { font-size: 18px; }
.forex-board span { color: #94a7b9; font-size: 12px; }
.forex-board b { grid-column: 2; grid-row: 1 / span 2; align-self: center; font-size: 13px; }
.forex-board small { display: block; margin-top: 18px; color: #73889a; line-height: 1.6; }
.forex-overview {
  width: min(1180px, 90vw); margin: auto; padding: clamp(90px, 10vw, 150px) 0;
  display: grid; grid-template-columns: .9fr 1.1fr; gap: 40px 100px;
}
.forex-section-label { margin: 0 0 16px; color: var(--red); font-weight: 700; }
.forex-overview h2,
.forex-pairs h2,
.forex-cta h2 { margin: 0; font: 800 clamp(38px, 4.2vw, 62px)/1.08 var(--font-noto); letter-spacing: -.035em; text-wrap: balance; }
.forex-overview > p { max-width: 65ch; margin: 38px 0 0; color: #4f6172; font-size: 17px; line-height: 1.9; text-wrap: pretty; }
.forex-facts { grid-column: 1 / -1; margin: 25px 0 0; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #cad5de; border-bottom: 1px solid #cad5de; }
.forex-facts div { padding: 32px 28px; }
.forex-facts div + div { border-left: 1px solid #cad5de; }
.forex-facts dt { margin-bottom: 8px; color: #0a2948; font-size: 22px; font-weight: 800; }
.forex-facts dd { margin: 0; color: #637486; }
.forex-pairs { padding: clamp(90px, 10vw, 140px) max(5vw, calc((100vw - 1180px) / 2)); background: #071b31; color: #fff; }
.forex-pairs-heading { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 80px; }
.forex-pairs-heading .forex-section-label { grid-column: 1 / -1; color: #ff6567; }
.forex-pairs-heading > p:last-child { max-width: 60ch; margin: 10px 0 0; color: #aebfd0; line-height: 1.8; }
.forex-pair-table { margin-top: 64px; border-top: 1px solid rgba(255,255,255,.2); }
.forex-pair-row { min-height: 74px; display: grid; grid-template-columns: 1fr 1.3fr 1fr; align-items: center; border-bottom: 1px solid rgba(255,255,255,.12); }
.forex-pair-row strong { font-size: 19px; letter-spacing: .02em; }
.forex-pair-row span { color: #c1cfdb; }
.forex-pair-row em { color: #8fb3d2; font-style: normal; }
.forex-pair-head { min-height: 54px; color: #7891a8; font-size: 12px; font-weight: 700; }
.forex-cta {
  padding: clamp(80px, 9vw, 130px) max(5vw, calc((100vw - 1180px) / 2));
  display: flex; align-items: center; justify-content: space-between; gap: 60px; background: #f4f6f8;
}
.forex-cta p { max-width: 58ch; margin: 20px 0 0; color: #5f6e7c; font-size: 17px; }

@media (max-width: 980px) {
  .forex-hero-inner { min-height: 760px; padding-top: 140px; gap: 50px; }
  .forex-board { width: 330px; }
  .forex-overview { grid-template-columns: 1fr; gap: 24px; }
  .forex-overview > p { margin-top: 0; }
  .forex-pairs-heading { grid-template-columns: 1fr; }
  .forex-pairs-heading .forex-section-label { grid-column: auto; }
}

@media (max-width: 720px) {
  .forex-hero-inner { min-height: 780px; padding: 130px 0 70px; align-items: flex-start; flex-direction: column; gap: 54px; }
  .forex-hero h1 { font-size: clamp(48px, 14vw, 66px); }
  .forex-hero-copy > p:not(.forex-kicker) { font-size: 16px; }
  .forex-actions { align-items: flex-start; flex-direction: column; gap: 12px; }
  .forex-board { width: 100%; }
  .forex-facts { grid-template-columns: 1fr; }
  .forex-facts div + div { border-left: 0; border-top: 1px solid #cad5de; }
  .forex-pair-row { grid-template-columns: 1fr 1.25fr; gap: 12px; }
  .forex-pair-row > :last-child { display: none; }
  .forex-cta { align-items: flex-start; flex-direction: column; }
}

a:focus-visible, button:focus-visible, summary:focus-visible { outline: 2px solid var(--red); outline-offset: 4px; }

/* 外汇产品子页面（参考图版式） */
.fx-page { background: #f7f8fb; color: #0b2036; }
.fx-page .site-header { background: rgba(3,13,24,.92); }
.nav-submenu .current { color: #fff; background: #0b2947; }
.fx-hero { position: relative; min-height: 440px; overflow: hidden; color: #fff; background: #031326; }
.fx-hero > video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 48%; }
.fx-hero-overlay { position: absolute; inset: 0; background: rgba(2,18,38,.78); }
.fx-hero-content {
  position: relative; z-index: 1; width: min(1120px, 90vw); min-height: 440px; margin: auto;
  padding: 138px 0 70px; display: flex; align-items: center; flex-direction: column; text-align: center;
}
.fx-hero h1 { margin: 0; font: 800 clamp(42px, 5vw, 62px)/1 var(--font-noto); letter-spacing: -.03em; }
.fx-hero p { max-width: 900px; margin: 18px auto 28px; color: #f1f5fa; font-size: clamp(17px, 2vw, 23px); font-weight: 600; line-height: 1.65; text-wrap: balance; }
.fx-hero .button { min-height: 44px; padding: 0 28px; }
.fx-benefits { width: min(1440px, 90vw); margin: -1px auto 80px; padding: clamp(70px, 7vw, 105px) clamp(30px, 6vw, 90px); background: #f1f4fa; }
.fx-benefits-intro { max-width: 1040px; margin: auto; text-align: center; }
.fx-benefits-intro h2 { margin: 0; font: 600 clamp(28px, 3vw, 42px)/1.25 var(--font-noto); letter-spacing: -.025em; text-wrap: balance; }
.fx-benefits-intro p { max-width: 1000px; margin: 30px auto 0; color: #4e5d6c; line-height: 1.85; text-wrap: pretty; }
.fx-benefit-list { margin-top: 52px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.fx-benefit-list article { min-height: 235px; padding: 34px 28px; background: #fff; }
.fx-icon {
  width: 74px; height: 74px; margin-bottom: 26px; display: grid; place-items: center;
  color: var(--red); background: #f8f9fb; border: 1px solid #e3e8ef; border-radius: 50%;
}
.fx-icon svg { width: 42px; height: 42px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.fx-benefit-list h3 { margin: 0; font: 800 19px/1.35 var(--font-noto); text-wrap: balance; }
.fx-benefit-list p { margin: 17px 0 0; color: #6c7580; font-size: 13px; }
.fx-risk { padding: 30px 5vw 45px; color: #65717d; background: #fff; text-align: center; }
.fx-risk p { max-width: 1050px; margin: auto; font-size: 12px; line-height: 1.8; }
.commodity-page .fx-benefit-list,
.index-product-page .fx-benefit-list,
.crypto-product-page .fx-benefit-list {
  max-width: 1000px; margin-right: auto; margin-left: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 980px) {
  .fx-benefit-list { grid-template-columns: repeat(2, 1fr); }
  .commodity-page .fx-benefit-list,
  .index-product-page .fx-benefit-list,
  .crypto-product-page .fx-benefit-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
  .fx-hero { min-height: 520px; }
  .fx-hero-content { min-height: 520px; padding-top: 135px; }
  .fx-benefits { width: 100%; margin-bottom: 0; padding: 68px 20px; }
  .fx-benefit-list { grid-template-columns: 1fr; }
  .commodity-page .fx-benefit-list,
  .index-product-page .fx-benefit-list,
  .crypto-product-page .fx-benefit-list { grid-template-columns: 1fr; }
  .fx-benefit-list article { min-height: auto; }
}

/* MetaTrader 5 独立平台页 */
.mt5-page { background: #fff; color: #0b2036; }
.mt5-page .site-header { background: rgba(3,13,24,.92); }
.mt5-hero { position: relative; min-height: 560px; overflow: hidden; color: #fff; background: #031326; }
.mt5-hero > video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mt5-hero-overlay { position: absolute; inset: 0; background: rgba(2,17,37,.8); }
.mt5-hero-inner {
  position: relative; z-index: 1; width: min(1180px, 90vw); min-height: 560px; margin: auto;
  padding: 120px 0 60px; display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: clamp(50px, 8vw, 110px);
}
.mt5-device { display: grid; place-items: center; }
.mt5-device img { width: min(570px, 100%); max-height: 400px; object-fit: contain; }
.mt5-hero-copy h1 { margin: 0; font: 800 clamp(38px, 4.3vw, 62px)/1.08 var(--font-noto); letter-spacing: -.035em; text-wrap: balance; }
.mt5-hero-copy > p { margin: 20px 0 12px; color: #c7d5e2; font-size: 16px; }
.mt5-hero-copy ul { margin: 0 0 28px; padding: 0; list-style: none; color: #e6edf4; line-height: 1.9; }
.mt5-hero-copy li::before { content: "—"; margin-right: 10px; color: var(--red); }
.mt5-features { width: min(1100px, 90vw); margin: auto; padding: clamp(80px, 8vw, 120px) 0 45px; }
.mt5-features-heading { text-align: center; }
.mt5-features-heading h2,
.mt5-web h2 { margin: 0; font: 700 clamp(32px, 3.5vw, 50px)/1.15 var(--font-noto); letter-spacing: -.03em; text-wrap: balance; }
.mt5-features-heading p { margin: 14px 0 0; color: #6a7784; }
.mt5-feature-layout { margin-top: 58px; display: grid; grid-template-columns: minmax(0, 1fr) 290px minmax(0, 1fr); align-items: center; gap: clamp(46px, 6vw, 86px); }
.mt5-feature-list { display: grid; gap: 25px; }
.mt5-feature-list article { padding: 0; }
.mt5-feature-list h3 { margin: 0; font: 500 clamp(25px, 2.35vw, 33px)/1.22 var(--font-noto); letter-spacing: -.025em; text-wrap: balance; }
.mt5-feature-list p { margin: 7px 0 0; color: #394b5c; font-size: clamp(13px, 1.1vw, 15px); line-height: 1.55; text-wrap: pretty; }
.mt5-mark-image { margin: auto; display: grid; place-items: center; }
.mt5-mark-image img {
  width: min(300px, 100%);
  height: auto;
  display: block;
  object-fit: contain;
}
.mt5-downloads { margin: 60px 0 0; display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; }
.mt5-downloads a {
  display: block;
  line-height: 0;
  border-radius: 10px;
  transition: transform .25s var(--ease-out), filter .25s var(--ease-out);
}
.mt5-downloads a:hover { transform: translateY(-3px); filter: brightness(1.06); }
.mt5-downloads a:focus-visible { outline: 3px solid var(--red); outline-offset: 4px; }
.mt5-downloads img { width: 156px; height: auto; display: block; }
.mt5-web { padding: 70px 5vw 90px; text-align: center; background: #f2f5f8; }
.mt5-web p { max-width: 780px; margin: 22px auto 0; color: #5d6c7a; line-height: 1.8; }

@media (max-width: 900px) {
  .mt5-hero-inner { grid-template-columns: 1fr; padding-top: 130px; text-align: center; }
  .mt5-device img { max-height: 310px; }
  .mt5-hero-copy ul { display: inline-block; text-align: left; }
  .mt5-feature-layout { grid-template-columns: 1fr 190px 1fr; gap: 28px; }
  .mt5-feature-list h3 { font-size: clamp(21px, 2.7vw, 26px); }
  .mt5-mark-image img { width: min(220px, 100%); }
}

@media (max-width: 650px) {
  .mt5-hero-inner { padding-bottom: 80px; }
  .mt5-feature-layout { grid-template-columns: 1fr; }
  .mt5-mark-image { grid-row: 1; margin-bottom: 18px; }
  .mt5-downloads { flex-direction: column; }
  .mt5-downloads a { width: max-content; margin-inline: auto; }
}

/* 合作伙伴独立落地页 */
.partner-page { color: #0b2947; background: #fff; }
.partner-hero {
  position: relative;
  min-height: clamp(500px, 44vw, 660px);
  overflow: hidden;
  color: #fff;
  background: #020b15 url("./assets/hero/partner-puzzles.jpg") 58% center / cover no-repeat;
}
.partner-hero-video {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
}
.partner-hero::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(90deg, rgba(1, 8, 18, .9) 0%, rgba(1, 8, 18, .73) 33%, rgba(1, 8, 18, .17) 60%, rgba(1, 8, 18, .04) 100%);
  pointer-events: none;
}
.partner-hero-inner {
  position: relative;
  z-index: 2;
  width: min(1180px, 90vw);
  min-height: clamp(500px, 44vw, 660px);
  margin: auto;
  padding: clamp(112px, 10vw, 150px) 0 68px;
  display: flex;
  align-items: center;
}
.partner-hero-copy { width: min(600px, 54%); }
.partner-hero-label { margin: 0 0 20px; color: #8bc7f4; font-size: 12px; font-weight: 800; letter-spacing: .16em; }
.partner-hero-copy h1 { max-width: 610px; margin: 0; font: 800 clamp(50px, 5.5vw, 76px)/1.04 var(--font-noto); letter-spacing: -.04em; text-wrap: balance; }
.partner-hero-copy > p:not(.partner-hero-label) { max-width: 590px; margin: 26px 0 35px; color: #c6d7e5; font-size: 17px; line-height: 1.85; }

.partner-solutions { padding: clamp(78px, 7vw, 108px) 2vw clamp(88px, 8vw, 120px); background: #fff; }
.partner-solutions-header { max-width: 860px; margin: 0 auto 44px; text-align: center; }
.partner-solutions-header h2,
.partner-apply h2 { margin: 0; font: 700 clamp(34px, 4.2vw, 54px)/1.15 var(--font-noto); letter-spacing: -.035em; text-wrap: balance; }
.partner-solutions-header h2 { font-size: clamp(30px, 3.2vw, 44px); color: #080d13; }
.partner-solutions-header p { margin: 20px 0 0; color: #526778; font-size: 16px; line-height: 1.8; }
.partner-benefit-grid { width: min(1344px, 100%); margin: auto; display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid #d9e0e8; border-radius: 8px; overflow: hidden; }
.partner-benefit-grid article { min-height: 185px; padding: 38px 36px 34px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid #d9e0e8; border-bottom: 1px solid #d9e0e8; }
.partner-benefit-grid article:nth-child(3n) { border-right: 0; }
.partner-benefit-grid article:nth-child(n + 4) { border-bottom: 0; }
.partner-benefit-grid svg { width: 48px; height: 48px; margin-bottom: 24px; fill: none; stroke: var(--red); stroke-width: 2.35; stroke-linecap: round; stroke-linejoin: round; }
.partner-benefit-grid h3 { max-width: 360px; margin: 0; color: #080d13; font: 700 clamp(17px, 1.55vw, 21px)/1.45 var(--font-noto); text-wrap: pretty; }

.partner-apply { padding: clamp(76px, 8vw, 110px) max(5vw, calc((100vw - 1120px) / 2)); display: flex; align-items: center; justify-content: space-between; gap: 50px; color: #fff; background: linear-gradient(110deg, #071b31 0%, #0b2947 68%, #34131c 100%); }
.partner-apply > div { max-width: 760px; }
.partner-apply p { margin: 0 0 14px; color: #8bc7f4; font-weight: 700; }
.partner-apply h2 { font-size: clamp(32px, 4vw, 52px); }
.partner-risk { padding: 30px 5vw 44px; color: #667888; background: #fff; font-size: 12px; line-height: 1.8; }
.partner-risk p { width: min(1120px, 100%); margin: auto; }

@media (max-width: 900px) {
  .partner-hero { background-position: 64% center; }
  .partner-hero::before { background: linear-gradient(90deg, rgba(1, 8, 18, .92), rgba(1, 8, 18, .7) 52%, rgba(1, 8, 18, .18)); }
  .partner-hero-inner { padding-top: 128px; padding-bottom: 64px; }
  .partner-hero-copy { width: min(590px, 68%); }
  .partner-benefit-grid { grid-template-columns: repeat(2, 1fr); }
  .partner-benefit-grid article:nth-child(3n) { border-right: 1px solid #d9e0e8; }
  .partner-benefit-grid article:nth-child(2n) { border-right: 0; }
  .partner-benefit-grid article:nth-child(n + 4) { border-bottom: 1px solid #d9e0e8; }
  .partner-benefit-grid article:nth-child(n + 5) { border-bottom: 0; }
}

@media (max-width: 650px) {
  .partner-hero { min-height: 610px; background-position: 69% center; }
  .partner-hero::before { background: linear-gradient(90deg, rgba(1, 8, 18, .94), rgba(1, 8, 18, .76) 70%, rgba(1, 8, 18, .32)); }
  .partner-hero-inner { min-height: 610px; padding-top: 112px; }
  .partner-hero-copy { width: 100%; }
  .partner-hero-copy h1 { max-width: 380px; font-size: 46px; }
  .partner-solutions { padding-inline: 18px; }
  .partner-solutions-header { margin-bottom: 34px; text-align: left; }
  .partner-benefit-grid { grid-template-columns: 1fr; }
  .partner-benefit-grid article { min-height: 158px; padding: 28px 25px; border-right: 0 !important; border-bottom: 1px solid #d9e0e8 !important; }
  .partner-benefit-grid article:last-child { border-bottom: 0 !important; }
  .partner-benefit-grid svg { width: 42px; height: 42px; margin-bottom: 17px; }
  .partner-apply { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  .partner-hero-video { display: none; }
}

/* 100% 现金返利独立活动页 */
.cashback-page {
  --cashback-gold: #ffbd46;
  --cashback-gold-deep: #d98208;
  color: #0c2138;
  background: #fff;
}
.cashback-page .site-header { background: rgba(3, 13, 24, .94); }
.cashback-hero {
  position: relative;
  min-height: 570px;
  overflow: hidden;
  color: #fff;
  background: #01040a url("./assets/hero/cashback-finance-background.png") center 52% / cover no-repeat;
}
.cashback-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(0, 3, 9, .68) 0%, rgba(0, 3, 9, .34) 42%, rgba(0, 3, 9, .06) 70%),
    linear-gradient(180deg, rgba(0, 0, 0, .18), transparent 40%, rgba(0, 0, 0, .12));
}
.cashback-hero-inner {
  position: relative;
  z-index: 1;
  width: min(1180px, 90vw);
  min-height: 570px;
  margin: auto;
  padding: 138px 0 68px;
  display: flex;
  align-items: center;
}
.cashback-hero-copy { width: min(540px, 52%); }
.cashback-eyebrow,
.cashback-kicker {
  margin: 0 0 14px;
  color: var(--red);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .18em;
}
.cashback-hero-copy h1 {
  margin: 0;
  font: 800 clamp(42px, 5vw, 70px)/1.08 var(--font-noto);
  letter-spacing: -.045em;
}
.cashback-hero-copy h1 span { color: var(--red); }
.cashback-hero-copy > p:not(.cashback-eyebrow) {
  max-width: 520px;
  margin: 23px 0 32px;
  color: #dbe6f0;
  font-size: 17px;
  line-height: 1.75;
}
.cashback-button {
  color: #fff;
  background: var(--red);
  box-shadow: 0 12px 34px rgba(239, 63, 66, .22);
}
.cashback-button:hover { color: #fff; background: #ff5154; }
.cashback-intro,
.cashback-steps,
.cashback-rules {
  padding: clamp(78px, 8vw, 118px) 5vw;
}
.cashback-intro,
.cashback-rules { background: #f5f7fb; }
.cashback-section-heading {
  max-width: 820px;
  margin: auto;
  text-align: center;
}
.cashback-section-heading h2 {
  margin: 0;
  font: 700 clamp(31px, 3.6vw, 48px)/1.2 var(--font-noto);
  letter-spacing: -.035em;
}
.cashback-section-heading > p:not(.cashback-kicker) {
  margin: 20px auto 0;
  color: #617181;
  line-height: 1.85;
}
.cashback-benefits {
  width: min(1100px, 100%);
  margin: 56px auto 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}
.cashback-benefits article {
  min-height: 300px;
  padding: 38px 34px;
  color: #12283d;
  background: #fff;
  border: 1px solid #e7ebf0;
}
.cashback-icon {
  width: 92px;
  height: 92px;
  margin-bottom: 30px;
  display: grid;
  place-items: center;
  color: var(--red);
  background: #eef4f9;
  border: 1px solid rgba(11, 41, 71, .18);
  border-radius: 50%;
}
.cashback-icon svg {
  width: 56px;
  height: 56px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.cashback-benefits h3,
.cashback-rule-grid h3 {
  margin: 0;
  font: 700 20px/1.35 var(--font-noto);
}
.cashback-benefits p,
.cashback-rule-grid p {
  margin: 14px 0 0;
  color: #647382;
  font-size: 14px;
  line-height: 1.75;
}
.cashback-steps { background: #fff; }
.cashback-steps ol {
  width: min(1100px, 100%);
  margin: 66px auto 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  list-style: none;
}
.cashback-steps li {
  position: relative;
  min-height: 210px;
  padding: 0 44px;
  text-align: center;
}
.cashback-steps li + li::before {
  content: "";
  position: absolute;
  top: 31px;
  left: -50%;
  width: 100%;
  height: 1px;
  background: #d7dee7;
}
.cashback-steps li span {
  position: relative;
  z-index: 1;
  width: 64px;
  height: 64px;
  margin: 0 auto 24px;
  display: grid;
  place-items: center;
  color: #fff;
  background: #0b2947;
  border: 8px solid #eef3f7;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 800;
}
.cashback-steps li strong {
  display: block;
  font: 700 21px/1.3 var(--font-noto);
}
.cashback-steps li p {
  margin: 12px auto 0;
  max-width: 250px;
  color: #667585;
  font-size: 14px;
  line-height: 1.7;
}
.cashback-rule-grid {
  width: min(1100px, 100%);
  margin: 54px auto 40px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}
.cashback-rule-grid article {
  min-height: 252px;
  padding: 34px 32px;
  background: #fff;
  border: 1px solid rgba(11, 41, 71, .14);
  border-radius: 12px;
}
.cashback-rule-grid article > span {
  width: 58px;
  height: 58px;
  margin-bottom: 28px;
  display: grid;
  place-items: center;
  color: var(--red);
  background: #eef4f9;
  border: 1px solid rgba(11, 41, 71, .16);
  border-radius: 50%;
  font-size: 25px;
  font-weight: 700;
  line-height: 1;
}
.cashback-rule-grid article > span img {
  display: block;
  width: 34px;
  height: 34px;
  object-fit: contain;
}
.cashback-rules > .cashback-button {
  width: max-content;
  margin: auto;
  display: flex;
}
.cashback-risk {
  padding: 30px 5vw 44px;
  color: #697785;
  background: #fff;
  text-align: center;
}
.cashback-risk p {
  max-width: 1050px;
  margin: auto;
  font-size: 12px;
  line-height: 1.8;
}

@media (max-width: 900px) {
  .cashback-hero-inner {
    padding-top: 125px;
    align-items: flex-start;
  }
  .cashback-hero-copy { width: min(540px, 72%); }
  .cashback-benefits,
  .cashback-rule-grid { grid-template-columns: 1fr; }
  .cashback-benefits article { min-height: 0; }
}

@media (max-width: 650px) {
  .cashback-hero { min-height: 640px; background-position: 66% center; }
  .cashback-hero::before { background: linear-gradient(90deg, rgba(0, 3, 9, .88), rgba(0, 3, 9, .48) 72%, rgba(0, 3, 9, .2)); }
  .cashback-hero-inner { min-height: 640px; padding: 132px 0 70px; }
  .cashback-hero-copy { width: 100%; }
  .cashback-hero-copy h1 { font-size: 44px; }
  .cashback-intro,
  .cashback-steps,
  .cashback-rules { padding-right: 20px; padding-left: 20px; }
  .cashback-benefits article { padding: 30px 26px; }
  .cashback-steps ol { grid-template-columns: 1fr; gap: 34px; }
  .cashback-steps li { min-height: auto; padding: 0 14px; }
  .cashback-steps li + li::before { display: none; }
}

/* 外汇首屏：参考图的左侧信息布局 */
.fx-page .fx-hero,
.fx-page .fx-hero-content { min-height: 520px; }
.forex-product-page .fx-hero > video { object-position: center 42%; }
.fx-page .fx-hero-overlay {
  background: linear-gradient(90deg, rgba(0, 0, 0, .72) 0%, rgba(0, 0, 0, .5) 40%, rgba(0, 0, 0, .18) 72%, rgba(0, 0, 0, .04) 100%);
}
.fx-page .fx-hero-content {
  width: min(1180px, 90vw);
  padding: 128px 0 70px;
  align-items: flex-start;
  justify-content: center;
  text-align: left;
}
.fx-page .fx-hero h1 {
  max-width: 590px;
  font-size: clamp(48px, 5vw, 68px);
}
.fx-page .fx-hero p {
  max-width: 650px;
  margin: 20px 0 30px;
  font-size: clamp(17px, 1.6vw, 22px);
  line-height: 1.65;
}
.fx-page .fx-hero .button { min-width: 150px; }
.forex-product-page .fx-hero-risk {
  margin-top: 14px;
  color: rgba(236, 242, 248, .7);
  font-size: 11px;
}

@media (max-width: 700px) {
  .fx-page .fx-hero,
  .fx-page .fx-hero-content { min-height: 590px; }
  .fx-page .fx-hero-content {
    padding-top: 145px;
    padding-bottom: 72px;
  }
  .fx-page .fx-hero-overlay {
    background: linear-gradient(90deg, rgba(0, 0, 0, .66), rgba(0, 0, 0, .3));
  }
  .fx-page .fx-hero h1 { font-size: 48px; }
  .fx-page .fx-hero p { max-width: 520px; }
}

/* 关于 LLA：以品牌叙事、服务基础与交易能力建立清晰的信息层级。 */
.about-page { background: #fff; color: #0a223a; }
.about-hero {
  position: relative;
  min-height: 760px;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 78% 42%, rgba(44, 132, 204, .24), transparent 34%),
    linear-gradient(118deg, #030b14 0%, #071c31 54%, #0a2a49 100%);
}
.about-hero::after {
  content: "LLA";
  position: absolute;
  right: -2vw;
  bottom: -10vw;
  color: rgba(255,255,255,.025);
  font: 800 clamp(220px, 38vw, 560px)/.8 var(--font-manrope);
  letter-spacing: -34px;
}
.about-hero-grid {
  position: absolute;
  inset: 0;
  opacity: .2;
  background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(90deg, #000, transparent 74%);
}
.about-hero-inner {
  position: relative;
  z-index: 2;
  width: min(1180px, 90vw);
  min-height: 760px;
  margin: auto;
  padding-top: 80px;
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(480px, 1.1fr);
  align-items: center;
  gap: 5vw;
}
.about-hero-copy { padding: 70px 0; }
.about-eyebrow,
.about-section-heading > p,
.about-choice-heading > p,
.about-cta p {
  margin: 0 0 20px;
  color: #73b9ee;
  font: 700 12px/1 var(--font-manrope);
  letter-spacing: 2.6px;
}
.about-hero h1 {
  margin: 0;
  font: 800 clamp(54px, 5.6vw, 84px)/.98 var(--font-manrope), var(--font-noto);
  letter-spacing: -4px;
}
.about-hero h1 span { color: #86c8f5; }
.about-hero-copy > p:not(.about-eyebrow) { max-width: 560px; margin: 30px 0 36px; color: #b7c6d4; font-size: 18px; line-height: 1.8; }
.about-hero-visual { position: relative; min-height: 600px; display: grid; place-items: center; }
.about-hero-visual img { position: relative; z-index: 2; width: min(660px, 54vw); filter: drop-shadow(0 38px 60px rgba(0,0,0,.46)); }
.about-orbit { position: absolute; border: 1px solid rgba(98, 184, 247, .25); border-radius: 50%; }
.about-orbit-one { width: 520px; height: 520px; }
.about-orbit-two { width: 390px; height: 390px; }

.about-intro,
.about-choice,
.about-capabilities,
.about-foundation,
.about-cta { width: min(1180px, 90vw); margin: auto; }
.about-intro { padding: 126px 0 118px; display: grid; grid-template-columns: .72fr 1.28fr; gap: 10vw; }
.about-section-heading h2,
.about-choice-heading h2,
.about-foundation h2,
.about-cta h2 { margin: 0; font: 800 clamp(38px, 4.2vw, 62px)/1.08 var(--font-manrope), var(--font-noto); letter-spacing: -2.6px; }
.about-intro-copy { padding-top: 32px; border-top: 1px solid #bdcbd7; }
.about-intro-copy p { margin: 0; color: #52677a; font-size: 18px; line-height: 1.95; }
.about-intro-copy p + p { margin-top: 24px; }

.about-choice { padding: 100px 0 112px; border-top: 1px solid #dce4ea; }
.about-choice-heading { max-width: 760px; margin-bottom: 66px; }
.about-choice-list { border-top: 1px solid #bdcbd7; }
.about-choice-list article { min-height: 180px; padding: 36px 0; display: grid; grid-template-columns: 100px 1fr; align-items: start; border-bottom: 1px solid #bdcbd7; }
.about-choice-list article > span { color: var(--red); font: 700 13px/1 var(--font-manrope); letter-spacing: 1px; }
.about-choice-list h3 { margin: 0 0 12px; font-size: clamp(26px, 3vw, 42px); letter-spacing: -1.4px; }
.about-choice-list p { max-width: 680px; margin: 0; color: #607487; font-size: 16px; line-height: 1.8; }

.about-foundation {
  width: 100%;
  padding: 120px max(5vw, calc((100vw - 1180px) / 2));
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: 10vw;
  color: #fff;
  background: linear-gradient(122deg, #06192c 0%, #092c4e 58%, #140f18 100%);
}
.about-foundation-copy > p:last-child { max-width: 470px; margin: 28px 0 0; color: #9eb1c2; line-height: 1.8; }
.about-foundation-list { border-top: 1px solid rgba(255,255,255,.2); }
.about-foundation-list article { padding: 28px 0; display: grid; grid-template-columns: 190px 1fr; gap: 24px; border-bottom: 1px solid rgba(255,255,255,.2); }
.about-foundation-list h3 { margin: 0; font-size: 20px; }
.about-foundation-list p { margin: 0; color: #9eb1c2; line-height: 1.7; }

.about-capabilities { padding: 126px 0 120px; }
.about-capabilities .about-section-heading { max-width: 800px; margin-bottom: 62px; }
.about-capability-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid #c9d4dd; border-bottom: 1px solid #c9d4dd; }
.about-capability-grid article { min-height: 260px; padding: 34px 30px 38px 0; }
.about-capability-grid article + article { padding-left: 30px; border-left: 1px solid #c9d4dd; }
.about-capability-grid strong { display: block; margin-bottom: 56px; color: #1769aa; font-size: 32px; letter-spacing: -1px; }
.about-capability-grid h3 { margin: 0 0 12px; font-size: 21px; }
.about-capability-grid p { margin: 0; color: #687b8c; font-size: 14px; line-height: 1.75; }

.about-cta { width: 100%; padding: 88px max(5vw, calc((100vw - 1180px) / 2)); display: flex; align-items: center; justify-content: space-between; gap: 50px; color: #fff; background: #050b12; }
.about-cta h2 { max-width: 760px; font-size: clamp(36px, 4vw, 58px); }
.about-risk { padding: 28px 5vw 42px; color: #6e7d89; text-align: center; }
.about-risk p { max-width: 1080px; margin: auto; font-size: 12px; line-height: 1.75; }

@media (max-width: 980px) {
  .about-hero-inner { grid-template-columns: 1fr; padding-top: 150px; text-align: center; }
  .about-hero-copy { padding-bottom: 0; }
  .about-hero-copy > p:not(.about-eyebrow) { margin-right: auto; margin-left: auto; }
  .about-hero-visual { min-height: 460px; }
  .about-hero-visual img { width: min(620px, 86vw); }
  .about-intro,
  .about-foundation { grid-template-columns: 1fr; gap: 52px; }
  .about-capability-grid { grid-template-columns: repeat(2, 1fr); }
  .about-capability-grid article:nth-child(3) { border-left: 0; border-top: 1px solid #c9d4dd; }
  .about-capability-grid article:nth-child(4) { border-top: 1px solid #c9d4dd; }
}

@media (max-width: 650px) {
  .about-hero-inner { width: min(100% - 40px, 1180px); min-height: 720px; padding-top: 128px; }
  .about-hero h1 { font-size: 48px; letter-spacing: -2.8px; }
  .about-hero-copy > p:not(.about-eyebrow) { font-size: 16px; }
  .about-hero-visual { min-height: 360px; }
  .about-orbit-one { width: 330px; height: 330px; }
  .about-orbit-two { width: 250px; height: 250px; }
  .about-intro,
  .about-choice,
  .about-capabilities { width: calc(100% - 40px); padding-top: 80px; padding-bottom: 80px; }
  .about-choice-list article { grid-template-columns: 48px 1fr; }
  .about-foundation { padding: 80px 20px; }
  .about-foundation-list article { grid-template-columns: 1fr; gap: 10px; }
  .about-capability-grid { grid-template-columns: 1fr; }
  .about-capability-grid article,
  .about-capability-grid article + article { min-height: 220px; padding: 28px 0; border-left: 0; border-top: 1px solid #c9d4dd; }
  .about-capability-grid article:first-child { border-top: 0; }
  .about-capability-grid strong { margin-bottom: 34px; }
  .about-cta { padding: 72px 20px; align-items: flex-start; flex-direction: column; }
}

/* 关于我们：依据参考图建立轻量信息页，保留 LLA 蓝色主调与红色强调。 */
.about-page .site-header { background: rgba(5, 15, 26, .96); }
.about-reference-main {
  padding-top: 80px;
  color: #0a1f35;
  background: #fff;
}
.about-company-hero {
  position: relative;
  min-height: clamp(440px, 46vw, 600px);
  overflow: hidden;
  display: flex;
  align-items: center;
  color: #fff;
  background: #020817;
  isolation: isolate;
}
.about-company-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(2, 8, 23, .66) 0%, rgba(2, 8, 23, .38) 42%, rgba(2, 8, 23, .06) 68%, rgba(2, 8, 23, .12) 100%),
    linear-gradient(180deg, rgba(2, 8, 23, .02), rgba(2, 8, 23, .22));
}
.about-company-hero > img {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.about-company-hero-copy {
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
  padding: clamp(60px, 6vw, 86px) 0;
}
.about-company-hero-copy > p {
  max-width: 520px;
  margin: 0 0 20px;
  color: #e6edf6;
  font-size: clamp(15px, 1.4vw, 18px);
  font-weight: 600;
  line-height: 1.65;
  text-wrap: pretty;
}
.about-company-hero-copy h1 {
  max-width: 640px;
  margin: 0;
  color: #fff;
  font: 800 clamp(52px, 5.6vw, 78px)/1.02 var(--font-noto);
  letter-spacing: -.04em;
  text-wrap: balance;
}
.about-company-hero-copy h1 span { color: #ff4149; }
.about-company-hero-copy strong {
  display: block;
  margin-top: 30px;
  color: #fff;
  font-size: 16px;
  letter-spacing: .12em;
}
html[lang="en"] .about-company-hero-copy h1,
html[lang="vi"] .about-company-hero-copy h1 {
  max-width: 680px;
  font-size: clamp(48px, 5.1vw, 70px);
  line-height: 1.04;
}
.about-company-profile {
  width: min(1180px, calc(100% - 48px));
  margin: auto;
  padding: clamp(84px, 8vw, 124px) 0 clamp(88px, 8vw, 120px);
}
.about-company-profile-heading {
  display: grid;
  grid-template-columns: minmax(260px, .76fr) minmax(0, 1.24fr);
  gap: clamp(58px, 9vw, 136px);
  align-items: start;
}
.about-company-profile-heading h2 {
  margin: 0;
  color: #080d13;
  font: 800 clamp(38px, 4.5vw, 62px)/1.08 var(--font-noto);
  letter-spacing: -.035em;
  text-wrap: balance;
}
.about-company-profile-heading,
.about-company-profile-body,
.about-company-profile-heading > * { min-width: 0; }
.about-company-profile-heading .about-company-profile-lead {
  margin: 0;
  padding-top: 26px;
  border-top: 1px solid #aebdca;
  color: #142b42;
  font-size: clamp(18px, 1.65vw, 21px);
  font-weight: 600;
  line-height: 1.85;
  text-wrap: pretty;
}
.about-company-profile-facts {
  margin: clamp(58px, 6vw, 82px) 0 0;
  display: grid;
  grid-template-columns: 1.15fr 1fr .72fr;
  border-top: 1px solid #cbd6df;
  border-bottom: 1px solid #cbd6df;
}
.about-company-profile-facts > div {
  min-width: 0;
  padding: 26px clamp(22px, 3vw, 38px) 28px 0;
}
.about-company-profile-facts > div + div {
  padding-left: clamp(22px, 3vw, 38px);
  border-left: 1px solid #cbd6df;
}
.about-company-profile-facts dt {
  margin-bottom: 10px;
  color: var(--red);
  font-size: 13px;
  font-weight: 700;
}
.about-company-profile-facts dd {
  margin: 0;
  color: #10283f;
  font: 700 clamp(16px, 1.55vw, 20px)/1.45 var(--font-noto);
  overflow-wrap: anywhere;
}
.about-company-profile-body {
  margin-top: clamp(54px, 6vw, 78px);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(42px, 7vw, 92px);
}
.about-company-profile-body p {
  max-width: 72ch;
  margin: 0;
  color: #53687b;
  font-size: 16px;
  line-height: 1.9;
  text-wrap: pretty;
}
.about-company-profile-body p + p { margin-top: 24px; }
.about-reference-intro,
.about-reference-focus,
.about-reference-story {
  width: min(1180px, calc(100% - 48px));
  margin: auto;
}
.about-reference-intro { padding: clamp(72px, 7vw, 104px) 0 62px; text-align: center; }
.about-reference-heading { max-width: 820px; margin: auto; text-align: center; }
.about-reference-heading h1,
.about-reference-heading h2,
.about-reference-subheading h2 {
  margin: 0;
  color: #080d13;
  font: 800 clamp(32px, 3.9vw, 54px)/1.12 var(--font-noto);
  letter-spacing: -.035em;
  text-wrap: balance;
}
.about-reference-heading h2 { font-size: clamp(30px, 3.4vw, 46px); }
.about-reference-heading p {
  max-width: 730px;
  margin: 20px auto 0;
  color: #566b7e;
  font-size: 16px;
  line-height: 1.8;
  text-wrap: pretty;
}
.about-reference-subheading { margin-top: 68px; }
.about-reference-subheading h2 { font-size: clamp(25px, 2.7vw, 38px); }
.about-reference-pillars {
  margin-top: 48px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.about-reference-pillars article { padding: 0 clamp(28px, 4vw, 68px); }
.about-reference-pillars article + article { border-left: 1px solid #dfe6ed; }
.about-reference-pillars svg {
  width: 44px;
  height: 44px;
  margin-bottom: 22px;
  fill: none;
  stroke: var(--red);
  stroke-width: 2.25;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.about-reference-pillars h3 {
  margin: 0;
  color: #0a1f35;
  font: 700 21px/1.25 var(--font-noto);
}
.about-reference-pillars p {
  max-width: 290px;
  margin: 12px auto 0;
  color: #66798a;
  font-size: 14px;
  line-height: 1.7;
}
.about-reference-register { margin: 36px auto 0; }

.about-reference-focus {
  padding: 56px 0 28px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.about-reference-focus-card {
  position: relative;
  min-height: 310px;
  overflow: hidden;
  color: #fff;
  background: #03070d;
  border-radius: 8px;
}
.about-reference-focus-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0,0,0,.96) 0%, rgba(0,0,0,.74) 42%, rgba(0,0,0,.08) 78%);
}
.about-reference-card-copy {
  position: relative;
  z-index: 2;
  width: 57%;
  padding: 34px 0 30px 34px;
  text-align: left;
}
.about-reference-card-copy h2 {
  margin: 0;
  font: 800 clamp(30px, 3vw, 43px)/.98 var(--font-noto);
  letter-spacing: -.035em;
}
.about-reference-card-copy > p {
  margin: 14px 0 16px;
  color: #dce7ef;
  font-size: 13px;
  line-height: 1.55;
}
.about-reference-card-copy ul { margin: 0; padding-left: 17px; }
.about-reference-card-copy li { margin-top: 6px; color: #fff; font-size: 13px; line-height: 1.45; }
.about-reference-focus-card img {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.about-reference-marquee {
  margin: 40px 0 0;
  overflow: hidden;
  border-top: 1px solid #e5eaf0;
  border-bottom: 1px solid #e5eaf0;
}
.about-reference-marquee > div {
  width: max-content;
  min-height: 74px;
  display: flex;
  align-items: center;
  animation: aboutMarquee 28s linear infinite;
}
.about-reference-marquee span {
  position: relative;
  padding: 0 44px;
  color: #a7b0b8;
  font: 700 13px/1 var(--font-manrope);
  letter-spacing: .08em;
  white-space: nowrap;
}
.about-reference-marquee span::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -4px;
  width: 8px;
  height: 8px;
  border: 1px solid #c8cfd6;
  border-radius: 50%;
  transform: translateY(-50%);
}
@keyframes aboutMarquee { to { transform: translateX(-50%); } }

.about-reference-story { padding: 72px 0 86px; }
.about-reference-stats {
  margin-top: 46px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border: 1px solid #d9e2e9;
  border-radius: 8px;
}
.about-reference-stats article {
  min-height: 126px;
  padding: 28px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}
.about-reference-stats article + article { border-left: 1px solid #d9e2e9; }
.about-reference-stats strong {
  color: var(--red);
  font: 800 clamp(27px, 3vw, 42px)/1 var(--font-manrope);
  letter-spacing: -.04em;
}
.about-reference-stats span { color: #526779; font-size: 12px; line-height: 1.45; text-align: left; }
.about-reference-note { margin: 12px 0 0; color: #7d8b96; font-size: 11px; text-align: center; }

.about-reference-closing {
  min-height: 390px;
  padding: 82px max(5vw, calc((100vw - 1180px) / 2));
  display: flex;
  align-items: center;
  color: #fff;
  background:
    linear-gradient(90deg, rgba(2, 8, 15, .97) 0%, rgba(2, 8, 15, .83) 48%, rgba(2, 8, 15, .22) 100%),
    url("./assets/features/market-analysis-card.png") center 43% / cover no-repeat;
}
.about-reference-closing > div { max-width: 690px; }
.about-reference-closing p { margin: 0 0 18px; color: #85bfe9; font-weight: 700; }
.about-reference-closing h2 {
  margin: 0 0 30px;
  font: 800 clamp(34px, 4.2vw, 58px)/1.08 var(--font-noto);
  letter-spacing: -.035em;
  text-wrap: balance;
}

@media (max-width: 820px) {
  .about-company-hero { min-height: 560px; align-items: flex-end; }
  .about-company-hero::after {
    background:
      linear-gradient(90deg, rgba(2, 8, 23, .78) 0%, rgba(2, 8, 23, .43) 56%, rgba(2, 8, 23, .08) 100%),
      linear-gradient(180deg, rgba(2, 8, 23, .04) 0%, rgba(2, 8, 23, .72) 100%);
  }
  .about-company-hero > img { object-position: 62% center; }
  .about-company-hero-copy { padding-top: 72px; padding-bottom: 64px; }
  .about-company-profile-heading,
  .about-company-profile-body { grid-template-columns: 1fr; gap: 38px; }
  .about-company-profile-facts { grid-template-columns: 1fr; }
  .about-company-profile-facts > div { padding: 22px 0; }
  .about-company-profile-facts > div + div { padding-left: 0; border-top: 1px solid #cbd6df; border-left: 0; }
  .about-reference-pillars { grid-template-columns: 1fr; gap: 34px; }
  .about-reference-pillars article { max-width: 520px; margin: auto; padding: 0; }
  .about-reference-pillars article + article { padding-top: 34px; border-top: 1px solid #dfe6ed; border-left: 0; }
  .about-reference-focus { grid-template-columns: 1fr; }
  .about-reference-stats { grid-template-columns: repeat(2, 1fr); }
  .about-reference-stats article + article { border-left: 0; }
  .about-reference-stats article:nth-child(even) { border-left: 1px solid #d9e2e9; }
  .about-reference-stats article:nth-child(n + 3) { border-top: 1px solid #d9e2e9; }
  .about-reference-stats article:last-child { grid-column: 1 / -1; }
}

@media (max-width: 560px) {
  .about-reference-main { padding-top: 76px; }
  .about-company-hero { min-height: 570px; }
  .about-company-hero::after {
    background:
      linear-gradient(180deg, rgba(2, 8, 23, .04) 0%, rgba(2, 8, 23, .2) 28%, rgba(2, 8, 23, .94) 72%, rgba(2, 8, 23, 1) 100%),
      linear-gradient(90deg, rgba(2, 8, 23, .55), rgba(2, 8, 23, .08));
  }
  .about-company-hero > img { object-position: 66% center; }
  .about-company-hero-copy { width: calc(100% - 36px); padding: 230px 0 52px; }
  .about-company-hero-copy > p { max-width: 340px; margin-bottom: 16px; font-size: 14px; line-height: 1.55; }
  .about-company-hero-copy h1 { max-width: 350px; font-size: 48px; line-height: 1.02; }
  html[lang="en"] .about-company-hero-copy h1,
  html[lang="vi"] .about-company-hero-copy h1 { max-width: 355px; font-size: clamp(40px, 11vw, 46px); line-height: 1.06; }
  .about-company-hero-copy strong { margin-top: 22px; font-size: 14px; }
  .about-company-profile,
  .about-reference-intro,
  .about-reference-focus,
  .about-reference-story { width: calc(100% - 36px); }
  .about-company-profile { padding-top: 68px; padding-bottom: 76px; }
  .about-company-profile-heading { gap: 30px; }
  .about-company-profile-heading h2 { font-size: 40px; }
  .about-company-profile-heading .about-company-profile-lead { padding-top: 22px; font-size: 18px; line-height: 1.75; }
  .about-company-profile-facts { margin-top: 48px; }
  .about-company-profile-body { margin-top: 48px; gap: 24px; }
  .about-company-profile-body p { font-size: 15px; line-height: 1.85; }
  .about-reference-intro { padding-top: 62px; }
  .about-reference-focus-card { min-height: 330px; }
  .about-reference-card-copy { width: 72%; padding: 28px 0 26px 26px; }
  .about-reference-focus-card::after { background: linear-gradient(90deg, rgba(0,0,0,.96), rgba(0,0,0,.68) 62%, rgba(0,0,0,.14)); }
  .about-reference-stats { grid-template-columns: 1fr; }
  .about-reference-stats article:nth-child(even) { border-left: 0; }
  .about-reference-stats article:nth-child(n + 2) { border-top: 1px solid #d9e2e9; }
  .about-reference-stats article:last-child { grid-column: auto; }
  .about-reference-closing { min-height: 430px; padding: 72px 22px; background-position: 62% center; }
}

@media (prefers-reduced-motion: reduce) {
  .about-reference-marquee > div { animation: none; }
}

/* Market insights page */
.insights-page { background: #fff; color: var(--blue-deep); }
.insights-main { padding-top: 80px; overflow: hidden; }
.insights-hero {
  position: relative;
  min-height: 610px;
  display: flex;
  align-items: center;
  padding: 84px max(5vw, calc((100vw - 1180px) / 2));
  color: #fff;
  background:
    linear-gradient(90deg, rgba(2, 10, 19, .97) 0%, rgba(2, 10, 19, .84) 43%, rgba(2, 10, 19, .26) 100%),
    url("./assets/features/market-analysis-card.png") center / cover no-repeat;
}
.insights-hero-copy { width: min(690px, 60%); }
.insights-kicker,
.insights-section-heading > div > p,
.insights-analysis-intro > p:first-child,
.insights-cta > div > p:first-child {
  margin: 0 0 18px;
  color: #69b1e8;
  font: 800 12px/1.2 var(--font-manrope);
  letter-spacing: .18em;
}
.insights-hero h1 {
  margin: 0;
  font: 800 clamp(56px, 7.2vw, 94px)/.98 var(--font-noto);
  letter-spacing: -.06em;
}
.insights-hero-copy > p:not(.insights-kicker) {
  max-width: 620px;
  margin: 28px 0 0;
  color: #c9d8e5;
  font-size: clamp(16px, 1.5vw, 20px);
  line-height: 1.8;
}
.insights-category-nav { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 36px; }
.insights-category-nav a {
  padding: 12px 18px;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 5px;
  color: #fff;
  font-weight: 700;
  transition: .25s var(--ease-out);
}
.insights-category-nav a:hover { border-color: var(--red); background: var(--red); transform: translateY(-2px); }

.insights-latest,
.insights-education { width: min(1180px, calc(100% - 48px)); margin: 0 auto; padding: 104px 0; }
.insights-section-heading { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(280px, .75fr); gap: 70px; align-items: end; margin-bottom: 54px; }
.insights-section-heading h2,
.insights-analysis-intro h2 {
  margin: 0;
  font: 800 clamp(38px, 5vw, 64px)/1.08 var(--font-noto);
  letter-spacing: -.045em;
}
.insights-section-heading > p,
.insights-analysis-intro > p:last-child {
  margin: 0;
  color: #607487;
  font-size: 16px;
  line-height: 1.85;
}
.insights-lead-layout { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(310px, .75fr); gap: 24px; }
.insights-lead-story { min-height: 630px; position: relative; overflow: hidden; border-radius: 10px; background: var(--blue-deep); color: #fff; }
.insights-story-visual {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(5,16,30,.05) 22%, rgba(5,16,30,.94) 90%),
    url("./assets/features/insights-card.jpg") center / cover no-repeat;
  transform: scale(1.02);
}
.insights-story-copy { position: absolute; z-index: 1; inset: auto 0 0; padding: 42px; }
.insights-story-copy > span,
.insights-headlines article > span { color: #74bae9; font: 700 12px/1.2 var(--font-noto); }
.insights-story-copy h3 { max-width: 720px; margin: 14px 0 16px; font: 800 clamp(29px, 3.2vw, 46px)/1.2 var(--font-noto); letter-spacing: -.03em; }
.insights-story-copy p { max-width: 650px; margin: 0 0 26px; color: #c3d0dc; line-height: 1.75; }
.insights-story-copy a { color: #fff; font-weight: 800; }
.insights-story-copy a span { color: var(--red); margin-left: 8px; }
.insights-headlines { display: grid; grid-template-rows: repeat(3, 1fr); border-top: 1px solid #d9e1e8; }
.insights-headlines article { display: flex; flex-direction: column; justify-content: center; padding: 28px 10px 28px 28px; border-bottom: 1px solid #d9e1e8; }
.insights-headlines h3 { margin: 10px 0 8px; font: 800 clamp(21px, 2vw, 28px)/1.3 var(--font-noto); letter-spacing: -.02em; }
.insights-headlines p { margin: 0; color: #6b7c8b; font-size: 14px; line-height: 1.65; }

.insights-analysis { padding: 110px max(5vw, calc((100vw - 1180px) / 2)); display: grid; grid-template-columns: minmax(280px, .8fr) minmax(0, 1.2fr); gap: 9vw; color: #fff; background: linear-gradient(118deg, #061a31 0%, #081b32 64%, #221016 100%); }
.insights-analysis-intro > p:first-child { color: #ff7779; }
.insights-analysis-intro > p:last-child { margin-top: 26px; color: #a9bac9; }
.insights-analysis-list { border-top: 1px solid rgba(255,255,255,.18); }
.insights-analysis-list article { min-height: 150px; display: grid; grid-template-columns: 70px 1fr; gap: 18px; align-items: center; border-bottom: 1px solid rgba(255,255,255,.18); }
.insights-analysis-list article > span { color: var(--red); font: 800 15px/1 var(--font-manrope); }
.insights-analysis-list h3 { margin: 0 0 8px; font: 800 27px/1.2 var(--font-noto); }
.insights-analysis-list p { margin: 0; color: #a9bac9; line-height: 1.7; }

.insights-education { padding-bottom: 120px; }
.insights-learning-list { border-top: 1px solid #d6e0e7; }
.insights-learning-list a { min-height: 132px; display: grid; grid-template-columns: 86px 1fr 40px; gap: 26px; align-items: center; border-bottom: 1px solid #d6e0e7; color: var(--blue-deep); transition: .25s var(--ease-out); }
.insights-learning-list a:hover { padding-left: 16px; color: var(--red); background: #fafbfc; }
.insights-learning-list a > span { color: var(--red); font: 800 14px/1 var(--font-manrope); }
.insights-learning-list h3 { margin: 0 0 8px; font: 800 27px/1.2 var(--font-noto); }
.insights-learning-list p { margin: 0; color: #718291; }
.insights-learning-list b { font-size: 27px; }

.insights-cta { min-height: 410px; padding: 80px max(5vw, calc((100vw - 1180px) / 2)); display: flex; align-items: center; justify-content: space-between; gap: 60px; color: #fff; background: linear-gradient(105deg, #03080f 0%, #07182b 62%, #351015 100%); }
.insights-cta > div { max-width: 760px; }
.insights-cta h2 { margin: 0 0 20px; font: 800 clamp(38px, 5vw, 64px)/1.08 var(--font-noto); letter-spacing: -.045em; }
.insights-cta > div > p:last-child { margin: 0; color: #a9bac9; font-size: 16px; line-height: 1.8; }
.insights-cta .button { flex: 0 0 auto; }
.insights-risk { padding: 26px max(5vw, calc((100vw - 1180px) / 2)); background: #f3f6f8; }
.insights-risk p { margin: 0; color: #768796; font-size: 11px; line-height: 1.7; }

/* News library and readable article pages */
.news-index-page,
.news-article-page { background: #f5f7f9; color: var(--blue-deep); }
.news-main,
.article-main { padding-top: 80px; }

.news-hero {
  min-height: 430px;
  display: flex;
  align-items: center;
  overflow: hidden;
  color: #fff;
  background: #030b14;
}
.news-hero-inner {
  width: min(1240px, calc(100% - 64px));
  min-height: 430px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, .84fr) minmax(460px, 1.16fr);
  align-items: stretch;
}
.news-hero-copy { position: relative; z-index: 1; align-self: center; padding: 64px 54px 64px 0; }
.news-hero-copy > p:first-child { margin: 0 0 22px; color: #7fbce8; font: 700 12px/1.2 var(--font-manrope); letter-spacing: 1.2px; }
.news-hero h1 { margin: 0; font: 800 clamp(46px, 5vw, 72px)/1.06 var(--font-noto); letter-spacing: -.035em; text-wrap: balance; }
.news-hero-copy > p:last-child { max-width: 560px; margin: 28px 0 0; color: #b9c7d3; font-size: 17px; line-height: 1.8; text-wrap: pretty; }
.news-hero-art { position: relative; min-height: 430px; overflow: hidden; }
.news-hero-art::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #030b14 0%, rgba(3,11,20,.08) 43%, transparent 100%); }
.news-hero-art img { width: 100%; height: 100%; object-fit: cover; object-position: 66% center; filter: saturate(.9) contrast(1.04); }
.news-hero-market {
  position: relative;
  background: #020a1c url("./assets/insights/insights-hero-market.jpg") center / cover no-repeat;
}
.news-hero-market .news-hero-inner { grid-template-columns: 1fr; }
.news-hero-market .news-hero-copy { max-width: 590px; padding-left: 0; }
.news-hero-market .news-hero-art { display: none; }
.news-hero-market::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(2, 8, 24, .84) 0%, rgba(2, 8, 24, .56) 42%, rgba(2, 8, 24, .08) 76%, rgba(2, 8, 24, .04) 100%);
}
.news-hero-market .news-hero-inner { position: relative; z-index: 1; }

.news-library { width: min(1240px, calc(100% - 64px)); margin: 0 auto; padding: clamp(76px, 8vw, 116px) 0; }
.news-library-heading { margin-bottom: 44px; display: flex; align-items: flex-end; justify-content: space-between; gap: 44px; }
.news-library-heading h2 { margin: 0; font: 800 clamp(35px, 4vw, 52px)/1.1 var(--font-noto); letter-spacing: -.03em; }
.news-library-heading > div > p { margin: 14px 0 0; color: #667988; line-height: 1.7; }
.news-filter { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.news-filter a { padding: 9px 15px; color: #536776; border: 1px solid #d5dfe6; border-radius: 999px; font-size: 13px; transition: .22s var(--ease-out); }
.news-filter a:hover,
.news-filter a.is-active { color: #fff; border-color: var(--blue); background: var(--blue); }

.news-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px 24px; }
.news-card { min-width: 0; overflow: hidden; background: #fff; border: 1px solid #dce4ea; border-radius: 12px; transition: transform .28s var(--ease-out), border-color .28s ease; }
.news-card:hover { transform: translateY(-5px); border-color: #aabcc9; }
.news-card-image { aspect-ratio: 16 / 9; display: block; overflow: hidden; background: #07182b; }
.news-card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .55s var(--ease-out); }
.news-card:hover .news-card-image img { transform: scale(1.035); }
.news-card-image-contain { padding: 20px; background: linear-gradient(135deg, #061a31, #0d3b63); }
.news-card-image-contain img { object-fit: contain; }
.news-card-body { min-height: 300px; padding: 24px 24px 26px; display: flex; flex-direction: column; }
.news-card-meta { display: flex; align-items: center; justify-content: space-between; gap: 20px; color: #738493; font-size: 12px; }
.news-card-meta span { color: var(--blue); font-weight: 800; }
.news-card h3 { margin: 17px 0 12px; font: 800 clamp(20px, 1.7vw, 25px)/1.36 var(--font-noto); letter-spacing: -.02em; text-wrap: pretty; }
.news-card h3 a { transition: color .2s ease; }
.news-card h3 a:hover { color: var(--red); }
.news-card-body > p { margin: 0 0 24px; color: #637482; font-size: 14px; line-height: 1.75; text-wrap: pretty; }
.news-card-link { margin-top: auto; display: inline-flex; align-items: center; gap: 9px; color: var(--blue-deep); font-size: 14px; font-weight: 800; }
.news-card-link span { color: var(--red); transition: transform .22s var(--ease-out); }
.news-card-link:hover span { transform: translateX(5px); }

.news-footer-cta { min-height: 390px; padding: 72px max(5vw, calc((100vw - 1240px) / 2)); display: flex; align-items: center; justify-content: space-between; gap: 60px; color: #fff; background: linear-gradient(112deg, #04101d 0%, #09243e 62%, #2a0b11 100%); }
.news-footer-cta h2 { max-width: 810px; margin: 0; font: 800 clamp(35px, 4.2vw, 58px)/1.15 var(--font-noto); letter-spacing: -.035em; text-wrap: balance; }
.news-footer-cta p { margin: 20px 0 0; color: #afbfcb; font-size: 16px; }
.news-risk { padding: 24px max(5vw, calc((100vw - 1240px) / 2)); background: #edf1f4; }
.news-risk p { margin: 0; color: #71818e; font-size: 11px; line-height: 1.75; }

.article-main { background: #fff; }
.article-header { width: min(960px, calc(100% - 48px)); margin: 0 auto; padding: clamp(70px, 8vw, 116px) 0 52px; text-align: center; }
.article-back { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 34px; color: #617585; font-size: 14px; font-weight: 700; }
.article-back:hover { color: var(--red); }
.article-meta { display: flex; align-items: center; justify-content: center; gap: 16px; color: #788894; font-size: 13px; }
.article-meta span { color: var(--blue); font-weight: 800; }
.article-header h1 { max-width: 900px; margin: 22px auto 24px; font: 800 clamp(38px, 5vw, 65px)/1.14 var(--font-noto); letter-spacing: -.035em; text-wrap: balance; }
.article-header > p { max-width: 760px; margin: 0 auto; color: #667987; font-size: 18px; line-height: 1.8; text-wrap: pretty; }
.article-cover { width: min(1120px, calc(100% - 48px)); aspect-ratio: 16 / 7.6; margin: 0 auto; overflow: hidden; background: #07182b; }
.article-cover img { width: 100%; height: 100%; object-fit: cover; }
.article-layout { width: min(1120px, calc(100% - 48px)); margin: 0 auto; padding: 76px 0 110px; display: grid; grid-template-columns: minmax(0, 760px) minmax(240px, 1fr); gap: clamp(52px, 8vw, 100px); align-items: start; }
.article-content { color: #243746; }
.article-lead { margin: 0 0 48px; color: #20384a; font-size: 20px; line-height: 1.9; font-weight: 600; }
.article-content [data-article-sections] section { margin-top: 48px; }
.article-content h2 { margin: 0 0 20px; color: var(--blue-deep); font: 800 clamp(27px, 2.6vw, 36px)/1.25 var(--font-noto); letter-spacing: -.02em; }
.article-content p { margin: 0 0 18px; color: #4e6271; font-size: 16px; line-height: 1.95; text-wrap: pretty; }
.article-key-points { position: sticky; top: 112px; padding-top: 20px; border-top: 3px solid var(--red); }
.article-key-points h2 { margin: 0 0 18px; font: 800 24px/1.25 var(--font-noto); }
.article-key-points ul { margin: 0 0 28px; padding: 0; list-style: none; }
.article-key-points li { padding: 16px 0; color: #536978; border-bottom: 1px solid #dce4ea; font-size: 14px; line-height: 1.65; }
.article-key-points a { display: inline-flex; align-items: center; gap: 8px; color: var(--blue); font-size: 14px; font-weight: 800; }
.article-key-points a span { color: var(--red); }
.article-disclaimer { margin-top: 58px; padding: 26px 28px; color: #5f7180; background: #f1f4f6; }
.article-disclaimer strong { display: block; margin-bottom: 8px; color: var(--blue-deep); }
.article-disclaimer p { margin: 0; font-size: 13px; line-height: 1.8; }
.article-more { min-height: 290px; padding: 64px max(5vw, calc((100vw - 1120px) / 2)); display: flex; align-items: center; justify-content: space-between; gap: 48px; color: #fff; background: #06182a; }
.article-more h2 { margin: 0; font: 800 clamp(32px, 3.5vw, 48px)/1.15 var(--font-noto); }
.article-more p { margin: 12px 0 0; color: #aabac6; }
.article-more > a { display: inline-flex; align-items: center; gap: 10px; padding: 13px 20px; border: 1px solid rgba(255,255,255,.45); border-radius: 999px; font-weight: 800; }
.article-more > a:hover { color: #fff; border-color: var(--red); background: var(--red); }

@media (max-width: 980px) {
  .news-hero-inner { grid-template-columns: 1fr 1fr; }
  .news-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .news-library-heading { align-items: flex-start; flex-direction: column; }
  .news-filter { justify-content: flex-start; }
  .article-layout { grid-template-columns: 1fr; }
  .article-key-points { position: static; }
}

@media (max-width: 680px) {
  .news-main,
  .article-main { padding-top: 76px; }
  .news-hero { min-height: 560px; }
  .news-hero-inner { width: 100%; min-height: 560px; display: block; position: relative; }
  .news-hero-copy { position: relative; z-index: 2; padding: 72px 22px; }
  .news-hero-copy > p:last-child { max-width: 90%; font-size: 15px; }
  .news-hero-art { position: absolute; inset: 0; min-height: 0; opacity: .52; }
  .news-hero-art::after { background: linear-gradient(90deg, rgba(3,11,20,.96), rgba(3,11,20,.42)), linear-gradient(0deg, rgba(3,11,20,.7), transparent); }
  .news-library { width: calc(100% - 36px); padding: 72px 0; }
  .news-library-heading { gap: 26px; margin-bottom: 34px; }
  .news-filter { flex-wrap: nowrap; max-width: 100%; overflow-x: auto; padding-bottom: 5px; }
  .news-filter a { flex: 0 0 auto; }
  .news-card-grid { grid-template-columns: 1fr; gap: 20px; }
  .news-card-body { min-height: 0; }
  .news-footer-cta { min-height: 440px; padding: 64px 22px; align-items: flex-start; flex-direction: column; justify-content: center; }
  .news-risk { padding: 22px; }
  .article-header { width: calc(100% - 36px); padding: 60px 0 38px; text-align: left; }
  .article-meta { justify-content: flex-start; }
  .article-header > p { font-size: 16px; }
  .article-cover { width: 100%; aspect-ratio: 4 / 3; }
  .article-layout { width: calc(100% - 36px); padding: 58px 0 82px; gap: 48px; }
  .article-lead { font-size: 18px; }
  .article-more { min-height: 340px; padding: 54px 22px; align-items: flex-start; flex-direction: column; justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
  .news-card,
  .news-card-image img,
  .news-card-link span { transition: none; }
}

@media (max-width: 900px) {
  .insights-hero { min-height: 540px; background-position: 64% center; }
  .insights-hero-copy { width: 78%; }
  .insights-section-heading,
  .insights-analysis { grid-template-columns: 1fr; gap: 36px; }
  .insights-lead-layout { grid-template-columns: 1fr; }
  .insights-lead-story { min-height: 560px; }
  .insights-headlines { grid-template-rows: none; }
  .insights-headlines article { min-height: 160px; padding-left: 0; }
  .insights-cta { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 560px) {
  .insights-main { padding-top: 76px; }
  .insights-hero { min-height: 610px; padding: 72px 22px; background-position: 70% center; }
  .insights-hero::before { content: ""; position: absolute; inset: 76px 0 0; background: rgba(2,10,19,.18); pointer-events: none; }
  .insights-hero-copy { position: relative; z-index: 1; width: 100%; }
  .insights-hero h1 { font-size: 55px; }
  .insights-category-nav a { padding: 10px 13px; }
  .insights-latest,
  .insights-education { width: calc(100% - 36px); padding: 76px 0; }
  .insights-section-heading { grid-template-columns: 1fr; gap: 22px; margin-bottom: 36px; }
  .insights-lead-story { min-height: 570px; }
  .insights-story-copy { padding: 28px 24px; }
  .insights-story-copy h3 { font-size: 29px; }
  .insights-analysis { padding: 76px 22px; }
  .insights-analysis-list article { grid-template-columns: 46px 1fr; }
  .insights-learning-list a { grid-template-columns: 46px 1fr 24px; gap: 10px; }
  .insights-learning-list h3 { font-size: 21px; }
  .insights-cta { min-height: 480px; padding: 70px 22px; }
  .insights-risk { padding: 24px 22px; }
}