:root{
  --navy:#031a3d;--navy-2:#082a60;--red:#d50b17;--red-2:#f0242f;
  --white:#fff;--ice:#f4f7fb;--text:#152033;--muted:#677386;
  --line:#e4e8ef;--shadow:0 18px 48px rgba(2,22,52,.13);
  --radius:18px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:white}
img{display:block;max-width:100%}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 36px));margin:auto}
body.menu-open{overflow:hidden}
.header{position:sticky;top:0;z-index:120;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(3,26,61,.08)}
.nav{height:84px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;margin-right:auto}.brand img{width:64px;height:64px;border-radius:50%;object-fit:cover}
.brand div{display:grid;line-height:.9}.brand strong,.footer-brand strong{font:800 2rem 'Barlow Condensed';color:var(--navy);letter-spacing:.03em}.brand span,.footer-brand span{font:800 .72rem 'Barlow Condensed';letter-spacing:.13em;color:var(--red)}
nav{display:flex;gap:24px;align-items:center}nav a{font:700 .95rem 'Barlow Condensed';text-transform:uppercase;color:var(--navy)}nav a:hover,nav a.active{color:var(--red)}
.menu{display:none;border:0;background:none;font-size:1.75rem;color:var(--navy)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 21px;border-radius:7px;background:linear-gradient(135deg,var(--red),var(--red-2));color:white;font:800 1rem 'Barlow Condensed';text-transform:uppercase;box-shadow:0 10px 24px rgba(213,11,23,.23);transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-small{padding:12px 17px}.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.7);box-shadow:none}.btn-light{background:white;color:var(--red);box-shadow:none}
.hero{position:relative;overflow:hidden;color:white;background:radial-gradient(circle at 75% 50%,rgba(30,88,165,.5),transparent 31%),linear-gradient(115deg,#02142f,#06295f 60%,#03172f)}
.hero::before{content:"";position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:54px 54px}
.hero-grid{position:relative;min-height:620px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:48px}.pill{display:inline-block;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.07);padding:8px 12px;border-radius:999px;font:700 .76rem Inter;letter-spacing:.08em}
.hero h1,.page-hero h1,.section-head h2,.split h2,.cta h2{font:800 clamp(3rem,7vw,6.6rem)/.9 'Barlow Condensed';text-transform:uppercase;margin:16px 0}.hero h1 em{font-style:normal;color:#ff2530}.hero p{font-size:1.1rem;line-height:1.75;color:#e6edf7;max-width:700px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.hero-logo{position:relative;display:grid;place-items:center}.hero-logo img{width:min(470px,95%);border-radius:50%;box-shadow:0 0 0 9px rgba(255,255,255,.12),0 30px 70px rgba(0,0,0,.34)}.tagline{margin-top:14px;font:800 1.15rem 'Barlow Condensed';letter-spacing:.08em;text-transform:uppercase}
.section{padding:88px 0}.section.alt{background:var(--ice)}.section.dark{background:linear-gradient(115deg,#02142f,#072b61);color:white}.section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:38px}.section-head h2{font-size:clamp(2.4rem,5vw,4.3rem);color:var(--navy);margin:5px 0}.section.dark .section-head h2{color:white}.section-head p{max-width:520px;color:var(--muted);line-height:1.7}.kicker{color:var(--red);font:800 .78rem Inter;letter-spacing:.16em}.center{text-align:center;justify-content:center}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:white;box-shadow:0 10px 30px rgba(3,26,61,.06);transition:.22s}.card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.icon{width:54px;height:54px;display:grid;place-items:center;border-radius:13px;background:#eef2f7;color:var(--red);font-size:1.5rem}.card h3{font:800 1.5rem 'Barlow Condensed';text-transform:uppercase;color:var(--navy)}.card p{color:var(--muted);line-height:1.65}.card a{font-weight:700;color:var(--red)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.split h2{font-size:clamp(2.4rem,5vw,4.3rem);color:inherit}.split p{line-height:1.75;color:inherit;opacity:.9}.photo{position:relative}.photo img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:20px;box-shadow:var(--shadow)}.badge{position:absolute;left:-20px;bottom:-20px;padding:17px 20px;background:white;color:var(--navy);border-radius:12px;box-shadow:var(--shadow)}.badge b{display:block;font:800 1.45rem 'Barlow Condensed';text-transform:uppercase;color:var(--red)}.story-callout{margin:22px 0;padding:18px 20px;border-left:5px solid var(--red);background:rgba(255,255,255,.08);border-radius:8px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.industry{padding:25px;border:1px solid var(--line);border-radius:14px;background:white;text-align:center;transition:.22s}.industry:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.industry b{display:block;margin-top:10px;font:800 1.15rem 'Barlow Condensed';text-transform:uppercase;color:var(--navy)}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{padding:26px;border-radius:15px;background:white;border:1px solid var(--line)}.step strong{color:var(--red)}.step h3{font:800 1.45rem 'Barlow Condensed';text-transform:uppercase;color:var(--navy)}.step p{color:var(--muted);line-height:1.55}
.choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.choice{padding:28px;border-radius:16px;background:white;border:1px solid var(--line);box-shadow:0 8px 24px rgba(3,26,61,.05)}.choice h3{font:800 1.45rem 'Barlow Condensed';text-transform:uppercase;color:var(--navy)}.choice p{color:var(--muted);line-height:1.6}
.testimonials{position:relative}.quote-wrap{max-width:850px;margin:auto;text-align:center}.quote{display:none;background:white;border:1px solid var(--line);border-radius:18px;padding:38px;box-shadow:var(--shadow)}.quote.active{display:block}.quote .stars{color:#f1b700;letter-spacing:4px}.quote p{font-size:1.22rem;line-height:1.7}.dots{display:flex;justify-content:center;gap:8px;margin-top:18px}.dots button{width:9px;height:9px;border:0;border-radius:50%;background:#c8d0db}.dots button.active{background:var(--red)}
.faq{max-width:900px;margin:auto}.faq-item{border-bottom:1px solid var(--line)}.faq-btn{width:100%;display:flex;justify-content:space-between;gap:20px;padding:20px 0;border:0;background:none;text-align:left;font:800 1.25rem 'Barlow Condensed';color:var(--navy);cursor:pointer}.faq-panel{display:none;padding:0 0 20px;color:var(--muted);line-height:1.7}.faq-item.open .faq-panel{display:block}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px}.contact-card{padding:28px;background:white;border-radius:18px;box-shadow:var(--shadow)}.contact-list{display:grid;gap:14px}.contact-list a,.contact-list p{padding:14px;border:1px solid var(--line);border-radius:10px}.form{display:grid;gap:14px}.form input,.form textarea,.form select{width:100%;padding:14px;border:1px solid #d8dee7;border-radius:9px}.form textarea{min-height:150px}.form button{border:0}
.page-hero{background:linear-gradient(115deg,#02142f,#07306b);color:white;padding:100px 0 70px}.page-hero h1{font-size:clamp(3.2rem,7vw,6rem)}.page-hero p{max-width:760px;line-height:1.75;color:#dfe7f2;font-size:1.08rem}.breadcrumb{font-size:.82rem;color:#b9c5d5}
.resource-card{padding:26px;border-radius:15px;background:white;border:1px solid var(--line)}.resource-card small{color:var(--red);font-weight:800}.resource-card h3{font:800 1.5rem 'Barlow Condensed';text-transform:uppercase;color:var(--navy)}.resource-card p{color:var(--muted);line-height:1.6}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.post{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:white}.post-cover{height:170px;background:linear-gradient(135deg,var(--navy),#0f4c95);position:relative}.post-cover::after{content:"AI";position:absolute;right:18px;bottom:10px;color:rgba(255,255,255,.16);font:800 5rem 'Barlow Condensed'}.post-body{padding:22px}.post-body h3{font:800 1.45rem 'Barlow Condensed';text-transform:uppercase;color:var(--navy)}.post-body p{color:var(--muted);line-height:1.6}
.cta{padding:72px 0;background:linear-gradient(135deg,#c80713,#ef1d28);color:white}.cta-grid{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.cta h2{font-size:clamp(2.5rem,5vw,4.2rem);color:white}.cta p{font-size:1.05rem}
footer{background:#02142f;color:white;padding:34px 0 18px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr .8fr;align-items:center;gap:30px}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand img{width:66px;border-radius:50%}.footer-brand div{display:grid;line-height:.9}.footer-brand strong{color:white}.footer-grid p{color:#c9d2df}.footer-links{display:flex;gap:18px;justify-content:flex-end;flex-wrap:wrap}.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.13);padding-top:16px;margin-top:24px;color:#aeb9c8;font-size:.8rem}
.reveal{opacity:0;transform:translateY(18px);transition:.65s}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){nav{display:none;position:fixed;top:84px;left:0;right:0;bottom:0;background:white;padding:30px;flex-direction:column;align-items:flex-start}.menu{display:block}.nav>.btn-small{display:none}.hero-grid,.split,.contact-grid,.cta-grid{grid-template-columns:1fr}.hero-grid{padding:52px 0}.hero-copy{text-align:center}.actions{justify-content:center}.hero-logo{padding-bottom:40px}.cards,.choice-grid,.industry-grid,.process{grid-template-columns:repeat(2,1fr)}.grid-3,.blog-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-brand,.footer-links{justify-content:center}}
@media(max-width:650px){.section{padding:64px 0}.container{width:min(100% - 26px,1180px)}.brand strong{font-size:1.7rem}.brand span{font-size:.62rem}.hero h1{font-size:clamp(3.2rem,17vw,5rem)}.cards,.choice-grid,.industry-grid,.process,.grid-3,.grid-2,.blog-grid{grid-template-columns:1fr}.section-head{display:block}.badge{left:10px;bottom:10px}.cta-grid{text-align:center}}


/* =========================
   VERSION 4 PREMIUM POLISH
   ========================= */

body{
  background:
    radial-gradient(circle at 15% 0%, rgba(213,11,23,.035), transparent 26%),
    linear-gradient(#fff,#fff);
}

.header{
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(18px) saturate(140%);
  border-bottom:1px solid rgba(3,26,61,.08);
  box-shadow:0 8px 30px rgba(3,26,61,.05);
  transition:box-shadow .25s ease, background .25s ease;
}

.header.scrolled{
  background:rgba(255,255,255,.97);
  box-shadow:0 12px 34px rgba(3,26,61,.10);
}

.nav{
  height:92px;
}

.brand{
  transition:transform .22s ease;
}

.brand:hover{
  transform:translateY(-1px);
}

nav{
  gap:10px;
  padding:7px;
  border:1px solid rgba(3,26,61,.08);
  border-radius:999px;
  background:rgba(246,248,251,.88);
}

nav a{
  padding:10px 14px;
  border-radius:999px;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}

nav a:hover{
  background:white;
  color:var(--red);
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(3,26,61,.08);
}

nav a.active{
  background:var(--navy);
  color:white;
  box-shadow:0 8px 20px rgba(3,26,61,.14);
}

.hero{
  min-height:calc(100vh - 92px);
  display:flex;
  align-items:center;
  isolation:isolate;
}

.hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:80px 80px;
  mask-image:linear-gradient(to right,rgba(0,0,0,.75),transparent 90%);
}

.hero-grid{
  min-height:680px;
  padding:70px 0;
}

.hero-copy{
  max-width:720px;
}

.hero h1{
  letter-spacing:-.015em;
  text-wrap:balance;
  text-shadow:0 10px 30px rgba(0,0,0,.18);
}

.hero p{
  max-width:660px;
  font-size:1.16rem;
}

.hero-logo::before{
  content:"";
  position:absolute;
  width:88%;
  aspect-ratio:1;
  border-radius:50%;
  background:
    radial-gradient(circle,rgba(255,255,255,.22),rgba(255,255,255,.04) 58%,transparent 70%);
  filter:blur(10px);
  animation:heroPulse 5s ease-in-out infinite;
}

.hero-logo img{
  position:relative;
  z-index:2;
  transition:transform .35s ease, box-shadow .35s ease;
}

.hero-logo img:hover{
  transform:scale(1.015);
  box-shadow:0 0 0 11px rgba(255,255,255,.14),0 38px 90px rgba(0,0,0,.38);
}

@keyframes heroPulse{
  0%,100%{transform:scale(.98);opacity:.75}
  50%{transform:scale(1.04);opacity:1}
}

.section{
  padding:104px 0;
}

.section-head{
  margin-bottom:46px;
}

.section-head h2{
  letter-spacing:-.01em;
}

.card,.choice,.industry,.step,.resource-card,.post,.contact-card{
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}

.card:hover,.choice:hover,.industry:hover,.step:hover,.resource-card:hover,.post:hover{
  transform:translateY(-8px);
  border-color:rgba(213,11,23,.22);
  box-shadow:0 20px 50px rgba(3,26,61,.13);
}

.card::before,.choice::before,.industry::before,.step::before{
  content:"";
  display:block;
  width:38px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--red),transparent);
  margin-bottom:16px;
  opacity:.9;
}

.photo img{
  transition:transform .5s ease;
}

.photo:hover img{
  transform:scale(1.018);
}

.page-hero{
  position:relative;
  overflow:hidden;
}

.page-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 85% 20%,rgba(255,255,255,.12),transparent 28%),
    linear-gradient(120deg,transparent 55%,rgba(255,255,255,.04));
  pointer-events:none;
}

.page-hero .container{
  position:relative;
  z-index:1;
}

footer{
  background:
    radial-gradient(circle at 0% 100%,rgba(213,11,23,.12),transparent 25%),
    #02142f;
}

html{
  scroll-padding-top:110px;
}

body{
  opacity:0;
  transition:opacity .35s ease;
}

body.page-ready{
  opacity:1;
}

a,button{
  -webkit-tap-highlight-color:transparent;
}

@media(max-width:980px){
  .nav{
    height:82px;
  }

  .menu{
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    border-radius:12px;
    border:1px solid rgba(3,26,61,.10);
    background:white;
    box-shadow:0 8px 20px rgba(3,26,61,.07);
    z-index:102;
  }

  nav{
    display:flex !important;
    position:fixed;
    top:0;
    right:0;
    left:auto;
    bottom:0;
    width:min(360px,88vw);
    padding:110px 24px 30px;
    border:0;
    border-radius:0;
    background:white;
    flex-direction:column;
    align-items:stretch;
    gap:8px;
    transform:translateX(110%);
    transition:transform .32s ease;
    box-shadow:-20px 0 50px rgba(3,26,61,.18);
    z-index:101;
  }

  nav.open{
    transform:translateX(0);
  }

  nav a{
    padding:15px 16px;
    border-radius:12px;
    font-size:1.05rem;
  }

  nav a.active{
    background:var(--navy);
    color:white;
  }

  .nav-overlay{
    position:fixed;
    inset:0;
    background:rgba(1,14,34,.46);
    backdrop-filter:none;
    opacity:0;
    pointer-events:none;
    transition:opacity .3s ease;
    z-index:100;
  }

  .nav-overlay.show{
    opacity:1;
    pointer-events:auto;
  }

  .hero{
    min-height:auto;
  }

  .hero-grid{
    min-height:auto;
    padding:64px 0 72px;
  }
}

@media(max-width:650px){
  .section{
    padding:76px 0;
  }

  .hero-grid{
    padding:48px 0 60px;
  }

  .hero h1{
    line-height:.92;
  }

  .hero p{
    font-size:1.02rem;
  }

  .btn{
    width:100%;
  }

  .actions{
    display:grid;
    grid-template-columns:1fr;
  }

  .brand img{
    width:58px;
    height:58px;
  }
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
}


/* =========================================
   APPROVED COMPACT HERO — ABOVE THE FOLD
   ========================================= */

.header .nav{
  height:76px;
}

.header .brand img{
  width:56px;
  height:56px;
}

.header .brand strong{
  font-size:1.75rem;
}

.hero{
  min-height:auto !important;
  padding:20px 0 28px !important;
  display:block !important;
}

.hero-grid{
  min-height:560px !important;
  padding:18px 0 22px !important;
  align-items:center;
  gap:42px;
}

.hero-copy{
  align-self:center;
}

.hero-copy .pill{
  margin-bottom:10px;
}

.hero h1{
  margin:10px 0 14px;
  font-size:clamp(4rem,6.9vw,6.2rem);
  line-height:.89;
}

.hero p{
  margin:0;
  max-width:720px;
  font-size:1.05rem;
  line-height:1.65;
}

.hero .actions{
  margin-top:22px;
}

.hero-logo{
  align-self:center;
  padding:0 !important;
}

.hero-logo img{
  width:min(510px,92%) !important;
}

.hero-trust{
  margin-top:18px;
  max-width:680px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  border:1px solid rgba(255,255,255,.18);
  border-radius:12px;
  overflow:hidden;
  background:rgba(0,0,0,.08);
}

.hero-trust span{
  padding:13px 16px;
  color:#eef3f9;
  font-size:.86rem;
  line-height:1.25;
  border-right:1px solid rgba(255,255,255,.18);
}

.hero-trust span:last-child{
  border-right:0;
}

.home-services-compact{
  padding-top:46px !important;
  padding-bottom:84px !important;
  position:relative;
  z-index:3;
  background:white;
  border-radius:0;
  box-shadow:0 -14px 32px rgba(2,22,52,.06);
}

.home-services-compact .section-head{
  margin-bottom:26px;
  justify-content:center;
  text-align:center;
}

.home-services-compact .section-head > p{
  display:none;
}

.home-services-compact .section-head h2{
  font-size:clamp(2.1rem,4vw,3.25rem);
  margin-top:4px;
}

.home-services-compact .cards{
  margin-top:4px;
}

@media (min-width:1400px){
  .hero-grid{
    min-height:590px !important;
  }
}

@media (max-width:980px){
  .header .nav{
    height:72px;
  }

  .hero{
    padding:28px 0 34px !important;
  }

  .hero-grid{
    min-height:auto !important;
    padding:20px 0 30px !important;
  }

  .hero-copy{
    text-align:center;
  }

  .hero .actions{
    justify-content:center;
  }

  .hero-trust{
    margin-left:auto;
    margin-right:auto;
  }

  .hero-logo img{
    width:min(390px,78vw) !important;
  }
}

@media (max-width:650px){
  .hero{
    padding-top:18px !important;
  }

  .hero-grid{
    padding-top:12px !important;
  }

  .hero h1{
    font-size:clamp(3.35rem,16vw,4.8rem);
  }

  .hero p{
    font-size:.98rem;
  }

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

  .hero-trust span{
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.18);
  }

  .hero-trust span:last-child{
    border-bottom:0;
  }

  .home-services-compact{
    padding-top:38px !important;
  }
}


/* ==================================================
   ABOUT PAGE: BISON IMAGE TOP-ALIGNED WITH HEADLINE
   ================================================== */
.section.dark .split{
  align-items:start;
}

.section.dark .photo{
  align-self:start;
  margin-top:-24px;
}

.section.dark .photo img{
  display:block;
  width:100%;
  object-fit:cover;
  border-radius:22px;
}

@media(max-width:980px){
  .section.dark .photo{
    margin-top:0;
  }
}

/* =========================================
   ORIGINAL BIG CHIEF RANCH-STYLE ASSISTANT
   ========================================= */
.chief-chat{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:150;
}

.chief-chat-launcher{
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
  min-height:52px;
  padding:13px 18px;
  border:0;
  border-radius:999px;
  background:linear-gradient(135deg,var(--navy),#0a356f);
  color:#fff;
  box-shadow:0 18px 46px rgba(2,20,47,.30);
  cursor:pointer;
  font:800 .96rem "Barlow Condensed",sans-serif;
  text-transform:uppercase;
  letter-spacing:.03em;
  transition:transform .2s ease,box-shadow .2s ease;
}

.chief-chat-launcher:hover{
  transform:translateY(-2px);
  box-shadow:0 22px 52px rgba(2,20,47,.36);
}

.chief-chat-launcher svg{
  width:27px;
  height:27px;
  fill:none;
  stroke:#fff;
  stroke-width:3;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.chief-chat-status{
  position:absolute;
  right:4px;
  top:3px;
  width:11px;
  height:11px;
  border-radius:50%;
  background:#37d67a;
  border:2px solid #fff;
  animation:chiefPulse 2s infinite;
}

@keyframes chiefPulse{
  70%{box-shadow:0 0 0 10px rgba(55,214,122,0)}
  100%{box-shadow:0 0 0 0 rgba(55,214,122,0)}
}

.chief-chat-panel{
  position:absolute;
  right:0;
  bottom:66px;
  width:min(390px,calc(100vw - 28px));
  max-height:min(680px,calc(100vh - 100px));
  overflow:hidden;
  border:1px solid rgba(3,26,61,.12);
  border-radius:20px;
  background:#fff;
  box-shadow:0 28px 80px rgba(1,18,43,.32);
}

.chief-chat-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:18px 20px;
  background:linear-gradient(135deg,var(--navy),#0a356f);
  color:#fff;
}

.chief-chat-header div{
  display:grid;
  gap:3px;
}

.chief-chat-header strong{
  font:800 1.3rem "Barlow Condensed",sans-serif;
  text-transform:uppercase;
}

.chief-chat-header span{
  color:#d8e3f0;
  font-size:.78rem;
}

.chief-chat-close{
  border:0;
  background:none;
  color:#fff;
  font-size:1.8rem;
  cursor:pointer;
}

.chief-chat-messages{
  max-height:260px;
  overflow:auto;
  padding:17px;
  background:#f4f7fb;
}

.chief-message{
  width:fit-content;
  max-width:90%;
  margin-bottom:10px;
  padding:11px 13px;
  border-radius:13px;
  font-size:.88rem;
  line-height:1.5;
}

.chief-message.bot{
  background:#fff;
  color:var(--text);
  border:1px solid #e1e6ed;
}

.chief-message.user{
  margin-left:auto;
  background:var(--red);
  color:#fff;
}

.chief-chat-options{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  padding:14px;
  background:#fff;
  border-top:1px solid #e7eaf0;
}

.chief-chat-options button{
  min-height:46px;
  padding:10px;
  border:1px solid #dfe5ec;
  border-radius:10px;
  background:#fff;
  color:var(--navy);
  text-align:left;
  cursor:pointer;
  font-weight:700;
  font-size:.8rem;
  transition:border-color .2s,color .2s,background .2s;
}

.chief-chat-options button:hover{
  border-color:var(--red);
  background:#fff8f8;
  color:var(--red);
}

.chief-chat-footer{
  display:grid;
  gap:7px;
  padding:13px 16px 15px;
  border-top:1px solid #e7eaf0;
}

.chief-chat-footer a{
  color:var(--red);
  font-weight:800;
  font-size:.88rem;
}

.chief-chat-footer small{
  color:var(--muted);
  line-height:1.35;
}

@media(max-width:650px){
  .chief-chat{
    right:13px;
    bottom:13px;
  }

  .chief-chat-launcher{
    width:54px;
    height:54px;
    padding:0;
    justify-content:center;
  }

  .chief-chat-launcher>span:last-child{
    display:none;
  }

  .chief-chat-panel{
    bottom:63px;
  }

  .chief-chat-options{
    grid-template-columns:1fr;
    max-height:220px;
    overflow:auto;
  }
}

@media(prefers-reduced-motion:reduce){
  .chief-chat-status{
    animation:none;
  }
}


/* CHIEF FRONT DESK UPDATE */
.chief-chat-header strong::after{
  content:"";
  display:block;
  width:34px;
  height:3px;
  margin-top:6px;
  border-radius:999px;
  background:var(--red);
}
.chief-chat-header span{
  font-weight:600;
  letter-spacing:.02em;
}
.chief-chat-footer a{
  display:inline-flex;
  align-items:center;
  gap:7px;
}
.chief-chat-footer a::before{
  content:"●";
  color:#37d67a;
  font-size:.7rem;
}


/* =========================================
   MEET CHIEF — SERVICES PAGE FEATURE
   ========================================= */
.chief-service-feature{
  background:linear-gradient(135deg,#f7f9fc,#eef3f8);
  padding-top:76px;
}

.chief-service-hero{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:54px;
  align-items:center;
  margin-bottom:74px;
}

.chief-service-copy h2{
  margin:8px 0 18px;
  color:var(--navy);
  font:800 clamp(3.5rem,6vw,6rem)/.9 "Barlow Condensed",sans-serif;
  text-transform:uppercase;
}

.chief-service-intro{
  font-size:1.22rem;
  line-height:1.65;
  color:var(--navy);
  font-weight:600;
}

.chief-service-copy p{
  line-height:1.72;
  color:var(--muted);
}

.chief-service-badge{
  display:inline-block;
  margin:10px 0 24px;
  padding:11px 14px;
  border-left:4px solid var(--red);
  border-radius:7px;
  background:white;
  color:var(--navy);
  font-weight:800;
  box-shadow:0 10px 26px rgba(3,26,61,.08);
}

.chief-service-panel{
  padding:24px;
  border-radius:20px;
  background:white;
  box-shadow:0 24px 60px rgba(3,26,61,.17);
  border:1px solid rgba(3,26,61,.08);
}

.chief-profile{
  display:grid;
  grid-template-columns:58px 1fr auto;
  gap:14px;
  align-items:center;
  padding-bottom:18px;
  border-bottom:1px solid var(--line);
}

.chief-avatar{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(135deg,var(--navy),#0a356f);
  color:white;
  font:800 1.8rem "Barlow Condensed";
  box-shadow:inset 0 0 0 4px rgba(255,255,255,.12);
}

.chief-profile strong{
  display:block;
  color:var(--navy);
  font:800 1.45rem "Barlow Condensed";
  text-transform:uppercase;
}

.chief-profile span{
  color:var(--muted);
  font-size:.86rem;
}

.chief-profile i{
  font-style:normal;
  color:#1aa661;
  font-size:.76rem;
  font-weight:800;
}

.chief-demo-message{
  margin:22px 0 16px;
  padding:15px 16px;
  border-radius:13px;
  background:var(--ice);
  color:var(--text);
  line-height:1.55;
  border:1px solid var(--line);
}

.chief-demo-options{
  display:grid;
  gap:9px;
}

.chief-demo-options span{
  padding:11px 13px;
  border-radius:9px;
  border:1px solid var(--line);
  color:var(--navy);
  font-weight:700;
  font-size:.85rem;
}

.chief-capabilities-heading{
  margin-bottom:28px;
}

.chief-capabilities{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.chief-capabilities .card{
  min-height:250px;
}

.chief-comparison{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
  max-width:980px;
  margin:auto;
}

.chief-comparison-column{
  padding:30px;
  border-radius:18px;
  background:white;
  box-shadow:0 14px 36px rgba(3,26,61,.09);
}

.chief-comparison-column.before{
  border-top:5px solid #8a95a5;
}

.chief-comparison-column.after{
  border-top:5px solid var(--red);
}

.chief-comparison-column h3{
  margin:0 0 18px;
  color:var(--navy);
  font:800 1.8rem "Barlow Condensed";
  text-transform:uppercase;
}

.chief-comparison-column ul{
  list-style:none;
  margin:0;
  padding:0;
}

.chief-comparison-column li{
  position:relative;
  padding:10px 0 10px 28px;
  color:var(--muted);
  border-bottom:1px solid var(--line);
}

.chief-comparison-column li:last-child{
  border-bottom:0;
}

.chief-comparison-column.before li::before{
  content:"×";
  position:absolute;
  left:0;
  color:#8a95a5;
  font-weight:800;
}

.chief-comparison-column.after li::before{
  content:"✓";
  position:absolute;
  left:0;
  color:var(--red);
  font-weight:800;
}

.chief-service-cta{
  background:linear-gradient(135deg,var(--red),var(--red-2));
}

@media(max-width:980px){
  .chief-service-hero,
  .chief-comparison{
    grid-template-columns:1fr;
  }

  .chief-capabilities{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:650px){
  .chief-service-feature{
    padding-top:54px;
  }

  .chief-service-copy h2{
    font-size:clamp(3.2rem,15vw,4.8rem);
  }

  .chief-capabilities{
    grid-template-columns:1fr;
  }

  .chief-profile{
    grid-template-columns:50px 1fr;
  }

  .chief-profile i{
    grid-column:2;
  }
}


/* =========================================
   WESTERN CHIEF HERO — ORIGINAL SITE COLORS
   ========================================= */
.chief-service-feature{
  background:
    radial-gradient(circle at 15% 20%,rgba(213,11,23,.08),transparent 30%),
    linear-gradient(135deg,#f7f9fc,#eef3f8);
}

.chief-service-hero-western{
  grid-template-columns:.92fr 1.08fr;
  gap:48px;
  align-items:stretch;
}

.chief-western-image{
  position:relative;
  min-height:640px;
  overflow:hidden;
  border-radius:22px;
  background:var(--navy);
  box-shadow:0 26px 62px rgba(3,26,61,.19);
}

.chief-western-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(3,26,61,.72),transparent 38%);
  pointer-events:none;
}

.chief-western-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
}

.chief-image-label{
  position:absolute;
  left:22px;
  right:22px;
  bottom:22px;
  z-index:2;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:16px;
  padding:16px 18px;
  border:1px solid rgba(255,255,255,.18);
  border-left:5px solid var(--red);
  border-radius:12px;
  background:rgba(3,26,61,.90);
  color:white;
  backdrop-filter:blur(8px);
}

.chief-image-label strong{
  font:800 2rem "Barlow Condensed",sans-serif;
  text-transform:uppercase;
}

.chief-image-label span{
  color:#dce5f1;
  font-weight:700;
}

.chief-service-hero-western .chief-service-copy{
  padding:18px 0;
}

.chief-benefit-list{
  list-style:none;
  padding:0;
  margin:22px 0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px 18px;
}

.chief-benefit-list li{
  position:relative;
  padding-left:28px;
  color:var(--navy);
  font-weight:700;
}

.chief-benefit-list li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:-1px;
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--red);
  color:white;
  font-size:.72rem;
}

.chief-service-hero-western .chief-service-panel{
  margin:20px 0;
  border-top:5px solid var(--red);
}

.chief-service-hero-western .chief-avatar{
  background:linear-gradient(135deg,var(--navy),var(--navy-2));
}

.chief-service-hero-western .chief-demo-options span{
  border-left:3px solid var(--red);
}

.chief-service-hero-western .chief-service-badge{
  background:white;
  color:var(--navy);
}

@media(max-width:980px){
  .chief-service-hero-western{
    grid-template-columns:1fr;
  }

  .chief-western-image{
    min-height:520px;
  }
}

@media(max-width:650px){
  .chief-western-image{
    min-height:430px;
  }

  .chief-benefit-list{
    grid-template-columns:1fr;
  }

  .chief-image-label{
    left:14px;
    right:14px;
    bottom:14px;
    display:grid;
  }
}

.chief-eagle-swoop{position:fixed;left:-360px;top:12vh;width:min(330px,42vw);z-index:220;pointer-events:none;opacity:0;transform:rotate(-8deg) scale(.82)}
.chief-eagle-swoop img{display:block;width:100%;filter:drop-shadow(0 20px 24px rgba(0,0,0,.28))}
.chief-eagle-swoop.fly{animation:chiefEagleFly 1.35s cubic-bezier(.18,.75,.28,1) both}
@keyframes chiefEagleFly{
0%{left:-360px;top:18vh;opacity:0;transform:rotate(-10deg) scale(.72)}
14%{opacity:1}
45%{left:42vw;top:6vh;transform:rotate(5deg) scale(1)}
72%{left:68vw;top:16vh;opacity:1;transform:rotate(-3deg) scale(.9)}
100%{left:110vw;top:2vh;opacity:0;transform:rotate(8deg) scale(.68)}
}
@media(max-width:650px){.chief-eagle-swoop{width:min(250px,62vw)}}
@media(prefers-reduced-motion:reduce){.chief-eagle-swoop.fly{animation:none;display:none}}


}


}




/* CLEAN PROFESSIONAL CHIEF CHAT */
.chief-chat-panel{overflow:hidden}
.chief-chat-footer{padding:13px 16px 15px}
.chief-chat-launcher{min-width:150px}

.form-delivery-note{
  margin:0;
  color:var(--muted);
  font-size:.8rem;
  line-height:1.45;
  text-align:center;
}


/* DREAMHOST CONTACT FORM */
.consultation-submit:disabled{
  opacity:.72;
  cursor:wait;
  transform:none;
}

.form-status{
  min-height:1.3em;
  color:var(--navy);
  font-size:.84rem;
  line-height:1.45;
  text-align:center;
}

.form-status.error{
  color:var(--red);
  font-weight:700;
}

.confirmation-card{
  max-width:760px;
  padding:48px;
  border:1px solid var(--line);
  border-radius:20px;
  background:white;
  box-shadow:var(--shadow);
  text-align:center;
}

.confirmation-check{
  width:72px;
  height:72px;
  display:grid;
  place-items:center;
  margin:0 auto 20px;
  border-radius:50%;
  background:var(--navy);
  color:white;
  font-size:2rem;
  box-shadow:inset 0 0 0 6px rgba(255,255,255,.1);
}

.confirmation-card h2{
  margin:8px 0 14px;
  color:var(--navy);
  font:800 clamp(2.5rem,5vw,4.2rem)/.95 "Barlow Condensed",sans-serif;
  text-transform:uppercase;
}

.confirmation-card p{
  max-width:620px;
  margin:0 auto;
  color:var(--muted);
  line-height:1.75;
}

.confirmation-actions{
  justify-content:center;
}

.confirmation-secondary{
  background:white;
  color:var(--navy);
  border:1px solid var(--line);
  box-shadow:none;
}


/* =========================================
   MOBILE MENU CLICKABILITY FIX
   ========================================= */
@media(max-width:980px){
  .header{
    z-index:120;
    isolation:isolate;
  }

  .header .nav{
    position:relative;
    z-index:122;
  }

  .menu{
    position:relative;
    z-index:132;
    cursor:pointer;
    touch-action:manipulation;
  }

  .header nav{
    z-index:130;
    pointer-events:auto;
    visibility:hidden;
    opacity:0;
    background:#fff;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    transform:translate3d(110%,0,0);
    will-change:transform;
  }

  .header nav.open{
    visibility:visible;
    opacity:1;
    transform:translate3d(0,0,0);
  }

  .header nav a{
    position:relative;
    z-index:1;
    display:block;
    width:100%;
    pointer-events:auto;
    touch-action:manipulation;
  }

  .nav-overlay{
    z-index:110;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }

  body.menu-open .chief-chat{
    pointer-events:none;
    opacity:.25;
  }
}


/* =========================================
   FINAL MOBILE NAVIGATION DRAWER
   ========================================= */
@media(max-width:980px){
  html,body{
    overflow-x:hidden;
  }

  .header{
    position:sticky;
    top:0;
    z-index:300;
    background:#fff;
  }

  .header .nav{
    height:72px;
    padding:0 16px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    position:relative;
    z-index:302;
  }

  .header .brand{
    position:relative;
    z-index:304;
    max-width:calc(100% - 86px);
  }

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

  .header .brand div{
    display:none;
  }

  .menu{
    position:relative;
    z-index:305;
    width:54px;
    height:54px;
    display:grid;
    place-items:center;
    flex:0 0 54px;
    border:1px solid #e3e8ef;
    border-radius:16px;
    background:#fff;
    color:var(--navy);
    font-size:0;
    box-shadow:0 8px 24px rgba(3,26,61,.08);
    cursor:pointer;
  }

  .menu::before{
    content:"";
    width:28px;
    height:20px;
    background:
      linear-gradient(var(--navy),var(--navy)) 0 0/100% 3px no-repeat,
      linear-gradient(var(--navy),var(--navy)) 0 50%/100% 3px no-repeat,
      linear-gradient(var(--navy),var(--navy)) 0 100%/100% 3px no-repeat;
    transition:transform .2s ease;
  }

  .menu[aria-expanded="true"]::before{
    transform:rotate(90deg);
  }

  .header nav{
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    left:auto !important;
    width:min(86vw,360px) !important;
    height:100dvh !important;
    margin:0 !important;
    padding:96px 22px 28px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:8px !important;
    background:#fff !important;
    box-shadow:-24px 0 60px rgba(3,26,61,.18) !important;
    transform:translateX(105%) !important;
    opacity:1 !important;
    visibility:hidden !important;
    overflow-y:auto !important;
    z-index:303 !important;
    border:0 !important;
    border-radius:0 !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    transition:transform .28s ease,visibility 0s linear .28s !important;
  }

  .header nav.open{
    transform:translateX(0) !important;
    visibility:visible !important;
    transition:transform .28s ease !important;
  }

  .header nav a{
    display:flex !important;
    align-items:center !important;
    min-height:54px !important;
    width:100% !important;
    padding:0 18px !important;
    margin:0 !important;
    border-radius:14px !important;
    color:var(--navy) !important;
    background:#fff !important;
    font:800 1.15rem "Barlow Condensed",sans-serif !important;
    text-transform:uppercase !important;
    letter-spacing:.02em !important;
    opacity:1 !important;
    pointer-events:auto !important;
    position:relative !important;
    transform:none !important;
    z-index:1 !important;
  }

  .header nav a:hover,
  .header nav a:focus,
  .header nav a.active{
    background:var(--navy) !important;
    color:#fff !important;
  }

  .header .btn.btn-small{
    display:none !important;
  }

  .nav-overlay{
    position:fixed !important;
    inset:0 !important;
    z-index:290 !important;
    background:rgba(1,12,29,.58) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    transition:opacity .25s ease,visibility 0s linear .25s !important;
  }

  .nav-overlay.show{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transition:opacity .25s ease !important;
  }

  body.menu-open{
    overflow:hidden !important;
  }
}

@media(max-width:520px){
  .header nav{
    width:88vw !important;
  }
}