/* The first live screen pairs the value proposition with its moving network. */
.hero{align-items:center}
/* Equal outer rows center the title and description together beside the graphic. */
.value-proposition{position:relative;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,.85fr);grid-template-rows:minmax(0,1fr) auto auto minmax(0,1fr);column-gap:6%;align-items:start;padding-block:58px 88px;text-align:left}
.hero .value-proposition h1{grid-column:1;grid-row:2;font-size:clamp(55px,5.4vw,80px);line-height:1.02;letter-spacing:-.055em;max-width:850px;margin:0;color:#79717e;text-wrap:balance}
.value-proposition h1 .value-title-secondary{color:#242329}
.value-proposition h1 .value-title-accent{color:var(--magenta)}
.value-proposition .value-description{grid-column:1;grid-row:3;font-size:21px;line-height:1.5;max-width:580px;margin:30px 0 0;color:#625b69;text-wrap:pretty}
.value-proposition .value-orb{grid-column:2;grid-row:1/-1;align-self:center;width:100%;max-width:440px;margin:0;pointer-events:none}
.value-proposition .connection-radar{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.screen-surface{position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,#ffffff0a,transparent 55%);box-shadow:inset 0 0 0 1px #17171b45,inset 0 3px 9px #17171b17;opacity:0}
#sectores{background:#f5f4f6;border-top:0;padding-top:58px}
#sectores .sector-heading{margin:0 0 27px;padding:0;border:0;align-items:flex-end}
#sectores .sector-heading h2{font-family:"League Spartan",sans-serif;font-size:clamp(32px,3.1vw,47px);font-weight:500;line-height:1.08;letter-spacing:-.035em;text-transform:none;max-width:680px}
@media(max-width:1000px){
 .value-proposition{grid-template-columns:minmax(0,1.65fr) minmax(190px,.75fr);column-gap:4%}
 .hero .value-proposition h1{font-size:clamp(49px,5.7vw,60px)}
 .value-proposition .value-description{font-size:19px}
}
@media(max-width:700px){
 .value-proposition{display:block;padding-block:32px 50px;text-align:center}
 .hero .value-proposition h1{font-size:clamp(37px,10.2vw,66px);line-height:1.06;max-width:580px;margin-inline:auto}
 .value-proposition .value-orb{width:180px;margin:15px auto 0}
 .value-proposition .value-description{font-size:18px;line-height:1.5;margin:14px auto 0;max-width:510px}
 #sectores{padding-top:47px}
 #sectores .sector-heading{align-items:flex-start;gap:20px;margin-bottom:23px}
 #sectores .sector-heading h2{font-size:32px;max-width:360px}
 #sectores .sector-heading>span{padding-top:5px;flex:none}
}
@media(max-width:360px){.value-proposition .value-description{font-size:17px}.value-proposition .value-orb{width:156px}#sectores .sector-heading>span{display:none}}