/*
Theme Name: Hawks Networks
Theme URI: https://hawksnetworks.com/
Author: Hawks Networks
Description: Premium corporate website theme for Hawks Networks, a BPO and call center company supporting USA-focused campaigns.
Version: 1.0.0
Text Domain: hawksnetworks
*/

:root{
  --gold:#BA8B37;
  --gold-soft:#D6B46A;
  --navy:#07111F;
  --charcoal:#111827;
  --slate:#64748B;
  --offwhite:#F8FAFC;
  --border:rgba(7,17,31,.12);
  --shadow:0 18px 55px rgba(7,17,31,.18);
  --shadow-soft:0 10px 30px rgba(7,17,31,.12);
  --radius:10px;
  --radius-sm:8px;
  --container:1180px;
  --gap:22px;
  --adminbar:0px;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:var(--offwhite);
  color:var(--charcoal);
  font-family:Inter, "Open Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
::selection{background:rgba(186,139,55,.28)}

body.admin-bar{--adminbar:32px}
@media (max-width: 782px){
  body.admin-bar{--adminbar:46px}
}

.hn-container{
  max-width:var(--container);
  margin:0 auto;
  padding:0 18px;
}
.hn-section{padding:66px 0}
.hn-section--tight{padding:48px 0}
.hn-section--dark{
  background:linear-gradient(180deg, rgba(7,17,31,1) 0%, rgba(7,17,31,1) 55%, rgba(17,24,39,1) 100%);
  color:rgba(248,250,252,.92);
}
.hn-section--light{background:var(--offwhite)}
.hn-section--white{background:#fff}

.hn-kicker{
  display:inline-flex;
  gap:10px;
  align-items:center;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size:12px;
  color:rgba(248,250,252,.78);
}
.hn-kicker--dark{color:rgba(17,24,39,.76)}
.hn-kicker__dot{
  width:10px;height:10px;border-radius:999px;
  background:linear-gradient(180deg, var(--gold) 0%, var(--gold-soft) 100%);
  box-shadow:0 0 0 5px rgba(186,139,55,.18);
}

h1,h2,h3,h4{
  font-family:Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  margin:0 0 12px;
  line-height:1.18;
  letter-spacing:-.02em;
}
h1{font-size:44px}
h2{font-size:32px}
h3{font-size:20px}
p{margin:0 0 12px;color:inherit}
.hn-muted{color:rgba(248,250,252,.72)}
.hn-muted--dark{color:rgba(17,24,39,.72)}
.hn-small{font-size:14px}
.hn-lead{font-size:16px;color:rgba(248,250,252,.78)}
.hn-lead--dark{color:rgba(17,24,39,.76)}

.hn-grid{
  display:grid;
  gap:var(--gap);
}
.hn-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.hn-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.hn-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}

.hn-card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow-soft);
  overflow:hidden;
}
.hn-card--dark{
  background:rgba(17,24,39,.55);
  border:1px solid rgba(214,180,106,.18);
  box-shadow:0 24px 70px rgba(0,0,0,.35);
  backdrop-filter:blur(10px);
}
.hn-card__pad{padding:18px 18px 16px}
.hn-card__title{margin:0 0 6px;font-size:18px}
.hn-card__text{margin:0;color:rgba(17,24,39,.72);font-size:14px}
.hn-card--dark .hn-card__text{color:rgba(248,250,252,.74)}

.hn-feature-grid{
  display:grid;
  gap:10px;
  margin-top:16px;
}
.hn-feature-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.hn-feature-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}

.hn-feature{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(214,180,106,.18);
  background:rgba(17,24,39,.52);
  backdrop-filter:blur(10px);
}
.hn-feature__icon{
  width:34px;height:34px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(186,139,55,.12);
  border:1px solid rgba(186,139,55,.24);
  color:var(--gold-soft);
  flex:0 0 34px;
}
.hn-feature__icon svg{width:18px;height:18px;stroke:currentColor}
.hn-feature__title{
  margin:0;
  font-family:Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight:700;
  font-size:13px;
  color:rgba(248,250,252,.95);
  line-height:1.2;
}
.hn-feature__desc{
  margin:3px 0 0;
  font-size:12px;
  color:rgba(248,250,252,.72);
  line-height:1.35;
}

