.elementor-22438 .elementor-element.elementor-element-48e2716{--display:flex;}/* Start custom CSS *//* ============================================================
   VENDOR.ENERGY - PAGE CSS
   page-id: EN-22438 | RO-22448 | DE-22447 | CN-22446
   Page: /kyc-aml-notice/
   Scope: full-page foundation + design-system utilities + pp-* components
   Based on: vendor-global-v2.css v2.2 + CSSPAGE.txt canon
   ============================================================ */

/* 1. CSS VARIABLES */

:root {
  --tvp-navy:          #0A1628;
  --tvp-navy-mid:      #0d1e38;
  --tvp-navy-light:    #112240;
  --tvp-navy-deep:     #060e1c;
  --tvp-electric:      #00A8E8;
  --tvp-electric-dim:  rgba(0, 168, 232, 0.12);
  --tvp-electric-glow: rgba(0, 168, 232, 0.30);
  --tvp-link:          #0090C8;
  --tvp-white:         #FFFFFF;
  --tvp-off-white:     #F0F4F8;
  --tvp-body-text:     rgba(240, 244, 248, 0.88);
  --tvp-muted-mid:     rgba(240, 244, 248, 0.82);
  --tvp-muted:         rgba(240, 244, 248, 0.65);
  --tvp-ghost:         rgba(240, 244, 248, 0.28);
  --tvp-danger:        #E8514A;
  --tvp-warn:          #E8A83A;
  --tvp-success:       #3AE8A0;
  --tvp-grid-line:     rgba(0, 168, 232, 0.07);
  --tvp-border:        rgba(0, 168, 232, 0.18);
  --tvp-font:          'Noto Sans KR', sans-serif;
  --tvp-base:          18px;
  --tvp-radius:        0px;
  --tvp-radius-img:    0px;
  --tvp-section-py:    96px;
  --tvp-section-py-sm: 64px;
  --tvp-container:     1200px;
}

/* 2. PAGE FOUNDATION
   EN: 22438 | RO: 22448 | DE: 22447 | CN: 22446
   ============================================================ */

body.page-id-22438,
body.page-id-22448,
body.page-id-22447,
body.page-id-22446 {
  background-color: var(--tvp-navy) !important;
  color: var(--tvp-off-white);
  font-family: var(--tvp-font);
  font-size: var(--tvp-base);
  font-weight: 300;
  line-height: 1.7;
}

body.page-id-22438::before,
body.page-id-22448::before,
body.page-id-22447::before,
body.page-id-22446::before {
  content: '';
  position: fixed;
  inset: 0;
  background-image:
    linear-gradient(var(--tvp-grid-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--tvp-grid-line) 1px, transparent 1px);
  background-size: 48px 48px;
  pointer-events: none;
  z-index: 0;
}

body.page-id-22438 .elementor-section-wrap,
body.page-id-22448 .elementor-section-wrap,
body.page-id-22447 .elementor-section-wrap,
body.page-id-22446 .elementor-section-wrap,
body.page-id-22438 .e-con-inner,
body.page-id-22448 .e-con-inner,
body.page-id-22447 .e-con-inner,
body.page-id-22446 .e-con-inner,
body.page-id-22438 .elementor-widget-wrap,
body.page-id-22448 .elementor-widget-wrap,
body.page-id-22447 .elementor-widget-wrap,
body.page-id-22446 .elementor-widget-wrap,
body.page-id-22438 .elementor-container,
body.page-id-22448 .elementor-container,
body.page-id-22447 .elementor-container,
body.page-id-22446 .elementor-container {
  position: relative;
  z-index: 1;
}

body.page-id-22438 [class*="tvp-"],
body.page-id-22448 [class*="tvp-"],
body.page-id-22447 [class*="tvp-"],
body.page-id-22446 [class*="tvp-"],
body.page-id-22438 [class*="pp-"],
body.page-id-22448 [class*="pp-"],
body.page-id-22447 [class*="pp-"],
body.page-id-22446 [class*="pp-"] {
  box-sizing: border-box;
}

/* 3. KILL THEME & ELEMENTOR WHITE BACKGROUNDS */

