:root {
    --navy:       #0D1B3E;
    --navy-mid:   #122050;
    --navy-light: #1C2E5A;
    --gold:       #C9962E;
    --gold-light: #E8B84B;
    --teal:       #2D8B7A;
    --teal-light: #3AADA0;
    --white:      #FFFFFF;
    --off-white:  #F4F6FA;
    --grey-100:   #E2E6EF;
    --grey-400:   #8892A4;
    --text-dark:  #0D1B3E;
    --font-display: 'Playfair Display', Georgia, serif;
    --font-serif:   'Cormorant Garamond', Georgia, serif;
    --font-sans:    'DM Sans', system-ui, sans-serif;
    --transition: 0.3s cubic-bezier(0.4,0,0.2,1);
    --shadow-card: 0 4px 32px rgba(13,27,62,0.12);
    --shadow-lg:   0 16px 64px rgba(13,27,62,0.2);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }

body {
    font-family: var(--font-sans);
    font-size: 16px;
    color: var(--navy);
    background: var(--white);
    overflow-x: hidden;
    line-height: 1.7;
}

a { text-decoration: none; color: inherit; }
img { display: block; max-width: 100%; }

/* ===== UTILITY ===== */
.container { max-width: 1200px; margin: 0 auto; padding: 0 40px; }
.section-label {
    font-family: var(--font-sans);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 16px;
    display: block;
}
.btn-primary {
    /*display: inline-flex; align-items: center; gap: 8px;*/
    background: var(--gold);
    color: var(--navy);
    font-family: var(--font-sans);
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.5px;
    padding: 14px 28px;
    border: 2px solid var(--gold);
    cursor: pointer;
    transition: var(--transition);
    white-space: nowrap;
    text-align: center;
}
.btn-primary:hover { background: var(--gold-light); border-color: var(--gold-light); transform: translateY(-1px); box-shadow: 0 8px 24px rgba(201,150,46,0.3); }
.btn-outline {
    /*display: inline-flex; align-items: center; gap: 8px;*/
    display: flex;
    align-items: center;
    /*flex-direction: column;*/
    background: transparent;
    color: var(--white);
    font-family: var(--font-sans);
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.5px;
    padding: 14px 28px;
    border: 2px solid rgba(255,255,255,0.4);
    cursor: pointer;
    transition: var(--transition);
    white-space: nowrap;
}
.btn-white-right{
    flex-direction: column;
}
.btn-outline:hover { border-color: var(--gold); color: var(--gold); transform: translateY(-1px); }
.btn-outline-dark {
    /*display: inline-flex; align-items: center; gap: 8px;*/
    /*display: flex;*/
    /*align-items: center;*/
    /*flex-direction: column;*/
    background: transparent;
    color: var(--navy);
    font-family: var(--font-sans);
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.5px;
    padding: 14px 28px;
    border: 2px solid var(--navy);
    cursor: pointer;
    transition: var(--transition);
    white-space: nowrap;
    text-align: center;
}
.btn-outline-dark:hover { background: var(--navy); color: var(--white); }

.btn-right{
    display: flex;
    align-items: center;
}

/* ===== NAVBAR ===== */
nav {
    position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
    background: rgba(13, 27, 62, 0.96);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(201,150,46,0.2);
    transition: var(--transition);
}
.nav-inner {
    display: flex; align-items: center; justify-content: space-between;
    max-width: 1200px; margin: 0 auto; padding: 0 40px;
    height: 72px;
}
.nav-logo {
    display: flex; flex-direction: column; gap: 2px;
}
.nav-logo .wordmark {
    font-family: var(--font-display);
    font-weight: 800;
    font-size: 26px;
    color: var(--white);
    letter-spacing: 1px;
    line-height: 1;
}
.nav-logo .tagline-small {
    font-family: var(--font-serif);
    font-style: italic;
    font-size: 11px;
    color: var(--gold);
    letter-spacing: 0.5px;
    line-height: 1;
}
.nav-links {
    display: flex; align-items: center; gap: 36px;
    list-style: none;
}
.nav-links a {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.75);
    transition: var(--transition);
    position: relative;
}
.nav-links a::after {
    content: ''; position: absolute; bottom: -4px; left: 0; right: 0;
    height: 1px; background: var(--gold);
    transform: scaleX(0); transform-origin: left;
    transition: var(--transition);
}
.nav-links a:hover { color: var(--white); }
.nav-links a:hover::after { transform: scaleX(1); }
.nav-right { display: flex; align-items: center; gap: 16px; }
.lang-toggle {
    display: flex; gap: 4px;
    font-size: 11px; font-weight: 500;
    color: rgba(255,255,255,0.5);
}
.lang-toggle span { cursor: pointer; padding: 4px 8px; border-radius: 3px; transition: var(--transition); }
.lang-toggle span.active, .lang-toggle span:hover { color: var(--gold); background: rgba(201,150,46,0.1); }
.nav-cta {
    font-size: 13px; font-weight: 600;
    background: var(--gold); color: var(--navy);
    padding: 10px 22px;
    transition: var(--transition);
    letter-spacing: 0.3px;
    cursor: pointer;
}

.nav-span span{
    display: block;
}

.nav-span span:last-child{
    font-size: 10px;
}

.nav-cta:hover { background: var(--gold-light); transform: translateY(-1px); }

