/* ============================================================================
   DT ALPHA — v7.2 DESIGN LAYER (27 Oct 2026) · "Midnight & Gold"
   Loads after styles.css. Brand palette v2 only: Purple #563896 · Dark #1A0F35 ·
   Mid #3A2570 · Light #7B5BBE · Gold #C59C56 · Gold-light #E8C97A · Off-white #F8F6FC ·
   Card #EDE8F5 · Card-border #D8CEEE · Muted #6B5F8A · Muted-light #9B8FBB.
   GoDaddy-safe: hex (or transparent) in every gradient, no var(), no backdrop-filter,
   no mask-image, -webkit- prefixes on flex, transform and transition.
   ========================================================================== */

/* ── Type and rhythm ──────────────────────────────────────────────────────── */
.x-body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
.x-h1 { font-size: 60px; letter-spacing: -0.022em; }
.x-h2 { font-size: 40px; letter-spacing: -0.015em; }
.x-sec .x-h2::after, .x-sec--tight .x-h2::after { content: ''; display: block; width: 46px; height: 3px; border-radius: 2px; background: #C59C56; margin-top: 16px; }
.x-head--wide .x-h2::after, .v-noline .x-h2::after { display: none; }
.x-kicker { letter-spacing: .02em; }
@media (max-width: 900px) { .x-h1 { font-size: 42px; } .x-h2 { font-size: 31px; } }
@media (max-width: 480px) { .x-h1 { font-size: 35px; } .x-h2 { font-size: 27px; } }

/* ── Navigation: lifts on scroll ──────────────────────────────────────────── */
.x-nav { -webkit-transition: box-shadow .25s ease, border-color .25s ease; transition: box-shadow .25s ease, border-color .25s ease; }
.x-nav.v-scrolled { box-shadow: 0 8px 28px rgba(26,15,53,0.10); border-bottom-color: #DED6EF; }
.x-links .x-btn { background-color: #563896; background-image: linear-gradient(135deg, #6A46B0 0%, #563896 55%, #3A2570 100%); box-shadow: 0 6px 16px rgba(86,56,150,0.28); }
.x-links .x-btn:hover { box-shadow: 0 8px 22px rgba(86,56,150,0.38); }

/* ── Buttons ──────────────────────────────────────────────────────────────── */
.x-btn { -webkit-transition: background-color .2s ease, box-shadow .2s ease, -webkit-transform .2s ease; transition: background-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.x-btn:hover { -webkit-transform: translateY(-1px); transform: translateY(-1px); }
.x-btn:active { -webkit-transform: translateY(0); transform: translateY(0); }
.x-btn--gold { background: #C59C56; color: #1A0F35 !important; }
.x-btn--gold:hover { background: #E8C97A; color: #1A0F35 !important; }

/* ── Hero bands: midnight with a quiet grid and two glows ─────────────────── */
.x-hero { position: relative; overflow: hidden; color: #FFFFFF; border-bottom: 0; padding-top: 64px; padding-bottom: 76px;
  background-color: #1A0F35;
  background-image:
    radial-gradient(900px 460px at 88% -12%, #563896 0%, transparent 62%),
    radial-gradient(760px 420px at -8% 112%, #3A2570 0%, transparent 64%),
    linear-gradient(#24164A 1px, transparent 1px),
    linear-gradient(90deg, #24164A 1px, transparent 1px),
    linear-gradient(180deg, #1A0F35 0%, #1F1240 100%);
  background-size: auto, auto, 46px 46px, 46px 46px, auto;
  background-position: 0 0, 0 0, -1px -1px, -1px -1px, 0 0; }
.x-hero::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, #1A0F35 0%, #C59C56 30%, #E8C97A 50%, #C59C56 70%, #1A0F35 100%); }
.x-hero .x-wrap { position: relative; z-index: 1; }
.x-hero .x-h1 { color: #FFFFFF; }
.x-hero .x-h1 em, .x-hero .v-gold { font-style: normal; color: #E8C97A; }
.x-hero .x-kicker { color: #E8C97A; }
.x-hero .x-lede { color: #D8CEEE; }
.x-hero .x-checks { color: #EDE8F5; }
.x-hero .x-checks li::before { color: #E8C97A; }
.x-hero .x-small, .x-hero .x-muted { color: #B9AEDA !important; }
.x-hero .x-trustline { color: #C9BFE4; }
.x-hero .x-trustline span { background: #251650; border: 1px solid #3A2570; border-radius: 999px; padding: 6px 12px 6px 10px; }
.x-hero .x-trustline b { color: #E8C97A; }
.x-hero .x-btn { background: #C59C56; color: #1A0F35 !important; box-shadow: 0 10px 26px rgba(197,156,86,0.28); }
.x-hero .x-btn:hover { background: #E8C97A; color: #1A0F35 !important; }
.x-hero .x-btn--line { background: transparent; color: #FFFFFF !important; border: 1px solid #7B5BBE; box-shadow: none; }
.x-hero .x-btn--line:hover { background: #2A1A58; border-color: #E8C97A; color: #FFFFFF !important; }
.x-hero .x-btn--wa { background: #1E7F4F; color: #FFFFFF !important; box-shadow: 0 10px 26px rgba(30,127,79,0.25); }
.x-hero .x-btn--wa:hover { background: #17673F; color: #FFFFFF !important; }
.x-hero .x-switch a { background: transparent; border-color: #4A3384; color: #D8CEEE !important; }
.x-hero .x-switch a:hover { border-color: #E8C97A; color: #FFFFFF !important; }
.x-hero .x-switch a[aria-current="page"] { background: #C59C56; border-color: #C59C56; color: #1A0F35 !important; }
.x-hero a:not(.x-btn):not(.x-door):not([class*="x-switch"]) { color: #E8C97A; }
.x-hero .x-tool, .x-hero .x-map, .x-hero .x-door { box-shadow: 0 24px 60px rgba(8,4,20,0.45); }
.x-hero .x-tool a, .x-hero .x-map a, .x-hero .x-door a { color: #563896; }
.x-hero .x-tool { border-color: #3A2570; }
.x-hero .x-map { border-color: #3A2570; }

/* ── Home: full-width track doors under the hero copy (GA4: 1 door click vs 61 nav clicks) ── */
body[data-page="home"] .x-hero-grid { display: block; }
body[data-page="home"] .x-hero-grid > div:first-child { max-width: 820px; }
body[data-page="home"] .x-doors { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 40px; }
body[data-page="home"] .x-door { grid-template-columns: minmax(0, 1fr); -webkit-align-items: stretch; align-items: stretch; padding: 24px; border-radius: 20px; border: 1px solid #3A2570; -webkit-transition: -webkit-transform .25s ease, box-shadow .25s ease, border-color .25s ease; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
body[data-page="home"] .x-door:hover { -webkit-transform: translateY(-4px); transform: translateY(-4px); border-color: #C59C56; box-shadow: 0 30px 70px rgba(8,4,20,0.55); }
body[data-page="home"] .x-door-title { font-size: 25px; }
body[data-page="home"] .x-door-go { display: inline-block; margin-top: 6px; background: #563896; color: #FFFFFF; border-radius: 10px; padding: 10px 14px; font-size: 14px; }
body[data-page="home"] .x-door:hover .x-door-go { background: #3A2570; }
body[data-page="home"] .x-door { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; }
body[data-page="home"] .x-door-inst { margin-top: auto; }
body[data-page="home"] .x-door > div:first-of-type { margin-bottom: 16px; }
body[data-page="home"] .x-door.is-picked { border-color: #C59C56; }
@media (max-width: 980px) { body[data-page="home"] .x-doors { grid-template-columns: minmax(0, 1fr); } }

/* ── Sections and cards ───────────────────────────────────────────────────── */
.x-white { border-color: #EEE9F7; }
.x-card, .x-line, .x-fcard, .x-tr-card, .x-tr-syn, .x-stab { -webkit-transition: -webkit-transform .22s ease, box-shadow .22s ease, border-color .22s ease; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.x-card:hover, .x-line:hover, .x-tr-card:hover, .x-tr-syn:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 18px 44px rgba(26,15,53,0.10); border-color: #C9BCE8; }
.x-card { border-radius: 18px; box-shadow: 0 1px 0 #EEE9F7; }
.x-line--lead { border-top: 4px solid #C59C56; }
.x-stats .x-stat { background: #FFFFFF; border: 1px solid #E6E0F2; border-top: 3px solid #C59C56; border-radius: 14px; padding: 16px 16px 14px; }
.x-stat b { font-size: 32px; letter-spacing: -0.01em; }
.x-ramp { box-shadow: 0 16px 40px rgba(26,15,53,0.06); }
.x-ramp li::before { background: #563896 !important; color: #FFFFFF !important; }
.x-faq details { -webkit-transition: border-color .2s ease; transition: border-color .2s ease; }
.x-faq details[open] { border-color: #C59C56; }
.x-tool { border-radius: 20px; }
.x-opt { -webkit-transition: border-color .15s ease, background-color .15s ease, -webkit-transform .15s ease; transition: border-color .15s ease, background-color .15s ease, transform .15s ease; }
.x-opt:hover { -webkit-transform: translateX(2px); transform: translateX(2px); }

/* ── Footer: midnight ─────────────────────────────────────────────────────── */
.x-foot { background: #140B2B; color: #B9AEDA; border-top: 0; }
.x-foot h4 { color: #E8C97A; }
.x-foot a { color: #D8CEEE !important; }
.x-foot a:hover { color: #FFFFFF !important; }
.x-foot .x-logo { color: #FFFFFF !important; }
.x-foot-legal { border-top-color: #2A1A58; color: #9B8FBB; }

/* ── Partner strip ────────────────────────────────────────────────────────── */
.v-partners { background: #FFFFFF; border-top: 1px solid #EEE9F7; border-bottom: 1px solid #EEE9F7; padding: 34px 0 30px; }
.v-partners-head { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: baseline; align-items: baseline; -webkit-justify-content: space-between; justify-content: space-between; gap: 6px 20px; margin-bottom: 18px; }
.v-partners-head b { font-family: 'Fraunces', Georgia, serif; font-weight: 500; font-size: 22px; color: #1A0F35; }
.v-partners-head span { font-size: 13.5px; color: #6B5F8A; }
.v-partner-row { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; }
.v-partner { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; gap: 10px; text-align: center; background: #FFFFFF; border: 1px solid #E6E0F2; border-radius: 14px; padding: 16px 10px 12px; box-shadow: 0 1px 0 #EEE9F7; min-width: 0; }
.v-partner-logo { height: 52px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; width: 100%; }
.v-partner img { max-height: 34px; max-width: 100%; width: auto; height: auto; display: block; -webkit-filter: grayscale(1) contrast(1.05); filter: grayscale(1) contrast(1.05); opacity: .78; -webkit-transition: -webkit-filter .25s ease, opacity .25s ease; transition: filter .25s ease, opacity .25s ease; }
.v-partner:hover img, .v-partner:focus-within img { -webkit-filter: none; filter: none; opacity: 1; }
.v-partner[data-partner="bluscout"] img { max-height: 52px; }
.v-partner small { font-size: 11.5px; line-height: 1.35; color: #6B5F8A; }
@media (max-width: 980px) { .v-partner-row { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 520px) { .v-partner-row { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* ── Inline first question (hero quick check) ─────────────────────────────── */
.v-quick { margin-top: 26px; background: #FFFFFF; color: #1A0F35; border: 1px solid #3A2570; border-radius: 18px; padding: 16px 18px 18px; box-shadow: 0 20px 50px rgba(8,4,20,0.40); max-width: 620px; }
.v-quick-top { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; gap: 10px; font-size: 12.5px; font-weight: 700; color: #563896; margin-bottom: 6px; }
.v-quick-top span:last-child { color: #8A6A2E; font-family: 'IBM Plex Mono', monospace; font-weight: 500; }
.v-quick-q { font-family: 'Fraunces', Georgia, serif; font-size: 19px; line-height: 1.25; margin: 0 0 12px; color: #1A0F35; }
.v-quick-opts { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; }
.v-quick-opts button { font: inherit; font-size: 13.5px; font-weight: 600; color: #3A2570; background: #F3EFFB; border: 1px solid #DED6EF; border-radius: 999px; padding: 8px 13px; cursor: pointer; -webkit-transition: background-color .15s ease, border-color .15s ease, color .15s ease; transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
.v-quick-opts button:hover, .v-quick-opts button:focus-visible { background: #563896; border-color: #563896; color: #FFFFFF; }
.v-quick-note { margin: 10px 0 0; font-size: 12px; color: #6B5F8A; }

/* ── Dated market clocks (institutions) ───────────────────────────────────── */
.v-clocks { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.v-clock { background: #FFFFFF; border: 1px solid #DED6EF; border-radius: 18px; padding: 22px; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; gap: 8px; min-width: 0; }
.v-clock-top { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; gap: 10px; }
.v-clock-flag { font-family: 'IBM Plex Mono', monospace; font-size: 11.5px; letter-spacing: .06em; text-transform: uppercase; color: #8A6A2E; font-weight: 600; }
.v-clock-date { font-family: 'IBM Plex Mono', monospace; font-size: 12px; background: #1A0F35; color: #E8C97A; border-radius: 999px; padding: 4px 10px; white-space: nowrap; }
.v-clock h3 { margin: 0; font-size: 17px; line-height: 1.3; color: #1A0F35; }
.v-clock p { margin: 0; font-size: 14px; color: #3A2E58; }
.v-clock .v-src { margin-top: auto; padding-top: 8px; font-size: 12px; color: #6B5F8A; }
.v-clock .v-src a { color: #563896; }
@media (max-width: 900px) { .v-clocks { grid-template-columns: minmax(0, 1fr); } }

/* ── Financial-crime row in the security stack ────────────────────────────── */
.v-fincrime { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 22px; background: #1A0F35; border-color: #3A2570; color: #FFFFFF; background-image: radial-gradient(520px 260px at 100% 0%, #3A2570 0%, transparent 70%); }
.v-fincrime h3 { color: #FFFFFF; font-size: 20px; }
.v-fincrime p { color: #D8CEEE; }
.v-fincrime .x-maps { color: #B9AEDA; }
.v-fincrime ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.v-fincrime li { background: #251650; border: 1px solid #3A2570; border-radius: 12px; padding: 10px 12px; font-size: 14px; color: #EDE8F5; }
.v-fincrime li b { color: #E8C97A; font-weight: 600; }
.v-fincrime .x-chips span { background: #2A1A58; color: #E8C97A; }
.v-fincrime:hover { border-color: #C59C56; }
@media (max-width: 900px) { .v-fincrime { grid-template-columns: minmax(0, 1fr); } }

/* ── Listed-SME block (india) ─────────────────────────────────────────────── */
.v-listed { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.v-listed .x-card { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; gap: 8px; border-top: 4px solid #563896; }
.v-listed .x-card:first-child { border-top-color: #C59C56; }
.v-listed .v-when { font-family: 'IBM Plex Mono', monospace; font-size: 12px; color: #8A6A2E; font-weight: 600; }
.v-listed .x-card .x-actions { margin-top: auto; padding-top: 8px; }
.v-listed-band { margin-top: 18px; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; gap: 12px 18px; background: #1A0F35; color: #EDE8F5; border-radius: 16px; padding: 16px 20px; }
.v-listed-band p { margin: 0; -webkit-flex: 1 1 320px; flex: 1 1 320px; font-size: 14.5px; }
.v-listed-band b { color: #E8C97A; }
@media (max-width: 1080px) { .v-listed { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .v-listed { grid-template-columns: minmax(0, 1fr); } }

/* ── Inline sample request (replaces the retired pop-up) ──────────────────── */
.v-sample { margin-top: 22px; background: #FFFFFF; border: 1px dashed #C9BCE8; border-radius: 16px; padding: 16px 18px; }
.v-sample h4 { margin: 0 0 4px; font-size: 15.5px; color: #1A0F35; }
.v-sample p { margin: 0 0 10px; font-size: 13.5px; color: #6B5F8A; }
.v-sample form { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; }
.v-sample select, .v-sample button { grid-column: 1 / -1; }
.v-sample .x-msg-ok { display: block; margin: 0; }
@media (max-width: 480px) { .v-sample form { grid-template-columns: minmax(0, 1fr); } }

/* ── Hero demo end card (booking on the completion frame) ─────────────────── */
.v-endcard { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 8; display: none; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; background: #1A0F35; background-image: radial-gradient(420px 220px at 50% 0%, #3A2570 0%, transparent 70%); text-align: center; padding: 18px; border-radius: 12px; }
.v-endcard.show { display: -webkit-flex; display: flex; }
.v-endcard-in { max-width: 380px; }
.v-endcard-in p { margin: 0 0 4px; font-family: 'IBM Plex Mono', monospace; font-size: 10.5px; letter-spacing: .12em; color: #C59C56; }
.v-endcard-in h4 { margin: 0 0 14px; font-family: 'Fraunces', Georgia, serif; font-weight: 500; font-size: 22px; line-height: 1.2; color: #FFFFFF; }
.v-endcard .x-actions { -webkit-justify-content: center; justify-content: center; }
.v-endcard .x-btn--sm { padding: 10px 14px; }
.v-endcard-x { margin-top: 12px; background: none; border: 0; color: #B9AEDA; font: inherit; font-size: 12px; cursor: pointer; text-decoration: underline; }

/* ── Internal-traffic badge (Venkat's own devices only) ───────────────────── */
.v-internal { position: fixed; left: 10px; bottom: 10px; z-index: 90; background: #1A0F35; color: #E8C97A; font: 600 11px 'IBM Plex Mono', monospace; padding: 5px 9px; border-radius: 6px; border: 1px solid #C59C56; opacity: .9; }
@media (max-width: 760px) { .v-internal { bottom: 78px; } }

/* ── Reveal on scroll (added by v72.js only, so content shows without JS) ─── */
.v-reveal { opacity: 0; -webkit-transform: translateY(18px); transform: translateY(18px); -webkit-transition: opacity .6s ease, -webkit-transform .6s ease; transition: opacity .6s ease, transform .6s ease; }
.v-reveal.is-in { opacity: 1; -webkit-transform: none; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .v-reveal { opacity: 1; -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; }
  .x-card:hover, .x-line:hover, .x-tr-card:hover, .x-tr-syn:hover, body[data-page="home"] .x-door:hover, .x-btn:hover, .x-opt:hover { -webkit-transform: none; transform: none; }
}

/* ============================================================================
   /connect — the Signal Engine landing (one screen)
   ========================================================================== */
body[data-page="connect"] { background: #1A0F35; }
.v-cn-top { position: relative; z-index: 2; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; height: 64px; }
.v-cn-top .x-logo { color: #FFFFFF !important; }
.v-cn-top a.v-cn-site { color: #D8CEEE !important; font-size: 14px; font-weight: 600; border: 1px solid #4A3384; border-radius: 999px; padding: 7px 13px; text-decoration: none; }
.v-cn-top a.v-cn-site:hover { border-color: #E8C97A; color: #FFFFFF !important; }
.v-cn { min-height: 100vh; min-height: 100svh; padding: 0 0 36px; }
.v-cn-main { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 44px; -webkit-align-items: center; align-items: center; padding-top: 28px; }
.v-cn .x-kicker { color: #E8C97A; }
.v-cn h1 { font-family: 'Fraunces', Georgia, serif; font-weight: 500; font-size: 50px; line-height: 1.06; letter-spacing: -0.02em; margin: 0; color: #FFFFFF; text-wrap: balance; }
.v-cn .v-cn-sub { color: #D8CEEE; font-size: 18px; line-height: 1.6; margin: 18px 0 0; max-width: 54ch; }
.v-cn-date { display: inline-block; margin-top: 18px; font-family: 'IBM Plex Mono', monospace; font-size: 12.5px; color: #1A0F35; background: #E8C97A; border-radius: 999px; padding: 5px 12px; }
.v-cn-proof { margin-top: 22px; display: -webkit-flex; display: flex; gap: 12px; -webkit-align-items: flex-start; align-items: flex-start; color: #C9BFE4; font-size: 14px; max-width: 56ch; }
.v-cn-proof i { -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 9px; height: 9px; border-radius: 50%; background: #C59C56; margin-top: 7px; }
.v-cn-card { background: #FFFFFF; color: #1A0F35; border-radius: 22px; padding: 22px; box-shadow: 0 30px 80px rgba(8,4,20,0.5); border: 1px solid #3A2570; }
.v-cn-card h2 { font-family: 'Fraunces', Georgia, serif; font-weight: 500; font-size: 22px; margin: 0 0 4px; color: #1A0F35; }
.v-cn-card > p { margin: 0 0 14px; font-size: 14px; color: #6B5F8A; }
.v-cn-act { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 12px; -webkit-align-items: center; align-items: center; border: 1px solid #E6E0F2; border-radius: 16px; padding: 14px; margin-top: 10px; background: #F8F6FC; color: #1A0F35 !important; text-decoration: none; -webkit-transition: border-color .2s ease, -webkit-transform .2s ease, box-shadow .2s ease; transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.v-cn-act:hover { border-color: #563896; -webkit-transform: translateY(-2px); transform: translateY(-2px); box-shadow: 0 12px 28px rgba(26,15,53,0.12); }
.v-cn-ico { width: 44px; height: 44px; border-radius: 12px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; font-weight: 700; font-size: 18px; color: #FFFFFF; background: #563896; }
.v-cn-ico--gold { background: #C59C56; color: #1A0F35; }
.v-cn-ico--wa { background: #1E7F4F; }
.v-cn-act b { display: block; font-size: 15.5px; }
.v-cn-act > span:last-child > span { display: block; font-size: 13px; color: #6B5F8A; margin-top: 1px; }
.v-cn-act > span:last-child > span.v-cn-mail { display: -webkit-flex; display: flex; }
.v-cn-mail { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; gap: 8px; margin-top: 6px; }
.v-cn-mail code { font-family: 'IBM Plex Mono', monospace; font-size: 14px; background: #FFFFFF; border: 1px solid #DED6EF; border-radius: 8px; padding: 5px 9px; color: #1A0F35; -webkit-user-select: all; user-select: all; }
.v-cn-copy { font: inherit; font-size: 12.5px; font-weight: 700; color: #563896; background: #EDE8F5; border: 0; border-radius: 8px; padding: 6px 10px; cursor: pointer; }
.v-cn-copy.ok { background: #E4F5EE; color: #17775A; }
.v-cn-sample { margin-top: 14px; display: block; border-radius: 14px; padding: 12px 14px; background: #1A0F35; color: #EDE8F5 !important; text-decoration: none; font-size: 14px; }
.v-cn-sample b { color: #E8C97A; }
.v-cn-foot { margin-top: 34px; border-top: 1px solid #2A1A58; padding-top: 18px; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 8px 20px; -webkit-justify-content: space-between; justify-content: space-between; font-size: 12.5px; color: #9B8FBB; }
.v-cn-foot a { color: #D8CEEE !important; }
.v-cn .v-partners { background: transparent; border: 0; padding: 26px 0 0; }
.v-cn .v-partners-head b { color: #FFFFFF; font-size: 18px; }
.v-cn .v-partners-head span { color: #B9AEDA; }
.v-cn .v-partner { background: #FFFFFF; border-color: #3A2570; }
@media (max-width: 960px) { .v-cn-main { grid-template-columns: minmax(0, 1fr); gap: 26px; padding-top: 8px; } .v-cn h1 { font-size: 38px; } }
@media (max-width: 480px) { .v-cn h1 { font-size: 32px; } .v-cn-card { padding: 16px; } }