:root{--bg:#03090d;--panel:#091219;--blue:#b1e6fb;--line:#213b49;--muted:#afc6d4}.header{height:88px;padding:0 5%;background:#03090df2}.brand{font-size:27px;letter-spacing:1px;color:#dcf4ff}.brand span{font-weight:700}.brand small{font-size:18px;font-weight:400;letter-spacing:0}.brand img{display:none}nav{gap:30px;font-size:15px;color:#d0e8f2}nav a:last-child{margin-left:0}.hero{height:auto;min-height:560px;max-height:none;background:#02080c}.hero-art{background-image:url('assets/hero-humano-digital.png');background-size:cover;background-position:center 35%;opacity:1}.hero:after{background:linear-gradient(90deg,#02080cbb 0%,#02080c66 34%,transparent 70%)}.hero-content{padding:66px 5% 74px}.hero-content>.eyebrow,.hero-bottom{display:none}h1{font-weight:300;font-size:clamp(56px,6.9vw,112px);letter-spacing:8px;margin-bottom:24px;color:#def5ff;text-shadow:0 0 20px #79d4ff66}h1 span{font-weight:300;color:inherit}.hero-subtitle{font-size:clamp(20px,1.8vw,29px);letter-spacing:0;line-height:1.5;max-width:700px;margin-bottom:18px}.intro{font-size:clamp(22px,1.85vw,30px);line-height:1.5;color:#f0f6fa;max-width:700px;margin:0 0 34px}.actions{gap:24px}.button{background:#b2eaff;border-color:#c3efff;border-radius:12px;padding:13px 25px;box-shadow:0 0 25px #3bc8ff22;font-size:16px;gap:20px}.text-link{border:1px solid #bdddeb;border-radius:12px;padding:13px 25px;font-size:16px;font-weight:600;color:#d7f1ff}.text-link:hover{background:#183746}.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:38px 4%;border-block:1px solid var(--line);background:linear-gradient(#0a141b,#071016)}.feature-strip>a{position:relative;text-align:center;padding:0 20px}.feature-strip>a+a:before{content:"";position:absolute;left:0;top:14px;bottom:6px;width:1px;background:var(--line)}.feature-strip svg{width:44px;height:44px;fill:none;stroke:#b8dfef;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;margin-bottom:10px}.feature-strip h2{font-size:20px;letter-spacing:-.5px;font-weight:600;line-height:1.4;margin:0 0 7px}.feature-strip p{font-size:13px;color:#aecad9;margin:0}.feature-strip a:hover h2{color:var(--blue)}.section{padding:80px 5%}.profile{background:linear-gradient(145deg,#0b1923,#050c12)}.closing{background:radial-gradient(ellipse at bottom,#103041,transparent 65%)}@media(min-width:1600px){.hero{min-height:610px}}@media(max-width:1050px){nav{gap:18px;font-size:12px}.brand{font-size:23px}.hero-art{background-position:58% center}.hero-subtitle{max-width:55%;font-size:21px}.intro{max-width:55%;font-size:23px}.desktop-break{display:none}.feature-strip h2{font-size:17px}.feature-strip p{font-size:12px}.actions{gap:14px}.button,.text-link{font-size:13px;padding:12px 17px}}@media(max-width:760px){.header{height:auto;min-height:76px;padding:20px 6%}.brand{font-size:22px}.brand small{font-size:15px}nav{gap:18px;font-size:12px}.hero{min-height:740px;align-items:flex-start}.hero-art{background-size:auto 500px;background-position:70% top;background-repeat:no-repeat}.hero:after{background:linear-gradient(0deg,#02080c 2%,#02080cf5 36%,#02080c44 80%,transparent)}.hero-content{padding:340px 6% 44px}h1{font-size:clamp(38px,9vw,66px);letter-spacing:3px;margin-bottom:20px}.hero-subtitle{max-width:100%;font-size:19px;line-height:1.5}.intro{max-width:100%;font-size:21px;margin-bottom:26px}.actions{flex-wrap:wrap;gap:12px}.button,.text-link{font-size:13px;padding:12px 16px}.feature-strip{grid-template-columns:1fr 1fr;gap:30px 0;padding:32px 4%}.feature-strip>a{padding:0 12px}.feature-strip>a:nth-child(3):before{display:none}.feature-strip h2{font-size:16px}.feature-strip p{font-size:11px}.feature-strip svg{width:36px;height:36px}.section{padding:60px 6%}}
:root{--hero-art-scale:100%}
/* Keep the full illustration visible instead of enlarging it to fill a wide screen. */
@media(min-width:761px){
  .hero-art{background-size:auto var(--hero-art-scale);background-position:right center;background-repeat:no-repeat}
  .hero:after{background:linear-gradient(90deg,#02080c 0%,#02080cd9 28%,#02080c33 55%,transparent 75%)}
  .menu-toggle{display:none}
}
@media(max-width:760px){
  .hero-art{background-size:auto 310px;background-position:right top}
  .hero-content{padding-top:290px}
  .hero{min-height:690px}
}