/* ===== HERO ===== */
.hero {
    min-height: 100vh;
    background: var(--navy);
    display: flex; flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden;
    padding-top: 72px;
}
.hero-bg {
    position: absolute; inset: 0;
   /* background:
            radial-gradient(ellipse 80% 60% at 70% 50%, rgba(45,139,122,0.08) 0%, transparent 60%),
            radial-gradient(ellipse 60% 80% at 20% 80%, rgba(201,150,46,0.06) 0%, transparent 50%),
            linear-gradient(135deg, #0D1B3E 0%, #0A1530 100%);*/
    background: url(../img/bg.jpg?v=1.0) no-repeat center / cover;
}
/* Globe grid overlay */
.hero-grid {
    position: absolute; right: -5%; top: 50%; transform: translateY(-50%);
    width: 580px; height: 580px;
    border-radius: 50%;
    border: 1px solid rgba(201,150,46,0.12);
    opacity: 0.7;
    pointer-events: none;
}
.hero-grid::before {
    content: '';
    position: absolute; inset: 40px;
    border-radius: 50%;
    border: 1px solid rgba(201,150,46,0.08);
}
.hero-grid::after {
    content: '';
    position: absolute; inset: 90px;
    border-radius: 50%;
    border: 1px solid rgba(201,150,46,0.06);
}
/* Trade route lines */
.hero-lines {
    position: absolute; right: 80px; top: 50%; transform: translateY(-50%);
    width: 420px; height: 420px;
    pointer-events: none;
}
.hero-content {
    position: relative; z-index: 2;
    max-width: 1200px; margin: 0 auto; padding: 0 40px;
    display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center;
}
.hero-left { max-width: 560px; }
.hero-eyebrow {
    display: inline-flex; align-items: center; gap: 10px;
    background: rgba(201,150,46,0.12);
    border: 1px solid rgba(201,150,46,0.3);
    padding: 8px 16px;
    margin-bottom: 32px;
}
.hero-eyebrow-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--gold); animation: pulse 2s infinite; }
@keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:0.6;transform:scale(1.3)} }
.hero-eyebrow-text {
    font-size: 11px; font-weight: 600; letter-spacing: 2px;
    text-transform: uppercase; color: var(--gold);
}
.hero-wordmark {
    font-family: var(--font-display);
    font-weight: 800;
    font-size: 88px;
    color: var(--white);
    line-height: 0.9;
    letter-spacing: -2px;
    margin-bottom: 16px;
    animation: fadeUp 0.9s ease both;
}
@keyframes fadeUp { from{opacity:0;transform:translateY(30px)} to{opacity:1;transform:translateY(0)} }
.hero-tagline {
    font-family: var(--font-serif);
    font-style: italic;
    font-size: 28px;
    color: var(--gold);
    line-height: 1.3;
    margin-bottom: 24px;
    animation: fadeUp 0.9s 0.15s ease both;
}
.hero-sub {
    font-size: 16px;
    color: rgba(255,255,255,0.65);
    line-height: 1.75;
    margin-bottom: 40px;
    max-width: 460px;
    animation: fadeUp 0.9s 0.3s ease both;
}
.hero-ctas {
    display: flex; gap: 16px; flex-wrap: wrap;
    animation: fadeUp 0.9s 0.45s ease both;
}
/* Three badges row */
.hero-badges {
    display: flex; gap: 0; margin-top: 56px;
    border: 1px solid rgba(255,255,255,0.1);
    background: rgba(255,255,255,0.04);
    animation: fadeUp 0.9s 0.6s ease both;
}
.hero-badge {
    flex: 1; display: flex; flex-direction: column; align-items: center; gap: 10px;
    padding: 22px 16px;
    border-right: 1px solid rgba(255,255,255,0.1);
    transition: var(--transition);
    cursor: default;
}
.hero-badge:last-child { border-right: none; }
.hero-badge:hover { background: rgba(201,150,46,0.06); }
.badge-icon {
    width: 40px; height: 40px;
    display: flex; align-items: center; justify-content: center;
    color: var(--gold);
    font-size: 22px;
}
.badge-label {
    font-size: 12px; font-weight: 600; letter-spacing: 0.5px;
    color: var(--white); text-align: center;
}

/* Hero right — visual */
.hero-visual {
    position: relative; display: flex; align-items: center; justify-content: center;
}
.globe-container {
    position: relative; width: 440px; height: 440px;
    animation:float 6s ease-in-out infinite;
}

@keyframes float {
    0%, 100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-20px);
    }
}
.globe-ring {
    position: absolute; inset: 0;
    border-radius: 50%;
    border: 1px solid rgba(201,150,46,0.5);
    animation: spinSlow 30s linear infinite;
}

.globe-dot{
    position: absolute;
    width: 8px;
    height: 8px;
    background: rgba(45,139,122,0.7);
    border-radius: 50%;
    left: 50%;
    margin-left: -4px;
    margin-top: -4px;
    animation: orbitPulse 3s ease-in-out infinite;
}

.dot-1{
    background: var(--gold);
}

.dot-2{
    background: var(--gold);
    bottom: 0;
    margin-right: -4px;
    margin-bottom: -4px;
    animation: orbitPulse 3s ease-in-out infinite;
}

.globe-ring:nth-child(2) {
    inset: 30px; border-color: rgba(45,139,122,0.5);
    animation-duration: 20s; animation-direction: reverse;
}
.globe-ring:nth-child(3) {
    inset: 70px; border-color: rgba(201,150,46,0.5);
    animation-duration: 40s;
}
@keyframes spinSlow { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }
.globe-center {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
    width: 200px; height: 200px; border-radius: 50%;
    background: radial-gradient(circle at 40% 40%, rgba(45,139,122,0.4), rgba(13,27,62,0.9));
    border: 2px solid rgba(201,150,46,0.4);
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;
    box-shadow: 0 0 60px rgba(45,139,122,0.2), inset 0 0 40px rgba(13,27,62,0.5);
}
.globe-hk2b {
    font-family: var(--font-display);
    font-weight: 800; font-size: 36px;
    color: var(--white); letter-spacing: 2px;
}
.globe-hkd {
    font-family: var(--font-serif);
    font-style: italic; font-size: 13px;
    color: var(--gold-light); letter-spacing: 1px;
}
/* Floating route dots */
.route-dot {
    position: absolute; width: 8px; height: 8px; border-radius: 50%;
    background: var(--gold); box-shadow: 0 0 12px rgba(201,150,46,0.7);
    animation: orbitPulse 3s ease-in-out infinite;
    display: none;
}
.route-dot:nth-child(5) { top: 15%; left: 50%; animation-delay: 0s; }
.route-dot:nth-child(6) { top: 50%; right: 8%; animation-delay: 0.7s; background: var(--teal); box-shadow: 0 0 12px rgba(45,139,122,0.7); }
.route-dot:nth-child(7) { bottom: 20%; left: 20%; animation-delay: 1.4s; }
.route-dot:nth-child(8) { top: 35%; left: 10%; animation-delay: 2.1s; background: var(--teal); box-shadow: 0 0 12px rgba(45,139,122,0.7); }

@keyframes orbitPulse {
    0%, 100% {
        transform: scale(1);
        opacity: 1
    }
    50% {
        transform: scale(1.5);
        opacity: 0.6
    }
}

