
:root{
  --nu-navy:#102f67;--nu-navy-2:#0a2048;--nu-blue:#1457d9;--nu-blue-2:#2671ee;
  --nu-green:#69d222;--nu-green-deep:#2ca846;--nu-ink:#26384b;--nu-muted:#66758a;
  --nu-soft:#f5f9ff;--nu-mint:#f3fbef;--nu-border:#dce7f2;--nu-white:#fff;
}
html{scroll-behavior:smooth} body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--nu-ink);background:#fff}
a{color:var(--nu-blue)} .navbar{background:rgba(7,26,59,.97)!important;backdrop-filter:blur(12px)}
.navbar-brand img{height:54px;width:auto;filter:none}.navbar .nav-link{font-weight:650;color:rgba(255,255,255,.84)!important}.navbar .nav-link:hover,.navbar .nav-link.active{color:#fff!important}.navbar .btn{font-weight:750}
.hero{background:radial-gradient(circle at 70% 80%,rgba(38,113,238,.25),transparent 35%),linear-gradient(135deg,#071b3d 0%,#102f67 62%,#0d3e83 100%);position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;inset:auto -8% -45% auto;width:520px;height:520px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.03),0 0 0 140px rgba(255,255,255,.025)}
.hero .container{position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-size:.78rem;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#b9f58f}.eyebrow:before,.eyebrow:after{content:"";width:28px;height:3px;border-radius:3px;background:var(--nu-green);flex:0 0 28px}
.hero h1{font-size:clamp(2.55rem,5.6vw,5rem);line-height:.98;letter-spacing:-.055em}.hero .lead{font-size:clamp(1.05rem,1.65vw,1.35rem);line-height:1.7;max-width:670px}.hero-visual{background:linear-gradient(155deg,rgba(255,255,255,.16),rgba(255,255,255,.07));border:1px solid rgba(255,255,255,.17);box-shadow:0 35px 80px rgba(0,0,0,.28);border-radius:2rem;position:relative;overflow:hidden}.hero-visual .brand-white{position:relative;z-index:2;overflow:hidden;background:#fff;border-radius:1.2rem;padding:1rem;box-shadow:0 12px 35px rgba(0,0,0,.14)}
.btn-nu{background:linear-gradient(135deg,var(--nu-blue),var(--nu-blue-2));border:none;color:#fff!important;box-shadow:0 12px 26px rgba(20,87,217,.22)}.btn-nu:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(20,87,217,.3)}.btn-green{background:var(--nu-green);color:#092148!important;border:none;font-weight:800}.btn-green:hover{background:#7adf34}.btn-outline-nu{border:1.5px solid rgba(255,255,255,.52);color:#fff!important}.btn-outline-nu:hover{background:#fff;color:var(--nu-navy)!important}
.section-kicker{font-size:.78rem;letter-spacing:.13em;text-transform:uppercase;font-weight:850;color:var(--nu-green-deep)}.display-section{font-size:clamp(2rem,4vw,3.45rem);letter-spacing:-.04em;line-height:1.08;color:#102f67}.section-lead{font-size:1.14rem;line-height:1.75;color:var(--nu-muted)}
.feature-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,var(--nu-blue),#3a7cf0);color:#fff;font-size:1.25rem;font-weight:850;box-shadow:0 12px 24px rgba(20,87,217,.18)}.feature-icon.green{background:linear-gradient(145deg,#5ecb1d,#2ca846)}
.nu-card{border:1px solid var(--nu-border);border-radius:1.45rem;background:#fff;box-shadow:0 16px 45px rgba(16,47,103,.07);transition:.22s ease}.nu-card:hover{transform:translateY(-3px);box-shadow:0 22px 55px rgba(16,47,103,.11)}
.bg-nu-soft{background:linear-gradient(180deg,#f8fbff 0%,#f2f7fd 100%)}.bg-nu-mint{background:linear-gradient(140deg,#f6fff2,#effaf0)}.bg-nu-dark{background:linear-gradient(135deg,#071b3d,#102f67)}
.pillar-num{font-weight:900;color:var(--nu-green);font-size:.86rem}.belief{border-left:5px solid var(--nu-green);padding-left:1.6rem}.belief p{font-size:clamp(1.45rem,3vw,2.45rem);line-height:1.35;letter-spacing:-.025em;color:var(--nu-navy)}
.product-cover{background:#fff;border:1px solid var(--nu-border);border-radius:1.7rem;padding:.7rem;box-shadow:0 25px 60px rgba(16,47,103,.15)}.product-cover img{display:block;width:100%;height:auto;border-radius:1.2rem}.price{font-size:2.25rem;font-weight:900;color:var(--nu-navy);letter-spacing:-.04em}.badge-available{background:#eafbdc;color:#226b24;border:1px solid #c6efaa;font-weight:800}
.preview-card{position:relative;border-radius:1.3rem;overflow:hidden;background:#fff;border:1px solid var(--nu-border);box-shadow:0 13px 30px rgba(16,47,103,.08);cursor:pointer}.preview-card img{width:100%;height:460px;object-fit:cover;object-position:top;transition:.25s ease}.preview-card:hover img{transform:scale(1.015)}.preview-card .preview-label{padding:1rem 1.1rem;font-weight:800;color:var(--nu-navy);background:#fff}.preview-card .zoom-chip{position:absolute;top:.8rem;right:.8rem;background:rgba(7,27,61,.9);color:#fff;border-radius:999px;padding:.45rem .7rem;font-size:.76rem;font-weight:800}
.help-fab{position:fixed;right:20px;bottom:20px;z-index:1050;border:0;border-radius:999px;padding:.82rem 1.05rem;background:linear-gradient(135deg,var(--nu-blue),var(--nu-navy));color:#fff;font-weight:850;box-shadow:0 15px 35px rgba(16,47,103,.3)}.help-panel{position:fixed;right:20px;bottom:82px;z-index:1049;width:min(340px,calc(100vw - 40px));background:#fff;border:1px solid var(--nu-border);border-radius:1.25rem;box-shadow:0 24px 60px rgba(16,47,103,.2);padding:1.2rem;display:none}.help-panel.open{display:block}.help-panel a{display:block;padding:.72rem .8rem;border-radius:.8rem;text-decoration:none;font-weight:750}.help-panel a:hover{background:var(--nu-soft)}
.footer{background:#071b3d;color:#d6e1ef}.footer a{color:#d6e1ef;text-decoration:none}.footer a:hover{color:#fff}.footer-brand{height:46px;background:#fff;border-radius:.75rem;padding:.4rem .6rem}
.policy-wrap{max-width:900px}.policy-wrap h2{font-size:1.35rem;color:var(--nu-navy);margin-top:2rem;font-weight:850}.policy-wrap p,.policy-wrap li{line-height:1.75;color:#45566c}.policy-callout{border:1px solid #efd37e;background:#fff8db;border-radius:1rem;padding:1rem 1.1rem}.contact-card{border:1px solid var(--nu-border);border-radius:1.3rem;background:#fff;box-shadow:0 14px 36px rgba(16,47,103,.07)}
.modal-content{border:0;border-radius:1.3rem;overflow:hidden}.modal-body{background:#091d41}.modal-body img{max-height:80vh;width:auto;max-width:100%;display:block;margin:auto}
@media(max-width:1199.98px){.hero-visual{margin-top:1rem}.preview-card img{height:400px}}
@media(max-width:767.98px){.navbar-brand img{height:42px}.hero{padding-top:1.25rem!important;padding-bottom:2.5rem!important}.hero h1{font-size:2.65rem}.hero .lead{font-size:1.05rem}.hero-visual{border-radius:1.35rem}.hero-visual .brand-white{padding:.65rem}.display-section{font-size:2.15rem}.section-lead{font-size:1.04rem}.preview-card img{height:auto;max-height:none;object-fit:contain}.help-fab{right:14px;bottom:14px}.help-panel{right:14px;bottom:72px}.product-cover{padding:.45rem}}

.hero-visual .brand-white img{position:relative;z-index:2;display:block;background:#fff}


/* Correction 04 — balanced hero logo + wordmark lockup */
.hero-brand-lockup{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:1.35rem;
  width:100%;
  min-height:104px;
}
.hero-brand-emblem{
  width:84px;
  height:84px;
  object-fit:contain;
  flex:0 0 84px;
}
.hero-brand-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}
.hero-brand-name{
  display:flex;
  align-items:baseline;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:clamp(2.05rem,3.2vw,3.15rem);
  line-height:.9;
  font-weight:900;
  letter-spacing:.055em;
  white-space:nowrap;
}
.hero-brand-nu{color:#102f67}
.hero-brand-stage{color:#1457d9}
.hero-brand-tag{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  margin-top:.68rem;
  color:#102f67;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.04em;
  white-space:nowrap;
}
.hero-brand-tag span{
  display:block;
  width:24px;
  height:2px;
  background:#1457d9;
  border-radius:99px;
}
.hero-brand-tag span:last-child{background:#63c51d}
@media(max-width:575.98px){
  .hero-brand-lockup{gap:.75rem;min-height:82px}
  .hero-brand-emblem{width:62px;height:62px;flex-basis:62px}
  .hero-brand-name{font-size:1.92rem;letter-spacing:.035em}
  .hero-brand-tag{font-size:.58rem;gap:.35rem;margin-top:.5rem}
  .hero-brand-tag span{width:15px}
}

/* Correction 05 — keep the V3 wordmark scale; enlarge only the emblem */
.hero-brand-lockup-v5{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:1rem;
  width:100%;
  min-height:96px;
  overflow:visible;
}
.hero-brand-emblem-v5{
  width:88px;
  height:88px;
  object-fit:contain;
  flex:0 0 88px;
}
.hero-brand-wordmark{
  display:block;
  width:242px;
  max-width:calc(100% - 104px);
  height:auto;
  object-fit:contain;
  background:#fff;
  flex:0 1 auto;
}
@media(max-width:575.98px){
  .hero-brand-lockup-v5{gap:.7rem;min-height:78px}
  .hero-brand-emblem-v5{width:68px;height:68px;flex-basis:68px}
  .hero-brand-wordmark{width:205px;max-width:calc(100% - 80px)}
}


/* Release Candidate 01 — correction batch */
body{overflow-x:hidden}
img{max-width:100%}
.navbar-brand{display:flex;align-items:center;min-width:0}
.navbar-brand img{object-fit:contain}
.hero-visual{overflow:visible}
.hero-visual .brand-white{overflow:visible;padding:1.15rem 1.3rem;border-radius:1.3rem}
.hero-brand-safe{display:block;width:100%;height:auto;max-height:150px;object-fit:contain;margin:auto;background:#fff}
.hero-visual p.text-white-50{font-size:1.04rem;line-height:1.72;color:rgba(255,255,255,.74)!important}
.hero-visual .small.text-uppercase{font-size:.82rem}
.hero-visual h2{font-size:clamp(2rem,3vw,2.75rem);line-height:1.08}
.preview-card{display:flex;flex-direction:column;background:#fff}
.preview-card img{display:block;width:100%;height:auto;aspect-ratio:1241/1861;object-fit:contain;object-position:center;background:#f7faff;padding:.35rem;transform:none!important}
.preview-card:hover img{transform:none!important}
.preview-card .preview-label{margin-top:auto}
.product-cover{overflow:hidden}
.product-cover img{width:100%;height:auto;object-fit:contain;object-position:center}
.help-fab{right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom))}
.help-panel{right:max(20px,env(safe-area-inset-right));bottom:calc(max(20px,env(safe-area-inset-bottom)) + 62px)}
@media(max-width:767.98px){
  .hero-visual{overflow:hidden}
  .hero-visual .brand-white{padding:.75rem .8rem}
  .hero-brand-safe{max-height:104px}
  .hero-visual p.text-white-50{font-size:1rem;line-height:1.68}
  .preview-card img{height:auto;aspect-ratio:auto;object-fit:contain;padding:.2rem}
  .help-fab{right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom))}
  .help-panel{right:max(14px,env(safe-area-inset-right));bottom:calc(max(14px,env(safe-area-inset-bottom)) + 58px)}
}

/* Production RC2 — final brand card alignment and resilient image rendering */
.hero-brand-safe{object-fit:contain;object-position:center center}
img{max-width:100%}
