.logo{display:flex;align-items:center;gap:8px;width:215px;min-width:0}
.logo-mark{display:block;width:54px;height:54px;flex:none;background:url('/assets/nexus-fx-logo.jpg') -67px -14px/185px 101px no-repeat}
.logo-wordmark{color:#f7fafc;font-family:Inter,Arial,sans-serif;font-size:22px;font-weight:900;letter-spacing:-.06em;line-height:1;white-space:nowrap}
.logo-wordmark em{color:#ff982e;font-style:normal}
.footer-logo{width:215px}
.hero:before{background:radial-gradient(circle at 78% 48%,rgba(28,139,199,.19),transparent 34%),linear-gradient(115deg,#071017,#101b20 58%,#11191c);animation:none}
.hero>.container{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:48px}
.hero-brand-visual{position:relative;min-width:0}
.hero-brand-visual img{display:block;width:100%;height:auto;border:1px solid rgba(139,198,222,.16);border-radius:18px;box-shadow:0 32px 90px rgba(0,0,0,.38)}
.download-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:780px){.logo{width:165px}.logo-mark{width:45px;height:45px;background-size:155px 85px;background-position:-56px -12px}.logo-wordmark{font-size:18px}.hero>.container{grid-template-columns:1fr;gap:0}.hero-content{padding:90px 0 30px}.hero-brand-visual{max-width:600px;margin:0 auto 120px}.download-grid{grid-template-columns:1fr}}
@media(max-width:430px){.hero-brand-visual{margin-bottom:105px}.hero h1{font-size:42px}}