:root {
  --ink: #111816;
  --paper: #f7f8f5;
  --mint: #acd7bb;
  --blue: #205b8a;
  --line: #11181626;
  font-family: system-ui, -apple-system, "Segoe UI", "Noto Sans KR", "Malgun Gothic", Arial, sans-serif;
}

body,
button,
input,
select,
textarea {
  font-family: inherit;
}

body {
  background: var(--paper);
}

.site-header {
  height: 72px;
}

.site-header.scrolled {
  background: #f7f8f5f2;
  box-shadow: 0 8px 30px #1118160a;
}

.desktop-nav {
  gap: 28px;
  font-size: 12px;
  font-weight: 560;
}

.header-cta,
.button {
  border-radius: 3px;
}

.eyebrow,
.section-label {
  font-size: 11px;
}

.brand-intro-head h2,
.builder-product-copy h2,
.service-heading h2,
.industry-product-copy h2,
.license-home-grid h2,
.brand-closing h2,
.detail-hero h1,
.band-head h2,
.market-intro h1,
.market-featured-copy h2,
.ops-copy h2,
.page-cta h2,
.control-object h3,
.velora-suite-head h2,
.service-capabilities-head h2,
.architecture-head h2,
.delivery-grid h2,
.service-proof h2,
.dress-lab .preview-copy h3 {
  font-family: inherit;
  font-weight: 650;
  letter-spacing: 0;
}

.brand-hero-copy h1 {
  font-size: 132px;
  line-height: .86;
}

.brand-intro-head h2 {
  font-size: 68px;
  line-height: 1.12;
}

.builder-product-copy h2,
.service-heading h2,
.industry-product-copy h2,
.license-home-grid h2 {
  font-size: 60px;
  line-height: 1.12;
}

.brand-closing h2 {
  max-width: 1000px;
  font-size: 72px;
  line-height: 1.08;
}

.detail-hero h1 {
  max-width: 920px;
  font-size: 76px;
  line-height: 1.04;
}

.detail-hero.compact h1 {
  font-size: 76px;
}

.band-head h2,
.velora-suite-head h2 {
  font-size: 60px;
  line-height: 1.14;
}

.page-cta h2 {
  font-size: 66px;
  line-height: 1.08;
}

.market-intro h1 {
  font-size: 82px;
  line-height: 1;
}

.market-featured-copy h2,
.ops-copy h2 {
  font-size: 52px;
  line-height: 1.1;
}

.control-object h3 {
  font-size: 48px;
}

.service-capabilities-head h2,
.architecture-head h2,
.delivery-grid h2 {
  font-size: 60px;
  line-height: 1.12;
}

.service-proof h2,
.dress-lab .preview-copy h3 {
  font-size: 52px;
  line-height: 1.12;
}

.business-index a,
.service-spec article,
.principle-row,
.slot-row,
.velora-product-rail article,
.process-rail article {
  transition: background .18s ease, color .18s ease;
}

.business-index a:hover,
.principle-row:hover,
.slot-row:hover {
  background: #e6ece7;
}

.service-spec article:nth-child(2) {
  background: #f0f3f7;
}

.service-spec article:nth-child(3) {
  background: #f6efee;
}

.service-spec article:nth-child(4) {
  background: #eef3ef;
}

.brand-closing {
  background: #205b8a;
}

.page-footer,
.brand-footer {
  background: #111816;
}

@media (max-width: 1000px) {
  .brand-hero-copy h1 {
    font-size: 94px;
  }

  .brand-intro-head h2,
  .builder-product-copy h2,
  .service-heading h2,
  .industry-product-copy h2,
  .license-home-grid h2,
  .band-head h2,
  .velora-suite-head h2 {
    font-size: 52px;
  }

  .detail-hero h1 {
    font-size: 66px;
  }

  .detail-hero.compact h1 {
    font-size: 66px;
  }

  .service-capabilities-head h2,
  .architecture-head h2,
  .delivery-grid h2,
  .service-proof h2,
  .dress-lab .preview-copy h3 {
    font-size: 52px;
  }

  .brand-closing h2,
  .page-cta h2 {
    font-size: 58px;
  }
}

@media (max-width: 650px) {
  .brand-hero-copy h1 {
    font-size: 58px;
  }

  .brand-intro-head h2,
  .builder-product-copy h2,
  .service-heading h2,
  .industry-product-copy h2,
  .license-home-grid h2,
  .band-head h2,
  .velora-suite-head h2,
  .ops-copy h2 {
    font-size: 40px;
    line-height: 1.18;
  }

  .detail-hero h1 {
    font-size: 45px;
    line-height: 1.08;
  }

  .detail-hero.compact h1 {
    font-size: 45px;
  }

  .brand-closing h2,
  .page-cta h2 {
    font-size: 44px;
  }

  .market-intro h1 {
    font-size: 48px;
  }

  .market-featured-copy h2,
  .control-object h3,
  .service-capabilities-head h2,
  .architecture-head h2,
  .delivery-grid h2,
  .service-proof h2,
  .dress-lab .preview-copy h3 {
    font-size: 39px;
  }
}