body.page-id-22438 #page,
body.page-id-22448 #page,
body.page-id-22447 #page,
body.page-id-22446 #page,
body.page-id-22438 #content,
body.page-id-22448 #content,
body.page-id-22447 #content,
body.page-id-22446 #content,
body.page-id-22438 #primary,
body.page-id-22448 #primary,
body.page-id-22447 #primary,
body.page-id-22446 #primary,
body.page-id-22438 .site-main,
body.page-id-22448 .site-main,
body.page-id-22447 .site-main,
body.page-id-22446 .site-main,
body.page-id-22438 .site-content,
body.page-id-22448 .site-content,
body.page-id-22447 .site-content,
body.page-id-22446 .site-content,
body.page-id-22438 main,
body.page-id-22448 main,
body.page-id-22447 main,
body.page-id-22446 main,
body.page-id-22438 article,
body.page-id-22448 article,
body.page-id-22447 article,
body.page-id-22446 article,
body.page-id-22438 .entry-content,
body.page-id-22448 .entry-content,
body.page-id-22447 .entry-content,
body.page-id-22446 .entry-content,
body.page-id-22438 .post-inner,
body.page-id-22448 .post-inner,
body.page-id-22447 .post-inner,
body.page-id-22446 .post-inner,
body.page-id-22438 .elementor-section,
body.page-id-22448 .elementor-section,
body.page-id-22447 .elementor-section,
body.page-id-22446 .elementor-section,
body.page-id-22438 .elementor-top-section,
body.page-id-22448 .elementor-top-section,
body.page-id-22447 .elementor-top-section,
body.page-id-22446 .elementor-top-section,
body.page-id-22438 .e-con,
body.page-id-22448 .e-con,
body.page-id-22447 .e-con,
body.page-id-22446 .e-con,
body.page-id-22438 .elementor-widget-container,
body.page-id-22448 .elementor-widget-container,
body.page-id-22447 .elementor-widget-container,
body.page-id-22446 .elementor-widget-container,
body.page-id-22438 .elementor-widget-html,
body.page-id-22448 .elementor-widget-html,
body.page-id-22447 .elementor-widget-html,
body.page-id-22446 .elementor-widget-html {
  background:       transparent !important;
  background-color: transparent !important;
  box-shadow:       none !important;
}

body.page-id-22438 .site-content,
body.page-id-22448 .site-content,
body.page-id-22447 .site-content,
body.page-id-22446 .site-content,
body.page-id-22438 #primary,
body.page-id-22448 #primary,
body.page-id-22447 #primary,
body.page-id-22446 #primary {
  padding: 0 !important;
  margin:  0 !important;
}

/* 4. LAYOUT UTILITIES */

.tvp-container {
  max-width: var(--tvp-container);
  margin: 0 auto;
  padding: 0 32px;
  position: relative;
  z-index: 1;
}

.tvp-section        { padding: var(--tvp-section-py) 0; }
.tvp-section--tight { padding: var(--tvp-section-py-sm) 0; }

.tvp-bg-navy { background-color: var(--tvp-navy)      !important; }
.tvp-bg-deep { background-color: var(--tvp-navy-deep) !important; }
.tvp-bg-mid  { background-color: var(--tvp-navy-mid)  !important; }

.tvp-border-top    { border-top:    1px solid var(--tvp-grid-line); }
.tvp-border-bottom { border-bottom: 1px solid var(--tvp-grid-line); }

/* 5. TYPOGRAPHY */

.tvp-h1 {
  font-family: var(--tvp-font);
  font-size: clamp(38px, 5.5vw, 72px);
  font-weight: 300;
  line-height: 1.06;
  letter-spacing: -0.025em;
  color: var(--tvp-white);
  margin: 0 0 32px 0;
}
.tvp-h1 em     { font-style: normal !important; color: var(--tvp-electric); }
.tvp-h1 strong { font-weight: 400; color: var(--tvp-white); }

.tvp-h2 {
  font-family: var(--tvp-font);
  font-size: clamp(28px, 3.8vw, 48px);
  font-weight: 300;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--tvp-white);
  margin: 0 0 24px 0;
}

.tvp-h3 {
  font-family: var(--tvp-font);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
  color: var(--tvp-white);
  margin: 0 0 12px 0;
}

.tvp-body {
  font-family: var(--tvp-font);
  font-size: 16px;
  font-weight: 300;
  line-height: 1.85;
  color: var(--tvp-body-text);
}

/* 6. LABEL */

.tvp-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: var(--tvp-font);
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--tvp-electric);
  margin: 0 0 20px 0;
}
.tvp-label::before {
  content: '';
  display: block;
  width: 28px;
  height: 1px;
  background: var(--tvp-electric);
  flex-shrink: 0;
}

/* 7. LINKS (in body prose) */

body.page-id-22438 a,
body.page-id-22448 a,
body.page-id-22447 a,
body.page-id-22446 a {
  color: var(--tvp-link);
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color 0.2s ease;
}
body.page-id-22438 a:hover,
body.page-id-22448 a:hover,
body.page-id-22447 a:hover,
body.page-id-22446 a:hover {
  color: var(--tvp-electric);
}

