/* Reference layout only: existing page background and globe artwork are retained. */
body[data-section=data] .data-hero{grid-template-columns:minmax(0,.92fr) minmax(0,1.25fr);gap:28px;padding-left:4.5%;padding-right:4.5%}
.data-eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.2em;color:var(--accent);margin-bottom:20px;font-weight:600}
.data-eyebrow:before{content:"";width:24px;height:2px;background:var(--accent)}
body[data-section=data] .data-hero h1{font-size:clamp(44px,5.1vw,76px);line-height:1.12;letter-spacing:-.045em;margin-bottom:22px}
body[data-section=data] .data-hero-description{font-size:clamp(14px,1.2vw,17px);line-height:1.6;max-width:460px}
body[data-section=data] .data-hero-stats{max-width:490px;width:100%;grid-template-columns:1fr 1.45fr .95fr;gap:16px;border:0;padding:0;margin:28px 0 30px}
.data-hero-stats>div{min-width:0;border:1px solid var(--edge);border-radius:11px;padding:16px 18px;background:linear-gradient(140deg,var(--halo),#080a0b44);box-shadow:inset 0 1px 0 #ffffff06}
body[data-section=data] .data-hero-stats strong{font-size:clamp(27px,2.6vw,38px);font-weight:600;line-height:1.2}
body[data-section=data] .data-hero-stats span{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;line-height:1.5;margin-top:12px}
.data-hero-stats .ui-icon{width:24px;height:24px;flex-shrink:0;color:var(--accent)}
body[data-section=data] .data-hero-button{min-width:210px;justify-content:space-between;padding:15px 24px;font-size:12px;font-weight:600;border-color:var(--accent);border-radius:11px;box-shadow:inset 0 2px 12px var(--halo),0 0 18px var(--halo)}
body[data-section=data] .data-globe{max-width:min(630px,calc(var(--tablet-scene-height) - 52px));width:100%;mix-blend-mode:normal;isolation:auto}
body[data-section=data] .data-globe img{mix-blend-mode:screen}
body[data-section=data] .globe-label{display:flex;align-items:flex-start;gap:12px;width:204px;max-width:38%;box-sizing:border-box;padding:13px 12px;border:1px solid color-mix(in srgb,var(--accent) 65%,transparent);border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 15%,#080e15),#080e15e8);color:#f1f5f8;font-size:12px;line-height:1.5;letter-spacing:0;box-shadow:inset 0 1px 12px var(--halo),0 10px 24px #0005;z-index:2}
.globe-label>div{min-width:0;overflow-wrap:anywhere}.globe-label strong{display:block;font-size:12px;line-height:1.45;font-weight:600}
.globe-label p{margin:7px 0 0;font-size:11px;line-height:1.45;color:#bac4ce}
.globe-card-icon{display:grid;place-items:center;width:38px;height:40px;flex-shrink:0;border:1px solid var(--edge);border-radius:10px;background:var(--halo);color:var(--accent);box-shadow:inset 0 0 14px var(--halo)}
.globe-card-icon .ui-icon{width:25px;height:25px}
body[data-section=data] .globe-label-dialogue{top:3%;left:-3%}
body[data-section=data] .globe-label-speech{top:13%;right:-3%}
body[data-section=data] .globe-label-schema{bottom:8%;right:-2%}
.globe-label:after{content:"";position:absolute;width:32px;height:22px;border-top:1px solid var(--accent);opacity:.7;pointer-events:none}
.globe-label-dialogue:after{left:100%;top:55%;transform:skewY(35deg)}
.globe-label-speech:after,.globe-label-schema:after{right:100%;top:55%;transform:skewY(-35deg)}
@media(min-width:651px) and (max-height:750px){body[data-section=data] .data-globe{max-width:min(500px,calc(var(--tablet-scene-height) - 52px))}.data-eyebrow{margin-bottom:12px}body[data-section=data] .data-hero-stats{margin:20px 0 24px}}
@media(max-width:1100px){body[data-section=data] .data-hero{gap:18px;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}body[data-section=data] .data-hero-stats{gap:9px}.data-hero-stats>div{padding:13px 11px}body[data-section=data] .data-hero-stats strong{font-size:27px}body[data-section=data] .data-hero-stats span{font-size:10px;gap:4px}.data-hero-stats .ui-icon{width:19px;height:19px}body[data-section=data] .globe-label{gap:8px;padding:10px;max-width:44%}.globe-card-icon{width:29px;height:32px}.globe-card-icon .ui-icon{width:21px;height:21px}.globe-label>div{min-width:0;overflow-wrap:anywhere}.globe-label strong{font-size:11px}.globe-label p{font-size:10px}}
@media(max-width:767px){body[data-section=data] .tablet{height:auto;min-height:calc(var(--tablet-header-height) + var(--tablet-scene-height) + 18px)}body[data-section=data] .data-hero{height:auto;grid-template-columns:1fr;padding:calc(max(var(--tablet-header-height),118px) + 28px) 24px 28px;gap:30px}body[data-section=data] .data-hero-copy{max-width:550px;width:100%;justify-self:center}body[data-section=data] .data-hero h1{font-size:48px}body[data-section=data] .data-hero-stats{max-width:none;gap:12px}.data-hero-stats>div{padding:15px 13px}body[data-section=data] .data-globe{max-width:500px;width:100%}body[data-section=data] .globe-label{max-width:42%}.data-eyebrow{font-size:10px}}
@media(max-width:400px){body[data-section=data] .data-hero{padding-left:16px;padding-right:16px}.data-hero-stats>div{padding:12px 9px}body[data-section=data] .data-hero-stats{gap:7px}body[data-section=data] .data-hero-stats strong{font-size:24px}body[data-section=data] .data-hero-stats span{font-size:9px}.data-hero-stats .ui-icon{width:16px;height:16px}body[data-section=data] .globe-label{padding:8px;gap:6px;max-width:46%}.globe-card-icon{width:24px;height:28px}.globe-card-icon .ui-icon{width:18px;height:18px}.globe-label>div{min-width:0;overflow-wrap:anywhere}.globe-label strong{font-size:10px}.globe-label p{font-size:9px}}

/* Reuse the homepage NLP highlight and timing for both themes. */
body[data-section=data] .data-hero h1{
    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[data-section=data] .data-hero h1{
    background-image:linear-gradient(105deg,#ffb92d 0%,#ffd56e 25%,#ffdb86 40%,#fff6dc 48%,#fffdfa 51%,#ffdda0 57%,#ffd56e 70%,#ffb92d 100%);
}
@media(prefers-reduced-motion:reduce){body[data-section=data] .data-hero h1{animation:none;background-position:50% 50%}}
/* Keep the network slightly higher within the shared page frame. */
@media(min-width:768px){body[data-section=data] .data-globe{top:0}}
@media(min-width:768px) and (max-height:750px){body[data-section=data] .data-globe{top:0}}
/* The artwork and its lightweight SVG signals share one coordinate system. */
body[data-section=data] .neural-scene img{animation:none;will-change:auto}
body[data-section=data] .neural-scene .globe-label-dialogue{top:8%;left:0}
body[data-section=data] .neural-scene .globe-label-speech{top:8%;right:0}
body[data-section=data] .neural-scene .globe-label-schema{bottom:2%;left:0;right:auto}
.neural-scene .globe-label:after{display:none}
.neural-scene .globe-label{transition:border-color .25s,box-shadow .25s,background .25s}
.neural-motion{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;color:var(--accent);z-index:1}
.neural-connector{fill:none;stroke:currentColor;stroke-width:1.2;opacity:.5;vector-effect:non-scaling-stroke;transition:opacity .25s,stroke-width .25s}
.neural-anchor{fill:currentColor;filter:drop-shadow(0 0 5px currentColor);animation:neural-breathe 3.8s ease-in-out infinite}
.neural-speech .neural-anchor{animation-delay:-1.2s}
.neural-schema .neural-anchor{animation-delay:-2.5s}
.neural-streams path{fill:none;stroke:#ffcd72;stroke-width:1;opacity:.22}
.neural-streams path:nth-child(2){stroke:#61c8ff}
.neural-sparks{fill:#fff0bc;filter:drop-shadow(0 0 5px #ffc455)}
.neural-sparks .neural-blue{fill:#dbf5ff;filter:drop-shadow(0 0 5px #5bc9ff)}
.neural-stars{fill:#fff0bc;filter:drop-shadow(0 0 5px #ffbf48)}
.neural-stars circle{animation:neural-twinkle 4s ease-in-out infinite}
.neural-stars circle:nth-child(even){fill:#a9e5ff;animation-delay:-2s}
.neural-stars circle:nth-child(3n){animation-delay:-1s}
.neural-scene:has(.globe-label-dialogue:hover) .neural-dialogue .neural-connector,
.neural-scene:has(.globe-label-speech:hover) .neural-speech .neural-connector,
.neural-scene:has(.globe-label-schema:hover) .neural-schema .neural-connector{opacity:1;stroke-width:2;filter:drop-shadow(0 0 4px currentColor)}
.neural-scene .globe-label:hover{border-color:var(--accent);box-shadow:inset 0 0 16px var(--halo),0 0 22px var(--halo)}
@keyframes neural-breathe{0%,100%{opacity:.45;r:4}50%{opacity:1;r:7}}
@keyframes neural-twinkle{0%,100%{opacity:.15}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.neural-anchor,.neural-stars circle{animation:none}.neural-sparks{display:none}.neural-scene .globe-label,.neural-connector{transition:none}}
@media(max-width:767px){body[data-section=data] .neural-scene{margin-bottom:48px}body[data-section=data] .neural-scene .globe-label-schema{bottom:-12%}}

/* Reserve the illustration's square before its bitmap is decoded. */
body[data-section=data] .neural-scene{aspect-ratio:1 / 1;align-self:center;flex-shrink:0}
body[data-section=data] .neural-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:none;animation:none;transition:none}

/* Dataset statistics: the selected thin-card design, scoped to this block. */
body[data-section=data] .data-hero-stats{
 --stat-edge:#4b75835f;--stat-surface:linear-gradient(155deg,#17364465,#0b131b90);--stat-hover:#142b38;--stat-number:#93d5eb;--stat-label:#c6d4dc;--stat-icon:#88adbb;
 grid-template-columns:minmax(0,1fr) minmax(0,1.65fr) minmax(0,1fr);gap:14px;
}
html[data-theme=human] body[data-section=data] .data-hero-stats{
 --stat-edge:#8e6c365f;--stat-surface:linear-gradient(155deg,#33261865,#14120e90);--stat-hover:#302518;--stat-number:#f2bc55;--stat-label:#d0c8b8;--stat-icon:#bda473;
}
body[data-section=data] .data-hero-stats>div{
 display:flex;flex-direction:column;justify-content:space-between;min-height:132px;padding:20px 18px;
 border:1px solid var(--stat-edge);border-radius:12px;background:var(--stat-surface);box-shadow:inset 0 1px 0 #ffffff06;
}
body[data-section=data] .data-hero-stats strong{font-size:40px;font-weight:500;line-height:1.1;letter-spacing:-.035em;color:var(--stat-number);font-variant-numeric:tabular-nums}
body[data-section=data] .data-hero-stats span{font-size:14px;line-height:1.4;color:var(--stat-label);margin-top:16px;gap:8px}
body[data-section=data] .data-hero-stats .ui-icon{width:23px;height:23px;color:var(--stat-icon)}
@media(hover:hover){body[data-section=data] .data-hero-stats>div:hover{border-color:var(--stat-icon);background:var(--stat-hover)}}
@media(prefers-reduced-motion:no-preference){body[data-section=data] .data-hero-stats>div{transition:border-color .25s,background .25s}}
@media(min-width:521px) and (max-width:1100px){
 body[data-section=data] .data-hero-stats>div{padding:16px 12px;min-height:124px}
 body[data-section=data] .data-hero-stats strong{font-size:clamp(26px,3vw,36px)}
 body[data-section=data] .data-hero-stats span{font-size:13px;gap:6px}
 body[data-section=data] .data-hero-stats .ui-icon{width:20px;height:20px}
}
@media(max-width:520px){
 body[data-section=data] .data-hero-stats{grid-template-columns:1fr;gap:10px}
 body[data-section=data] .data-hero-stats>div{min-height:98px;padding:17px 20px}
 body[data-section=data] .data-hero-stats strong{font-size:35px}
 body[data-section=data] .data-hero-stats span{font-size:14px;margin-top:8px}
 body[data-section=data] .data-hero-stats .ui-icon{width:23px;height:23px}
}
@media(min-width:521px) and (max-width:1439px){
 body[data-section=data] .data-hero-stats>div{padding-left:8px;padding-right:8px}
 body[data-section=data] .data-hero-stats span{gap:6px;flex-wrap:wrap}
}