/* The 411 application redesign — visual only. Form IDs/names/JS/back-end untouched. */
:root{
  --nb-bg:#080a0c; --nb-panel:#101317; --nb-panel2:#0d1013;
  --nb-line:#292e33; --nb-text:#f4efe5; --nb-muted:#a9adb1;
  --nb-green:#d7ff00; --nb-pink:#ff2f92; --nb-white:#fff;
}
html{background:var(--nb-bg)!important}
body.site-form{
  background:var(--nb-bg)!important;color:var(--nb-text)!important;
  min-height:100vh!important;background-image:none!important;
}
body.site-form .shell{width:min(1120px,calc(100% - 40px))!important}
body.site-form .topbar{
  height:76px!important;background:#080a0c!important;border-bottom:1px solid var(--nb-line)!important;
  backdrop-filter:none!important;position:sticky!important;top:0!important;
}
body.site-form .brand{font-size:0!important;gap:0!important;color:transparent!important}
body.site-form .brand .brand-bubble{
  width:38px!important;height:38px!important;border-radius:12px!important;
  background:var(--nb-green)!important;color:#080a0c!important;
  display:grid!important;place-items:center!important;font:900 12px/1 Inter,Arial,sans-serif!important;
  letter-spacing:-.06em!important;box-shadow:none!important;
}
body.site-form .brand > span:not(.brand-bubble){display:none!important}
body.site-form .back{
  border:1px solid #34393f!important;background:#101317!important;color:#d8dbde!important;
  border-radius:999px!important;padding:9px 13px!important;font:700 11px Inter,Arial,sans-serif!important;
}
body.site-form .page{padding:42px 0 76px!important}
body.site-form .layout{
  display:grid!important;grid-template-columns:260px minmax(0,760px)!important;
  justify-content:center!important;gap:34px!important;align-items:start!important;
}
body.site-form .side{
  position:sticky!important;top:108px!important;background:#0d1013!important;
  border:1px solid var(--nb-line)!important;border-radius:18px!important;padding:24px!important;
}
body.site-form .eyebrow{
  color:var(--nb-green)!important;font:800 10px/1.2 Inter,Arial,sans-serif!important;
  letter-spacing:.12em!important;text-transform:uppercase!important;
}
body.site-form .side h1{
  color:var(--nb-text)!important;font:800 clamp(34px,4vw,52px)/.98 Sora,Inter,sans-serif!important;
  letter-spacing:-.055em!important;margin:12px 0 14px!important;
}
body.site-form .side h1 span{color:var(--nb-green)!important}
body.site-form .side p,body.site-form .lead,body.site-form .hint,body.site-form .tiny{
  color:var(--nb-muted)!important;line-height:1.55!important;
}
body.site-form .steps{display:grid!important;gap:0!important;margin-top:22px!important;border-top:1px solid var(--nb-line)!important}
body.site-form .step{
  display:flex!important;align-items:center!important;gap:10px!important;padding:11px 0!important;
  border-bottom:1px solid var(--nb-line)!important;border-radius:0!important;
  color:#7f858b!important;background:transparent!important;font:700 11px Inter,Arial,sans-serif!important;
}
body.site-form .step .num{
  width:24px!important;height:24px!important;border:1px solid #3a4046!important;
  background:transparent!important;color:inherit!important;border-radius:50%!important;
}
body.site-form .step.active,body.site-form .step.done{color:var(--nb-text)!important}
body.site-form .step.active .num,body.site-form .step.done .num{
  background:var(--nb-green)!important;border-color:var(--nb-green)!important;color:#080a0c!important;
}
body.site-form .file{
  background:var(--nb-panel)!important;border:1px solid var(--nb-line)!important;
  border-radius:18px!important;box-shadow:none!important;overflow:hidden!important;
}
body.site-form .filehead{
  background:#11151a!important;color:var(--nb-text)!important;border-bottom:1px solid var(--nb-line)!important;
  padding:22px 26px!important;
}
body.site-form .filetop{color:#aeb3b7!important;font:800 10px Inter,Arial,sans-serif!important;letter-spacing:.1em!important}
body.site-form .live:before{background:var(--nb-green)!important}
body.site-form .filehead h2{
  color:var(--nb-text)!important;font:800 27px/1.05 Sora,Inter,sans-serif!important;
  letter-spacing:-.04em!important;margin:10px 0 5px!important;
}
body.site-form .filehead h2 span{color:var(--nb-green)!important}
body.site-form .filehead p{color:var(--nb-muted)!important;font-size:12px!important}
body.site-form .body{background:var(--nb-panel)!important;padding:26px!important}
body.site-form .panel h3{color:var(--nb-text)!important;font:800 26px/1.1 Sora,Inter,sans-serif!important;margin:0 0 7px!important}
body.site-form .field{margin-bottom:17px!important}
body.site-form .field label{color:#e8e3da!important;font:700 11px Inter,Arial,sans-serif!important;margin-bottom:7px!important}
body.site-form .req{color:var(--nb-green)!important}
body.site-form input[type=text],body.site-form input[type=email],body.site-form input[type=url],
body.site-form input[type=tel],body.site-form input[type=number],body.site-form textarea,body.site-form select{
  width:100%!important;background:#090c0f!important;color:#f5f1e8!important;
  border:1px solid #353b42!important;border-radius:10px!important;padding:12px 13px!important;box-shadow:none!important;
}
body.site-form textarea{min-height:108px!important}
body.site-form input::placeholder,body.site-form textarea::placeholder{color:#6f757b!important}
body.site-form input:focus,body.site-form textarea:focus,body.site-form select:focus{
  border-color:var(--nb-green)!important;box-shadow:0 0 0 3px rgba(215,255,0,.08)!important;outline:none!important;
}
body.site-form .choicegrid{gap:8px!important}
body.site-form .choice span,body.site-form .radioCard,body.site-form .upload,
body.site-form .emailVideoCard,body.site-form .campaignTerms,body.site-form .bookingBox{
  background:#0b0e11!important;color:#e9e5dc!important;border:1px solid #343a40!important;box-shadow:none!important;
}
body.site-form .choice span{border-radius:10px!important;padding:10px 12px!important}
body.site-form .choice input:checked+span{
  background:var(--nb-green)!important;border-color:var(--nb-green)!important;color:#080a0c!important;
}
body.site-form .actions{border-top:1px solid var(--nb-line)!important;padding-top:18px!important;margin-top:22px!important}
body.site-form .btn{border-radius:999px!important;padding:12px 17px!important}
body.site-form .btn.secondary{background:#171b20!important;color:#e9e5dc!important}
body.site-form .btn.primary,body.site-form .cal,body.site-form .emailVideoButton,
body.site-form .catalystForm button,body.site-form .discordReveal{
  background:var(--nb-green)!important;color:#080a0c!important;box-shadow:none!important;
}
body.site-form .btn.primary:hover,body.site-form .cal:hover{filter:brightness(.94)!important}
body.site-form .notice,body.site-form .human,body.site-form .termNote,
body.site-form .usOnly,body.site-form .consent,body.site-form .termsConfirm,body.site-form .emailConfirm{
  background:#11161a!important;color:#e9e5dc!important;border:1px solid #353b42!important;
}
body.site-form .usOnly{box-shadow:none!important}
body.site-form .usOnlyTag,body.site-form .bookingEyebrow,body.site-form .termsTag{color:var(--nb-green)!important}
body.site-form .usOnly h4,body.site-form .usOnly p,body.site-form .usConfirm,
body.site-form .campaignTermsHead h4,body.site-form .campaignTermsHead p,
body.site-form .emailVideoTop b,body.site-form .emailSteps{color:#e9e5dc!important}
body.site-form .campaignTermsHead,body.site-form .prompt{background:#0a0d10!important}
body.site-form .campaignTermsBody{background:#0d1013!important}
body.site-form .termStat,body.site-form .feedbackCard,body.site-form .emailTip{
  background:#15191e!important;color:#d7dbde!important;
}
body.site-form .termStat b{color:var(--nb-green)!important}
body.site-form .error{background:#28151d!important;color:#ff9fc9!important}
body.site-form .successCard{background:#0c0f12!important;border-color:#343a40!important;color:#e9e5dc!important}
body.site-form input[type=checkbox],body.site-form input[type=radio]{accent-color:var(--nb-green)!important}

/* Remove the old giant hot-pink side-panel treatment entirely. */
body.site-form .side:before,body.site-form .side:after{display:none!important}

@media(max-width:820px){
  body.site-form .shell{width:min(100% - 24px,1120px)!important}
  body.site-form .layout{grid-template-columns:1fr!important;gap:20px!important}
  body.site-form .side{position:static!important;padding:20px!important}
  body.site-form .side h1{font-size:38px!important}
  body.site-form .steps{grid-template-columns:repeat(5,1fr)!important}
  body.site-form .step{justify-content:center!important;border-right:0!important}
  body.site-form .step span:last-child{display:none!important}
  body.site-form .filehead,body.site-form .body{padding:20px!important}
}