/* Nexa Pulse: the supplied silver identity, a navy stage and blue signal details. */
:root{--bg:#090a0c;--surface:#13161b;--ink:#f0f3f8;--muted:#b3bece;--line:#c0d4f324;--accent:#a6c9ff;--amber:#568bf2;--nexa-blue:#659cff;--nexa-silver:#d2dce9}
body{background:var(--bg)}
.header{height:108px;border-color:#b9ccef24}
.brand,footer>a:first-child{display:flex;align-items:center;gap:12px;width:205px;flex-shrink:0}
.nexa-logo-mark,.nexa-logo-name{position:relative;display:block;overflow:hidden;flex:none}
.nexa-logo-mark img,.nexa-logo-name img{filter:url(#nexa-logo-alpha)}
.nexa-logo-mark{width:45px;height:45px}
.nexa-logo-mark img,.header .nexa-logo-mark img,footer .nexa-logo-mark img{position:absolute;width:193px;height:auto;max-width:none;left:-73px;top:-28px}
.nexa-logo-name{width:140px;height:46px}
.nexa-logo-name img,.header .nexa-logo-name img,footer .nexa-logo-name img{position:absolute;width:411px;height:auto;max-width:none;left:-135px;top:-158px}
nav .nav-contact{border-color:#91baff55;color:#d6e7ff;background:#5b8fff09;border-radius:30px;padding:10px 19px;white-space:nowrap}
nav .nav-contact:hover{background:#5b8fff1a;border-color:#91baffaa}
.hero-copy{padding-top:51px}
.hero-title .eyebrow{color:#c3d4eb;letter-spacing:.15em}
.hero h1 em{background:linear-gradient(110deg,#eef4ff 5%,#99c3ff 52%,#5c91eb);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero .button{border-radius:30px}
.button{color:#101b32;background:linear-gradient(110deg,#d5e5fd,#93bdfb);box-shadow:0 5px 22px -15px #64a0ff99}
.button:hover{background:#deebff}
.ensemble-rail{background:linear-gradient(90deg,#5d94ef00,#91baff75,#c7defe55,#5d94ef00)}
.ensemble-rail i{background:linear-gradient(90deg,transparent,#cbe0ff,transparent);box-shadow:0 0 13px #84b8ff55}
.ensemble-label i{background:#b9d5ff;box-shadow:0 0 15px #619bff77}
.portrait-fade{animation-duration:8.2s}
@keyframes ensemble-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.company-screen{background:linear-gradient(125deg,#171c24,#101318 80%);border-color:#7baafa45}
.company-screen strong{color:#e6edf8}
.screen-rule{background:linear-gradient(90deg,#9dc3ff75,#9dc3ff00)}
.network-proof{border-color:#b1cffe28}
.case-wall-motion .case-gallery-card{background:#050607;border-color:#bdd0ed27}
.case-wall .case-backword{font-size:27px;line-height:.92;letter-spacing:.04em;color:#c5d5ed13;top:20%;font-weight:600}
.case-wall-motion:after{background:linear-gradient(90deg,var(--bg),transparent 5%,transparent 95%,var(--bg))}
.case-caption{background:linear-gradient(180deg,#0a0c10,#0b0e13)}
.case-portrait-art{background:radial-gradient(ellipse at 50% 80%,#5c85c51a,transparent 70%)}
.case-collection-line{border-color:#adcaf52b}
.campaign-section{background:var(--bg)}
.exhibit-visual{border-color:#a3bff32d}
.music-case-demo .scene-name{color:#d1dceb10}
.faq-list details{border-color:#8faeda2b}
.contact:before{background:radial-gradient(ellipse,#3b6bb52b,transparent 68%)}
footer .nexa-logo-mark{width:35px;height:35px}
footer .nexa-logo-mark img{width:150px;left:-57px;top:-22px}
footer .nexa-logo-name{width:112px;height:37px}
footer .nexa-logo-name img{width:329px;left:-108px;top:-126px}
footer>a:first-child{width:160px;gap:9px}
@media(hover:hover) and (pointer:fine){.case-wall-motion a:hover{border-color:#bad5ff70}}
@media(max-width:900px){.header{height:94px}.brand{width:187px;gap:9px}.nexa-logo-name{width:130px;height:42px}.header .nexa-logo-name img{width:382px;left:-125px;top:-146px}.hero-copy{padding-top:35px}}
@media(min-width:701px) and (max-width:900px){.ensemble-screens,.ensemble-portraits{height:250px}.ensemble-screens .company-screen{flex-shrink:0}}
@media(max-width:700px){.header{height:86px}.brand{width:165px;gap:8px}.nexa-logo-mark{width:33px;height:34px}.header .nexa-logo-mark img{width:146px;left:-55px;top:-21px}.nexa-logo-name{width:119px;height:39px}.header .nexa-logo-name img{width:350px;left:-115px;top:-134px}nav .nav-contact{font-size:11px;padding:9px 12px}.hero-copy{padding-top:31px}.hero h1{font-size:clamp(60px,13.5vw,79px)}.hero-title .eyebrow{font-size:10px;letter-spacing:.09em}.case-wall-motion .case-backword{font-size:22px}footer{gap:22px}footer>span{font-size:11px}}
@media(max-width:370px){.brand{width:145px;gap:6px}.nexa-logo-name{width:104px;height:35px}.header .nexa-logo-name img{width:307px;left:-101px;top:-118px}nav .nav-contact{font-size:10px;padding:9px 10px}.hero-title .eyebrow{font-size:9px;letter-spacing:.06em}.hero h1{font-size:60px}}