/* Unified public-site type hierarchy and surface-aware copy colors. */
:root{--copy-on-light:#6f8190;--copy-on-dark:#a9b7c7;--caption-on-light:#758895;--caption-on-dark:#96a8ba}
html body{font-weight:300}
html body .footer{background:#01142f!important}
html body p,
html body li,
html body small,
html body .body-copy,
html body .description,
html body .business-desc,
html body .result p,
html body .roadmap p,
html body .trust-card p,
html body .coop-card p{font-weight:300!important}

html body .nav-links,
html body .nav-links a,
html body .nav-product-toggle,
html body .product-menu b,
html body .product-menu small,
html body .lang-switch,
html body .lang-switch b{font-weight:300!important}

html body .btn,
html body button,
html body .nav .btn,
html body .hero-actions .btn,
html body .actions .btn,
html body .cta-actions .btn{font-weight:300!important}

html body .section-head>p,
html body .head>p,
html body .hero-lead,
html body .hero-grid>div>p:not(.hero-en):not(.notice),
html body .business-sub,
html body .model-note,
html body .subtitle,
html body .subhead{font-weight:300!important;color:var(--copy-on-light)!important}

/* Six deliberate sizes: display, section, feature, card, body, caption. */
html body h1{font-size:clamp(44px,4.45vw,64px)!important}
html body h2,
html body .head h2,
html body .section-head h2{font-size:clamp(34px,3.05vw,44px)!important}
html body h3{font-size:20px!important;line-height:1.4!important}
html body h4{font-size:16px!important;line-height:1.45!important}
html body .publication-article h3,
html body .roadmap-lead h3,
html body .coop-cta h3,
html body .model-name{font-size:28px!important;line-height:1.3!important}

html body main p,
html body footer p,
html body main li{font-size:15px!important;line-height:1.8!important;color:var(--copy-on-light)!important}
html body .section-head>p,
html body .head>p,
html body .hero-lead,
html body .hero-grid>div>p:not(.notice){font-size:16px!important;line-height:1.85!important}
html body article>p,
html body .card p,
html body .step p,
html body .benefit p,
html body .workspace p,
html body .audience p,
html body .job p,
html body .discipline p,
html body .roadmap-phase p{font-size:14px!important;line-height:1.8!important}
html body small,
html body .product-menu small{font-size:12px!important;line-height:1.55!important;color:var(--caption-on-light)}
html body .model-note,
html body .disclaimer,
html body .notice,
html body .source-note{font-size:13px!important;line-height:1.75!important}
html body .manifesto p{font-size:24px!important;line-height:1.65!important}

/* Copy placed on photography needs its own contrast treatment. */
html body .business-overlay{background:linear-gradient(180deg,rgba(3,12,21,.04) 0%,rgba(3,12,21,.68) 34%,rgba(3,12,21,.98) 100%)!important}
html body .business-overlay p{max-width:680px;color:#dce5ee!important;font-size:16px!important;font-weight:300!important;line-height:1.85!important;text-shadow:0 2px 12px rgba(0,0,0,.46)}
html body .business-overlay .card-link{color:#fff!important;font-size:14px!important;text-shadow:0 2px 10px rgba(0,0,0,.42)}
html body .business-tab small{font-size:16px!important;line-height:1.65!important;color:#718594!important;font-weight:300!important}
html body .business-tab[aria-selected="true"] small{color:#637b8c!important}

/* Same gray-blue hue, raised in luminance on dark surfaces. */
html body .hero p,
html body .hero li,
html body .hero .hero-grid>div>p,
html body .hero .hero-grid>div>p:not(.hero-en):not(.notice),
html body .model-section p,
html body .model-section li,
html body .model-section .section-head>p,
html body .cooperation p,
html body .cooperation li,
html body .cooperation .section-head>p,
html body .velaris-surface p,
html body .kinetic-evidence p,
html body .page-pro .evidence p,
html body .page-pro .evidence .section-head>p,
html body .evidence p,
html body .team p,
html body .page-about .team .head>p,
html body .page-about .team .discipline p,
html body .boundary p,
html body .page-family .boundary p,
html body .cta p,
html body .manifesto p{color:var(--copy-on-dark)!important}
html body .hero small,
html body .model-section small,
html body .cooperation small,
html body .velaris-surface small,
html body .kinetic-evidence small,
html body .evidence small,
html body .team small,
html body .boundary small,
html body .cta small{color:var(--caption-on-dark)!important}