
:root{
  --nx-black:#000000;
  --nx-dark:#101010;
  --nx-dark-2:#171717;
  --nx-orange:#ff7208;
  --nx-yellow:#F6B213;
  --nx-white:#ffffff;
  --nx-gray-50:#fafafa;
  --nx-gray-100:#f2f3f5;
  --nx-gray-200:#e6e7ea;
  --nx-gray-500:#70757d;
  --nx-gray-700:#34373d;
  --nx-radius:22px;
  --nx-shadow:0 18px 50px rgba(0,0,0,.10);
  --nx-shadow-dark:0 20px 60px rgba(0,0,0,.28);
}

html{scroll-behavior:smooth;}
body{
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif;
  color:var(--nx-black);
  background:var(--nx-white);
  overflow-x:hidden;
}
a{text-decoration:none;}
img{max-width:100%;}

.nx-navbar{
  background:var(--nx-black);
  min-height:82px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.nx-brand{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  color:#fff;
  font-weight:900;
  letter-spacing:.04em;
  font-size:1.15rem;
}
.nx-brand-mark{
  width:34px;height:34px;border:2px solid var(--nx-orange);
  border-radius:8px;display:grid;place-items:center;color:var(--nx-orange);
  font-weight:900;
}
.nx-brand span:last-child{color:var(--nx-orange);}
.nx-nav-link{
  color:rgba(255,255,255,.85)!important;
  font-weight:700;
  font-size:.95rem;
}
.nx-nav-link:hover,.nx-nav-link:focus{color:var(--nx-orange)!important;}

.nx-btn-primary,
.nx-btn-outline,
.nx-btn-dark{
  min-height:46px;
  border-radius:12px;
  font-weight:800;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  transition:all .25s ease;
}
.nx-btn-primary{background:var(--nx-orange);border:1px solid var(--nx-orange);color:#fff;}
.nx-btn-primary:hover{background:#e96300;border-color:#e96300;color:#fff;transform:translateY(-2px);}
.nx-btn-outline{background:transparent;border:1px solid var(--nx-black);color:var(--nx-black);}
.nx-btn-outline:hover{background:var(--nx-black);color:#fff;transform:translateY(-2px);}
.nx-btn-dark{background:var(--nx-black);border:1px solid var(--nx-black);color:#fff;}
.nx-btn-dark:hover{background:var(--nx-orange);border-color:var(--nx-orange);color:#fff;transform:translateY(-2px);}

.nx-hero{
  background:
    radial-gradient(circle at 85% 20%, rgba(246,178,19,.16), transparent 24%),
    radial-gradient(circle at 15% 80%, rgba(255,114,8,.14), transparent 26%),
    linear-gradient(180deg,#131313 0%,#090909 100%);
  color:#fff;
  min-height:520px;
  display:flex;
  align-items:center;
  position:relative;
  overflow:hidden;
}
.nx-hero::after{
  content:"";
  position:absolute;
  width:320px;height:320px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:50%;
  right:-90px;bottom:-150px;
}
.nx-kicker{
  color:var(--nx-orange);
  text-transform:uppercase;
  font-weight:900;
  letter-spacing:.14em;
  font-size:.83rem;
}
.nx-hero h1{
  font-weight:900;
  font-size:clamp(2.35rem,5vw,4.65rem);
  line-height:1.03;
  max-width:980px;
  margin:0 auto;
}
.nx-hero p{
  color:rgba(255,255,255,.72);
  font-size:1.08rem;
  max-width:760px;
  margin-inline:auto;
}
.nx-search-shell{
  max-width:1080px;
  margin:2rem auto 0;
  background:#fff;
  border-radius:18px;
  padding:8px;
  display:flex;
  box-shadow:var(--nx-shadow-dark);
  position:relative;
  z-index:2;
}
.nx-search-shell input{
  border:0!important;
  box-shadow:none!important;
  min-height:64px;
  font-size:1.02rem;
  padding-inline:1.25rem;
}
.nx-search-shell button{
  min-width:150px;
  border-radius:13px;
  border:0;
  background:var(--nx-orange);
  color:#fff;
  font-weight:900;
  transition:all .25s ease;
}
.nx-search-shell button:hover{background:#e96300;transform:translateX(2px);}
.nx-search-help{font-size:.88rem;color:rgba(255,255,255,.58);margin-top:1rem;}

.nx-section{padding:90px 0;}
.nx-section-soft{background:var(--nx-gray-50);}
.nx-section-dark{background:var(--nx-black);color:#fff;}
.nx-title{
  font-size:clamp(2rem,3.5vw,3.35rem);
  font-weight:900;
  line-height:1.06;
  letter-spacing:-.025em;
}
.nx-title-sm{font-size:clamp(1.75rem,3vw,2.6rem);font-weight:900;}
.nx-eyebrow{color:var(--nx-orange);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;}
.nx-lead{font-size:1.1rem;line-height:1.8;color:var(--nx-gray-500);}
.nx-section-dark .nx-lead{color:rgba(255,255,255,.67);}

.nx-about-logo{
  background:#0b0b0b;
  border-radius:var(--nx-radius);
  min-height:340px;
  display:grid;
  place-items:center;
  padding:2.5rem;
  box-shadow:var(--nx-shadow);
  position:relative;
  overflow:hidden;
}
.nx-about-logo::before{
  content:"";
  position:absolute;
  width:180px;height:180px;
  border-radius:50%;
  background:rgba(255,114,8,.13);
  top:-70px;right:-60px;
}
.nx-about-logo img{width:min(100%,520px);position:relative;z-index:1;}

.nx-category-card{
  background:#f1f3f5;
  border:1px solid transparent;
  border-radius:24px;
  min-height:275px;
  padding:1.65rem;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  transition:all .28s ease;
  position:relative;
  overflow:hidden;
}
.nx-category-card:hover{
  transform:translateY(-7px);
  border-color:rgba(255,114,8,.35);
  box-shadow:0 20px 45px rgba(0,0,0,.09);
}
.nx-category-card::after{
  content:"";
  position:absolute;
  width:90px;height:90px;
  background:rgba(255,114,8,.08);
  border-radius:50%;
  right:-38px;bottom:-38px;
  transition:all .25s ease;
}
.nx-category-card:hover::after{transform:scale(1.6);}
.nx-category-icon{
  width:108px;height:108px;object-fit:contain;margin-bottom:1rem;
}
.nx-category-card h3{
  font-size:1rem;
  font-weight:900;
  text-transform:uppercase;
  max-width:300px;
  margin-bottom:1rem;
}
.nx-chip{
  border-radius:999px;
  background:var(--nx-black);
  color:#fff;
  font-size:.86rem;
  font-weight:900;
  padding:.58rem 1.2rem;
  transition:.25s ease;
}
.nx-category-card:hover .nx-chip{background:var(--nx-orange);}

.nx-company-card{
  background:#fff;border:1px solid var(--nx-gray-200);
  border-radius:20px;padding:1.25rem;height:100%;
  transition:all .25s ease;
}
.nx-company-card:hover{transform:translateY(-5px);box-shadow:var(--nx-shadow);border-color:transparent;}
.nx-company-logo{
  width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:18px;background:#f4f4f4;
}
.nx-company-card h3{font-weight:900;font-size:1.3rem;margin-top:1.1rem;}
.nx-company-card p{color:var(--nx-gray-500);line-height:1.65;}
.nx-badge{
  display:inline-flex;align-items:center;gap:.35rem;
  border-radius:999px;padding:.38rem .72rem;
  font-size:.76rem;font-weight:900;
  background:rgba(255,114,8,.10);color:#bd4b00;
}
.nx-filterbar{
  background:#fff;border:1px solid var(--nx-gray-200);border-radius:18px;
  padding:1rem;box-shadow:0 12px 30px rgba(0,0,0,.05);
}

.nx-profile-hero{
  background:linear-gradient(135deg,#080808 0%,#171717 100%);
  color:#fff;padding:70px 0 55px;
}
.nx-profile-logo{
  width:160px;height:160px;object-fit:cover;border-radius:28px;
  border:5px solid rgba(255,255,255,.08);background:#fff;
}
.nx-profile-name{font-weight:900;font-size:clamp(2.2rem,5vw,4rem);letter-spacing:-.03em;}
.nx-profile-meta{color:rgba(255,255,255,.65);}
.nx-info-card{
  background:#fff;border:1px solid var(--nx-gray-200);border-radius:20px;padding:1.5rem;height:100%;
}
.nx-info-card h3{font-size:1.1rem;font-weight:900;margin-bottom:1.1rem;}
.nx-info-list{display:grid;gap:1rem;}
.nx-info-item{
  display:grid;grid-template-columns:42px 1fr;gap:.85rem;align-items:flex-start;
}
.nx-info-icon{
  width:42px;height:42px;border-radius:12px;
  background:rgba(255,114,8,.10);color:var(--nx-orange);
  display:grid;place-items:center;font-size:1.1rem;
}
.nx-info-label{font-size:.75rem;text-transform:uppercase;font-weight:900;letter-spacing:.08em;color:var(--nx-gray-500);}
.nx-info-value{font-weight:700;overflow-wrap:anywhere;}
.nx-service{
  border:1px solid var(--nx-gray-200);border-radius:16px;padding:1rem 1.05rem;height:100%;
  background:#fff;transition:.2s ease;
}
.nx-service:hover{border-color:rgba(255,114,8,.45);transform:translateY(-3px);}
.nx-service i{color:var(--nx-orange);}

.nx-xpert-cta{
  background:
    linear-gradient(115deg,rgba(255,114,8,.94),rgba(246,178,19,.92)),
    #ff7208;
  border-radius:28px;padding:clamp(1.6rem,4vw,3.2rem);
  color:#000;box-shadow:var(--nx-shadow);
}
.nx-form-card{
  background:#fff;border-radius:22px;padding:1.5rem;color:#000;
}
.form-control,.form-select{
  min-height:50px;border-radius:11px;border-color:#dcdfe3;
}
.form-control:focus,.form-select:focus{
  border-color:var(--nx-orange);
  box-shadow:0 0 0 .2rem rgba(255,114,8,.14);
}
.form-label{font-weight:800;font-size:.88rem;}
.required::after{content:" *";color:#c84300;}

.nx-footer{background:#080808;color:#fff;padding:48px 0 24px;}
.nx-footer p,.nx-footer a{color:rgba(255,255,255,.62);}
.nx-footer a:hover{color:var(--nx-orange);}
.nx-footer-line{border-top:1px solid rgba(255,255,255,.08);margin-top:2rem;padding-top:1.3rem;}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease;}
.reveal.is-visible{opacity:1;transform:none;}
.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}

.nx-floating-accent{
  position:absolute;width:12px;height:12px;border-radius:50%;
  background:var(--nx-yellow);box-shadow:0 0 0 8px rgba(246,178,19,.08);
  animation:nxFloat 3.5s ease-in-out infinite;
}
@keyframes nxFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

@media (max-width:991.98px){
  .nx-navbar{min-height:72px;}
  .nx-hero{min-height:500px;}
  .nx-section{padding:70px 0;}
}
@media (max-width:767.98px){
  .nx-search-shell{display:block;padding:8px;}
  .nx-search-shell input{min-height:58px;}
  .nx-search-shell button{width:100%;min-height:54px;margin-top:6px;}
  .nx-category-card{min-height:235px;}
  .nx-category-icon{width:90px;height:90px;}
  .nx-profile-logo{width:130px;height:130px;}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important;}
  .reveal{opacity:1;transform:none;}
}
