*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body{
  font-family:Inter,Arial,sans-serif;
  background:#000;
  color:white;
  overflow-x:hidden;
}

a{
  text-decoration:none;
  color:white;
}

.navwrap{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  padding:24px 80px;
  border-bottom:1px solid rgba(0,200,255,.15);
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(14px);
  position:sticky;
  top:0;
  z-index:999;
}

.brand a{
  display:flex;
  align-items:center;
  gap:14px;
  font-weight:700;
  letter-spacing:.04em;
}

.brand img{
  width:54px;
}

.right-nav{
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
}

.lang-switch{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 13px;
  border-radius:999px;
  border:1px solid rgba(0,200,255,.2);
  background:rgba(255,255,255,.04);
  color:#67e8f9;
  font-size:14px;
}

.lang-switch select{
  background:transparent;
  border:none;
  color:white;
  outline:none;
  font:inherit;
}

.badge i,
.card i,
.feature i,
.stat i,
.faq-icon i,
.hero-mini i,
.footer-card i,
.plan-tag i,
.contact-card i,
.icon i,
.widget-title i,
.server-plan i,
.plan-card i,
.card .fa-solid,
.card .fa-brands,
.card .fa-regular,
.feature .fa-solid,
.feature .fa-brands,
.feature .fa-regular,
.stat .fa-solid,
.stat .fa-brands,
.stat .fa-regular {
  color:#3bdbff !important;
  font-size:24px !important;
  display:inline-block;
  transition:transform .25s ease, color .25s ease, text-shadow .25s ease;
}

.badge i:hover,
.card:hover i,
.feature:hover i,
.stat:hover i,
.faq-icon:hover i,
.hero-mini:hover i,
.footer-card:hover i,
.plan-tag:hover i,
.contact-card:hover i,
.icon:hover i,
.widget-title:hover i,
.server-plan:hover i,
.plan-card:hover i {
  color:#67e8f9;
  transform:translateY(-2px);
  text-shadow:0 0 16px rgba(59,219,255,.35);
}

.background{
  position:fixed;
  inset:0;
  background:
    linear-gradient(rgba(0,0,0,.9),rgba(0,0,0,.95)),
    url('./assets/bg.png');
  background-size:cover;
  background-position:center;
  opacity:.18;
  z-index:-2;
}

nav{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:26px 80px;
  border-bottom:1px solid rgba(0,200,255,.15);
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(14px);
  position:sticky;
  top:0;
  z-index:999;
}

.logo-wrap{
  display:flex;
  align-items:center;
  gap:14px;
  cursor:pointer;
}

.logo{
  width:54px;
  filter:none;
}

.links{
  display:flex;
  gap:34px;
  align-items:center;
}

.links a{
  color:#d4d4d8;
  transition:.2s;
}

.links a:hover{
  color:#38bdf8;
}

.login-btn{
  background:#06b6d4;
  color:black;
  border:none;
  padding:14px 22px;
  border-radius:14px;
  font-weight:700;
  cursor:pointer;
  box-shadow:0 0 20px rgba(0,200,255,.25);
}

.hero{
  min-height:92vh;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  align-items:center;
  padding:100px 110px;
}

.badge{
  display:inline-block;
  padding:10px 18px;
  border-radius:999px;
  border:1px solid rgba(0,200,255,.2);
  background:#03151d;
  color:#67e8f9;
  margin-bottom:35px;
}

.hero h1{
  font-size:92px;
  line-height:1.05;
  font-weight:900;
}

