:root {
  --bg: #05070a;
  --surface: #0b0f15;
  --surface-2: #101722;
  --line: #202a37;
  --text: #f3f7fb;
  --muted: #9da9b8;
  --blue: #2f81f7;
  --cyan: #4fd1d9;
  --amber: #f2b84b;
  --red: #ff626b;
  --green: #54d68b;
  --max: 1200px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: Pretendard, "Noto Sans KR", "Apple SD Gothic Neo", Arial, sans-serif;
  line-height: 1.7;
  letter-spacing: 0;
  word-break: keep-all;
}
img { display: block; width: 100%; object-fit: cover; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
.skip-link { position: fixed; left: 12px; top: -80px; z-index: 999; background: #fff; color: #000; padding: 10px 14px; }
.skip-link:focus { top: 12px; }

.site-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 50;
  border-bottom: 1px solid transparent;
  transition: background .25s ease, border-color .25s ease;
}
.site-header.scrolled { background: rgba(5, 7, 10, .92); border-color: var(--line); backdrop-filter: blur(14px); }
.header-inner { width: min(calc(100% - 40px), var(--max)); height: 76px; margin: auto; display: flex; align-items: center; gap: 34px; }
.brand { display: inline-flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 700; white-space: nowrap; }
.brand b { color: var(--blue); }
.brand-mark { width: 20px; height: 20px; border: 2px solid var(--blue); position: relative; }
.brand-mark::after { content: ""; position: absolute; width: 8px; height: 8px; right: -5px; bottom: -5px; background: var(--cyan); }
.desktop-nav { display: flex; gap: 28px; margin-left: auto; }
.desktop-nav a { color: #c4ccd6; font-size: 14px; }
.desktop-nav a:hover { color: #fff; }
.header-link { border: 1px solid #3a4655; padding: 9px 14px; font-size: 13px; }
.header-link:hover { border-color: var(--blue); background: rgba(47, 129, 247, .1); }
.kakao-button {
  border-color: #fee500 !important;
  background: #fee500 !important;
  color: #261c00 !important;
  box-shadow: 0 8px 26px rgba(254, 229, 0, .14);
}
.kakao-button:hover { border-color: #fff06a !important; background: #fff06a !important; }
.kakao-header { gap: 8px; font-weight: 800; }
.kakao-icon {
  width: 22px;
  height: 18px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  flex: 0 0 auto;
  border-radius: 50% 50% 48% 48%;
  background: #261c00;
}
.kakao-icon::after {
  content: "";
  position: absolute;
  left: 3px;
  bottom: -4px;
  width: 7px;
  height: 7px;
  background: #261c00;
  clip-path: polygon(0 0, 100% 0, 15% 100%);
}
.kakao-icon i {
  position: relative;
  z-index: 1;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: #fee500;
}
.menu-button, .mobile-nav { display: none; }

.hero { min-height: min(880px, 94vh); position: relative; display: flex; align-items: flex-end; overflow: hidden; }
.hero-media { position: absolute; inset: 0; background: url("assets/hero.webp") center 42% / cover no-repeat; transform: scale(1.02); }
.hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(2, 4, 7, .98) 0%, rgba(2, 4, 7, .84) 42%, rgba(2, 4, 7, .22) 76%), linear-gradient(0deg, #05070a 0%, transparent 32%); }
.hero-content { position: relative; z-index: 2; width: min(calc(100% - 40px), var(--max)); margin: 0 auto; padding: 170px 0 110px; }
.eyebrow { margin: 0 0 18px; color: var(--blue); font-size: 12px; font-weight: 800; text-transform: uppercase; }
.eyebrow.warning { color: var(--amber); }
.eyebrow.safe { color: var(--green); }
h1, h2, h3, p { margin-top: 0; }
h1 { max-width: 840px; margin-bottom: 22px; font-size: clamp(54px, 7vw, 102px); line-height: 1.02; font-weight: 850; }
.hero-lead { max-width: 680px; margin-bottom: 32px; color: #d1d8e1; font-size: 19px; }
.hero-lead strong { color: #fff; }
.hero-actions { display: flex; gap: 10px; }
.button { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 18px; padding: 0 20px; border: 1px solid transparent; font-size: 14px; font-weight: 700; }
.button.primary { background: var(--blue); color: #fff; }
.button.primary:hover { background: #176ee6; }
.button.ghost { border-color: #536171; background: rgba(5, 7, 10, .38); }
.button.ghost:hover { border-color: #fff; }
.hero-meta { display: flex; gap: 22px; margin-top: 44px; color: #8996a6; font-size: 12px; }
.scroll-cue { position: absolute; z-index: 2; right: max(20px, calc((100% - var(--max)) / 2)); bottom: 52px; width: 28px; height: 46px; border: 1px solid #657282; border-radius: 18px; }
.scroll-cue span { position: absolute; left: 12px; top: 9px; width: 2px; height: 8px; background: #fff; animation: scroll 1.7s infinite; }
@keyframes scroll { 0% { transform: translateY(0); opacity: 0; } 35% { opacity: 1; } 100% { transform: translateY(16px); opacity: 0; } }

.summary-band { border-block: 1px solid var(--line); background: #080b10; }
.summary-inner { width: min(100%, var(--max)); margin: auto; display: grid; grid-template-columns: repeat(3, 1fr); }
.summary-inner p { min-height: 125px; margin: 0; padding: 30px; display: flex; align-items: flex-start; gap: 15px; border-right: 1px solid var(--line); color: #c5cdd7; font-size: 14px; }
.summary-inner p:first-child { border-left: 1px solid var(--line); }
.summary-inner span { color: var(--blue); font-family: monospace; font-size: 12px; }

.section { width: min(calc(100% - 40px), var(--max)); margin: auto; padding: 130px 0; }
.section-grid, .legal-grid, .alternative-grid { display: grid; grid-template-columns: .92fr 1.08fr; align-items: center; gap: 80px; }
h2 { margin-bottom: 24px; font-size: clamp(34px, 4vw, 58px); line-height: 1.16; }
h3 { margin-bottom: 6px; font-size: 18px; line-height: 1.4; }
.lead { color: #dbe2ea; font-size: 19px; line-height: 1.75; }
.copy > p:not(.eyebrow):not(.lead), .legal-copy > p:not(.eyebrow):not(.lead) { color: var(--muted); }
.feature-figure { margin: 0; }
.feature-figure img { aspect-ratio: 3 / 2; }
figcaption { color: var(--muted); font-size: 12px; }
.feature-figure figcaption { padding-top: 12px; border-top: 2px solid var(--blue); }
.term-list { margin-top: 34px; border-top: 1px solid var(--line); }
.term-list div { display: grid; grid-template-columns: 100px 1fr; padding: 17px 0; border-bottom: 1px solid var(--line); }
.term-list span { color: var(--cyan); font-size: 13px; font-weight: 700; }
.term-list p { margin: 0; color: #aab4c0; font-size: 13px; }

.comparison-section { padding-top: 70px; }
.section-heading { max-width: 800px; margin-bottom: 54px; }
.section-heading > p:last-child { color: var(--muted); }
.comparison-wrap { overflow-x: auto; border-top: 2px solid var(--blue); }
table { width: 100%; min-width: 720px; border-collapse: collapse; font-size: 14px; }
th, td { padding: 22px 20px; text-align: left; border-bottom: 1px solid var(--line); }
thead th { color: #8e9baa; font-size: 12px; }
tbody th { width: 18%; color: #fff; }
tbody td:nth-child(2) { color: #f0b9bc; background: rgba(255, 98, 107, .035); }
tbody td:nth-child(3) { color: #b9e7cd; background: rgba(84, 214, 139, .035); }

.visual-break { height: 560px; position: relative; overflow: hidden; }
.visual-break img { height: 100%; filter: brightness(.48) saturate(.9); }
.visual-break::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #05070a 0%, transparent 50%, #05070a 100%); }
.visual-break div { position: absolute; z-index: 2; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; text-align: center; }
.visual-break p { color: var(--cyan); font-family: monospace; font-size: 12px; }
.visual-break h2 { max-width: 800px; margin: 0; }
.visual-actions { position: static !important; inset: auto !important; flex-direction: row !important; gap: 10px; margin-top: 30px; padding: 0 !important; }
.visual-actions .button { min-width: 190px; }
.visual-actions .ghost { background: rgba(5, 7, 10, .72); border-color: #718096; }

.risk-section { display: grid; grid-template-columns: .65fr 1.35fr; gap: 80px; }
.risk-intro { position: sticky; top: 120px; align-self: start; }
.risk-intro p:last-child { color: var(--muted); }
.risk-layout { min-width: 0; }
.risk-image { margin: 0 0 20px; }
.risk-image img { aspect-ratio: 16 / 8; }
.risk-list { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.risk-list li { display: grid; grid-template-columns: 60px 1fr; gap: 20px; padding: 25px 0; border-bottom: 1px solid var(--line); }
.risk-list li > b { color: var(--red); font-family: monospace; }
.risk-list p { margin: 0; color: var(--muted); font-size: 14px; }

.legal-section { width: 100%; max-width: none; padding: 130px max(20px, calc((100% - var(--max)) / 2)); background: #0a0e14; }
.legal-grid { grid-template-columns: 1fr 1fr; }
.image-pair { display: grid; grid-template-columns: 1.1fr .9fr; gap: 12px; align-items: end; }
.image-pair img { height: 410px; }
.image-pair img:last-child { height: 310px; }

.check-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.check-item { min-height: 240px; padding: 25px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #080b10; }
.check-item:hover { background: var(--surface-2); }
.check-item span { display: block; margin-bottom: 42px; color: var(--blue); font-family: monospace; font-size: 12px; }
.check-item p { margin: 0; color: var(--muted); font-size: 13px; }

.alternative-section { width: 100%; max-width: none; padding: 0; background: #dfe8ef; color: #0a0d11; }
.alternative-grid { gap: 0; grid-template-columns: 1fr 1fr; }
.alternative-image { height: 680px; margin: 0; }
.alternative-image img { height: 100%; }
.alternative-section .copy { padding: 70px max(40px, calc((100vw - var(--max)) / 2)); padding-left: 70px; }
.alternative-section .copy > p { color: #475463; }
.option-list { margin-top: 35px; border-top: 1px solid #a9b7c3; }
.option-list div { display: grid; grid-template-columns: 45px 1fr; gap: 15px; padding: 20px 0; border-bottom: 1px solid #a9b7c3; }
.option-list strong { color: #176ed8; font-family: monospace; }
.option-list p { margin: 0; color: #354350; font-size: 14px; }
.option-list b { color: #0a0d11; font-size: 16px; }

.basics-gallery { display: grid; grid-template-columns: 1.25fr .75fr .75fr; gap: 12px; }
.basics-gallery figure { position: relative; height: 480px; margin: 0; overflow: hidden; background: var(--surface); }
.basics-gallery img { height: 100%; filter: brightness(.7); transition: transform .5s ease, filter .5s ease; }
.basics-gallery figure:hover img { transform: scale(1.025); filter: brightness(.85); }
.basics-gallery figcaption { position: absolute; inset: auto 0 0; padding: 60px 22px 20px; color: #fff; background: linear-gradient(transparent, rgba(0,0,0,.9)); }
.basics-gallery b, .basics-gallery span { display: block; }
.basics-gallery b { margin-bottom: 5px; font-size: 18px; }
.basics-gallery span { color: #c1cad4; font-size: 12px; }

.faq-section { display: grid; grid-template-columns: .52fr 1.48fr; gap: 80px; }
.faq-heading { position: sticky; top: 120px; align-self: start; }
.faq-list { border-top: 1px solid var(--line); }
details { border-bottom: 1px solid var(--line); }
summary { min-height: 86px; display: flex; align-items: center; justify-content: space-between; gap: 20px; cursor: pointer; list-style: none; font-weight: 700; }
summary::-webkit-details-marker { display: none; }
summary span { color: var(--blue); font-size: 24px; transition: transform .2s ease; }
details[open] summary span { transform: rotate(45deg); }
details p { max-width: 760px; padding: 0 45px 26px 0; color: var(--muted); font-size: 14px; }

.community-banner {
  width: min(calc(100% - 40px), var(--max));
  min-height: 500px;
  position: relative;
  margin: 20px auto 130px;
  padding: 76px;
  display: flex;
  align-items: center;
  overflow: hidden;
  border: 1px solid #284a73;
  background:
    linear-gradient(100deg, rgba(5, 9, 15, .98) 5%, rgba(7, 20, 36, .94) 58%, rgba(15, 45, 72, .7) 100%),
    url("assets/market-3.webp") center / cover no-repeat;
}
.community-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(79, 209, 217, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(79, 209, 217, .08) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(90deg, transparent 25%, #000 100%);
}
.community-banner::after { content: ""; position: absolute; inset: 0; border: 1px solid rgba(79, 209, 217, .12); pointer-events: none; }
.community-glow { position: absolute; width: 320px; height: 320px; right: -80px; top: -100px; border: 1px solid rgba(79, 209, 217, .24); border-radius: 50%; box-shadow: 0 0 90px rgba(47, 129, 247, .18); }
.community-content { position: relative; z-index: 2; max-width: 790px; }
.community-content h2 { font-size: clamp(34px, 4vw, 54px); }
.community-content > p:not(.eyebrow) { max-width: 720px; color: #b9c7d5; }
.community-actions { display: flex; align-items: center; gap: 25px; margin-top: 32px; }
.community-primary { background: #e7f4ff; color: #07101b; }
.community-primary:hover { background: #fff; }
.kakao-compact { min-height: 50px; padding-inline: 20px; }
.text-link { padding: 12px 0; border-bottom: 1px solid #6d849b; color: #d5e6f5; font-size: 14px; font-weight: 700; }
.text-link:hover { color: var(--cyan); border-color: var(--cyan); }
.community-data { position: absolute; z-index: 2; right: 28px; bottom: 25px; display: flex; gap: 20px; color: #7090ac; font-family: monospace; font-size: 10px; }

footer { padding: 54px max(20px, calc((100% - var(--max)) / 2)); border-top: 1px solid var(--line); background: #020304; color: var(--muted); }
.footer-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 45px; }
.footer-top > a:last-child { font-size: 12px; }
footer p { max-width: 900px; font-size: 12px; }
footer small { color: #5f6b78; font-size: 11px; }

.reveal { opacity: 1; transform: none; transition: opacity .65s ease, transform .65s ease; }
.reveal.visible { opacity: 1; transform: none; }

@media (max-width: 980px) {
  .desktop-nav, .header-link { display: none; }
  .menu-button { width: 42px; height: 42px; margin-left: auto; display: grid; place-content: center; gap: 7px; border: 0; background: transparent; color: #fff; }
  .menu-button span { display: block; width: 22px; height: 1px; background: currentColor; transition: transform .2s ease; }
  .menu-button[aria-expanded="true"] span:first-child { transform: translateY(4px) rotate(45deg); }
  .menu-button[aria-expanded="true"] span:last-child { transform: translateY(-4px) rotate(-45deg); }
  .mobile-nav { display: none; padding: 8px 20px 22px; background: rgba(5,7,10,.98); border-top: 1px solid var(--line); }
  .mobile-nav.open { display: grid; }
  .mobile-nav a { padding: 11px 0; border-bottom: 1px solid var(--line); font-size: 14px; }
  .section-grid, .legal-grid, .alternative-grid, .risk-section, .faq-section { grid-template-columns: 1fr; gap: 48px; }
  .risk-intro, .faq-heading { position: static; }
  .check-grid { grid-template-columns: repeat(2, 1fr); }
  .basics-gallery { grid-template-columns: 1fr 1fr; }
  .basics-gallery figure:first-child { grid-column: 1 / -1; }
  .alternative-section .copy { padding: 60px 40px; }
  .community-banner { padding: 60px 45px; }
}

@media (max-width: 680px) {
  body { word-break: keep-all; }
  .header-inner { width: calc(100% - 30px); height: 64px; }
  .hero { min-height: 760px; align-items: flex-end; }
  .hero-media { background-position: 62% center; }
  .hero-shade { background: linear-gradient(90deg, rgba(2,4,7,.96), rgba(2,4,7,.48)), linear-gradient(0deg, #05070a 0%, transparent 44%); }
  .hero-content { width: calc(100% - 32px); padding: 145px 0 80px; }
  h1 { font-size: 50px; }
  h2 { font-size: 34px; }
  .hero-lead, .lead { font-size: 16px; }
  .hero-actions { align-items: stretch; flex-direction: column; }
  .button { width: 100%; }
  .hero-meta { flex-direction: column; gap: 3px; margin-top: 28px; }
  .scroll-cue { display: none; }
  .summary-inner { grid-template-columns: 1fr; }
  .summary-inner p, .summary-inner p:first-child { min-height: auto; padding: 20px 16px; border-left: 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .section { width: calc(100% - 32px); padding: 88px 0; }
  .section-grid, .legal-grid { gap: 40px; }
  .term-list div { grid-template-columns: 80px 1fr; }
  .visual-break { height: 400px; }
  .visual-actions { width: 100%; flex-direction: column !important; margin-top: 24px; }
  .visual-actions .button { width: min(100%, 300px); min-width: 0; }
  .risk-section { gap: 32px; }
  .risk-list li { grid-template-columns: 42px 1fr; gap: 10px; }
  .legal-section { width: 100%; padding: 88px 16px; }
  .image-pair { grid-template-columns: 1fr 1fr; }
  .image-pair img, .image-pair img:last-child { height: 260px; }
  .check-grid { grid-template-columns: 1fr; }
  .check-item { min-height: auto; }
  .check-item span { margin-bottom: 24px; }
  .alternative-image { height: 430px; }
  .alternative-section .copy { padding: 55px 16px 70px; }
  .basics-gallery { grid-template-columns: 1fr; }
  .basics-gallery figure, .basics-gallery figure:first-child { height: 400px; grid-column: auto; }
  .faq-section { gap: 25px; }
  summary { min-height: 78px; font-size: 14px; }
  .community-banner { width: calc(100% - 32px); min-height: 580px; margin-bottom: 90px; padding: 48px 22px 80px; align-items: flex-end; background-position: 68% center; }
  .community-banner::before { mask-image: linear-gradient(0deg, #000, transparent); }
  .community-content h2 { font-size: 31px; }
  .community-actions { align-items: stretch; flex-direction: column; gap: 12px; }
  .community-actions .button { width: 100%; }
  .text-link { text-align: center; }
  .community-data { left: 22px; right: auto; gap: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}

:focus-visible{outline:3px solid #4fd1d9;outline-offset:5px}html{scroll-padding-top:96px}body{overflow-wrap:anywhere}.site-header{background:rgba(5,7,10,.94)}.blog-shell{max-width:1200px;margin:auto;padding:140px 24px 80px}.blog-shell h1{font-size:clamp(30px,4vw,52px);line-height:1.35;max-width:1000px;margin:22px 0}.blog-lead{color:var(--muted);max-width:820px;font-size:18px}.breadcrumbs{font-size:13px;color:#b8c7d9}.breadcrumbs a{text-decoration:underline}.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:36px}.blog-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}.blog-card img{aspect-ratio:16/9;height:auto}.card-copy{padding:24px}.card-copy h2,.card-copy h3{font-size:24px;line-height:1.5;margin:10px 0}.card-copy p{color:var(--muted);font-size:15px}.blog-meta{color:#adbdce;font-size:13px}.post{max-width:880px;margin:auto}.post figure{margin:34px 0}.post figure img{height:auto;border-radius:12px;aspect-ratio:16/9}.post figcaption{font-size:12px;color:#adbdce;margin-top:8px}.article-copy h2{font-size:25px;line-height:1.5;margin:44px 0 16px}.article-copy p{font-size:17px;line-height:1.95;color:#dce4ed}.article-copy a,.source-box a,.related a{color:#83b9ff;text-decoration:underline;text-underline-offset:4px}.source-box,.related{border-top:1px solid var(--line);padding:28px 0;margin-top:30px}.source-box h2,.related h2{font-size:22px}.source-box li,.related li{margin:12px 0}.source-box p{color:var(--muted);font-size:14px}.home-blog{padding-top:60px}.home-blog h2{margin:10px 0}.header-inner{gap:22px}.desktop-nav{gap:22px}.mobile-nav a{min-height:44px}.footer-blog{display:inline-block;margin:12px 0;text-decoration:underline}.post .eyebrow{margin-top:36px}@media(max-width:680px){.blog-shell{padding:105px 18px 60px}.blog-grid{grid-template-columns:1fr;gap:22px}.blog-shell h1{font-size:32px}.article-copy p{font-size:16px}.article-copy h2{font-size:23px}.card-copy{padding:20px}.header-inner{gap:14px}.brand{font-size:12px}.header-link.kakao-header{display:none}.blog-lead{font-size:16px}.post figure{margin:28px 0}}
.button.primary{background:#1964ca;border-color:#1964ca}.option-list strong{color:#125ab0}footer small{color:#9da9b8}.summary-inner p>span{flex-shrink:0;white-space:nowrap}

/* Shared white theme for the homepage, blog index, articles and 404. */
:root {
  color-scheme: light;
  --bg: #ffffff;
  --surface: #ffffff;
  --surface-2: #eef5ff;
  --line: #d7e2ef;
  --text: #152740;
  --muted: #52647a;
  --blue: #155bbb;
  --cyan: #096b83;
  --amber: #865305;
  --red: #b42336;
  --green: #17673e;
}
body { background: #fff; color: var(--text); }
.site-header, .site-header.scrolled { background: rgba(255,255,255,.97); border-bottom-color: var(--line); }
.site-header.scrolled { box-shadow: 0 3px 18px rgba(26,58,100,.05); }
.brand, .menu-button { color: var(--text); }
.desktop-nav a { color: #40536b; }
.desktop-nav a:hover, .mobile-nav a:hover { color: var(--blue); }
.mobile-nav { background: #fff; color: var(--text); }
.header-link { border-color: var(--line); }
:focus-visible { outline-color: #155bbb; }
.hero { background: #f8fbff; }
.hero-media { opacity: .75; }
.hero-shade { background: linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 34%,rgba(255,255,255,.80) 58%,rgba(255,255,255,.15) 100%),linear-gradient(0deg,#fff 0%,transparent 55%); }
.hero h1 { color: #102b50; }
.hero-lead, .lead { color: #40536b; }
.hero-lead strong { color: #152740; }
.hero-meta { color: #52647a; }
.button.primary, .community-primary { background: #155bbb; border-color: #155bbb; color: #fff; }
.button.primary:hover, .community-primary:hover { background: #104b9d; border-color: #104b9d; color: #fff; }
.button.ghost, .visual-actions .ghost { background: rgba(255,255,255,.95); border-color: #9ab2cd; color: #163d70; }
.button.ghost:hover { border-color: #155bbb; background: #edf4ff; }
.scroll-cue { border-color: #6b8099; }
.scroll-cue span { background: #155bbb; }
.summary-band { background: #f3f7fc; }
.summary-inner p { color: #344b67; }
.term-list p { color: #52647a; }
.comparison-wrap { background: #fff; }
thead th { color: #40536b; background: #f2f6fc; }
tbody th { color: #152740; }
tbody td:nth-child(2) { color: #8e2837; background: #fff6f7; }
tbody td:nth-child(3) { color: #1a603e; background: #f1faf5; }
.visual-break { background: #f2f7fd; }
.visual-break img { filter: none; opacity: .18; }
.visual-break::after { background: linear-gradient(90deg,#f5f9ff 0%,rgba(245,249,255,.65) 50%,#f5f9ff 100%); }
.visual-break h2 { color: #16375f; }
.visual-break p { color: #096b83; }
.legal-section { background: #f5f8fc; }
.check-item { background: #fff; }
.check-item:hover { background: #eff5ff; }
.alternative-section { background: #edf4fc; color: #152740; }
.alternative-section .copy > p { color: #40536b; }
.option-list, .option-list div { border-color: #c3d3e5; }
.option-list strong { color: #155bbb; }
.option-list p { color: #40536b; }
.option-list b { color: #152740; }
.basics-gallery img { filter: none; }
.basics-gallery figure:hover img { filter: none; }
.basics-gallery figcaption { color: #152740; background: linear-gradient(transparent,rgba(255,255,255,.98) 28%); padding-top: 72px; }
.basics-gallery span { color: #40536b; }
.community-banner { border-color: #cbdced; background: linear-gradient(100deg,rgba(247,250,255,.99) 5%,rgba(238,246,255,.97) 58%,rgba(230,242,255,.92) 100%),url('/assets/market-3.webp') center/cover no-repeat; }
.community-banner::before { background-image: linear-gradient(rgba(21,91,187,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(21,91,187,.06) 1px,transparent 1px); }
.community-banner::after { border-color: rgba(21,91,187,.08); }
.community-glow { border-color: rgba(21,91,187,.15); box-shadow: 0 0 90px rgba(21,91,187,.08); }
.community-content h2 { color: #16375f; }
.community-content > p:not(.eyebrow) { color: #40536b; }
.community-data { color: #52647a; }
.text-link { color: #155bbb; border-color: #155bbb; }
footer { background: #f4f7fb; color: #52647a; }
footer small { color: #52647a; }
.blog-card { background: #fff; box-shadow: 0 8px 24px rgba(26,58,100,.045); }
.blog-card:hover { border-color: #8dadd6; }
.blog-meta, .breadcrumbs, .post figcaption { color: #52647a; }
.article-copy p { color: #34475e; }
.article-copy a, .source-box a, .related a { color: #155bbb; }
@media(max-width:680px) {
  .hero-shade { background: linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.88)),linear-gradient(0deg,#fff,transparent); }
}