/* ===== TRUST BAR ===== */
.trust-bar {
    background: rgba(13,27,62,0.97);
    border-top: 1px solid rgba(201,150,46,0.2);
    border-bottom: 1px solid rgba(201,150,46,0.2);
    padding: 0;
}
.trust-bar-inner {
    max-width: 1200px; margin: 0 auto;
    display: grid; grid-template-columns: 1fr 1px 1fr 1px 1fr;
    align-items: stretch;
}
.trust-item {
    display: flex; align-items: center; gap: 16px;
    padding: 24px 40px;
    transition: var(--transition);
}
.trust-item:hover { background: rgba(201,150,46,0.05); }
.trust-divider { background: rgba(255,255,255,0.08); }
.trust-icon {
    font-size: 28px; color: var(--gold); flex-shrink: 0;
    width: 44px; height: 44px;
    display: flex; align-items: center; justify-content: center;
    background: rgba(201,150,46,0.1);
    border: 1px solid rgba(201,150,46,0.2);
}
.trust-icon-img{
    width: 70%;
}

.trust-text-label {
    font-size: 10px; font-weight: 600; letter-spacing: 2px;
    text-transform: uppercase; color: var(--gold); margin-bottom: 3px;
}
.trust-text-value {
    font-size: 13px; font-weight: 500;
    color: var(--white); line-height: 1.4;
}