.hn-feature--light{
  background:rgba(248,250,252,.92);
  border:1px solid rgba(7,17,31,.14);
  backdrop-filter:none;
}
.hn-feature--light .hn-feature__title{color:rgba(17,24,39,.92)}
.hn-feature--light .hn-feature__desc{color:rgba(17,24,39,.70)}

.hn-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 11px;
  font-size:12px;
  border-radius:12px;
  border:1px solid rgba(214,180,106,.20);
  color:rgba(248,250,252,.86);
  background:rgba(17,24,39,.45);
}
.hn-chip--light{
  color:rgba(17,24,39,.82);
  background:rgba(248,250,252,.92);
  border:1px solid rgba(7,17,31,.14);
}

.hn-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:12px 16px;
  border-radius:var(--radius-sm);
  border:1px solid transparent;
  font-weight:600;
  font-family:Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size:14px;
  line-height:1;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
  user-select:none;
}
.hn-btn:active{transform:translateY(1px)}
.hn-btn--gold{
  background:var(--gold);
  color:#07111F;
  border-color:rgba(186,139,55,.50);
  box-shadow:0 14px 35px rgba(186,139,55,.22);
}
.hn-btn--gold:hover{
  transform:translateY(-1px);
  background:var(--gold-soft);
  border-color:rgba(214,180,106,.55);
  box-shadow:0 18px 48px rgba(186,139,55,.28);
}
.hn-btn--ghost{
  background:rgba(248,250,252,.06);
  border-color:rgba(248,250,252,.24);
  color:rgba(248,250,252,.9);
}
.hn-btn--ghost:hover{background:rgba(248,250,252,.10);transform:translateY(-1px)}
.hn-btn--dark{
  background:#07111F;
  border-color:rgba(7,17,31,.24);
  color:rgba(248,250,252,.92);
}
.hn-btn--dark:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft)}

.hn-link{
  font-weight:600;
  color:var(--gold);
  font-family:Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.hn-link:hover{color:var(--gold-soft)}

.hn-header{
  position:sticky;
  top:var(--adminbar);
  z-index:1000;
  transition:background .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.hn-header__bar{
  background:#05070B;
  border-bottom:1px solid rgba(186,139,55,.25);
}
.hn-header.is-scrolled .hn-header__bar{
  background:#05070B;
  border-bottom-color:rgba(186,139,55,.25);
  box-shadow:0 18px 55px rgba(0,0,0,.28);
}
.hn-nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:10px 0;
}
.hn-brand{
  display:flex;
  align-items:center;
  gap:12px;
}
.hn-brand__logo{
  width:160px;
  height:auto;
}
.hn-nav__right{
  display:flex;
  align-items:center;
  gap:18px;
}
.hn-header .hn-btn{
  padding:11px 14px;
}
.hn-menu{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  align-items:center;
  gap:18px;
}
.hn-menu li{display:flex}
.hn-menu a{
  position:relative;
  font-family:Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size:13px;
  font-weight:600;
  letter-spacing:.01em;
  color:#F8FAFC;
  padding:10px 2px;
  transition:color .18s ease;
}
.hn-menu a:hover{color:var(--gold-soft)}
.hn-menu a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:6px;
  width:0%;
  height:2px;
  background:linear-gradient(90deg, var(--gold) 0%, var(--gold-soft) 100%);
  transition:width .18s ease;
}
.hn-menu a:hover::after{width:100%}
.hn-menu .current-menu-item>a,
.hn-menu .current_page_item>a,
.hn-menu .current-menu-ancestor>a{
  color:var(--gold);
}
.hn-menu .current-menu-item>a::after,
.hn-menu .current_page_item>a::after{width:100%}

