:root{
  --sc3-bg:#02050c;
  --sc3-panel:#080e18;
  --sc3-cyan:#55f3ff;
  --sc3-blue:#008cff;
  --sc3-orange:#ff8a00;
  --sc3-green:#25d366;
  --sc3-white:#f8fbff;
  --sc3-muted:#9facc2;
  --sc3-line:rgba(255,255,255,.10);
}

html{scroll-padding-top:100px}
body.sc3-menu-open{overflow:hidden}

.sc3-header{
  position:sticky;
  top:0;
  z-index:9999;
  height:96px;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(2,5,12,.88);
  box-shadow:0 16px 55px rgba(0,0,0,.35);
  backdrop-filter:blur(24px) saturate(140%);
}
.sc3-header:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,var(--sc3-cyan),var(--sc3-blue),var(--sc3-orange),transparent);
  background-size:220% 100%;
  opacity:.48;
  animation:sc3Line 7s linear infinite;
}
@keyframes sc3Line{to{background-position:220% 0}}

.sc3-header-inner{
  width:min(1460px,calc(100% - 40px));
  height:96px;
  margin:auto;
  display:grid;
  grid-template-columns:290px 1fr auto;
  align-items:center;
  gap:26px;
}

.sc3-logo{
  width:290px;
  height:76px;
  display:flex;
  align-items:center;
  overflow:hidden;
}
.sc3-logo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:left center;
  transform:scale(2.3);
  transform-origin:left center;
  filter:drop-shadow(0 0 18px rgba(0,140,255,.36));
}

.sc3-nav{
  justify-self:center;
  display:flex;
  align-items:center;
  gap:5px;
  padding:7px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:999px;
  background:rgba(255,255,255,.035);
}
.sc3-nav a{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 13px;
  border-radius:999px;
  color:rgba(255,255,255,.82);
  text-decoration:none;
  font-size:14px;
  font-weight:850;
  white-space:nowrap;
  transition:.25s ease;
}
.sc3-nav a:hover,.sc3-nav a.active,.sc3-nav a[aria-current="page"]{
  color:#fff;
  background:rgba(255,255,255,.09);
  transform:translateY(-1px);
}

.sc3-wa-button{
  min-height:54px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:0 24px;
  border:1px solid rgba(37,211,102,.75);
  border-radius:999px;
  background:rgba(37,211,102,.075);
  color:#fff!important;
  text-decoration:none;
  font-weight:950;
  box-shadow:0 0 32px rgba(37,211,102,.12);
  transition:.25s ease;
}
.sc3-wa-button:hover{transform:translateY(-3px);background:rgba(37,211,102,.13);box-shadow:0 16px 45px rgba(37,211,102,.2)}
.sc3-wa-icon{width:20px;height:20px;display:block;fill:currentColor;flex:0 0 20px}