/* ===== WHO ARE WE ===== */
.whoami {
    background: var(--off-white);
    padding: 120px 0;
}
.whoami-header {
    text-align: center; margin-bottom: 70px;
}
.section-title {
    font-family: var(--font-display);
    font-weight: 700; font-size: 46px;
    color: var(--navy); line-height: 1.15;
    margin-bottom: 20px;
}
.section-sub {
    font-size: 17px; color: var(--grey-400);
    max-width: 560px; margin: 0 auto;
    line-height: 1.7;
}
.pillars {
    display: grid; grid-template-columns: repeat(3,1fr); gap: 2px;
    background: var(--grey-100);
}
.pillar {
    background: var(--white);
    padding: 48px 40px;
    position: relative; overflow: hidden;
    transition: var(--transition);
}
.pillar::before {
    content: ''; position: absolute; top: 0; left: 0; right: 0;
    height: 3px; background: var(--gold);
    transform: scaleX(0); transform-origin: left;
    transition: var(--transition);
}
.pillar:hover::before { transform: scaleX(1); }
.pillar:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
.pillar-num {
    font-family: var(--font-display); font-size: 72px; font-weight: 800;
    color: var(--off-white); line-height: 1;
    position: absolute; top: 24px; right: 28px;
}
.pillar-icon {
    width: 52px; height: 52px;
    background: rgba(201,150,46,0.1); border: 1px solid rgba(201,150,46,0.25);
    display: flex; align-items: center; justify-content: center;
    font-size: 24px; color: var(--gold);
    margin-bottom: 24px;
}
.pillar h3 {
    font-family: var(--font-display); font-weight: 700; font-size: 26px;
    color: var(--navy); margin-bottom: 16px;
}
.pillar p { font-size: 15px; color: #4A5568; line-height: 1.75; }
.pillar-callout {
    margin-top: 20px; padding: 14px 18px;
    background: rgba(13,27,62,0.04);
    border-left: 3px solid var(--teal);
    font-size: 13px; font-weight: 600; color: var(--teal);
    line-height: 1.5;
}

/* ===== HK2B PRODUCT ===== */
.hk2b-section {
    background: var(--navy);
    padding: 120px 0;
    position: relative; overflow: hidden;
}
.hk2b-section::before {
    content: '';
    position: absolute; top: -200px; right: -200px;
    width: 600px; height: 600px; border-radius: 50%;
    background: radial-gradient(circle, rgba(45,139,122,0.06) 0%, transparent 70%);
    pointer-events: none;
}
.hk2b-header { text-align: center; margin-bottom: 70px; }
.hk2b-header .section-title { color: var(--white); }
.hk2b-header .section-sub { color: rgba(255,255,255,0.5); }
.hk2b-eyebrow { font-size: 11px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; color: var(--gold); margin-bottom: 16px; display: block; }
.hk2b-tagline {
    font-family: var(--font-serif); font-style: italic; font-size: 20px;
    color: rgba(255,255,255,0.6); margin-top: 16px; display: block;
}
.hk2b-cards {
    display: grid; grid-template-columns: 1fr 1fr; gap: 2px;
    background: rgba(255,255,255,0.06);
    margin-bottom: 2px;
}
.hk2b-card {
    padding: 52px 48px;
    position: relative; overflow: hidden;
    transition: var(--transition);
}
.hk2b-card.teal-card { background: var(--teal); }
.hk2b-card.gold-card { background: #1A2E0E; border: 1px solid rgba(201,150,46,0.2); background: rgba(201,150,46,0.08); }
.hk2b-card.dark-card { background: var(--navy-mid); }
.hk2b-card-badge {
    display: inline-block;
    padding: 5px 14px;
    font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;
    margin-bottom: 24px;
}
.teal-card .hk2b-card-badge { background: rgba(255,255,255,0.15); color: var(--white); }
.gold-card .hk2b-card-badge { background: var(--gold); color: var(--navy); }
.dark-card .hk2b-card-badge { background: var(--teal); color: var(--white); }
.hk2b-card h3 {
    font-family: var(--font-display); font-size: 30px; font-weight: 700;
    color: var(--white); margin-bottom: 20px; line-height: 1.2;
}
.hk2b-card .hk2b-list { list-style: none; }
.hk2b-card .hk2b-list li {
    display: flex; align-items: flex-start; gap: 10px;
    font-size: 14px; color: rgba(255,255,255,0.75);
    padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,0.08);
    line-height: 1.6;
}
.hk2b-card .hk2b-list li:last-child { border-bottom: none; }
.hk2b-card .hk2b-list li::before { content: '→'; color: var(--gold-light); flex-shrink: 0; margin-top: 2px; }
.teal-card .hk2b-list li::before { color: rgba(255,255,255,0.6); }
.hk2b-highlight {
    margin-top: 24px; padding: 16px 20px;
    background: rgba(255,255,255,0.1);
    font-size: 13px; font-weight: 600; color: var(--white);
    border-left: 3px solid rgba(255,255,255,0.4);
    line-height: 1.5;
}
.teal-card .hk2b-highlight { border-left-color: rgba(255,255,255,0.4); }
.gold-card .hk2b-highlight { border-left-color: var(--gold); color: var(--gold-light); }
.hk2b-focus-bar {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    padding: 24px 48px;
    text-align: center;
    font-family: var(--font-serif); font-style: italic; font-size: 18px;
    color: rgba(255,255,255,0.5);
    letter-spacing: 0.5px;
}
.hk2b-focus-bar strong { color: var(--gold); font-style: normal; }

/* ===== COMPARISON TABLE ===== */
.comp-section {
    background: var(--off-white);
    padding: 120px 0;
}
.comp-header { text-align: center; margin-bottom: 60px; }
.comp-intro {
    max-width: 680px; margin: 0 auto 60px;
    text-align: center;
    font-size: 16px; color: #4A5568; line-height: 1.75;
    padding: 28px 40px;
    background: var(--white);
    border-left: 4px solid var(--teal);
}
.comp-table {
    width: 100%; border-collapse: collapse;
    background: var(--white);
    box-shadow: var(--shadow-card);
    overflow: hidden;
}
.comp-table thead tr { background: var(--navy); }
.comp-table thead th {
    padding: 22px 28px;
    font-family: var(--font-sans); font-size: 13px; font-weight: 600;
    text-align: left; letter-spacing: 0.5px;
    color: rgba(255,255,255,0.6);
}
.comp-table thead th:nth-child(2) { color: var(--gold); font-size: 15px; }
.comp-table thead th:nth-child(3),
.comp-table thead th:nth-child(4) { color: rgba(255,255,255,0.4); }
.comp-table tbody tr {
    border-bottom: 1px solid var(--grey-100);
    transition: var(--transition);
}
.comp-table tbody tr:hover { background: rgba(13,27,62,0.02); }
.comp-table tbody tr:last-child { border-bottom: none; }
.comp-table td {
    padding: 20px 28px;
    font-size: 14px; color: #4A5568;
    vertical-align: top; line-height: 1.6;
}
.comp-table td:first-child {
    font-weight: 600; color: var(--navy);
    font-size: 13px; letter-spacing: 0.3px;
}
.comp-table td:nth-child(2) {
    font-weight: 500; color: var(--navy);
    background: rgba(201,150,46,0.04);
}
.check-yes { color: var(--teal); font-weight: 700; margin-right: 6px; }
.check-no { color: #CBD5E0; font-weight: 700; margin-right: 6px; }
.comp-footer-bar {
    background: var(--navy);
    padding: 20px 28px;
    font-family: var(--font-serif); font-style: italic;
    font-size: 16px; color: rgba(255,255,255,0.6);
    text-align: center;
}
.comp-footer-bar strong { color: var(--gold); font-style: normal; }

/* ===== CAPABILITIES ===== */
.capabilities-section {
    background: var(--white);
    padding: 120px 0;
}
.cap-header { text-align: center; margin-bottom: 70px; }
.cap-grid {
    display: grid; grid-template-columns: 1fr 1fr; gap: 2px;
    background: var(--grey-100);
}
.cap-card {
    background: var(--navy);
    padding: 52px 48px;
    position: relative; overflow: hidden;
    transition: var(--transition);
}
.cap-card:nth-child(odd) { background: var(--navy); }
.cap-card:nth-child(even) { background: var(--navy-mid); }
.cap-card:hover { background: var(--navy-light); }
.cap-icon-row {
    display: flex; align-items: center; gap: 16px; margin-bottom: 24px;
}
.cap-icon {
    width: 52px; height: 52px;
    background: rgba(201,150,46,0.15);
    display: flex; align-items: center; justify-content: center;
    font-size: 24px; color: var(--gold); flex-shrink: 0;
}
.cap-card h3 {
    font-family: var(--font-display); font-size: 22px; font-weight: 700;
    color: var(--gold); line-height: 1.3;
}
.cap-list { list-style: none; margin-top: 4px; }
.cap-list li {
    display: flex; align-items: flex-start; gap: 10px;
    font-size: 14px; color: rgba(255,255,255,0.65);
    padding: 9px 0; border-bottom: 1px solid rgba(255,255,255,0.06);
    line-height: 1.6;
}
.cap-list li:last-child { border-bottom: none; }
.cap-list li .li-dot { color: var(--teal); flex-shrink: 0; margin-top: 4px; font-size: 10px; }

/* ===== PARTNERS ===== */
.partners-section {
    background: var(--off-white);
    padding: 100px 0 200px;
}
.partners-header { text-align: center; margin-bottom: 60px; }
.partners-grid {
    margin-bottom: 20px;
}
.partner-block {
    background: var(--white); padding: 60px 0;
    transition: var(--transition);
}
.partner-block:hover { box-shadow: var(--shadow-card); transform: translateY(-2px); }
.partner-block-label {
    font-size: 10px; font-weight: 700; letter-spacing: 3px;
    text-transform: uppercase; color: var(--gold); margin-bottom: 20px;
    display: block;
}
.partner-logos {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;row-gap: 40px
}
.partner-logo-pill {
    display: flex; align-items: center; gap: 8px;
    padding: 9px 16px;
    /*border: 1.5px solid var(--grey-100);*/
    font-size: 14px; font-weight: 700; color: var(--navy);
    letter-spacing: 0.5px;
    /*background: var(--off-white);*/
}
.partner-logo-pill .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--teal); display: none;}
.partner-logo-pill img{
    height: 40px;
}
.partner-desc { font-size: 14px; color: #6B7280; line-height: 1.7; }
/* Transpac Capital block spans full width */
.partner-block-wide {
    background: var(--navy); padding: 44px 48px;
    display: grid; grid-template-columns: auto 1fr; gap: 40px; align-items: center;
}
.transpac-badge {
    background: var(--gold); color: var(--navy);
    padding: 12px 20px; font-weight: 800; font-size: 20px;
    font-family: var(--font-display); white-space: nowrap;
    align-self: flex-start;
}
.transpac-text h4 { font-family: var(--font-display); font-size: 22px; color: var(--gold); margin-bottom: 10px; }
.transpac-text p { font-size: 14px; color: rgba(255,255,255,0.6); line-height: 1.7; }

/* ===== HOW IT WORKS ===== */
.how-section {
    background: var(--white);
    padding: 120px 0;
}
.how-header { text-align: center; margin-bottom: 80px; }
.how-steps {
    display: grid; grid-template-columns: repeat(5,1fr);
    gap: 0; position: relative;
}
.how-step {
    padding: 0 24px; text-align: center;
    position: relative;
}
.how-step:not(:last-child)::after {
    content: ''; position: absolute;
    top: 32px; left: calc(50% + 32px); right: -24px;
    height: 1px;
    background: linear-gradient(to right, var(--gold), rgba(201,150,46,0.2));
}
/* Animated flow dot on connector line */
.how-step:not(:last-child)::before {
    content: '';
    position: absolute;
    top: 29px; left: calc(50% + 32px);
    width: 7px; height: 7px;
    border-radius: 50%;
    background: var(--gold);
    box-shadow: 0 0 8px rgba(201,150,46,0.6);
    animation: flowDot 2s ease-in-out infinite;
    z-index: 1;
}
@keyframes flowDot { 0%{left:calc(50% + 32px);opacity:0} 20%{opacity:1} 80%{opacity:1} 100%{left:calc(100% - 8px);opacity:0} }
.how-step:nth-child(2)::before { animation-delay: 0.4s; }
.how-step:nth-child(3)::before { animation-delay: 0.8s; }
.how-step:nth-child(4)::before { animation-delay: 1.2s; }

.step-num-wrap {
    width: 64px; height: 64px; border-radius: 50%;
    background: var(--navy); color: var(--white);
    display: flex; align-items: center; justify-content: center;
    margin: 0 auto 20px;
    font-family: var(--font-display); font-size: 22px; font-weight: 800;
    border: 3px solid var(--gold);
    position: relative; z-index: 1;
    transition: var(--transition);
}
.how-step:hover .step-num-wrap { background: var(--gold); color: var(--navy); }
.step-title {
    font-family: var(--font-display); font-size: 16px; font-weight: 700;
    color: var(--navy); margin-bottom: 10px; line-height: 1.3;
}
.step-desc { font-size: 13px; color: #6B7280; line-height: 1.65; }
.how-speed-bar {
    margin-top: 60px; text-align: center;
    padding: 28px 40px;
    background: var(--navy); color: var(--white);
    display: flex; align-items: center; justify-content: center; gap: 40px;
    flex-wrap: wrap;
}
.speed-item { text-align: center; }
.speed-label { font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: rgba(255,255,255,0.4); margin-bottom: 6px; }
.speed-value { font-family: var(--font-display); font-size: 28px; font-weight: 800; }
.speed-value.bad { color: rgba(255,255,255,0.3); text-decoration: line-through; text-decoration-color: rgba(255,255,255,0.2); }
.speed-value.good { color: var(--teal); }
.speed-divider { width: 1px; height: 50px; background: rgba(255,255,255,0.1); }
.speed-vs { font-family: var(--font-serif); font-style: italic; font-size: 18px; color: rgba(255,255,255,0.3); }

/* ===== INDUSTRIES ===== */
.industries-section {
    background: var(--off-white);
    padding: 120px 0;
}
.ind-header { text-align: center; margin-bottom: 60px; }
.ind-grid {
    display: grid; grid-template-columns: repeat(3,1fr); gap: 2px;
    background: var(--grey-100);
}
.ind-tile {
    /*background: var(--white); */
    /*background: url(../img/1.jpg) no-repeat center / cover;*/
    padding: 44px 36px;
    display: flex; flex-direction: column; gap: 16px;
    transition: var(--transition); cursor: pointer;
    position: relative; overflow: hidden;
}

.ind-tile:nth-child(1){
    background: url(../img/1.jpg?v=1.0) no-repeat center / cover;
}
.ind-tile:nth-child(2){
    background: url(../img/2.jpg?v=1.0) no-repeat center / cover;
}
.ind-tile:nth-child(3){
    background: url(../img/3.jpg?v=1.0) no-repeat center / cover;
}
.ind-tile:nth-child(4){
    background: url(../img/4.jpg?v=1.0) no-repeat center / cover;
}
.ind-tile:nth-child(5){
    background: url(../img/5.jpg?v=1.0) no-repeat center / cover;
}
.ind-tile:nth-child(6){
    background: url(../img/6.jpg?v=1.0) no-repeat center / cover;
}
.ind-tile::before {
    content: ''; position: absolute; bottom: 0; left: 0; right: 0;
    height: 2px; background: var(--teal);
    transform: scaleX(0); transform-origin: left;
    transition: var(--transition);
}
.ind-tile:hover { background: var(--navy); }
.ind-tile:hover::before { transform: scaleX(1); }
.ind-icon {
    font-size: 36px; transition: var(--transition);
    width: 64px; height: 64px;
    background: var(--off-white);
    /*display: flex; align-items: center; justify-content: center;*/
    border: 1px solid var(--grey-100);
    display: none;
}
.ind-tile:hover .ind-icon { background: rgba(201,150,46,0.15); border-color: rgba(201,150,46,0.3); }
.ind-name {
    font-family: var(--font-display); font-size: 20px; font-weight: 700;
    color: var(--navy); transition: var(--transition);
}
.ind-tile:hover .ind-name { color: var(--white); }
.ind-desc { font-size: 13px;
    color: #000000;
    line-height: 1.65; transition: var(--transition); }
.ind-tile:hover .ind-desc { color: rgba(255,255,255,0.55); }
.ind-arrow {
    margin-top: auto; font-size: 18px; color: var(--teal);
    transition: var(--transition); align-self: flex-start;
}
.ind-tile:hover .ind-arrow { color: var(--gold); transform: translateX(4px); }

/* ===== FAQ ===== */
.faq-section {
    background: var(--white); padding: 120px 0;
}
.faq-header { text-align: center; margin-bottom: 60px; }
.faq-grid {
    display: grid; grid-template-columns: 1fr 1fr; gap: 2px;
    background: var(--grey-100);
    max-width: 960px; margin: 0 auto;
}
.faq-item {
    background: var(--white); padding: 32px 36px;
    cursor: pointer; transition: var(--transition);
    border-left: 3px solid transparent;
}
.faq-item:hover, .faq-item.active { border-left-color: var(--gold); background: var(--off-white); }
.faq-q {
    font-family: var(--font-display); font-size: 16px; font-weight: 700;
    color: var(--navy); margin-bottom: 10px; line-height: 1.35;
    display: flex; justify-content: space-between; align-items: flex-start; gap: 12px;
}
.faq-chevron { color: var(--gold); flex-shrink: 0; transition: var(--transition); }
.faq-item.active .faq-chevron { transform: rotate(180deg); }
.faq-a {
    font-size: 13px; color: #6B7280; line-height: 1.7;
    max-height: 0; overflow: hidden; transition: max-height 0.4s ease;
}
.faq-item.active .faq-a { max-height: 200px; }

/* ===== WHY HKD ===== */
.hkd-section {
    background: var(--navy); padding: 100px 0;
    position: relative; overflow: hidden;
}
.hkd-section::before {
    content: '1983';
    position: absolute; right: -20px; top: 50%; transform: translateY(-50%);
    font-family: var(--font-display); font-size: 240px; font-weight: 800;
    color: rgba(255,255,255,0.02); line-height: 1;
    pointer-events: none;
}
.hkd-header { text-align: center; margin-bottom: 60px; }
.hkd-header .section-title { color: var(--white); }
.hkd-grid {
    display: grid; grid-template-columns: repeat(3,1fr); gap: 2px;
    background: rgba(255,255,255,0.06);
}
.hkd-card {
    background: rgba(255,255,255,0.03); padding: 44px 36px;
    transition: var(--transition);
}
.hkd-card:hover { background: rgba(201,150,46,0.06); }
.hkd-num {
    font-family: var(--font-display); font-size: 52px; font-weight: 800;
    color: var(--gold); margin-bottom: 4px; line-height: 1;
}
.hkd-numLabel { font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: var(--teal); margin-bottom: 20px; display: block; }
.hkd-card h4 { font-family: var(--font-display); font-size: 20px; color: var(--white); margin-bottom: 12px; }
.hkd-card p { font-size: 14px; color: rgba(255,255,255,0.55); line-height: 1.7; }

/* ===== ABOUT / MISSION ===== */
.about-section {
    background: var(--off-white); padding: 120px 0;
}
.about-inner {
    display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: center;
}
.about-left .section-label { margin-bottom: 12px; }
.about-left .section-title { margin-bottom: 24px; }
.about-left p {
    font-size: 16px; color: #4A5568; line-height: 1.8; margin-bottom: 20px;
}
.about-quote {
    padding: 28px 32px; border-left: 4px solid var(--gold);
    background: var(--white); margin: 32px 0;
    font-family: var(--font-serif); font-style: italic; font-size: 18px;
    color: var(--navy); line-height: 1.6;
}
.about-right {
    display: flex; flex-direction: column; gap: 2px;
}
.credential-item {
    background: var(--white); padding: 28px 32px;
    border-left: 3px solid transparent; transition: var(--transition);
}
.credential-item:hover { border-left-color: var(--teal); box-shadow: var(--shadow-card); }
.cred-label { font-size: 10px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: var(--gold); margin-bottom: 6px; }
.cred-title { font-family: var(--font-display); font-size: 18px; font-weight: 700; color: var(--navy); margin-bottom: 6px; }
.cred-body { font-size: 13px; color: #6B7280; line-height: 1.65; }

/* ===== FINAL CTA ===== */
.final-cta {
    background: var(--navy);
    padding: 120px 0;
    text-align: center;
    position: relative; overflow: hidden;
}
.final-cta::before {
    content: ''; position: absolute; inset: 0;
    background: radial-gradient(ellipse 70% 100% at 50% 100%, rgba(45,139,122,0.12), transparent);
    pointer-events: none;
}
.final-cta-title {
    font-family: var(--font-display); font-size: 54px; font-weight: 700;
    color: var(--white); margin-bottom: 16px; line-height: 1.15;
    position: relative; z-index: 1;
}
.final-cta-sub {
    font-family: var(--font-serif); font-style: italic; font-size: 20px;
    color: rgba(255,255,255,0.5); margin-bottom: 48px; max-width: 520px;
    margin-left: auto; margin-right: auto; line-height: 1.6;
    position: relative; z-index: 1;
}
.final-cta-buttons {
    display: flex; gap: 16px; justify-content: center; flex-wrap: wrap;
    position: relative; z-index: 1;
}
.final-cta-badges {
    margin-top: 60px;
    display: flex; justify-content: center; gap: 40px; flex-wrap: wrap;
    position: relative; z-index: 1;
}
.cta-badge {
    display: flex; align-items: center; gap: 10px;
    font-size: 12px; color: rgba(255,255,255,0.4);
    font-weight: 500;
}
.cta-badge-icon { width: 20px }

/* ===== FOOTER ===== */
footer {
    background: #060E21;
    border-top: 1px solid rgba(201,150,46,0.15);
    padding: 70px 0 36px;
}
.footer-top {
    display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 60px;
    margin-bottom: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid rgba(255,255,255,0.06);
}
.footer-brand .wordmark {
    font-family: var(--font-display); font-weight: 800; font-size: 32px;
    color: var(--white); margin-bottom: 6px; display: block;
    height: 40px;
}
.footer-brand .tagline-ft {
    font-family: var(--font-serif); font-style: italic; font-size: 14px;
    color: var(--gold); display: block; margin-bottom: 24px;
}
.footer-brand p { font-size: 13px; color: rgba(255,255,255,0.35); line-height: 1.7; max-width: 280px; }
.footer-hkma {
    margin-top: 24px; padding: 14px 16px;
    border: 1px solid rgba(201,150,46,0.2);
    background: rgba(201,150,46,0.05);
}
.footer-hkma-label { font-size: 9px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--gold); margin-bottom: 4px; }
.footer-hkma-text { font-size: 11px; color: rgba(255,255,255,0.45); line-height: 1.5; }
.footer-col h5 {
    font-size: 11px; font-weight: 700; letter-spacing: 2px;
    text-transform: uppercase; color: var(--gold);
    margin-bottom: 20px;
}
.footer-col ul { list-style: none; }
.footer-col ul li { margin-bottom: 10px; }
.footer-col ul li a {
    font-size: 13px; color: rgba(255,255,255,0.4);
    transition: var(--transition);
}
.footer-col ul li a:hover { color: var(--white); padding-left: 4px; }
.footer-bottom {
    display: flex; justify-content: space-between; align-items: center;
    flex-wrap: wrap; gap: 20px;
}
.footer-legal { font-size: 12px; color: rgba(255,255,255,0.2); line-height: 1.6; max-width: 600px; }
.footer-lang {
    display: flex; gap: 4px;
    font-size: 11px; font-weight: 500;
    color: rgba(255,255,255,0.3);
}
.footer-lang span { cursor: pointer; padding: 4px 10px; border: 1px solid rgba(255,255,255,0.08); transition: var(--transition); }
.footer-lang span.active,span:hover { color: var(--gold); border-color: rgba(201,150,46,0.3); }
.footer-custodians {
    margin-top: 28px; padding-top: 24px;
    border-top: 1px solid rgba(255,255,255,0.04);
    display: flex; align-items: center; gap: 20px;
    flex-wrap: wrap;
}
.custodian-label { font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: rgba(255,255,255,0.2); }
.custodian-pill {
    display: flex; align-items: center; gap: 8px;
    padding: 6px 14px; border: 1px solid rgba(255,255,255,0.08);
    font-size: 12px; font-weight: 700; color: rgba(255,255,255,0.35);
    letter-spacing: 0.5px;
}
.custodian-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--teal); }

