/* Company identity: deep navy, violet light, large three-line statement. */
.hero{background:radial-gradient(ellipse at 82% 24%,#49327666 0%,#25204433 32%,transparent 63%),linear-gradient(125deg,#081124,#10182e 74%,#151d34);padding-top:38px}
.hero-top{grid-template-columns:minmax(0,1fr) 330px;min-height:470px;gap:65px;padding:22px 0 44px}
.hero h1{font-size:clamp(38px,4.2vw,60px);font-weight:800;letter-spacing:-2.4px;line-height:1.22}
.hero h1>span{display:block}.hero h1>span:last-child{font-size:1em;font-weight:800;margin-top:0;color:#cfb5ff}
.hero-description{margin-top:26px;color:#c5cddd;font-size:15px;line-height:1.85}
.hero .promise{margin-top:18px;font-size:13px;color:#a9b7cb;letter-spacing:.15px}
.hero .logo-stage{height:300px}.hero .eyebrow{margin-bottom:20px;letter-spacing:1.4px}
.brand-cards{margin-top:8px}.brand-card{background:#19273bcc;border-color:#c3b0e12b}.brand-card>img{height:154px}
.company{background:#eef0f6}.company h2{font-size:38px;line-height:1.42}.company-roles{margin:27px 0 0}.company-roles>div{display:grid;grid-template-columns:95px 1fr;gap:20px;padding:18px 0;border-top:1px solid #ced5e1}.company-roles dt{font-weight:750;color:#4f3776;font-size:15px}.company-roles dd{margin:0;font-size:14px;color:#425168;line-height:1.8}
@media(max-width:900px){.hero-top{grid-template-columns:minmax(0,1fr) 220px;gap:25px;min-height:430px}.hero h1{font-size:42px;letter-spacing:-1.6px}.hero .logo-stage{height:230px}.hero-description{font-size:13px}.company h2{font-size:32px}}
@media(max-width:600px){.hero{padding-top:20px}.hero-top{display:block;min-height:0;padding:16px 0 10px}.hero h1{font-size:clamp(33px,9.3vw,44px);letter-spacing:-1.5px;line-height:1.25}.hero h1>span:last-child{font-size:1em;margin-top:0}.hero-description{font-size:12px;margin-top:22px;max-width:100%;padding-right:0}.hero .promise{font-size:11px;padding-right:0;margin-top:14px}.hero .logo-stage{width:130px;height:108px;margin:12px 0 8px auto;opacity:1}.brand-cards{margin-top:8px}.brand-card>img{height:106px}.company h2{font-size:29px}.company-roles>div{grid-template-columns:76px 1fr;gap:14px}.company-roles dt,.company-roles dd{font-size:13px}}

/* Preserve clearance below fixed masthead. */
.hero{padding-top:115px}
@media(max-width:900px){.hero{padding-top:100px}}
@media(max-width:600px){.hero{padding-top:95px}}