.hn-burger{
  display:none;
  width:42px;height:42px;
  align-items:center;
  justify-content:center;
  border-radius:var(--radius-sm);
  background:rgba(248,250,252,.06);
  border:1px solid rgba(248,250,252,.18);
}
.hn-burger span{
  display:block;
  width:18px;height:2px;
  background:rgba(248,250,252,.92);
  position:relative;
}
.hn-burger span::before,
.hn-burger span::after{
  content:"";
  position:absolute;
  left:0;
  width:18px;height:2px;
  background:rgba(248,250,252,.92);
}
.hn-burger span::before{top:-6px}
.hn-burger span::after{top:6px}

.hn-mobile{
  position:fixed;
  top:var(--adminbar);
  right:0;
  bottom:0;
  left:0;
  height:calc(100% - var(--adminbar));
  z-index:1200;
  display:none;
}
.hn-mobile.is-open{display:block}
.hn-mobile__backdrop{
  position:absolute;
  inset:0;
  background:rgba(7,17,31,.72);
  backdrop-filter:blur(8px);
}
.hn-mobile__panel{
  position:absolute;
  top:0;right:0;bottom:0;
  width:min(360px, 86vw);
  background:linear-gradient(180deg, rgba(7,17,31,.98) 0%, rgba(17,24,39,.98) 100%);
  border-left:1px solid rgba(214,180,106,.16);
  box-shadow:0 40px 90px rgba(0,0,0,.45);
  padding:18px;
  transform:translateX(12px);
  animation:hnSlideIn .18s ease forwards;
}
@keyframes hnSlideIn{to{transform:translateX(0)}}
.hn-mobile__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(214,180,106,.14);
}
.hn-mobile__close{
  width:42px;height:42px;
  border-radius:var(--radius-sm);
  background:rgba(248,250,252,.06);
  border:1px solid rgba(248,250,252,.16);
  color:rgba(248,250,252,.9);
  font-size:18px;
}
.hn-mobile__menu{
  padding:16px 0 18px;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.hn-mobile__menu a{
  padding:12px 12px;
  border-radius:var(--radius-sm);
  border:1px solid rgba(214,180,106,.10);
  background:rgba(248,250,252,.04);
  color:rgba(248,250,252,.90);
  font-family:Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight:600;
  font-size:13px;
}
.hn-mobile__menu a:hover{border-color:rgba(214,180,106,.30);background:rgba(186,139,55,.10)}
.hn-mobile__cta{padding-top:12px;border-top:1px solid rgba(214,180,106,.14)}
.hn-mobile__cta .hn-btn{width:100%}

.hn-hero{
  position:relative;
  min-height:78vh;
  display:flex;
  align-items:center;
  overflow:hidden;
}
.hn-hero__bg{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  filter:saturate(.95) contrast(1.05);
  transform:scale(1.03);
}
.hn-hero__overlay{
  position:absolute;
  inset:0;
  background:
    radial-gradient(900px 500px at 20% 30%, rgba(214,180,106,.22), transparent 60%),
    radial-gradient(800px 500px at 80% 65%, rgba(186,139,55,.16), transparent 60%),
    linear-gradient(90deg, rgba(5,7,11,.84) 0%, rgba(5,7,11,.56) 55%, rgba(5,7,11,.78) 100%);
}
.hn-hero__content{
  position:relative;
  padding:calc(62px + var(--adminbar)) 0 74px;
}
.hn-hero__grid{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:28px;
  align-items:center;
}
.hn-hero__grid > div:last-child{
  display:grid;
  gap:14px;
}
.hn-hero h1{color:rgba(248,250,252,.96)}
.hn-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.hn-hero__meta{
  display:grid;
  gap:12px;
}
.hn-metric{
  border-radius:var(--radius);
  border:1px solid rgba(214,180,106,.16);
  background:rgba(17,24,39,.55);
  box-shadow:0 22px 70px rgba(0,0,0,.35);
  padding:14px 14px 12px;
  backdrop-filter:blur(10px);
}
.hn-metric__value{
  font-family:Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight:700;
  font-size:20px;
  color:rgba(248,250,252,.95);
}
.hn-metric__label{font-size:12px;color:rgba(248,250,252,.72)}

.hn-media{
  position:relative;
  border-radius:var(--radius);
  overflow:hidden;
  border:1px solid rgba(214,180,106,.14);
  box-shadow:var(--shadow);
}
.hn-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, transparent 0%, rgba(7,17,31,.12) 45%, rgba(7,17,31,.55) 100%);
}
.hn-media img{width:100%;height:100%;object-fit:cover;min-height:280px}

