/* Both pages share an explicit title anchor, independent of the content below. */
body:is([data-section=data],[data-section=preprocessing]){--hero-heading-offset:clamp(32px,calc((var(--tablet-scene-height) - 420px)/2),120px)}
body[data-section=data] .data-hero{align-items:start}
body[data-section=data] .data-hero-copy{padding-top:var(--hero-heading-offset)}
body[data-section=preprocessing] .preprocessing-hero{justify-content:flex-start;padding:calc(24px + var(--hero-heading-offset)) 4.5% 28px}
body[data-section=preprocessing] .preprocessing-hero-copy{width:85%}
body:is([data-section=data],[data-section=preprocessing]) .data-eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;line-height:16px;letter-spacing:.2em;color:var(--accent);margin:0 0 20px;font-weight:600}
body:is([data-section=data],[data-section=preprocessing]) .data-eyebrow:before{content:"";width:24px;height:2px;background:var(--accent)}
body:is([data-section=data],[data-section=preprocessing]) :is(#data-hero-title,#preprocessing-hero-title){font-size:clamp(44px,5.1vw,76px);line-height:1.12;font-weight:700;letter-spacing:-.045em;margin:0 0 22px;width:fit-content;background-image:linear-gradient(105deg,#3b9dff 0%,#86caff 25%,#b4e0ff 40%,#eefaff 48%,#fff 51%,#b6e8ff 57%,#86caff 70%,#3b9dff 100%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:nlp-wordmark-shimmer 5s ease-in-out infinite alternate}
html[data-theme=human] body:is([data-section=data],[data-section=preprocessing]) :is(#data-hero-title,#preprocessing-hero-title){background-image:linear-gradient(105deg,#ffb92d 0%,#ffd56e 25%,#ffdb86 40%,#fff6dc 48%,#fffdfa 51%,#ffdda0 57%,#ffd56e 70%,#ffb92d 100%)}
body[data-section=preprocessing] .preprocessing-hero-copy p{font-size:clamp(14px,1.2vw,17px);line-height:1.6;max-width:460px}
@media(min-width:768px) and (max-height:750px){body[data-section=data] .data-hero{padding-top:calc(var(--tablet-header-height) + 24px)}}
@media(max-width:767px){
 body[data-section=data] .data-hero-copy{padding-top:0}
 body[data-section=preprocessing] .preprocessing-hero{height:auto;min-height:var(--tablet-scene-height);padding:28px 24px}
 body[data-section=preprocessing] .preprocessing-hero-copy{width:100%}
 body[data-section=preprocessing] .tablet{height:auto;min-height:calc(var(--tablet-header-height) + var(--tablet-scene-height) + 18px)}
 body[data-section=preprocessing] .tablet #main{height:auto}
 body:is([data-section=data],[data-section=preprocessing]) :is(#data-hero-title,#preprocessing-hero-title){font-size:clamp(27px,6.8vw,48px)}
 body:is([data-section=data],[data-section=preprocessing]) .data-eyebrow{font-size:10px}
}
@media(max-width:400px){body[data-section=preprocessing] .preprocessing-hero{padding-left:16px;padding-right:16px}}
@media(prefers-reduced-motion:reduce){body:is([data-section=data],[data-section=preprocessing]) :is(#data-hero-title,#preprocessing-hero-title){animation:none;background-position:50% 50%}}