/* Site-wide typography and contrast pass. Readable information never doubles as decoration. */
.site-header {
  height: 78px;
}

.site-header .brand {
  font-size: 24px;
}

.desktop-nav {
  gap: 34px;
  font-size: 15px;
  font-weight: 650;
}

.header-actions {
  gap: 12px;
}

.text-link,
.header-cta {
  min-height: 42px;
  font-size: 15px;
  font-weight: 700;
}

.text-link {
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
}

.site-header:not(.scrolled) .text-link {
  color: #fff;
  text-shadow: 0 1px 12px #000;
}

.site-header:not(.scrolled) .header-cta {
  background: #fff;
  border-color: #fff;
  color: #111816;
}

.site-header.scrolled .text-link {
  color: #111816;
}

.site-header.scrolled .header-cta {
  background: #111816;
  border-color: #111816;
  color: #fff;
}

.button,
.under-link {
  font-size: 15px;
  font-weight: 650;
}

.button {
  min-height: 50px;
}

.eyebrow,
.section-label {
  font-size: 14px;
}

.brand-hero-index,
.hero-index,
.industry-modules,
.detail-hero-meta {
  min-height: 48px;
  font-size: 13px;
  font-weight: 700;
}

.brand-hero-index,
.hero-index {
  background: #0b100d8f;
  backdrop-filter: blur(8px);
}

.brand-hero-bottom > p {
  font-size: 24px;
}

.brand-intro-head > p:last-child,
.builder-product-copy > p,
.service-heading p,
.industry-product-copy > p,
.license-home-grid > div:first-child > p:not(.eyebrow),
.detail-hero p,
.band-head p,
.service-capabilities-head p,
.architecture-head p,
.delivery-grid > div > p,
.service-proof p,
.market-intro p,
.ops-copy p,
.velora-suite-head p {
  font-size: 17px;
  line-height: 1.75;
}

.business-index a {
  min-height: 124px;
}

.business-index span,
.service-spec span,
.license-flow span,
.capability-ledger span,
.capability-ledger small,
.architecture-map span,
.architecture-map small,
.delivery-grid li span,
.principle-row > span,
.engine-nodes button span,
.engine-detail .node-kicker,
.flow-index span,
.slot-row > span,
.control-object small,
.control-group > span,
.market-item-badge,
.industry-system span,
.velora-product-rail header,
.brand-footer p,
.brand-footer small,
.page-footer p,
.page-footer small {
  font-size: 13px;
}

.business-index strong {
  font-size: 26px;
}

.business-index p,
.service-spec p,
.principle-row p,
.flow-index p,
.slot-row p,
.market-featured-copy p,
.industry-system p,
.velora-product-rail p,
.delivery-grid li p,
.capability-ledger p,
.product-links a {
  font-size: 15px;
  line-height: 1.7;
}

.service-spec h3,
.principle-row h3,
.flow-index h3,
.slot-row h3 {
  font-size: 24px;
}

.builder-product-media span,
.preview-top,
.preview-copy span,
.skin-selector button span,
.market-edition,
.market-kinds span,
.workflow-rail span,
.workflow-rail p,
.engine-nodes button strong,
.property-list span,
.range-row,
.market-tabs button,
.market-item small,
.ops-list div,
.velora-product-rail dl div,
.proof-links strong {
  font-size: 14px;
}

.preview-copy p,
.dress-heading p,
.workflow-head > p,
.market-body,
.industry-copy > p:last-child {
  font-size: 16px;
  line-height: 1.75;
}

.license-flow strong {
  font-size: 20px;
}

.license-flow small,
.proof-links span,
.velora-product-rail a {
  font-size: 15px;
}

.brand-footer nav,
.page-footer nav {
  font-size: 15px;
}

@media (max-width: 960px) {
  .site-header {
    height: 68px;
  }

  .mobile-nav {
    top: 68px;
  }

  .mobile-nav a {
    font-size: 18px;
  }
}