.hn-icon{
  width:40px;height:40px;
  border-radius:var(--radius-sm);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(186,139,55,.12);
  border:1px solid rgba(186,139,55,.22);
}
.hn-icon svg{width:20px;height:20px;stroke:var(--gold-soft)}

.hn-card--hover{
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.hn-card--hover:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 55px rgba(7,17,31,.18);
  border-color:rgba(186,139,55,.26);
}

.hn-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--gap);
  align-items:stretch;
}
.hn-split--reversed{grid-template-columns:1fr 1fr}

.hn-list{
  margin:12px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
}
.hn-list li{
  display:flex;
  gap:10px;
  align-items:flex-start;
  color:rgba(17,24,39,.76);
  font-size:14px;
}
.hn-list li span{
  display:inline-flex;
  width:18px;height:18px;
  border-radius:999px;
  align-items:center;
  justify-content:center;
  background:rgba(186,139,55,.14);
  border:1px solid rgba(186,139,55,.22);
  margin-top:2px;
}
.hn-list li span svg{width:12px;height:12px;stroke:var(--gold)}

.hn-banner{
  border-radius:var(--radius);
  overflow:hidden;
  border:1px solid rgba(214,180,106,.14);
  background:linear-gradient(180deg, rgba(7,17,31,.94) 0%, rgba(17,24,39,.96) 100%);
  box-shadow:0 28px 90px rgba(0,0,0,.35);
  position:relative;
}
.hn-banner__bg{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  opacity:.22;
  filter:saturate(.9) contrast(1.08);
}
.hn-banner__inner{
  position:relative;
  padding:22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.hn-banner__inner h3{margin:0;color:rgba(248,250,252,.95);font-size:18px}
.hn-banner__inner p{margin:0;color:rgba(248,250,252,.74);font-size:14px}
.hn-banner__copy{max-width:640px}

.hn-page-hero{
  background:linear-gradient(180deg, rgba(7,17,31,1) 0%, rgba(7,17,31,1) 60%, rgba(248,250,252,1) 100%);
  color:rgba(248,250,252,.92);
  padding:calc(50px + var(--adminbar)) 0 34px;
}
.hn-page-hero__grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:var(--gap);
  align-items:stretch;
}
.hn-page-hero__panel{
  border-radius:var(--radius);
  border:1px solid rgba(214,180,106,.16);
  background:rgba(17,24,39,.55);
  backdrop-filter:blur(10px);
  padding:18px 18px 16px;
}
.hn-page-hero__panel p{margin:0;color:rgba(248,250,252,.78);font-size:14px}

.hn-form{
  display:grid;
  gap:12px;
}
.hn-field{
  display:grid;
  gap:6px;
}
.hn-field label{
  font-family:Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight:600;
  font-size:12px;
  color:rgba(17,24,39,.76);
}
.hn-input,
.hn-select,
.hn-textarea{
  width:100%;
  padding:12px 12px;
  border-radius:var(--radius-sm);
  border:1px solid rgba(7,17,31,.18);
  background:#fff;
  color:var(--charcoal);
  outline:none;
  font-size:14px;
  transition:border-color .18s ease, box-shadow .18s ease;
}
.hn-textarea{min-height:140px;resize:vertical}
.hn-input:focus,
.hn-select:focus,
.hn-textarea:focus{
  border-color:rgba(186,139,55,.58);
  box-shadow:0 0 0 4px rgba(186,139,55,.16);
}
.hn-form__note{
  font-size:12px;
  color:rgba(17,24,39,.62);
}
.hn-form__status{
  display:none;
  padding:10px 12px;
  border-radius:var(--radius-sm);
  border:1px solid rgba(7,17,31,.12);
  background:rgba(248,250,252,.9);
  font-size:13px;
}
.hn-form__status.is-show{display:block}
.hn-form__status.is-ok{border-color:rgba(16,185,129,.28);background:rgba(16,185,129,.10);color:rgba(6,95,70,1)}
.hn-form__status.is-err{border-color:rgba(239,68,68,.25);background:rgba(239,68,68,.10);color:rgba(127,29,29,1)}

