/* [코대리] 기존 입체 구조와 콘텐츠를 유지하며 홈페이지·소개서를 선명한 흰색·잉크·옐로 골드 재질로 바꾼다. */
:root {
  color-scheme: light;
  --bg: #ffffff; --panel: #ffffff; --panel-soft: #fafafa; --paper: #fafafa;
  --text: #151515; --ink: #151515; --ink-deep: #151515; --muted: #484848;
  --line: #dedede; --gold: #795000; --blue: #484848; --surface: #fafafa;
  --overview-bg: #ffffff; --overview-panel: #ffffff; --overview-text: #151515;
  --overview-muted: #484848; --overview-gold: #795000; --overview-paper: #ffffff;
  --overview-ink: #151515; --overview-line: #dedede;
  --light-sage: #151515; --light-terracotta: #795000; --light-champagne: #ffde67;
  --light-shadow: 0 18px 48px -26px #28282840;
}
body, body.cinematic-home { background: var(--bg); color: var(--text); }
body ::selection { background: #ffde67; color: #151515; }
body :is(button,a,input,select,summary):focus-visible { outline-color: #484848; }
body .site-header, body.cinematic-home .site-header { background: #fffffff0; border-color: #dedede; box-shadow: 0 3px 18px #28282805; }
body .desktop-nav a, body .language-switch button, body .text-link { color: #282828; }
body .desktop-nav a.is-current, body .language-switch button[aria-pressed="true"] { color: #151515; }
body .language-switch > span { color: #484848; }
body .nav-cta { color: #151515; border-color: #a0a0a0; background: #ffffff66; }
body .nav-cta:hover { color: #151515; border-color: #484848; background: #fafafa; }
body .mobile-menu { background: #ffffff; border-color: var(--line); }
body .mobile-menu a { color: #151515; border-color: var(--line); }
body .menu-toggle span { background: #151515; }
body .wordmark { color: #151515; }
body .skip-link { background: #151515; color: #ffffff; }
body .text-link:hover { color: #484848; border-color: currentColor; }
body .button-primary, body.cinematic-home .button-primary, body .overview-actions .button { color: #ffffff; background: #151515; border-color: #151515; box-shadow: 0 7px 20px #28282818; }
body .button-primary:hover, body.cinematic-home .button-primary:hover, body .overview-actions .button:hover { color: #ffffff; background: #151515; box-shadow: 0 9px 25px #28282824; }
body .button-ghost { color: #151515; background: #ffffff5c; border-color: #c4c4c4; }
body .button-ghost:hover { background: #fafafa; }
body.cinematic-home .reading-progress span { background: #686868; }
body.cinematic-home :is(.eyebrow,.mini-label,.edition-label) { color: #484848; }
body.cinematic-home .eyebrow > span:first-child:not(.status-dot) { color: #484848; }
body.cinematic-home h2 em { color: #484848; }
body.cinematic-home :is(.section-intro,.section-footnote,.hero-note,.motion-toggle,.cycle-hint) { color: #484848; }
body.cinematic-home .status-dot { background: #686868; box-shadow: 0 0 0 4px #68686812; }
body.cinematic-home .asia-hero { background: #ffffff; }
body.cinematic-home .asia-hero::before { opacity: .025; }
body.cinematic-home .asia-hero .hero-copy > .eyebrow { color: #484848; }
body.cinematic-home .asia-hero h1 { color: #151515; }
body.cinematic-home .asia-hero h1 em { color: #484848; background: none; -webkit-text-fill-color: currentColor; }
body.cinematic-home .hero-lead { color: #151515; }
body.cinematic-home .hero-description { color: #484848; }
body.cinematic-home .hero-foundations { border-color: #dedede; }
body.cinematic-home .hero-foundations strong { color: #151515; }
body.cinematic-home .hero-foundations span { color: #484848; }
body.cinematic-home .hero-atmosphere i { background: linear-gradient(90deg, transparent, #c4c4c420, transparent); }
body.cinematic-home .launch-trace i { background: #686868; box-shadow: none; }
body.cinematic-home .hero-bottom, body.cinematic-home .hero-bottom p { color: #484848; border-color: #dedede; }
body.cinematic-home .scroll-line { background: #dedede; }
body.cinematic-home .scroll-line::after { background: #686868; }
body.cinematic-home .globe-stage::before { background-image: linear-gradient(#68686806 1px, transparent 1px), linear-gradient(90deg, #68686806 1px, transparent 1px); }
body.cinematic-home .globe-halo { border-color: #c4c4c427; box-shadow: 0 12px 65px #a0a0a016, inset 0 0 50px #dedede22; }
body.cinematic-home .globe-halo::after { border-color: #c4c4c43d; }
body.cinematic-home :is(.globe-topline,.globe-top-code,.globe-coordinate,.globe-caption) { color: #484848; }
body.cinematic-home .globe-brand-pass, body.cinematic-home .globe-stage[data-coin-scene="ready"] .globe-platform-label, body.cinematic-home .globe-platform-label { background: #ffffffeb; border-color: #c4c4c4; box-shadow: 0 2px 0 #fafafa, 0 5px 0 #c4c4c4, 0 18px 35px #48484826; }
body.cinematic-home .globe-brand-pass > span, body.cinematic-home .globe-platform-label > span:last-child { color: #484848; }
body.cinematic-home .pass-wave i, body.cinematic-home .globe-signal i { background: #686868; }
body.cinematic-home .coin-webgl-canvas { filter: drop-shadow(0 20px 25px #68686840); }
body.cinematic-home .globe-stage[data-coin-scene="ready"] #asia-globe-canvas { opacity: .13; filter: grayscale(1) sepia(.15); }

/* 원본 RGB는 그대로 두고 문서의 SVG 필터가 검은 바탕의 투명도만 조절한다. */
body .wityx-brand-logo, body .whitepaper-brand, body.cinematic-home .globe-brand-pass > img, body.cinematic-home .cycle-core > img, body .overview-brand-wityx img { filter: url(#wityx-on-light); mix-blend-mode: normal; border-radius: 0; }
body .closing-wordmark .wityx-brand-logo { opacity: 1; }
body .overview-brand-wityx, body .overview-intro-mark .overview-brand-wityx { background: transparent; border-radius: 0; }
body .token-brand-badge { background: transparent; border-color: transparent; }

body.cinematic-home .network-bar { background: #fafafa; border-color: #dedede; }
body.cinematic-home .network-label, body.cinematic-home .network-inner small { color: #484848; }
body.cinematic-home .network-inner > a:hover { color: #484848; }
body.cinematic-home .network-connector { background: linear-gradient(90deg, transparent, #a0a0a0, transparent); }
body.cinematic-home .network-connector::after { background: #686868; box-shadow: none; }
body.cinematic-home .cycle-section { background: #ffffff; }
body.cinematic-home .cycle-heading > p, body.cinematic-home .vision-outcomes p { color: #484848; }
body.cinematic-home .cycle-grid { background: radial-gradient(circle, #dedede33, transparent 65%); }
body.cinematic-home .cycle-orbit-base { stroke: #a0a0a05e; }
body.cinematic-home .cycle-orbit-flow { stroke: #686868; }
body.cinematic-home .cycle-orbit-inner, body.cinematic-home .cycle-orbit-inner.second { stroke: #c4c4c455; }
body.cinematic-home .cycle-core { background: linear-gradient(145deg, #ffffff, #fafafa); border-color: #c4c4c4; box-shadow: inset 0 1px 0 #ffffff, 0 3px 0 #dedede, 0 7px 0 #c4c4c4, 0 15px 30px #6868681c; }
body.cinematic-home .cycle-core > span { color: #484848; }
body.cinematic-home .cycle-core > strong { color: #484848; }
body.cinematic-home .cycle-core-pulse { border-color: #a0a0a040; }
body.cinematic-home .cycle-node { color: #484848; }
body.cinematic-home .cycle-node-number { color: #484848; }
body.cinematic-home .cycle-node-icon { background: #ffffff; border-color: #c4c4c4; box-shadow: 0 0 0 7px #ffffffe6, 0 5px 12px #48484815; }
body.cinematic-home .cycle-node[aria-pressed="true"] { color: #282828; }
body.cinematic-home .cycle-node[aria-pressed="true"] .cycle-node-icon { background: #fafafa; border-color: #686868; box-shadow: 0 0 0 7px #ffffff, 0 8px 18px #48484824; }
body.cinematic-home .cycle-node:hover .cycle-node-icon { border-color: #484848; }
body.cinematic-home :is(.cycle-current,.concept-tag,.cycle-play,.cycle-hint) { color: #484848; }
body.cinematic-home .cycle-current b { color: #484848; }
body.cinematic-home .cycle-detail .eyebrow, body.cinematic-home .cycle-play > i, body.cinematic-home .cycle-signal { color: #484848; }
body.cinematic-home .cycle-detail h3 { color: #151515; }
body.cinematic-home .cycle-detail > p:not(.eyebrow) { color: #484848; }
body.cinematic-home :is(.cycle-editorial,.cycle-detail-top,.cycle-detail,.vision-outcomes,.concept-tag) { border-color: #dedede; }
body.cinematic-home .cycle-progress-track { background: #fafafa; }
body.cinematic-home .cycle-progress-track > span { background: #686868; }
body.cinematic-home .vision-outcomes article > span { color: #484848; }

body.cinematic-home .platform-section { background: #fafafa; color: #151515; }
body.cinematic-home .platform-section h2 em, body.cinematic-home .platform-section .eyebrow { color: #484848; }
body.cinematic-home .platform-section .eyebrow > span:first-child, body.cinematic-home .platform-section .mini-label { color: #484848; }
body.cinematic-home .app-glow { background: radial-gradient(ellipse, #ffdb6b14, transparent 66%); }
body.cinematic-home .app-frame { border-color: #ffffff; background: #ffffff; }
body.cinematic-home .app-frame-top span, body.cinematic-home .app-frame-bottom { color: #484848; }
body.cinematic-home .floating-route { background: #ffffffed; color: #484848; box-shadow: 0 12px 24px #48484821; }
body.cinematic-home .route-dot { border-color: #686868; }
body.cinematic-home .platform-copy > .section-intro, body.cinematic-home .role-panel p, body.cinematic-home .platform-to-token p { color: #484848; }
body.cinematic-home .role-tabs, body.cinematic-home .role-tabs button, body.cinematic-home .platform-to-token { border-color: #dedede; }
body.cinematic-home .role-tabs button { color: #484848; }
body.cinematic-home .role-tabs button[aria-selected="true"] { color: #151515; border-color: #686868; }
body.cinematic-home .platform-to-token strong { color: #282828; }
body.cinematic-home .platform-links a:hover { color: #484848; }

body.cinematic-home .utility-lab { background: #ffffff; border-color: #dedede; box-shadow: var(--light-shadow); }
body.cinematic-home .step-button { color: #484848; border-color: #dedede; }
body.cinematic-home .step-button small, body.cinematic-home .lab-head { color: #484848; }
body.cinematic-home .step-button[aria-selected="true"] { color: #484848; }
body.cinematic-home .simulation-badge { color: #484848; border-color: #c4c4c4; background: #fafafa; }
body.cinematic-home .benefit-pass { background: repeating-linear-gradient(100deg, #ffffff00 0 2px, #ffffff0e 2px 3px), linear-gradient(118deg, #fff9d3 0%, #ffde67 12%, #fff2ae 26%, #ffd745 35%, #e9ae16 54%, #ffde67 68%, #fff7c4 79%, #ffd740 90%, #e9ae16 100%); border-color: #d49500; color: #151515; }
body.cinematic-home .utility-display[data-phase="1"] .benefit-pass { background: repeating-linear-gradient(100deg, #ffffff00 0 2px, #ffffff0e 2px 3px), linear-gradient(112deg, #ffda4a 0%, #fff2ae 19%, #ffde67 33%, #e9ae16 55%, #fff9d3 73%, #ffd03f 100%); }
body.cinematic-home .utility-display[data-phase="2"] .benefit-pass { background: repeating-linear-gradient(100deg, #ffffff00 0 2px, #ffffff0e 2px 3px), linear-gradient(128deg, #fff2ae 0%, #ffde67 24%, #edb719 48%, #fff9d3 68%, #ffda4a 86%, #e9ae16 100%); }
body.cinematic-home .pass-value > span, body.cinematic-home .pass-value small, body.cinematic-home .pass-bottom { color: #151515; text-shadow: 0 1px 0 #fff7c480; }
body.cinematic-home .pass-chip { border-color: #a16b00; background: linear-gradient(90deg, transparent 46%, #aa780b99 47% 51%, transparent 52%), linear-gradient(0deg, transparent 44%, #aa780b99 45% 50%, transparent 51%), linear-gradient(125deg, #fff9ce, #e9ae16 32%, #fff2ae 57%, #c18100 100%); box-shadow: inset 0 1px 0 #fffdf0, 0 1px 0 #fffae1; }
body.cinematic-home .pass-shine { background: linear-gradient(112deg, transparent 34%, #fffdf100 42%, #ffffffad 48%, #fffef873 51%, transparent 58%); animation: gold-pass-polish 6.5s ease-in-out infinite; mix-blend-mode: screen; opacity: .85; }
body.cinematic-home .lab-description h3 { color: #282828; }
body.cinematic-home .lab-description p, body.cinematic-home .utility-note { color: #484848; }
body.cinematic-home .utility-note strong { color: #151515; }
body.cinematic-home .lab-progress i { background: #dedede; }
body.cinematic-home .utility-display[data-phase="0"] .lab-progress i:first-child, body.cinematic-home .utility-display[data-phase="1"] .lab-progress i:nth-child(-n+2), body.cinematic-home .utility-display[data-phase="2"] .lab-progress i { background: #686868; }
body.cinematic-home .supply-section { background: #ffffff; color: #151515; }
body.cinematic-home .big-supply { color: #282828; text-shadow: none; }
body.cinematic-home .big-supply > i { color: #484848; }
body.cinematic-home .supply-copy .eyebrow, body.cinematic-home .supply-copy .eyebrow > span:first-child, body.cinematic-home .supply-figure .mini-label, body.cinematic-home .supply-caption > span { color: #484848; }
body.cinematic-home .supply-copy > p:last-child { color: #484848; }

body.cinematic-home .asia-section { background: #ffffff; }
body.cinematic-home .asia-map-panel { background: radial-gradient(ellipse, #dedede2c, transparent 70%); }
body.cinematic-home #asia-land-dots circle { fill: #c4c4c4; }
body.cinematic-home .asia-land path { stroke: #a0a0a070; }
body.cinematic-home .asia-route { stroke: #686868; opacity: .75; }
body.cinematic-home .asia-route.is-selected { stroke: #484848; filter: none; }
body.cinematic-home .asia-pin-core { fill: #686868; stroke: #ffffff; }
body.cinematic-home .asia-pin-halo { fill: #c4c4c42e; stroke: #a0a0a05c; }
body.cinematic-home .asia-pin-pulse { stroke: #a0a0a060; }
body.cinematic-home .asia-pin text { fill: #484848; stroke: #ffffff; }
body.cinematic-home .asia-pin.is-selected .asia-pin-core { fill: #484848; stroke: #ffffff; }
body.cinematic-home .asia-pin.is-selected .asia-pin-halo { fill: #68686824; stroke: #68686863; }
body.cinematic-home .asia-pin.is-selected .asia-pin-pulse { stroke: #68686860; }
body.cinematic-home .asia-pin.is-selected text { fill: #282828; }
body.cinematic-home .asia-map-scan { background: linear-gradient(100deg, transparent 42%, #c4c4c409 48%, #c4c4c428 50%, transparent 52%); }
body.cinematic-home .asia-map-caption, body.cinematic-home .asia-map-caption > span:first-child { color: #484848; border-color: #dedede; }
body.cinematic-home .region-tabs button { background: #ffffff; color: #484848; border-color: #dedede; }
body.cinematic-home .region-tabs button > span:first-child { color: #686868; }
body.cinematic-home .region-tabs button[aria-pressed="true"] { background: #fafafa; color: #151515; border-color: #686868; box-shadow: inset 0 1px 0 #ffffff; }
body.cinematic-home .region-tabs button[aria-pressed="true"] > span:first-child { color: #484848; }
body.cinematic-home .region-tabs button:hover { color: #151515; border-color: #686868; }
body.cinematic-home .region-detail { border-color: #dedede; }
body.cinematic-home .region-code { color: #484848; }
body.cinematic-home .region-detail h3 { color: #151515; }
body.cinematic-home .region-detail > p:not(.region-code) { color: #484848; }
body.cinematic-home .region-detail > span { color: #484848; border-color: #dedede; background: #fafafa; }

body.cinematic-home .calculator { background: #ffffff; border-color: #dedede; box-shadow: var(--light-shadow); }
body.cinematic-home .calculator-result { background: #fafafa; border-color: #dedede; }
body.cinematic-home .field label { color: #282828; }
body.cinematic-home .input-with-suffix { background: #fafafa; border-color: #a0a0a0; }
body.cinematic-home .input-with-suffix input { color: #151515; }
body.cinematic-home .input-with-suffix > span { color: #484848; }
body.cinematic-home .field select { background: #fafafa; color: #151515; border-color: #c4c4c4; }
body.cinematic-home :is(.field-help,.currency-note,.range-labels,.result-note,.calculator-disclaimer) { color: #484848; }
body.cinematic-home .rate-label > span { color: #484848; }
body.cinematic-home .form-error, body #film-error { color: #a61b1b; }
body.cinematic-home .result-kicker { color: #282828; }
body.cinematic-home .fee-comparison p, body.cinematic-home .savings-main > span, body.cinematic-home .fee-visual span, body.cinematic-home .annual-savings { color: #484848; }
body.cinematic-home .fee-comparison #before-fee { color: #484848; }
body.cinematic-home .fee-comparison #after-fee, body.cinematic-home .savings-main strong { color: #282828; }
body.cinematic-home .compare-arrow { color: #686868; }
body.cinematic-home .fee-bar-standard { background: linear-gradient(90deg, #c4c4c4, #a0a0a0); }
body.cinematic-home .fee-bar-waived { background: #686868; }
body.cinematic-home .annual-savings strong { color: #151515; }
body.cinematic-home .annual-savings { border-color: #c4c4c4; }
body.cinematic-home .roadmap-track::before { background: linear-gradient(90deg, #686868, #c4c4c4 55%, #dedede); }
body.cinematic-home .roadmap-dot { background: #fafafa; border-color: #c4c4c4; color: #686868; }
body.cinematic-home .roadmap-track article:first-child .roadmap-dot { background: #fafafa; border-color: #686868; color: #484848; box-shadow: 0 4px 12px #68686818; }
body.cinematic-home .roadmap-status { color: #484848; }
body.cinematic-home .roadmap-track p { color: #484848; }
body.cinematic-home .faq-section { background: #fafafa; }
body.cinematic-home .faq-intro, body.cinematic-home .faq-answer { color: #484848; }
body.cinematic-home .faq-list details, body.cinematic-home .faq-list { border-color: #dedede; }
body.cinematic-home .faq-list details[open] summary { color: #484848; }
body.cinematic-home .faq-plus::before, body.cinematic-home .faq-plus::after { background: #686868; }

body.cinematic-home .explore-section { background: #ffffff; }
body.cinematic-home .film-feature { background: #fafafa; border-color: #dedede; }
body.cinematic-home .film-overlay { background: linear-gradient(90deg, #fafafafa, #fafafac9 48%, #fafafa56); }
body.cinematic-home .film-copy h3 { color: #151515; }
body.cinematic-home .film-copy .mini-label, body.cinematic-home .film-copy p { color: #282828; }
body.cinematic-home .film-play { color: #151515; background: #ffffffdb; border-color: #fafafa; box-shadow: 0 12px 28px #2828282b; }
body.cinematic-home .film-play:hover { background: #fafafa; box-shadow: 0 0 0 12px #fafafa4d; }
body.cinematic-home .film-credit { color: #282828; background: #ffffffde; padding: 4px 7px; border-radius: 3px; }
body.cinematic-home .destination-card { background: #fafafa; border-color: #dedede; }
body.cinematic-home .destination-card:hover { background: #fafafa; border-color: #a0a0a0; }
body.cinematic-home .destination-card-top, body.cinematic-home .destination-card > p { color: #484848; }
body.cinematic-home .destination-card h3 span, body.cinematic-home .card-link strong { color: #484848; }
body.cinematic-home .card-link small { color: #484848; }
body.cinematic-home .rights-statement > p:not(.eyebrow) { color: #484848; }
body.cinematic-home .rights-rail { color: #484848; }
body.cinematic-home .rights-rail i { background: #dedede; }
body.cinematic-home .rights-rail i::after { background: #686868; }
body.cinematic-home .closing-section { background: #fafafa; }
body.cinematic-home :is(.footer-top p,.back-top,.footer-nav,.footer-bottom,.footer-legal) { color: #484848; }
body.cinematic-home .footer-bottom, body.cinematic-home .site-footer { border-color: #dedede; }
body #film-dialog { background: #ffffff; color: #151515; border-color: #c4c4c4; box-shadow: 0 30px 100px #15151533; }
body #film-dialog::backdrop { background: #4848488c; backdrop-filter: blur(10px); }
body .film-dialog-head > div > span, body .film-dialog-footer a { color: #484848; }
body .film-dialog-footer { color: #484848; }
body .film-dialog-head button { color: #151515; }

/* 조명과 카드 단면만 다시 착색하고 기존 원근·움직임·정지 규칙은 유지한다. */
body .depth-stage-light i:first-child, body .depth-scene:nth-of-type(3n) .depth-stage-light i:first-child { background: radial-gradient(ellipse, #c4c4c415, #c4c4c408 45%, transparent 70%); }
body .depth-stage-light i:nth-child(2) { background: radial-gradient(ellipse, #c4c4c417, #c4c4c40a 44%, transparent 68%); }
body .depth-stage-light i:last-child { background: linear-gradient(90deg, transparent, #a0a0a054 42%, #c4c4c454 66%, transparent); box-shadow: none; }
body .depth-surface-skin { border-color: #c4c4c423; background: linear-gradient(135deg, #ffffff24, transparent 32%, transparent 80%, #a0a0a010); box-shadow: inset 0 1px 0 #fffffff0, inset -1px -2px 0 #a0a0a022, 0 2px 0 #fafafa, 0 4px 0 #dedede, 0 6px 0 #c4c4c4, 0 22px 32px -20px #68686840; }
body .depth-surface-skin::after { background: linear-gradient(115deg, transparent 30%, #ffffff20 47%, transparent 62%); }
body .app-frame.depth-object { box-shadow: 1px 1px 0 #ffffff, 3px 3px 0 #dedede, 5px 5px 0 #c4c4c4, 8px 9px 0 #c4c4c4, 15px 21px 30px #48484826, 30px 45px 85px #6868682b; }
body .app-frame > .depth-surface-skin { border-color: #ffffff80; box-shadow: inset 1px 1px 8px #ffffff55; }
body.cinematic-home .benefit-pass.depth-surface { box-shadow: inset 0 1px 0 #fffceb, 0 2px 0 #fff2ae, 0 4px 0 #e9ae16, 0 7px 0 #c18100, 0 10px 0 #f6ca42, 0 18px 32px #b37e002e, 0 25px 65px #ffc80025; }
body .benefit-pass > .depth-surface-skin { border-color: #fff7c4b3; background: linear-gradient(118deg, #ffffff12, transparent 32%, transparent 72%, #ffe6710a); box-shadow: inset 0 1px 0 #fffdf0, inset 1px 0 0 #fff2ae, inset 0 -3px 0 #d4960099; }
body .cycle-visual > .depth-surface-skin { border-color: #a0a0a038; background: radial-gradient(circle, #dedede1a, transparent 64%); box-shadow: inset 0 3px 20px #c4c4c41a, 0 2px 0 #dedede66, 0 7px 0 #dedede55, 0 22px 50px -20px #c4c4c44a; }
body .asia-map-panel > .depth-surface-skin { border-color: #a0a0a040; background: #fafafa19; box-shadow: inset 0 0 35px #c4c4c416, 0 4px 0 #c4c4c466, 0 12px 0 #dedede3b, 0 30px 60px #6868681a; }
body .whitepaper-panel.depth-surface { box-shadow: 0 2px 0 #fafafa, 0 5px 0 #dedede, 0 9px 0 #c4c4c4, 0 30px 70px #6868681c; }
body .whitepaper-file.depth-surface { box-shadow: 0 3px 0 #fafafa, 0 5px 0 #c4c4c4; }
body .whitepaper-file > .depth-surface-skin { border-color: #c4c4c438; background: linear-gradient(125deg, #ffffff16, transparent 40%); }
body .destination-card.depth-surface { box-shadow: 0 3px 0 #fafafa, 0 7px 0 #c4c4c4, 0 20px 42px #6868681c; }
body .film-feature > .depth-surface-skin { box-shadow: inset 0 1px 0 #ffffffb3, inset 0 -3px 0 #68686829, 0 7px 0 #c4c4c4; }

body .whitepaper-section { --wp-gold: #484848; --wp-text: #151515; --wp-muted: #484848; color: var(--wp-text); }
body .whitepaper-panel { background: #ffffff; border-color: #d6b448; border-top-color: #e4b421; }
body .whitepaper-file { color: var(--wp-text); background: #ffffffd9; border-color: #c4c4c4; }
body .whitepaper-file:hover { background: #fafafa; border-color: #a0a0a0; }

/* 소개서의 표지와 모든 문서 블록을 같은 밝은 팔레트로 연결한다. */
body .overview-page::before { background: radial-gradient(ellipse, #c4c4c414, transparent 62%), repeating-radial-gradient(ellipse, transparent 0 43px, #a0a0a022 44px 45px, transparent 46px 77px); }
body .overview-page::after { opacity: .16; }
body .overview-page h1 { color: #151515; }
body .overview-lead, body .overview-label, body .overview-footer, body .destinations-intro { color: #484848; }
body .overview-page > [data-lang-panel]:has(> article) { background: #ffffff; color: #151515; border-color: #dedede; box-shadow: var(--light-shadow); }
body .overview-page article > h2, body .overview-page article:nth-of-type(3) > h2 { color: #151515; }
body .overview-page article > p:not(.eyebrow), body .overview-page article > ul, body .overview-page article:nth-of-type(3) > p:not(.eyebrow) { color: #484848; }
body .overview-page article > .eyebrow, body .overview-page article:nth-of-type(3) > .eyebrow { color: #484848; }
body .overview-page article:nth-of-type(3) { background: #fafafa; border-color: #dedede; }
body .overview-page article li strong, body .overview-page article:nth-of-type(3) strong { color: #282828; }
body .overview-brand-connector { color: #686868; }
body .overview-intro-line { background: #c4c4c4; }
body .overview-intro-caption, body .overview-motion-toggle { color: #484848; }
body .overview-motion-toggle { border-color: #c4c4c4; }
body .overview-motion-toggle:hover { color: #151515; border-color: #686868; }
body .overview-asia, body .overview-cycle { background: #fafafa; border-color: #dedede; }
body .overview-asia h2, body .overview-cycle h2 { color: #151515; }
body .overview-asia-heading > p:not(.eyebrow), body .overview-section-note, body .overview-region-origin small { color: #484848; }
body .overview-region-origin > span:not(.overview-region-dot) { color: #484848; }
body .overview-region-dot { background: #686868; box-shadow: 0 0 0 5px #a0a0a013; }
body .overview-region-bridge { color: #686868; }
body .overview-region-horizon > span { color: #484848; border-color: #c4c4c4; background: #ffffff; }
body .overview-cycle-list li::before { background: #ffffff; border-color: #c4c4c4; box-shadow: 0 3px 0 #dedede; }
body .overview-cycle-list li:not(:last-child)::after { color: #686868; }
body .overview-cycle-number { color: #484848; }
body .overview-cycle-list strong, body .overview-cycle-return > span { color: #282828; }
body .overview-cycle-list p, body .overview-cycle-return { color: #484848; }
body .overview-destinations > h2 { color: #151515; }
body .overview-destination { background: #ffffff; border-color: #dedede; }
body .overview-destination:hover { background: #fafafa; border-color: #a0a0a0; }
body .destination-purpose { color: #484848; }
body .destination-title { color: #151515; }
body .destination-domain { color: #484848; }
body.cinematic-home :is(.utility-lab,.calculator,.destination-card), body .whitepaper-panel { border-radius: 3px; }
body .whitepaper-file { border-radius: 2px; }
body.cinematic-home .cycle-orbit-flow { filter: none; }


/* 선명한 금속 광택을 카드와 소수의 상태 표시에 집중한다. */
body.cinematic-home :is(h1, h2, h3), body.cinematic-home h2 em, body.cinematic-home .asia-hero h1 em { color: #151515; }
body.cinematic-home :is(.hero-description,.hero-lead,.section-intro), body .overview-lead { color: #484848; }
body.cinematic-home .reading-progress span, body.cinematic-home .launch-trace i, body.cinematic-home .scroll-line::after { background: #e9ae16; }
body.cinematic-home .status-dot, body .overview-region-dot { background: #b47c00; box-shadow: 0 0 0 4px #ffde6726; }
body.cinematic-home .cycle-orbit-flow { stroke: #d99e08; }
body.cinematic-home .cycle-core { background: linear-gradient(140deg, #ffffff, #fafafa 72%, #fff2ae); border-color: #d6b448; box-shadow: inset 0 1px 0 #fff, 0 3px 0 #fff2ae, 0 7px 0 #c59a2d, 0 15px 30px #15151512; }
body.cinematic-home .cycle-node[aria-pressed="true"] .cycle-node-icon { background: #ffde67; border-color: #b47c00; box-shadow: 0 0 0 7px #fff, 0 8px 18px #e9ae1626; }
body.cinematic-home .region-tabs button[aria-pressed="true"] { background: #ffedaa; color: #151515; border-color: #ba8c12; box-shadow: inset 0 1px 0 #fff; }
body.cinematic-home .region-tabs button[aria-pressed="true"] > span:first-child { color: #484848; }
body.cinematic-home .asia-route.is-selected { stroke: #b77e00; }
body.cinematic-home .asia-pin.is-selected .asia-pin-core { fill: #d59b00; }
body.cinematic-home .asia-pin.is-selected text { fill: #795000; }
body.cinematic-home .step-button[aria-selected="true"] { color: #151515; }
body.cinematic-home .simulation-badge { background: #fff5cc; border-color: #d5b448; color: #484848; }
body.cinematic-home .benefit-pass::before { border-color: #fff8cda6; box-shadow: 0 0 0 1px #bd880047; }
body .benefit-pass > .depth-surface-skin::after { background: linear-gradient(118deg, transparent 32%, #ffffff3d 47%, transparent 62%); }
body.cinematic-home .benefit-pass .wityx-brand-logo { opacity: 1; }
body.cinematic-home .utility-display[data-phase="0"] .lab-progress i:first-child,
body.cinematic-home .utility-display[data-phase="1"] .lab-progress i:nth-child(-n+2),
body.cinematic-home .utility-display[data-phase="2"] .lab-progress i { background: #c18a00; }
body.cinematic-home .big-supply > i { color: #ca9000; }
body.cinematic-home .fee-bar-standard { background: linear-gradient(90deg, #ffde67, #e9ae16); }
body .depth-stage-light i:first-child, body .depth-scene:nth-of-type(3n) .depth-stage-light i:first-child { background: radial-gradient(ellipse, #ffffff00, transparent 70%); }
body .depth-stage-light i:nth-child(2) { background: radial-gradient(ellipse, #ffde6709, transparent 68%); }
body .depth-stage-light i:last-child { background: linear-gradient(90deg, transparent, #dedede80 42%, #efc84666 66%, transparent); }
body .whitepaper-file { background: #fff; }
body .whitepaper-file:hover { background: #fff9e4; border-color: #c9a639; }
body .whitepaper-panel.depth-surface { box-shadow: 0 2px 0 #fff2ae, 0 5px 0 #e3cb76, 0 9px 0 #c39b30, 0 30px 70px #15151514; }
body .overview-page::before { background: repeating-radial-gradient(ellipse, transparent 0 43px, #d8d8d826 44px 45px, transparent 46px 77px); }
body .overview-page::after { opacity: .08; }
@keyframes gold-pass-polish { 0%, 15% { transform: translateX(-29%); } 65%, 100% { transform: translateX(29%); } }
body .benefit-pass:not([data-depth-visible="true"]) .pass-shine { animation-play-state: paused; }
html[data-depth-motion="paused"] .pass-shine { animation-play-state: paused !important; }

@media (max-width: 600px) {
  body.cinematic-home .film-overlay { background: linear-gradient(180deg, #fafafafa, #fafafacd 43%, #fafafa66 68%, #fafafac9); }
  body.cinematic-home .coin-webgl-canvas { filter: drop-shadow(0 12px 16px #68686833); }
  body .app-frame.depth-object { box-shadow: 2px 2px 0 #fafafa, 5px 5px 0 #c4c4c4, 9px 12px 0 #c4c4c4, 16px 25px 40px #4848482e; }
}
@media print {
  body, body.cinematic-home { background: #ffffff !important; color: #151515 !important; }
  body .overview-page article:nth-of-type(3), body .whitepaper-panel, body .whitepaper-file { background: #ffffff; box-shadow: none; }
  body .overview-page::before, body .overview-page::after { display: none; }
}