.gradient{
  background:linear-gradient(to right,#22d3ee,#3b82f6);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.hero p{
  color:#a1a1aa;
  font-size:20px;
  line-height:1.8;
  max-width:700px;
  margin-top:35px;
}

.hero-buttons{
  display:flex;
  gap:18px;
  margin-top:40px;
}

.btn{
  padding:18px 34px;
  border-radius:16px;
  border:none;
  cursor:pointer;
  font-weight:700;
  transition:.2s;
}

.btn-primary{
  background:#06b6d4;
  color:black;
}

.btn-secondary{
  background:transparent;
  border:1px solid rgba(0,200,255,.3);
  color:white;
}

.panel{
  background:#05070f;
  border:1px solid rgba(0,200,255,.16);
  border-radius:30px;
  padding:34px;
  box-shadow:0 0 40px rgba(0,200,255,.08);
}

.panel-header{
  display:flex;
  justify-content:space-between;
  margin-bottom:30px;
}

.dot{
  width:14px;
  height:14px;
  border-radius:999px;
  background:#00d26a;
}

.stats{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.stat{
  background:#10111b;
  border-radius:20px;
  padding:28px;
  border:1px solid rgba(0,200,255,.08);
}

.stat h3{
  color:#8b8b95;
  font-size:18px;
  margin-bottom:15px;
}

.stat strong{
  font-size:24px;
  color:#3bdbff;
}

.progress-box{
  background:#10111b;
  border-radius:22px;
  margin-top:22px;
  padding:28px;
}

.progress{
  height:14px;
  border-radius:999px;
  overflow:hidden;
  background:#22232d;
  margin-top:18px;
}

.progress div{
  width:98%;
  height:100%;
  background:linear-gradient(to right,#22d3ee,#3b82f6);
}

.section{
  padding:120px 100px;
}

.section-title{
  text-align:center;
  margin-bottom:70px;
}

.section-title h2{
  font-size:72px;
}

.section-title p{
  color:#8b8b95;
  margin-top:15px;
  font-size:22px;
}

.cards{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:32px;
}

.card{
  background:#04050b;
  border:1px solid rgba(0,200,255,.1);
  border-radius:30px;
  padding:34px;
}

.price{
  color:#3bdbff;
  font-size:62px;
  font-weight:900;
  margin-top:18px;
}

.list{
  margin-top:35px;
}

.list li{
  margin-bottom:22px;
  color:#cfcfd6;
}

.buy-btn{
  width:100%;
  padding:18px;
  border-radius:18px;
  margin-top:30px;
  border:1px solid rgba(0,200,255,.2);
  background:#03151d;
  color:white;
  font-weight:700;
}

.feature-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:30px;
}

.feature{
  background:#05060d;
  border:1px solid rgba(0,200,255,.08);
  border-radius:28px;
  padding:42px;
  text-align:center;
}

.feature h3{
  margin-top:20px;
  margin-bottom:18px;
  font-size:40px;
}

footer{
  border-top:1px solid rgba(0,200,255,.1);
  padding:80px;
}

.footer-grid{
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr;
  gap:60px;
}

.footer-links{
  display:flex;
  flex-direction:column;
  gap:16px;
  color:#a1a1aa;
  margin-top:24px;
}

.footer-bottom{
  margin-top:60px;
  padding-top:30px;
  border-top:1px solid rgba(0,200,255,.08);
  display:flex;
  justify-content:space-between;
  color:#71717a;
}

@media(max-width:1100px){
  .navwrap{
    padding:20px 24px;
    flex-direction:column;
    align-items:flex-start;
  }

  .right-nav{
    width:100%;
    justify-content:space-between;
  }

  .hero{
    grid-template-columns:1fr;
  }

  .feature-grid{
    grid-template-columns:1fr;
  }

  .footer-grid{
    grid-template-columns:1fr;
  }

  nav{
    padding:20px;
    flex-direction:column;
    gap:20px;
  }

  .hero{
    padding:70px 30px;
  }

  .section{
    padding:80px 30px;
  }

  .hero h1{
    font-size:58px;
  }

  .section-title h2{
    font-size:48px;
  }
}


/* Hover Effects */

.card{
  transition:
    transform .25s ease,
    border-color .25s ease,
    box-shadow .25s ease,
    background .25s ease;
}

.card:hover{
  transform:translateY(-8px) scale(1.01);
  border-color:rgba(34,211,238,.35);
  box-shadow:0 0 40px rgba(34,211,238,.12);
  background:#070911;
}

.buy-btn{
  transition:
    transform .2s ease,
    box-shadow .2s ease,
    background .2s ease;
}

.buy-btn:hover{
  transform:translateY(-2px);
  background:#08202a;
  box-shadow:0 0 20px rgba(34,211,238,.15);
}

.btn{
  transition:
    transform .2s ease,
    box-shadow .2s ease,
    opacity .2s ease;
}

.btn:hover{
  transform:translateY(-2px);
  box-shadow:0 0 22px rgba(34,211,238,.2);
}

.login-btn{
  transition:
    transform .2s ease,
    box-shadow .2s ease,
    background .2s ease;
}

.login-btn:hover{
  transform:translateY(-2px);
  background:#22d3ee;
  box-shadow:0 0 25px rgba(34,211,238,.25);
}

.links a{
  position:relative;
  transition:color .2s ease;
}

.links a::after{
  content:'';
  position:absolute;
  left:0;
  bottom:-6px;
  width:0%;
  height:2px;
  background:#22d3ee;
  transition:width .2s ease;
}

.links a:hover::after{
  width:100%;
}

.panel{
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease;
}

.panel:hover{
  transform:translateY(-4px);
  box-shadow:0 0 50px rgba(34,211,238,.12);
  border-color:rgba(34,211,238,.22);
}

.stat{
  transition:
    transform .2s ease,
    border-color .2s ease,
    background .2s ease;
}

.stat:hover{
  transform:translateY(-3px);
  border-color:rgba(34,211,238,.18);
  background:#141622;
}

.feature{
  transition:
    transform .25s ease,
    border-color .25s ease,
    box-shadow .25s ease;
}

.feature:hover{
  transform:translateY(-6px);
  border-color:rgba(34,211,238,.22);
  box-shadow:0 0 30px rgba(34,211,238,.08);
}

.logo-wrap{
  transition:opacity .2s ease;
}

.logo-wrap:hover{
  opacity:.9;
}


/* ===== NextBuild Modern Footer ===== */

footer{
  background:linear-gradient(160deg,#05070f,#08111f);
  padding:3rem 1rem 1rem;
  color:#e2e8f0;
  margin-top:3rem;
  border-top:2px solid #22d3ee;
  box-shadow:0 -6px 18px rgba(0,0,0,.5);
}

.footer-grid{
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:2rem;
}

.footer-col h4{
  margin-bottom:1rem;
  border-bottom:2px solid #22d3ee;
  display:inline-block;
  color:#38bdf8;
  padding-bottom:6px;
}

.footer-col a{
  display:block;
  color:#cbd5e1;
  text-decoration:none;
  margin:.45rem 0;
  transition:all .3s ease;
}

.footer-col a:hover{
  color:#22d3ee;
  text-shadow:0 0 10px rgba(34,211,238,.6);
  transform:translateX(4px);
}

.footer-brand{
  max-width:300px;
}

.footer-brand p{
  line-height:1.8;
  color:#cbd5e1;
}

.socials{
  margin-top:1.2rem;
  display:flex;
  gap:.8rem;
}

.socials div{
  background:#0b1220;
  color:#22d3ee;
  width:46px;
  height:46px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.2rem;
  transition:all .3s ease;
  border:1px solid rgba(34,211,238,.08);
  box-shadow:0 4px 10px rgba(0,0,0,.4);
}

.socials div:hover{
  background:#22d3ee;
  color:#08111f;
  transform:scale(1.12);
  box-shadow:0 6px 18px rgba(34,211,238,.35);
}

.footer-bottom{
  max-width:1200px;
  margin:2rem auto 0;
  text-align:center;
  font-size:.92rem;
  color:#94a3b8;
  border-top:1px solid #1e293b;
  padding-top:1rem;
}

.footer-bottom a{
  margin:0 .5rem;
  color:#94a3b8;
  text-decoration:none;
  transition:all .3s ease;
}

.footer-bottom a:hover{
  color:#22d3ee;
  text-shadow:0 0 8px rgba(34,211,238,.7);
}

.contact-info li{
  margin:.5rem 0;
  display:flex;
  align-items:center;
  gap:.6rem;
  color:#d4d4d8;
}

.contact-info span{
  color:#22d3ee;
}


/* ===== Screenshot Footer Style ===== */

footer{
  background:linear-gradient(180deg,#0b1622 0%, #0f172a 100%);
  padding:70px 40px 25px;
  border-top:1px solid rgba(34,211,238,.12);
  box-shadow:0 -10px 30px rgba(0,0,0,.35);
}

.footer-grid{
  max-width:1250px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr 1fr;
  gap:60px;
}

.footer-brand{
  max-width:320px;
}

.footer-brand img{
  height:42px;
  margin-bottom:20px;
}

.footer-brand p{
  color:#94a3b8;
  line-height:1.9;
  font-size:15px;
}

.footer-col h4{
  margin-bottom:20px;
  color:#dbeafe;
  font-size:18px;
  font-weight:700;
  border-bottom:2px solid #22d3ee;
  display:inline-block;
  padding-bottom:6px;
}

.footer-links{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.footer-links a{
  color:#cbd5e1;
  text-decoration:none;
  transition:all .25s ease;
  font-size:15px;
}

.footer-links a:hover{
  color:#22d3ee;
  transform:translateX(5px);
}

.socials{
  display:flex;
  gap:14px;
  margin-top:24px;
}

.socials div{
  width:44px;
  height:44px;
  border-radius:50%;
  background:#132235;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  transition:all .3s ease;
  box-shadow:0 4px 12px rgba(0,0,0,.35);
  border:none;
}

.socials div:hover{
  background:#22d3ee;
  color:#0f172a;
  transform:scale(1.12);
  box-shadow:0 8px 20px rgba(34,211,238,.4);
}

.contact-info{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:14px;
}

.contact-info li{
  display:flex;
  align-items:center;
  gap:10px;
  color:#cbd5e1;
  font-size:15px;
}

.footer-bottom{
  max-width:1250px;
  margin:45px auto 0;
  border-top:1px solid rgba(255,255,255,.06);
  padding-top:22px;
  text-align:center;
  color:#94a3b8;
  font-size:14px;
}

.footer-bottom a{
  color:#94a3b8;
  margin:0 10px;
  text-decoration:none;
  transition:.25s;
}

.footer-bottom a:hover{
  color:#22d3ee;
}


/* ===== TEMPLATE FOOTER STYLE ===== */

footer {
  background: linear-gradient(160deg, #08111f, #0b1622);
  padding: 3rem 1rem 1rem;
  color: #e2e8f0;
  margin-top: 3rem;
  border-top: 2px solid #22d3ee;
  box-shadow: 0 -6px 18px rgba(0,0,0,.5);
}

.footer-grid {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
  gap: 2rem;
}

.footer-col h4 {
  margin-bottom: 1rem;
  border-bottom: 2px solid #22d3ee;
  display: inline-block;
  color: #93c5fd;
}

.footer-col a {
  display: block;
  color: #cbd5e1;
  text-decoration: none;
  margin: 0.4rem 0;
  transition: all 0.3s ease;
}

.footer-col a:hover {
  color: #22d3ee;
  text-shadow: 0 0 8px rgba(34,211,238,.6);
  transform: translateX(4px);
}

.footer-brand {
  max-width: 250px;
}

.socials {
  margin-top: 1rem;
  display: flex;
  gap: 0.75rem;
}

.socials a {
  background: #132235;
  color: #fff;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 1.1rem;
  transition: all 0.3s ease;
  box-shadow: 0 4px 10px rgba(0,0,0,.4);
}

.socials a:hover {
  background: #22d3ee;
  color: #0f172a;
  transform: scale(1.15);
  box-shadow: 0 6px 18px rgba(34,211,238,.4);
}

.footer-bottom {
  max-width: 1200px;
  margin: 2rem auto 0;
  text-align: center;
  font-size: 0.9rem;
  color: #94a3b8;
  border-top: 1px solid #1e293b;
  padding-top: 1rem;
}

.footer-bottom a {
  margin: 0 0.5rem;
  color: #94a3b8;
  text-decoration: none;
  transition: all 0.3s ease;
}

.footer-bottom a:hover {
  color: #22d3ee;
}

.contact-info li {
  margin: 0.4rem 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.contact-info i {
  color: #22d3ee;
}


/* ===== Improved Footer Bottom ===== */

.footer-bottom{
  max-width:1200px;
  margin:1.4rem auto 0;
  padding-top:1rem;
  border-top:1px solid rgba(255,255,255,.06);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  color:#94a3b8;
  font-size:14px;
}

.footer-bottom-links{
  display:flex;
  align-items:center;
  gap:14px;
}

.footer-bottom-links a{
  color:#94a3b8;
  text-decoration:none;
  transition:.25s ease;
}

.footer-bottom-links a:hover{
  color:#22d3ee;
}

.footer-separator{
  opacity:.35;
}


/* ===== Professional Subpage Design ===== */

.header{
  position:fixed;
  top:0;
  width:100%;
  z-index:999;
  background:rgba(5,7,15,.82);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(34,211,238,.08);
}

.nav{
  max-width:1250px;
  margin:auto;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:22px 30px;
}

.links{
  display:flex;
  gap:28px;
}

.links a{
  color:#d4d4d8;
  text-decoration:none;
  transition:.25s ease;
  position:relative;
}

.links a:hover{
  color:#22d3ee;
}

.links a::after{
  content:'';
  position:absolute;
  bottom:-6px;
  left:0;
  width:0%;
  height:2px;
  background:#22d3ee;
  transition:.25s ease;
}

.links a:hover::after{
  width:100%;
}

.hero{
  min-height:72vh;
  max-width:1250px;
  margin:auto;
  display:flex;
  align-items:center;
  padding:120px 30px 80px;
}

.hero-left{
  max-width:760px;
}

.badge{
  display:inline-block;
  background:#07131d;
  border:1px solid rgba(34,211,238,.12);
  color:#67e8f9;
  padding:12px 18px;
  border-radius:999px;
  margin-bottom:28px;
}

.hero h1{
  font-size:78px;
  line-height:1.05;
  margin-bottom:22px;
}

.hero p{
  color:#9ca3af;
  line-height:1.9;
  font-size:18px;
}

.section{
  max-width:1250px;
  margin:auto;
  padding:80px 30px;
}

.section-title{
  text-align:center;
  margin-bottom:60px;
}

.section-title h2{
  font-size:58px;
}

.section-title p{
  color:#9ca3af;
  margin-top:14px;
}

.grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:30px;
}

.card{
  background:linear-gradient(180deg,#08111f,#0d1627);
  border:1px solid rgba(34,211,238,.08);
  border-radius:28px;
  padding:38px;
  transition:.28s ease;
}

.card:hover{
  transform:translateY(-8px);
  border-color:rgba(34,211,238,.22);
  box-shadow:0 14px 35px rgba(0,0,0,.38);
}

.icon{
  width:68px;
  height:68px;
  border-radius:18px;
  background:#0b1220;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#22d3ee;
  font-size:28px;
  margin-bottom:24px;
}

.card h3{
  font-size:28px;
  margin-bottom:16px;
}

.card p{
  color:#a1a1aa;
  line-height:1.8;
}

.gradient{
  background:linear-gradient(to right,#22d3ee,#3b82f6);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.btn{
  border:none;
  cursor:pointer;
  border-radius:16px;
  padding:16px 28px;
  font-weight:700;
  transition:.25s ease;
}

.btn-primary{
  background:#22d3ee;
  color:#08111f;
}

.btn-primary:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 20px rgba(34,211,238,.22);
}


/* ===== Footer Color Fix ===== */

footer{
  background:linear-gradient(180deg,#05070f,#08111f) !important;
  border-top:1px solid rgba(34,211,238,.12) !important;
}

.footer-col h4{
  color:#e2e8f0 !important;
  border-bottom:2px solid #22d3ee !important;
}

.footer-col a:hover{
  color:#22d3ee !important;
}

.footer-bottom a:hover{
  color:#22d3ee !important;
}

.socials a:hover{
  background:#22d3ee !important;
  color:#08111f !important;
}


/* ===== Cloud Platform Upgrade ===== */

.widget-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:24px;
  margin-top:40px;
}

.widget{
  background:linear-gradient(180deg,#0b1220,#101827);
  border:1px solid rgba(34,211,238,.08);
  border-radius:24px;
  padding:28px;
  transition:.28s ease;
  position:relative;
  overflow:hidden;
}

.widget:hover{
  transform:translateY(-6px);
  border-color:rgba(34,211,238,.22);
  box-shadow:0 20px 40px rgba(0,0,0,.35);
}

.widget::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:3px;
  background:linear-gradient(to right,#22d3ee,#3b82f6);
}

.widget-title{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:18px;
}

.widget-title h3{
  margin:0;
  font-size:22px;
}

.status-online{
  color:#22c55e;
  font-size:14px;
}

.progress-bar{
  height:12px;
  border-radius:999px;
  background:#1e293b;
  overflow:hidden;
  margin-top:18px;
}

.progress-fill{
  height:100%;
  border-radius:999px;
  background:linear-gradient(to right,#22d3ee,#3b82f6);
}

.accordion{
  margin-top:18px;
}

.accordion-item{
  background:#0b1220;
  border:1px solid rgba(255,255,255,.05);
  border-radius:18px;
  margin-bottom:14px;
  overflow:hidden;
}

.accordion-header{
  padding:20px;
  cursor:pointer;
  font-weight:700;
}

.accordion-content{
  padding:0 20px 20px;
  color:#9ca3af;
  line-height:1.8;
}

.mini-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:12px 18px;
  border-radius:14px;
  background:#0b1220;
  border:1px solid rgba(34,211,238,.12);
  color:#dbeafe;
  text-decoration:none;
  transition:.25s ease;
}

.mini-btn:hover{
  transform:translateY(-3px);
  border-color:#22d3ee;
  color:#22d3ee;
}


/* ===== REAL HOSTING PLATFORM UI ===== */

.deploy-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(340px,1fr));
  gap:28px;
  margin-top:40px;
}

.server-plan{
  background:linear-gradient(180deg,#0a101b,#101827);
  border:1px solid rgba(255,255,255,.05);
  border-radius:30px;
  overflow:hidden;
  transition:.28s ease;
}

.server-plan:hover{
  transform:translateY(-8px);
  border-color:rgba(34,211,238,.18);
  box-shadow:0 20px 45px rgba(0,0,0,.4);
}

.plan-top{
  padding:30px;
  border-bottom:1px solid rgba(255,255,255,.05);
}

.plan-title{
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.plan-title h3{
  margin:0;
  font-size:28px;
}

.plan-price{
  color:#22d3ee;
  font-size:32px;
  font-weight:800;
  margin-top:16px;
}

.specs{
  padding:30px;
  display:flex;
  flex-direction:column;
  gap:18px;
}

.spec{
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.spec span{
  color:#9ca3af;
}

.deploy-btn{
  margin-top:24px;
  width:100%;
  border:none;
  background:linear-gradient(to right,#22d3ee,#3b82f6);
  color:#08111f;
  padding:16px;
  border-radius:16px;
  font-weight:800;
  cursor:pointer;
  transition:.25s ease;
}

.deploy-btn:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 24px rgba(34,211,238,.25);
}

.live-status{
  margin-top:50px;
  background:#0a101b;
  border:1px solid rgba(255,255,255,.05);
  border-radius:28px;
  padding:34px;
}

.status-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:18px 0;
  border-bottom:1px solid rgba(255,255,255,.05);
}

.status-green{
  color:#22c55e;
}

.network-node{
  width:16px;
  height:16px;
  border-radius:999px;
  background:#22d3ee;
  box-shadow:0 0 18px rgba(34,211,238,.7);
}


/* ===== NEXTBUILD SERVER/FAQ UPGRADE ===== */

.server-grid,
.faq-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
gap:24px;
margin-top:40px;
}

.server-box,
.faq-box{
background:linear-gradient(180deg,#0f172a,#132235);
border:1px solid rgba(0,174,239,.08);
border-radius:26px;
padding:28px;
transition:.28s ease;
position:relative;
overflow:hidden;
}

.server-box::before,
.faq-box::before{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:3px;
background:linear-gradient(to right,#00AEEF,#38bdf8);
}

.server-box:hover,
.faq-box:hover{
transform:translateY(-6px);
border-color:rgba(0,174,239,.25);
box-shadow:0 20px 45px rgba(0,0,0,.35);
}

.server-icon,
.faq-icon{
width:58px;
height:58px;
border-radius:18px;
background:#0b1622;
display:flex;
align-items:center;
justify-content:center;
font-size:24px;
color:#00AEEF;
margin-bottom:18px;
}

.server-title,
.faq-title{
font-size:24px;
font-weight:800;
margin-bottom:12px;
color:#e2e8f0;
}

.server-desc,
.faq-desc{
color:#94a3b8;
line-height:1.8;
}

.metric-row{
margin-top:22px;
display:flex;
flex-direction:column;
gap:12px;
}

.metric{
background:#0b1622;
padding:14px 16px;
border-radius:14px;
display:flex;
justify-content:space-between;
align-items:center;
}

.metric span{
color:#94a3b8;
}

.metric strong{
color:#e2e8f0;
}


/* ===== HEADER FIX ===== */

header{
position:fixed;
top:0;
left:0;
width:100%;
height:82px;
background:rgba(8,17,31,.96);
backdrop-filter:blur(10px);
z-index:9999;
border-bottom:1px solid rgba(0,174,239,.08);
}

.navwrap{
max-width:1400px;
margin:auto;
height:82px;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 32px;
}

.brand a{
display:flex;
align-items:center;
gap:14px;
text-decoration:none;
}

.brand img{
height:48px;
width:auto;
object-fit:contain;
display:block;
}

.brand span{
font-size:28px;
font-weight:800;
background:linear-gradient(to right,#ffffff,#38bdf8);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

nav{
display:flex;
align-items:center;
gap:34px;
}

nav a{
color:#e2e8f0;
text-decoration:none;
font-weight:600;
font-size:16px;
transition:.25s ease;
}

nav a:hover{
color:#38bdf8;
}

body{
padding-top:82px;
}


/* ===== FINAL NEXTBUILD HEADER ===== */

header{
position:fixed;
top:0;
left:0;
width:100%;
height:84px;
background:linear-gradient(180deg,#050b14,#08111f);
border-bottom:1px solid rgba(0,174,239,.10);
backdrop-filter:blur(10px);
z-index:9999;
}

.navwrap{
max-width:1400px;
margin:auto;
height:84px;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 28px;
}

.brand a{
display:flex;
align-items:center;
gap:14px;
text-decoration:none;
}

.brand img{
height:54px;
width:auto;
object-fit:contain;
}

.brand span{
font-size:38px;
font-weight:800;
background:linear-gradient(to right,#ffffff,#38bdf8);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

nav{
display:flex;
align-items:center;
gap:34px;
}

nav a{
color:#e2e8f0;
font-size:16px;
font-weight:600;
text-decoration:none;
position:relative;
transition:.25s ease;
}

nav a:hover{
color:#38bdf8;
}

nav a::after{
content:'';
position:absolute;
bottom:-8px;
left:0;
width:0%;
height:2px;
background:#38bdf8;
transition:.25s ease;
}

nav a:hover::after{
width:100%;
}

body{
padding-top:84px;
}

/* ===== FINAL FOOTER ===== */

footer{
background:linear-gradient(180deg,#07101d,#08111f);
border-top:1px solid rgba(0,174,239,.10);
padding:55px 0 20px;
margin-top:80px;
}

.footer-grid{
max-width:1400px;
margin:auto;
display:grid;
grid-template-columns:1.2fr 1fr 1fr 1fr;
gap:55px;
padding:0 28px;
}

.footer-brand img{
height:54px;
margin-bottom:18px;
}

.footer-brand p{
color:#94a3b8;
line-height:1.9;
max-width:320px;
}

.footer-col h4{
font-size:22px;
margin-bottom:22px;
color:#ffffff;
display:inline-block;
border-bottom:2px solid #00AEEF;
padding-bottom:8px;
}

.footer-col a{
display:block;
margin-bottom:14px;
color:#cbd5e1;
text-decoration:none;
transition:.25s ease;
}

.footer-col a:hover{
color:#38bdf8;
transform:translateX(5px);
}

.footer-bottom{
max-width:1400px;
margin:40px auto 0;
padding:18px 28px 0;
border-top:1px solid rgba(255,255,255,.06);
display:flex;
justify-content:center;
gap:24px;
flex-wrap:wrap;
color:#94a3b8;
font-size:14px;
}

.footer-bottom a{
color:#94a3b8;
text-decoration:none;
}

.footer-bottom a:hover{
color:#38bdf8;
}


/* ===== LOGO COLOR FIX ===== */

.brand span{
background:linear-gradient(to right,#ffffff,#38bdf8)!important;
-webkit-background-clip:text!important;
-webkit-text-fill-color:transparent!important;
font-weight:800!important;
}

.brand img{
filter:drop-shadow(0 0 10px rgba(0,174,239,.25));
}


/* ===== FINAL SINGLE HEADER ===== */

header{
background:#000000 !important;
border-bottom:1px solid rgba(0,174,239,.15)!important;
}

.brand span{
font-size:52px!important;
font-weight:900!important;
background:linear-gradient(to right,#ffffff,#38bdf8)!important;
-webkit-background-clip:text!important;
-webkit-text-fill-color:transparent!important;
}

.brand img{
height:44px!important;
width:auto!important;
}

nav{
margin-left:auto!important;
}

nav a{
color:#ffffff!important;
font-weight:700!important;
}


/* ===== CLEAN SIMPLE HEADER ===== */

header{
position:fixed;
top:0;
left:0;
width:100%;
height:86px;
background:#000;
border-bottom:1px solid rgba(0,174,239,.12);
z-index:9999;
}

.simple-header{
max-width:1400px;
height:86px;
margin:auto;
display:flex;
align-items:center;
justify-content:flex-end;
padding:0 40px;
}

.right-nav{
display:flex;
align-items:center;
gap:28px;
}

.right-nav a{
color:#fff;
text-decoration:none;
font-weight:700;
font-size:16px;
transition:.25s ease;
}

.right-nav a:hover{
color:#38bdf8;
}

.login-btn{
background:#06b6d4;
padding:14px 22px;
border-radius:16px;
color:#000 !important;
font-weight:800;
}

.login-btn:hover{
transform:translateY(-2px);
background:#22d3ee;
}

body{
padding-top:86px;
}


/* ===== SINGLE FINAL HEADER ===== */

header{
position:fixed;
top:0;
left:0;
width:100%;
height:90px;
background:#000;
border-bottom:1px solid rgba(0,174,239,.12);
z-index:9999;
}

.navwrap{
max-width:1450px;
height:90px;
margin:auto;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 34px;
}

.brand a{
display:flex;
align-items:center;
gap:16px;
text-decoration:none;
}

.brand img{
height:46px;
width:auto;
}

.brand span{
font-size:52px;
font-weight:900;
background:linear-gradient(to right,#ffffff,#38bdf8);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.right-nav{
display:flex;
align-items:center;
gap:30px;
}

.right-nav a{
color:#fff;
text-decoration:none;
font-weight:700;
font-size:17px;
transition:.25s ease;
}

.right-nav a:hover{
color:#38bdf8;
}

.login-btn{
background:#06b6d4;
padding:14px 24px;
border-radius:16px;
color:#000 !important;
font-weight:800 !important;
}

body{
padding-top:90px;
}


/* ===== LOGO CLEANUP ===== */

.brand img{
height:34px !important;
width:auto !important;
filter:none !important;
box-shadow:none !important;
}

.brand span{
font-size:34px !important;
font-weight:800 !important;
}

.logo{
filter:none !important;
box-shadow:none !important;
}

/* Einheitlicher Header auf allen öffentlichen Seiten */
header .navwrap{
  width:100%;
  max-width:1450px;
  height:90px;
  margin:0 auto;
  padding:0 34px;
  flex-direction:row;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border-bottom:0;
  background:transparent;
}

header .right-nav{
  width:auto;
  margin-left:auto;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-end;
  gap:30px;
  flex-wrap:nowrap;
}

header .right-nav > a{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  white-space:nowrap;
}

header .right-nav .login-btn{
  justify-content:center;
  padding:14px 24px;
  border-radius:16px;
}

header .lang-switch{
  height:44px;
  padding:0 13px;
  flex:0 0 auto;
}

@media(max-width:1100px){
  header,
  header .navwrap{
    height:auto;
    min-height:90px;
  }

  header .navwrap{
    padding:18px 24px;
    flex-wrap:wrap;
  }

  header .right-nav{
    width:100%;
    gap:14px 20px;
    justify-content:flex-start;
    flex-wrap:wrap;
  }

  body{
    padding-top:150px;
  }
}

@media(max-width:600px){
  header{
    position:relative;
  }

  header .navwrap{
    padding:16px 20px 20px;
  }

  header .right-nav{
    gap:10px 14px;
  }

  header .right-nav > a{
    min-height:38px;
    font-size:14px;
  }

  header .right-nav .login-btn{
    padding:10px 16px;
  }

  header .lang-switch{
    height:38px;
  }

  body{
    padding-top:0;
  }
}


/* ===== PREMIUM FOOTER REDESIGN ===== */

footer{
background:linear-gradient(180deg,#020817,#061327);
padding:70px 0 0;
margin-top:80px;
border-top:1px solid rgba(0,174,239,.14);
}

.footer-container{
max-width:1450px;
margin:auto;
padding:0 40px;
}

.footer-grid{
display:grid;
grid-template-columns:1.2fr 1fr 1fr 1fr;
gap:60px;
margin-bottom:55px;
}

.footer-brand img{
height:70px;
margin-bottom:18px;
}

.footer-brand p{
color:#94a3b8;
font-size:18px;
line-height:1.8;
max-width:340px;
margin-bottom:30px;
}

.footer-status{
background:rgba(255,255,255,.03);
border:1px solid rgba(255,255,255,.05);
border-radius:18px;
padding:18px;
max-width:310px;
}

.footer-status strong{
display:block;
font-size:18px;
margin-bottom:8px;
color:#fff;
}

.footer-col h4{
font-size:30px;
margin-bottom:26px;
color:#fff;
position:relative;
}

.footer-col h4::after{
content:'';
position:absolute;
left:0;
bottom:-10px;
width:48px;
height:3px;
background:#00AEEF;
border-radius:999px;
}

.footer-col a{
display:block;
color:#dbeafe;
text-decoration:none;
margin-bottom:18px;
font-size:18px;
transition:.25s ease;
}

.footer-col a:hover{
color:#38bdf8;
transform:translateX(5px);
}

.footer-bottom{
border-top:1px solid rgba(255,255,255,.06);
padding:24px 40px;
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
gap:20px;
max-width:1450px;
margin:auto;
}

.footer-bottom-links{
display:flex;
gap:26px;
flex-wrap:wrap;
}

.footer-bottom a{
color:#94a3b8;
text-decoration:none;
}

.footer-bottom a:hover{
color:#38bdf8;
}


.premium-footer{background:linear-gradient(180deg,#050816,#081120);padding-top:40px;margin-top:80px}
.footer-top-cards{max-width:1400px;margin:auto;padding:0 30px 50px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.footer-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:22px;padding:22px;display:flex;align-items:center;gap:18px}
.footer-card i{width:56px;height:56px;border-radius:18px;background:rgba(0,174,239,.12);color:#38bdf8;display:flex;align-items:center;justify-content:center}
.footer-main{max-width:1400px;margin:auto;padding:0 30px 50px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px}
.footer-column h4{color:white;font-size:24px;margin-bottom:18px}
.footer-column a{display:block;color:#cbd5e1;text-decoration:none;margin-bottom:12px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding:24px 30px;display:flex;justify-content:space-between;flex-wrap:wrap}
.footer-legal{display:flex;gap:20px;margin:auto}


/* FINAL FOOTER UPGRADE */

.footer-card{
transition:all .35s ease!important;
cursor:pointer;
position:relative;
overflow:hidden;
}

.footer-card:hover{
transform:translateY(-8px)!important;
border-color:#00AEEF!important;
box-shadow:0 0 35px rgba(0,174,239,.22)!important;
background:rgba(0,174,239,.05)!important;
}

.footer-card:hover i{
transform:scale(1.08);
background:#00AEEF!important;
color:#fff!important;
}

.footer-card i{
transition:all .35s ease;
}

.footer-column h4{
font-size:36px!important;
font-weight:800!important;
letter-spacing:-1px;
margin-bottom:28px!important;
position:relative;
}

.footer-column h4::after{
content:'';
position:absolute;
left:0;
bottom:-10px;
width:70px;
height:4px;
background:#00AEEF;
border-radius:999px;
}

.footer-column a{
font-size:18px!important;
padding:6px 0;
transition:all .25s ease;
}

.footer-column a:hover{
transform:translateX(6px);
color:#38bdf8!important;
}

.footer-bottom{
align-items:center!important;
}

.footer-bottom div:first-child{
color:#94a3b8!important;
font-size:17px;
}

.footer-legal{
margin:auto!important;
gap:34px!important;
}

.footer-legal a{
font-size:17px;
position:relative;
}

.footer-legal a::after{
content:'';
position:absolute;
left:0;
bottom:-5px;
width:0;
height:2px;
background:#00AEEF;
transition:.25s ease;
}

.footer-legal a:hover::after{
width:100%;
}

.discord-float{position:fixed;right:24px;bottom:24px;display:flex;align-items:center;gap:10px;padding:14px 20px;border-radius:999px;background:#5865F2;color:#fff;text-decoration:none;font-weight:700;box-shadow:0 0 25px rgba(88,101,242,.45);z-index:9999;transition:.25s}
.discord-float:hover{transform:translateY(-3px) scale(1.04);background:#4752C4}

/* ===== NEXTBUILD LANGUAGE MENU ===== */
.language-menu{
  position:relative;
  flex:0 0 auto;
  font-size:14px;
}

.language-trigger{
  height:44px;
  min-width:88px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:0 14px;
  border:1px solid rgba(56,189,248,.28);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(56,189,248,.035));
  color:#f8fafc;
  font:inherit;
  font-weight:750;
  letter-spacing:.035em;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 24px rgba(0,0,0,.16);
  transition:border-color .22s ease,background .22s ease,box-shadow .22s ease,transform .22s ease;
}

.language-trigger:hover,
.language-trigger:focus-visible,
.language-trigger[aria-expanded="true"]{
  border-color:rgba(56,189,248,.66);
  background:linear-gradient(145deg,rgba(56,189,248,.14),rgba(6,182,212,.075));
  box-shadow:0 0 0 3px rgba(56,189,248,.08),0 10px 28px rgba(0,0,0,.24);
  outline:none;
  transform:translateY(-1px);
}

.language-trigger .fa-globe{
  color:#38bdf8;
  font-size:16px;
}

.language-chevron{
  color:#94a3b8;
  font-size:10px;
  transition:transform .22s ease,color .22s ease;
}

.language-trigger[aria-expanded="true"] .language-chevron{
  color:#38bdf8;
  transform:rotate(180deg);
}

.language-options{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  z-index:10001;
  width:190px;
  padding:7px;
  overflow:hidden;
  border:1px solid rgba(56,189,248,.22);
  border-radius:16px;
  background:rgba(5,11,20,.98);
  box-shadow:0 22px 55px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter:blur(18px);
  transform-origin:top right;
  animation:language-menu-in .18s ease-out;
}

.language-options[hidden]{
  display:none;
}

@keyframes language-menu-in{
  from{opacity:0;transform:translateY(-6px) scale(.97)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

.language-option{
  width:100%;
  min-height:44px;
  display:grid;
  grid-template-columns:36px 1fr 18px;
  align-items:center;
  gap:9px;
  padding:8px 10px;
  border:0;
  border-radius:11px;
  background:transparent;
  color:#cbd5e1;
  font:inherit;
  text-align:left;
  cursor:pointer;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}

.language-option:hover,
.language-option:focus-visible{
  background:rgba(56,189,248,.09);
  color:#fff;
  outline:none;
  transform:translateX(2px);
}

.language-option.is-active{
  background:rgba(6,182,212,.12);
  color:#fff;
}

.language-code{
  color:#38bdf8;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
}

.language-option .fa-check{
  color:#22d3ee;
  font-size:12px;
  opacity:0;
  transform:scale(.7);
  transition:opacity .18s ease,transform .18s ease;
}

.language-option.is-active .fa-check{
  opacity:1;
  transform:scale(1);
}

@media(max-width:600px){
  .language-trigger{
    height:38px;
    min-width:80px;
    padding:0 12px;
  }

  .language-options{
    position:fixed;
    top:auto;
    right:20px;
    bottom:20px;
    left:20px;
    width:auto;
    transform-origin:bottom center;
  }
}

@media(prefers-reduced-motion:reduce){
  .language-trigger,
  .language-chevron,
  .language-option,
  .language-options{
    animation:none;
    transition:none;
  }
}

/* ===== FULL SUBPAGE REBUILDS: PAGE-SPECIFIC SIGNATURE LAYOUTS ===== */
.nb-fully-rebuilt:not(.nb-about):not(.nb-contact) > .hero{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);
  gap:76px;
}

.nb-fully-rebuilt:not(.nb-about):not(.nb-contact) > .hero > .panel{
  display:none;
}

.nb-fully-rebuilt > .hero > div:first-child{
  min-width:0;
}

.nb-signature-visual{
  position:relative;
  min-width:0;
  min-height:410px;
  padding:32px;
  border:1px solid rgba(58,216,255,.18);
  border-radius:28px;
  background:linear-gradient(145deg,rgba(9,25,38,.96),rgba(3,10,18,.99));
  box-shadow:0 34px 86px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.03);
  overflow:hidden;
}

.nb-signature-visual::before{
  content:"";
  position:absolute;
  width:220px;
  height:220px;
  right:-90px;
  top:-105px;
  border-radius:50%;
  background:rgba(33,205,244,.11);
  filter:blur(34px);
}

.visual-kicker{
  color:#3bd8ff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}

/* About: split manifesto plus editorial principles */
.nb-about.nb-fully-rebuilt .nb-about-hero{
  min-height:720px;
  grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr);
  gap:100px;
}

.nb-about.nb-fully-rebuilt .nb-about-intro{
  position:relative;
  padding-left:31px;
}

.nb-about.nb-fully-rebuilt .nb-about-intro::before{
  content:"";
  position:absolute;
  inset:4px auto 4px 0;
  width:2px;
  border-radius:2px;
  background:linear-gradient(transparent,#3bd8ff 25%,#2878ff 72%,transparent);
}

.nb-about.nb-fully-rebuilt .nb-about-note{
  min-height:440px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:55px;
  border-radius:9px 34px 9px 34px;
  background:radial-gradient(circle at 100% 0,rgba(31,198,238,.13),transparent 44%),linear-gradient(145deg,rgba(9,28,42,.97),rgba(3,10,18,.99));
}

.nb-story-band{
  width:min(1200px,calc(100% - 48px));
  margin:-24px auto 62px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border:1px solid rgba(58,214,250,.15);
  border-radius:25px;
  background:rgba(5,14,23,.82);
  overflow:hidden;
}

.nb-story-band > div{
  min-height:230px;
  padding:34px;
  border-right:1px solid rgba(58,214,250,.12);
}

.nb-story-band > div:last-child{border-right:0}
.nb-story-band span{color:#3bd8ff;font-size:12px;font-weight:800;letter-spacing:.15em}
.nb-story-band strong{display:block;margin:25px 0 12px;color:#f2f8fc;font-size:20px}
.nb-story-band p{margin:0;color:#8d9dae;line-height:1.7}

.nb-about.nb-fully-rebuilt #values .cards{
  display:grid;
  grid-template-columns:1.15fr .85fr .85fr;
}

.nb-about.nb-fully-rebuilt #values .card:first-child{
  grid-row:span 2;
  min-height:560px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  background:radial-gradient(circle at 30% 10%,rgba(32,203,242,.14),transparent 40%),linear-gradient(145deg,rgba(9,26,39,.96),rgba(3,10,18,.99)) !important;
}

/* Contact: a professional two-sided support desk */
.nb-contact.nb-fully-rebuilt > .hero{
  width:min(1260px,calc(100% - 48px));
  min-height:690px;
}

.nb-contact.nb-fully-rebuilt .contact-hero-grid{
  grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr) !important;
  gap:20px !important;
}

.nb-contact.nb-fully-rebuilt .contact-hero-grid > div:first-child{
  padding:55px !important;
}

.nb-contact.nb-fully-rebuilt .contact-hero-grid > div:last-child{
  padding:24px !important;
}

.nb-contact.nb-fully-rebuilt .contact-hero-grid > div:last-child > div{
  min-height:86px;
  padding:18px !important;
  border:1px solid rgba(60,202,237,.11);
  background:rgba(5,16,26,.72) !important;
}

.nb-contact.nb-fully-rebuilt .contact-form-grid{
  grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr) !important;
  gap:22px !important;
}

.nb-contact.nb-fully-rebuilt form.contact-form-fields{
  gap:17px !important;
}

.nb-contact.nb-fully-rebuilt form.contact-form-fields :is(input,select,textarea){
  min-height:52px;
  padding:15px 16px !important;
}

.nb-contact.nb-fully-rebuilt form.contact-form-fields textarea{min-height:165px}

/* Hosting: physical rack / specification catalogue */
.nb-server-rack{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:13px;
}

.nb-server-rack .visual-label{
  display:flex;
  align-items:center;
  gap:11px;
  margin-bottom:10px;
  color:#ecf8fc;
  font-weight:800;
}

.nb-server-rack .visual-label b{
  margin-left:auto;
  color:#3bd8ff;
  font-size:10px;
  letter-spacing:.14em;
}

.nb-server-rack .rack-unit{
  position:relative;
  min-height:69px;
  padding:16px 96px 16px 20px;
  border:1px solid rgba(69,195,226,.17);
  border-radius:13px;
  background:linear-gradient(90deg,rgba(13,34,48,.92),rgba(4,13,22,.93));
}

.nb-server-rack .rack-unit span{display:block;color:#edf8fc;font-weight:750}
.nb-server-rack .rack-unit em{color:#75899a;font-size:12px;font-style:normal}
.nb-server-rack .rack-unit i{position:absolute;top:27px;width:7px;height:7px;border-radius:50%;background:#3bd8ff;box-shadow:0 0 8px rgba(59,216,255,.5)}
.nb-server-rack .rack-unit i:nth-of-type(1){right:56px}.nb-server-rack .rack-unit i:nth-of-type(2){right:37px}.nb-server-rack .rack-unit i:nth-of-type(3){right:18px}
.nb-server-rack .rack-meter{margin-top:9px;color:#8799aa;font-size:12px}
.nb-server-rack .rack-meter strong{float:right;color:#3bd8ff}.nb-server-rack .rack-meter > div{height:6px;margin-top:9px;border-radius:9px;background:#0d1c27;overflow:hidden}.nb-server-rack .rack-meter > div i{display:block;width:38%;height:100%;background:linear-gradient(90deg,#17cce8,#327ff4)}

.nb-hosting.nb-fully-rebuilt #packages .cards{
  grid-template-columns:repeat(12,1fr);
}
.nb-hosting.nb-fully-rebuilt #packages .card{grid-column:span 4}
.nb-hosting.nb-fully-rebuilt #packages .card:nth-child(1),
.nb-hosting.nb-fully-rebuilt #packages .card:nth-child(2){grid-column:span 6;min-height:330px}

/* AI: neural canvas and bento capabilities */
.nb-neural-visual{min-height:470px}
.neural-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(58,216,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(58,216,255,.035) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent)}
.neural-core{position:absolute;left:50%;top:50%;z-index:3;width:110px;height:110px;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid rgba(59,219,255,.42);border-radius:28px;background:#071b29;box-shadow:0 0 0 18px rgba(59,219,255,.035),0 0 60px rgba(30,198,238,.18)}
.neural-core i{font-size:31px}.neural-core span{position:absolute;bottom:13px;color:#78e8ff;font-size:10px;font-weight:900;letter-spacing:.17em}
.neural-node{position:absolute;z-index:2;width:16px;height:16px;border:3px solid #09202e;border-radius:50%;background:#3bd8ff;box-shadow:0 0 16px rgba(59,216,255,.5)}
.neural-node::after{content:"";position:absolute;left:7px;top:7px;width:130px;height:1px;background:linear-gradient(90deg,#3bd8ff,transparent);transform-origin:left}
.neural-node.n1{left:14%;top:24%}.neural-node.n1::after{transform:rotate(24deg)}.neural-node.n2{right:15%;top:22%}.neural-node.n2::after{transform:rotate(154deg)}.neural-node.n3{left:17%;bottom:19%}.neural-node.n3::after{transform:rotate(-27deg)}.neural-node.n4{right:16%;bottom:20%}.neural-node.n4::after{transform:rotate(207deg)}
.neural-tag{position:absolute;z-index:3;padding:7px 10px;border:1px solid rgba(59,218,255,.17);border-radius:8px;color:#8beaff;background:#07131e;font-size:9px;font-weight:800;letter-spacing:.14em}.neural-tag.t1{left:9%;top:45%}.neural-tag.t2{right:8%;top:43%}.neural-tag.t3{left:43%;bottom:8%}
.nb-ai.nb-fully-rebuilt #services .cards{grid-template-columns:repeat(4,1fr)}
.nb-ai.nb-fully-rebuilt #services .card:nth-child(1),.nb-ai.nb-fully-rebuilt #services .card:nth-child(4){grid-column:span 2}

/* Consulting: structured transformation blueprint */
.nb-blueprint{display:flex;flex-direction:column;justify-content:center}
.blueprint-step{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:14px;padding:18px;border:1px solid rgba(57,211,249,.15);border-radius:14px;background:rgba(5,16,26,.7)}
.blueprint-step b{color:#3bd8ff;font-size:11px;letter-spacing:.13em}.blueprint-step span{color:#eaf5fa;font-weight:750}.blueprint-step i{width:39px;height:39px;display:grid;place-items:center;border:1px solid rgba(59,218,255,.18);border-radius:11px;background:rgba(18,189,234,.07)}
.blueprint-line{width:1px;height:25px;margin-left:38px;background:linear-gradient(#3bd8ff,rgba(59,216,255,.08))}
.nb-blueprint > .visual-kicker{margin-bottom:25px}
.nb-consulting.nb-fully-rebuilt .nb-page-block-2 .cards{display:grid;grid-template-columns:1fr 1fr;gap:0 70px;position:relative}
.nb-consulting.nb-fully-rebuilt .nb-page-block-2 .cards::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(59,216,255,.13)}
.nb-consulting.nb-fully-rebuilt .nb-page-block-2 .card{min-height:250px;margin-bottom:28px}
.nb-consulting.nb-fully-rebuilt .nb-page-block-2 .card:nth-child(even){transform:translateY(70px)}

/* Security Operations Centre */
.nb-soc-visual{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;gap:22px}
.soc-head{grid-column:1/-1;display:flex;justify-content:space-between;color:#dff6fc;font-weight:750}.soc-head b{color:#3bd8ff;font-size:10px;letter-spacing:.13em}.soc-head b i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#3bd8ff;box-shadow:0 0 10px #3bd8ff}
.soc-radar{position:relative;aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(59,216,255,.15);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 31px,rgba(59,216,255,.07) 32px 33px)}
.soc-radar::after{content:"";position:absolute;width:50%;height:1px;left:50%;top:50%;background:linear-gradient(90deg,#3bd8ff,transparent);transform-origin:left;animation:soc-sweep 4s linear infinite}.soc-radar > i{font-size:38px}.soc-radar span{position:absolute;width:7px;height:7px;border-radius:50%;background:#3bd8ff}.soc-radar span:nth-of-type(1){left:27%;top:32%}.soc-radar span:nth-of-type(2){right:24%;top:45%}.soc-radar span:nth-of-type(3){left:43%;bottom:22%}@keyframes soc-sweep{to{transform:rotate(360deg)}}
.soc-events{display:flex;flex-direction:column;justify-content:center;gap:11px}.soc-events div{display:grid;grid-template-columns:26px 1fr auto;align-items:center;padding:13px;border:1px solid rgba(59,216,255,.12);border-radius:11px;background:rgba(5,15,24,.73);color:#8fa2b2;font-size:12px}.soc-events b{color:#3bd8ff;font-size:10px}
.nb-security.nb-fully-rebuilt #services .cards{grid-template-columns:repeat(2,1fr)}
.nb-security.nb-fully-rebuilt #services .card{min-height:230px;display:grid;grid-template-columns:62px 1fr;grid-template-rows:auto 1fr;column-gap:20px}.nb-security.nb-fully-rebuilt #services .card > i{grid-row:1/3}.nb-security.nb-fully-rebuilt #services .card p{grid-column:2}

/* Webinterface: actual control-panel preview */
.nb-dashboard-preview{padding:0;min-height:445px}.dash-bar{height:49px;padding:0 18px;display:flex;align-items:center;gap:7px;border-bottom:1px solid rgba(59,216,255,.12);background:#07131e}.dash-bar > i{width:7px;height:7px;border-radius:50%;background:#2c6678}.dash-bar span{margin-left:10px;color:#8da1b1;font-size:11px}.dash-layout{height:395px;display:grid;grid-template-columns:60px 1fr}.dash-layout nav{padding:15px 0;display:flex;flex-direction:column;align-items:center;gap:25px;border-right:1px solid rgba(59,216,255,.1);background:#050d15}.dash-layout nav b{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;color:#031019;background:#3bd8ff;font-size:10px}.dash-layout nav i{font-size:13px}.dash-main{padding:25px}.dash-main > span{color:#eef7fb;font-weight:750}.dash-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:20px}.dash-metrics i{height:62px;border:1px solid rgba(59,216,255,.12);border-radius:10px;background:linear-gradient(145deg,#0b1b27,#07121c)}.dash-chart{height:125px;margin-top:12px;padding:15px;border:1px solid rgba(59,216,255,.12);border-radius:11px;background:#06111a}.dash-chart i{display:block;height:100%;background:linear-gradient(160deg,transparent 48%,#3bd8ff 49% 51%,transparent 52%),linear-gradient(20deg,transparent 48%,#237df3 49% 51%,transparent 52%);opacity:.7}.dash-list{display:grid;gap:7px;margin-top:12px}.dash-list i{height:18px;border-radius:5px;background:linear-gradient(90deg,rgba(59,216,255,.12) 35%,rgba(255,255,255,.025) 35%)}
.nb-interface.nb-fully-rebuilt #features .cards{grid-template-columns:2fr 1fr 1fr}.nb-interface.nb-fully-rebuilt #features .card:first-child{grid-row:span 2;min-height:560px}

/* DDoS: traffic filtering pipeline */
.nb-mitigation-flow{display:grid;grid-template-columns:1fr 60px 1.25fr 60px 1fr;grid-template-rows:1fr auto;align-items:center;gap:8px}.flow-source,.flow-target,.flow-shield{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#dff6fc;font-weight:750}.flow-source i,.flow-target i{width:66px;height:66px;display:grid;place-items:center;border:1px solid rgba(59,216,255,.16);border-radius:20px;background:#071824;font-size:24px}.flow-shield{height:170px;border:1px solid rgba(59,216,255,.3);border-radius:28px;background:radial-gradient(circle,rgba(59,216,255,.13),transparent 70%)}.flow-shield i{font-size:48px}.flow-shield span{color:#3bd8ff;font-size:12px}.flow-line{height:2px;background:repeating-linear-gradient(90deg,#3bd8ff 0 6px,transparent 6px 12px);animation:flow-move 1s linear infinite}.flow-line.clean{background:linear-gradient(90deg,#3bd8ff,#277af4)}@keyframes flow-move{to{background-position:12px 0}}.flow-status{grid-column:1/-1;justify-self:center;padding:10px 15px;border:1px solid rgba(59,216,255,.15);border-radius:20px;color:#8ea2b3;background:#06131e;font-size:11px}.flow-status i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#3bd8ff}
.nb-ddos.nb-fully-rebuilt #tech .cards{grid-template-columns:repeat(12,1fr)}.nb-ddos.nb-fully-rebuilt #tech .card{grid-column:span 4}.nb-ddos.nb-fully-rebuilt #tech .card:nth-child(1),.nb-ddos.nb-fully-rebuilt #tech .card:nth-child(2){grid-column:span 6;min-height:330px}

/* Frankfurt-only data centre */
.nb-frankfurt-visual{display:grid;grid-template-columns:1fr 1.1fr;align-items:center}.fra-map{position:relative;aspect-ratio:1;display:grid;place-items:center}.fra-map::before{content:"";position:absolute;inset:13%;border:1px solid rgba(59,216,255,.14);border-radius:45% 55% 60% 40%;transform:rotate(18deg)}.fra-map > i{z-index:3;width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(59,216,255,.36);border-radius:50%;background:#071824;font-size:23px;box-shadow:0 0 35px rgba(59,216,255,.2)}.fra-ring{position:absolute;border:1px solid rgba(59,216,255,.22);border-radius:50%;animation:fra-pulse 3s ease-out infinite}.fra-ring.r1{width:100px;height:100px}.fra-ring.r2{width:170px;height:170px;animation-delay:1.2s}@keyframes fra-pulse{50%{opacity:.25;transform:scale(1.12)}}.fra-copy span{color:#3bd8ff;font-size:11px;font-weight:800;letter-spacing:.14em}.fra-copy strong{display:block;margin:10px 0;color:#f2f8fc;font-size:26px}.fra-copy p{color:#8295a5;font-size:13px}.fra-route{grid-column:1/-1;display:flex;align-items:center;gap:15px;padding:14px;border:1px solid rgba(59,216,255,.12);border-radius:12px;color:#91a5b4;font-size:11px}.fra-route i{flex:1;height:1px;background:linear-gradient(90deg,#3bd8ff,#267cf3)}
.nb-datacenter.nb-fully-rebuilt #dc .cards{grid-template-columns:1fr}.nb-datacenter.nb-fully-rebuilt #dc .card{min-height:340px;display:grid;grid-template-columns:130px 1fr;align-items:center;column-gap:35px}.nb-datacenter.nb-fully-rebuilt #dc .card > i{width:100px;height:100px;font-size:31px !important}.nb-datacenter.nb-fully-rebuilt #dc .card p{grid-column:2}

/* Hardware: component stack */
.nb-hardware-stack{display:flex;flex-direction:column;justify-content:center;gap:12px}.component{position:relative;z-index:2;min-height:82px;padding:17px 20px;display:grid;grid-template-columns:48px 1fr;grid-template-rows:1fr 1fr;column-gap:16px;border:1px solid rgba(59,216,255,.15);border-radius:15px;background:linear-gradient(90deg,#0b202e,#06121c)}.component > i{grid-row:1/3;width:43px;height:43px;display:grid;place-items:center;border:1px solid rgba(59,216,255,.18);border-radius:12px;background:rgba(18,189,234,.07)}.component span{color:#708797;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.component strong{color:#eff8fc}.stack-bus{position:absolute;right:22px;top:69px;bottom:69px;display:flex;gap:4px}.stack-bus i{width:2px;background:linear-gradient(#3bd8ff,rgba(39,124,243,.2))}
.nb-hardware.nb-fully-rebuilt #specs .cards{grid-template-columns:repeat(2,1fr)}.nb-hardware.nb-fully-rebuilt #specs .card{min-height:310px}

/* Network: topology map */
.nb-network-map{min-height:455px}.net-core{position:absolute;left:50%;top:50%;z-index:3;width:112px;height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;transform:translate(-50%,-50%);border:1px solid rgba(59,216,255,.4);border-radius:50%;background:#071a27;box-shadow:0 0 45px rgba(59,216,255,.16)}.net-core i{font-size:28px}.net-core span{color:#8ceaff;font-size:9px;font-weight:800;letter-spacing:.14em}.net-peer{position:absolute;z-index:3;width:86px;height:60px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(59,216,255,.16);border-radius:13px;color:#90a4b4;background:#07141e;font-size:10px}.net-peer i{width:7px;height:7px;border-radius:50%;background:#3bd8ff;box-shadow:0 0 8px #3bd8ff}.net-peer.p1{left:7%;top:12%}.net-peer.p2{right:7%;top:12%}.net-peer.p3{left:7%;bottom:12%}.net-peer.p4{right:7%;bottom:12%}.nb-network-map svg{position:absolute;inset:0;width:100%;height:100%}.nb-network-map path{fill:none;stroke:rgba(59,216,255,.23);stroke-width:1.3;stroke-dasharray:5 7;animation:net-path 15s linear infinite}@keyframes net-path{to{stroke-dashoffset:-100}}
.nb-network.nb-fully-rebuilt #services .cards{grid-template-columns:repeat(2,1fr)}.nb-network.nb-fully-rebuilt #services .card:nth-child(3){grid-column:1/-1;min-height:250px}

/* Reseller: commercial partner programme */
.nb-partner-visual{display:flex;flex-direction:column;justify-content:center}.nb-partner-visual > strong{margin:20px 0 0;color:#f0f9fc;font-size:58px;letter-spacing:-.05em}.nb-partner-visual > p{color:#8093a4}.partner-bars{height:160px;margin-top:30px;display:flex;align-items:flex-end;gap:12px}.partner-bars i{flex:1;height:var(--h);border:1px solid rgba(59,216,255,.18);border-radius:8px 8px 2px 2px;background:linear-gradient(#31d8f3,#186bd9);box-shadow:0 0 22px rgba(38,177,226,.08)}.partner-legend{display:flex;justify-content:space-between;margin-top:10px;color:#718798;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.nb-reseller.nb-fully-rebuilt #benefits .cards{grid-template-columns:repeat(12,1fr)}.nb-reseller.nb-fully-rebuilt #benefits .card{grid-column:span 4}.nb-reseller.nb-fully-rebuilt #benefits .card:nth-child(1),.nb-reseller.nb-fully-rebuilt #benefits .card:nth-child(2){grid-column:span 6;min-height:340px}.nb-reseller.nb-fully-rebuilt .nb-commission-section .cards{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.nb-reseller.nb-fully-rebuilt .nb-commission-section .card{position:relative;min-height:260px;padding-top:60px}.nb-reseller.nb-fully-rebuilt .nb-commission-section .card::before{content:"Partner Level";position:absolute;left:50%;top:24px;transform:translateX(-50%);color:#7790a1;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.nb-reseller.nb-fully-rebuilt .nb-partner-stories .cards{grid-template-columns:1fr 1fr}.nb-reseller.nb-fully-rebuilt .nb-partner-stories .card{border-radius:9px 25px 9px 25px !important}

@media(max-width:1050px){
  .nb-fully-rebuilt:not(.nb-about):not(.nb-contact) > .hero,
  .nb-about.nb-fully-rebuilt .nb-about-hero{
    grid-template-columns:1fr;
    gap:45px;
  }
  .nb-signature-visual{min-height:390px}
  .nb-story-band{grid-template-columns:1fr}.nb-story-band > div{min-height:0;border-right:0;border-bottom:1px solid rgba(58,214,250,.12)}.nb-story-band > div:last-child{border-bottom:0}
  .nb-about.nb-fully-rebuilt #values .cards{grid-template-columns:1fr 1fr}.nb-about.nb-fully-rebuilt #values .card:first-child{grid-row:auto;grid-column:1/-1;min-height:390px}
  .nb-ai.nb-fully-rebuilt #services .cards{grid-template-columns:1fr 1fr}.nb-ai.nb-fully-rebuilt #services .card:nth-child(n){grid-column:auto}
  .nb-interface.nb-fully-rebuilt #features .cards{grid-template-columns:1fr 1fr}.nb-interface.nb-fully-rebuilt #features .card:first-child{grid-row:auto;grid-column:1/-1;min-height:390px}
  .nb-reseller.nb-fully-rebuilt .nb-commission-section .cards{grid-template-columns:1fr 1fr}
}

@media(max-width:760px){
  .nb-signature-visual{min-height:340px;padding:23px;border-radius:22px}
  .nb-about.nb-fully-rebuilt .nb-about-intro{padding-left:20px}.nb-about.nb-fully-rebuilt .nb-about-note{min-height:0;padding:31px;border-radius:8px 25px 8px 25px}
  .nb-story-band{width:calc(100% - 32px);margin-top:0}
  .nb-about.nb-fully-rebuilt #values .cards,
  .nb-hosting.nb-fully-rebuilt #packages .cards,
  .nb-ai.nb-fully-rebuilt #services .cards,
  .nb-security.nb-fully-rebuilt #services .cards,
  .nb-interface.nb-fully-rebuilt #features .cards,
  .nb-ddos.nb-fully-rebuilt #tech .cards,
  .nb-hardware.nb-fully-rebuilt #specs .cards,
  .nb-network.nb-fully-rebuilt #services .cards,
  .nb-reseller.nb-fully-rebuilt #benefits .cards,
  .nb-reseller.nb-fully-rebuilt .nb-commission-section .cards,
  .nb-reseller.nb-fully-rebuilt .nb-partner-stories .cards{grid-template-columns:1fr}
  .nb-hosting.nb-fully-rebuilt #packages .card,
  .nb-hosting.nb-fully-rebuilt #packages .card:nth-child(n),
  .nb-ddos.nb-fully-rebuilt #tech .card,
  .nb-ddos.nb-fully-rebuilt #tech .card:nth-child(n),
  .nb-reseller.nb-fully-rebuilt #benefits .card,
  .nb-reseller.nb-fully-rebuilt #benefits .card:nth-child(n){grid-column:auto;min-height:0}
  .nb-consulting.nb-fully-rebuilt .nb-page-block-2 .cards{grid-template-columns:1fr;gap:18px}.nb-consulting.nb-fully-rebuilt .nb-page-block-2 .cards::before{display:none}.nb-consulting.nb-fully-rebuilt .nb-page-block-2 .card:nth-child(even){transform:none}
  .nb-security.nb-fully-rebuilt #services .card{display:block}.nb-security.nb-fully-rebuilt #services .card > i{margin-bottom:20px!important}.nb-security.nb-fully-rebuilt #services .card p{grid-column:auto}
  .nb-contact.nb-fully-rebuilt .contact-hero-grid,.nb-contact.nb-fully-rebuilt .contact-form-grid{grid-template-columns:1fr!important}.nb-contact.nb-fully-rebuilt .contact-hero-grid > div:first-child{padding:30px!important}
  .nb-soc-visual{grid-template-columns:1fr}.soc-head{grid-column:auto}.soc-radar{display:none}
  .nb-mitigation-flow{grid-template-columns:1fr 35px 1.2fr 35px 1fr}.flow-source i,.flow-target i{width:48px;height:48px}.flow-shield{height:125px}.flow-shield i{font-size:34px}
  .nb-frankfurt-visual{grid-template-columns:1fr}.fra-map{height:190px}.fra-copy{text-align:center}.fra-route{margin-top:20px}
  .nb-datacenter.nb-fully-rebuilt #dc .card{display:block;min-height:0}.nb-datacenter.nb-fully-rebuilt #dc .card > i{width:60px;height:60px;font-size:22px!important}.nb-datacenter.nb-fully-rebuilt #dc .card p{grid-column:auto}
  .nb-neural-visual{min-height:360px}.neural-node::after{width:82px}
  .nb-partner-visual > strong{font-size:48px}
}

/* ===== NEXTBUILD LEGAL FOOTER & CONTACT CHANNELS ===== */
footer.premium-footer .footer-bottom{
  width:100%;
  min-height:92px;
  padding:24px max(30px,calc((100% - 1340px)/2));
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
  border-top:1px solid rgba(56,189,248,.105);
  background:radial-gradient(circle at 88% 0,rgba(14,165,233,.055),transparent 36%),linear-gradient(160deg,rgba(5,8,22,.96),rgba(8,17,32,.98));
}

footer.premium-footer .footer-bottom > div:first-child{
  flex:0 0 auto;
  color:#94a3b8 !important;
  font-size:14px;
  font-weight:650;
  letter-spacing:.02em;
  text-align:center;
}

footer.premium-footer .footer-legal{
  width:min(100%,620px);
  margin:0 auto !important;
  padding:6px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:center;
  gap:0 !important;
  border:1px solid rgba(56,189,248,.115);
  border-radius:15px;
  background:rgba(8,17,31,.66);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.022),0 12px 30px rgba(0,0,0,.14);
}

footer.premium-footer .footer-legal a{
  position:relative;
  min-height:38px;
  margin:0;
  padding:10px 17px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  border-radius:10px;
  color:#a7b2c1;
  font-size:13px !important;
  font-weight:720;
  letter-spacing:.01em;
  text-decoration:none;
  transition:color .22s ease,background .22s ease,transform .22s ease,text-shadow .22s ease;
}

footer.premium-footer .footer-legal a+a::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:1px;
  height:15px;
  transform:translateY(-50%);
  background:rgba(56,189,248,.17);
}

footer.premium-footer .footer-legal a::after{display:none}
footer.premium-footer .footer-legal a:hover{
  color:#67e8f9 !important;
  background:rgba(14,116,144,.12);
  transform:translateY(-2px);
  text-shadow:0 0 15px rgba(59,219,255,.22);
}

.nb-contact .contact-channel-card{
  min-height:205px;
  padding:26px !important;
  border:1px solid rgba(56,189,248,.115) !important;
  border-radius:22px !important;
  background:linear-gradient(145deg,rgba(8,17,31,.84),rgba(3,7,15,.97)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 18px 50px rgba(0,0,0,.17);
  transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
}

.nb-contact .contact-channel-card:hover{
  transform:translateY(-6px);
  border-color:rgba(56,189,248,.38) !important;
  background:linear-gradient(145deg,rgba(9,28,46,.94),rgba(3,8,17,.99)) !important;
  box-shadow:0 24px 65px rgba(0,0,0,.28),0 0 30px rgba(34,211,238,.07);
}

.nb-contact .contact-channel-card .contact-channel-icon,
.nb-contact .contact-channel-card .fa-discord{
  width:52px;
  height:52px;
  display:grid !important;
  place-items:center;
  border:1px solid rgba(56,189,248,.18);
  border-radius:14px;
  color:#3bdbff !important;
  background:rgba(14,165,233,.075);
  font-size:23px !important;
  text-shadow:none;
  transition:color .22s ease,transform .22s ease,text-shadow .22s ease,border-color .22s ease,background .22s ease;
}

.nb-contact .contact-channel-card:hover .contact-channel-icon,
.nb-contact .contact-channel-card:hover .fa-discord{
  border-color:rgba(56,189,248,.34);
  color:#67e8f9 !important;
  background:rgba(14,165,233,.11);
  transform:translateY(-2px);
  text-shadow:0 0 15px rgba(59,219,255,.3);
}

.discord-float{
  border:1px solid rgba(56,189,248,.28) !important;
  color:#dff9ff !important;
  background:linear-gradient(145deg,rgba(8,24,40,.96),rgba(3,7,15,.98)) !important;
  box-shadow:0 16px 38px rgba(0,0,0,.32),0 0 24px rgba(34,211,238,.08) !important;
}

.discord-float .fa-discord{color:#3bdbff !important;transition:color .22s ease,transform .22s ease,text-shadow .22s ease}
.discord-float:hover{border-color:rgba(56,189,248,.52) !important;background:rgba(14,116,144,.18) !important;box-shadow:0 20px 45px rgba(0,0,0,.34),0 0 30px rgba(34,211,238,.14) !important}
.discord-float:hover .fa-discord{color:#67e8f9 !important;transform:translateY(-2px);text-shadow:0 0 15px rgba(59,219,255,.3)}

@media(max-width:760px){
  footer.premium-footer .footer-bottom{padding:26px 18px;align-items:center;flex-direction:column;gap:17px}
  footer.premium-footer .footer-legal{width:min(100%,520px);margin:0 auto !important;display:grid;grid-template-columns:1fr 1fr;gap:6px !important;border-radius:16px}
  footer.premium-footer .footer-legal a{width:100%;justify-content:center;padding-inline:13px;text-align:center}
  footer.premium-footer .footer-legal a+a::before{display:none}
}

@media(max-width:420px){
  footer.premium-footer .footer-legal{grid-template-columns:1fr}
  .discord-float{right:14px;bottom:14px;padding:12px 15px}
}

@media(prefers-reduced-motion:reduce){
  .soc-radar::after,.fra-ring,.nb-network-map path,.flow-line{animation:none}
}

/* ===== COMPANY HEADER MENU ===== */
.company-menu{
  position:relative;
  flex:0 0 auto;
}

.company-trigger{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0;
  border:0;
  background:transparent;
  color:#fff;
  font:inherit;
  font-size:17px;
  font-weight:700;
  cursor:pointer;
  transition:color .2s ease;
}

.company-trigger:hover,
.company-trigger:focus-visible,
.company-trigger[aria-expanded="true"]{
  color:#38bdf8;
  outline:none;
}

.company-chevron{
  color:#94a3b8 !important;
  font-size:9px !important;
  transition:color .2s ease,transform .2s ease;
}

.company-trigger[aria-expanded="true"] .company-chevron{
  color:#38bdf8 !important;
  transform:rotate(180deg);
}

.company-options{
  position:absolute;
  top:calc(100% + 9px);
  left:50%;
  z-index:10001;
  width:210px;
  padding:7px;
  border:1px solid rgba(56,189,248,.21);
  border-radius:15px;
  background:rgba(5,11,20,.985);
  box-shadow:0 22px 55px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.045);
  backdrop-filter:blur(18px);
  transform:translateX(-50%);
  animation:company-menu-in .18s ease-out;
}

.company-options[hidden]{
  display:none;
}

@keyframes company-menu-in{
  from{opacity:0;transform:translateX(-50%) translateY(-6px) scale(.97)}
  to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}
}

.company-options a{
  min-height:46px;
  display:grid;
  grid-template-columns:29px 1fr;
  align-items:center;
  gap:10px;
  padding:9px 11px;
  border-radius:10px;
  color:#cbd5e1 !important;
  font-size:14px !important;
  font-weight:650;
  text-decoration:none;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}

.company-options a::after{
  content:none !important;
}

.company-options a:hover,
.company-options a:focus-visible{
  background:rgba(56,189,248,.09);
  color:#fff !important;
  outline:none;
  transform:translateX(2px);
}

.company-options a i{
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  border:1px solid rgba(56,189,248,.15);
  border-radius:8px;
  background:rgba(14,165,233,.055);
  color:#3bdbff !important;
  font-size:12px !important;
}

@media(max-width:1100px){
  .company-trigger{
    font-size:14px;
  }
}

@media(max-width:600px){
  header .company-menu{
    width:100%;
    min-width:0;
  }

  header .company-trigger{
    width:100%;
    min-height:36px;
    font-size:13px;
  }

  .company-options{
    top:calc(100% + 7px);
    left:0;
    width:min(220px,calc(100vw - 36px));
    transform:none;
  }

  @keyframes company-menu-in{
    from{opacity:0;transform:translateY(-6px) scale(.97)}
    to{opacity:1;transform:translateY(0) scale(1)}
  }
}

/* ===== CONSISTENT HEADER CLEANUP ===== */
header{
  box-shadow:0 10px 35px rgba(0,0,0,.28);
  border-bottom:0 !important;
}

header .brand{
  flex:0 0 auto;
  line-height:1;
}

/* Das bisherige quadratische Komplettlogo wurde auf 34px gestaucht und wirkte
   links wie ein horizontaler Strich. Der vorhandene Wordmark bleibt erhalten. */
header .brand img{
  display:none !important;
}

header .brand a,
header .brand span{
  border:0 !important;
  box-shadow:none !important;
  text-decoration:none !important;
}

header .brand a::before,
header .brand a::after,
header .brand span::before,
header .brand span::after,
header .navwrap::before,
header .navwrap::after{
  content:none !important;
  display:none !important;
}

/* ===== PREMIUM PRICING PAGE ===== */
.nb-pricing{
  background:
    radial-gradient(circle at 14% 10%,rgba(14,165,233,.075),transparent 30rem),
    radial-gradient(circle at 90% 38%,rgba(37,99,235,.055),transparent 34rem),
    #000;
}

.nb-pricing .price-shell{
  width:100%;
  max-width:1380px;
  padding:0 38px;
}

.nb-pricing .price-hero{
  margin-top:72px;
  padding:48px;
  gap:42px;
  border:1px solid rgba(56,189,248,.18);
  border-radius:28px;
  background:
    radial-gradient(circle at 14% 12%,rgba(14,165,233,.15),transparent 42%),
    linear-gradient(140deg,rgba(8,24,40,.98),rgba(3,7,15,.98));
  box-shadow:0 30px 90px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.035);
}

.nb-pricing .price-hero::after{
  right:-80px;
  top:-150px;
  width:360px;
  height:360px;
  border-color:rgba(56,189,248,.09);
  box-shadow:0 0 80px rgba(56,189,248,.035);
}

.nb-pricing .price-badge{
  min-height:38px;
  padding:8px 14px;
  border-color:rgba(56,189,248,.28);
  background:rgba(14,165,233,.09);
  color:#a9efff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}

.nb-pricing .price-hero h1{
  max-width:760px;
  margin:20px 0 16px;
  font-size:clamp(42px,4.7vw,66px);
  line-height:1.03;
  letter-spacing:-.045em;
}

.nb-pricing .price-hero p{
  color:#aab7c8;
  font-size:17px;
  line-height:1.75;
}

.nb-pricing .hero-actions{
  margin-top:30px;
  gap:14px;
}

.nb-pricing .btn,
.nb-pricing .plan-button,
.nb-pricing .config-buttons button{
  min-height:50px;
  border-radius:13px;
  transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;
}

.nb-pricing .btn{
  padding:14px 24px;
}

.nb-pricing .btn-primary,
.nb-pricing .plan-button,
.nb-pricing .order-btn{
  color:#041018;
  background:linear-gradient(135deg,#22d3ee,#06b6d4);
  box-shadow:0 12px 28px rgba(6,182,212,.16);
}

.nb-pricing .btn-secondary,
.nb-pricing .reset-btn{
  border:1px solid rgba(56,189,248,.3) !important;
  background:rgba(8,17,31,.7);
  color:#e6f8ff;
}

.nb-pricing .btn:hover,
.nb-pricing .plan-button:hover,
.nb-pricing .config-buttons button:hover{
  transform:translateY(-2px);
  box-shadow:0 15px 34px rgba(34,211,238,.2);
}

.nb-pricing .hero-mini-grid{
  gap:14px;
}

.nb-pricing .hero-mini{
  min-height:82px;
  padding:17px;
  border:1px solid rgba(56,189,248,.13);
  border-radius:17px;
  background:rgba(7,16,29,.76);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  transition:transform .22s ease,border-color .22s ease,background .22s ease;
}

.nb-pricing .hero-mini:hover{
  transform:translateX(4px);
  border-color:rgba(56,189,248,.36);
  background:rgba(8,27,45,.86);
}

.nb-pricing main i,
.nb-pricing .hero-mini i,
.nb-pricing .plan-features i,
.nb-pricing .why-card i,
.nb-pricing .config-group i{
  color:#3bdbff !important;
  text-shadow:0 0 16px rgba(59,219,255,.18);
}

.nb-pricing .hero-mini i{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  flex:0 0 44px;
  border:1px solid rgba(56,189,248,.17);
  border-radius:12px;
  background:rgba(14,165,233,.07);
  font-size:19px;
}

.nb-pricing .price-shell > .section{
  width:100%;
  margin:0;
  padding-right:0 !important;
  padding-left:0 !important;
}

.nb-pricing .plan-switch-wrap{
  margin-top:58px;
  padding:17px 19px;
  border:1px solid rgba(56,189,248,.11);
  border-radius:17px;
  background:rgba(5,12,22,.72);
}

.nb-pricing .plan-hint{
  max-width:650px;
  padding-left:14px;
  border-left:2px solid #22d3ee;
  color:#9daaba;
  line-height:1.55;
}

.nb-pricing .pricing-toggle{
  padding:5px;
  border-color:rgba(56,189,248,.18);
  border-radius:13px;
  background:#050b14;
}

.nb-pricing .pricing-toggle button{
  min-height:42px;
  padding:10px 17px;
  border-radius:9px;
}

.nb-pricing .pricing-toggle button.active{
  background:linear-gradient(135deg,#22d3ee,#06b6d4);
  box-shadow:0 8px 22px rgba(6,182,212,.18);
}

.nb-pricing .plan-grid{
  margin-top:28px;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
  align-items:stretch;
}

.nb-pricing .pack-group-title{
  margin:12px 0 0;
  padding:10px 14px;
  border-left:2px solid #22d3ee;
  border-radius:8px;
  background:linear-gradient(90deg,rgba(14,165,233,.08),transparent 72%);
  color:#bcefff;
}

.nb-pricing .plan-card{
  min-width:0;
  height:100%;
  padding:25px;
  border:1px solid rgba(56,189,248,.12);
  border-radius:21px;
  background:linear-gradient(150deg,rgba(8,17,31,.9),rgba(3,7,15,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 18px 48px rgba(0,0,0,.18);
}

.nb-pricing .plan-card::before{
  right:24px;
  left:24px;
  height:2px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,transparent,#22d3ee,transparent);
  opacity:.62;
}

.nb-pricing .plan-card:hover{
  transform:translateY(-6px);
  border-color:rgba(56,189,248,.38);
  background:linear-gradient(150deg,rgba(9,28,46,.94),rgba(3,8,17,.99));
  box-shadow:0 25px 64px rgba(0,0,0,.3),0 0 28px rgba(34,211,238,.055);
}

.nb-pricing .plan-card.featured{
  z-index:1;
  border:1px solid rgba(34,211,238,.62);
  background:
    radial-gradient(circle at 80% 0,rgba(34,211,238,.095),transparent 38%),
    linear-gradient(150deg,rgba(8,30,48,.97),rgba(3,9,18,.99));
  box-shadow:0 0 0 1px rgba(34,211,238,.09),0 25px 62px rgba(0,0,0,.32),0 0 34px rgba(34,211,238,.09);
  transform:translateY(-4px);
  animation:none;
}

.nb-pricing .plan-card.featured:hover{
  transform:translateY(-8px);
  border-color:rgba(34,211,238,.82);
  box-shadow:0 0 0 1px rgba(34,211,238,.12),0 30px 72px rgba(0,0,0,.36),0 0 38px rgba(34,211,238,.13);
}

.nb-pricing .deal-chip,
.nb-pricing .plan-tag{
  border-color:rgba(34,211,238,.34);
  background:rgba(14,165,233,.1);
  color:#b9f3ff;
}

.nb-pricing .deal-chip{
  top:16px;
  right:16px;
  padding:6px 10px;
  box-shadow:0 8px 22px rgba(0,0,0,.2);
}

.nb-pricing .plan-name{
  margin-top:5px;
  font-size:22px;
  letter-spacing:.025em;
}

.nb-pricing .plan-sub{
  min-height:40px;
  margin-bottom:17px;
  color:#8f9bac;
  line-height:1.5;
}

.nb-pricing .plan-price{
  color:#3bdbff;
  background:linear-gradient(135deg,#67e8f9,#3b82f6);
  -webkit-background-clip:text;
  background-clip:text;
  font-size:40px;
}

.nb-pricing .plan-features{
  min-height:190px;
  margin-bottom:22px;
  gap:10px;
}

.nb-pricing .plan-features li{
  align-items:flex-start;
  color:#cbd5e1;
  font-size:13px;
  line-height:1.4;
}

.nb-pricing .plan-features i{
  margin-top:2px;
}

/* Hardware-Zusatzinfos: kompakter, einheitlicher Iconstil; normale Haken bleiben unverändert. */
.nb-pricing .plan-features li:has(.fa-microchip){
  margin-top:5px;
  padding-top:13px;
  border-top:1px solid rgba(148,163,184,.09);
}

.nb-pricing .plan-features :is(
  .fa-microchip,
  .fa-memory,
  .fa-hard-drive,
  .fa-server,
  .fa-globe
){
  width:18px !important;
  height:18px;
  display:inline-grid !important;
  place-items:center;
  flex:0 0 18px;
  margin-top:0;
  border:1px solid rgba(56,189,248,.2);
  border-radius:5px;
  background:rgba(14,165,233,.055);
  color:#67dff5 !important;
  font-size:10px !important;
  line-height:1;
  text-shadow:none;
  opacity:.82;
}

.nb-pricing .plan-features li:has(:is(
  .fa-microchip,
  .fa-memory,
  .fa-hard-drive,
  .fa-server,
  .fa-globe
)){
  gap:8px;
  color:#9eacbd;
  font-size:12px;
}

.nb-pricing .plan-features li.off,
.nb-pricing .plan-features li.off i{
  color:#627083 !important;
  text-shadow:none;
}

.nb-pricing .plan-button{
  padding:13px;
  font-size:13px;
}

.nb-pricing .price-lane{
  margin-top:62px;
  padding:18px;
  gap:14px;
  border-color:rgba(56,189,248,.13);
  border-radius:20px;
  background:rgba(5,12,22,.72);
}

.nb-pricing .lane-item{
  min-height:96px;
  padding:17px;
  border-color:rgba(56,189,248,.1);
  border-radius:14px;
  background:rgba(8,22,37,.66);
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}

.nb-pricing .lane-item:hover{
  transform:translateY(-3px);
  border-color:rgba(56,189,248,.32);
  background:rgba(9,31,50,.8);
}

.nb-pricing .lane-item strong{
  color:#e9f8ff;
}

.nb-pricing .config-section{
  position:relative;
  overflow:visible;
  margin-top:80px;
  padding:38px;
  border:1px solid rgba(56,189,248,.2);
  border-radius:26px;
  background:
    radial-gradient(circle at 88% 4%,rgba(14,165,233,.11),transparent 34%),
    linear-gradient(145deg,rgba(8,20,35,.97),rgba(3,7,15,.99));
  box-shadow:0 28px 80px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.03);
}

.nb-pricing .config-head{
  margin-bottom:28px;
}

.nb-pricing .config-head h2{
  font-size:clamp(34px,4vw,48px);
  letter-spacing:-.035em;
}

.nb-pricing .config-head p{
  color:#9ca9ba;
  font-size:15px;
}

.nb-pricing .config-grid{
  grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);
  gap:24px;
}

.nb-pricing .config-inputs,
.nb-pricing .config-summary{
  border:1px solid rgba(56,189,248,.13);
  border-radius:19px;
  background:rgba(3,9,18,.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}

.nb-pricing .config-inputs{
  padding:27px;
}

.nb-pricing .config-group{
  margin-bottom:23px;
  padding-bottom:21px;
  border-bottom:1px solid rgba(148,163,184,.075);
}

.nb-pricing .config-group:last-child{
  padding-bottom:0;
  border-bottom:0;
}

.nb-pricing .config-group label{
  color:#cceff8;
}

.nb-pricing .config-group select{
  min-height:45px;
  border-color:rgba(56,189,248,.18);
  border-radius:11px;
  background:#050b14;
  transition:border-color .2s ease,box-shadow .2s ease;
}

.nb-pricing .config-group select:focus{
  border-color:rgba(56,189,248,.6);
  box-shadow:0 0 0 3px rgba(56,189,248,.08);
}

.nb-pricing .config-group input[type="range"]{
  height:6px;
  background:linear-gradient(90deg,rgba(14,165,233,.32),rgba(59,130,246,.62));
}

.nb-pricing .config-group input[type="range"]::-webkit-slider-thumb{
  width:19px;
  height:19px;
  background:#22d3ee;
  box-shadow:0 0 0 5px rgba(34,211,238,.08),0 5px 15px rgba(0,0,0,.4);
}

.nb-pricing .config-summary{
  top:110px;
  padding:24px;
}

.nb-pricing .config-summary h3{
  margin-bottom:18px;
  font-size:21px;
}

.nb-pricing .summary-items{
  padding:14px 16px;
  border-color:rgba(56,189,248,.11);
  border-radius:14px;
  background:rgba(8,23,39,.62);
}

.nb-pricing .summary-item{
  padding:10px 0;
  border-bottom:1px solid rgba(148,163,184,.09);
}

.nb-pricing #summaryDdos{
  color:#67e8f9 !important;
}

.nb-pricing .price-display{
  margin-top:17px;
  padding:21px;
  border-color:rgba(56,189,248,.24);
  border-radius:14px;
  background:linear-gradient(140deg,rgba(14,165,233,.11),rgba(37,99,235,.075));
}

.nb-pricing .price-display .amount{
  margin-top:8px;
  background:linear-gradient(135deg,#e9fbff,#67e8f9 58%,#3b82f6);
  -webkit-background-clip:text;
  background-clip:text;
}

.nb-pricing .config-buttons{
  margin-top:12px;
  gap:10px;
}

.nb-pricing .config-buttons button{
  padding:12px;
}

.nb-pricing .why-grid{
  margin-top:46px;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}

.nb-pricing .why-card{
  min-height:190px;
  padding:25px;
  border:1px solid rgba(56,189,248,.115);
  border-radius:19px;
  background:linear-gradient(145deg,rgba(8,17,31,.84),rgba(3,7,15,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 16px 44px rgba(0,0,0,.15);
  transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
}

.nb-pricing .why-card:hover{
  transform:translateY(-5px);
  border-color:rgba(56,189,248,.36);
  background:linear-gradient(145deg,rgba(9,28,46,.92),rgba(3,8,17,.98));
  box-shadow:0 24px 58px rgba(0,0,0,.28);
}

.nb-pricing .why-card i{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  margin-bottom:19px;
  border:1px solid rgba(56,189,248,.17);
  border-radius:13px;
  background:rgba(14,165,233,.07);
  font-size:21px;
}

.nb-pricing .why-card h3{
  margin-bottom:10px;
  font-size:18px;
}

.nb-pricing .why-card p{
  color:#96a4b6;
  font-size:14px;
  line-height:1.6;
}

.nb-pricing .section-title h2{
  font-size:clamp(40px,5vw,62px);
  letter-spacing:-.035em;
}

.nb-pricing .price-shell > section[style*="max-width:900px"]{
  max-width:1040px !important;
  margin:76px auto !important;
  padding:58px 34px !important;
  border:1px solid rgba(56,189,248,.17) !important;
  border-radius:24px !important;
  background:linear-gradient(135deg,rgba(8,28,47,.92),rgba(4,9,18,.98)) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.3) !important;
}

@media(max-width:1120px){
  .nb-pricing .plan-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .nb-pricing .config-grid{
    grid-template-columns:1fr;
  }

  .nb-pricing .config-summary{
    position:static;
  }

  .nb-pricing .why-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:860px){
  .nb-pricing .price-shell{
    padding:0 24px;
  }

  .nb-pricing .price-hero{
    margin-top:52px;
    padding:34px;
    grid-template-columns:1fr;
  }

  .nb-pricing .plan-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .nb-pricing .plan-card.featured{
    transform:none;
  }

  .nb-pricing .price-lane{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:600px){
  .nb-pricing .price-shell{
    padding:0 16px;
  }

  .nb-pricing .price-hero{
    margin-top:36px;
    padding:25px;
    border-radius:22px;
  }

  .nb-pricing .price-hero h1{
    font-size:clamp(36px,10.8vw,48px);
  }

  .nb-pricing .hero-actions,
  .nb-pricing .hero-actions .btn{
    width:100%;
  }

  .nb-pricing .plan-switch-wrap{
    padding:15px;
  }

  .nb-pricing .pricing-toggle{
    width:100%;
  }

  .nb-pricing .pricing-toggle button{
    flex:1;
    padding:9px 8px;
  }

  .nb-pricing .plan-grid,
  .nb-pricing .price-lane,
  .nb-pricing .why-grid{
    grid-template-columns:1fr;
  }

  .nb-pricing .plan-card{
    padding:23px;
  }

  .nb-pricing .plan-features,
  .nb-pricing .plan-sub{
    min-height:0;
  }

  .nb-pricing .config-section{
    margin-top:60px;
    padding:21px;
    border-radius:21px;
  }

  .nb-pricing .config-inputs,
  .nb-pricing .config-summary{
    padding:19px;
  }

  .nb-pricing .config-group label{
    align-items:flex-start;
  }

  .nb-pricing .why-card{
    min-height:0;
  }
}

header .right-nav > a:not(.login-btn){
  position:relative;
  border:0;
}

header .right-nav > a:not(.login-btn)::after{
  content:'';
  position:absolute;
  right:0;
  bottom:6px;
  left:0;
  height:2px;
  border-radius:999px;
  background:#22d3ee;
  opacity:0;
  transform:scaleX(.35);
  transition:opacity .2s ease,transform .2s ease;
}

header .right-nav > a:not(.login-btn):hover::after,
header .right-nav > a:not(.login-btn):focus-visible::after{
  opacity:1;
  transform:scaleX(1);
}

@media(max-width:1100px){
  header,
  header .navwrap{
    height:82px;
    min-height:82px;
  }

  header .navwrap{
    padding:0 24px;
    flex-wrap:nowrap;
  }

  header .brand span{
    font-size:28px !important;
  }

  header .right-nav{
    width:auto;
    gap:14px;
    flex-wrap:nowrap;
  }

  header .right-nav > a{
    font-size:14px;
  }

  header .right-nav .login-btn{
    padding:11px 17px;
  }

  body{
    padding-top:82px;
  }
}

@media(max-width:820px){
  header,
  header .navwrap{
    height:auto;
    min-height:82px;
  }

  header .navwrap{
    padding:15px 20px;
    flex-wrap:wrap;
    gap:13px;
  }

  header .right-nav{
    width:100%;
    gap:8px 16px;
    justify-content:flex-start;
    flex-wrap:wrap;
  }

  body{
    padding-top:146px;
  }
}

@media(max-width:600px){
  header{
    position:relative;
    box-shadow:0 8px 25px rgba(0,0,0,.25);
  }

  header .navwrap{
    width:100vw;
    max-width:100vw;
    padding:16px 18px 18px;
    display:grid;
    grid-template-columns:1fr;
    overflow:visible;
  }

  header .right-nav{
    width:calc(100vw - 36px);
    max-width:calc(100vw - 36px);
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px 13px;
    align-items:center;
  }

  header .right-nav > a{
    width:100%;
    min-width:0;
    min-height:36px;
    justify-content:center;
    padding:0 4px;
    font-size:13px;
    text-align:center;
    white-space:normal;
    overflow:hidden;
  }

  header .right-nav .login-btn{
    min-height:38px;
    padding:8px 12px;
    border-radius:12px;
  }

  header .language-menu{
    width:100%;
  }

  header .language-trigger{
    width:100%;
    min-width:0;
  }

  body{
    padding-top:0;
  }
}

/* ===== REFINED NEXTBUILD SUBPAGES ===== */
.nb-refined{
  background:
    radial-gradient(circle at 15% 12%,rgba(14,165,233,.075),transparent 28rem),
    radial-gradient(circle at 88% 32%,rgba(37,99,235,.055),transparent 32rem),
    #000;
}

.nb-refined .hero{
  width:min(100%,1440px);
  min-height:auto;
  margin:0 auto;
  padding:112px 56px 96px;
  grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);
  gap:76px;
  position:relative;
}

.nb-refined .hero:has(> :only-child){
  grid-template-columns:minmax(0,900px);
  justify-content:center;
  text-align:center;
}

.nb-refined .hero:has(> :only-child) .hero-buttons{
  justify-content:center;
}

.nb-refined .badge{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:42px;
  margin-bottom:28px;
  padding:9px 16px;
  border:1px solid rgba(56,189,248,.27);
  background:linear-gradient(135deg,rgba(8,47,73,.62),rgba(8,20,34,.78));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 12px 32px rgba(0,0,0,.2);
  letter-spacing:.01em;
}

.nb-refined .hero h1{
  max-width:820px;
  font-size:clamp(52px,6vw,82px);
  line-height:1.02;
  letter-spacing:-.045em;
}

.nb-refined .hero p{
  max-width:720px;
  margin-top:28px;
  color:#aab3c2;
  font-size:18px;
  line-height:1.75;
}

.nb-refined .hero-buttons{
  margin-top:34px;
  gap:14px;
  flex-wrap:wrap;
}

.nb-refined .btn{
  min-height:52px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 26px !important;
  border-radius:14px !important;
  font-size:15px !important;
  letter-spacing:.01em;
}

.nb-refined .btn-primary{
  background:linear-gradient(135deg,#22d3ee,#06b6d4);
  box-shadow:0 12px 30px rgba(6,182,212,.2);
}

.nb-refined .btn-secondary{
  border:1px solid rgba(56,189,248,.28);
  background:rgba(8,17,31,.7);
}

.nb-refined .btn-secondary:hover{
  border-color:rgba(56,189,248,.55);
  background:rgba(14,116,144,.12);
}

.nb-refined .panel{
  position:relative;
  overflow:hidden;
  padding:32px;
  border:1px solid rgba(56,189,248,.18);
  border-radius:26px;
  background:linear-gradient(145deg,rgba(8,17,31,.98),rgba(3,7,15,.98));
  box-shadow:0 28px 80px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.035);
}

.nb-refined .panel::before{
  content:'';
  position:absolute;
  top:-120px;
  right:-100px;
  width:260px;
  height:260px;
  border-radius:50%;
  background:rgba(14,165,233,.09);
  filter:blur(45px);
  pointer-events:none;
}

.nb-refined .panel-header{
  align-items:flex-start;
  gap:22px;
  margin-bottom:26px;
}

.nb-refined .panel-header h2{
  font-size:clamp(30px,3vw,42px) !important;
  line-height:1.1;
}

.nb-refined .dot{
  flex:0 0 auto;
  width:12px;
  height:12px;
  margin-top:8px;
  box-shadow:0 0 0 6px rgba(0,210,106,.08),0 0 18px rgba(0,210,106,.45);
}

.nb-refined .stat,
.nb-refined .progress-box{
  border:1px solid rgba(148,163,184,.1);
  background:rgba(15,23,42,.62);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}

.nb-refined .stat{
  min-width:0;
  padding:23px;
  border-radius:17px;
}

.nb-refined .progress-box{
  padding:24px;
  border-radius:18px;
}

.nb-refined .section{
  width:min(100%,1440px);
  margin:0 auto;
  padding:96px 56px;
}

.nb-refined .section-title{
  max-width:860px;
  margin:0 auto 52px;
}

.nb-refined .section-title h2{
  font-size:clamp(42px,5vw,66px);
  line-height:1.08;
  letter-spacing:-.035em;
}

.nb-refined .section-title p{
  max-width:720px;
  margin:16px auto 0;
  color:#94a3b8;
  font-size:19px;
  line-height:1.65;
}

.nb-refined .cards{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}

.nb-refined .card{
  min-width:0;
  height:100%;
  padding:31px;
  border:1px solid rgba(56,189,248,.115);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(8,17,31,.82),rgba(3,7,15,.94));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 18px 50px rgba(0,0,0,.16);
}

.nb-refined .card:hover{
  transform:translateY(-6px);
  border-color:rgba(56,189,248,.38);
  background:linear-gradient(145deg,rgba(9,27,45,.9),rgba(4,10,20,.97));
  box-shadow:0 24px 65px rgba(0,0,0,.28),0 0 30px rgba(34,211,238,.07);
}

.nb-refined .card > i{
  width:52px;
  height:52px;
  display:grid !important;
  place-items:center;
  margin-bottom:22px !important;
  border:1px solid rgba(56,189,248,.18);
  border-radius:14px;
  background:rgba(14,165,233,.075);
  color:#3bdbff !important;
  font-size:23px !important;
}

.nb-refined .card h3{
  margin-bottom:12px;
  color:#f8fafc;
  font-size:22px;
  line-height:1.25;
}

.nb-refined .card p{
  color:#9ca8b8;
  font-size:16px;
  line-height:1.7;
}

.nb-refined .faq-grid{
  gap:18px !important;
}

.nb-refined .faq-item{
  overflow:hidden;
  border:1px solid rgba(56,189,248,.12) !important;
  border-radius:18px !important;
  background:linear-gradient(145deg,rgba(8,17,31,.86),rgba(3,7,15,.94)) !important;
  box-shadow:0 16px 45px rgba(0,0,0,.14);
}

.nb-refined .faq-item:hover{
  border-color:rgba(56,189,248,.35) !important;
  transform:translateY(-2px);
}

.nb-refined .faq-question{
  min-height:76px;
  padding:21px 23px !important;
}

.nb-refined .faq-answer{
  border-top-color:rgba(56,189,248,.11) !important;
}

.nb-refined .contact-hero-grid,
.nb-refined .contact-form-grid{
  gap:22px !important;
}

.nb-refined input,
.nb-refined textarea,
.nb-refined select{
  border-color:rgba(56,189,248,.16) !important;
  border-radius:13px !important;
  background:rgba(8,17,31,.88) !important;
  color:#f8fafc !important;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}

.nb-refined input:focus,
.nb-refined textarea:focus,
.nb-refined select:focus{
  border-color:rgba(56,189,248,.62) !important;
  background:rgba(8,24,40,.94) !important;
  box-shadow:0 0 0 3px rgba(56,189,248,.09) !important;
  outline:none;
}

/* CTA-Blöcke ohne zusätzliche Markup-Änderungen an das Kartensystem angleichen. */
.nb-refined body > section[style*="max-width:900px"],
.nb-refined > section[style*="max-width:900px"]{
  width:calc(100% - 48px) !important;
  max-width:1040px !important;
  margin:72px auto !important;
  padding:58px 34px !important;
  border:1px solid rgba(56,189,248,.17) !important;
  border-radius:24px !important;
  background:linear-gradient(135deg,rgba(8,28,47,.92),rgba(4,9,18,.98)) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.3) !important;
}

/* Bestehende Release-Karten werden vereinheitlicht, Inhalte bleiben unverändert. */
.nb-refined #updates > div:not(.section-title) > div{
  margin-bottom:16px !important;
  padding:27px !important;
  border-top:1px solid rgba(56,189,248,.12) !important;
  border-right:1px solid rgba(56,189,248,.12) !important;
  border-bottom:1px solid rgba(56,189,248,.12) !important;
  border-radius:18px !important;
  background:linear-gradient(145deg,rgba(8,17,31,.9),rgba(3,7,15,.97)) !important;
  box-shadow:0 16px 42px rgba(0,0,0,.18);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}

.nb-refined #updates > div:not(.section-title) > div:hover{
  transform:translateX(4px);
  border-color:rgba(56,189,248,.32) !important;
  box-shadow:0 20px 52px rgba(0,0,0,.25);
}

/* Die Über-uns-Seite besitzt keinen separaten Hero: erster Inhaltsblock übernimmt diese Rolle. */
.nb-refined #values:first-of-type{
  padding-top:118px;
}

@media(max-width:1050px){
  .nb-refined .hero{
    padding:88px 38px 78px;
    grid-template-columns:1fr;
    gap:44px;
  }

  .nb-refined .panel{
    width:100%;
    max-width:760px;
  }

  .nb-refined .section{
    padding:82px 38px;
  }

  .nb-refined .cards{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:720px){
  .nb-refined .hero{
    width:100vw;
    max-width:100vw;
    padding:64px 22px 58px;
    overflow:hidden;
  }

  .nb-refined .hero > *,
  .nb-refined .contact-hero-grid,
  .nb-refined .contact-form-grid,
  .nb-refined .contact-hero-grid > *,
  .nb-refined .contact-form-grid > *{
    width:calc(100vw - 44px) !important;
    max-width:calc(100vw - 44px) !important;
    min-width:0 !important;
  }

  .nb-refined .hero h1{
    max-width:100% !important;
    font-size:clamp(40px,12vw,56px) !important;
    line-height:1.05 !important;
    overflow-wrap:anywhere;
  }

  .nb-refined .hero p{
    max-width:100% !important;
    font-size:17px;
  }

  .nb-refined .hero-buttons,
  .nb-refined .hero-buttons .btn{
    width:100%;
  }

  .nb-refined .panel{
    padding:22px;
    border-radius:21px;
  }

  .nb-refined .stats{
    grid-template-columns:1fr 1fr;
    gap:12px;
  }

  .nb-refined .stat{
    padding:18px;
  }

  .nb-refined .section{
    padding:68px 22px;
  }

  .nb-refined .section-title{
    margin-bottom:38px;
  }

  .nb-refined .section-title h2{
    font-size:clamp(37px,11vw,50px);
  }

  .nb-refined .section-title p{
    font-size:17px;
  }

  .nb-refined .cards,
  .nb-refined .contact-hero-grid,
  .nb-refined .contact-form-grid{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    grid-template-columns:1fr !important;
  }

  .nb-refined .contact-hero-grid > *,
  .nb-refined .contact-form-grid > *{
    min-width:0;
  }

  .nb-refined .card{
    padding:26px;
  }

  .nb-refined #values:first-of-type{
    padding-top:72px;
  }
}

@media(max-width:420px){
  header .navwrap{
    padding-right:14px;
    padding-left:14px;
  }

  header .right-nav{
    gap:7px 8px;
  }

  header .right-nav > a{
    font-size:12px;
  }

  .nb-refined .stats{
    grid-template-columns:1fr;
  }

  .nb-refined .panel-header{
    margin-bottom:20px;
  }
}

/* ===== GLOBAL NEXTBUILD ICON SYSTEM ===== */
/* Einheitliche Cyan-Line-Icons auf sämtlichen Website-Seiten. Inline-Farben
   aus älteren Templates werden bewusst zentral überschrieben. */
body :is(.fas,.fa-solid,.far,.fa-regular):not(.language-chevron){
  color:#3bdbff !important;
  font-style:normal;
  text-shadow:none;
  transition:color .22s ease,transform .22s ease,text-shadow .22s ease,background .22s ease,border-color .22s ease;
}

/* Semantische Karten-Icons entsprechen dem Stil der Startseite. */
body :is(
  .card,
  .feature,
  .stat,
  .faq-icon,
  .hero-mini,
  .footer-card,
  .contact-card,
  .why-card,
  .trust-item,
  .plan-tag,
  .widget-title,
  .server-plan
) > :is(.fas,.fa-solid,.far,.fa-regular),
body :is(.faq-icon,.footer-card,.contact-card,.widget-title) :is(.fas,.fa-solid,.far,.fa-regular){
  color:#3bdbff !important;
  font-size:24px !important;
}

/* Kleine Funktionsicons bleiben kompakt, nutzen aber dieselbe Formsprache. */
body :is(
  button,
  .btn,
  .login-btn,
  .language-trigger,
  label,
  .badge,
  .price-badge,
  .pricing-toggle,
  .config-group,
  .footer-legal
) :is(.fas,.fa-solid,.far,.fa-regular):not(.language-chevron){
  color:#3bdbff !important;
  font-size:14px !important;
}

body .language-trigger .fa-globe{
  font-size:16px !important;
}

/* Einheitlicher Hover für interaktive Karten und Steuerelemente. */
body :is(
  .card,
  .feature,
  .stat,
  .faq-item,
  .hero-mini,
  .footer-card,
  .contact-card,
  .why-card,
  .trust-item,
  .server-plan
):hover :is(.fas,.fa-solid,.far,.fa-regular):not(.fa-check,.language-chevron),
body :is(button,.btn,a):hover > :is(.fas,.fa-solid,.far,.fa-regular):not(.fa-check,.language-chevron){
  color:#67e8f9 !important;
  transform:translateY(-2px);
  text-shadow:0 0 15px rgba(59,219,255,.3);
}

/* Markenicons bleiben einfarbig und kontraststark, statt ihre Markenfarben zu verwenden. */
body .fa-brands:not(.fa-discord){
  color:#3bdbff !important;
  text-shadow:none;
  transition:color .22s ease,transform .22s ease,text-shadow .22s ease;
}

body :is(a,button,.card,.footer-card):hover .fa-brands:not(.fa-discord){
  color:#67e8f9 !important;
  transform:translateY(-2px);
  text-shadow:0 0 15px rgba(59,219,255,.3);
}

/* Der Discord-Floating-Button ist ein eigenständiges kontrastreiches Bedienelement. */
.discord-float .fa-discord{
  color:#fff !important;
  text-shadow:none;
}

/* ===== NEXTBUILD PREMIUM HOME ===== */
.nb-home{
  background:
    radial-gradient(circle at 14% 12%,rgba(14,165,233,.075),transparent 32rem),
    radial-gradient(circle at 88% 28%,rgba(37,99,235,.055),transparent 34rem),
    #000;
}

.nb-home main{
  overflow:hidden;
}

.nb-home .home-hero{
  width:min(100%,1440px);
  min-height:min(900px,calc(100vh - 90px));
  margin:0 auto;
  display:grid;
  padding:104px 56px 96px;
  grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);
  gap:82px;
  position:relative;
}

.nb-home .home-hero::before,
.nb-home .home-hero::after{
  content:'';
  position:absolute;
  z-index:-1;
  border-radius:50%;
  pointer-events:none;
  filter:blur(10px);
}

.nb-home .home-hero::before{
  top:9%;
  left:-19%;
  width:620px;
  height:620px;
  background:radial-gradient(circle,rgba(14,165,233,.12),transparent 68%);
}

.nb-home .home-hero::after{
  right:-17%;
  bottom:2%;
  width:560px;
  height:560px;
  background:radial-gradient(circle,rgba(37,99,235,.09),transparent 70%);
}

.nb-home .home-hero-copy{
  position:relative;
  z-index:1;
}

.nb-home .badge{
  min-height:43px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:28px;
  padding:9px 16px;
  border:1px solid rgba(56,189,248,.28);
  background:linear-gradient(135deg,rgba(8,47,73,.68),rgba(7,18,31,.78));
  color:#a9efff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 12px 35px rgba(0,0,0,.22);
  letter-spacing:.01em;
  animation:home-float 5s ease-in-out infinite;
}

.nb-home .home-hero h1{
  max-width:760px;
  font-size:clamp(64px,7.2vw,102px);
  line-height:.96;
  letter-spacing:-.06em;
}

.nb-home .home-hero p{
  max-width:690px;
  margin-top:30px;
  color:#a9b5c5;
  font-size:18px;
  line-height:1.78;
}

.nb-home .hero-buttons{
  margin-top:34px;
  gap:14px;
}

.nb-home .btn{
  min-height:52px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:14px 27px;
  border-radius:14px;
  font-size:15px;
  letter-spacing:.01em;
  transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
}

.nb-home .btn-primary{
  background:linear-gradient(135deg,#22d3ee,#06b6d4);
  box-shadow:0 12px 30px rgba(6,182,212,.19);
}

.nb-home .btn-secondary{
  border:1px solid rgba(56,189,248,.28);
  background:rgba(8,17,31,.72);
}

.nb-home .btn:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 38px rgba(34,211,238,.2);
}

.nb-home .btn-secondary:hover{
  border-color:rgba(56,189,248,.55);
  background:rgba(14,116,144,.12);
}

.nb-home .home-stats-panel{
  padding:0;
  overflow:hidden;
  position:relative;
  border:1px solid rgba(56,189,248,.19);
  border-radius:28px;
  background:
    radial-gradient(circle at 88% 0,rgba(14,165,233,.11),transparent 36%),
    linear-gradient(145deg,rgba(8,17,31,.98),rgba(3,7,15,.99));
  box-shadow:0 32px 90px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.035);
}

.nb-home .home-stats-panel::before{
  content:'';
  position:absolute;
  inset:0;
  opacity:.3;
  background-image:linear-gradient(rgba(56,189,248,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.04) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to bottom,black,transparent 72%);
  pointer-events:none;
}

.nb-home .home-panel-header{
  position:relative;
  z-index:1;
  align-items:flex-start;
  margin:0;
  padding:31px 31px 24px;
}

.nb-home .home-panel-header h2{
  font-size:42px !important;
  letter-spacing:-.035em;
}

.nb-home .home-panel-header .dot{
  width:12px;
  height:12px;
  margin-top:8px;
  box-shadow:0 0 0 6px rgba(0,210,106,.08),0 0 18px rgba(0,210,106,.45);
}

.nb-home .home-stat-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  padding:0 31px 31px;
}

.nb-home .home-stat-card{
  min-height:164px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:24px 18px;
  border:1px solid rgba(56,189,248,.105);
  border-radius:18px;
  background:rgba(15,23,42,.62);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.022);
  text-align:center;
  transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
}

.nb-home .home-stat-card:hover{
  transform:translateY(-4px);
  border-color:rgba(56,189,248,.34);
  background:rgba(10,31,51,.8);
  box-shadow:0 17px 38px rgba(0,0,0,.22);
}

.nb-home .home-stat-card h3{
  margin-bottom:12px;
  color:#3bdbff;
  font-size:clamp(34px,3.2vw,48px);
  line-height:1;
}

.nb-home .home-stat-card p{
  margin:0;
  color:#9ca8b8;
  font-size:15px;
  line-height:1.45;
}

.nb-home .section{
  width:min(100%,1440px);
  margin:0 auto;
  padding:100px 56px;
}

.nb-home .section-title{
  max-width:900px;
  margin:0 auto 54px;
}

.nb-home .section-title h2{
  font-size:clamp(44px,5.5vw,70px);
  line-height:1.06;
  letter-spacing:-.045em;
}

.nb-home .section-title p{
  max-width:750px;
  margin:17px auto 0;
  color:#96a3b4;
  font-size:19px;
  line-height:1.65;
}

.nb-home .home-kicker{
  display:inline-block;
  margin-bottom:17px;
  color:#67e8f9;
  font-size:12px;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.nb-home .home-services .cards{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}

.nb-home .home-services .card{
  min-width:0;
  min-height:340px;
  height:100%;
  display:flex;
  flex-direction:column;
  padding:31px;
  border:1px solid rgba(56,189,248,.115);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(8,17,31,.84),rgba(3,7,15,.97));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 18px 50px rgba(0,0,0,.17);
}

.nb-home .home-services .card:hover{
  transform:translateY(-7px);
  border-color:rgba(56,189,248,.38);
  background:linear-gradient(145deg,rgba(9,28,46,.94),rgba(3,8,17,.99));
  box-shadow:0 26px 65px rgba(0,0,0,.3),0 0 30px rgba(34,211,238,.06);
}

.nb-home .home-services .card > i,
.nb-home .home-benefit-card > i{
  width:52px;
  height:52px;
  display:grid !important;
  place-items:center;
  margin:0 0 22px;
  border:1px solid rgba(56,189,248,.18);
  border-radius:14px;
  background:rgba(14,165,233,.07);
  color:#3bdbff !important;
  font-size:23px !important;
}

.nb-home .home-services .card h3{
  margin-bottom:12px;
  font-size:23px;
}

.nb-home .home-services .card p{
  color:#9ba8b8;
  font-size:16px;
  line-height:1.68;
}

.nb-home .home-services .buy-btn{
  min-height:48px;
  margin-top:auto;
  padding:12px 18px;
  border:1px solid rgba(56,189,248,.22);
  border-radius:13px;
  background:rgba(8,24,40,.72);
  color:#dff9ff;
  transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;
}

.nb-home .home-services .buy-btn:hover{
  transform:translateY(-2px);
  border-color:rgba(56,189,248,.5);
  background:rgba(14,116,144,.15);
  box-shadow:0 13px 28px rgba(34,211,238,.1);
}

.nb-home .home-benefits{
  position:relative;
}

.nb-home .home-benefit-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}

.nb-home .home-benefit-card{
  min-width:0;
  padding:32px;
  border-top:1px solid rgba(56,189,248,.15);
  border-right:1px solid rgba(56,189,248,.08);
  border-bottom:1px solid rgba(56,189,248,.08);
  border-left:1px solid rgba(56,189,248,.08);
  border-radius:22px;
  background:linear-gradient(160deg,rgba(8,20,34,.82),rgba(3,7,15,.96));
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}

.nb-home .home-benefit-card:hover{
  transform:translateY(-6px);
  border-color:rgba(56,189,248,.32);
  box-shadow:0 24px 62px rgba(0,0,0,.28);
}

.nb-home .home-benefit-card > div{
  display:flex;
  align-items:flex-start;
  gap:13px;
  margin-bottom:13px;
}

.nb-home .home-benefit-card > div span{
  color:#3bdbff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
}

.nb-home .home-benefit-card h3{
  font-size:22px;
  line-height:1.25;
}

.nb-home .home-benefit-card p{
  color:#98a5b5;
  font-size:15px;
  line-height:1.7;
}

.nb-home .home-infrastructure{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,.88fr);
  align-items:center;
  gap:80px;
}

.nb-home .home-infra-copy h2{
  max-width:720px;
  font-size:clamp(43px,5vw,66px);
  line-height:1.07;
  letter-spacing:-.045em;
}

.nb-home .home-infra-copy > p{
  max-width:670px;
  margin-top:23px;
  color:#9ca9b9;
  font-size:17px;
  line-height:1.75;
}

.nb-home .home-infra-points{
  display:grid;
  gap:13px;
  margin:30px 0;
}

.nb-home .home-infra-points > div{
  display:flex;
  align-items:center;
  gap:15px;
  padding:15px 17px;
  border:1px solid rgba(56,189,248,.1);
  border-radius:14px;
  background:rgba(7,17,30,.62);
}

.nb-home .home-infra-points i{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  flex:0 0 38px;
  border:1px solid rgba(56,189,248,.16);
  border-radius:10px;
  background:rgba(14,165,233,.065);
  font-size:17px !important;
}

.nb-home .home-infra-points span{
  color:#8f9cad;
  font-size:14px;
  line-height:1.4;
}

.nb-home .home-infra-points strong{
  display:block;
  margin-bottom:2px;
  color:#eefaff;
  font-size:15px;
}

.nb-home .home-link-button{
  width:max-content;
  text-decoration:none;
}

.nb-home .home-infra-visual{
  position:relative;
  overflow:hidden;
  padding:29px;
  border:1px solid rgba(56,189,248,.18);
  border-radius:26px;
  background:
    radial-gradient(circle at 92% 0,rgba(14,165,233,.1),transparent 37%),
    linear-gradient(145deg,rgba(8,18,32,.98),rgba(3,7,15,.99));
  box-shadow:0 28px 80px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.03);
}

.nb-home .home-infra-status{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:20px;
  color:#b9c6d6;
  font-size:14px;
}

.nb-home .home-infra-status strong{
  padding:5px 9px;
  border:1px solid rgba(56,189,248,.18);
  border-radius:999px;
  color:#67e8f9;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.nb-home .home-infra-metric{
  padding:20px;
  border:1px solid rgba(56,189,248,.1);
  border-radius:16px;
  background:rgba(15,23,42,.62);
}

.nb-home .home-infra-metric span{
  display:block;
  margin-bottom:9px;
  color:#8f9cad;
  font-size:13px;
}

.nb-home .home-infra-metric strong{
  color:#3bdbff;
  font-size:24px;
}

.nb-home .home-infra-metric-large{
  margin-bottom:14px;
  padding:24px;
}

.nb-home .home-infra-metric-large strong{
  font-size:38px;
}

.nb-home .home-infra-metric-large > div{
  height:6px;
  margin-top:19px;
  overflow:hidden;
  border-radius:999px;
  background:#111c2d;
}

.nb-home .home-infra-metric-large > div span{
  width:78%;
  height:100%;
  margin:0;
  border-radius:inherit;
  background:linear-gradient(90deg,#22d3ee,#3b82f6);
  animation:home-progress 1.1s ease-out both;
}

.nb-home .home-infra-metric-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.nb-home .home-testimonials{
  padding-bottom:120px;
}

.nb-home .home-quote-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}

.nb-home .home-quote-card{
  min-width:0;
  margin:0;
  padding:30px;
  border:1px solid rgba(56,189,248,.105);
  border-radius:21px;
  background:linear-gradient(150deg,rgba(8,17,31,.84),rgba(3,7,15,.97));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 17px 46px rgba(0,0,0,.16);
  transition:transform .23s ease,border-color .23s ease,box-shadow .23s ease;
}

.nb-home .home-quote-card:hover{
  transform:translateY(-5px);
  border-color:rgba(56,189,248,.34);
  box-shadow:0 25px 62px rgba(0,0,0,.28);
}

.nb-home .home-quote-featured{
  border-color:rgba(56,189,248,.28);
  background:linear-gradient(150deg,rgba(8,31,50,.9),rgba(3,8,17,.98));
}

.nb-home .home-quote-mark{
  height:36px;
  color:#3bdbff;
  font-family:Georgia,serif;
  font-size:58px;
  line-height:.9;
}

.nb-home .home-quote-card blockquote{
  min-height:108px;
  margin:16px 0 27px;
  color:#c5cfdb;
  font-size:16px;
  line-height:1.7;
}

.nb-home .home-quote-card figcaption{
  display:flex;
  align-items:center;
  gap:13px;
}

.nb-home .home-quote-card figcaption > span{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  flex:0 0 42px;
  border:1px solid rgba(56,189,248,.22);
  border-radius:50%;
  background:rgba(14,165,233,.085);
  color:#67e8f9;
  font-size:12px;
  font-weight:800;
}

.nb-home .home-quote-card figcaption strong,
.nb-home .home-quote-card figcaption small{
  display:block;
}

.nb-home .home-quote-card figcaption strong{
  margin-bottom:3px;
  color:#f8fafc;
  font-size:14px;
}

.nb-home .home-quote-card figcaption small{
  color:#7f8b9b;
  font-size:12px;
}

.nb-home .home-cta{
  width:calc(100% - 48px);
  max-width:1120px;
  margin:0 auto 110px;
  padding:66px 36px;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(56,189,248,.19);
  border-radius:27px;
  background:
    radial-gradient(circle at 16% 10%,rgba(14,165,233,.16),transparent 36%),
    linear-gradient(135deg,rgba(8,29,48,.96),rgba(3,8,17,.99));
  box-shadow:0 28px 80px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035);
  text-align:center;
}

.nb-home .home-cta h2{
  font-size:clamp(40px,5vw,62px);
  line-height:1.08;
  letter-spacing:-.04em;
}

.nb-home .home-cta p{
  margin:17px auto 27px;
  color:#9facbc;
  font-size:18px;
}

.nb-home .home-cta-actions{
  display:flex;
  justify-content:center;
  gap:13px;
  flex-wrap:wrap;
}

@keyframes home-float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-4px)}
}

@keyframes home-progress{
  from{width:0}
  to{width:78%}
}

@media(max-width:1080px){
  .nb-home .home-hero{
    min-height:auto;
    padding:90px 38px 82px;
    grid-template-columns:1fr;
    gap:48px;
  }

  .nb-home .home-hero h1{
    max-width:850px;
  }

  .nb-home .home-stats-panel{
    width:100%;
    max-width:780px;
  }

  .nb-home .section{
    padding:86px 38px;
  }

  .nb-home .home-services .cards,
  .nb-home .home-benefit-grid,
  .nb-home .home-quote-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .nb-home .home-infrastructure{
    grid-template-columns:1fr;
    gap:45px;
  }

  .nb-home .home-infra-visual{
    width:100%;
    max-width:760px;
  }
}

@media(max-width:700px){
  .nb-home .home-hero{
    width:100%;
    padding:62px 21px 58px;
  }

  .nb-home .home-hero h1{
    font-size:clamp(48px,14vw,68px);
    line-height:.99;
  }

  .nb-home .home-hero p{
    font-size:17px;
  }

  .nb-home .hero-buttons,
  .nb-home .hero-buttons .btn{
    width:100%;
  }

  .nb-home .home-panel-header{
    padding:24px 22px 20px;
  }

  .nb-home .home-panel-header h2{
    font-size:34px !important;
  }

  .nb-home .home-stat-grid{
    gap:11px;
    padding:0 22px 22px;
  }

  .nb-home .home-stat-card{
    min-height:135px;
    padding:18px 12px;
  }

  .nb-home .home-stat-card h3{
    font-size:32px;
  }

  .nb-home .home-stat-card p{
    font-size:13px;
  }

  .nb-home .section{
    padding:68px 21px;
  }

  .nb-home .section-title{
    margin-bottom:39px;
  }

  .nb-home .section-title h2,
  .nb-home .home-infra-copy h2{
    font-size:clamp(38px,11vw,50px);
  }

  .nb-home .section-title p{
    font-size:17px;
  }

  .nb-home .home-services .cards,
  .nb-home .home-benefit-grid,
  .nb-home .home-quote-grid{
    grid-template-columns:1fr;
  }

  .nb-home .home-services .card{
    min-height:310px;
    padding:27px;
  }

  .nb-home .home-benefit-card,
  .nb-home .home-quote-card{
    padding:27px;
  }

  .nb-home .home-quote-card blockquote{
    min-height:0;
  }

  .nb-home .home-infra-visual{
    padding:21px;
    border-radius:21px;
  }

  .nb-home .home-infra-metric-grid{
    grid-template-columns:1fr 1fr;
    gap:11px;
  }

  .nb-home .home-infra-metric{
    padding:17px;
  }

  .nb-home .home-infra-metric strong{
    font-size:20px;
  }

  .nb-home .home-cta{
    width:calc(100% - 32px);
    margin-bottom:78px;
    padding:50px 23px;
    border-radius:22px;
  }

  .nb-home .home-cta-actions,
  .nb-home .home-cta-actions .btn{
    width:100%;
  }
}

@media(max-width:420px){
  .nb-home .home-stat-grid,
  .nb-home .home-infra-metric-grid{
    grid-template-columns:1fr;
  }
}

@media(prefers-reduced-motion:reduce){
  .nb-home .badge,
  .nb-home .home-infra-metric-large > div span{
    animation:none;
  }
}

/* Company pages: Team & Careers */
.nb-company-page main{
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 12%,rgba(0,210,255,.09),transparent 28%),
    radial-gradient(circle at 92% 38%,rgba(0,112,255,.07),transparent 30%),
    #03070d;
}

.nb-company-page .company-hero{
  width:min(1180px,calc(100% - 48px));
  min-height:610px;
  margin:0 auto;
  padding:150px 0 90px;
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);
  align-items:center;
  gap:74px;
}

.nb-company-page .company-hero-copy h1{
  max-width:790px;
  margin:24px 0 22px;
  color:#f7fbff;
  font-size:clamp(50px,5.4vw,78px);
  line-height:1.04;
  letter-spacing:-.045em;
}

.nb-company-page .company-hero-copy p{
  max-width:680px;
  margin:0;
  color:#9ba9b8;
  font-size:19px;
  line-height:1.8;
}

.nb-company-page .company-hero-panel{
  position:relative;
  min-height:350px;
  padding:42px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border:1px solid rgba(56,214,255,.18);
  border-radius:28px;
  background:linear-gradient(145deg,rgba(10,25,38,.94),rgba(4,11,20,.97));
  box-shadow:0 30px 80px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.035);
  overflow:hidden;
}

.nb-company-page .company-hero-panel::before{
  content:"";
  position:absolute;
  width:220px;
  height:220px;
  right:-75px;
  top:-85px;
  border-radius:50%;
  background:rgba(22,198,255,.12);
  filter:blur(40px);
}

.nb-company-page .company-panel-icon,
.nb-company-page .company-info-card > i,
.nb-company-page .team-growth-card > i,
.nb-company-page .career-highlight-grid > div > i,
.nb-company-page .career-contact-card > i{
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border:1px solid rgba(57,218,255,.24);
  border-radius:15px;
  color:#40d9ff;
  background:rgba(18,189,234,.08);
  font-size:20px;
  box-shadow:0 10px 28px rgba(0,183,229,.08);
}

.nb-company-page .company-hero-panel > span{
  position:relative;
  margin:26px 0 10px;
  color:#46d9ff;
  font-size:13px;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.nb-company-page .company-hero-panel strong{
  position:relative;
  color:#f3f8fc;
  font-size:28px;
  line-height:1.3;
}

.nb-company-page .company-hero-panel p{
  position:relative;
  margin:17px 0 0;
  color:#8796a7;
  font-size:15px;
  line-height:1.75;
}

.nb-company-page .company-section{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
  padding:100px 0;
}

.nb-company-page .company-kicker{
  display:block;
  margin-bottom:14px;
  color:#3bd8ff;
  font-size:13px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.nb-company-page .section-title{
  max-width:820px;
  margin:0 auto 54px;
  text-align:center;
}

.nb-company-page .section-title h2{
  margin:0;
  color:#f7fbff;
  font-size:clamp(38px,4.5vw,58px);
  line-height:1.1;
  letter-spacing:-.035em;
}

.nb-company-page .section-title p{
  max-width:680px;
  margin:20px auto 0;
  color:#91a0af;
  font-size:17px;
  line-height:1.75;
}

.nb-company-page .team-grid{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr);
  gap:24px;
}

.nb-company-page .team-card,
.nb-company-page .team-growth-card,
.nb-company-page .company-info-card,
.nb-company-page .job-card,
.nb-company-page .application-steps > li,
.nb-company-page .career-contact-card,
.nb-company-page .career-faq{
  border:1px solid rgba(58,211,249,.14);
  background:linear-gradient(145deg,rgba(10,22,34,.94),rgba(4,11,19,.97));
  box-shadow:0 22px 55px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.025);
}

.nb-company-page .team-card{
  min-height:390px;
  padding:44px;
  display:flex;
  align-items:center;
  gap:38px;
  border-radius:26px;
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;
}

.nb-company-page .team-card:hover,
.nb-company-page .team-growth-card:hover,
.nb-company-page .company-info-card:hover,
.nb-company-page .job-card:hover{
  transform:translateY(-7px);
  border-color:rgba(61,219,255,.32);
  box-shadow:0 28px 68px rgba(0,0,0,.34),0 0 34px rgba(0,194,238,.055);
}

.nb-company-page .team-avatar{
  width:145px;
  height:145px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border:1px solid rgba(65,220,255,.28);
  border-radius:25px;
  color:#54ddff;
  background:linear-gradient(145deg,rgba(26,194,235,.13),rgba(3,12,22,.7));
  box-shadow:inset 0 0 30px rgba(0,208,255,.06);
  font-size:39px;
  font-weight:800;
  letter-spacing:-.05em;
}

.nb-company-page .team-photo{
  width:145px;
  height:145px;
  flex:0 0 auto;
  overflow:hidden;
  border-radius:25px;
}

.nb-company-page .team-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.nb-company-page .team-card-content h3{
  margin:8px 0 15px;
  color:#f7fbff;
  font-size:34px;
  letter-spacing:-.025em;
}

.nb-company-page .team-role,
.nb-company-page .job-type{
  color:#3bd8ff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.nb-company-page .team-description{
  margin:0;
  color:#94a4b4;
  line-height:1.75;
}

.nb-company-page .team-contact{
  margin-top:24px;
}

.nb-company-page .team-contact a{
  color:#dce8f1;
  font-weight:700;
  text-decoration:none;
  transition:color .25s ease;
}

.nb-company-page .team-contact a:hover{
  color:#42dcff;
}

.nb-company-page .team-contact i{
  margin-right:8px;
  color:#3bd8ff;
}

.nb-company-page .team-growth-card{
  padding:38px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  border-radius:26px;
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;
}

.nb-company-page .team-growth-card > span{
  margin:23px 0 8px;
  color:#3bd8ff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.nb-company-page .team-growth-card h3{
  margin:0;
  color:#f5f9fc;
  font-size:27px;
  line-height:1.3;
}

.nb-company-page .team-growth-card p{
  margin:16px 0 25px;
  color:#8f9eae;
  line-height:1.7;
}

.nb-company-page .company-values{
  padding-top:80px;
}

.nb-company-page .company-card-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}

.nb-company-page .company-info-card{
  min-height:260px;
  padding:34px;
  border-radius:24px;
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;
}

.nb-company-page .company-info-card h3{
  margin:24px 0 13px;
  color:#f2f7fb;
  font-size:22px;
}

.nb-company-page .company-info-card p{
  margin:0;
  color:#8d9cad;
  line-height:1.72;
}

.nb-company-page .company-cta{
  width:min(1180px,calc(100% - 48px));
  margin:30px auto 110px;
  padding:76px 50px;
  text-align:center;
  border:1px solid rgba(55,215,255,.2);
  border-radius:30px;
  background:radial-gradient(circle at 50% 100%,rgba(16,190,232,.13),transparent 48%),linear-gradient(145deg,rgba(10,24,37,.97),rgba(3,10,18,.98));
  box-shadow:0 28px 72px rgba(0,0,0,.36);
}

.nb-company-page .company-cta h2{
  margin:0;
  color:#f6fbff;
  font-size:clamp(38px,4.3vw,57px);
  letter-spacing:-.035em;
}

.nb-company-page .company-cta p{
  max-width:690px;
  margin:20px auto 30px;
  color:#94a3b3;
  font-size:17px;
  line-height:1.75;
}

.nb-company-page .career-highlight-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:13px;
}

.nb-company-page .career-highlight-grid > div{
  min-height:147px;
  padding:20px;
  border:1px solid rgba(60,213,250,.13);
  border-radius:18px;
  background:rgba(5,15,25,.68);
}

.nb-company-page .career-highlight-grid > div > i{
  width:39px;
  height:39px;
  border-radius:12px;
  font-size:15px;
}

.nb-company-page .career-highlight-grid > div strong{
  display:block;
  margin:15px 0 5px;
  color:#eff6fb;
  font-size:15px;
}

.nb-company-page .career-highlight-grid > div span{
  color:#8192a3;
  font-size:13px;
  line-height:1.5;
}

.nb-company-page .jobs-section{
  width:100%;
  max-width:none;
  padding:105px max(24px,calc((100% - 1180px)/2));
  background:rgba(6,14,23,.62);
  border-block:1px solid rgba(44,187,224,.08);
}

.nb-company-page .jobs-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:26px;
}

.nb-company-page .job-card{
  position:relative;
  padding:38px;
  border-radius:26px;
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;
}

.nb-company-page .job-card-featured{
  border-color:rgba(57,217,255,.27);
  background:linear-gradient(145deg,rgba(8,31,45,.95),rgba(4,12,21,.98));
}

.nb-company-page .job-card-header{
  padding-bottom:28px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  border-bottom:1px solid rgba(111,159,181,.13);
}

.nb-company-page .job-card-header > i{
  width:47px;
  height:47px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border:1px solid rgba(57,218,255,.22);
  border-radius:14px;
  color:#3bd8ff;
  background:rgba(18,189,234,.075);
  font-size:18px;
}

.nb-company-page .job-card-header h3{
  margin:10px 0;
  color:#f7fbff;
  font-size:34px;
}

.nb-company-page .job-card-header p{
  margin:0;
  color:#91a1b0;
  line-height:1.65;
}

.nb-company-page .job-details{
  display:grid;
  gap:25px;
  padding:28px 0 30px;
}

.nb-company-page .job-details section h4{
  margin:0 0 11px;
  color:#e8f2f8;
  font-size:15px;
}

.nb-company-page .job-details p,
.nb-company-page .job-details li{
  color:#8c9cac;
  line-height:1.65;
}

.nb-company-page .job-details p{
  margin:0;
}

.nb-company-page .job-details ul{
  margin:0;
  padding:0;
  list-style:none;
}

.nb-company-page .job-details li{
  position:relative;
  margin:7px 0;
  padding-left:20px;
}

.nb-company-page .job-details li::before{
  content:"";
  position:absolute;
  left:0;
  top:.67em;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#3bd8ff;
  box-shadow:0 0 9px rgba(59,216,255,.55);
}

.nb-company-page .job-apply{
  width:100%;
  justify-content:center;
}

.nb-company-page .application-steps{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:17px;
  margin:0;
  padding:0;
  list-style:none;
}

.nb-company-page .application-steps > li{
  min-height:215px;
  padding:30px;
  border-radius:22px;
}

.nb-company-page .application-steps > li > span{
  color:#3bd8ff;
  font-size:13px;
  font-weight:800;
  letter-spacing:.12em;
}

.nb-company-page .application-steps > li > i{
  width:43px;
  height:43px;
  margin-top:22px;
  display:grid;
  place-items:center;
  border:1px solid rgba(57,218,255,.2);
  border-radius:13px;
  color:#3bd8ff;
  background:rgba(18,189,234,.07);
  font-size:16px;
}

.nb-company-page .application-steps > li h3{
  margin:19px 0 11px;
  color:#eff6fb;
  font-size:20px;
}

.nb-company-page .application-steps > li p{
  margin:0;
  color:#8898a8;
  font-size:14px;
  line-height:1.7;
}

.nb-company-page .career-contact-faq{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:24px;
  padding-top:55px;
  padding-bottom:115px;
}

.nb-company-page .career-contact-card,
.nb-company-page .career-faq{
  padding:38px;
  border-radius:25px;
}

.nb-company-page .career-contact-card h2,
.nb-company-page .career-faq h2{
  margin:25px 0 15px;
  color:#f5f9fc;
  font-size:30px;
}

.nb-company-page .career-contact-card p{
  color:#8e9eae;
  line-height:1.7;
}

.nb-company-page .career-faq .company-kicker{
  margin-bottom:0;
}

.nb-company-page .career-faq details{
  border-top:1px solid rgba(99,153,177,.14);
}

.nb-company-page .career-faq summary{
  position:relative;
  padding:19px 28px 19px 0;
  color:#e8f2f8;
  font-weight:700;
  cursor:pointer;
  list-style:none;
}

.nb-company-page .career-faq summary::-webkit-details-marker{
  display:none;
}

.nb-company-page .career-faq summary > i{
  display:none;
}

.nb-company-page .career-faq summary::after{
  content:"+";
  position:absolute;
  right:2px;
  color:#3bd8ff;
  font-size:21px;
  font-weight:400;
}

.nb-company-page .career-faq details[open] summary::after{
  content:"−";
}

.nb-company-page .career-faq details p{
  margin:0;
  padding:0 20px 20px 0;
  color:#8999a9;
  line-height:1.7;
}

@media(max-width:1050px){
  .nb-company-page .company-hero{
    grid-template-columns:1fr;
    gap:45px;
    padding-top:135px;
  }

  .nb-company-page .company-hero-panel{
    min-height:300px;
  }

  .nb-company-page .team-grid,
  .nb-company-page .career-contact-faq{
    grid-template-columns:1fr;
  }

  .nb-company-page .company-card-grid,
  .nb-company-page .application-steps{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:760px){
  .nb-company-page .company-hero,
  .nb-company-page .company-section,
  .nb-company-page .company-cta{
    width:calc(100% - 32px);
  }

  .nb-company-page .company-hero{
    min-height:auto;
    padding:112px 0 65px;
  }

  .nb-company-page .company-hero-copy h1{
    margin-top:19px;
    font-size:clamp(42px,13vw,58px);
  }

  .nb-company-page .company-hero-copy p{
    font-size:16px;
  }

  .nb-company-page .company-hero-panel{
    min-height:0;
    padding:29px;
    border-radius:22px;
  }

  .nb-company-page .company-hero-panel strong{
    font-size:23px;
  }

  .nb-company-page .company-section{
    padding:76px 0;
  }

  .nb-company-page .section-title{
    margin-bottom:38px;
  }

  .nb-company-page .section-title h2{
    font-size:clamp(35px,10vw,46px);
  }

  .nb-company-page .team-card{
    min-height:0;
    padding:30px;
    align-items:flex-start;
    flex-direction:column;
    gap:27px;
  }

  .nb-company-page .team-avatar,
  .nb-company-page .team-photo{
    width:105px;
    height:105px;
    border-radius:20px;
  }

  .nb-company-page .team-card-content h3{
    font-size:29px;
  }

  .nb-company-page .team-growth-card,
  .nb-company-page .company-info-card,
  .nb-company-page .career-contact-card,
  .nb-company-page .career-faq{
    padding:29px;
  }

  .nb-company-page .company-card-grid,
  .nb-company-page .jobs-grid,
  .nb-company-page .application-steps{
    grid-template-columns:1fr;
  }

  .nb-company-page .jobs-section{
    padding:78px 16px;
  }

  .nb-company-page .job-card{
    padding:27px;
    border-radius:22px;
  }

  .nb-company-page .job-card-header h3{
    font-size:29px;
  }

  .nb-company-page .career-highlight-grid{
    grid-template-columns:1fr;
  }

  .nb-company-page .career-highlight-grid > div{
    min-height:130px;
  }

  .nb-company-page .company-cta{
    margin-bottom:80px;
    padding:54px 23px;
    border-radius:23px;
  }

  .nb-company-page .career-contact-faq{
    padding-top:30px;
    padding-bottom:85px;
  }
}

/* ==========================================================
   UNIFIED MARKETING SUBPAGES
   The homepage remains the visual reference; each page keeps
   its own content hierarchy and page-specific composition.
   ========================================================== */
.nb-subpage{
  background:#03070d;
}

.nb-subpage main,
.nb-subpage > .hero,
.nb-subpage > .section{
  position:relative;
}

.nb-subpage::before{
  content:"";
  position:fixed;
  inset:90px 0 auto;
  z-index:-1;
  height:720px;
  pointer-events:none;
  background:
    radial-gradient(circle at 14% 15%,rgba(0,207,255,.09),transparent 31%),
    radial-gradient(circle at 86% 20%,rgba(37,99,235,.065),transparent 29%);
}

.nb-subpage .hero{
  width:min(1240px,calc(100% - 48px));
  min-height:650px;
  margin:0 auto;
  padding:145px 0 90px;
  align-items:center;
}

.nb-subpage .hero h1{
  max-width:850px;
  margin-top:22px;
  color:#f7fbff;
  font-size:clamp(52px,5.5vw,78px);
  line-height:1.04;
  letter-spacing:-.047em;
}

.nb-subpage .hero p{
  color:#96a6b6;
  font-size:18px;
  line-height:1.78;
}

.nb-subpage .badge{
  border:1px solid rgba(57,217,255,.2);
  background:rgba(8,27,39,.78);
  box-shadow:0 12px 32px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.025);
}

.nb-subpage .hero-buttons{
  gap:13px;
  margin-top:30px;
}

.nb-subpage .btn{
  min-height:50px;
  border-radius:14px;
  font-weight:800;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background .28s ease;
}

.nb-subpage .btn:hover{
  transform:translateY(-3px);
}

.nb-subpage .btn-primary{
  background:linear-gradient(135deg,#27d5f3,#08afd1);
  box-shadow:0 13px 32px rgba(0,190,225,.17);
}

.nb-subpage .btn-secondary{
  border-color:rgba(73,214,248,.22);
  background:rgba(6,17,27,.82);
}

.nb-subpage .section{
  width:min(1200px,calc(100% - 48px));
  margin-inline:auto;
  padding:105px 0;
}

.nb-subpage .section-title{
  max-width:790px;
  margin:0 auto 55px;
  text-align:center;
}

.nb-subpage .section-title h2{
  color:#f7fbff;
  font-size:clamp(38px,4.4vw,58px);
  line-height:1.1;
  letter-spacing:-.035em;
}

.nb-subpage .section-title p{
  max-width:670px;
  margin:18px auto 0;
  color:#8e9eae;
  font-size:16px;
  line-height:1.75;
}

.nb-subpage .cards{
  gap:22px;
}

.nb-subpage .card,
.nb-subpage .stat,
.nb-subpage .panel,
.nb-subpage .faq-item{
  border:1px solid rgba(57,211,249,.14) !important;
  border-radius:23px !important;
  background:linear-gradient(145deg,rgba(10,23,35,.94),rgba(4,11,19,.97)) !important;
  box-shadow:0 21px 54px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.025);
}

.nb-subpage .card{
  min-height:270px;
  padding:34px;
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;
}

.nb-subpage .card:hover,
.nb-subpage .faq-item:hover{
  transform:translateY(-7px);
  border-color:rgba(59,218,255,.32) !important;
  box-shadow:0 28px 68px rgba(0,0,0,.34),0 0 32px rgba(0,190,232,.055);
}

.nb-subpage .card > i,
.nb-subpage .card > div > i{
  width:49px;
  height:49px;
  margin-bottom:23px !important;
  display:grid;
  place-items:center;
  border:1px solid rgba(59,219,255,.22);
  border-radius:14px;
  color:#3bdbff !important;
  background:rgba(18,189,234,.075);
  font-size:19px !important;
}

.nb-subpage .card h3{
  color:#f2f7fb;
  font-size:21px;
  line-height:1.35;
}

.nb-subpage .card p,
.nb-subpage .card li{
  color:#8e9eae;
  line-height:1.72;
}

.nb-subpage section[style*="max-width:900px"]{
  width:min(1120px,calc(100% - 48px));
  max-width:1120px !important;
  margin:35px auto 110px !important;
  padding:75px 45px !important;
  border:1px solid rgba(57,216,255,.2) !important;
  border-radius:29px !important;
  background:radial-gradient(circle at 50% 110%,rgba(16,190,232,.14),transparent 46%),linear-gradient(145deg,rgba(10,24,37,.97),rgba(3,10,18,.98)) !important;
  box-shadow:0 28px 72px rgba(0,0,0,.36);
}

.nb-subpage section[style*="max-width:900px"] h2{
  font-size:clamp(37px,4vw,55px) !important;
  letter-spacing:-.035em;
}

/* About: personal, editorial company story */
.nb-about .nb-about-hero{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:70px;
}

.nb-about .nb-about-intro p{
  max-width:700px;
}

.nb-about .nb-about-note{
  padding:42px;
  border:1px solid rgba(58,216,255,.18);
  border-radius:27px;
  background:linear-gradient(145deg,rgba(10,27,40,.95),rgba(4,11,20,.98));
  box-shadow:0 30px 75px rgba(0,0,0,.38);
}

.nb-about .nb-about-note > i{
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  border:1px solid rgba(59,219,255,.22);
  border-radius:15px;
  background:rgba(18,189,234,.075);
}

.nb-about .nb-about-note span{
  display:block;
  margin:25px 0 10px;
  color:#3bd8ff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.nb-about .nb-about-note h2{
  color:#f5f9fc;
  font-size:29px;
  line-height:1.28;
}

.nb-about .nb-about-note p{
  margin-top:16px;
  font-size:15px;
}

.nb-about #values{
  padding-top:95px;
}

.nb-about #values .cards{
  grid-template-columns:repeat(3,1fr);
}

.nb-about .stats .stat{
  padding:38px 30px !important;
}

.nb-about .stats .stat h3{
  color:#3bd8ff !important;
}

/* Contact: calm support hub and high-trust form surfaces */
.nb-contact .contact-hero-grid > div,
.nb-contact .contact-form-grid > div{
  border:1px solid rgba(57,214,252,.16) !important;
  border-radius:25px !important;
  background:linear-gradient(145deg,rgba(9,24,36,.95),rgba(4,11,19,.98)) !important;
  box-shadow:0 24px 60px rgba(0,0,0,.28);
}

.nb-contact .contact-hero-grid > div:first-child{
  background:radial-gradient(circle at 0 0,rgba(32,202,241,.13),transparent 45%),linear-gradient(145deg,rgba(9,24,36,.95),rgba(4,11,19,.98)) !important;
}

.nb-contact input,
.nb-contact textarea,
.nb-contact select{
  border:1px solid rgba(72,151,179,.2) !important;
  border-radius:12px !important;
  background:#050d16 !important;
  color:#eef7fb !important;
  transition:border-color .22s ease,box-shadow .22s ease;
}

.nb-contact input:focus,
.nb-contact textarea:focus,
.nb-contact select:focus{
  border-color:rgba(59,219,255,.55) !important;
  outline:none;
  box-shadow:0 0 0 4px rgba(59,219,255,.07);
}

/* Technical pages: denser dashboards and precise specification cards */
.nb-hosting .hero,
.nb-ai .hero,
.nb-consulting .hero,
.nb-security .hero,
.nb-interface .hero,
.nb-ddos .hero,
.nb-datacenter .hero,
.nb-hardware .hero,
.nb-network .hero,
.nb-reseller .hero{
  gap:62px;
}

.nb-hosting .panel,
.nb-ai .panel,
.nb-consulting .panel,
.nb-security .panel,
.nb-interface .panel,
.nb-ddos .panel,
.nb-datacenter .panel,
.nb-hardware .panel,
.nb-network .panel,
.nb-reseller .panel{
  padding:32px;
  overflow:hidden;
}

.nb-subpage .panel .stat{
  min-height:115px;
  padding:21px !important;
  border-radius:17px !important;
  background:rgba(5,16,26,.7) !important;
}

.nb-subpage .panel .stat strong{
  color:#3bd8ff !important;
}

.nb-hosting #packages .card,
.nb-hardware #specs .card,
.nb-network #services .card{
  border-top-color:rgba(59,219,255,.3) !important;
}

.nb-ai::before{
  background:radial-gradient(circle at 18% 15%,rgba(0,216,255,.11),transparent 30%),radial-gradient(circle at 83% 23%,rgba(63,94,251,.09),transparent 29%);
}

.nb-ai .card{
  background:linear-gradient(145deg,rgba(8,26,40,.95),rgba(4,10,20,.98)) !important;
}

.nb-consulting .section:nth-of-type(3) .cards{
  counter-reset:consulting-step;
}

.nb-consulting .section:nth-of-type(3) .card{
  counter-increment:consulting-step;
}

.nb-consulting .section:nth-of-type(3) .card::before{
  content:"0" counter(consulting-step);
  display:block;
  margin-bottom:22px;
  color:#3bd8ff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.15em;
}

/* Security pages: restrained operations-centre character */
.nb-security::before,
.nb-ddos::before{
  background:radial-gradient(circle at 13% 16%,rgba(0,202,245,.085),transparent 29%),radial-gradient(circle at 87% 22%,rgba(14,116,144,.08),transparent 28%);
}

.nb-security .card,
.nb-ddos .card{
  border-left-color:rgba(59,219,255,.3) !important;
}

.nb-security .faq-item{
  min-height:0;
}

/* Interface: cards echo a clean control-panel grid */
.nb-interface .cards{
  grid-auto-rows:1fr;
}

.nb-interface .card{
  position:relative;
}

.nb-interface .card::after{
  content:"";
  position:absolute;
  right:24px;
  top:24px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#3bd8ff;
  box-shadow:0 0 12px rgba(59,216,255,.75);
}

/* Updates: one-col timeline/version history */
.nb-updates #updates{
  max-width:1050px;
}

.nb-updates #updates > div:last-child{
  position:relative;
  max-width:880px !important;
  padding-left:48px;
}

.nb-updates #updates > div:last-child::before{
  content:"";
  position:absolute;
  left:13px;
  top:15px;
  bottom:15px;
  width:1px;
  background:linear-gradient(#3bd8ff,rgba(59,216,255,.08));
}

.nb-updates #updates > div:last-child > div{
  position:relative;
  margin-bottom:22px !important;
  padding:32px !important;
  border:1px solid rgba(58,213,250,.15) !important;
  border-left:1px solid rgba(58,213,250,.15) !important;
  border-radius:22px !important;
  background:linear-gradient(145deg,rgba(9,23,35,.95),rgba(4,11,19,.98)) !important;
  box-shadow:0 19px 48px rgba(0,0,0,.25);
  transition:transform .3s ease,border-color .3s ease;
}

.nb-updates #updates > div:last-child > div::before{
  content:"";
  position:absolute;
  left:-42px;
  top:35px;
  width:13px;
  height:13px;
  border:3px solid #07111b;
  border-radius:50%;
  background:#3bd8ff;
  box-shadow:0 0 0 1px rgba(59,216,255,.45),0 0 16px rgba(59,216,255,.35);
}

.nb-updates #updates > div:last-child > div:hover{
  transform:translateX(6px);
  border-color:rgba(59,218,255,.32) !important;
}

.nb-updates #updates h3,
.nb-updates #updates strong{
  color:#3bd8ff !important;
}

.nb-updates #updates span[style]{
  border:1px solid rgba(59,218,255,.2);
  background:rgba(59,218,255,.1) !important;
  color:#dff8ff !important;
}

/* FAQ: spacious, consistent accordion groups */
.nb-faq .hero{
  min-height:540px;
  text-align:center;
}

.nb-faq .hero > div{
  max-width:860px;
  margin:auto;
}

.nb-faq .hero h1,
.nb-faq .hero p{
  margin-inline:auto;
}

.nb-faq .hero-buttons{
  justify-content:center;
}

.nb-faq .section{
  padding:68px 0;
}

.nb-faq .faq-grid{
  gap:16px;
}

.nb-faq .faq-item{
  min-height:0;
  overflow:hidden;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}

.nb-faq .faq-question{
  min-height:78px;
  padding:22px 24px;
  cursor:pointer;
}

.nb-faq .faq-icon{
  width:39px;
  height:39px;
  display:grid;
  place-items:center;
  border:1px solid rgba(59,218,255,.2);
  border-radius:12px;
  background:rgba(18,189,234,.07);
  font-size:15px;
}

.nb-faq .faq-answer{
  border-top-color:rgba(72,145,170,.14);
}

.nb-faq .faq-answer-text{
  padding:23px 28px 27px 79px;
  color:#93a3b3;
  line-height:1.75;
}

/* Infrastructure families: purposeful data presentation */
.nb-datacenter #dc .cards,
.nb-hardware #specs .cards{
  grid-template-columns:repeat(3,1fr);
}

.nb-datacenter .card,
.nb-hardware .card,
.nb-network .card{
  min-height:285px;
}

.nb-network .section[style*="text-align: center"]{
  padding:75px 30px !important;
  border:1px solid rgba(59,218,255,.16);
  border-radius:27px;
  background:rgba(7,19,30,.72);
}

/* Reseller: benefit-led partner programme and calmer commission tiers */
.nb-reseller #benefits .card{
  min-height:290px;
}

.nb-reseller .section:nth-of-type(3) .cards{
  grid-template-columns:repeat(4,1fr);
}

.nb-reseller .section:nth-of-type(3) .card{
  min-height:225px;
  text-align:center;
}

.nb-reseller .section:nth-of-type(3) .card h3{
  color:#3bd8ff !important;
  font-size:31px !important;
}

.nb-reseller .section:nth-of-type(3) .card:nth-child(4){
  border-color:rgba(59,218,255,.36) !important;
  background:radial-gradient(circle at 50% 0,rgba(31,200,240,.12),transparent 52%),linear-gradient(145deg,rgba(10,26,39,.96),rgba(4,11,19,.98)) !important;
}

@media(max-width:1050px){
  .nb-subpage .hero,
  .nb-about .nb-about-hero{
    grid-template-columns:1fr;
    min-height:auto;
    gap:42px;
  }

  .nb-about #values .cards,
  .nb-datacenter #dc .cards,
  .nb-hardware #specs .cards{
    grid-template-columns:repeat(2,1fr);
  }

  .nb-reseller .section:nth-of-type(3) .cards{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:760px){
  .nb-subpage .hero,
  .nb-subpage .section,
  .nb-subpage section[style*="max-width:900px"]{
    width:calc(100% - 32px);
  }

  .nb-subpage .hero{
    padding:105px 0 65px;
  }

  .nb-subpage .hero h1{
    font-size:clamp(41px,12vw,57px);
  }

  .nb-subpage .section{
    padding:76px 0;
  }

  .nb-subpage .section-title{
    margin-bottom:38px;
  }

  .nb-subpage .section-title h2{
    font-size:clamp(34px,10vw,46px);
  }

  .nb-subpage .cards,
  .nb-about #values .cards,
  .nb-datacenter #dc .cards,
  .nb-hardware #specs .cards,
  .nb-reseller .section:nth-of-type(3) .cards{
    grid-template-columns:1fr;
  }

  .nb-subpage .card{
    min-height:0;
    padding:28px;
  }

  .nb-about .nb-about-note{
    padding:30px;
  }

  .nb-subpage section[style*="max-width:900px"]{
    padding:52px 23px !important;
    border-radius:23px !important;
  }

  .nb-updates #updates > div:last-child{
    padding-left:31px;
  }

  .nb-updates #updates > div:last-child::before{
    left:8px;
  }

  .nb-updates #updates > div:last-child > div{
    padding:25px !important;
  }

  .nb-updates #updates > div:last-child > div::before{
    left:-29px;
  }

  .nb-faq .faq-grid{
    grid-template-columns:1fr;
  }

  .nb-faq .faq-answer-text{
    padding-left:24px;
  }
}

@media(prefers-reduced-motion:reduce){
  .nb-subpage .card,
  .nb-subpage .faq-item,
  .nb-subpage .btn,
  .nb-updates #updates > div:last-child > div{
    transition:none;
  }
}

.nb-reseller-process ol{
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:15px;
  list-style:none;
}

.nb-reseller-process li{
  position:relative;
  min-height:280px;
  padding:30px;
  border:1px solid rgba(59,216,255,.15);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(9,23,35,.95),rgba(4,11,19,.98));
  box-shadow:0 20px 48px rgba(0,0,0,.22);
}

.nb-reseller-process li > span{
  color:#3bd8ff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
}

.nb-reseller-process li > i{
  width:46px;
  height:46px;
  margin:25px 0 20px;
  display:grid;
  place-items:center;
  border:1px solid rgba(59,216,255,.2);
  border-radius:13px;
  background:rgba(18,189,234,.07);
}

.nb-reseller-process li strong{
  display:block;
  color:#eef7fb;
  font-size:19px;
}

.nb-reseller-process li p{
  margin-top:12px;
  color:#8799aa;
  font-size:14px;
  line-height:1.65;
}

@media(max-width:1050px){
  .nb-reseller-process ol{grid-template-columns:1fr 1fr}
}

@media(max-width:760px){
  .nb-reseller-process ol{grid-template-columns:1fr}
  .nb-reseller-process li{min-height:0}
}

/* ===== TARGETED TRUST, CONTACT, STATUS, RESELLER, HARDWARE & FAQ POLISH ===== */
.nb-about.nb-fully-rebuilt .nb-about-hero{
  grid-template-columns:minmax(0,1.05fr) minmax(400px,.75fr);
  min-height:680px;
}

.nb-about.nb-fully-rebuilt .nb-about-note{
  position:relative;
  min-height:390px;
  border-radius:25px;
  overflow:hidden;
}

.nb-about.nb-fully-rebuilt .nb-about-note::after{
  content:"NEXTBUILD";
  position:absolute;
  right:-12px;
  bottom:-18px;
  color:rgba(82,218,250,.035);
  font-size:73px;
  font-weight:900;
  letter-spacing:-.05em;
}

.nb-about-values{
  width:min(1240px,calc(100% - 48px)) !important;
  padding:110px 55px !important;
  border:1px solid rgba(59,216,255,.12);
  border-radius:32px;
  background:radial-gradient(circle at 10% 15%,rgba(38,198,237,.09),transparent 35%),#050d15;
  box-shadow:0 35px 90px rgba(0,0,0,.25);
}

.nb-about.nb-fully-rebuilt .nb-about-values .cards{
  grid-template-columns:1.2fr .8fr .8fr;
  gap:16px;
}

.nb-about.nb-fully-rebuilt .nb-about-values .card{
  min-height:240px;
  border-radius:18px !important;
  background:rgba(5,15,24,.78) !important;
}

.nb-about.nb-fully-rebuilt .nb-about-values .card:first-child{
  min-height:496px;
  grid-row:span 2;
  padding:43px;
}

.nb-about.nb-fully-rebuilt .nb-about-values .card:last-child{
  grid-column:1/-1;
  min-height:185px;
  display:grid;
  grid-template-columns:64px 1fr;
  grid-template-rows:auto auto;
  align-content:center;
  column-gap:20px;
}

.nb-about.nb-fully-rebuilt .nb-about-values .card:last-child > i{grid-row:1/3;margin:0 !important}
.nb-about.nb-fully-rebuilt .nb-about-values .card:last-child h3{align-self:end}

.nb-about-numbers{
  width:min(1200px,calc(100% - 48px)) !important;
  padding:115px 0 !important;
  background:transparent !important;
}

.nb-about-numbers .stats{
  max-width:none !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:0 !important;
  border:1px solid rgba(59,216,255,.16);
  border-radius:25px;
  background:linear-gradient(145deg,rgba(8,23,35,.96),rgba(4,11,19,.98));
  overflow:hidden;
  box-shadow:0 25px 64px rgba(0,0,0,.28);
}

.nb-about-numbers .stat{
  position:relative;
  min-height:255px;
  padding:42px 30px !important;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-end;
  border:0 !important;
  border-right:1px solid rgba(59,216,255,.12) !important;
  border-radius:0 !important;
  text-align:left !important;
  background:transparent !important;
  box-shadow:none !important;
}

.nb-about-numbers .stat:last-child{border-right:0 !important}
.nb-about-numbers .stat > i{position:absolute;left:30px;top:30px;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(59,216,255,.2);border-radius:13px;background:rgba(18,189,234,.07)}
.nb-about-numbers .stat h3{font-size:42px !important;color:#3bd8ff !important;letter-spacing:-.04em}
.nb-about-numbers .stat p{color:#93a3b2 !important;line-height:1.5}

.nb-contact-support-info{
  width:min(1200px,calc(100% - 48px)) !important;
}

.nb-contact-info-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.nb-contact-info-grid article{
  min-height:310px;
  padding:34px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  border:1px solid rgba(59,216,255,.15);
  border-radius:23px;
  background:linear-gradient(145deg,rgba(9,23,35,.95),rgba(4,11,19,.98));
  box-shadow:0 22px 55px rgba(0,0,0,.24);
  transition:transform .3s ease,border-color .3s ease;
}

.nb-contact-info-grid article:hover{transform:translateY(-6px);border-color:rgba(59,216,255,.34)}
.nb-contact-info-grid article > i{width:49px;height:49px;display:grid;place-items:center;border:1px solid rgba(59,216,255,.2);border-radius:14px;background:rgba(18,189,234,.07)}
.nb-contact-info-grid article > span{margin-top:24px;color:#3bd8ff;font-size:11px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.nb-contact-info-grid article h3{margin:9px 0 13px;color:#f2f8fc;font-size:22px}
.nb-contact-info-grid article p{margin:0;color:#899bab;line-height:1.7}
.nb-contact-info-grid article a{margin-top:auto;padding-top:20px;color:#dff7fc;font-weight:750}.nb-contact-info-grid article a i{margin-left:7px}
.nb-contact .fa-discord{color:#3bdbff !important}

.nb-status-console{display:grid;grid-template-rows:auto 1fr auto auto;gap:18px}
.status-console-head{display:flex;justify-content:space-between;color:#dff7fc;font-weight:750}.status-console-head strong{color:#3bd8ff;font-size:10px;letter-spacing:.14em}.status-console-head span i{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#3bd8ff;box-shadow:0 0 10px #3bd8ff}
.status-orbit{position:relative;place-self:center;width:145px;height:145px;display:grid;place-items:center;border:1px solid rgba(59,216,255,.28);border-radius:50%;box-shadow:0 0 0 28px rgba(59,216,255,.025),0 0 0 56px rgba(59,216,255,.018)}.status-orbit > i{width:62px;height:62px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#33d9f2,#1f7df0);color:#04121b !important;font-size:24px}.status-orbit span{position:absolute;width:8px;height:8px;border-radius:50%;background:#3bd8ff;box-shadow:0 0 9px #3bd8ff}.status-orbit span:first-of-type{left:10%;top:38%}.status-orbit span:last-of-type{right:14%;bottom:24%}
.status-sparkline{height:52px;display:flex;align-items:flex-end;gap:5px}.status-sparkline i{flex:1;height:var(--status-h,55%);border-radius:3px 3px 0 0;background:linear-gradient(#3bd8ff,#1e70dd)}.status-sparkline i:nth-child(3n){height:82%}.status-sparkline i:nth-child(4n){height:67%}.status-sparkline i:nth-child(5n){height:94%}
.status-console-foot{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.status-console-foot span{padding:12px;border:1px solid rgba(59,216,255,.11);border-radius:10px;color:#7e93a4;font-size:10px}.status-console-foot b{display:block;margin-top:4px;color:#eef8fc;font-size:13px}
.nb-status #status-detail > div:last-child{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:15px !important}
.nb-status-service{position:relative;min-height:118px;padding:25px 115px 25px 76px !important;border:1px solid rgba(59,216,255,.14) !important;border-left:1px solid rgba(59,216,255,.14) !important;border-radius:19px !important;background:linear-gradient(145deg,rgba(9,23,35,.95),rgba(4,11,19,.98)) !important;box-shadow:0 18px 44px rgba(0,0,0,.2)}
.nb-status-service > i{position:absolute;left:20px;top:50%;width:42px;height:42px;display:grid;place-items:center;transform:translateY(-50%);border:1px solid rgba(59,216,255,.2);border-radius:12px;background:rgba(18,189,234,.07)}
.nb-status-service > span{position:absolute;right:20px;top:50%;transform:translateY(-50%);border:1px solid rgba(59,216,255,.22);background:rgba(59,216,255,.08) !important;color:#bceffc !important}
.nb-status > .section:nth-of-type(3) > div{max-width:820px !important;border-radius:22px !important;border-color:rgba(59,216,255,.14) !important;background:linear-gradient(145deg,rgba(9,23,35,.95),rgba(4,11,19,.98)) !important}
.nb-status > .section:nth-of-type(3) strong[style]{color:#3bd8ff !important}

.nb-partner-visual > strong{max-width:370px;font-size:38px;line-height:1.15;letter-spacing:-.035em}
.partner-services{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:30px}.partner-services span{min-height:75px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(59,216,255,.14);border-radius:12px;color:#9aafbd;background:rgba(5,15,24,.72);font-size:11px}.partner-services i{font-size:16px}
.nb-reseller.nb-fully-rebuilt #benefits{width:min(1240px,calc(100% - 48px));padding:110px 48px;border:1px solid rgba(59,216,255,.12);border-radius:31px;background:radial-gradient(circle at 100% 0,rgba(41,194,235,.08),transparent 34%),#050d15}
.nb-reseller.nb-fully-rebuilt #benefits .card{border-radius:18px !important}

.nb-hardware #specs > div:last-child{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:16px !important}
.nb-hardware-spec{position:relative;min-height:300px;padding:34px !important;border:1px solid rgba(59,216,255,.15) !important;border-radius:21px !important;background:linear-gradient(145deg,rgba(9,23,35,.95),rgba(4,11,19,.98)) !important;box-shadow:0 20px 48px rgba(0,0,0,.22)}
.nb-hardware-spec h4{color:#3bd8ff !important}.nb-hardware-spec h4 i{width:43px;height:43px;margin-right:12px;display:inline-grid;place-items:center;border:1px solid rgba(59,216,255,.2);border-radius:12px;background:rgba(18,189,234,.07);font-size:16px}
.nb-hardware-spec p{color:#91a2b1 !important;line-height:1.9 !important}
.nb-hardware-benchmarks > div:last-child{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:0 !important;border:1px solid rgba(59,216,255,.14);border-radius:20px;overflow:hidden}.nb-hardware-benchmarks > div:last-child > div{min-height:140px;padding:27px;border-right:1px solid rgba(59,216,255,.12);background:rgba(6,17,27,.82)}.nb-hardware-benchmarks > div:last-child > div:last-child{border-right:0}.nb-hardware-benchmarks strong{color:#3bd8ff !important}

.nb-faq > .section:not([style*="max-width:900px"]){width:min(1120px,calc(100% - 48px));margin-bottom:25px;padding:58px;border:1px solid rgba(59,216,255,.1);border-radius:27px;background:rgba(5,14,23,.64)}
.nb-faq > .section:nth-of-type(even){background:radial-gradient(circle at 100% 0,rgba(38,194,235,.055),transparent 37%),rgba(5,14,23,.72)}
.nb-faq .section-title{text-align:left;margin-left:0;margin-bottom:35px}.nb-faq .section-title h2{font-size:clamp(32px,3.5vw,46px)}.nb-faq .section-title p{margin-left:0}
.nb-faq .faq-grid{grid-template-columns:1fr;gap:11px}
.nb-faq .faq-item{border-radius:16px !important;background:#07121c !important;box-shadow:none}
.nb-faq .faq-item:hover{transform:none;box-shadow:0 15px 35px rgba(0,0,0,.22)}
.nb-faq .faq-item.open{border-color:rgba(59,216,255,.35) !important;background:linear-gradient(145deg,#081a27,#06111a) !important}
.nb-faq .faq-question{min-height:84px;padding:19px 22px}.nb-faq .faq-toggle{width:35px;height:35px;display:grid;place-items:center;border:1px solid rgba(59,216,255,.16);border-radius:10px;background:rgba(59,216,255,.04)}
.nb-faq .faq-item.open .faq-toggle{background:rgba(59,216,255,.1)}
.nb-faq .faq-answer-text{padding:24px 28px 28px 82px}

@media(max-width:1050px){
  .nb-about-numbers .stats{grid-template-columns:1fr 1fr !important}.nb-about-numbers .stat:nth-child(2){border-right:0 !important}.nb-about-numbers .stat:nth-child(-n+2){border-bottom:1px solid rgba(59,216,255,.12) !important}
  .nb-contact-info-grid{grid-template-columns:1fr 1fr}.nb-contact-info-grid article:last-child{grid-column:1/-1}
  .nb-status #status-detail > div:last-child{grid-template-columns:1fr !important}
  .nb-hardware-benchmarks > div:last-child{grid-template-columns:1fr 1fr !important}.nb-hardware-benchmarks > div:last-child > div:nth-child(2){border-right:0}.nb-hardware-benchmarks > div:last-child > div:nth-child(-n+2){border-bottom:1px solid rgba(59,216,255,.12)}
}

@media(max-width:760px){
  .nb-about-values,.nb-reseller.nb-fully-rebuilt #benefits{width:calc(100% - 32px) !important;padding:72px 18px !important;border-radius:23px}.nb-about.nb-fully-rebuilt .nb-about-values .cards{grid-template-columns:1fr}.nb-about.nb-fully-rebuilt .nb-about-values .card:first-child{min-height:330px;grid-row:auto}
  .nb-about-numbers{width:calc(100% - 32px) !important}.nb-about-numbers .stats{grid-template-columns:1fr !important}.nb-about-numbers .stat{min-height:210px;border-right:0 !important;border-bottom:1px solid rgba(59,216,255,.12) !important}.nb-about-numbers .stat:last-child{border-bottom:0 !important}
  .nb-contact-info-grid{grid-template-columns:1fr}.nb-contact-info-grid article:last-child{grid-column:auto}.nb-contact-info-grid article{min-height:270px}
  .status-console-foot{grid-template-columns:1fr}.nb-status-service{padding:76px 20px 65px !important}.nb-status-service > i{left:20px;top:19px;transform:none}.nb-status-service > span{left:20px;right:auto;top:auto;bottom:18px;transform:none}
  .partner-services{grid-template-columns:1fr}.partner-services span{min-height:57px;flex-direction:row}.nb-partner-visual > strong{font-size:32px}
  .nb-hardware #specs > div:last-child{grid-template-columns:1fr !important}.nb-hardware-spec{min-height:0}.nb-hardware-benchmarks > div:last-child{grid-template-columns:1fr !important}.nb-hardware-benchmarks > div:last-child > div{border-right:0;border-bottom:1px solid rgba(59,216,255,.12)}
  .nb-faq > .section:not([style*="max-width:900px"]){width:calc(100% - 32px);padding:40px 16px;border-radius:21px}.nb-faq .faq-answer-text{padding-left:22px}
}

/* ===== ABOUT: PREMIUM VALUE GRID & METRICS DASHBOARD ===== */
.nb-about.nb-fully-rebuilt .nb-about-values{
  position:relative;
  width:min(1240px,calc(100% - 48px)) !important;
  padding:112px 58px 64px !important;
  border:1px solid rgba(59,216,255,.16);
  border-radius:32px;
  background:
    radial-gradient(circle at 8% 0,rgba(38,202,240,.12),transparent 31%),
    radial-gradient(circle at 94% 100%,rgba(37,99,235,.08),transparent 28%),
    linear-gradient(145deg,#07131e,#030a12);
  box-shadow:0 38px 95px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.025);
  overflow:hidden;
}

.nb-about.nb-fully-rebuilt .nb-about-values::before{
  content:"VALUES / 01—06";
  position:absolute;
  right:58px;
  top:39px;
  color:rgba(128,227,250,.35);
  font-size:10px;
  font-weight:850;
  letter-spacing:.18em;
}

.nb-about.nb-fully-rebuilt .nb-about-values::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:2px;
  background:linear-gradient(90deg,transparent,#3bd8ff 28%,#247bf2 68%,transparent);
  opacity:.8;
}

.nb-about.nb-fully-rebuilt .nb-about-values .section-title{
  margin-bottom:58px;
}

.nb-about.nb-fully-rebuilt .nb-about-values .cards{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.nb-about.nb-fully-rebuilt .nb-about-values .card,
.nb-about.nb-fully-rebuilt .nb-about-values .card:first-child,
.nb-about.nb-fully-rebuilt .nb-about-values .card:last-child{
  position:relative;
  grid-column:auto;
  grid-row:auto;
  min-height:295px;
  padding:34px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  border:1px solid rgba(70,193,224,.14) !important;
  border-radius:21px !important;
  background:linear-gradient(145deg,rgba(10,28,41,.92),rgba(4,12,20,.96)) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.025) !important;
  overflow:hidden;
  transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s ease,box-shadow .35s ease !important;
}

.nb-about.nb-fully-rebuilt #values .cards > .card:nth-child(n){
  grid-column:auto !important;
  grid-row:auto !important;
  min-height:295px !important;
  display:flex !important;
  grid-template-columns:none !important;
  grid-template-rows:none !important;
}

.nb-about.nb-fully-rebuilt .nb-about-values .card::before{
  content:"";
  position:absolute;
  width:150px;
  height:150px;
  right:-75px;
  top:-90px;
  border-radius:50%;
  background:rgba(36,198,238,.08);
  filter:blur(24px);
  transition:background .35s ease,transform .35s ease;
}

.nb-about.nb-fully-rebuilt .nb-about-values .card::after{
  content:"";
  position:absolute;
  left:34px;
  right:34px;
  bottom:0;
  height:2px;
  background:linear-gradient(90deg,#3bd8ff,#267cf3,transparent);
  opacity:0;
  transform:scaleX(.35);
  transform-origin:left;
  transition:opacity .35s ease,transform .35s ease;
}

.nb-about.nb-fully-rebuilt .nb-about-values .card:hover{
  transform:translateY(-8px);
  border-color:rgba(59,216,255,.38) !important;
  box-shadow:0 28px 64px rgba(0,0,0,.36),0 0 34px rgba(41,199,237,.07) !important;
}

.nb-about.nb-fully-rebuilt .nb-about-values .card:hover::before{
  background:rgba(36,198,238,.15);
  transform:scale(1.15);
}

.nb-about.nb-fully-rebuilt .nb-about-values .card:hover::after{
  opacity:1;
  transform:scaleX(1);
}

.nb-about.nb-fully-rebuilt .nb-about-values .card > i,
.nb-about.nb-fully-rebuilt .nb-about-values .card:first-child > i,
.nb-about.nb-fully-rebuilt .nb-about-values .card:last-child > i{
  grid-row:auto;
  width:54px;
  height:54px;
  margin:17px 0 30px !important;
  display:grid;
  place-items:center;
  border:1px solid rgba(59,216,255,.24);
  border-radius:16px;
  color:#3bd8ff !important;
  background:linear-gradient(145deg,rgba(25,198,237,.12),rgba(8,35,49,.72));
  box-shadow:0 12px 25px rgba(0,166,207,.08),inset 0 1px 0 rgba(255,255,255,.035);
  font-size:19px !important;
}

.nb-about.nb-fully-rebuilt .nb-about-values .card h3,
.nb-about.nb-fully-rebuilt .nb-about-values .card:last-child h3{
  align-self:auto;
  margin:0 0 13px;
  color:#f1f8fc;
  font-size:21px;
}

.nb-about.nb-fully-rebuilt .nb-about-values .card p{
  margin:0;
  color:#8fa0af;
  line-height:1.72;
}

.nb-value-index{
  position:absolute;
  right:25px;
  top:24px;
  color:rgba(116,225,250,.38);
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
}

.nb-about.nb-fully-rebuilt .nb-about-numbers{
  position:relative;
  width:min(1240px,calc(100% - 48px)) !important;
  padding:115px 0 !important;
  background:transparent !important;
}

.nb-about.nb-fully-rebuilt .nb-about-numbers .section-title{
  margin-bottom:53px;
}

.nb-about.nb-fully-rebuilt .nb-about-numbers .stats{
  position:relative;
  max-width:none !important;
  padding:18px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
  border:1px solid rgba(59,216,255,.14);
  border-radius:29px;
  background:linear-gradient(145deg,rgba(8,23,35,.96),rgba(3,10,18,.98));
  box-shadow:0 32px 78px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.025);
  overflow:hidden;
}

.nb-about.nb-fully-rebuilt .nb-about-numbers .stats::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 0 0,rgba(34,202,241,.09),transparent 28%),radial-gradient(circle at 100% 100%,rgba(37,99,235,.07),transparent 25%);
}

.nb-about.nb-fully-rebuilt .nb-about-numbers .stat{
  position:relative;
  z-index:1;
  min-height:285px;
  padding:28px !important;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  border:1px solid rgba(65,182,211,.12) !important;
  border-radius:19px !important;
  background:rgba(5,15,24,.76) !important;
  box-shadow:none !important;
  text-align:left !important;
  transition:transform .32s ease,border-color .32s ease,background .32s ease;
}

.nb-about.nb-fully-rebuilt .nb-about-numbers .stat:hover{
  transform:translateY(-6px);
  border-color:rgba(59,216,255,.32) !important;
  background:rgba(7,22,33,.92) !important;
}

.nb-about.nb-fully-rebuilt .nb-about-numbers .stat > i{
  position:static;
  width:47px;
  height:47px;
  margin-bottom:38px;
  display:grid;
  place-items:center;
  border:1px solid rgba(59,216,255,.22);
  border-radius:14px;
  background:rgba(18,189,234,.075);
  box-shadow:0 10px 25px rgba(0,177,217,.07);
}

.nb-about.nb-fully-rebuilt .nb-about-numbers .stat h3{
  margin:0 0 8px !important;
  color:#f2f9fc !important;
  font-size:43px !important;
  line-height:1;
  letter-spacing:-.045em;
}

.nb-about.nb-fully-rebuilt .nb-about-numbers .stat p{
  color:#8da0af !important;
  font-size:14px;
}

.nb-number-signal{
  width:100%;
  height:5px;
  margin-top:auto;
  display:block;
  border-radius:6px;
  background:#0d202c;
  overflow:hidden;
}

.nb-number-signal > i{
  display:block;
  width:var(--signal);
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#31d8f3,#277cf2);
  box-shadow:0 0 15px rgba(49,216,243,.28);
}

@media(max-width:1050px){
  .nb-about.nb-fully-rebuilt .nb-about-values .cards{grid-template-columns:1fr 1fr}
  .nb-about.nb-fully-rebuilt .nb-about-numbers .stats{grid-template-columns:1fr 1fr !important}
  .nb-about.nb-fully-rebuilt .nb-about-numbers .stat{border:1px solid rgba(65,182,211,.12) !important}
}

@media(max-width:760px){
  .nb-about.nb-fully-rebuilt .nb-about-values{width:calc(100% - 32px) !important;padding:78px 16px 16px !important;border-radius:24px}
  .nb-about.nb-fully-rebuilt .nb-about-values::before{right:22px;top:28px}
  .nb-about.nb-fully-rebuilt .nb-about-values .cards{grid-template-columns:1fr}
  .nb-about.nb-fully-rebuilt .nb-about-values .card,
  .nb-about.nb-fully-rebuilt .nb-about-values .card:first-child,
  .nb-about.nb-fully-rebuilt .nb-about-values .card:last-child{min-height:265px;padding:28px}
  .nb-about.nb-fully-rebuilt #values .cards > .card:nth-child(n){min-height:265px !important}
  .nb-about.nb-fully-rebuilt .nb-about-numbers{width:calc(100% - 32px) !important;padding:85px 0 !important}
  .nb-about.nb-fully-rebuilt .nb-about-numbers .stats{grid-template-columns:1fr !important;padding:12px}
  .nb-about.nb-fully-rebuilt .nb-about-numbers .stat{min-height:245px;border:1px solid rgba(65,182,211,.12) !important}
}

/* ===== PREMIUM FOOTER BOTTOM — FINAL LAYOUT ===== */
footer.premium-footer .footer-bottom{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  align-items:center !important;
  justify-content:stretch !important;
  gap:18px 32px !important;
  padding-top:28px;
  padding-bottom:28px;
}

footer.premium-footer .footer-brand-meta{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:7px;
  text-align:left !important;
}

footer.premium-footer .footer-brand-meta .footer-tagline{
  margin:0;
  color:#718196;
  font-size:12px;
  font-weight:600;
  letter-spacing:.035em;
}

footer.premium-footer .footer-brand-meta .footer-copyright{
  color:#94a3b8;
  font-size:14px;
  font-weight:700;
  letter-spacing:.02em;
  white-space:nowrap;
}

footer.premium-footer .footer-system-status{
  padding:9px 13px;
  display:grid;
  grid-template-columns:auto auto;
  align-items:center;
  gap:2px 8px;
  border:1px solid rgba(56,189,248,.15);
  border-radius:13px;
  color:#dff9ff;
  background:rgba(8,24,40,.65);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}

footer.premium-footer .footer-system-status i{
  grid-row:1/3;
  color:#3bdbff !important;
  font-size:14px !important;
  text-shadow:0 0 12px rgba(59,219,255,.25);
}

footer.premium-footer .footer-system-status span{font-size:11px;font-weight:800;letter-spacing:.02em}
footer.premium-footer .footer-system-status small{color:#718196;font-size:9px;font-weight:700}

footer.premium-footer .footer-legal{
  grid-column:1/-1;
  justify-self:center;
  width:min(100%,660px);
}

footer.premium-footer .footer-legal a{gap:8px}
footer.premium-footer .footer-legal a i{
  flex:0 0 auto;
  color:#3bdbff !important;
  font-size:13px !important;
  transition:color .22s ease,transform .22s ease,text-shadow .22s ease;
}

footer.premium-footer .footer-legal a:hover i{
  color:#67e8f9 !important;
  transform:translateY(-2px);
  text-shadow:0 0 15px rgba(59,219,255,.3);
}

@media(max-width:760px){
  footer.premium-footer .footer-bottom{grid-template-columns:1fr;grid-template-rows:auto;padding:27px 18px}
  footer.premium-footer .footer-brand-meta{align-items:center;text-align:center !important}
  footer.premium-footer .footer-system-status{justify-self:center}
  footer.premium-footer .footer-legal{grid-column:1;width:min(100%,520px)}
}

@media(max-width:420px){
  footer.premium-footer .footer-legal{grid-template-columns:1fr}
}

/* ===== COMPLETE NEXTBUILD PREMIUM FOOTER ===== */
footer.premium-footer{
  position:relative;
  margin-top:100px;
  padding-top:64px;
  overflow:hidden;
  border-top:1px solid rgba(56,189,248,.1);
  background:radial-gradient(circle at 12% 0,rgba(14,165,233,.075),transparent 30%),radial-gradient(circle at 90% 45%,rgba(37,99,235,.05),transparent 32%),linear-gradient(180deg,#050816,#081120) !important;
}

footer.premium-footer::before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  width:min(760px,70%);
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,#22d3ee,transparent);
  opacity:.8;
}

footer.premium-footer .footer-top-cards{
  width:min(100%,1400px);
  max-width:none;
  margin:0 auto;
  padding:0 30px 54px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}

footer.premium-footer .footer-card{
  min-width:0;
  min-height:145px;
  margin:0;
  padding:24px;
  display:flex;
  align-items:center;
  gap:17px;
  border:1px solid rgba(56,189,248,.115);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(8,17,31,.84),rgba(3,7,15,.97));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 18px 50px rgba(0,0,0,.17);
  cursor:default;
  transition:transform .24s ease,border-color .24s ease,background .24s ease,box-shadow .24s ease !important;
}

footer.premium-footer .footer-card:hover{
  transform:translateY(-6px) !important;
  border-color:rgba(56,189,248,.38) !important;
  background:linear-gradient(145deg,rgba(9,28,46,.94),rgba(3,8,17,.99)) !important;
  box-shadow:0 24px 65px rgba(0,0,0,.28),0 0 30px rgba(34,211,238,.07) !important;
}

footer.premium-footer .footer-card > i{
  flex:0 0 52px;
  width:52px;
  height:52px;
  display:grid !important;
  place-items:center;
  border:1px solid rgba(56,189,248,.18);
  border-radius:14px;
  color:#3bdbff !important;
  background:rgba(14,165,233,.075) !important;
  font-size:22px !important;
  box-shadow:none;
  transition:color .22s ease,transform .22s ease,text-shadow .22s ease,border-color .22s ease,background .22s ease;
}

footer.premium-footer .footer-card:hover > i{
  border-color:rgba(56,189,248,.34);
  color:#67e8f9 !important;
  background:rgba(14,165,233,.11) !important;
  transform:translateY(-2px);
  text-shadow:0 0 15px rgba(59,219,255,.3);
}

footer.premium-footer .footer-card h3{margin:0 0 7px;color:#f8fafc;font-size:17px;line-height:1.25}
footer.premium-footer .footer-card p{margin:0;color:#8f9cad;font-size:12px;line-height:1.5}

footer.premium-footer .footer-main{
  width:min(100%,1400px);
  max-width:none;
  margin:0 auto;
  padding:0 30px 58px;
  display:grid;
  grid-template-columns:1.35fr repeat(3,minmax(0,1fr));
  gap:30px;
}

footer.premium-footer .footer-brand-panel{
  min-height:290px;
  padding:30px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  border:1px solid rgba(56,189,248,.115);
  border-radius:22px;
  background:radial-gradient(circle at 90% 0,rgba(14,165,233,.08),transparent 38%),linear-gradient(145deg,rgba(8,17,31,.88),rgba(3,7,15,.97));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 18px 50px rgba(0,0,0,.16);
}

footer.premium-footer .footer-wordmark{
  display:inline-block;
  color:#fff;
  background:linear-gradient(90deg,#fff,#38bdf8);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  font-size:30px;
  font-weight:900;
  letter-spacing:-.04em;
  text-decoration:none;
}

footer.premium-footer .footer-brand-panel > p{max-width:330px;margin:22px 0 16px;color:#94a3b8;font-size:14px;line-height:1.7}
footer.premium-footer .footer-brand-panel > strong{color:#67e8f9;font-size:10px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.footer-brand-actions{width:100%;margin-top:auto;padding-top:25px;display:flex;gap:10px}
.footer-brand-actions a{min-height:42px;padding:10px 14px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(56,189,248,.16);border-radius:12px;color:#cbd5e1;background:rgba(8,24,40,.65);font-size:12px;font-weight:750;text-decoration:none;transition:transform .22s ease,border-color .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease}
.footer-brand-actions a i{color:#3bdbff !important;font-size:14px !important}.footer-brand-actions a:hover{transform:translateY(-2px);border-color:rgba(56,189,248,.42);color:#67e8f9;background:rgba(14,116,144,.12);box-shadow:0 12px 28px rgba(0,0,0,.18)}

footer.premium-footer .footer-column{
  min-width:0;
  padding:26px 0 0 26px;
  border-left:1px solid rgba(56,189,248,.1);
}

footer.premium-footer .footer-column h4{
  margin:0 0 27px !important;
  color:#f8fafc;
  font-size:18px !important;
  font-weight:850 !important;
  letter-spacing:-.015em;
}

footer.premium-footer .footer-column h4::after{bottom:-11px;width:48px;height:2px;background:linear-gradient(90deg,#22d3ee,#3b82f6)}
footer.premium-footer .footer-column a{margin:0 0 5px;padding:8px 0;display:block;color:#94a3b8;font-size:14px !important;line-height:1.35;text-decoration:none;transition:color .22s ease,transform .22s ease,text-shadow .22s ease}
footer.premium-footer .footer-column a:hover{color:#67e8f9 !important;transform:translateX(5px);text-shadow:0 0 14px rgba(59,219,255,.18)}

footer.premium-footer .footer-system-status{display:none !important}
footer.premium-footer .footer-bottom{grid-template-columns:1fr;grid-template-rows:auto auto;justify-items:center;gap:16px !important;padding-top:27px;padding-bottom:29px}
footer.premium-footer .footer-brand-meta{align-items:center;text-align:center !important}
footer.premium-footer .footer-legal{grid-column:1;width:min(100%,660px)}

@media(max-width:1100px){
  footer.premium-footer .footer-top-cards{grid-template-columns:1fr 1fr}
  footer.premium-footer .footer-main{grid-template-columns:1fr 1fr}
  footer.premium-footer .footer-brand-panel{grid-column:1/-1;min-height:245px}
}

@media(max-width:700px){
  footer.premium-footer{padding-top:42px}
  footer.premium-footer .footer-top-cards{padding:0 16px 38px;grid-template-columns:1fr;gap:13px}
  footer.premium-footer .footer-card{min-height:120px;padding:21px}
  footer.premium-footer .footer-main{padding:0 16px 42px;grid-template-columns:1fr;gap:12px}
  footer.premium-footer .footer-brand-panel{grid-column:auto;min-height:280px;padding:25px}
  footer.premium-footer .footer-column{padding:24px;border:1px solid rgba(56,189,248,.1);border-radius:16px;background:rgba(5,14,23,.48)}
  footer.premium-footer .footer-column h4{margin-bottom:22px !important}
  footer.premium-footer .footer-legal{grid-template-columns:1fr 1fr}
}

@media(max-width:420px){
  footer.premium-footer .footer-legal{grid-template-columns:1fr}
  .footer-brand-actions{flex-direction:column}
  .footer-brand-actions a{justify-content:center}
}

/* ===== SEAMLESS NEXTBUILD FOOTER REFINEMENT ===== */
footer.premium-footer{
  margin-top:88px;
  padding-top:68px;
  border-top:0;
  background:
    radial-gradient(circle at 50% 0,rgba(34,211,238,.035),transparent 31%),
    linear-gradient(180deg,#000 0%,#01050a 48%,#020812 100%) !important;
}

footer.premium-footer::before{
  width:min(920px,76%);
  background:linear-gradient(90deg,transparent,rgba(34,211,238,.26),transparent);
  opacity:.55;
}

footer.premium-footer .footer-top-cards{padding-bottom:66px}

footer.premium-footer .footer-main{
  padding-bottom:64px;
  grid-template-columns:minmax(150px,.72fr) repeat(3,minmax(0,1fr));
  gap:clamp(42px,5vw,82px);
  align-items:start;
}

footer.premium-footer .footer-brand-panel{
  min-height:0;
  padding:22px 0 0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
}

footer.premium-footer .footer-wordmark{
  font-size:29px;
  transition:filter .22s ease,transform .22s ease;
}
footer.premium-footer .footer-wordmark:hover{
  transform:translateY(-2px);
  filter:drop-shadow(0 0 13px rgba(56,189,248,.22));
}
footer.premium-footer .footer-brand-panel > p{
  max-width:320px;
  margin:19px 0 15px;
  color:#8d9bad;
}

.footer-brand-actions{
  width:auto;
  margin-top:25px;
  padding-top:0;
  gap:24px;
  flex-wrap:wrap;
}

.footer-brand-actions a{
  min-height:auto;
  padding:5px 0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
}

.footer-brand-actions a:hover{
  transform:translateY(-2px);
  border-color:transparent;
  background:none;
  box-shadow:none;
}

footer.premium-footer .footer-column{padding-top:24px}

footer.premium-footer .footer-bottom{
  background:rgba(0,0,0,.16);
  border-top-color:rgba(56,189,248,.08);
}

@media(max-width:1100px){
  footer.premium-footer .footer-main{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}
  footer.premium-footer .footer-brand-panel{grid-column:1/-1;min-height:0;padding:12px 0 4px}
}

@media(max-width:700px){
  footer.premium-footer{margin-top:68px;padding-top:48px}
  footer.premium-footer .footer-top-cards{padding-bottom:52px}
  footer.premium-footer .footer-main{gap:34px;padding-bottom:50px}
  footer.premium-footer .footer-brand-panel{min-height:0;padding:8px 8px 12px}
  footer.premium-footer .footer-column{
    padding:0 8px 0 22px;
    border-width:0 0 0 1px;
    border-radius:0;
    background:none;
  }
}

@media(max-width:420px){
  .footer-brand-actions{flex-direction:row;gap:22px}
  .footer-brand-actions a{justify-content:flex-start}
}

/* ===== MINIMAL NEXTBUILD FOOTER ===== */
footer.premium-footer{
  border:0;
  background:#000 !important;
}

footer.premium-footer::before{display:none}

footer.premium-footer .footer-main{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(54px,7vw,110px);
}

footer.premium-footer .footer-brand-panel{display:none !important}

footer.premium-footer .footer-column{
  padding:20px 0 0;
  border-left:0;
}

footer.premium-footer .footer-column h4::after{display:none !important}

footer.premium-footer .footer-column h4{margin-bottom:18px !important}

footer.premium-footer .footer-bottom{
  background:transparent;
  border-top-color:rgba(56,189,248,.065);
}

@media(max-width:1100px){
  footer.premium-footer .footer-main{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:clamp(34px,5vw,64px);
  }
}

@media(max-width:700px){
  footer.premium-footer .footer-main{grid-template-columns:1fr;gap:32px}
  footer.premium-footer .footer-column{padding:0;text-align:center}
  footer.premium-footer .footer-column a:hover{transform:translateY(-1px)}
}

/* ===== CONTACT PAGE — QUIET COMMUNICATION HUB ===== */
.nb-contact-v2 .contact-page{
  width:min(100%,1400px);
  margin:0 auto;
  padding:138px 30px 10px;
}

.nb-contact-v2 .contact-v2-hero{
  position:relative;
  min-height:570px;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);
  align-items:center;
  gap:clamp(45px,7vw,110px);
  overflow:hidden;
}

.nb-contact-v2 .contact-v2-hero::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:650px;
  height:650px;
  right:-190px;
  top:-125px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(34,211,238,.09),rgba(37,99,235,.035) 38%,transparent 68%);
  filter:blur(8px);
}

.nb-contact-v2 .contact-v2-hero-copy{max-width:760px}
.nb-contact-v2 .contact-v2-hero h1{
  max-width:730px;
  margin:23px 0 22px;
  color:#f8fafc;
  font-size:clamp(48px,6.3vw,88px);
  line-height:.98;
  letter-spacing:-.055em;
}
.nb-contact-v2 .contact-v2-hero-copy > p{
  max-width:670px;
  color:#94a3b8;
  font-size:clamp(16px,1.5vw,19px);
  line-height:1.75;
}
.nb-contact-v2 .contact-v2-hero .hero-buttons{margin-top:34px}

.nb-contact-v2 .contact-v2-visual{
  position:relative;
  min-height:410px;
  display:grid;
  place-items:center;
}
.contact-signal-core,
.contact-signal-node{
  display:grid;
  place-items:center;
  border:1px solid rgba(56,189,248,.24);
  color:#3bdbff;
  background:#06111a;
  box-shadow:0 0 35px rgba(34,211,238,.09),inset 0 1px 0 rgba(255,255,255,.035);
}
.contact-signal-core{z-index:3;width:112px;height:112px;border-radius:31px;font-size:38px;transform:rotate(-4deg)}
.contact-signal-core i{transform:rotate(4deg)}
.contact-signal-ring{position:absolute;border:1px solid rgba(56,189,248,.11);border-radius:50%}
.contact-signal-ring::after{content:"";position:absolute;inset:12%;border:1px dashed rgba(56,189,248,.1);border-radius:50%}
.contact-signal-ring.ring-one{width:260px;height:260px;animation:contact-orbit 22s linear infinite}
.contact-signal-ring.ring-two{width:390px;height:390px;animation:contact-orbit 32s linear infinite reverse}
.contact-signal-node{position:absolute;z-index:4;width:54px;height:54px;border-radius:16px;font-size:18px}
.contact-signal-node.node-mail{left:10%;top:23%}
.contact-signal-node.node-panel{right:5%;top:32%}
.contact-signal-node.node-status{left:22%;bottom:12%}
@keyframes contact-orbit{to{transform:rotate(360deg)}}

.nb-contact-v2 .contact-v2-channels,
.nb-contact-v2 .contact-v2-details{
  padding:110px 0;
  border-top:1px solid rgba(56,189,248,.085);
}
.nb-contact-v2 .contact-v2-channels{
  display:grid;
  grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);
  gap:clamp(55px,8vw,125px);
  align-items:start;
}
.contact-v2-heading > span,
.contact-v2-cta > div > span{
  display:block;
  margin-bottom:14px;
  color:#3bdbff;
  font-size:11px;
  font-weight:850;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.contact-v2-heading h2,
.contact-v2-cta h2{margin:0;color:#f8fafc;font-size:clamp(31px,3.5vw,48px);line-height:1.1;letter-spacing:-.035em}
.contact-v2-heading p,.contact-v2-cta p{margin:20px 0 0;color:#8d9bad;line-height:1.75}

.contact-v2-links{display:block;border-top:1px solid rgba(56,189,248,.13)}
.contact-v2-links a{
  min-height:100px;
  padding:20px 4px;
  display:grid;
  grid-template-columns:48px 1fr 24px;
  align-items:center;
  gap:18px;
  border-bottom:1px solid rgba(56,189,248,.13);
  transition:padding .24s ease,border-color .24s ease,background .24s ease;
}
.contact-v2-links a > i:first-child{
  width:45px;
  height:45px;
  display:grid;
  place-items:center;
  border:1px solid rgba(56,189,248,.18);
  border-radius:13px;
  color:#3bdbff !important;
  background:rgba(14,165,233,.065);
  font-size:17px;
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.contact-v2-links a > i:last-child{color:#526273;font-size:12px;transition:color .24s ease,transform .24s ease}
.contact-v2-links span{display:flex;flex-direction:column;gap:6px}
.contact-v2-links strong{color:#eaf4f8;font-size:17px}
.contact-v2-links small{color:#7f8d9d;font-size:13px}
.contact-v2-links a:hover{padding-left:13px;border-color:rgba(56,189,248,.32);background:linear-gradient(90deg,rgba(14,165,233,.055),transparent)}
.contact-v2-links a:hover > i:first-child{transform:translateY(-2px);border-color:rgba(56,189,248,.38);box-shadow:0 0 24px rgba(34,211,238,.1)}
.contact-v2-links a:hover > i:last-child{color:#3bdbff;transform:translateX(4px)}

.nb-contact-v2 .contact-v2-details{
  display:grid;
  grid-template-columns:minmax(270px,.78fr) minmax(0,1.22fr);
  gap:clamp(55px,8vw,125px);
}
.contact-detail-list{display:grid;grid-template-columns:1fr 1fr;gap:0 42px}
.contact-detail-list > div{
  min-height:150px;
  padding:24px 0;
  display:grid;
  grid-template-columns:42px 1fr;
  align-content:start;
  gap:16px;
  border-top:1px solid rgba(56,189,248,.11);
}
.contact-detail-list > div > i{width:40px;height:40px;display:grid;place-items:center;color:#3bdbff;border:1px solid rgba(56,189,248,.15);border-radius:12px;background:rgba(14,165,233,.055)}
.contact-detail-list span{display:flex;flex-direction:column;gap:9px}
.contact-detail-list strong{color:#e8f3f8;font-size:15px}
.contact-detail-list small{color:#8291a1;font-size:13px;line-height:1.65}

.nb-contact-v2 .contact-v2-cta{
  margin:20px 0 30px;
  padding:58px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:45px;
  border-top:1px solid rgba(56,189,248,.11);
  border-bottom:1px solid rgba(56,189,248,.11);
}
.contact-v2-cta > div{max-width:770px}
.contact-v2-cta .btn{flex:0 0 auto}
.nb-contact-v2 > .discord-float{display:none}

@media(max-width:900px){
  .nb-contact-v2 .contact-v2-hero{grid-template-columns:1fr;min-height:auto;padding-bottom:85px}
  .nb-contact-v2 .contact-v2-visual{min-height:330px}
  .contact-signal-ring.ring-two{width:320px;height:320px}
  .nb-contact-v2 .contact-v2-channels,.nb-contact-v2 .contact-v2-details{grid-template-columns:1fr;gap:48px;padding:82px 0}
}

@media(max-width:650px){
  .nb-contact-v2 .contact-page{padding:112px 18px 0}
  .nb-contact-v2 .contact-v2-hero h1{font-size:clamp(43px,14vw,62px)}
  .nb-contact-v2 .contact-v2-visual{min-height:285px}
  .contact-signal-ring.ring-one{width:190px;height:190px}.contact-signal-ring.ring-two{width:275px;height:275px}
  .contact-signal-core{width:88px;height:88px;border-radius:25px;font-size:29px}
  .contact-signal-node{width:46px;height:46px;border-radius:13px;font-size:15px}
  .contact-detail-list{grid-template-columns:1fr}
  .contact-detail-list > div{min-height:0}
  .nb-contact-v2 .contact-v2-cta{padding:48px 0;align-items:flex-start;flex-direction:column}
  .contact-v2-cta .btn{width:100%;justify-content:center}
}

@media(prefers-reduced-motion:reduce){
  .contact-signal-ring{animation:none !important}
}

/* ===== PROJECT-WIDE ICON CONSISTENCY ===== */
body:not([data-app]) :is(main,.hero,.section,.panel,.premium-footer,.company-section) i[class*="fa-"],
body:not([data-app]) :is(.card,.stat,.feature-card,.service-card,.info-card,.contact-channel-card) i[class*="fa-"]{
  color:#3bdbff !important;
  transition:color .22s ease,transform .22s ease,text-shadow .22s ease,border-color .22s ease,background .22s ease;
}

body:not([data-app]) :is(main,.hero,.section,.panel,.premium-footer,.company-section) :is(a,button,.card,article):hover i[class*="fa-"],
body:not([data-app]) :is(.card,.stat,.feature-card,.service-card,.info-card,.contact-channel-card):hover i[class*="fa-"]{
  color:#67e8f9 !important;
  text-shadow:0 0 15px rgba(59,219,255,.28);
}

body:not([data-app]) .btn-primary i[class*="fa-"]{
  color:#031019 !important;
  text-shadow:none !important;
}

.nb-auto-icon{
  width:42px;
  height:42px;
  margin:0 auto 15px;
  display:grid !important;
  place-items:center;
  border:1px solid rgba(56,189,248,.18);
  border-radius:12px;
  color:#3bdbff !important;
  background:rgba(14,165,233,.07);
  font-size:16px !important;
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}

:is(.stat,.home-stat-card,.home-infra-metric):hover > .nb-auto-icon{
  transform:translateY(-2px);
  border-color:rgba(56,189,248,.36);
  background:rgba(14,165,233,.11);
  color:#67e8f9 !important;
  text-shadow:0 0 15px rgba(59,219,255,.28);
}

.home-infra-metric > .nb-auto-icon{
  width:34px;
  height:34px;
  margin:0 0 12px;
  border-radius:10px;
  font-size:13px !important;
}

.updates-timeline strong i,
.nb-updates strong i{margin-right:5px}

@media(max-width:650px){
  .nb-auto-icon{width:38px;height:38px;margin-bottom:12px;font-size:14px !important}
}

/* ===== STABLE PREMIUM COMPANY DROPDOWN ===== */
.company-menu{isolation:isolate}

.company-menu::before{
  content:"";
  position:absolute;
  left:50%;
  top:100%;
  z-index:0;
  width:250px;
  height:18px;
  transform:translateX(-50%);
  pointer-events:none;
}

.company-menu.is-open::before{pointer-events:auto}

.company-trigger{
  position:relative;
  transition:color .24s ease,text-shadow .24s ease;
}

.company-trigger::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:3px;
  height:1px;
  background:linear-gradient(90deg,transparent,#22d3ee,transparent);
  opacity:0;
  transform:scaleX(.35);
  transition:opacity .24s ease,transform .24s ease;
}

.company-menu:is(.is-open,.is-active) .company-trigger{
  color:#67e8f9;
  text-shadow:0 0 16px rgba(34,211,238,.18);
}

.company-menu:is(.is-open,.is-active) .company-trigger::after{
  opacity:.78;
  transform:scaleX(1);
}

.company-options{
  top:calc(100% + 12px);
  width:230px;
  padding:9px;
  border-color:rgba(56,189,248,.2);
  border-radius:17px;
  background:radial-gradient(circle at 85% 0,rgba(14,165,233,.095),transparent 38%),rgba(3,8,15,.975);
  box-shadow:0 26px 70px rgba(0,0,0,.52),0 0 32px rgba(34,211,238,.045),inset 0 1px rgba(255,255,255,.035);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateX(-50%) translateY(-9px) scale(.98);
  transform-origin:50% 0;
  animation:none;
  will-change:opacity,transform;
  transition:opacity .26s ease,transform .28s cubic-bezier(.2,.75,.25,1),visibility 0s linear .28s;
}

.company-options::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-14px;
  height:14px;
}

.company-options.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateX(-50%) translateY(0) scale(1);
  transition-delay:0s;
}

.company-options.is-closing{
  visibility:visible;
  pointer-events:none;
}

.company-options a{
  min-height:49px;
  gap:12px;
  padding:10px 12px;
  border:1px solid transparent;
  border-radius:11px;
  transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease;
}

.company-options a:hover,
.company-options a:focus-visible{
  border-color:rgba(56,189,248,.14);
  background:linear-gradient(90deg,rgba(14,165,233,.11),rgba(37,99,235,.045));
}

.company-options a.is-current{
  border-color:rgba(56,189,248,.2);
  color:#67e8f9 !important;
  background:rgba(14,165,233,.085);
}

.company-options a.is-current i{
  border-color:rgba(56,189,248,.34);
  background:rgba(14,165,233,.12);
  box-shadow:0 0 16px rgba(34,211,238,.08);
}

@media(max-width:600px){
  .company-trigger::after{bottom:0}
  .company-options{
    top:calc(100% + 9px);
    transform:translateY(-8px) scale(.98);
    transform-origin:0 0;
  }
  .company-options.is-open{transform:translateY(0) scale(1)}
}

@media(prefers-reduced-motion:reduce){
  .company-options,.company-trigger,.company-trigger::after{transition-duration:.01ms !important}
}

/* ===== NEXTBUILD HOME — PREMIUM REFINEMENT ===== */
.nb-home main{
  background:
    radial-gradient(circle at 6% 7%,rgba(34,211,238,.035),transparent 25rem),
    radial-gradient(circle at 94% 26%,rgba(59,130,246,.035),transparent 30rem);
}

.nb-home .home-hero{
  min-height:min(940px,calc(100vh - 72px));
  padding-top:clamp(112px,10vh,150px);
  padding-bottom:118px;
  align-items:center;
  gap:clamp(72px,7vw,112px);
}

.nb-home .home-hero::before{
  left:-15%;
  width:720px;
  height:720px;
  opacity:.82;
  filter:blur(18px);
}

.nb-home .home-hero::after{
  right:-13%;
  width:680px;
  height:680px;
  opacity:.78;
  filter:blur(22px);
}

.nb-home .home-hero-copy::before{
  content:"";
  position:absolute;
  left:-31px;
  top:5px;
  width:1px;
  height:clamp(180px,31vh,310px);
  background:linear-gradient(180deg,transparent,rgba(34,211,238,.52),rgba(59,130,246,.13),transparent);
}

.nb-home .home-hero-copy{animation:home-premium-enter .72s cubic-bezier(.2,.72,.25,1) both}

.nb-home .badge{
  margin-bottom:31px;
  padding:10px 17px;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(8,47,73,.6),rgba(7,18,31,.7));
  box-shadow:inset 0 1px rgba(255,255,255,.055),0 16px 38px rgba(0,0,0,.25),0 0 28px rgba(34,211,238,.045);
}

.nb-home .badge i{filter:drop-shadow(0 0 8px rgba(59,219,255,.24))}

.nb-home .home-hero h1{
  font-size:clamp(62px,6.25vw,90px);
  text-wrap:balance;
  text-shadow:0 18px 55px rgba(0,0,0,.28);
}

.nb-home .home-hero p{margin-top:34px;max-width:650px}
.nb-home .hero-buttons{margin-top:39px;gap:15px}

.nb-home .btn{overflow:hidden;position:relative;padding-inline:29px}
.nb-home .btn i{font-size:12px;transition:transform .22s ease}
.nb-home .btn:hover i{transform:translateX(3px)}
.nb-home .home-hero .btn-primary:hover i{transform:translateY(3px)}

.nb-home .home-stats-panel{
  border-color:rgba(56,189,248,.22);
  border-radius:30px;
  background:radial-gradient(circle at 86% 3%,rgba(14,165,233,.14),transparent 38%),linear-gradient(145deg,rgba(8,17,31,.96),rgba(2,6,13,.995));
  box-shadow:0 42px 110px rgba(0,0,0,.48),0 0 55px rgba(34,211,238,.035),inset 0 1px rgba(255,255,255,.045);
  animation:home-premium-panel-enter .82s .08s cubic-bezier(.2,.72,.25,1) both;
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;
}

.nb-home .home-stats-panel:hover{
  transform:translateY(-5px);
  border-color:rgba(56,189,248,.31);
  box-shadow:0 50px 125px rgba(0,0,0,.52),0 0 58px rgba(34,211,238,.055),inset 0 1px rgba(255,255,255,.05);
}

.nb-home .home-panel-header{padding:35px 35px 27px}
.nb-home .home-panel-header h2{font-size:46px !important}
.nb-home .home-panel-header p{letter-spacing:.035em}

.nb-home .home-stat-grid{gap:15px;padding:0 35px 35px}
.nb-home .home-stat-card{
  min-height:184px;
  padding:25px 19px;
  border-color:rgba(56,189,248,.12);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(15,29,47,.68),rgba(7,14,25,.72));
  box-shadow:inset 0 1px rgba(255,255,255,.025);
  transition:transform .28s cubic-bezier(.2,.72,.25,1),border-color .28s ease,background .28s ease,box-shadow .28s ease;
}

.nb-home .home-stat-card:hover{
  transform:translateY(-7px);
  border-color:rgba(56,189,248,.37);
  background:linear-gradient(145deg,rgba(10,36,57,.86),rgba(5,13,24,.94));
  box-shadow:0 22px 48px rgba(0,0,0,.28),0 0 26px rgba(34,211,238,.045),inset 0 1px rgba(255,255,255,.035);
}

.nb-home .home-stat-card .nb-auto-icon{
  width:40px;
  height:40px;
  margin-bottom:16px;
  border-radius:12px;
}

.nb-home .home-stat-card h3{margin-bottom:9px;font-size:clamp(35px,3vw,47px);letter-spacing:-.04em}
.nb-home .home-stat-card p{font-size:13px;letter-spacing:.015em}

.nb-home .section{padding-top:118px;padding-bottom:118px}
.nb-home .section-title{margin-bottom:64px}
.nb-home .section-title h2{text-wrap:balance}
.nb-home .section-title p{margin-top:20px}

.nb-home .home-services .cards,
.nb-home .home-benefit-grid,
.nb-home .home-quote-grid{gap:25px}

.nb-home .home-services .card{
  position:relative;
  overflow:hidden;
  min-height:365px;
  padding:35px;
  border-radius:24px;
  transition:transform .3s cubic-bezier(.2,.72,.25,1),border-color .3s ease,background .3s ease,box-shadow .3s ease;
}

.nb-home .home-services .card::before,
.nb-home .home-benefit-card::before,
.nb-home .home-quote-card::before{
  content:"";
  position:absolute;
  left:16%;
  right:16%;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(103,232,249,.46),transparent);
  opacity:0;
  transform:scaleX(.35);
  transition:opacity .3s ease,transform .3s ease;
}

.nb-home :is(.home-services .card,.home-benefit-card,.home-quote-card):hover::before{opacity:1;transform:scaleX(1)}

.nb-home .home-services .card:hover{transform:translateY(-9px)}
.nb-home .home-services .card > i,
.nb-home .home-benefit-card > i{
  width:56px;
  height:56px;
  margin-bottom:25px;
  border-radius:16px;
  font-size:22px !important;
  box-shadow:inset 0 1px rgba(255,255,255,.03);
  transition:transform .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease;
}

.nb-home :is(.home-services .card,.home-benefit-card):hover > i{
  transform:translateY(-3px) scale(1.035);
  border-color:rgba(56,189,248,.38);
  background:rgba(14,165,233,.12);
  box-shadow:0 12px 30px rgba(34,211,238,.08);
}

.nb-home .home-services .card h3{font-size:24px}
.nb-home .home-services .card p{line-height:1.74}
.nb-home .home-services .buy-btn{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:auto;
  padding-inline:19px;
  font-weight:750;
}
.nb-home .home-services .buy-btn i{font-size:11px;transition:transform .22s ease}
.nb-home .home-services .buy-btn:hover i{transform:translateX(4px)}

.nb-home .home-benefits::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:10% -20% 0;
  background:radial-gradient(circle at 50% 45%,rgba(14,165,233,.035),transparent 48%);
  pointer-events:none;
}

.nb-home .home-benefit-card{
  position:relative;
  overflow:hidden;
  min-height:330px;
  padding:36px;
  border-color:rgba(56,189,248,.11);
  border-radius:24px;
  background:radial-gradient(circle at 100% 0,rgba(14,165,233,.055),transparent 35%),linear-gradient(155deg,rgba(8,20,34,.84),rgba(3,7,15,.97));
  box-shadow:inset 0 1px rgba(255,255,255,.022),0 20px 52px rgba(0,0,0,.14);
  transition:transform .3s cubic-bezier(.2,.72,.25,1),border-color .3s ease,box-shadow .3s ease;
}
.nb-home .home-benefit-card:hover{transform:translateY(-8px);box-shadow:0 30px 72px rgba(0,0,0,.31),0 0 30px rgba(34,211,238,.045)}
.nb-home .home-benefit-card > div{margin:3px 0 17px}
.nb-home .home-benefit-card > div span{padding-top:4px;color:#67e8f9}
.nb-home .home-benefit-card h3{font-size:23px}

.nb-home .home-infrastructure{gap:clamp(75px,8vw,125px)}
.nb-home .home-infra-points{gap:15px;margin:34px 0 36px}
.nb-home .home-infra-points > div{
  padding:17px 18px;
  border-radius:16px;
  transition:transform .24s ease,border-color .24s ease,background .24s ease;
}
.nb-home .home-infra-points > div:hover{transform:translateX(5px);border-color:rgba(56,189,248,.26);background:rgba(8,24,40,.74)}

.nb-home .home-infra-visual{
  padding:34px;
  border-radius:29px;
  border-color:rgba(56,189,248,.21);
  background:radial-gradient(circle at 90% 0,rgba(14,165,233,.14),transparent 38%),linear-gradient(145deg,rgba(8,18,32,.97),rgba(2,6,13,.995));
  box-shadow:0 38px 100px rgba(0,0,0,.41),0 0 50px rgba(34,211,238,.035),inset 0 1px rgba(255,255,255,.04);
}
.nb-home .home-infra-visual::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.22;
  background-image:linear-gradient(rgba(56,189,248,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.04) 1px,transparent 1px);
  background-size:32px 32px;
  mask-image:linear-gradient(to bottom,black,transparent 76%);
  pointer-events:none;
}
.nb-home .home-infra-visual > *{position:relative;z-index:1}
.nb-home .home-infra-status{margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid rgba(56,189,248,.095)}
.nb-home .home-infra-status strong{padding:6px 11px;background:rgba(14,165,233,.07)}
.nb-home .home-infra-metric{
  border-radius:18px;
  background:linear-gradient(145deg,rgba(15,29,47,.68),rgba(7,14,25,.74));
  transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease;
}
.nb-home .home-infra-metric:hover{transform:translateY(-4px);border-color:rgba(56,189,248,.3);background:linear-gradient(145deg,rgba(10,35,55,.82),rgba(5,13,24,.9));box-shadow:0 18px 42px rgba(0,0,0,.22)}
.nb-home .home-infra-metric-large{padding:27px}
.nb-home .home-infra-metric-grid{gap:15px}

.nb-home .home-testimonials{padding-bottom:138px}
.nb-home .home-quote-card{
  position:relative;
  overflow:hidden;
  min-height:335px;
  padding:35px;
  border-radius:24px;
  background:radial-gradient(circle at 100% 0,rgba(14,165,233,.045),transparent 33%),linear-gradient(150deg,rgba(8,17,31,.86),rgba(3,7,15,.98));
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 22px 58px rgba(0,0,0,.18);
  transition:transform .3s cubic-bezier(.2,.72,.25,1),border-color .3s ease,box-shadow .3s ease;
}
.nb-home .home-quote-card:hover{transform:translateY(-8px);box-shadow:0 32px 78px rgba(0,0,0,.33),0 0 28px rgba(34,211,238,.04)}
.nb-home .home-quote-featured{transform:translateY(-12px);border-color:rgba(56,189,248,.29);box-shadow:0 30px 78px rgba(0,0,0,.29),0 0 35px rgba(34,211,238,.045)}
.nb-home .home-quote-featured:hover{transform:translateY(-19px)}
.nb-home .home-quote-mark{height:42px;font-size:66px;opacity:.92}
.nb-home .home-quote-card blockquote{margin-top:20px;font-size:16px;line-height:1.78}
.nb-home .home-quote-card figcaption{padding-top:20px;border-top:1px solid rgba(56,189,248,.085)}

.nb-home .home-cta{
  max-width:1180px;
  margin-bottom:125px;
  padding:80px 42px;
  border-radius:30px;
  border-color:rgba(56,189,248,.23);
  background:radial-gradient(circle at 14% 0,rgba(14,165,233,.19),transparent 38%),radial-gradient(circle at 90% 100%,rgba(59,130,246,.09),transparent 34%),linear-gradient(135deg,rgba(8,29,48,.96),rgba(3,8,17,.995));
  box-shadow:0 42px 110px rgba(0,0,0,.43),0 0 58px rgba(34,211,238,.045),inset 0 1px rgba(255,255,255,.045);
}
.nb-home .home-cta::before,.nb-home .home-cta::after{content:"";position:absolute;border:1px solid rgba(56,189,248,.08);border-radius:50%;pointer-events:none}
.nb-home .home-cta::before{width:320px;height:320px;left:-190px;top:-200px}
.nb-home .home-cta::after{width:240px;height:240px;right:-145px;bottom:-160px}
.nb-home .home-cta > *{position:relative;z-index:1}
.nb-home .home-cta h2{text-wrap:balance}
.nb-home .home-cta p{margin:21px auto 32px}
.nb-home .home-cta-actions{gap:15px}

@keyframes home-premium-enter{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes home-premium-panel-enter{
  from{opacity:0;transform:translateY(24px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

@media(max-width:1080px){
  .nb-home .home-hero{padding-top:100px;padding-bottom:92px}
  .nb-home .home-hero-copy::before{left:-20px}
  .nb-home .section{padding-top:98px;padding-bottom:98px}
  .nb-home .home-quote-featured{transform:none}
  .nb-home .home-quote-featured:hover{transform:translateY(-8px)}
}

@media(max-width:700px){
  .nb-home .home-hero{padding-top:76px;padding-bottom:68px}
  .nb-home .home-hero-copy::before{display:none}
  .nb-home .home-hero h1{font-size:clamp(48px,14vw,68px)}
  .nb-home .home-hero p{margin-top:27px}
  .nb-home .hero-buttons{margin-top:31px}
  .nb-home .home-stats-panel{border-radius:24px}
  .nb-home .home-panel-header{padding:27px 24px 21px}
  .nb-home .home-stat-grid{padding:0 24px 24px}
  .nb-home .home-stat-card{min-height:158px}
  .nb-home .section{padding-top:78px;padding-bottom:78px}
  .nb-home .section-title{margin-bottom:45px}
  .nb-home .home-services .card{min-height:325px;padding:29px}
  .nb-home .home-benefit-card{min-height:0;padding:29px}
  .nb-home .home-infra-visual{padding:24px;border-radius:23px}
  .nb-home .home-quote-card{min-height:0;padding:29px}
  .nb-home .home-testimonials{padding-bottom:92px}
  .nb-home .home-cta{padding:58px 25px;margin-bottom:88px;border-radius:24px}
}

@media(prefers-reduced-motion:reduce){
  .nb-home .home-hero-copy,.nb-home .home-stats-panel{animation:none !important}
}

/* ===== CANONICAL NEXTBUILD BUTTON SYSTEM ===== */
.btn{
  min-height:50px;
  padding:14px 26px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  overflow:hidden;
  position:relative;
  border:1px solid transparent;
  border-radius:14px;
  font-family:inherit;
  font-size:15px;
  font-weight:800;
  line-height:1;
  letter-spacing:.01em;
  cursor:pointer;
  text-decoration:none;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background .28s ease,color .28s ease;
}

.btn-primary{
  border-color:transparent;
  color:#031019;
  background:linear-gradient(135deg,#22d3ee,#06b6d4);
  box-shadow:0 13px 32px rgba(6,182,212,.18);
}

.btn-secondary{
  border-color:rgba(56,189,248,.24);
  color:#e8f8fc;
  background:rgba(6,17,27,.82);
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}

.btn:hover{
  transform:translateY(-3px);
}

.btn-primary:hover{
  color:#031019;
  background:linear-gradient(135deg,#67e8f9,#22d3ee);
  box-shadow:0 18px 40px rgba(34,211,238,.22);
}

.btn-secondary:hover{
  border-color:rgba(56,189,248,.52);
  color:#fff;
  background:rgba(14,116,144,.13);
  box-shadow:0 16px 35px rgba(0,0,0,.22),0 0 22px rgba(34,211,238,.07);
}

.btn:active{
  transform:translateY(-1px) scale(.985);
  transition-duration:.08s;
}

.btn i{
  flex:0 0 auto;
  font-size:12px;
  transition:transform .22s ease;
}

.btn:hover i{transform:translateX(3px)}

.nb-home .btn{
  min-height:50px;
  padding:14px 26px;
  border-radius:14px;
  font-size:15px;
  font-weight:800;
}

.nb-home .btn-primary{
  background:linear-gradient(135deg,#22d3ee,#06b6d4);
  box-shadow:0 13px 32px rgba(6,182,212,.18);
}

.nb-home .btn-secondary{
  border-color:rgba(56,189,248,.24);
  background:rgba(6,17,27,.82);
}

.nb-home .btn:hover{transform:translateY(-3px)}
.nb-home .btn:active{transform:translateY(-1px) scale(.985)}
.nb-home .home-hero .btn-primary:hover i{transform:translateX(3px)}

.nb-home .btn-primary:hover{
  color:#031019;
  background:linear-gradient(135deg,#67e8f9,#22d3ee);
  box-shadow:0 18px 40px rgba(34,211,238,.22);
}

.nb-home .btn-secondary:hover{
  border-color:rgba(56,189,248,.52);
  color:#fff;
  background:rgba(14,116,144,.13);
  box-shadow:0 16px 35px rgba(0,0,0,.22),0 0 22px rgba(34,211,238,.07);
}

.nb-home .home-services .buy-btn.btn{
  width:100%;
  min-height:50px;
  margin-top:auto;
  padding:14px 26px;
  justify-content:center;
  gap:9px;
  border-radius:14px;
  font-size:15px;
  font-weight:800;
}

.nb-home .home-services .buy-btn.btn:hover{
  transform:translateY(-3px);
  border-color:rgba(56,189,248,.52);
  background:rgba(14,116,144,.13);
  box-shadow:0 16px 35px rgba(0,0,0,.22),0 0 22px rgba(34,211,238,.07);
}

.nb-home .home-services .buy-btn.btn:active{transform:translateY(-1px) scale(.985)}

@media(max-width:700px){
  .btn{width:100%}
  .nb-home .home-link-button{width:100%}
}

/* ===== NEXTBUILD PREMIUM AUTH EXPERIENCE ===== */
.nb-auth{
  background:radial-gradient(circle at 12% 8%,rgba(14,165,233,.07),transparent 29rem),radial-gradient(circle at 88% 24%,rgba(59,130,246,.045),transparent 34rem),#000;
}

.nb-auth .auth-shell{
  width:min(100%,1400px);
  max-width:none;
  margin:0 auto;
  padding:145px 42px 30px;
}

.nb-auth .auth-hero{
  position:relative;
  min-height:390px;
  padding:clamp(42px,5vw,70px);
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);
  align-items:center;
  gap:clamp(40px,7vw,105px);
  overflow:hidden;
  border:1px solid rgba(56,189,248,.19);
  border-radius:28px;
  background:radial-gradient(circle at 90% 0,rgba(14,165,233,.13),transparent 39%),linear-gradient(145deg,rgba(8,17,31,.94),rgba(2,6,13,.99));
  box-shadow:0 36px 100px rgba(0,0,0,.42),0 0 50px rgba(34,211,238,.035),inset 0 1px rgba(255,255,255,.04);
}

.nb-auth .auth-hero::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.26;
  background-image:linear-gradient(rgba(56,189,248,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.04) 1px,transparent 1px);
  background-size:36px 36px;
  mask-image:linear-gradient(90deg,black,transparent 88%);
  pointer-events:none;
}

.nb-auth .auth-hero-copy{position:relative;z-index:1;max-width:830px;animation:auth-enter .7s cubic-bezier(.2,.72,.25,1) both}
.nb-auth .auth-hero .badge{margin-bottom:22px;border-color:rgba(56,189,248,.27);background:rgba(7,28,44,.76);box-shadow:inset 0 1px rgba(255,255,255,.035),0 13px 34px rgba(0,0,0,.21)}
.nb-auth .auth-hero h1{max-width:850px;margin:0;color:#f8fafc;font-size:clamp(46px,5.6vw,76px);line-height:1.02;letter-spacing:-.052em;text-wrap:balance}
.nb-auth .auth-hero p{max-width:780px;margin:25px 0 0;color:#a2afbf;font-size:17px;line-height:1.75}

.nb-auth .auth-hero-visual{position:relative;z-index:1;min-height:245px;display:grid;place-items:center;animation:auth-panel-enter .82s .07s cubic-bezier(.2,.72,.25,1) both}
.nb-auth .auth-hero-visual::before,.nb-auth .auth-hero-visual::after{content:"";position:absolute;border:1px solid rgba(56,189,248,.12);border-radius:50%}
.nb-auth .auth-hero-visual::before{width:230px;height:230px}
.nb-auth .auth-hero-visual::after{width:164px;height:164px;border-style:dashed}
.nb-auth .auth-hero-visual > span{z-index:2;width:92px;height:92px;display:grid;place-items:center;border:1px solid rgba(56,189,248,.3);border-radius:27px;color:#3bdbff;background:#06131e;font-size:31px;box-shadow:0 0 42px rgba(34,211,238,.11),inset 0 1px rgba(255,255,255,.035)}
.nb-auth .auth-hero-visual > i{position:absolute;z-index:3;width:43px;height:43px;display:grid;place-items:center;border:1px solid rgba(56,189,248,.18);border-radius:13px;color:#3bdbff;background:#06111a;font-size:15px;box-shadow:0 12px 30px rgba(0,0,0,.25)}
.nb-auth .auth-hero-visual > i:nth-of-type(1){left:10%;top:18%}.nb-auth .auth-hero-visual > i:nth-of-type(2){right:5%;top:36%}.nb-auth .auth-hero-visual > i:nth-of-type(3){left:20%;bottom:8%}

.nb-auth .auth-grid{
  margin-top:28px;
  grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);
  gap:24px;
  align-items:stretch;
}

.nb-auth .auth-card,.nb-auth .auth-side{
  position:relative;
  overflow:hidden;
  padding:clamp(28px,3.4vw,43px);
  border:1px solid rgba(56,189,248,.13);
  border-radius:24px;
  background:radial-gradient(circle at 100% 0,rgba(14,165,233,.055),transparent 34%),linear-gradient(145deg,rgba(8,17,31,.88),rgba(3,7,15,.98));
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 24px 65px rgba(0,0,0,.23);
}

.nb-auth .auth-card::before,.nb-auth .auth-side::before{
  content:"";
  position:absolute;
  left:15%;right:15%;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(103,232,249,.42),transparent);
}

.nb-auth .auth-card h2,.nb-auth .auth-side h2{margin:0 0 11px;color:#f8fafc;font-size:clamp(27px,3vw,36px);letter-spacing:-.035em}
.nb-auth .auth-card > p,.nb-auth .auth-side > p{margin-bottom:28px !important;color:#94a3b8 !important;line-height:1.65}
.nb-auth .auth-card form{margin-top:28px}
.nb-auth .form-row{gap:16px}
.nb-auth .form-group{margin-bottom:18px}
.nb-auth .form-group label{margin-bottom:9px;color:#cbd5e1;font-size:13px;font-weight:750}
.nb-auth .input-wrap i{left:15px;color:#3bdbff;font-size:14px;transition:color .22s ease,text-shadow .22s ease}
.nb-auth .form-group :is(input,select){min-height:52px;padding:13px 15px 13px 44px;border:1px solid rgba(56,189,248,.15);border-radius:14px;color:#f8fafc;background:rgba(3,9,16,.78);font-size:14px;box-shadow:inset 0 1px rgba(255,255,255,.018);transition:border-color .24s ease,background .24s ease,box-shadow .24s ease}
.nb-auth .form-group select{padding-left:15px}
.nb-auth .form-group :is(input,select):hover{border-color:rgba(56,189,248,.27);background:rgba(6,17,27,.9)}
.nb-auth .form-group :is(input,select):focus{border-color:rgba(56,189,248,.55);background:#06111b;box-shadow:0 0 0 4px rgba(34,211,238,.065),0 12px 30px rgba(0,0,0,.17)}
.nb-auth .input-wrap:focus-within i{color:#67e8f9;text-shadow:0 0 12px rgba(59,219,255,.3)}
.nb-auth .row-between{margin:13px 0 23px}
.nb-auth .inline-check{color:#9eacbd;line-height:1.55}
.nb-auth .inline-check a,.nb-auth .row-between a,.nb-auth .auth-note a{color:#67e8f9;transition:color .2s ease,text-shadow .2s ease}
.nb-auth :is(.inline-check a,.row-between a,.auth-note a):hover{color:#fff;text-shadow:0 0 14px rgba(34,211,238,.2)}
.nb-auth .auth-btn{min-height:54px;margin-top:3px}
.nb-auth .auth-note{margin-top:21px;padding-top:19px;border-top:1px solid rgba(56,189,248,.08)}
.nb-auth .auth-alert{margin-top:17px;padding:13px 15px;border-color:rgba(56,189,248,.2);border-radius:12px;background:rgba(14,116,144,.11)}

.nb-auth .auth-side{display:flex;flex-direction:column}
.nb-auth .auth-side ul{display:grid;gap:4px;margin:20px 0 27px}
.nb-auth .auth-side li{min-height:52px;margin:0;padding:10px 0;border-bottom:1px solid rgba(56,189,248,.075);color:#b8c5d3;line-height:1.45}
.nb-auth .auth-side li i{width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border:1px solid rgba(56,189,248,.16);border-radius:11px;color:#3bdbff !important;background:rgba(14,165,233,.06)}
.nb-auth .auth-side > .btn{width:100%;margin-top:auto !important}

.nb-auth .progress-wrap{margin:5px 0 19px}
.nb-auth .progress-label{margin-bottom:9px;color:#94a3b8;font-weight:700}
.nb-auth .progress-bar{height:7px;border:1px solid rgba(56,189,248,.1);background:#081722}
.nb-auth .progress-fill{background:linear-gradient(90deg,#22d3ee,#3b82f6);box-shadow:0 0 13px rgba(34,211,238,.22);transition:width .28s ease}

.nb-auth .auth-benefits{padding:115px 0 85px}
.nb-auth .auth-section-heading{max-width:830px;margin:0 auto 55px;text-align:center}
.nb-auth .auth-section-heading > span{display:block;margin-bottom:15px;color:#67e8f9;font-size:11px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
.nb-auth .auth-section-heading h2{margin:0;color:#f8fafc;font-size:clamp(38px,5vw,62px);line-height:1.07;letter-spacing:-.045em;text-wrap:balance}
.nb-auth .auth-section-heading p{max-width:650px;margin:19px auto 0;color:#94a3b8;font-size:17px;line-height:1.7}
.nb-auth .auth-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(56,189,248,.1);border-left:1px solid rgba(56,189,248,.1)}
.nb-auth .auth-benefit-grid > div{min-height:142px;padding:24px;display:grid;grid-template-columns:44px 1fr;align-content:center;gap:15px;border-right:1px solid rgba(56,189,248,.1);border-bottom:1px solid rgba(56,189,248,.1);background:rgba(5,13,22,.34);transition:background .24s ease,transform .24s ease,box-shadow .24s ease}
.nb-auth .auth-benefit-grid > div:hover{z-index:1;transform:translateY(-3px);background:rgba(8,27,43,.7);box-shadow:0 20px 48px rgba(0,0,0,.22)}
.nb-auth .auth-benefit-grid > div > i{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(56,189,248,.17);border-radius:12px;color:#3bdbff;background:rgba(14,165,233,.06)}
.nb-auth .auth-benefit-grid span{display:flex;flex-direction:column;gap:7px}.nb-auth .auth-benefit-grid strong{color:#e9f4f8;font-size:14px}.nb-auth .auth-benefit-grid small{color:#8291a2;font-size:12px;line-height:1.55}

.nb-auth .auth-trust{padding:26px 30px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;border-top:1px solid rgba(56,189,248,.1);border-bottom:1px solid rgba(56,189,248,.1)}
.nb-auth .auth-trust span{display:flex;align-items:center;justify-content:center;gap:10px;color:#95a4b5;font-size:12px;font-weight:700;text-align:center}.nb-auth .auth-trust i{color:#3bdbff}

.nb-auth .auth-cta{max-width:980px;margin:100px auto 45px;padding:65px 35px;text-align:center;border:1px solid rgba(56,189,248,.18);border-radius:27px;background:radial-gradient(circle at 15% 0,rgba(14,165,233,.14),transparent 38%),linear-gradient(145deg,rgba(8,25,42,.92),rgba(3,7,15,.99));box-shadow:0 30px 85px rgba(0,0,0,.33),inset 0 1px rgba(255,255,255,.035)}
.nb-auth .auth-cta h2{margin:0;font-size:clamp(36px,4.5vw,54px);letter-spacing:-.04em}.nb-auth .auth-cta p{margin:18px auto 29px;color:#98a6b6;font-size:17px}.nb-auth .auth-cta .btn{min-width:190px}

@keyframes auth-enter{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:translateY(0)}}
@keyframes auth-panel-enter{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}

@media(max-width:980px){
  .nb-auth .auth-shell{padding:125px 28px 25px}
  .nb-auth .auth-hero{grid-template-columns:1fr;min-height:0}
  .nb-auth .auth-hero-visual{min-height:220px}
  .nb-auth .auth-grid{grid-template-columns:1fr}
  .nb-auth .auth-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nb-auth .auth-trust{grid-template-columns:1fr 1fr}
}

@media(max-width:620px){
  .nb-auth .auth-shell{padding:105px 16px 15px}
  .nb-auth .auth-hero{padding:31px 23px;border-radius:22px}
  .nb-auth .auth-hero h1{font-size:clamp(39px,12vw,54px)}
  .nb-auth .auth-hero p{font-size:15px}
  .nb-auth .auth-hero-visual{min-height:190px}.nb-auth .auth-hero-visual::before{width:190px;height:190px}.nb-auth .auth-hero-visual::after{width:135px;height:135px}
  .nb-auth .auth-card,.nb-auth .auth-side{padding:25px 21px;border-radius:20px}
  .nb-auth .form-row{grid-template-columns:1fr}
  .nb-auth .auth-benefits{padding:85px 0 65px}
  .nb-auth .auth-section-heading{margin-bottom:38px}
  .nb-auth .auth-benefit-grid{grid-template-columns:1fr}
  .nb-auth .auth-benefit-grid > div{min-height:125px;padding:21px}
  .nb-auth .auth-trust{padding:24px 12px;grid-template-columns:1fr;gap:17px}
  .nb-auth .auth-cta{margin-top:75px;padding:50px 23px;border-radius:22px}
}

@media(prefers-reduced-motion:reduce){
  .nb-auth .auth-hero-copy,.nb-auth .auth-hero-visual{animation:none !important}
}

/* ===== TEAM, CAREER & JOB DETAIL REFINEMENT ===== */
.nb-team-page,.nb-career-page,.nb-job-page{background:radial-gradient(circle at 12% 8%,rgba(14,165,233,.06),transparent 31rem),radial-gradient(circle at 90% 25%,rgba(59,130,246,.04),transparent 34rem),#000}
.nb-company-page .company-hero{border-radius:28px;border-color:rgba(56,189,248,.17);background:radial-gradient(circle at 90% 0,rgba(14,165,233,.1),transparent 38%),linear-gradient(145deg,rgba(8,17,31,.91),rgba(2,6,13,.99));box-shadow:0 38px 105px rgba(0,0,0,.39),inset 0 1px rgba(255,255,255,.035)}
.nb-company-page .company-hero-copy h1{text-wrap:balance}
.nb-company-page .company-hero-panel,.nb-company-page .career-highlight-grid{position:relative;z-index:1}

.nb-team-page .team-grid{grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:26px}
.nb-team-page .team-card{min-height:410px;padding:42px;grid-template-columns:170px 1fr;gap:36px;border-radius:25px;background:radial-gradient(circle at 90% 0,rgba(14,165,233,.07),transparent 35%),linear-gradient(145deg,rgba(8,17,31,.9),rgba(3,7,15,.98));box-shadow:0 28px 78px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.03)}
.nb-team-page .team-avatar{width:150px;height:150px;border-radius:35px;font-size:37px;box-shadow:0 22px 55px rgba(0,0,0,.28),0 0 35px rgba(34,211,238,.08)}
.nb-team-page .team-card-content h3{font-size:clamp(32px,4vw,48px);letter-spacing:-.04em}
.nb-team-page .team-role{margin-bottom:12px}
.nb-team-page .team-description{max-width:620px;font-size:16px;line-height:1.78}
.nb-team-page .team-contact{margin-top:30px;padding-top:23px;border-top:1px solid rgba(56,189,248,.09)}
.nb-team-page .team-growth-card{min-height:410px;padding:36px;border-radius:25px;background:linear-gradient(155deg,rgba(8,26,43,.85),rgba(3,7,15,.98));box-shadow:0 28px 75px rgba(0,0,0,.23)}
.nb-team-page .company-info-card{min-height:270px;padding:34px;border-radius:23px}

.nb-career-page .career-highlight-grid{gap:13px}.nb-career-page .career-highlight-grid > div{min-height:145px;border-radius:18px;background:rgba(7,18,30,.7);transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease}.nb-career-page .career-highlight-grid > div:hover{transform:translateY(-5px);border-color:rgba(56,189,248,.3);background:rgba(9,29,47,.82);box-shadow:0 20px 48px rgba(0,0,0,.24)}
.nb-career-page .jobs-grid{gap:26px}
.nb-career-page .job-overview-card{min-height:465px;padding:38px;display:flex;flex-direction:column;border-radius:25px;background:radial-gradient(circle at 100% 0,rgba(14,165,233,.07),transparent 34%),linear-gradient(145deg,rgba(8,17,31,.9),rgba(3,7,15,.98));box-shadow:0 27px 72px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.03)}
.nb-career-page .job-overview-card:hover{transform:translateY(-8px);box-shadow:0 36px 90px rgba(0,0,0,.36),0 0 32px rgba(34,211,238,.045)}
.nb-career-page .job-overview-card .job-card-header{margin:0}.nb-career-page .job-overview-card .job-card-header h3{font-size:clamp(35px,4vw,48px)}.nb-career-page .job-overview-card .job-card-header p{max-width:520px;margin-top:17px;font-size:15px;line-height:1.75}
.nb-career-page .job-facts{margin:32px 0 27px;padding:19px 0;display:flex;flex-wrap:wrap;gap:12px;border-top:1px solid rgba(56,189,248,.09);border-bottom:1px solid rgba(56,189,248,.09)}
.nb-career-page .job-facts span{padding:8px 11px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(56,189,248,.13);border-radius:10px;color:#9aabba;background:rgba(14,165,233,.045);font-size:11px;font-weight:750}.nb-career-page .job-facts i{color:#3bdbff}
.nb-career-page .job-overview-card .job-apply{width:100%;margin-top:auto}

.nb-job-page main{width:min(100%,1400px);padding:145px 42px 30px}
.nb-job-page .job-detail-hero{position:relative;min-height:510px;padding:clamp(43px,5.5vw,75px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:center;gap:70px;overflow:hidden;border:1px solid rgba(56,189,248,.18);border-radius:29px;background:radial-gradient(circle at 88% 0,rgba(14,165,233,.14),transparent 38%),linear-gradient(145deg,rgba(8,17,31,.94),rgba(2,6,13,.995));box-shadow:0 42px 110px rgba(0,0,0,.43),inset 0 1px rgba(255,255,255,.04)}
.nb-job-page .job-detail-hero::before{content:"";position:absolute;inset:0;opacity:.24;background-image:linear-gradient(rgba(56,189,248,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.04) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(90deg,black,transparent 90%);pointer-events:none}
.nb-job-page .job-detail-copy{position:relative;z-index:1}.nb-job-page .job-back-link{display:inline-flex;align-items:center;gap:9px;margin-bottom:27px;color:#91a2b3;font-size:12px;font-weight:750;transition:color .22s ease,transform .22s ease}.nb-job-page .job-back-link:hover{color:#67e8f9;transform:translateX(-3px)}
.nb-job-page .job-detail-copy .badge{margin-bottom:22px}.nb-job-page .job-detail-copy h1{max-width:830px;margin:0;color:#f8fafc;font-size:clamp(54px,7vw,92px);line-height:.98;letter-spacing:-.055em;text-wrap:balance}.nb-job-page .job-detail-copy > p{max-width:760px;margin-top:27px;color:#9facbc;font-size:17px;line-height:1.75}
.nb-job-page .job-meta{margin-top:31px;display:flex;flex-wrap:wrap;gap:11px}.nb-job-page .job-meta span{padding:10px 13px;display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(56,189,248,.15);border-radius:11px;color:#a6b5c5;background:rgba(14,165,233,.05);font-size:12px;font-weight:750}.nb-job-page .job-meta i{color:#3bdbff}
.nb-job-page .job-detail-symbol{position:relative;z-index:1;min-height:300px;display:grid;place-items:center}.nb-job-page .job-detail-symbol::before,.nb-job-page .job-detail-symbol::after{content:"";position:absolute;border:1px solid rgba(56,189,248,.12);border-radius:50%}.nb-job-page .job-detail-symbol::before{width:270px;height:270px}.nb-job-page .job-detail-symbol::after{width:190px;height:190px;border-style:dashed}.nb-job-page .job-detail-symbol > i{z-index:2;width:112px;height:112px;display:grid;place-items:center;border:1px solid rgba(56,189,248,.31);border-radius:32px;color:#3bdbff;background:#06131e;font-size:38px;box-shadow:0 0 45px rgba(34,211,238,.11)}.nb-job-page .job-detail-symbol span{position:absolute;z-index:3;width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(56,189,248,.18);border-radius:14px;color:#3bdbff;background:#06111a}.nb-job-page .job-detail-symbol span:nth-of-type(1){left:9%;top:22%}.nb-job-page .job-detail-symbol span:nth-of-type(2){right:5%;bottom:20%}

.nb-job-page .job-detail-layout{padding:105px 0 60px;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:30px;align-items:start}.nb-job-page .job-detail-content{min-width:0}.nb-job-page .job-intro-card{padding:35px;display:grid;grid-template-columns:58px 1fr;gap:22px;border:1px solid rgba(56,189,248,.14);border-radius:23px;background:linear-gradient(145deg,rgba(8,22,37,.85),rgba(3,7,15,.98));box-shadow:0 24px 65px rgba(0,0,0,.21)}.nb-job-page .job-intro-card > i,.nb-job-page .job-detail-card > i{width:54px;height:54px;display:grid;place-items:center;border:1px solid rgba(56,189,248,.19);border-radius:15px;color:#3bdbff;background:rgba(14,165,233,.07);font-size:20px}.nb-job-page .job-intro-card span{color:#67e8f9;font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.nb-job-page .job-intro-card h2{margin:8px 0 13px;color:#f8fafc;font-size:30px;letter-spacing:-.03em}.nb-job-page .job-intro-card p{color:#96a5b5;line-height:1.75}
.nb-job-page .job-detail-grid{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.nb-job-page .job-detail-card{min-height:355px;padding:32px;border:1px solid rgba(56,189,248,.115);border-radius:22px;background:linear-gradient(145deg,rgba(8,17,31,.86),rgba(3,7,15,.98));box-shadow:0 20px 55px rgba(0,0,0,.17);transition:transform .26s ease,border-color .26s ease,box-shadow .26s ease}.nb-job-page .job-detail-card:hover{transform:translateY(-6px);border-color:rgba(56,189,248,.32);box-shadow:0 30px 75px rgba(0,0,0,.3)}.nb-job-page .job-detail-card h2{margin:24px 0 17px;color:#f2f8fc;font-size:23px}.nb-job-page .job-detail-card ul{list-style:none;display:grid;gap:11px}.nb-job-page .job-detail-card li{position:relative;padding-left:20px;color:#96a5b5;font-size:14px;line-height:1.55}.nb-job-page .job-detail-card li::before{content:"";position:absolute;left:1px;top:.62em;width:6px;height:6px;border-radius:50%;background:#3bdbff;box-shadow:0 0 8px rgba(59,219,255,.28)}.nb-job-page .job-offer-card{grid-column:1/-1;min-height:0}.nb-job-page .job-offer-card ul{grid-template-columns:1fr 1fr;gap:12px 30px}
.nb-job-page .job-apply-panel{position:sticky;top:115px;padding:32px;border:1px solid rgba(56,189,248,.19);border-radius:24px;background:radial-gradient(circle at 100% 0,rgba(14,165,233,.1),transparent 37%),linear-gradient(145deg,rgba(8,24,40,.95),rgba(3,7,15,.99));box-shadow:0 30px 85px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.035)}.nb-job-page .job-contact-person{margin:7px 0 27px;padding:17px 0;display:flex;align-items:center;gap:14px;border-bottom:1px solid rgba(56,189,248,.09)}.nb-job-page .job-contact-person > i{width:47px;height:47px;display:grid;place-items:center;border:1px solid rgba(56,189,248,.18);border-radius:14px;color:#3bdbff;background:rgba(14,165,233,.07)}.nb-job-page .job-contact-person strong,.nb-job-page .job-contact-person small{display:block}.nb-job-page .job-contact-person strong{color:#f8fafc}.nb-job-page .job-contact-person small{margin-top:4px;color:#7f90a0;font-size:11px}.nb-job-page .job-apply-panel h2{color:#f8fafc;font-size:29px;letter-spacing:-.035em}.nb-job-page .job-apply-panel > p{margin:15px 0 25px;color:#94a3b8;line-height:1.7}.nb-job-page .job-apply-panel .btn{width:100%;margin-top:11px}

@media(max-width:1000px){
  .nb-team-page .team-grid{grid-template-columns:1fr}.nb-team-page .team-growth-card{min-height:0}
  .nb-job-page .job-detail-hero{grid-template-columns:1fr}.nb-job-page .job-detail-symbol{min-height:250px}
  .nb-job-page .job-detail-layout{grid-template-columns:1fr}.nb-job-page .job-apply-panel{position:relative;top:auto}
}
@media(max-width:700px){
  .nb-team-page .team-card{min-height:0;padding:28px;grid-template-columns:1fr;text-align:center}.nb-team-page .team-avatar{width:120px;height:120px;margin:0 auto;border-radius:30px}.nb-team-page .team-contact{justify-content:center}
  .nb-career-page .job-overview-card{min-height:410px;padding:29px}.nb-career-page .job-facts{gap:8px}
  .nb-job-page main{padding:110px 17px 20px}.nb-job-page .job-detail-hero{padding:31px 23px;border-radius:23px}.nb-job-page .job-detail-copy h1{font-size:clamp(46px,14vw,65px)}.nb-job-page .job-detail-copy > p{font-size:15px}.nb-job-page .job-detail-symbol{min-height:210px}.nb-job-page .job-detail-symbol::before{width:210px;height:210px}.nb-job-page .job-detail-symbol::after{width:150px;height:150px}
  .nb-job-page .job-detail-layout{padding-top:75px}.nb-job-page .job-intro-card{padding:27px;grid-template-columns:1fr}.nb-job-page .job-detail-grid{grid-template-columns:1fr}.nb-job-page .job-detail-card{min-height:0;padding:28px}.nb-job-page .job-offer-card{grid-column:auto}.nb-job-page .job-offer-card ul{grid-template-columns:1fr}.nb-job-page .job-apply-panel{padding:27px}
}

/* ===== QUIET, UNIFIED COMPANY & CAREER SYSTEM ===== */
:is(.nb-team-page,.nb-career-page,.nb-job-page){
  --company-card-bg:linear-gradient(145deg,rgba(8,17,31,.84),rgba(3,7,15,.97));
  --company-card-border:rgba(56,189,248,.115);
  --company-card-radius:22px;
  --company-card-shadow:inset 0 1px rgba(255,255,255,.025),0 18px 50px rgba(0,0,0,.17);
}

:is(.nb-team-page,.nb-career-page) .company-hero{
  min-height:0;
  padding:70px;
  gap:65px;
  border-color:var(--company-card-border);
  border-radius:var(--company-card-radius);
  background:var(--company-card-bg);
  box-shadow:var(--company-card-shadow);
}

:is(.nb-team-page,.nb-career-page) .company-hero::before,
:is(.nb-team-page,.nb-career-page) .company-hero-panel::before,
.nb-team-page .home-benefits::before{display:none}

:is(.nb-team-page,.nb-career-page) .company-hero-copy h1{font-size:clamp(52px,6vw,82px);line-height:1.02}
:is(.nb-team-page,.nb-career-page) .company-hero-copy p{max-width:720px;margin-top:24px;font-size:17px;line-height:1.72}
:is(.nb-team-page,.nb-career-page) .company-section{padding-top:95px;padding-bottom:95px}
:is(.nb-team-page,.nb-career-page) .section-title{margin-bottom:50px}

:is(.nb-team-page,.nb-career-page) :is(.team-card,.team-growth-card,.company-info-card,.job-card,.application-steps > li,.career-contact-card,.career-faq,.company-hero-panel,.career-highlight-grid > div),
.nb-job-page :is(.job-intro-card,.job-detail-card,.job-apply-panel){
  border:1px solid var(--company-card-border);
  border-radius:var(--company-card-radius);
  background:var(--company-card-bg);
  box-shadow:var(--company-card-shadow);
}

:is(.nb-team-page,.nb-career-page) :is(.team-card,.team-growth-card,.company-info-card,.job-card,.application-steps > li,.career-contact-card,.career-faq,.company-hero-panel,.career-highlight-grid > div)::before,
.nb-job-page :is(.job-intro-card,.job-detail-card,.job-apply-panel)::before{display:none !important}

:is(.nb-team-page,.nb-career-page) :is(.team-card,.team-growth-card,.company-info-card,.job-card,.application-steps > li,.career-contact-card,.career-highlight-grid > div):hover,
.nb-job-page .job-detail-card:hover{
  transform:translateY(-5px);
  border-color:rgba(56,189,248,.32);
  background:linear-gradient(145deg,rgba(9,28,46,.9),rgba(3,8,17,.98));
  box-shadow:0 24px 60px rgba(0,0,0,.27);
}

:is(.nb-team-page,.nb-career-page) :is(.company-panel-icon,.company-info-card > i,.team-growth-card > i,.career-highlight-grid > div > i,.job-card-header > i,.application-steps > li > i,.career-contact-card > i),
.nb-job-page :is(.job-intro-card > i,.job-detail-card > i,.job-contact-person > i){
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  flex:0 0 48px;
  border:1px solid rgba(56,189,248,.18);
  border-radius:14px;
  color:#3bdbff !important;
  background:rgba(14,165,233,.07);
  font-size:18px !important;
  box-shadow:none;
}

/* Team: one calm member presentation and one matching career card. */
.nb-team-page .team-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:24px}
.nb-team-page .company-hero-panel{padding:18px 0;border:0;border-radius:0;background:transparent;box-shadow:none}
.nb-team-page .team-card{min-height:360px;padding:36px;grid-template-columns:140px 1fr;gap:32px}
.nb-team-page .team-avatar{width:130px;height:130px;border:1px solid rgba(56,189,248,.18);border-radius:28px;background:rgba(14,165,233,.07);box-shadow:none}
.nb-team-page .team-card-content h3{font-size:40px}
.nb-team-page .team-contact{margin-top:26px;padding-top:20px}
.nb-team-page .team-growth-card{min-height:360px;padding:36px}
.nb-team-page .company-card-grid{gap:24px}
.nb-team-page .company-info-card{min-height:245px;padding:32px}
.nb-team-page .company-cta{border-radius:var(--company-card-radius);background:var(--company-card-bg);box-shadow:var(--company-card-shadow)}

/* Career overview: short hero, one card language, two clear roles. */
.nb-career-page .career-highlight-grid{gap:4px 28px}
.nb-career-page .career-highlight-grid > div{min-height:90px;padding:15px 0;border:0;border-radius:0;border-bottom:1px solid rgba(56,189,248,.09);background:transparent;box-shadow:none}
.nb-career-page .career-highlight-grid > div:hover{transform:none;border-color:rgba(56,189,248,.2);background:transparent;box-shadow:none}
.nb-career-page .company-card-grid{gap:24px}
.nb-career-page .company-info-card{min-height:245px;padding:32px}
.nb-career-page .jobs-grid{gap:24px}
.nb-career-page .job-overview-card{min-height:420px;padding:34px}
.nb-career-page .job-overview-card:hover{transform:translateY(-5px);box-shadow:0 24px 60px rgba(0,0,0,.27)}
.nb-career-page .job-overview-card .job-card-header h3{font-size:40px}
.nb-career-page .job-facts{margin:27px 0 24px}
.nb-career-page .application-steps{gap:18px}
.nb-career-page .application-steps > li{min-height:250px;padding:28px}
.nb-career-page .career-contact-faq{gap:24px}
.nb-career-page :is(.career-contact-card,.career-faq){padding:34px}
.nb-career-page .career-faq details{border-color:rgba(56,189,248,.1);background:transparent}

/* Job pages: linear reading flow with the same cards throughout. */
.nb-job-page main{width:min(100%,1240px);padding-top:140px}
.nb-job-page .job-detail-hero{
  min-height:0;
  padding:68px;
  display:block;
  border-color:var(--company-card-border);
  border-radius:var(--company-card-radius);
  background:var(--company-card-bg);
  box-shadow:var(--company-card-shadow);
}
.nb-job-page .job-detail-hero::before,.nb-job-page .job-detail-symbol{display:none}
.nb-job-page .job-detail-copy{max-width:900px}
.nb-job-page .job-detail-copy h1{font-size:clamp(55px,7vw,88px)}
.nb-job-page .job-meta{margin-top:28px}
.nb-job-page .job-detail-layout{padding-top:88px;display:block}
.nb-job-page .job-intro-card{padding:34px;grid-template-columns:48px 1fr;gap:20px}
.nb-job-page .job-intro-card h2{font-size:28px}
.nb-job-page .job-detail-grid{margin-top:24px;display:grid;grid-template-columns:1fr;gap:20px}
.nb-job-page .job-detail-card{min-height:0;padding:34px;display:grid;grid-template-columns:48px 1fr;column-gap:20px;align-items:start}
.nb-job-page .job-detail-card > i{grid-row:1/3}
.nb-job-page .job-detail-card h2{margin:9px 0 17px}
.nb-job-page .job-detail-card ul{grid-column:2;grid-template-columns:1fr 1fr;gap:12px 32px}
.nb-job-page .job-offer-card{grid-column:auto}
.nb-job-page .job-apply-panel{position:relative;top:auto;margin-top:24px;padding:36px}
.nb-job-page .job-apply-panel .company-kicker{margin-bottom:12px}
.nb-job-page .job-contact-person{max-width:420px;margin-bottom:24px}
.nb-job-page .job-apply-panel > p{max-width:720px}
.nb-job-page .job-apply-panel .btn{width:auto;min-width:210px;margin:12px 10px 0 0}

@media(max-width:1000px){
  :is(.nb-team-page,.nb-career-page) .company-hero{padding:52px;grid-template-columns:1fr}
  .nb-team-page .team-grid{grid-template-columns:1fr}
  .nb-career-page .career-highlight-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:700px){
  :is(.nb-team-page,.nb-career-page) .company-hero{padding:34px 25px}
  :is(.nb-team-page,.nb-career-page) .company-section{padding-top:72px;padding-bottom:72px}
  .nb-team-page .team-card{padding:28px;grid-template-columns:1fr}.nb-team-page .team-avatar{margin:0 auto}.nb-team-page .team-growth-card,.nb-team-page .company-info-card{padding:28px}
  .nb-career-page .career-highlight-grid{grid-template-columns:1fr}.nb-career-page .job-overview-card{min-height:390px;padding:28px}.nb-career-page .application-steps > li{min-height:0}.nb-career-page :is(.career-contact-card,.career-faq){padding:28px}
  .nb-job-page main{padding-top:110px}.nb-job-page .job-detail-hero{padding:36px 25px}.nb-job-page .job-detail-copy h1{font-size:clamp(47px,14vw,65px)}.nb-job-page .job-detail-layout{padding-top:65px}.nb-job-page .job-intro-card,.nb-job-page .job-detail-card{padding:27px;grid-template-columns:1fr}.nb-job-page .job-detail-card > i{grid-row:auto}.nb-job-page .job-detail-card h2{margin-top:20px}.nb-job-page .job-detail-card ul{grid-column:auto;grid-template-columns:1fr}.nb-job-page .job-apply-panel{padding:28px}.nb-job-page .job-apply-panel .btn{width:100%;margin-right:0}
}

/* ===== HOMEPAGE-ALIGNED TEAM, CAREER & JOB PAGE GRID ===== */
:is(.nb-team-page,.nb-career-page,.nb-job-page) main{
  width:100%;
  max-width:none;
  margin:0;
}

:is(.nb-team-page,.nb-career-page) :is(.company-hero,.company-section),
.nb-job-page :is(.job-detail-hero,.job-detail-layout){
  width:min(100%,1440px);
  max-width:none;
  margin-left:auto;
  margin-right:auto;
}

:is(.nb-team-page,.nb-career-page) :is(.company-hero,.company-section),
.nb-job-page :is(.job-detail-hero,.job-detail-layout){
  padding-left:56px;
  padding-right:56px;
}

:is(.nb-team-page,.nb-career-page) .company-cta{
  width:min(calc(100% - 112px),1328px);
}

.nb-job-page main{
  padding-left:0;
  padding-right:0;
}

@media(max-width:1080px){
  :is(.nb-team-page,.nb-career-page) :is(.company-hero,.company-section),
  .nb-job-page :is(.job-detail-hero,.job-detail-layout){
    padding-left:38px;
    padding-right:38px;
  }

  :is(.nb-team-page,.nb-career-page) .company-cta{
    width:calc(100% - 76px);
  }
}

@media(max-width:700px){
  :is(.nb-team-page,.nb-career-page) :is(.company-hero,.company-section),
  .nb-job-page :is(.job-detail-hero,.job-detail-layout){
    padding-left:21px;
    padding-right:21px;
  }

  :is(.nb-team-page,.nb-career-page) .company-cta{
    width:calc(100% - 42px);
  }
}

/* ===== PREMIUM SURFACE REFINEMENT: TEAM, CAREER & JOBS ===== */
:is(.nb-team-page,.nb-career-page,.nb-job-page) main{
  background:
    radial-gradient(circle at 7% 5%,rgba(34,211,238,.045),transparent 28rem),
    radial-gradient(circle at 94% 30%,rgba(59,130,246,.04),transparent 34rem),
    linear-gradient(180deg,#02060c 0%,#03070d 48%,#02060b 100%);
}

:is(.nb-team-page,.nb-career-page) .company-hero,
.nb-job-page .job-detail-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-color:rgba(56,189,248,.22);
  background:
    radial-gradient(circle at 88% 4%,rgba(14,165,233,.15),transparent 34%),
    radial-gradient(circle at 7% 100%,rgba(34,211,238,.055),transparent 33%),
    linear-gradient(145deg,rgba(8,19,34,.97),rgba(2,6,13,.995));
  box-shadow:0 42px 110px rgba(0,0,0,.46),0 0 52px rgba(34,211,238,.035),inset 0 1px rgba(255,255,255,.045);
}

:is(.nb-team-page,.nb-career-page) .company-hero::after,
.nb-job-page .job-detail-hero::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  opacity:.2;
  background-image:linear-gradient(rgba(56,189,248,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.04) 1px,transparent 1px);
  background-size:38px 38px;
  mask-image:linear-gradient(105deg,black,transparent 78%);
  pointer-events:none;
}

:is(.nb-team-page,.nb-career-page) .company-hero-copy,
.nb-job-page .job-detail-copy{
  animation:company-premium-enter .68s cubic-bezier(.2,.72,.25,1) both;
}

:is(.nb-team-page,.nb-career-page) .company-hero-copy h1,
.nb-job-page .job-detail-copy h1{
  color:#f8fbfd;
  text-shadow:0 18px 55px rgba(0,0,0,.34);
  letter-spacing:-.052em;
}

:is(.nb-team-page,.nb-career-page) .company-hero-copy p,
.nb-job-page .job-detail-copy > p{
  color:#a1afbd;
}

:is(.nb-team-page,.nb-career-page) :is(.section-title h2,.company-cta h2),
.nb-job-page :is(.job-intro-card h2,.job-detail-card h2,.job-apply-panel h2){
  color:#f7fbfe;
  text-wrap:balance;
  letter-spacing:-.035em;
}

:is(.nb-team-page,.nb-career-page) .section-title p,
.nb-job-page :is(.job-intro-card p,.job-apply-panel > p){
  color:#97a6b5;
}

:is(.nb-team-page,.nb-career-page) .company-kicker,
.nb-job-page .company-kicker{
  color:#67e8f9;
  text-shadow:0 0 20px rgba(34,211,238,.13);
}

:is(.nb-team-page,.nb-career-page) :is(.team-card,.team-growth-card,.company-info-card,.job-card,.application-steps > li,.career-contact-card,.career-faq,.company-hero-panel,.career-highlight-grid > div),
.nb-job-page :is(.job-intro-card,.job-detail-card,.job-apply-panel){
  position:relative;
  overflow:hidden;
  border-color:rgba(56,189,248,.13);
  background:
    radial-gradient(circle at 100% 0,rgba(14,165,233,.055),transparent 34%),
    linear-gradient(150deg,rgba(8,19,33,.9),rgba(3,7,15,.985));
  box-shadow:inset 0 1px rgba(255,255,255,.03),0 22px 58px rgba(0,0,0,.2);
  transition:transform .3s cubic-bezier(.2,.72,.25,1),border-color .3s ease,background .3s ease,box-shadow .3s ease;
}

:is(.nb-team-page,.nb-career-page) :is(.team-card,.team-growth-card,.company-info-card,.job-card,.application-steps > li,.career-contact-card,.career-highlight-grid > div)::before,
.nb-job-page :is(.job-intro-card,.job-detail-card,.job-apply-panel)::before{
  content:"";
  display:block !important;
  position:absolute;
  left:16%;
  right:16%;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(103,232,249,.48),transparent);
  opacity:0;
  transform:scaleX(.35);
  transition:opacity .3s ease,transform .3s ease;
  pointer-events:none;
}

:is(.nb-team-page,.nb-career-page) :is(.team-card,.team-growth-card,.company-info-card,.job-card,.application-steps > li,.career-contact-card,.career-highlight-grid > div):hover,
.nb-job-page :is(.job-intro-card,.job-detail-card,.job-apply-panel):hover{
  transform:translateY(-7px);
  border-color:rgba(56,189,248,.33);
  background:
    radial-gradient(circle at 100% 0,rgba(14,165,233,.09),transparent 36%),
    linear-gradient(150deg,rgba(8,25,42,.94),rgba(3,8,16,.99));
  box-shadow:0 31px 78px rgba(0,0,0,.33),0 0 30px rgba(34,211,238,.045),inset 0 1px rgba(255,255,255,.04);
}

:is(.nb-team-page,.nb-career-page) :is(.team-card,.team-growth-card,.company-info-card,.job-card,.application-steps > li,.career-contact-card,.career-highlight-grid > div):hover::before,
.nb-job-page :is(.job-intro-card,.job-detail-card,.job-apply-panel):hover::before{
  opacity:1;
  transform:scaleX(1);
}

:is(.nb-team-page,.nb-career-page) :is(.company-panel-icon,.company-info-card > i,.team-growth-card > i,.career-highlight-grid > div > i,.career-contact-card > i,.job-card-header > i),
.nb-job-page :is(.job-intro-card > i,.job-detail-card > i,.job-contact-person > i){
  border-color:rgba(56,189,248,.22);
  color:#3bdbff !important;
  background:linear-gradient(145deg,rgba(14,165,233,.11),rgba(5,18,30,.78));
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 12px 30px rgba(34,211,238,.065);
  font-size:20px;
  text-shadow:none !important;
  transition:transform .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease,color .28s ease;
}

:is(.nb-team-page,.nb-career-page) :is(.team-card,.team-growth-card,.company-info-card,.job-card,.career-contact-card,.career-highlight-grid > div):hover :is(.company-panel-icon,.company-info-card > i,.team-growth-card > i,.career-contact-card > i,.job-card-header > i),
.nb-career-page .career-highlight-grid > div:hover > i,
.nb-job-page :is(.job-intro-card,.job-detail-card,.job-apply-panel):hover :is(.job-intro-card > i,.job-detail-card > i,.job-contact-person > i){
  transform:translateY(-3px) scale(1.035);
  border-color:rgba(56,189,248,.4);
  color:#67e8f9 !important;
  background:rgba(14,165,233,.14);
  box-shadow:0 15px 34px rgba(34,211,238,.09),inset 0 1px rgba(255,255,255,.045);
}

.nb-team-page .team-avatar{
  border-color:rgba(56,189,248,.27);
  color:#67e8f9;
  background:radial-gradient(circle at 30% 20%,rgba(34,211,238,.17),transparent 48%),linear-gradient(145deg,rgba(8,31,49,.92),rgba(3,10,19,.98));
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 20px 48px rgba(0,0,0,.25),0 0 28px rgba(34,211,238,.05);
  text-shadow:0 0 22px rgba(34,211,238,.18);
  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}

.nb-team-page .team-card:hover .team-avatar{
  transform:translateY(-3px);
  border-color:rgba(56,189,248,.43);
  box-shadow:inset 0 1px rgba(255,255,255,.05),0 24px 55px rgba(0,0,0,.3),0 0 34px rgba(34,211,238,.075);
}

.nb-career-page .job-facts span,
.nb-job-page .job-meta span{
  border-color:rgba(56,189,248,.16);
  color:#aab8c6;
  background:rgba(8,25,40,.72);
  box-shadow:inset 0 1px rgba(255,255,255,.025);
  transition:border-color .24s ease,color .24s ease,background .24s ease;
}

.nb-career-page .job-facts span:hover,
.nb-job-page .job-meta span:hover{
  border-color:rgba(56,189,248,.34);
  color:#dcecf3;
  background:rgba(14,116,144,.11);
}

.nb-career-page .career-faq details{
  border-color:rgba(56,189,248,.11);
  transition:border-color .24s ease,background .24s ease;
}

.nb-career-page .career-faq details:hover,
.nb-career-page .career-faq details[open]{
  border-color:rgba(56,189,248,.27);
  background:rgba(14,116,144,.055);
}

:is(.nb-team-page,.nb-career-page,.nb-job-page) .btn{
  border-radius:14px;
  font-size:15px;
  font-weight:800;
  letter-spacing:.01em;
}

:is(.nb-team-page,.nb-career-page,.nb-job-page) .btn-primary{
  color:#031019;
  background:linear-gradient(135deg,#22d3ee,#06b6d4);
  box-shadow:0 13px 32px rgba(6,182,212,.18);
}

:is(.nb-team-page,.nb-career-page,.nb-job-page) .btn-primary:hover{
  color:#031019;
  background:linear-gradient(135deg,#67e8f9,#22d3ee);
  box-shadow:0 18px 40px rgba(34,211,238,.22);
}

:is(.nb-team-page,.nb-career-page,.nb-job-page) .btn-secondary{
  border-color:rgba(56,189,248,.24);
  color:#e8f8fc;
  background:rgba(6,17,27,.82);
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}

:is(.nb-team-page,.nb-career-page,.nb-job-page) .btn-secondary:hover{
  border-color:rgba(56,189,248,.52);
  color:#fff;
  background:rgba(14,116,144,.13);
  box-shadow:0 16px 35px rgba(0,0,0,.22),0 0 22px rgba(34,211,238,.07);
}

.nb-team-page .company-cta{
  position:relative;
  overflow:hidden;
  border-color:rgba(56,189,248,.23);
  background:radial-gradient(circle at 14% 0,rgba(14,165,233,.16),transparent 38%),radial-gradient(circle at 90% 100%,rgba(59,130,246,.08),transparent 34%),linear-gradient(135deg,rgba(8,29,48,.96),rgba(3,8,17,.995));
  box-shadow:0 40px 105px rgba(0,0,0,.4),0 0 50px rgba(34,211,238,.04),inset 0 1px rgba(255,255,255,.045);
}

@keyframes company-premium-enter{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:translateY(0)}
}

@media(prefers-reduced-motion:reduce){
  :is(.nb-team-page,.nb-career-page) .company-hero-copy,
  .nb-job-page .job-detail-copy{animation:none !important}

  :is(.nb-team-page,.nb-career-page,.nb-job-page) *{scroll-behavior:auto !important}
}

/* ===== CALM PREMIUM REFINEMENT: TEAM, CAREER & JOB CONTENT ===== */
:is(.nb-team-page,.nb-career-page) .section-title h2{
  text-shadow:0 15px 45px rgba(0,0,0,.25);
}

:is(.nb-team-page,.nb-career-page) :is(.team-card-content h3,.team-growth-card h3,.company-info-card h3,.job-card-header h3,.career-contact-card h2,.career-faq h2){
  color:#f5f9fc;
  letter-spacing:-.03em;
  text-wrap:balance;
}

:is(.nb-team-page,.nb-career-page) :is(.team-description,.team-growth-card p,.company-info-card p,.job-card-header p,.career-contact-card p,.career-faq p){
  color:#97a6b5;
  line-height:1.76;
}

.nb-career-page .job-overview-card{
  border-color:rgba(56,189,248,.15);
  background:linear-gradient(150deg,rgba(8,20,34,.93),rgba(3,8,16,.99));
}

.nb-career-page .job-card-featured{
  border-color:rgba(56,189,248,.25);
  background:radial-gradient(circle at 100% 0,rgba(14,165,233,.1),transparent 37%),linear-gradient(150deg,rgba(8,24,40,.95),rgba(3,8,16,.99));
}

/* Job hero: same geometry, quieter depth and clearer reading hierarchy. */
.nb-job-page .job-detail-hero{
  border-color:rgba(56,189,248,.24);
  background:
    linear-gradient(90deg,rgba(34,211,238,.12),rgba(34,211,238,0)) top left/38% 1px no-repeat,
    radial-gradient(circle at 88% 0,rgba(14,165,233,.17),transparent 35%),
    radial-gradient(circle at 10% 110%,rgba(34,211,238,.065),transparent 36%),
    linear-gradient(145deg,rgba(8,20,35,.975),rgba(2,6,13,.998));
  box-shadow:0 44px 115px rgba(0,0,0,.48),0 0 58px rgba(34,211,238,.04),inset 0 1px rgba(255,255,255,.05);
}

.nb-job-page .job-back-link{
  padding-bottom:7px;
  border-bottom:1px solid transparent;
  color:#9babb9;
  transition:color .22s ease,transform .22s ease,border-color .22s ease;
}

.nb-job-page .job-back-link:hover{
  border-color:rgba(103,232,249,.32);
  color:#67e8f9;
}

.nb-job-page .job-detail-copy .badge{
  border-color:rgba(56,189,248,.22);
  background:linear-gradient(135deg,rgba(8,47,73,.62),rgba(7,18,31,.76));
  box-shadow:inset 0 1px rgba(255,255,255,.055),0 15px 36px rgba(0,0,0,.23),0 0 25px rgba(34,211,238,.045);
}

.nb-job-page .job-detail-copy h1{
  line-height:1;
  text-shadow:0 22px 60px rgba(0,0,0,.38);
}

.nb-job-page .job-detail-copy > p{
  color:#a5b2bf;
  line-height:1.82;
}

/* The existing cards read as one editorial information surface. */
.nb-job-page .job-intro-card{
  border-color:rgba(56,189,248,.2);
  background:radial-gradient(circle at 100% 0,rgba(14,165,233,.075),transparent 34%),linear-gradient(150deg,rgba(8,22,37,.94),rgba(3,8,16,.99));
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 24px 64px rgba(0,0,0,.22);
}

.nb-job-page .job-intro-card:hover{
  transform:none;
  border-color:rgba(56,189,248,.27);
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 27px 68px rgba(0,0,0,.25),0 0 26px rgba(34,211,238,.035);
}

.nb-job-page .job-intro-card span{
  color:#67e8f9;
  letter-spacing:.16em;
}

.nb-job-page .job-intro-card h2{
  margin-top:10px;
  margin-bottom:16px;
}

.nb-job-page .job-intro-card p{
  font-size:15px;
  line-height:1.82;
}

.nb-job-page .job-detail-grid{
  gap:0;
  overflow:hidden;
  border:1px solid rgba(56,189,248,.14);
  border-radius:24px;
  background:radial-gradient(circle at 100% 0,rgba(14,165,233,.05),transparent 31%),linear-gradient(150deg,rgba(8,18,31,.91),rgba(3,7,15,.985));
  box-shadow:inset 0 1px rgba(255,255,255,.03),0 26px 68px rgba(0,0,0,.22);
}

.nb-job-page .job-detail-card,
.nb-job-page .job-detail-card:hover{
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  transform:none;
}

.nb-job-page .job-detail-card + .job-detail-card{
  border-top:1px solid rgba(56,189,248,.095);
}

.nb-job-page .job-detail-card::before{
  left:0;
  right:auto;
  top:17%;
  bottom:17%;
  width:1px;
  height:auto;
  background:linear-gradient(180deg,transparent,rgba(103,232,249,.34),transparent);
  transform:scaleY(.35);
}

.nb-job-page .job-detail-card:hover::before{
  transform:scaleY(1);
}

.nb-job-page .job-detail-card h2{
  margin-bottom:22px;
  font-size:25px;
}

.nb-job-page .job-detail-card li{
  padding-left:23px;
  color:#9cabb9;
  font-size:15px;
  line-height:1.68;
}

.nb-job-page .job-detail-card li::before{
  width:5px;
  height:5px;
  background:#67e8f9;
  box-shadow:0 0 10px rgba(34,211,238,.24);
}

.nb-job-page .job-detail-card > i{
  opacity:.9;
  box-shadow:inset 0 1px rgba(255,255,255,.03);
}

.nb-job-page .job-detail-card:hover > i{
  opacity:1;
}

/* Application remains distinct without becoming a competing card style. */
.nb-job-page .job-apply-panel,
.nb-job-page .job-apply-panel:hover{
  transform:none;
  border-color:rgba(56,189,248,.22);
  background:radial-gradient(circle at 92% 0,rgba(14,165,233,.13),transparent 38%),linear-gradient(145deg,rgba(8,25,42,.97),rgba(3,8,16,.995));
  box-shadow:0 34px 88px rgba(0,0,0,.36),0 0 38px rgba(34,211,238,.04),inset 0 1px rgba(255,255,255,.045);
}

.nb-job-page .job-apply-panel::after{
  content:"";
  position:absolute;
  right:-90px;
  bottom:-110px;
  width:250px;
  height:250px;
  border:1px solid rgba(56,189,248,.07);
  border-radius:50%;
  pointer-events:none;
}

.nb-job-page .job-contact-person{
  border-top:1px solid rgba(56,189,248,.08);
  border-bottom-color:rgba(56,189,248,.1);
}

.nb-job-page .job-contact-person strong{
  color:#f4f9fc;
  letter-spacing:-.01em;
}

.nb-job-page .job-apply-panel .btn{
  box-shadow:0 13px 32px rgba(6,182,212,.18);
}

@media(max-width:700px){
  .nb-job-page .job-detail-card h2{font-size:23px}
  .nb-job-page .job-detail-card li{font-size:14px}
}

/* ===== NEXTBUILD BESPOKE TEAM & CAREER EXPERIENCE ===== */
.nbx-page{
  --nbx-line:rgba(56,189,248,.14);
  --nbx-line-strong:rgba(56,189,248,.28);
  --nbx-surface:linear-gradient(150deg,rgba(8,19,33,.91),rgba(3,7,15,.985));
  --nbx-surface-deep:linear-gradient(145deg,rgba(8,25,42,.96),rgba(3,8,16,.995));
  --nbx-shadow:0 30px 82px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.035);
}

.nbx-page main{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  overflow:hidden;
  background:radial-gradient(circle at 5% 4%,rgba(34,211,238,.045),transparent 29rem),radial-gradient(circle at 96% 34%,rgba(59,130,246,.04),transparent 34rem),linear-gradient(180deg,#02060c,#03070d 52%,#02060b);
}

.nbx-shell{
  width:min(100%,1440px);
  margin-left:auto;
  margin-right:auto;
  padding-left:56px;
  padding-right:56px;
  box-sizing:border-box;
}

.nbx-hero,.nbx-job-hero{
  min-height:780px;
  padding-top:155px;
  padding-bottom:105px;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);
  align-items:center;
  gap:clamp(70px,7vw,115px);
}

.nbx-hero-copy,.nbx-job-hero-copy{position:relative;z-index:2;animation:nbx-rise .7s cubic-bezier(.2,.72,.25,1) both}
.nbx-hero-copy .badge,.nbx-job-hero-copy .badge{margin-bottom:29px;padding:10px 17px;border-color:rgba(56,189,248,.22);background:linear-gradient(135deg,rgba(8,47,73,.62),rgba(7,18,31,.78));box-shadow:inset 0 1px rgba(255,255,255,.055),0 16px 38px rgba(0,0,0,.25)}
.nbx-hero-copy h1,.nbx-job-hero-copy h1{max-width:850px;margin:0;color:#f8fbfd;font-size:clamp(58px,6vw,88px);line-height:1;letter-spacing:-.058em;text-wrap:balance;text-shadow:0 22px 62px rgba(0,0,0,.36)}
.nbx-hero-copy > p,.nbx-job-hero-copy > p{max-width:700px;margin:30px 0 0;color:#a0afbd;font-size:17px;line-height:1.82}
.nbx-hero-actions{margin-top:36px;display:flex;flex-wrap:wrap;gap:14px}

.nbx-section{padding-top:112px;padding-bottom:112px}
.nbx-section-head{max-width:850px;margin:0 auto 58px;text-align:center}
.nbx-section-head h2,.nbx-cta h2{margin:0;color:#f7fbfe;font-size:clamp(40px,4.6vw,62px);line-height:1.08;letter-spacing:-.045em;text-wrap:balance}
.nbx-section-head p{max-width:690px;margin:20px auto 0;color:#96a5b4;font-size:17px;line-height:1.75}

/* Team: personal, editorial and deliberately human. */
.nbx-team-portrait{position:relative;min-height:500px;padding:46px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid rgba(56,189,248,.21);border-radius:30px;background:radial-gradient(circle at 50% 24%,rgba(34,211,238,.14),transparent 34%),linear-gradient(150deg,rgba(8,22,37,.96),rgba(3,7,15,.995));box-shadow:0 42px 110px rgba(0,0,0,.44),0 0 50px rgba(34,211,238,.035),inset 0 1px rgba(255,255,255,.045);overflow:hidden;animation:nbx-panel .8s .08s cubic-bezier(.2,.72,.25,1) both}
.nbx-team-portrait::before{content:"";position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(56,189,248,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.045) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent 72%)}
.nbx-portrait-orbit{position:absolute;top:48px;left:50%;width:190px;height:190px;display:grid;place-items:center;transform:translateX(-50%);border:1px solid rgba(56,189,248,.2);border-radius:50%;background:radial-gradient(circle,rgba(14,165,233,.14),rgba(4,13,23,.92) 68%);box-shadow:0 0 0 30px rgba(56,189,248,.025),0 0 0 60px rgba(56,189,248,.018),0 0 55px rgba(34,211,238,.08)}
.nbx-portrait-orbit::before{content:"";position:absolute;inset:-31px;border:1px dashed rgba(56,189,248,.15);border-radius:50%;animation:nbx-orbit 24s linear infinite}
.nbx-portrait-orbit span{color:#67e8f9;font-size:52px;font-weight:850;letter-spacing:-.06em;text-shadow:0 0 26px rgba(34,211,238,.2)}
.nbx-portrait-copy,.nbx-trust-line{position:relative;z-index:1}
.nbx-portrait-copy span,.nbx-member-role{color:#67e8f9;font-size:11px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
.nbx-portrait-copy strong{display:block;margin-top:8px;color:#f7fbfe;font-size:30px;letter-spacing:-.035em}
.nbx-portrait-copy p{margin:8px 0 25px;color:#8fa0b0}
.nbx-trust-line{padding:13px 0;display:flex;align-items:center;gap:13px;border-top:1px solid rgba(56,189,248,.09);color:#afbdc9;font-size:13px;font-weight:700}
.nbx-trust-line i{width:28px;color:#3bdbff;text-align:center}

.nbx-member-profile{position:relative;min-height:390px;padding:44px;display:grid;grid-template-columns:170px minmax(0,1fr) minmax(300px,.75fr);align-items:center;gap:42px;border:1px solid var(--nbx-line);border-radius:28px;background:var(--nbx-surface);box-shadow:var(--nbx-shadow);overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}
.nbx-member-profile::before,.nbx-career-principles article::before,.nbx-role-card::before{content:"";position:absolute;left:16%;right:16%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(103,232,249,.48),transparent);opacity:0;transform:scaleX(.35);transition:opacity .3s ease,transform .3s ease}
.nbx-member-profile:hover{transform:translateY(-6px);border-color:var(--nbx-line-strong);box-shadow:0 38px 92px rgba(0,0,0,.38),0 0 30px rgba(34,211,238,.045)}
.nbx-member-profile:hover::before,.nbx-career-principles article:hover::before,.nbx-role-card:hover::before{opacity:1;transform:scaleX(1)}
.nbx-member-monogram{height:170px;display:grid;place-items:center;align-content:center;border:1px solid rgba(56,189,248,.24);border-radius:26px;background:radial-gradient(circle at 30% 20%,rgba(34,211,238,.16),transparent 48%),rgba(5,18,30,.86);box-shadow:inset 0 1px rgba(255,255,255,.04),0 20px 45px rgba(0,0,0,.24)}
.nbx-member-monogram span{color:#67e8f9;font-size:45px;font-weight:850;letter-spacing:-.06em}.nbx-member-monogram small{margin-top:9px;color:#7f91a2;font-size:9px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.nbx-member-content h3{margin:8px 0 17px;color:#f7fbfe;font-size:42px;letter-spacing:-.045em}.nbx-member-description{margin:0;color:#9aa9b8;line-height:1.8}.nbx-member-links{margin-top:24px}.nbx-member-links a{display:inline-flex;align-items:center;gap:10px;color:#dbeaf1;font-weight:750;transition:color .22s ease,transform .22s ease}.nbx-member-links a:hover{color:#67e8f9;transform:translateX(3px)}
.nbx-member-profile blockquote{margin:0;padding-left:35px;border-left:1px solid rgba(56,189,248,.15)}.nbx-member-profile blockquote i{color:#3bdbff;font-size:24px}.nbx-member-profile blockquote p{margin:18px 0 11px;color:#e8f3f7;font-size:21px;font-weight:750;line-height:1.4}.nbx-member-profile blockquote span{color:#8798a8;font-size:13px;line-height:1.7}
.nbx-value-list{border-block:1px solid rgba(56,189,248,.11)}.nbx-value-list article{padding:34px 4px;display:grid;grid-template-columns:54px 54px 1fr;align-items:center;gap:28px;border-bottom:1px solid rgba(56,189,248,.09);transition:padding-left .27s ease,background .27s ease}.nbx-value-list article:last-child{border-bottom:0}.nbx-value-list article:hover{padding-left:16px;background:linear-gradient(90deg,rgba(14,165,233,.055),transparent 70%)}.nbx-value-list article > span{color:#52687a;font-size:12px;font-weight:850;letter-spacing:.14em}.nbx-value-list article > i{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(56,189,248,.19);border-radius:15px;color:#3bdbff;background:rgba(14,165,233,.075)}.nbx-value-list h3{margin:0 0 8px;color:#f2f8fb;font-size:23px}.nbx-value-list p{margin:0;color:#91a1b0;line-height:1.7}
.nbx-cta{margin-top:30px;margin-bottom:115px;padding-top:72px;padding-bottom:72px;display:flex;align-items:center;justify-content:space-between;gap:45px;border:1px solid rgba(56,189,248,.21);border-radius:30px;background:radial-gradient(circle at 10% 0,rgba(14,165,233,.16),transparent 35%),var(--nbx-surface-deep);box-shadow:0 40px 105px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.04)}
.nbx-cta p{margin:18px 0 0;color:#94a4b3}.nbx-cta-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}

/* Careers: motivating, structured and product-minded. */
.nbx-career-console{position:relative;padding:28px;border:1px solid rgba(56,189,248,.22);border-radius:28px;background:radial-gradient(circle at 90% 0,rgba(14,165,233,.13),transparent 38%),linear-gradient(150deg,rgba(8,21,36,.97),rgba(2,6,13,.998));box-shadow:0 42px 110px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.045);overflow:hidden;animation:nbx-panel .8s .08s cubic-bezier(.2,.72,.25,1) both}
.nbx-career-console::after{content:"";position:absolute;right:-80px;bottom:-90px;width:240px;height:240px;border:1px solid rgba(56,189,248,.07);border-radius:50%}
.nbx-console-head{margin:-28px -28px 20px;padding:17px 21px;display:flex;justify-content:space-between;border-bottom:1px solid rgba(56,189,248,.1);color:#7890a2;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.nbx-console-head span{display:flex;align-items:center;gap:9px}.nbx-console-head span i{color:#3bdbff;font-size:7px}
.nbx-console-line{position:relative;z-index:1;padding:19px 3px;display:grid;grid-template-columns:44px 1fr;gap:15px;border-bottom:1px solid rgba(56,189,248,.08)}.nbx-console-line > i{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(56,189,248,.18);border-radius:13px;color:#3bdbff;background:rgba(14,165,233,.075)}.nbx-console-line strong,.nbx-console-line span{display:block}.nbx-console-line strong{color:#eff7fb;font-size:15px}.nbx-console-line span{margin-top:5px;color:#8193a4;font-size:12px}
.nbx-console-foot{position:relative;z-index:1;margin-top:20px;padding:16px 18px;display:grid;grid-template-columns:30px auto 1fr;align-items:center;gap:10px;border:1px solid rgba(56,189,248,.12);border-radius:15px;background:rgba(14,165,233,.055)}.nbx-console-foot i{color:#3bdbff}.nbx-console-foot span{color:#e6f2f7;font-size:13px;font-weight:750}.nbx-console-foot small{color:#738798;text-align:right}
.nbx-career-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.nbx-career-principles article{position:relative;min-height:300px;padding:34px;overflow:hidden;border:1px solid var(--nbx-line);border-radius:24px;background:var(--nbx-surface);box-shadow:0 22px 58px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.025);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.nbx-career-principles article:hover{transform:translateY(-8px);border-color:var(--nbx-line-strong);box-shadow:0 32px 78px rgba(0,0,0,.32)}.nbx-career-principles article > div{display:flex;align-items:center;justify-content:space-between}.nbx-career-principles article span{color:#52687a;font-size:11px;font-weight:850;letter-spacing:.14em}.nbx-career-principles article i{width:54px;height:54px;display:grid;place-items:center;border:1px solid rgba(56,189,248,.2);border-radius:16px;color:#3bdbff;background:rgba(14,165,233,.08)}.nbx-career-principles h3{margin:55px 0 15px;color:#f3f9fc;font-size:24px;letter-spacing:-.03em}.nbx-career-principles p{margin:0;color:#93a3b2;line-height:1.75}
.nbx-open-roles{display:grid;grid-template-columns:1fr 1fr;gap:25px}.nbx-role-card{position:relative;min-height:430px;padding:38px;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--nbx-line);border-radius:26px;background:var(--nbx-surface);box-shadow:var(--nbx-shadow);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.nbx-role-card:hover{transform:translateY(-8px);border-color:var(--nbx-line-strong);box-shadow:0 36px 88px rgba(0,0,0,.37),0 0 30px rgba(34,211,238,.04)}.nbx-role-tech{background:radial-gradient(circle at 100% 0,rgba(14,165,233,.1),transparent 37%),var(--nbx-surface)}.nbx-role-top{display:flex;align-items:center;justify-content:space-between}.nbx-role-top > i{width:56px;height:56px;display:grid;place-items:center;border:1px solid rgba(56,189,248,.22);border-radius:17px;color:#3bdbff;background:rgba(14,165,233,.085);font-size:20px}.nbx-role-card h3{margin:38px 0 15px;color:#f7fbfe;font-size:40px;letter-spacing:-.045em}.nbx-role-card > p{margin:0;color:#97a6b5;line-height:1.78}.nbx-role-meta{margin:27px 0;display:flex;flex-wrap:wrap;gap:9px}.nbx-role-meta span,.nbx-job-meta span{padding:9px 11px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(56,189,248,.14);border-radius:11px;color:#a5b4c2;background:rgba(8,25,40,.72);font-size:11px;font-weight:750}.nbx-role-meta i,.nbx-job-meta i{color:#3bdbff}.nbx-role-card .btn{width:100%;margin-top:auto}
.nbx-process{position:relative;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);list-style:none}.nbx-process::before{content:"";position:absolute;left:8%;right:8%;top:39px;height:1px;background:linear-gradient(90deg,transparent,rgba(56,189,248,.25),transparent)}.nbx-process li{position:relative;padding:0 25px;text-align:center}.nbx-process li > span{position:relative;z-index:1;width:78px;height:78px;margin:0 auto 27px;display:grid;place-items:center;border:1px solid rgba(56,189,248,.22);border-radius:50%;color:#67e8f9;background:#06111d;box-shadow:0 0 0 9px #03070d,0 16px 34px rgba(0,0,0,.25);font-size:12px;font-weight:850}.nbx-process li > i{color:#3bdbff;font-size:18px}.nbx-process h3{margin:18px 0 11px;color:#eef6fa;font-size:18px}.nbx-process p{margin:0;color:#8798a8;font-size:13px;line-height:1.7}
.nbx-career-end{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px}.nbx-contact-person,.nbx-career-faq{padding:38px;border:1px solid var(--nbx-line);border-radius:26px;background:var(--nbx-surface);box-shadow:var(--nbx-shadow)}.nbx-contact-icon{width:58px;height:58px;margin-bottom:28px;display:grid;place-items:center;border:1px solid rgba(56,189,248,.2);border-radius:17px;color:#3bdbff;background:rgba(14,165,233,.08)}.nbx-contact-person h2,.nbx-career-faq h2{margin:0;color:#f5f9fc;font-size:32px;letter-spacing:-.035em}.nbx-contact-person p{margin:17px 0 27px;color:#91a2b1;line-height:1.75}.nbx-career-faq details{border-bottom:1px solid rgba(56,189,248,.1)}.nbx-career-faq summary{padding:20px 0;display:flex;justify-content:space-between;gap:20px;color:#dfeaf0;font-weight:750;cursor:pointer}.nbx-career-faq summary i{color:#3bdbff;transition:transform .25s ease}.nbx-career-faq details[open] summary i{transform:rotate(45deg)}.nbx-career-faq details p{margin:0;padding:0 30px 20px 0;color:#8798a8;line-height:1.7}

/* Job pages: one editorial system, two distinct role personalities. */
.nbx-job-hero{position:relative;isolation:isolate}.nbx-job-hero::before{content:"";position:absolute;z-index:-1;right:2%;top:11%;width:540px;height:540px;border-radius:50%;background:rgba(14,165,233,.07);filter:blur(80px)}
.nbx-job-hero-copy .job-back-link{display:inline-flex;align-items:center;gap:9px;margin-bottom:27px;color:#91a2b3;font-size:12px;font-weight:750;transition:color .22s ease,transform .22s ease}.nbx-job-hero-copy .job-back-link:hover{color:#67e8f9;transform:translateX(-3px)}
.nbx-job-meta{margin-top:30px;display:flex;flex-wrap:wrap;gap:10px}
.nbx-role-visual{position:relative;min-height:470px;display:grid;place-items:center;border:1px solid rgba(56,189,248,.18);border-radius:30px;background:radial-gradient(circle at 50% 42%,rgba(14,165,233,.15),transparent 30%),linear-gradient(150deg,rgba(8,21,36,.96),rgba(2,6,13,.998));box-shadow:0 42px 110px rgba(0,0,0,.44),inset 0 1px rgba(255,255,255,.04);overflow:hidden;animation:nbx-panel .8s .08s cubic-bezier(.2,.72,.25,1) both}.nbx-role-visual::before{content:"";position:absolute;width:290px;height:290px;border:1px solid rgba(56,189,248,.15);border-radius:50%;box-shadow:0 0 0 42px rgba(56,189,248,.025),0 0 0 84px rgba(56,189,248,.015)}.nbx-role-visual::after{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(56,189,248,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.04) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent 76%)}
.nbx-visual-core{position:relative;z-index:2;width:120px;height:120px;display:grid;place-items:center;border:1px solid rgba(56,189,248,.32);border-radius:32px;color:#67e8f9;background:#061522;font-size:38px;box-shadow:0 0 50px rgba(34,211,238,.11),inset 0 1px rgba(255,255,255,.04)}.nbx-role-visual > span{position:absolute;z-index:2;width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(56,189,248,.2);border-radius:15px;color:#3bdbff;background:#06121d}.nbx-role-visual > span:nth-of-type(1){left:14%;top:22%}.nbx-role-visual > span:nth-of-type(2){right:12%;bottom:24%}.nbx-visual-status{position:absolute;z-index:2;bottom:34px;padding:10px 14px;border:1px solid rgba(56,189,248,.15);border-radius:999px;color:#a8bac7;background:rgba(4,14,24,.82);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.nbx-visual-status i{margin-right:7px;color:#3bdbff;font-size:7px;filter:drop-shadow(0 0 6px rgba(59,219,255,.4))}
.nbx-tech-page .nbx-role-visual{background:radial-gradient(circle at 50% 42%,rgba(59,130,246,.13),transparent 30%),linear-gradient(150deg,rgba(7,19,34,.97),rgba(2,6,13,.998))}.nbx-tech-page .nbx-role-visual::before{border-style:dashed;animation:nbx-orbit 30s linear infinite}
.nbx-job-layout{padding-top:35px;padding-bottom:115px;display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:28px;align-items:start}.nbx-job-content{min-width:0}.nbx-position-intro{padding:38px;display:grid;grid-template-columns:58px 1fr;gap:24px;border:1px solid rgba(56,189,248,.18);border-radius:25px;background:radial-gradient(circle at 100% 0,rgba(14,165,233,.08),transparent 35%),var(--nbx-surface);box-shadow:var(--nbx-shadow)}.nbx-position-intro > i,.nbx-editorial-head > i,.nbx-apply-person > i{width:54px;height:54px;display:grid;place-items:center;border:1px solid rgba(56,189,248,.2);border-radius:16px;color:#3bdbff;background:rgba(14,165,233,.08)}.nbx-position-intro span{color:#67e8f9;font-size:10px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.nbx-position-intro h2{margin:9px 0 14px;color:#f5f9fc;font-size:29px;letter-spacing:-.035em}.nbx-position-intro p{margin:0;color:#97a6b5;line-height:1.82}
.nbx-job-editorial{margin-top:24px;border:1px solid var(--nbx-line);border-radius:26px;background:var(--nbx-surface);box-shadow:var(--nbx-shadow);overflow:hidden}.nbx-job-editorial > section{position:relative;padding:42px;border-bottom:1px solid rgba(56,189,248,.095);transition:background .28s ease}.nbx-job-editorial > section:last-child{border-bottom:0}.nbx-job-editorial > section:hover{background:linear-gradient(90deg,rgba(14,165,233,.055),transparent 80%)}.nbx-editorial-head{display:grid;grid-template-columns:38px 54px 1fr;align-items:center;gap:17px}.nbx-editorial-head > span{color:#52687a;font-size:11px;font-weight:850;letter-spacing:.14em}.nbx-editorial-head h2{margin:0;color:#f3f9fc;font-size:25px;letter-spacing:-.03em}.nbx-job-editorial ul{margin:27px 0 0 109px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 30px;list-style:none}.nbx-job-editorial li{position:relative;padding-left:20px;color:#98a8b7;font-size:14px;line-height:1.65}.nbx-job-editorial li::before{content:"";position:absolute;left:1px;top:.68em;width:5px;height:5px;border-radius:50%;background:#3bdbff;box-shadow:0 0 9px rgba(34,211,238,.24)}.nbx-offer-section{background:rgba(14,165,233,.025)}
.nbx-apply-panel{position:sticky;top:112px;padding:33px;border:1px solid rgba(56,189,248,.21);border-radius:25px;background:radial-gradient(circle at 100% 0,rgba(14,165,233,.13),transparent 38%),var(--nbx-surface-deep);box-shadow:0 34px 88px rgba(0,0,0,.37),inset 0 1px rgba(255,255,255,.045);overflow:hidden}.nbx-apply-panel::after{content:"";position:absolute;right:-100px;bottom:-120px;width:250px;height:250px;border:1px solid rgba(56,189,248,.07);border-radius:50%;pointer-events:none}.nbx-apply-person{position:relative;z-index:1;margin:9px 0 27px;padding:17px 0;display:flex;align-items:center;gap:14px;border-block:1px solid rgba(56,189,248,.09)}.nbx-apply-person strong,.nbx-apply-person small{display:block}.nbx-apply-person strong{color:#f7fbfe}.nbx-apply-person small{margin-top:4px;color:#8092a2;font-size:11px}.nbx-apply-panel h2{position:relative;z-index:1;margin:0;color:#f7fbfe;font-size:30px;letter-spacing:-.04em}.nbx-apply-panel > p{position:relative;z-index:1;margin:16px 0 25px;color:#94a4b3;line-height:1.75}.nbx-apply-panel .btn{position:relative;z-index:1;width:100%;margin-top:10px}

@keyframes nbx-rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes nbx-panel{from{opacity:0;transform:translateY(24px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes nbx-orbit{to{transform:rotate(360deg)}}

@media(max-width:1080px){
  .nbx-shell{padding-left:38px;padding-right:38px}
  .nbx-hero,.nbx-job-hero{min-height:0;padding-top:135px;padding-bottom:90px;grid-template-columns:1fr;gap:55px}
  .nbx-team-portrait,.nbx-role-visual{min-height:440px}
  .nbx-member-profile{grid-template-columns:150px 1fr}.nbx-member-profile blockquote{grid-column:1/-1;padding:28px 0 0;border-left:0;border-top:1px solid rgba(56,189,248,.12)}
  .nbx-career-principles{grid-template-columns:1fr 1fr}.nbx-career-principles article:last-child{grid-column:1/-1;min-height:240px}
  .nbx-process{grid-template-columns:1fr 1fr;gap:55px 20px}.nbx-process::before{display:none}
  .nbx-job-layout{grid-template-columns:1fr}.nbx-apply-panel{position:relative;top:auto}
}

@media(max-width:700px){
  .nbx-shell{padding-left:21px;padding-right:21px}
  .nbx-hero,.nbx-job-hero{padding-top:118px;padding-bottom:72px;gap:42px}
  .nbx-hero-copy h1,.nbx-job-hero-copy h1{font-size:clamp(48px,14vw,66px)}.nbx-hero-copy > p,.nbx-job-hero-copy > p{font-size:15px}.nbx-hero-actions,.nbx-hero-actions .btn{width:100%}
  .nbx-section{padding-top:78px;padding-bottom:78px}.nbx-section-head{margin-bottom:42px}.nbx-section-head h2,.nbx-cta h2{font-size:clamp(36px,11vw,48px)}
  .nbx-team-portrait{min-height:470px;padding:28px;border-radius:24px}.nbx-portrait-orbit{top:55px;width:155px;height:155px}.nbx-portrait-orbit span{font-size:42px}
  .nbx-member-profile{padding:27px;grid-template-columns:1fr;gap:28px;border-radius:23px}.nbx-member-monogram{height:150px}.nbx-member-content h3{font-size:36px}.nbx-member-profile blockquote{grid-column:auto}
  .nbx-value-list article{padding:27px 0;grid-template-columns:38px 48px 1fr;gap:14px}.nbx-value-list article:hover{padding-left:7px}.nbx-value-list article > i{width:46px;height:46px}
  .nbx-cta{margin-bottom:88px;padding-top:54px;padding-bottom:54px;display:block;border-radius:24px}.nbx-cta-actions{margin-top:30px;justify-content:stretch}.nbx-cta-actions,.nbx-cta-actions .btn{width:100%}
  .nbx-career-console{padding:24px;border-radius:23px}.nbx-console-head{margin:-24px -24px 18px}.nbx-console-foot{grid-template-columns:25px 1fr}.nbx-console-foot small{grid-column:2;text-align:left}
  .nbx-career-principles,.nbx-open-roles,.nbx-career-end{grid-template-columns:1fr}.nbx-career-principles article,.nbx-career-principles article:last-child{grid-column:auto;min-height:270px;padding:28px}.nbx-role-card{min-height:390px;padding:29px}.nbx-role-card h3{font-size:35px}
  .nbx-process{grid-template-columns:1fr;gap:37px}.nbx-process li{padding:0;text-align:left;display:grid;grid-template-columns:68px 35px 1fr;align-items:center;column-gap:14px}.nbx-process li > span{width:64px;height:64px;margin:0;grid-row:1/3}.nbx-process h3{margin:0}.nbx-process p{grid-column:2/-1;margin-top:8px}
  .nbx-contact-person,.nbx-career-faq{padding:28px;border-radius:23px}
  .nbx-role-visual{min-height:370px;border-radius:24px}.nbx-role-visual::before{width:220px;height:220px}.nbx-visual-core{width:100px;height:100px;border-radius:27px;font-size:32px}
  .nbx-job-layout{padding-top:20px;padding-bottom:88px}.nbx-position-intro{padding:28px;grid-template-columns:1fr}.nbx-job-editorial > section{padding:29px 25px}.nbx-editorial-head{grid-template-columns:30px 48px 1fr;gap:12px}.nbx-editorial-head > i{width:48px;height:48px}.nbx-editorial-head h2{font-size:21px}.nbx-job-editorial ul{margin:24px 0 0;grid-template-columns:1fr}.nbx-apply-panel{padding:28px;border-radius:23px}
}

@media(prefers-reduced-motion:reduce){
  .nbx-hero-copy,.nbx-job-hero-copy,.nbx-team-portrait,.nbx-career-console,.nbx-role-visual{animation:none !important}
  .nbx-portrait-orbit::before,.nbx-tech-page .nbx-role-visual::before{animation:none !important}
}

/* ===== SHARED PREMIUM HEADER ===== */
header{
  height:84px;
  min-height:84px;
  border-bottom:1px solid rgba(56,189,248,.09) !important;
  background:linear-gradient(180deg,rgba(3,8,15,.9),rgba(3,9,17,.78));
  box-shadow:0 12px 38px rgba(0,0,0,.2),inset 0 -1px rgba(255,255,255,.012);
  -webkit-backdrop-filter:blur(18px) saturate(125%);
  backdrop-filter:blur(18px) saturate(125%);
  transition:height .32s cubic-bezier(.2,.72,.25,1),min-height .32s cubic-bezier(.2,.72,.25,1),background .32s ease,border-color .32s ease,box-shadow .32s ease;
}

header.is-scrolled{
  height:74px;
  min-height:74px;
  border-bottom-color:rgba(56,189,248,.15) !important;
  background:linear-gradient(180deg,rgba(2,7,13,.965),rgba(3,9,17,.91));
  box-shadow:0 18px 48px rgba(0,0,0,.36),0 1px 0 rgba(56,189,248,.035);
  -webkit-backdrop-filter:blur(22px) saturate(135%);
  backdrop-filter:blur(22px) saturate(135%);
}

header .navwrap{
  width:min(100%,1440px);
  max-width:1440px;
  height:84px;
  min-height:84px;
  padding:0 56px;
  gap:34px;
  transition:height .32s cubic-bezier(.2,.72,.25,1),min-height .32s cubic-bezier(.2,.72,.25,1),padding .32s ease;
}

header.is-scrolled .navwrap{
  height:74px;
  min-height:74px;
}

header .brand a{
  gap:0;
  padding:7px 0;
  transition:transform .25s ease,filter .25s ease;
}

header .brand a:hover{
  transform:translateY(-1px);
  filter:drop-shadow(0 0 15px rgba(34,211,238,.12));
}

header .brand span{
  font-size:32px !important;
  font-weight:850 !important;
  line-height:1;
  letter-spacing:-.045em;
  background:linear-gradient(110deg,#f8fbfd 8%,#dff8ff 48%,#38bdf8 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}

header.is-scrolled .brand span{font-size:30px !important}

header .right-nav{
  gap:25px;
}

header .right-nav > a:not(.login-btn),
header .company-trigger{
  min-height:44px;
  padding:0 2px;
  color:#c9d5df;
  font-size:14px;
  font-weight:720;
  letter-spacing:.005em;
  transition:color .24s ease,text-shadow .24s ease,transform .24s ease;
}

header .right-nav > a:not(.login-btn):hover,
header .right-nav > a:not(.login-btn):focus-visible,
header .company-trigger:hover,
header .company-trigger:focus-visible{
  color:#f5fbfd;
  text-shadow:0 0 18px rgba(34,211,238,.14);
  transform:translateY(-1px);
}

header .right-nav > a:not(.login-btn)::after,
header .company-trigger::after{
  right:8%;
  bottom:4px;
  left:8%;
  height:2px;
  background:linear-gradient(90deg,transparent,#22d3ee,transparent);
  box-shadow:0 0 10px rgba(34,211,238,.22);
  transform:scaleX(.25);
  transform-origin:center;
  transition:opacity .26s ease,transform .28s cubic-bezier(.2,.72,.25,1);
}

header .right-nav > a:not(.login-btn):is(:hover,:focus-visible,.is-current)::after,
header .company-menu:is(.is-open,.is-active) .company-trigger::after{
  opacity:1;
  transform:scaleX(1);
}

header .right-nav > a.is-current:not(.login-btn),
header .company-menu.is-active .company-trigger{
  color:#67e8f9;
  text-shadow:0 0 18px rgba(34,211,238,.2);
}

header .login-btn{
  min-height:46px;
  padding:0 22px;
  border:1px solid rgba(103,232,249,.4);
  border-radius:14px;
  color:#031019 !important;
  background:linear-gradient(135deg,#22d3ee,#06b6d4);
  box-shadow:0 12px 30px rgba(6,182,212,.18),inset 0 1px rgba(255,255,255,.22);
  font-size:14px;
  font-weight:850;
  transition:transform .28s cubic-bezier(.2,.72,.25,1),background .28s ease,border-color .28s ease,box-shadow .28s ease;
}

header .login-btn:hover,
header .login-btn:focus-visible,
header .login-btn.is-current{
  color:#031019 !important;
  border-color:rgba(165,243,252,.65);
  background:linear-gradient(135deg,#67e8f9,#22d3ee);
  box-shadow:0 17px 38px rgba(34,211,238,.23),0 0 25px rgba(34,211,238,.07),inset 0 1px rgba(255,255,255,.28);
  transform:translateY(-2px);
}

header .login-btn:active{transform:translateY(0) scale(.985)}

header .language-trigger{
  height:46px;
  min-width:86px;
  border-color:rgba(56,189,248,.2);
  border-radius:14px;
  color:#dce8ef;
  background:linear-gradient(145deg,rgba(8,24,40,.78),rgba(4,12,21,.72));
  box-shadow:inset 0 1px rgba(255,255,255,.03),0 10px 26px rgba(0,0,0,.17);
  transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease;
}

header .language-trigger:hover,
header .language-trigger:focus-visible,
header .language-trigger[aria-expanded="true"]{
  border-color:rgba(56,189,248,.42);
  background:rgba(14,116,144,.13);
  box-shadow:0 14px 30px rgba(0,0,0,.24),0 0 21px rgba(34,211,238,.055);
  transform:translateY(-1px);
}

header :is(.company-options,.language-options){
  border-color:rgba(56,189,248,.2);
  background:radial-gradient(circle at 90% 0,rgba(14,165,233,.1),transparent 38%),rgba(3,9,17,.97);
  box-shadow:0 28px 70px rgba(0,0,0,.52),0 0 34px rgba(34,211,238,.035),inset 0 1px rgba(255,255,255,.045);
  -webkit-backdrop-filter:blur(22px) saturate(125%);
  backdrop-filter:blur(22px) saturate(125%);
}

header .company-options{
  top:calc(100% + 14px);
  padding:10px;
  border-radius:17px;
}

header .company-options a{
  border:1px solid transparent;
  border-radius:11px;
}

header .company-options a:hover,
header .company-options a:focus-visible,
header .company-options a.is-current{
  border-color:rgba(56,189,248,.14);
  background:linear-gradient(90deg,rgba(14,165,233,.12),rgba(37,99,235,.045));
  transform:translateX(3px);
}

header .company-options a i{
  border-color:rgba(56,189,248,.18);
  background:rgba(14,165,233,.075);
  transition:color .22s ease,border-color .22s ease,background .22s ease,transform .22s ease,box-shadow .22s ease;
}

header .company-options a:hover i,
header .company-options a.is-current i{
  border-color:rgba(56,189,248,.35);
  color:#67e8f9 !important;
  background:rgba(14,165,233,.13);
  transform:translateY(-1px);
  box-shadow:0 0 17px rgba(34,211,238,.075);
}

@media(max-width:1100px){
  header .navwrap{padding-right:38px;padding-left:38px;gap:24px}
  header .right-nav{gap:15px}
  header .right-nav > a:not(.login-btn),header .company-trigger{font-size:13px}
  header .login-btn{padding-right:18px;padding-left:18px}
}

@media(max-width:820px){
  header,header.is-scrolled{height:auto;min-height:82px}
  header .navwrap,header.is-scrolled .navwrap{height:auto;min-height:82px;padding:14px 38px;gap:12px}
  header .right-nav{gap:8px 15px}
  header.is-scrolled .brand span{font-size:30px !important}
}

@media(max-width:600px){
  header,header.is-scrolled{
    position:sticky;
    top:0;
    background:linear-gradient(180deg,rgba(2,7,13,.98),rgba(3,9,17,.95));
    box-shadow:0 14px 38px rgba(0,0,0,.34);
  }
  header .navwrap,header.is-scrolled .navwrap{width:100%;max-width:100%;padding:15px 21px 17px}
  header .brand span,header.is-scrolled .brand span{font-size:29px !important}
  header .right-nav{width:100%;max-width:100%;gap:8px 10px}
  header .right-nav > a:not(.login-btn),header .company-trigger{min-height:38px;padding:0 4px;font-size:12px}
  header .login-btn,header .language-trigger{min-height:40px;height:40px;border-radius:12px}
  header .company-options{top:calc(100% + 10px)}
}

@media(prefers-reduced-motion:reduce){
  header,header .navwrap,header :is(a,button,.company-options,.language-options){transition-duration:.01ms !important}
}

/* ===== CANONICAL SHARED HEADER & FOOTER GEOMETRY ===== */
header,
footer.premium-footer{
  width:100%;
  max-width:none;
  margin-right:0;
  margin-left:0;
  box-sizing:border-box;
}

header .navwrap,
footer.premium-footer .footer-top-cards,
footer.premium-footer .footer-main,
footer.premium-footer .footer-bottom{
  width:min(100%,1440px);
  max-width:1440px;
  margin-right:auto !important;
  margin-left:auto !important;
  padding-right:56px;
  padding-left:56px;
  box-sizing:border-box;
}

header,
header .navwrap{
  height:84px;
  min-height:84px;
}

header.is-scrolled,
header.is-scrolled .navwrap{
  height:74px;
  min-height:74px;
}

footer.premium-footer{
  margin-top:88px;
  padding-top:68px;
}

footer.premium-footer .footer-top-cards{
  padding-top:0;
  padding-bottom:66px;
}

footer.premium-footer .footer-main{
  padding-top:0;
  padding-bottom:64px;
}

footer.premium-footer .footer-bottom{
  min-height:0;
  padding-top:27px;
  padding-bottom:29px;
}

@media(max-width:1080px){
  header .navwrap,
  footer.premium-footer .footer-top-cards,
  footer.premium-footer .footer-main,
  footer.premium-footer .footer-bottom{
    padding-right:38px;
    padding-left:38px;
  }
}

@media(max-width:820px){
  header,
  header .navwrap,
  header.is-scrolled,
  header.is-scrolled .navwrap{
    height:auto;
    min-height:82px;
  }

  header .navwrap,
  header.is-scrolled .navwrap{
    padding-top:14px;
    padding-bottom:14px;
  }
}

@media(max-width:700px){
  header .navwrap,
  header.is-scrolled .navwrap,
  footer.premium-footer .footer-top-cards,
  footer.premium-footer .footer-main,
  footer.premium-footer .footer-bottom{
    padding-right:21px;
    padding-left:21px;
  }

  footer.premium-footer{
    margin-top:68px;
    padding-top:48px;
  }

  footer.premium-footer .footer-top-cards{padding-bottom:52px}
  footer.premium-footer .footer-main{padding-bottom:50px}
  footer.premium-footer .footer-bottom{padding-top:27px;padding-bottom:27px}
}

@media(max-width:600px){
  header .navwrap,
  header.is-scrolled .navwrap{
    padding-top:15px;
    padding-bottom:17px;
  }
}