.hn-contact-card{
  border:1px solid rgba(7,17,31,.12);
  box-shadow:var(--shadow-soft);
}
.hn-contact-items{
  display:grid;
  gap:10px;
  margin-top:14px;
}
.hn-contact-item{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:12px 12px;
  border-radius:var(--radius);
  border:1px solid rgba(7,17,31,.12);
  background:rgba(248,250,252,.92);
}
.hn-contact-item__title{
  font-family:Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight:700;
  font-size:13px;
  color:rgba(17,24,39,.92);
  margin:0 0 4px;
}
.hn-contact-item__text{
  font-size:13px;
  color:rgba(17,24,39,.72);
  margin:0;
  line-height:1.4;
}
.hn-contact-item__text a{color:rgba(17,24,39,.86)}
.hn-contact-item__text a:hover{color:var(--gold)}

.hn-footer{
  background:linear-gradient(180deg, rgba(7,17,31,1) 0%, rgba(17,24,39,1) 100%);
  color:rgba(248,250,252,.86);
  border-top:1px solid rgba(214,180,106,.14);
}
.hn-footer__top{padding:52px 0 26px}
.hn-footer__grid{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr 1fr;
  gap:24px;
}
.hn-footer__brand img{width:170px;height:auto;margin-bottom:12px}
.hn-footer h4{font-size:14px;margin:0 0 10px;letter-spacing:.02em}
.hn-footer a{color:rgba(248,250,252,.78);font-size:13px}
.hn-footer a:hover{color:var(--gold-soft)}
.hn-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.hn-footer__bottom{
  border-top:1px solid rgba(214,180,106,.12);
  padding:14px 0;
  font-size:12px;
  color:rgba(248,250,252,.70);
}
.hn-footer__contact{
  display:grid;
  gap:10px;
  font-size:13px;
  color:rgba(248,250,252,.76);
}
.hn-footer__contact strong{color:rgba(248,250,252,.90);font-weight:600}

@media (max-width: 980px){
  h1{font-size:38px}
  .hn-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hn-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hn-feature-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hn-hero__grid{grid-template-columns:1fr}
  .hn-hero__meta{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hn-page-hero__grid{grid-template-columns:1fr}
  .hn-footer__grid{grid-template-columns:1.4fr 1fr;gap:18px}
}
@media (max-width: 760px){
  h1{font-size:32px}
  h2{font-size:26px}
  .hn-section{padding:54px 0}
  .hn-menu{display:none}
  .hn-burger{display:inline-flex}
  .hn-hero{min-height:72vh}
  .hn-hero__content{padding:calc(54px + var(--adminbar)) 0 60px}
  .hn-hero__meta{grid-template-columns:1fr}
  .hn-grid--2{grid-template-columns:1fr}
  .hn-grid--3{grid-template-columns:1fr}
  .hn-grid--4{grid-template-columns:1fr}
  .hn-feature-grid--2{grid-template-columns:1fr}
  .hn-feature-grid--3{grid-template-columns:1fr}
  .hn-split{grid-template-columns:1fr}
  .hn-banner__inner{flex-direction:column;align-items:flex-start}
  .hn-footer__grid{grid-template-columns:1fr}
  .hn-brand__logo{width:146px}
}