/* CPX Talent — public-safe static experience. Uses only existing brand assets, no JS, trackers or forms. */
:root{--talent-surface:#071321;--talent-border:rgba(144,177,220,.18);--talent-pale:#d8e5f3}
.talentHero{position:relative;border-bottom:1px solid rgba(255,255,255,.09);background:radial-gradient(circle at 75% 36%,rgba(0,102,255,.2),transparent 30%),radial-gradient(circle at 18% 80%,rgba(0,229,255,.07),transparent 42%);overflow:hidden}
.talentHero:before{content:"";position:absolute;inset:0;opacity:.45;pointer-events:none;background:linear-gradient(rgba(144,177,220,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(144,177,220,.05) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,#000,transparent)}
.talentHeroInner{max-width:var(--max);margin:auto;position:relative;padding:112px 28px 108px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.6fr);gap:80px;align-items:center}
.talentEyebrow{color:#8ddcf3;font-size:11px;letter-spacing:.22em;font-weight:800;text-transform:uppercase;line-height:1.6}
.talentHero h1{margin:22px 0 28px;max-width:1000px;font-size:clamp(46px,5.9vw,88px);line-height:.98;letter-spacing:-.056em;font-weight:900;color:#f3f8ff}
.talentHero h1 span{color:#aebdd0}.talentHero h1 em{font-style:normal;color:#64e5f4}
.talentLead{color:#b2c5db;max-width:760px;line-height:1.85;font-size:17px}
.talentHeroActions{display:flex;gap:13px;margin-top:30px;flex-wrap:wrap}
.talentStatus{display:flex;gap:10px;align-items:center;margin-top:30px;color:#a5b3c9;font-size:12px;line-height:1.6}
.talentStatusDot{width:8px;height:8px;border-radius:50%;background:#d4af37;box-shadow:0 0 12px rgba(212,175,55,.45);flex:none}
.talentStatement{position:relative;min-height:460px;border:1px solid rgba(212,175,55,.25);background:linear-gradient(154deg,rgba(12,29,52,.82),rgba(2,8,18,.95));padding:38px 32px;box-shadow:0 30px 80px rgba(0,0,0,.26);display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate;text-align:center}
.talentStatement:before{content:"";position:absolute;inset:20px;border:1px solid rgba(0,229,255,.13);pointer-events:none}
.talentStatementMark{height:198px;position:relative;display:grid;place-items:center}
.talentStatementMark:before{content:"";position:absolute;width:170px;height:170px;border:1px dashed rgba(0,229,255,.4);border-radius:50%;box-shadow:0 0 75px rgba(0,229,255,.13)}
.talentStatementMark img{width:190px;height:190px;object-fit:contain;filter:drop-shadow(0 0 22px rgba(0,229,255,.25))}
.talentStatement p{font-size:25px;line-height:1.15;letter-spacing:.09em;font-weight:900;margin:18px 0 22px}.talentStatement p strong{color:#f1d480}
.talentStatement small{font-size:9px;letter-spacing:.17em;color:#8499b3}
.talentSection{scroll-margin-top:70px}
.talentPrinciples{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.talentPrinciples article{padding:28px 24px;min-height:185px;border:1px solid var(--talent-border);background:linear-gradient(155deg,rgba(11,27,46,.8),rgba(4,10,20,.82))}
.talentPrinciples article span{font-size:10px;color:#5de0f2;letter-spacing:.22em;font-weight:700}.talentPrinciples h3{font-size:19px;letter-spacing:-.03em;margin:24px 0 10px}.talentPrinciples p{font-size:12px;color:#a4b5ca;line-height:1.7;margin:0}
.talentPullquote{color:#e6c676;letter-spacing:.15em;font-size:12px;font-weight:800;text-align:center;padding:32px 8px 0;margin:0}
.talentArchSection{background:radial-gradient(circle at 50% 40%,rgba(0,102,255,.1),transparent 42%),#030914}
.talentArchitecture{max-width:1200px;margin:auto;text-align:center}
.talentOrgaTier{margin:auto;border:1px solid rgba(128,185,224,.32);background:linear-gradient(180deg,#0e2035,#071321);padding:23px 28px;max-width:790px;box-shadow:0 16px 45px rgba(0,0,0,.22)}
.talentOrgaTier span,.talentBranch span{color:#61def0;letter-spacing:.2em;font-size:10px;font-weight:800}
.talentOrgaTier h3{font-size:23px;letter-spacing:-.025em;margin:10px 0 7px}.talentOrgaTier p{font-size:12px;line-height:1.7;color:#9cb0c9;margin:0}
.talentTierTop:first-child{max-width:570px;border-top:2px solid #d4af37}
.talentTierBottom{max-width:940px}
.talentStem{height:38px;width:1px;background:linear-gradient(#d4af37,#2ba7d6);margin:0 auto}
.talentBranches{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.talentBranches:before{content:"";position:absolute;top:-8px;left:12.5%;right:12.5%;height:1px;background:rgba(130,178,215,.45)}
.talentBranch{padding:26px 18px 28px;border:1px solid var(--talent-border);border-top:3px solid #00e5ff;background:linear-gradient(160deg,#0e2136,#07121f);min-height:164px}
.talentBranch.decide{border-top-color:#91b8ff}.talentBranch.advance{border-top-color:#d4af37}.talentBranch.build{border-top-color:#ae8eff}
.talentBranch h3{font-size:25px;letter-spacing:-.03em;margin:14px 0 12px}.talentBranch p{color:#9eafc4;font-size:12px;line-height:1.6;margin:0}
.talentAnnotation{max-width:1050px;margin:30px auto 0;text-align:center;color:#99acc2;line-height:1.7;font-size:12px}
.talentLaneGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.talentLane{border:1px solid var(--talent-border);border-top:3px solid #00e5ff;padding:36px;background:linear-gradient(145deg,#0b2034,#050c16);min-width:0}
.talentLane.decide{border-top-color:#91b8ff}.talentLane.advance{border-top-color:#d4af37}.talentLane.build{border-top-color:#ae8eff}
.talentLaneTop{display:flex;justify-content:space-between;align-items:center}
.talentLaneTop span{color:#8cd9f5;font-size:10px;font-weight:800;letter-spacing:.18em}
.talentLaneTop div{font-size:28px;color:#d4af37}
.talentLane h3{font-size:30px;letter-spacing:-.035em;margin:14px 0 10px}.talentLane>p{max-width:530px;color:#aabed2;line-height:1.75;font-size:14px;margin:0}
.talentLane ul{margin:24px 0 25px;padding:0;list-style:none}
.talentLane li{border-bottom:1px solid rgba(255,255,255,.07);padding:10px 0 10px 23px;font-size:13px;position:relative;color:#e0e9f3;line-height:1.55}
.talentLane li:before{content:"+";position:absolute;left:0;top:10px;color:#6ee0f2;font-weight:700}
.talentLane details{border-top:1px solid var(--talent-border);padding-top:18px}
.talentLane summary{cursor:pointer;color:#efda9a;font-size:12px;font-weight:750;letter-spacing:.06em;line-height:1.6;min-height:26px}
.talentLane details p{font-size:12px;color:#a5bad0;line-height:1.75}
.talentShared{display:grid;grid-template-columns:1fr auto;gap:26px;align-items:center;margin-top:20px;padding:32px 38px;border:1px solid rgba(212,175,55,.28);background:linear-gradient(95deg,rgba(212,175,55,.09),rgba(8,22,40,.94))}
.talentShared h3{font-size:24px;margin:7px 0 9px}.talentShared p{max-width:900px;margin:0;color:#b6c4d4;line-height:1.75;font-size:13px}
.talentSharedSeal{border:1px solid rgba(212,175,55,.42);border-radius:50%;width:116px;height:116px;display:grid;place-items:center;font-size:15px;color:#e4cb7e;font-weight:900;letter-spacing:.11em;text-align:center;line-height:1.3}
.talentHow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.talentHow article{padding:26px 22px;border:1px solid var(--talent-border);background:#081726}
.talentHow span{font-size:32px;font-weight:800;color:#77dfed;letter-spacing:-.05em}
.talentHow h3{font-size:18px;margin:16px 0 11px}.talentHow p{color:#acbdd1;font-size:12px;line-height:1.75}
.talentNotice{background:linear-gradient(135deg,#091c30,#07101e 55%,#201a0d);padding:80px 28px;scroll-margin-top:65px}
.talentNoticeInner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr auto;align-items:center;gap:48px}
.talentNotice h2{font-size:clamp(30px,3.2vw,50px);letter-spacing:-.045em;line-height:1.08;margin:18px 0}
.talentNotice p:not(.talentEyebrow){color:#adbed1;line-height:1.8;max-width:920px;font-size:14px}
.talentNotice .btn{white-space:nowrap}
a:focus-visible,summary:focus-visible{outline:3px solid #d4af37;outline-offset:5px}
@media(max-width:1120px){
 .talentHeroInner{gap:36px;grid-template-columns:minmax(0,1fr) minmax(260px,.7fr)}
 .talentStatement{min-height:380px}
 .talentHero h1{font-size:clamp(43px,5vw,70px)}
 .talentPrinciples,.talentHow{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 .talentHeroInner{padding:64px 18px 72px;display:flex;flex-direction:column;gap:34px;align-items:stretch}
 .talentHero h1{font-size:clamp(38px,10vw,58px);line-height:1.03}
 .talentLead{font-size:14px;line-height:1.75}
 .talentHeroActions .btn{flex:1 1 190px}
 .talentStatement{min-height:285px;padding:25px 20px}
 .talentStatementMark{height:102px}.talentStatementMark img{height:120px;width:120px}.talentStatementMark:before{height:118px;width:118px}
 .talentStatement p{font-size:20px;margin:18px 0 11px}.talentStatement small{font-size:8px}
 .talentPrinciples,.talentHow,.talentLaneGrid,.talentBranches{grid-template-columns:1fr}
 .talentPrinciples article{min-height:auto}.talentPrinciples h3{margin-top:12px}
 .talentOrgaTier{padding:20px 15px}.talentOrgaTier h3{font-size:20px}
 .talentBranches:before{display:none}
 .talentBranch{min-height:auto;padding:20px}
 .talentBranch h3{margin:10px 0 7px}
 .talentStem{height:27px}
 .talentLane{padding:25px 20px}.talentLane h3{font-size:26px}
 .talentShared{padding:26px;grid-template-columns:1fr}.talentSharedSeal{width:100px;height:100px;justify-self:center}
 .talentNotice{padding:60px 18px}
 .talentNoticeInner{grid-template-columns:1fr;gap:22px}
 .talentNotice .btn{justify-self:start;white-space:normal}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
