/* source_agent=codex / machine=mac-mini; selected colorful bot hero, local preview only */
.corporate-home .site-header{background:rgba(7,26,56,.96);color:#fff}
.corporate-home.has-hero-script .site-header:not(.is-scrolled){background:transparent}
.corporate-home .site-header.is-scrolled{background:rgba(7,26,56,.96)}
.hero--bots{position:relative;isolation:isolate;display:flex;align-items:center;min-height:max(680px,56.25vw);max-height:none;padding:120px 0 100px;background:#071a38;color:#fff;overflow:hidden}
.hero--bots .hero-scene{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.hero--bots .hero-layer{position:absolute;display:block;pointer-events:none;user-select:none}
.hero--bots .hero-art-background,.hero--bots .hero-art-back,.hero--bots .hero-art-middle{inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.hero--bots .hero-art-background{z-index:0}
.hero--bots .hero-art-back{z-index:1}
.hero--bots .hero-art-middle{z-index:2}
.hero--bots .hero-art-codex{left:43%;bottom:12%;width:29%;height:auto;z-index:3}
.hero--bots .hero-art-claude{left:69%;bottom:15%;width:26%;height:auto;z-index:4}
.hero--bots .hero-copy{position:relative;z-index:2;width:calc(100% - 8vw);max-width:1560px;margin-inline:auto;padding:0}
.hero--bots .hero-copy h1{width:53%;max-width:820px;margin:0;font-size:clamp(46px,4.45vw,76px);font-weight:800;line-height:1.4;letter-spacing:-.045em;text-wrap:initial;color:#fff}
.hero--bots .hero-copy h1>span{display:block}
.hero--bots .hero-description{width:46%;max-width:690px;margin:28px 0 0;font-size:clamp(16px,1.35vw,21px);line-height:1.8;letter-spacing:0;color:#fff}
.hero--bots .hero-link{margin-top:30px;font-size:clamp(16px,1.25vw,20px);font-weight:700;color:#fff}
.hero--bots .hero-link:hover{opacity:.8}
.hero--bots.is-entering .hero-art-back{animation:hero-bot-pop 1.05s .08s both}
.hero--bots.is-entering .hero-art-middle{animation:hero-bot-pop 1.05s .23s both}
.hero--bots.is-entering .hero-art-codex{animation:hero-bot-pop 1.05s .39s both}
.hero--bots.is-entering .hero-art-claude{animation:hero-bot-pop 1.05s .55s both}
.hero--bots.is-entering .hero-copy{animation:hero-copy-arrive .8s .06s both}
@keyframes hero-bot-pop{0%{opacity:0;transform:translateY(36px) scale(.9)}65%{opacity:1;transform:translateY(-5px) scale(1.015)}100%{opacity:1;transform:none}}
@keyframes hero-copy-arrive{0%{opacity:0;transform:translateY(14px)}100%{opacity:1;transform:none}}
@media(min-width:1800px){.hero--bots{min-height:1012px}.hero--bots .hero-copy{width:calc(100% - 120px);max-width:1680px}}
@media(max-width:980px){
.hero--bots{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:130px 0 0}
.hero--bots .hero-copy{order:0;width:calc(100% - 64px);max-width:720px;margin-inline:auto}
.hero--bots .hero-copy h1{width:100%;max-width:720px;font-size:clamp(36px,5.8vw,56px);line-height:1.4}
.hero--bots .hero-description{width:100%;max-width:620px;margin-top:24px;font-size:18px}
.hero--bots .hero-link{margin-top:20px;font-size:17px}
.hero--bots .hero-scene{position:relative;inset:auto;order:1;width:100%;height:clamp(390px,65vw,560px);margin-top:0;z-index:0}
.hero--bots .hero-art-background,.hero--bots .hero-art-back,.hero--bots .hero-art-middle{width:170%;height:112%;inset:auto auto 0 -65%;object-fit:cover;object-position:50% 50%}
.hero--bots .hero-art-codex{width:47%;left:10%;bottom:9%}
.hero--bots .hero-art-claude{width:43%;left:53%;bottom:12%}
}
@media(max-width:600px){
.hero--bots{padding-top:112px}
.hero--bots .hero-copy{width:calc(100% - 40px)}
.hero--bots .hero-copy h1{font-size:clamp(30px,8vw,46px);line-height:1.45;letter-spacing:-.04em}
.hero--bots .hero-description{font-size:16px;line-height:1.9;margin-top:20px}
.hero--bots .hero-link{margin-top:16px;font-size:16px}
.hero--bots .hero-scene{height:clamp(320px,86vw,430px);margin-top:4px}
.hero--bots .hero-art-background,.hero--bots .hero-art-back,.hero--bots .hero-art-middle{width:185%;left:-76%;height:108%}
.hero--bots .hero-art-codex{width:55%;left:3%;bottom:9%}
.hero--bots .hero-art-claude{width:49%;left:49%;bottom:12%}
}
@media(max-width:359px){
.hero--bots .hero-copy{width:calc(100% - 32px)}
.hero--bots .hero-copy h1{font-size:29px}
.hero--bots .hero-description{font-size:15px}
.hero--bots .hero-scene{height:318px}
}
@media(prefers-reduced-motion:reduce){.hero--bots .hero-layer,.hero--bots .hero-copy{animation:none!important;transform:none!important;opacity:1!important}}

/* The selected hero remains dark even while other sections compare light palettes. */
html[data-palette-light-hero=true] .hero--bots{background:#071a38;color:#fff}
html[data-palette-light-hero=true] .hero--bots .hero-description{color:#fff}
html[data-palette-light-hero=true] .corporate-home .site-header,html[data-palette-light-hero=true] .corporate-home .menu-toggle{color:#fff}
@media(min-width:981px) and (max-width:1100px){.hero--bots .hero-description{width:34%;text-wrap:balance}}

.hero--bots .hero-description>span{display:inline-block;max-width:100%}

/* source_agent=codex / machine=mac-mini: approved centered human scene, editable HTML copy. */
.hero--bots .hero-art-human-scene{inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;z-index:0}
.hero--bots.is-entering .hero-art-human-scene{animation:hero-scene-arrive 1s .05s both}
@keyframes hero-scene-arrive{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.hero--bots .hero-art-human-scene{animation:none!important;opacity:1!important}}