.sc3-menu-toggle{
  display:none;
  width:48px;height:48px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:15px;
  background:rgba(255,255,255,.055);
  cursor:pointer;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:6px;
}
.sc3-menu-toggle span{width:22px;height:2px;border-radius:99px;background:#fff;transition:.25s ease}
.sc3-menu-toggle.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.sc3-menu-toggle.active span:nth-child(2){opacity:0}
.sc3-menu-toggle.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

.sc3-wa-float{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:9998;
  width:62px;
  height:62px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.32);
  border-radius:50%;
  background:linear-gradient(145deg,#25d366,#58ef91);
  color:#fff!important;
  box-shadow:0 20px 55px rgba(37,211,102,.35),0 0 0 8px rgba(37,211,102,.07);
  transition:.25s ease;
}
.sc3-wa-float:hover{transform:translateY(-5px) scale(1.05)}
.sc3-wa-float .sc3-wa-icon{width:31px;height:31px}

.sc3-home-intro{
  position:relative;
  overflow:hidden;
  padding:82px 18px;
  border-top:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.07);
  background:
    radial-gradient(circle at 13% 0%,rgba(0,140,255,.15),transparent 30rem),
    radial-gradient(circle at 88% 20%,rgba(255,138,0,.09),transparent 28rem),
    #040a14;
}
.sc3-home-intro-inner{width:min(1220px,100%);margin:auto}
.sc3-home-kicker{display:block;margin-bottom:14px;color:var(--sc3-cyan);font-size:12px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}
.sc3-home-intro h1{max-width:960px;margin:0;color:#fff;font-size:clamp(38px,5.6vw,72px);line-height:1.03;letter-spacing:-.055em}
.sc3-home-intro p{max-width:850px;margin:22px 0 0;color:#afbdd1;font-size:18px;line-height:1.75}
.sc3-page-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:36px}
.sc3-page-links a{min-height:112px;display:flex;flex-direction:column;justify-content:space-between;padding:20px;border:1px solid var(--sc3-line);border-radius:18px;background:linear-gradient(145deg,rgba(18,47,88,.8),rgba(6,17,34,.93));color:#fff;text-decoration:none;transition:.3s ease}
.sc3-page-links a:hover{transform:translateY(-6px);border-color:rgba(85,243,255,.4);box-shadow:0 24px 60px rgba(0,0,0,.35),0 0 30px rgba(0,140,255,.12)}
.sc3-page-links strong{font-size:16px}.sc3-page-links span{color:#70bcff;font-size:13px;font-weight:850}

.sc3-footer{
  position:relative;
  padding:58px 18px 24px;
  border-top:1px solid rgba(255,255,255,.08);
  background:radial-gradient(circle at 10% 0%,rgba(0,140,255,.12),transparent 24rem),#02050c;
  color:var(--sc3-muted);
}
.sc3-footer-inner{width:min(1220px,100%);margin:auto}
.sc3-footer-top{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.08)}
.sc3-footer-logo{width:245px;height:70px;display:flex;align-items:center;overflow:hidden}
.sc3-footer-logo img{width:100%;height:100%;object-fit:contain;object-position:left center;transform:scale(2.15);transform-origin:left center}
.sc3-footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:48px;padding:38px 0}
.sc3-footer-grid h3{margin:0 0 11px;color:#fff;font-size:14px;letter-spacing:.08em;text-transform:uppercase}
.sc3-footer-grid p{max-width:430px;margin:0;line-height:1.75}
.sc3-footer-grid a{display:block;width:max-content;max-width:100%;margin:8px 0;color:var(--sc3-muted);text-decoration:none;transition:.2s ease}
.sc3-footer-grid a:hover{color:#fff;transform:translateX(4px)}
.sc3-footer-bottom{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding-top:21px;border-top:1px solid rgba(255,255,255,.08);font-size:13px}

/* Keep the existing hero directly below the sticky header. */
.hero-banner{margin-top:0!important}

@media(max-width:1220px){
  .sc3-header-inner{grid-template-columns:245px 1fr auto;gap:16px}
  .sc3-logo{width:245px}.sc3-logo img{transform:scale(2.15)}
  .sc3-nav a{padding:0 10px;font-size:13px}
  .sc3-wa-button{padding:0 18px}
}

@media(max-width:1050px){
  .sc3-header-inner{display:flex;justify-content:space-between;width:calc(100% - 26px)}
  .sc3-logo{width:245px;height:70px}
  .sc3-nav{
    position:absolute;
    left:13px;right:13px;top:88px;
    display:none;
    padding:14px;
    border-radius:20px;
    flex-direction:column;
    align-items:stretch;
    background:rgba(3,8,17,.98);
    box-shadow:0 28px 80px rgba(0,0,0,.65);
  }
  .sc3-nav.open{display:flex}
  .sc3-nav a{justify-content:flex-start;padding:0 16px}
  .sc3-header>.sc3-header-inner>.sc3-wa-button{display:none}
  .sc3-menu-toggle{display:flex}
  .sc3-page-links{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:650px){
  .sc3-header{height:82px}.sc3-header-inner{height:82px}
  .sc3-logo{width:205px;height:62px}.sc3-logo img{transform:scale(2.05)}
  .sc3-nav{top:79px}
  .sc3-home-intro{padding:62px 14px}
  .sc3-home-intro p{font-size:16px}
  .sc3-page-links{grid-template-columns:1fr}
  .sc3-footer-top{display:block}.sc3-footer-logo{margin-bottom:20px}
  .sc3-footer-grid{grid-template-columns:1fr;gap:30px}
  .sc3-wa-float{right:15px;bottom:15px;width:56px;height:56px}
}