/* ============================================================
   8. PP-* COMPONENTS (privacy-policy visual canon)
   Used on legal pages: /privacy-policy/, /nda/,
   /kyc-aml-notice/ and localized variants.
   Base styles — individual page widgets may narrow via
   body.page-id-XXXXX body.elementor-page-22438.
   ============================================================ */

/* 8.1 Wrap */

.pp-wrap {
  max-width: 860px;
  margin: 0 auto;
  padding: 0 8px;
}

/* 8.2 Meta row */

.pp-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin: 0 0 32px 0;
  padding: 14px 18px;
  background: var(--tvp-navy-mid);
  border-left: 3px solid rgba(0, 168, 232, 0.35);
  font-size: 13px;
  color: var(--tvp-muted);
}
.pp-meta span { display: inline-flex; gap: 6px; }
.pp-meta strong { color: var(--tvp-white); font-weight: 400; }

/* 8.3 TL;DR block */

.pp-tldr {
  background: rgba(0, 168, 232, 0.06);
  border: 1px solid var(--tvp-border);
  border-top: 2px solid var(--tvp-electric);
  padding: 22px 24px;
  margin: 0 0 48px 0;
  font-size: 15px;
  line-height: 1.85;
  color: var(--tvp-body-text);
}
.pp-tldr-label {
  display: block;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--tvp-electric);
  margin-bottom: 10px;
}

/* 8.4 Section block */

.pp-section { margin: 0 0 40px 0; }

.pp-section h2 {
  font-family: var(--tvp-font);
  font-size: 22px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: var(--tvp-white);
  margin: 0 0 14px 0;
  padding-top: 24px;
  border-top: 1px solid var(--tvp-grid-line);
}
.pp-section h2 .pp-num {
  color: var(--tvp-electric);
  font-weight: 400;
  margin-right: 10px;
  letter-spacing: 0.04em;
}

.pp-section h3 {
  font-family: var(--tvp-font);
  font-size: 16px;
  font-weight: 400;
  color: var(--tvp-white);
  margin: 22px 0 8px 0;
  letter-spacing: -0.005em;
}

.pp-section p {
  font-family: var(--tvp-font);
  font-size: 16px;
  font-weight: 300;
  line-height: 1.9;
  color: var(--tvp-body-text);
  margin: 0 0 14px 0;
}

.pp-section ul {
  font-family: var(--tvp-font);
  font-size: 16px;
  font-weight: 300;
  line-height: 1.85;
  color: var(--tvp-body-text);
  margin: 0 0 14px 0;
  padding-left: 22px;
}
.pp-section li { margin: 0 0 6px 0; }

.pp-section strong { font-weight: 400; color: var(--tvp-white); }
.pp-section em     { font-style: normal !important; color: var(--tvp-electric); }