/* ===== ANIMATIONS ===== */
.reveal {
    opacity: 0; transform: translateY(24px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}
.reveal.visible { opacity: 1; transform: none; }
.reveal-delay-1 { transition-delay: 0.1s; }
.reveal-delay-2 { transition-delay: 0.2s; }
.reveal-delay-3 { transition-delay: 0.3s; }
.reveal-delay-4 { transition-delay: 0.4s; margin-top: 50px; }

/* ===== SCROLLBAR ===== */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--navy); }
::-webkit-scrollbar-thumb { background: var(--gold); border-radius: 3px; }

/* ===== RESPONSIVE (basic) ===== */
/*  @media (max-width: 900px) {
    .hero-content { grid-template-columns: 1fr; }
    .hero-visual { display: none; }
    .hero-wordmark { font-size: 64px; }
    .section-title { font-size: 36px; }
    .pillars, .hk2b-cards, .cap-grid, .partners-grid, .hkd-grid, .ind-grid { grid-template-columns: 1fr; }
    .about-inner { grid-template-columns: 1fr; gap: 40px; }
    .how-steps { grid-template-columns: 1fr 1fr; }
    .how-step::after { display: none; }
    .trust-bar-inner { grid-template-columns: 1fr; }
    .trust-divider { display: none; }
    .trust-item { border-bottom: 1px solid rgba(255,255,255,0.06); }
    .footer-top { grid-template-columns: 1fr 1fr; }
    .faq-grid { grid-template-columns: 1fr; }
    .container { padding: 0 20px; }
  }*/