@media (max-width: 650px) {
  .site-header {
    height: 64px;
  }

  .site-header .brand {
    font-size: 21px;
  }

  .brand-hero-index,
  .hero-index,
  .industry-modules,
  .detail-hero-meta {
    font-size: 12px;
  }

  .brand-hero-bottom > p {
    font-size: 19px;
  }

  .brand-intro-head > p:last-child,
  .builder-product-copy > p,
  .service-heading p,
  .industry-product-copy > p,
  .license-home-grid > div:first-child > p:not(.eyebrow),
  .detail-hero p,
  .band-head p,
  .service-capabilities-head p,
  .architecture-head p,
  .delivery-grid > div > p,
  .service-proof p,
  .market-intro p,
  .ops-copy p,
  .velora-suite-head p {
    font-size: 16px;
  }

  .business-index strong {
    font-size: 21px;
  }

  .business-index p,
  .service-spec p,
  .principle-row p,
  .flow-index p,
  .slot-row p,
  .market-featured-copy p,
  .industry-system p,
  .velora-product-rail p,
  .delivery-grid li p,
  .capability-ledger p,
  .product-links a {
    font-size: 15px;
  }
}

/* Readability baseline for content and controls. */
.desktop-nav,
.text-link,
.header-cta,
.mobile-nav {
  font-size: 14px;
}

.eyebrow,
.section-label {
  font-size: 13px;
}

.brand-intro {
  padding-top: 52px;
  padding-bottom: 104px;
  scroll-margin-top: 72px;
}

.brand-intro-head {
  margin-top: 46px;
  margin-bottom: 62px;
  margin-left: 8%;
  gap: 5vw;
}

.brand-intro-head > p:last-child,
.builder-product-copy > p,
.service-heading p,
.industry-product-copy > p,
.license-home-grid > div:first-child > p:not(.eyebrow),
.detail-hero p,
.band-head p,
.service-capabilities-head p,
.architecture-head p,
.delivery-grid > div > p,
.service-proof p {
  font-size: 16px;
  line-height: 1.75;
}

.business-index span,
.service-spec span,
.license-flow span,
.license-flow small,
.brand-footer small,
.page-footer small {
  font-size: 12px;
}

.business-index p,
.service-spec p,
.principle-row p,
.slot-row p,
.velora-product-rail p,
.product-links a,
.brand-footer nav,
.page-footer nav {
  font-size: 14px;
  line-height: 1.65;
}

.business-index strong {
  font-size: 24px;
}

.service-spec h3,
.principle-row h3,
.slot-row h3 {
  font-size: 22px;
}

input,
select,
textarea,
.market-search input {
  font-size: 16px;
}

@media (max-width: 650px) {
  .desktop-nav,
  .text-link,
  .header-cta {
    font-size: 13px;
  }

  .brand-intro {
    padding-top: 42px;
    padding-bottom: 78px;
  }

  .brand-intro-head {
    margin: 38px 0 44px;
  }

  .brand-intro-head > p:last-child,
  .builder-product-copy > p,
  .service-heading p,
  .industry-product-copy > p,
  .license-home-grid > div:first-child > p:not(.eyebrow),
  .detail-hero p,
  .band-head p,
  .service-capabilities-head p,
  .architecture-head p,
  .delivery-grid > div > p,
  .service-proof p {
    font-size: 15px;
  }
}

/* Final public values. This must remain after the legacy readability block. */
.desktop-nav,.text-link,.header-cta{font-size:15px}
.eyebrow,.section-label{font-size:14px}
.brand-intro-head>p:last-child,.builder-product-copy>p,.service-heading p,.industry-product-copy>p,.license-home-grid>div:first-child>p:not(.eyebrow),.detail-hero p,.band-head p,.service-capabilities-head p,.architecture-head p,.delivery-grid>div>p,.service-proof p{font-size:17px}
.business-index span,.service-spec span,.license-flow span,.brand-footer small,.page-footer small{font-size:13px}
.license-flow small{font-size:15px}
.business-index p,.service-spec p,.principle-row p,.slot-row p,.velora-product-rail p,.product-links a{font-size:15px}
.business-index strong{font-size:26px}
.service-spec h3,.principle-row h3,.slot-row h3{font-size:24px}
.brand-footer nav,.page-footer nav{font-size:15px}
.brand-hero-index,.hero-index,.industry-modules{font-size:14px}
.business-index p,.service-spec p{font-size:16px}
@media(max-width:650px){
  .desktop-nav,.text-link,.header-cta{font-size:15px}
  .brand-intro-head>p:last-child,.builder-product-copy>p,.service-heading p,.industry-product-copy>p,.license-home-grid>div:first-child>p:not(.eyebrow),.detail-hero p,.band-head p,.service-capabilities-head p,.architecture-head p,.delivery-grid>div>p,.service-proof p{font-size:16px}
  .brand-hero-index,.hero-index,.industry-modules{font-size:13px}
}