.pp-section a {
  color: var(--tvp-link);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.pp-section a:hover { color: var(--tvp-electric); }

/* 8.5 Identity block (controller / entity details) */

.pp-ident {
  background: var(--tvp-navy-mid);
  border: 1px solid var(--tvp-border);
  padding: 20px 24px;
  margin: 14px 0;
  font-size: 15px;
  line-height: 1.9;
  color: var(--tvp-body-text);
}
.pp-ident strong { color: var(--tvp-white); font-weight: 400; }

.pp-ident-row {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 12px;
  padding: 6px 0;
  border-bottom: 1px solid var(--tvp-grid-line);
}
.pp-ident-row:last-child { border-bottom: none; }

.pp-ident-label {
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.10em;
  color: var(--tvp-muted);
}
.pp-ident-val {
  font-family: var(--tvp-font);
  color: var(--tvp-white);
}

/* 8.6 Notice callout (warn) */

.pp-notice {
  background: var(--tvp-navy-mid);
  border-left: 3px solid var(--tvp-warn);
  padding: 14px 18px;
  margin: 14px 0;
  font-size: 14px;
  line-height: 1.75;
  color: var(--tvp-muted-mid);
}
.pp-notice strong { color: var(--tvp-warn); font-weight: 400; }

/* 8.7 Tables */

.pp-table-wrap {
  margin: 16px 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.pp-table {
  width: 100%;
  border-collapse: collapse;
  background: var(--tvp-navy-mid);
  border: 1px solid var(--tvp-border);
  font-size: 14px;
}
.pp-table th {
  background: rgba(0, 168, 232, 0.08);
  color: var(--tvp-white);
  font-weight: 400;
  font-size: 11px;
  letter-spacing: 0.10em;
  text-align: left;
  padding: 12px 14px;
  border-bottom: 1px solid var(--tvp-grid-line);
}
.pp-table td {
  padding: 12px 14px;
  border-bottom: 1px solid var(--tvp-grid-line);
  color: var(--tvp-body-text);
  font-weight: 300;
  line-height: 1.65;
  vertical-align: top;
}
.pp-table tr:last-child td { border-bottom: none; }
.pp-table tr:nth-child(even) td { background: rgba(0, 168, 232, 0.02); }

/* 8.8 Footer note */

.pp-footer-note {
  margin-top: 56px;
  padding-top: 24px;
  border-top: 1px solid var(--tvp-grid-line);
  font-size: 12px;
  color: var(--tvp-muted);
  line-height: 1.7;
}

/* 9. ANIMATIONS */

@keyframes tvp-pulse  { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }
@keyframes tvp-fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
.tvp-fade-up { animation: tvp-fadeUp 0.7s ease forwards; }

/* 10. RESPONSIVE */

@media (max-width: 1024px) {
  :root { --tvp-section-py: 72px; }
  .tvp-container { padding: 0 24px; }
}

@media (max-width: 767px) {
  :root { --tvp-section-py: 56px; --tvp-section-py-sm: 40px; }
  .tvp-container { padding: 0 20px; }
  .tvp-h1 { font-size: 52px !important; line-height: 1.08 !important; letter-spacing: -0.015em; }
  .tvp-label { font-size: 9px; letter-spacing: 0.14em; gap: 8px; }
  .tvp-label::before { width: 20px; }

  /* pp-* mobile adjustments */
  .pp-section h2 { font-size: 19px; }
  .pp-section p,
  .pp-section ul { font-size: 15px; }
  .pp-meta { flex-direction: column; gap: 6px; }
  .pp-ident-row { grid-template-columns: 1fr; gap: 2px; }
  .pp-table { font-size: 13px; }
  .pp-table th,
  .pp-table td { padding: 10px 10px; }
}

@media (max-width: 390px) {
  .tvp-h1 { font-size: 44px !important; }
}

/* 11. UTILITIES */

.tvp-text-electric { color: var(--tvp-electric); }
.tvp-text-muted    { color: var(--tvp-muted); }
.tvp-text-white    { color: var(--tvp-white); }
.tvp-text-danger   { color: var(--tvp-danger); }
.tvp-text-success  { color: var(--tvp-success); }
.tvp-text-center   { text-align: center; }

.tvp-mt-0  { margin-top: 0; }
.tvp-mt-16 { margin-top: 16px; }
.tvp-mt-24 { margin-top: 24px; }
.tvp-mt-32 { margin-top: 32px; }
.tvp-mt-48 { margin-top: 48px; }
.tvp-mt-64 { margin-top: 64px; }
.tvp-mb-0  { margin-bottom: 0; }
.tvp-mb-8  { margin-bottom: 8px; }
.tvp-mb-16 { margin-bottom: 16px; }
.tvp-mb-32 { margin-bottom: 32px; }

/* ============================================================
   12. GERMAN LANGUAGE TYPOGRAPHY FIX
   Reason: German compound words are significantly longer than
   EN/RO/ZH equivalents - H1/H2 must be reduced on mobile.
   Scope: DE KYC/AML Privacy Notice page
   page-id-22447 = DE version
   ============================================================ */

/* H1 - German mobile: override global 52px/44px !important */
@media (max-width: 767px) {
  body.page-id-22447 .tvp-h1 {
    font-size: 38px !important;
    line-height: 1.12 !important;
    word-break: break-word;
    overflow-wrap: break-word;
  }
}

@media (max-width: 480px) {
  body.page-id-22447 .tvp-h1 {
    font-size: 32px !important;
    line-height: 1.15 !important;
  }
}

@media (max-width: 390px) {
  body.page-id-22447 .tvp-h1 {
    font-size: 28px !important;
    line-height: 1.18 !important;
  }
}

/* H2 - German mobile */
@media (max-width: 767px) {
  body.page-id-22447 .pp-section h2 {
    font-size: 18px !important;
    line-height: 1.25 !important;
    word-break: break-word;
    overflow-wrap: break-word;
  }
}

/* H3 in sections - German mobile */
@media (max-width: 767px) {
  body.page-id-22447 .pp-section h3 {
    word-break: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
    -webkit-hyphens: auto;
  }
}

/* Body text - German hyphenation on DE page */
body.page-id-22447 .pp-section p,
body.page-id-22447 .pp-section li {
  overflow-wrap: break-word;
  hyphens: auto;
  -webkit-hyphens: auto;
}

/* Lock hyphens OFF on headings (avoid mid-word breaks on H1/H2) */
body.page-id-22447 .tvp-h1,
body.page-id-22447 .pp-section h2 {
  hyphens: none;
  -webkit-hyphens: none;
}/* End custom CSS */