/* ===== RESPONSIVE (optimized) ===== */
@media (max-width: 900px) {
    /* 基础容器与间距重置 */
    .container {
        padding: 0 20px;
    }
    .nav-inner {
        padding: 0 20px;
        height: 64px; /* 降低导航栏高度适配移动端 */
    }

    /* 导航栏适配 - 隐藏PC端导航链接，简化右侧元素 */
    .nav-pc {
        display: none; /* 移动端隐藏导航列表，建议后续补充汉堡菜单逻辑 */
    }
    .nav-right {
        gap: 12px;
    }
    .nav-cta {
        padding: 8px 16px;
        font-size: 12px;
    }
    .lang-toggle {
        font-size: 10px;
    }

    /* 英雄区适配 */
    .hero {
        min-height: 85vh; /* 降低最小高度适配移动端视口 */
        padding-top: 64px; /* 匹配导航栏高度 */
    }
    .hero-content {
        grid-template-columns: 1fr;
        gap: 40px; /* 减小内部间距 */
        padding: 0 20px;
    }
    .hero-visual {
        display: none;
    }
    .hero-wordmark {
        font-size: 52px; /* 进一步优化字体大小 */
        letter-spacing: -1px;
    }
    .hero-tagline {
        font-size: 24px;
    }
    .hero-sub {
        font-size: 15px;
        margin-bottom: 32px;
    }
    .hero-ctas {
        flex-direction: column; /* 按钮垂直排列 */
        gap: 12px;
    }
    .hero-badges {
        margin-top: 40px;
        flex-direction: column; /* 徽章垂直排列 */
    }
    .hero-badge {
        border-right: none;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        padding: 16px 12px;
    }
    .hero-badge:last-child {
        border-bottom: none;
    }

    /* 通用标题与间距适配 */
    .section-title {
        font-size: 32px;
        line-height: 1.2;
    }
    .section-sub {
        font-size: 16px;
        padding: 0 10px;
    }

    .partners-section {
        padding: 100px 0;
    }

    /* 区块布局重置 - 统一改为单列 */
    .pillars, .hk2b-cards, .cap-grid, .partners-grid, .hkd-grid, .ind-grid {
        grid-template-columns: 1fr;
        gap: 16px; /* 增加区块间距提升可读性 */
    }
    .partner-logos {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .about-inner {
        grid-template-columns: 1fr;
        gap: 40px;
        padding: 0 20px;
    }

    /* 步骤流程适配 */
    .how-steps {
        grid-template-columns: 1fr; /* 步骤改为单列 */
        gap: 32px;
    }
    .how-step {
        padding: 0 10px;
    }
    .how-step:not(:last-child)::after {
        display: none;
    }
    .how-speed-bar {
        flex-direction: column;
        gap: 20px;
        padding: 20px 16px;
    }
    .speed-divider {
        width: 50px;
        height: 1px;
    }
    .speed-item {
        width: 100%;
    }

    /* 信任栏适配 */
    .trust-bar-inner {
        grid-template-columns: 1fr;
    }
    .trust-divider {
        display: none;
    }
    .trust-item {
        border-bottom: 1px solid rgba(255,255,255,0.06);
        padding: 18px 20px;
        gap: 12px;
    }
    .trust-icon {
        font-size: 24px;
        width: 36px;
        height: 36px;
    }
    .trust-text-value {
        font-size: 12px;
    }

    /* 卡片类元素适配 */
    .pillar, .hk2b-card, .cap-card, .partner-block, .hkd-card, .ind-tile {
        padding: 32px 24px; /* 减小内边距适配移动端 */
    }
    .partner-block-wide {
        grid-template-columns: 1fr; /* 合作伙伴宽卡片改为单列 */
        gap: 20px;
        padding: 24px 20px;
    }
    .transpac-badge {
        align-self: center;
        width: 100%;
        text-align: center;
    }

    /* FAQ适配 */
    .faq-grid {
        grid-template-columns: 1fr;
        gap: 8px;
    }
    .faq-item {
        padding: 24px 20px;
    }

    /* 最终CTA适配 */
    .final-cta-title {
        font-size: 40px;
    }
    .final-cta-sub {
        font-size: 18px;
        padding: 0 20px;
    }
    .final-cta-buttons {
        flex-direction: column;
        align-items: center;
    }
    .final-cta-badges {
        gap: 20px;
        flex-direction: column;
        align-items: center;
    }

    /* 页脚适配 */
    .footer-top {
        grid-template-columns: 1fr;
        gap: 40px;
        padding: 0 20px;
    }
    .footer-bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        padding: 0 20px;
    }
    .footer-legal {
        font-size: 11px;
    }
    .footer-custodians {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    /* 按钮适配 */
    .btn-primary, .btn-outline, .btn-outline-dark {
        width: 100%; /* 移动端按钮全屏宽 */
        justify-content: center;
        padding: 12px 20px;
        font-size: 14px;
    }

    /* 对比表格适配（关键优化） */
    .comp-table {
        overflow-x: auto; /* 表格横向滚动 */
        display: block;
    }
    .comp-table thead th {
        padding: 16px 12px;
        font-size: 12px;
    }
    .comp-table td {
        padding: 16px 12px;
        font-size: 13px;
    }

    /* HKD区块适配 */
    .hkd-section::before {
        font-size: 120px;
        right: -10px;
        top: 20%;
    }
    .hkd-num {
        font-size: 40px;
    }

    /* 关于我们区块适配 */
    .about-quote {
        padding: 20px 16px;
        font-size: 16px;
    }
    .credential-item {
        padding: 20px 16px;
    }

    /* 基础容器与间距重置 */
    .container {
        padding: 0 20px;
    }
    .nav-inner {
        padding: 0 20px;
        height: 64px; /* 降低导航栏高度适配移动端 */
    }

    /* ===== 汉堡菜单样式 ===== */
    .hamburger {
        display: block;
        position: relative;
        width: 32px;
        height: 24px;
        background: transparent;
        border: none;
        cursor: pointer;
        z-index: 1001;
    }

    .hamburger-line {
        position: absolute;
        left: 0;
        width: 100%;
        height: 2px;
        background: var(--gold);
        border-radius: 1px;
        transition: var(--transition);
    }

    .hamburger-line:nth-child(1) { top: 0; }
    .hamburger-line:nth-child(2) { top: 50%; transform: translateY(-50%); }
    .hamburger-line:nth-child(3) { bottom: 0; }

    /* 汉堡按钮激活态（变叉） */
    .hamburger.active .hamburger-line:nth-child(1) {
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
    }
    .hamburger.active .hamburger-line:nth-child(2) {
        opacity: 0;
    }
    .hamburger.active .hamburger-line:nth-child(3) {
        bottom: 50%;
        transform: translateY(50%) rotate(-45deg);
    }

    /* ===== 移动端导航容器 ===== */
    .mobile-nav-wrapper {
        position: fixed;
        top: 0;
        right: 0;
        width: 85%;
        max-width: 320px;
        height: 100vh;
        background: var(--navy);
        z-index: 1000;
        padding: 80px 30px 40px;
        transform: translateX(100%);
        transition: transform 0.4s cubic-bezier(0.4,0,0.2,1);
        overflow-y: auto;
        border-left: 1px solid rgba(201,150,46,0.2);
    }

    /* 导航展开态 */
    .mobile-nav-wrapper.active {
        transform: translateX(0);
    }

    /* 移动端导航链接样式重置 */
    .mobile-nav-wrapper .nav-links {
        flex-direction: column;
        gap: 0;
        align-items: flex-start;
    }

    .mobile-nav-wrapper .nav-links li {
        width: 100%;
        margin-bottom: 16px;
    }

    .mobile-nav-wrapper .nav-links a {
        display: block;
        font-size: 16px;
        padding: 12px 0;
        color: var(--white);
    }

    .mobile-nav-wrapper .nav-links a::after {
        display: none; /* 隐藏原有下划线动画 */
    }

    .mobile-nav-wrapper .nav-links a:hover {
        color: var(--gold);
    }

    /* 移动端额外内容（语言+CTA） */
    .mobile-nav-extra {
        margin-top: 40px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding-top: 20px;
        border-top: 1px solid rgba(255,255,255,0.1);
    }

    .mobile-nav-extra .lang-toggle {
        display: flex;
        gap: 8px;
        font-size: 14px;
    }

    .mobile-nav-extra .nav-cta {
        width: 100%;
        text-align: center;
        padding: 14px;
        font-size: 16px;
    }

    /* 隐藏桌面端右侧内容（语言+CTA） */
    .nav-right {
        display: none;
    }

    /* 原有响应式样式保留 */
    .hero-content { grid-template-columns: 1fr; }
    .hero-visual { display: none; }
    .hero-wordmark { font-size: 64px; }
    .section-title { font-size: 36px; }
    .pillars, .hk2b-cards, .cap-grid, .partners-grid, .hkd-grid, .ind-grid { grid-template-columns: 1fr; }
    .about-inner { grid-template-columns: 1fr; gap: 40px; }
    .how-steps { grid-template-columns: 1fr 1fr; }
    .how-step::after { display: none; }
    .trust-bar-inner { grid-template-columns: 1fr; }
    .trust-divider { display: none; }
    .trust-item { border-bottom: 1px solid rgba(255,255,255,0.06); }
    .footer-top { grid-template-columns: 1fr 1fr; }
    .faq-grid { grid-template-columns: 1fr; }
}

/* 桌面端隐藏汉堡按钮和移动端导航 */
@media (min-width: 901px) {
    .hamburger, .mobile-nav-wrapper {
        display: none !important;
    }
}


.logo{
    width: 170px;
}