@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');

.ak-page { background:#f3f0e8; color:#18304a; font-family:'DM Sans',sans-serif; overflow:hidden; }
.ak-page * { box-sizing:border-box; }
.ak-page a { color:inherit; text-decoration:none; }
.ak-topline { background:#18304a; color:#f3f0e8; min-height:34px; padding:0 5.8vw; display:flex; justify-content:space-between; align-items:center; text-transform:uppercase; font:700 9px 'Space Mono',monospace; letter-spacing:.08em; }
.ak-topline span { color:#8d9baa; margin-left:12px; font-size:8px; font-weight:400; }
.ak-nav { min-height:76px; background:#f3f0e8; padding:0 5.8vw; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #dad6ca; position:relative; z-index:5; }
.ak-logo { display:flex; align-items:center; gap:10px; font:700 11px/1 'Barlow Condensed',sans-serif; letter-spacing:.05em; }
.ak-logo > span:last-child { display:flex; flex-direction:column; gap:2px; }
.ak-logo-mark { width:35px; height:35px; display:grid; place-items:center; border:2px solid #18304a; border-radius:50%; font:800 14px 'Barlow Condensed',sans-serif; position:relative; }
.ak-logo-mark:after { content:""; position:absolute; width:11px; height:2px; background:#ee6c24; transform:rotate(-45deg); }
.ak-nav-links { display:flex; align-items:center; gap:31px; margin-left:auto; margin-right:36px; font-size:12px; font-weight:600; }
.ak-nav-links a { position:relative; }
.ak-nav-links a:after { content:""; position:absolute; left:0; bottom:-7px; height:2px; width:0; background:#ee6c24; transition:width .25s; }
.ak-nav-links a:hover:after { width:100%; }
.ak-nav-actions { display:flex; align-items:center; gap:22px; }
.ak-phone { display:flex; align-items:center; gap:7px; font:700 11px 'Space Mono',monospace; }
.ak-phone svg { color:#ee6c24; }
.ak-button,.ak-outline-button { border:0; padding:15px 19px; background:#ee6c24; color:#f8f5ed; text-transform:uppercase; letter-spacing:.08em; font:700 10px 'Space Mono',monospace; display:inline-flex; align-items:center; gap:15px; cursor:pointer; transition:background .25s, transform .25s; }
.ak-button:hover { background:#cf5a17; transform:translateY(-2px); }
.ak-button.small { padding:12px 16px; }
.ak-menu,.ak-mobile-cta { display:none; }
.ak-hero { min-height:650px; background:#d5a144; position:relative; display:flex; padding:85px 5.8vw 70px; overflow:hidden; }
.ak-hero:before { content:""; position:absolute; inset:0; background:linear-gradient(105deg,#d5a144 0%,#d5a144e8 45%,#d5a14444 78%,#18304a66); z-index:1; }
.ak-hero-grid { position:absolute; inset:0; opacity:.14; background-image:linear-gradient(#18304a 1px,transparent 1px),linear-gradient(90deg,#18304a 1px,transparent 1px); background-size:65px 65px; transform:skewY(-8deg) scale(1.2); }
.ak-hero-content { position:relative; z-index:2; max-width:630px; }
.ak-kicker,.ak-section-label { display:flex; align-items:center; gap:10px; font:700 10px 'Space Mono',monospace; letter-spacing:.13em; }
.ak-redline { width:30px; height:3px; background:#ee6c24; display:inline-block; }
.ak-hero h1,.ak-section-heading h2,.ak-intro h2,.ak-process h2,.ak-coverage h2,.ak-quote h2 { font:800 clamp(62px,7.1vw,108px)/.86 'Barlow Condensed',sans-serif; letter-spacing:-.025em; text-transform:uppercase; margin:26px 0; color:#18304a; }
.ak-hero h1 em,.ak-section-heading h2 em,.ak-intro h2 span,.ak-process h2 em,.ak-coverage h2 em,.ak-quote h2 em { color:#ee6c24; font-style:normal; }
.ak-hero-lede { max-width:470px; font-size:16px; line-height:1.6; color:#223b50; }
.ak-hero-actions { display:flex; align-items:center; gap:26px; margin-top:32px; }
.ak-text-link { display:inline-flex; align-items:center; gap:8px; color:#18304a; font-size:12px; font-weight:700; border-bottom:1px solid #18304a; padding-bottom:5px; }
.ak-text-link svg { transition:transform .2s; }.ak-text-link:hover svg { transform:translate(3px,-3px); }
.ak-proof { display:flex; gap:34px; margin-top:78px; }
.ak-proof > div { display:flex; align-items:center; gap:10px; border-left:1px solid #18304a66; padding-left:14px; }
.ak-proof strong { font:800 34px 'Barlow Condensed',sans-serif; }.ak-proof strong span { font-size:18px; }.ak-proof span { text-transform:uppercase; font:700 8px/1.35 'Space Mono',monospace; }
.ak-yard-image { position:absolute; right:0; top:0; width:47%; height:100%; background:linear-gradient(145deg,#70808a,#293f4d 62%,#152c3e); overflow:hidden; clip-path:polygon(16% 0,100% 0,100% 100%,0 100%); }
.ak-yard-image:before { content:""; position:absolute; inset:0; background:repeating-linear-gradient(164deg,transparent 0 42px,#cf9a45 43px 48px,transparent 49px 87px); opacity:.55; transform:skewY(-8deg) scale(1.25); }
.ak-yard-image:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#d5a144 0%,transparent 27%),linear-gradient(0deg,#18304acc,transparent 45%); }
.ak-yard-sun { position:absolute; width:230px; height:230px; border-radius:50%; background:#ebba5b; opacity:.65; top:90px; right:140px; filter:blur(4px); }
.ak-pipe { position:absolute; width:150%; height:44px; border-radius:50%; background:linear-gradient(#d8c39a,#8d7a62 40%,#3d5360 75%,#dfbd73); right:-25%; transform:rotate(-14deg); box-shadow:0 15px 0 #142e3f,0 24px 0 #bf8c44; z-index:1; opacity:.88; }.pipe-a{top:200px}.pipe-b{top:340px}.pipe-c{top:480px}
.ak-yard-caption { position:absolute; z-index:3; right:9%; bottom:9%; color:#f4efe2; display:flex; flex-direction:column; align-items:flex-end; gap:8px; }.ak-yard-caption span { font:9px 'Space Mono',monospace; color:#d7aa60; }.ak-yard-caption b { font:800 34px/.9 'Barlow Condensed',sans-serif; text-align:right; }
.ak-scroll { position:absolute; right:5.8vw; bottom:27px; z-index:3; display:flex; align-items:center; gap:10px; font:9px 'Space Mono',monospace; transform:rotate(-90deg) translateX(100%); transform-origin:right bottom; }
.ak-trustbar { min-height:75px; padding:0 5.8vw; display:flex; gap:34px; align-items:center; background:#18304a; color:#f3f0e8; font:700 10px 'Space Mono',monospace; }.ak-trustbar > span { color:#be8a3c; margin-right:auto; }.ak-trustbar div { display:flex; align-items:center; gap:8px; }.ak-trustbar svg { color:#d5a144; }
.ak-section { padding:120px 10vw; }.ak-intro { display:grid; grid-template-columns:1fr 1.5fr 1fr; gap:60px; align-items:center; }.ak-section-label { color:#ee6c24; }.ak-intro h2,.ak-section-heading h2,.ak-process h2,.ak-coverage h2,.ak-quote h2 { font-size:clamp(55px,6vw,88px); margin:21px 0 25px; }.ak-intro-copy p,.ak-section-heading p { max-width:490px; color:#52606a; line-height:1.75; font-size:15px; }.ak-text-link.dark { margin-top:27px; }.ak-stamp { width:165px; height:165px; border:1px solid #c9bda8; outline:1px dashed #c9bda8; outline-offset:7px; border-radius:50%; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:4px; transform:rotate(9deg); margin-left:auto; color:#ee6c24; }.ak-stamp strong { font:800 23px/.9 'Barlow Condensed',sans-serif; text-align:center; }.ak-stamp span { font:9px 'Space Mono',monospace; color:#52606a; }
.ak-inventory { background:#dedbd1; padding-top:105px; padding-bottom:100px; }.ak-section-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:40px; margin-bottom:48px; }.ak-section-heading > p { margin-bottom:30px; }.ak-band-list { display:flex; flex-direction:column; border-top:1px solid #b9b5a9; }.ak-band { display:grid; grid-template-columns:70px 12px 1fr 32px; align-items:center; gap:20px; padding:21px 18px; border-bottom:1px solid #b9b5a9; position:relative; transition:background .25s, padding .25s; }.ak-band:hover { background:var(--band); color:var(--ink); padding-left:28px; }.ak-band-num { font:11px 'Space Mono',monospace; opacity:.6; }.ak-band-swatch { width:11px; height:38px; background:var(--band); border:1px solid #18304a44; }.ak-band-main { display:flex; align-items:center; gap:34px; }.ak-band-main h3 { width:145px; font:800 24px 'Barlow Condensed',sans-serif; text-transform:uppercase; }.ak-band-main span { font:11px 'Space Mono',monospace; width:160px; }.ak-band-main p { font-size:13px; color:inherit; opacity:.72; }.ak-band-arrow { margin-left:auto; transition:transform .2s; }.ak-band:hover .ak-band-arrow { transform:translateX(5px); }.ak-inventory-footer { display:flex; justify-content:space-between; align-items:center; padding-top:26px; font:10px 'Space Mono',monospace; }.ak-inventory-footer span { display:flex; align-items:center; gap:8px; }.ak-inventory-footer button,.ak-buy-button { background:none; border:0; border-bottom:1px solid #18304a; padding:0 0 6px; font:700 10px 'Space Mono',monospace; cursor:pointer; display:flex; align-items:center; gap:9px; }
.ak-process { display:grid; grid-template-columns:1fr 1fr; min-height:650px; }.ak-process-image { background:#bd463f; position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center; }.ak-process-image:before { content:""; position:absolute; inset:-20%; background:repeating-linear-gradient(120deg,transparent 0 52px,#913532 54px 59px); transform:rotate(12deg); opacity:.7; }.ak-giant-mark { position:relative; z-index:1; font:900 190px/.8 'Barlow Condensed',sans-serif; color:#e6b152; letter-spacing:-.08em; opacity:.9; }.ak-giant-mark span { font:12px 'Space Mono',monospace; letter-spacing:0; vertical-align:top; color:#f4e6ca; }.ak-vertical-label { position:absolute; z-index:2; top:45px; left:45px; color:#f8f0df; writing-mode:vertical-rl; transform:rotate(180deg); font:9px 'Space Mono',monospace; letter-spacing:.15em; }.ak-process-copy { background:#18304a; color:#f3f0e8; padding:90px 10vw 75px 8vw; }.ak-process-copy .ak-section-label { color:#d5a144; }.ak-process h2 { color:#f3f0e8; }.ak-step { display:grid; grid-template-columns:55px 1fr; border-top:1px solid #ffffff2c; padding:22px 0; }.ak-step b { color:#d5a144; font:13px 'Space Mono',monospace; }.ak-step h3 { font:800 26px 'Barlow Condensed',sans-serif; text-transform:uppercase; margin:0 0 5px; }.ak-step p { color:#abb7bd; font-size:13px; line-height:1.55; max-width:380px; margin:0; }.dark-button { margin-top:22px; }
.ak-services { background:#f3f0e8; }.ak-service-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #c9c4b7; border-left:1px solid #c9c4b7; }.ak-service { padding:29px 29px 34px; border-right:1px solid #c9c4b7; border-bottom:1px solid #c9c4b7; min-height:215px; transition:background .25s, color .25s; }.ak-service:hover { background:#d5a144; }.ak-service-icon { color:#ee6c24; margin-bottom:28px; }.ak-service h3 { font:800 26px 'Barlow Condensed',sans-serif; text-transform:uppercase; margin:0 0 9px; }.ak-service p { color:#667178; font-size:13px; line-height:1.55; max-width:270px; }.ak-service > svg { margin-top:8px; color:#ee6c24; }
.ak-coverage { background:#18304a; color:#f3f0e8; padding:112px 10vw; display:grid; grid-template-columns: .82fr 1.18fr; align-items:center; gap:55px; }.ak-section-label.light { color:#d5a144; }.ak-coverage h2 { color:#f3f0e8; }.ak-coverage p { color:#aeb9bd; max-width:350px; line-height:1.7; font-size:14px; }.ak-outline-button { background:transparent; border:1px solid #d5a144; color:#d5a144; margin-top:25px; }.ak-outline-button:hover { background:#d5a144; color:#18304a; }.ak-map { height:400px; position:relative; background:radial-gradient(ellipse at 48% 45%,#2d5264,#18304a 66%); border:1px solid #ffffff1f; overflow:hidden; }.ak-map:before { content:""; position:absolute; inset:0; opacity:.15; background-image:linear-gradient(#a7c0c7 1px,transparent 1px),linear-gradient(90deg,#a7c0c7 1px,transparent 1px); background-size:52px 52px; transform:rotate(13deg) scale(1.4); }.ak-map-line { position:absolute; height:1px; background:#d5a144; transform-origin:left; opacity:.75; }.line-1 { width:230px; left:18%; top:44%; transform:rotate(11deg); }.line-2 { width:240px; left:39%; top:50%; transform:rotate(76deg); }.ak-pin { position:absolute; display:flex; align-items:center; gap:3px; color:#d5a144; font:9px 'Space Mono',monospace; }.ak-pin svg { fill:#ee6c24; color:#ee6c24; }.pin-ab{left:23%;top:29%}.pin-sk{left:40%;top:41%}.pin-mt{left:51%;top:62%}.pin-tx{right:22%;bottom:15%}.ak-map-legend { position:absolute; bottom:20px; left:22px; display:flex; align-items:center; gap:7px; color:#839aa3; font:9px 'Space Mono',monospace; }.ak-map-legend span { color:#ee6c24; }
.ak-quote { padding:120px 10vw; background:#d5a144; display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }.ak-quote h2 { margin-bottom:18px; }.ak-quote-hed p { max-width:390px; line-height:1.7; color:#45535a; }.ak-contact-card { background:#18304a; color:#f3f0e8; padding:35px 40px 40px; box-shadow:12px 12px 0 #bb8136; }.ak-contact-top { display:flex; justify-content:space-between; font:9px 'Space Mono',monospace; color:#8da1a8; padding-bottom:24px; border-bottom:1px solid #ffffff25; }.ak-contact-link { display:flex; gap:14px; align-items:center; color:#f3f0e8; font:700 24px 'Barlow Condensed',sans-serif; margin-top:22px; }.ak-contact-link svg { color:#d5a144; }.ak-contact-actions { display:flex; gap:18px; align-items:center; margin-top:34px; }.ak-buy-button { color:#f3f0e8; border-color:#f3f0e8; }
.ak-footer { min-height:90px; padding:0 5.8vw; background:#11263a; color:#aeb9bd; display:flex; align-items:center; gap:35px; font:10px 'Space Mono',monospace; }.ak-footer .ak-logo { color:#f3f0e8; margin-right:auto; }.ak-footer a { color:#d5a144; }
@media (max-width:900px) { .ak-topline { padding:0 5vw; }.ak-topline div:last-child { display:none; }.ak-nav { padding:0 5vw; }.ak-nav-actions { display:none; }.ak-menu { display:block; border:0; background:none; color:#18304a; }.ak-nav-links { display:none; position:absolute; top:76px; left:0; right:0; background:#f3f0e8; padding:24px 5vw 30px; flex-direction:column; align-items:flex-start; gap:24px; border-bottom:1px solid #dad6ca; }.ak-nav-links.open { display:flex; }.ak-mobile-cta { display:flex; background:#ee6c24; color:#f8f5ed; border:0; padding:13px 16px; align-items:center; gap:12px; font:700 10px 'Space Mono',monospace; }.ak-hero { min-height:720px; padding:65px 7vw 45px; }.ak-yard-image { width:100%; height:48%; top:auto; bottom:0; clip-path:polygon(0 15%,100% 0,100% 100%,0 100%); opacity:.75; }.ak-hero:before { background:linear-gradient(180deg,#d5a144 0%,#d5a144 51%,#d5a144aa 100%); }.ak-proof { margin-top:50px; gap:15px; flex-wrap:wrap; }.ak-proof > div { padding-left:8px; }.ak-proof strong { font-size:26px; }.ak-scroll { display:none; }.ak-trustbar { padding:20px 7vw; gap:17px; flex-wrap:wrap; }.ak-trustbar > span { width:100%; }.ak-trustbar div { font-size:8px; }.ak-section { padding:78px 7vw; }.ak-intro { display:block; }.ak-stamp { margin:55px auto 0; }.ak-section-heading { display:block; }.ak-section-heading > p { margin-top:20px; }.ak-band { grid-template-columns:34px 8px 1fr 20px; gap:10px; padding:18px 5px; }.ak-band-main { display:block; }.ak-band-main h3 { width:auto; margin:0 0 4px; }.ak-band-main span { font-size:9px; }.ak-band-main p { font-size:11px; margin:7px 0 0; }.ak-inventory-footer { flex-wrap:wrap; gap:18px; }.ak-process { display:block; }.ak-process-image { min-height:300px; }.ak-giant-mark { font-size:140px; }.ak-process-copy { padding:75px 7vw; }.ak-service-grid { grid-template-columns:1fr; }.ak-coverage { padding:80px 7vw; display:block; }.ak-map { margin-top:55px; height:330px; }.ak-quote { padding:80px 7vw; display:block; }.ak-contact-card { margin-top:45px; padding:27px; }.ak-contact-link { font-size:21px; }.ak-footer { padding:25px 7vw; flex-wrap:wrap; gap:15px; }.ak-footer .ak-logo { width:100%; } }
@media (max-width:530px) { .ak-hero h1 { font-size:65px; }.ak-proof > div:last-child { display:none; }.ak-contact-actions { align-items:flex-start; flex-direction:column; }.ak-contact-link { font-size:19px; }.ak-band-main p { display:none; }.ak-map-line { width:160px; }.ak-topline { font-size:8px; } }

/* ---- Homepage.css (latest, incl. inquiry form) ---- */
.ak-logo-image {
  display: block;
  width: 132px;
  height: auto;
}

.ak-nav .ak-logo {
  margin-left: -9px;
  padding: 7px 14px 7px 10px;
  border: 1px solid rgba(49, 85, 111, 0.2);
  border-radius: 2px;
  background:
    linear-gradient(315deg, rgba(248, 249, 247, 0.92), rgba(182, 218, 223, 0.74) 58%, rgba(116, 181, 191, 0.34)),
    #eaf3f4;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.72),
    0 5px 16px rgba(6, 38, 78, 0.08);
}

.ak-footer .ak-logo-image {
  width: 132px;
  padding: 0;
  background: transparent;
}

.ak-footer .ak-logo {
  margin-left: 0;
  padding: 7px 14px 7px 10px;
  border: 1px solid rgba(49, 85, 111, 0.2);
  border-radius: 2px;
  background:
    linear-gradient(315deg, rgba(248, 249, 247, 0.92), rgba(182, 218, 223, 0.74) 58%, rgba(116, 181, 191, 0.34)),
    #eaf3f4;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.72),
    0 5px 16px rgba(6, 38, 78, 0.08);
}

@media (max-width: 900px) {
  .ak-logo-image {
    width: 118px;
  }

  .ak-footer .ak-logo-image {
    width: 118px;
  }
}

/* AK Casing source palette: deep navy, clean white, signal red, and the
   blue-teal used across the current site hero. */
.ak-page {
  background: #f8f9f7 !important;
  color: #06264e !important;
}

.ak-topline,
.ak-trustbar {
  background: #06264e !important;
  color: #f8f9f7 !important;
}

.ak-topline span {
  color: #a9bbc8 !important;
}

.ak-nav {
  background: #eaf3f4 !important;
  border-bottom-color: #c8dfe2 !important;
}

.ak-logo-mark {
  border-color: #06264e !important;
}

.ak-logo-mark:after,
.ak-nav-links a:after,
.ak-redline {
  background-color: #ee6c24 !important;
}

.ak-phone svg,
.ak-section-label,
.ak-stamp,
.ak-service-icon,
.ak-service > svg,
.ak-band-main h3,
.ak-pin svg {
  color: #ee6c24 !important;
}

.ak-hero {
  background: #74b5bf !important;
}

.ak-hero:before {
  background: linear-gradient(
    105deg,
    #74b5bf 0%,
    #74b5bfe8 44%,
    #74b5bf44 78%,
    #06264e66
  ) !important;
}

.ak-intro {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.ak-intro-watermark {
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 50%;
  width: min(68vw, 880px);
  height: auto;
  transform: translate(-50%, -50%);
  /* Very faded watermark: 92% transparent, with the centered mark kept behind the copy. */
  opacity: 0.08;
  filter: grayscale(1) contrast(0.55) brightness(1.15);
  mix-blend-mode: multiply;
  pointer-events: none;
  user-select: none;
}

.ak-hero-grid {
  background-image:
    linear-gradient(#06264e 1px, transparent 1px),
    linear-gradient(90deg, #06264e 1px, transparent 1px) !important;
}

.ak-hero h1,
.ak-section-heading h2,
.ak-intro h2,
.ak-process h2,
.ak-coverage h2,
.ak-quote h2 {
  color: #06264e !important;
}

.ak-hero h1 em,
.ak-section-heading h2 em,
.ak-intro h2 span,
.ak-process h2 em,
.ak-coverage h2 em,
.ak-quote h2 em {
  color: #31556f !important;
}

.ak-button,
.ak-outline-button,
.ak-mobile-cta {
  background: #ee6c24 !important;
  color: #fff !important;
}

.ak-button:hover {
  background: #cf5a17 !important;
}

.ak-text-link,
.ak-inventory-footer button {
  color: #06264e !important;
  border-bottom-color: #06264e !important;
}

.ak-proof > div {
  border-left-color: #06264e66 !important;
}

.ak-yard-image {
  background: linear-gradient(145deg, #7297a7, #31556f 62%, #06264e) !important;
}

.ak-yard-image:before {
  background: repeating-linear-gradient(
    164deg,
    transparent 0 42px,
    #ee6c24 43px 48px,
    transparent 49px 87px
  ) !important;
  opacity: 0.32 !important;
}

.ak-yard-image:after {
  background:
    linear-gradient(90deg, #74b5bf 0%, transparent 27%),
    linear-gradient(0deg, #06264ecc, transparent 45%) !important;
}

.ak-yard-sun {
  background: #9ecbd1 !important;
}

.ak-pipe {
  background: linear-gradient(#e1e8e9, #8ca7b1 40%, #31556f 75%, #c8d7da) !important;
  box-shadow: 0 15px 0 #06264e, 0 24px 0 #8eabb4 !important;
}

.ak-yard-caption span {
  color: #dbe9eb !important;
}

.ak-trustbar > span,
.ak-trustbar svg,
.ak-section-label.light,
.ak-process-copy .ak-section-label,
.ak-outline-button {
  color: #ee6c24 !important;
}

.ak-intro-copy p,
.ak-section-heading p,
.ak-quote-hed p {
  color: #4f6471 !important;
}

.ak-stamp {
  border-color: #ee6c24 !important;
  outline-color: #ee6c24 !important;
}

.ak-inventory {
  background: #e9eef0 !important;
}

.ak-band-list,
.ak-band {
  border-color: #c3d0d5 !important;
}

.ak-band-swatch {
  border-color: #06264e44 !important;
}

.ak-band:hover .ak-band-main h3 {
  color: var(--ink) !important;
}

.ak-band:first-child:hover {
  background: #fff !important;
  border-color: #b8c9cf !important;
  box-shadow: 0 12px 26px rgba(6, 38, 78, 0.14);
  position: relative;
  z-index: 1;
}

.ak-band-list {
  width: 100%;
}

/* Keep every inventory row on the same measured rhythm: number, swatch,
   identity, wall-loss range, description, and action all share fixed tracks. */
.ak-band {
  box-sizing: border-box;
  grid-template-columns: 4.5rem 0.75rem minmax(0, 1fr) 2rem;
  column-gap: 1.5rem;
  min-height: 6.25rem;
  padding: 1.35rem 1.125rem;
  transition: background 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.ak-band:hover {
  padding-left: 1.125rem;
}

.ak-band-main {
  display: grid;
  grid-template-columns: 11rem 10rem minmax(0, 1fr);
  align-items: center;
  column-gap: 2.1rem;
  min-width: 0;
}

.ak-band-main h3 {
  width: auto;
  min-width: 0;
  margin: 0;
  line-height: 0.95;
}

.ak-band-main span {
  width: auto;
  min-width: 0;
  white-space: nowrap;
}

.ak-band-main p {
  min-width: 0;
  margin: 0;
  line-height: 1.45;
}

.ak-band-arrow {
  justify-self: end;
  margin-left: 0;
}

.ak-band:nth-child(2):hover .ak-band-main,
.ak-band:nth-child(2):hover .ak-band-main h3,
.ak-band:nth-child(2):hover .ak-band-main span,
.ak-band:nth-child(2):hover .ak-band-main p,
.ak-band:nth-child(2):hover .ak-band-num,
.ak-band:nth-child(2):hover .ak-band-arrow {
  color: #000 !important;
}

.ak-process-image {
  background: #ee6c24 !important;
}

.ak-process-photo {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0.92;
  mix-blend-mode: multiply;
}

.ak-process-watermark {
  position: absolute;
  z-index: 2;
  width: min(520px, 72%);
  right: -145px;
  bottom: -135px;
  opacity: 0.1;
  filter: grayscale(1) brightness(2.2) contrast(0.7);
  mix-blend-mode: screen;
  transform: rotate(-8deg);
  pointer-events: none;
  user-select: none;
}

.ak-process-image:before {
  background: repeating-linear-gradient(
    120deg,
    transparent 0 52px,
    #cf5a17 54px 59px
  ) !important;
}

.ak-giant-mark {
  color: #f8d7d8 !important;
}

.ak-process-copy,
.ak-coverage,
.ak-contact-card {
  background: #06264e !important;
}

.ak-process-copy .ak-section-label,
.ak-step b,
.ak-contact-link svg {
  color: #74b5bf !important;
}

.ak-services {
  background: #f8f9f7 !important;
}

.ak-service-grid,
.ak-service {
  border-color: #cbd7dc !important;
}

.ak-service {
  position: relative;
  overflow: hidden;
}

.ak-service::before {
  content: "";
  position: absolute;
  z-index: 0;
  right: 14px;
  bottom: 12px;
  width: 78px;
  height: 78px;
  background-image: url("ak-casing-homepage-logo.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 214px auto;
  filter: grayscale(1) brightness(0.72) contrast(0.7);
  opacity: 0;
  mix-blend-mode: multiply;
  pointer-events: none;
  transition: opacity 0.25s ease;
}

.ak-service:hover::before {
  opacity: 0.14;
}

.ak-service > * {
  position: relative;
  z-index: 1;
}

.ak-service:hover {
  background: #c7e0e3 !important;
  color: #06264e !important;
}

.ak-coverage p,
.ak-step p {
  color: #b6c9d1 !important;
}

.ak-outline-button {
  background: transparent !important;
  border-color: #ee6c24 !important;
}

.ak-outline-button:hover {
  background: #ee6c24 !important;
  color: #fff !important;
}

.ak-map {
  background: radial-gradient(ellipse at 48% 45%, #31556f, #06264e 66%) !important;
}

.ak-map-line,
.ak-pin {
  color: #74b5bf !important;
}

.ak-map-line {
  background: #ee6c24 !important;
}

.ak-quote {
  background: #b9d6da !important;
}

.ak-contact-card {
  box-shadow: 12px 12px 0 #ee6c24 !important;
}

.ak-contact-link,
.ak-buy-button {
  color: #fff !important;
}

.ak-footer {
  background: #041c38 !important;
}

.ak-footer a {
  color: #ee6c24 !important;
}

/* Keep the spec cue readable and anchored to the lower-right edge of the hero. */
.ak-scroll {
  right: 5.8vw !important;
  bottom: 27px !important;
  transform: none !important;
  transform-origin: initial !important;
}

@media (max-width: 900px) {
  .ak-band {
    grid-template-columns: 2.4rem 0.5rem minmax(0, 1fr) 1.35rem;
    column-gap: 0.7rem;
    min-height: 0;
    padding: 1.1rem 0.35rem;
  }

  .ak-band:hover {
    padding-left: 0.35rem;
  }

  .ak-band-main {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.35rem 0.75rem;
  }

  .ak-band-main h3 {
    font-size: 1.35rem;
  }

  .ak-band-main span {
    justify-self: end;
    font-size: 0.56rem;
  }

  .ak-band-main p {
    grid-column: 1 / -1;
    font-size: 0.7rem;
  }
}

@media (max-width: 530px) {
  .ak-band {
    grid-template-columns: 2rem 0.45rem minmax(0, 1fr) 1.1rem;
    column-gap: 0.55rem;
  }

  .ak-band-main h3 {
    font-size: 1.15rem;
  }

  .ak-band-main span {
    font-size: 0.5rem;
  }
}

/* Rates & services inquiry: a deliberate handoff from proof to action. */
.ak-inquiry {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr);
  gap: clamp(3rem, 8vw, 9rem);
  padding: clamp(5rem, 10vw, 9rem) clamp(1.5rem, 7vw, 7rem);
  background: #f4f0e7;
  color: #06264e;
}
.ak-inquiry-intro { max-width: 520px; }
.ak-inquiry h2 {
  margin: 1rem 0 1.35rem;
  color: #06264e;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 800;
  font-size: clamp(3rem, 5vw, 5.7rem);
  line-height: .9;
  letter-spacing: -.055em;
  text-transform: uppercase;
}
.ak-inquiry h2 em { color: #31556f; font-style: normal; }
.ak-inquiry-intro > p { max-width: 390px; color: #4f6471; line-height: 1.65; }
.ak-inquiry-contact { display: flex; flex-wrap: wrap; gap: 1.5rem; margin: 2.5rem 0 2rem; }
.ak-inquiry-contact a { display: flex; align-items: center; gap: .7rem; color: #ee6c24; text-decoration: none; }
.ak-inquiry-contact span { display: grid; gap: .18rem; color: #31556f; font-size: .72rem; text-transform: uppercase; letter-spacing: .12em; }
.ak-inquiry-contact strong { color: #06264e; font-size: .88rem; letter-spacing: 0; text-transform: none; }
.ak-benefits { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem 1rem; padding: 1.3rem 0 0; margin: 0; border-top: 1px solid #c6d0d0; list-style: none; }
.ak-benefits li { display: flex; align-items: center; gap: .55rem; font-family: 'Space Mono', monospace; font-weight: 700; font-size: .7rem; letter-spacing: .04em; text-transform: uppercase; }
.ak-benefits svg { color: #6e9ea5; flex: 0 0 auto; }
.ak-inquiry-form { align-self: center; padding: clamp(1.5rem, 3vw, 2.5rem); background: #e2ecec; border: 1px solid #b5cccf; box-shadow: 12px 12px 0 #ee6c24; }
.ak-inquiry-form fieldset { padding: 0; margin: 0 0 1.25rem; border: 0; }
.ak-inquiry-form legend { margin-bottom: .8rem; color: #06264e; font-size: .75rem; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.ak-inquiry-form legend span { color: #ee6c24; }
.ak-service-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem 1rem; }
.ak-service-options label { display: flex; align-items: center; gap: .45rem; min-height: 28px; color: #4f6471; cursor: pointer; font-size: .78rem; transition: color .2s ease; }
.ak-service-options label.selected { color: #06264e; font-weight: 800; }
.ak-service-options input, .ak-consent input { accent-color: #ee6c24; }
.ak-inquiry-form fieldset small { display: block; margin-top: .65rem; color: #6d7e82; font-size: .65rem; }
.ak-field-grid { display: grid; gap: .75rem; }
.ak-field-grid input { width: 100%; box-sizing: border-box; padding: .9rem .85rem; border: 1px solid #adc2c5; border-radius: 2px; background: #f8f9f7; color: #06264e; font: inherit; outline: none; }
.ak-field-grid input:focus { border-color: #06264e; box-shadow: 0 0 0 3px #74b5bf66; }
.ak-field-grid input::placeholder { color: #708187; }
.ak-consent { display: flex; align-items: flex-start; gap: .5rem; margin: 1rem 0 1.4rem; color: #5c7076; font-size: .66rem; line-height: 1.45; cursor: pointer; }
.ak-inquiry-submit { position: relative; display: flex; align-items: center; justify-content: center; gap: .5rem; width: 100%; padding: 1rem; border: 0; background: #ee6c24; color: #fff; cursor: pointer; font: 700 10px 'Space Mono', monospace; letter-spacing: .08em; text-transform: uppercase; transition: background .2s ease, transform .2s ease; }
.ak-inquiry-submit:hover { background: #cf5a17; transform: translateY(-2px); }
.ak-inquiry-submit small { position: absolute; bottom: .3rem; font-size: .56rem; font-weight: 500; letter-spacing: 0; text-transform: none; }
.ak-form-call { display: block; margin-top: 1.25rem; color: #31556f; text-align: center; font-size: .76rem; font-weight: 800; text-decoration: none; }
.ak-form-call:hover { color: #ee6c24; }

@media (max-width: 850px) {
  .ak-inquiry { grid-template-columns: 1fr; gap: 3.5rem; }
  .ak-inquiry-intro { max-width: 680px; }
  .ak-inquiry-form { max-width: 680px; width: 100%; box-sizing: border-box; }
}
@media (max-width: 530px) {
  .ak-inquiry { padding: 4.5rem 1.2rem; }
  .ak-inquiry h2 { font-size: 3.1rem; }
  .ak-benefits { grid-template-columns: 1fr; }
  .ak-service-options { grid-template-columns: 1fr; }
  .ak-inquiry-form { box-shadow: 7px 7px 0 #ee6c24; }
}
/* ---- Service card: AK emblem reveal on hover (gold hover unchanged) ---- */
.ak-service{position:relative;overflow:hidden}
.ak-service::after{
  content:"";position:absolute;right:-18px;bottom:-22px;width:150px;height:150px;
  -webkit-mask:url(ak-mark.svg) no-repeat center/contain;
  mask:url(ak-mark.svg) no-repeat center/contain;
  background:#18304a;
  opacity:0;transform:translateY(10px) scale(.92);
  transition:opacity .28s ease, transform .28s ease;
  pointer-events:none;
}
.ak-service:hover::after{opacity:.20;transform:translateY(0) scale(1);}

/* ============ Sticky section menu + jump offsets (added 2026-09-07) ============ */
.ak-nav{position:sticky;top:0;z-index:1000;background:#f3f0e8;box-shadow:0 2px 14px rgba(6,38,78,.07)}
#inventory,#standards,#services,#regions,#quote,#inquiry,#top{scroll-margin-top:92px}
html{scroll-behavior:smooth}

/* Enlarge the AK watermark logo in the intro section to ~60% of the page */
.ak-intro-watermark{width:60%!important;max-width:1300px;height:auto}

/* Fix: .ak-page overflow:hidden breaks sticky nav — use clip (clips the same, keeps sticky) */
.ak-page{overflow:clip!important}

/* ============ Inquiry section: larger text + spread left column (2026-09-07) ============ */
.ak-inquiry-intro{max-width:none!important}
.ak-inquiry-intro > p{max-width:620px!important;font-size:1.05rem!important;line-height:1.72!important}
.ak-inquiry-contact{gap:2.4rem!important}
.ak-inquiry-contact span{font-size:.82rem!important}
.ak-inquiry-contact strong{font-size:1.18rem!important}
.ak-inquiry-contact svg{width:22px;height:22px}
.ak-benefits{gap:1.15rem 2.2rem!important;padding-top:1.7rem!important}
.ak-benefits li{font-size:.95rem!important;gap:.7rem!important}
.ak-benefits svg{width:20px;height:20px}
.ak-service-options label{font-size:.95rem!important}
/* give the left column more of the page on desktop */
@media (min-width:901px){ .ak-inquiry{grid-template-columns:1.2fr 1fr!important;gap:5rem!important} }

/* ============ Contrast fixes on dark sections (2026-09-07) ============ */
/* Hero scroll cue -> white so it's visible on the dark image */
.ak-scroll{color:#f3f0e8!important}
/* Process section (navy bg) big title -> cream + gold accent */
.ak-process h2{color:#f3f0e8!important}
.ak-process h2 em{color:#d5a144!important}
/* Coverage / "Where we move" (navy bg) big title -> cream + gold accent */
.ak-coverage h2{color:#f3f0e8!important}
.ak-coverage h2 em{color:#d5a144!important}

/* ============ Process image duotone + watermark tweaks (2026-09-07) ============ */
/* Process photo: light white/blue duotone instead of red */
.ak-process-image{background:#8fb3bf!important}
.ak-process-image:before{background:repeating-linear-gradient(120deg,transparent 0 52px,rgba(255,255,255,.5) 54px 59px)!important;opacity:.3!important}
.ak-process-photo{mix-blend-mode:luminosity!important;opacity:.92!important}

/* Intro background AK logo: larger + aligned to the right side */
.ak-intro-watermark{width:70%!important;max-width:1500px!important;left:auto!important;right:0!important}

/* ============ Title spacing + warm-orange buttons/shadows (2026-09-07) ============ */
/* Two-tone heading accents on their own line (fixes jammed words) */
.ak-hero h1 em,
.ak-intro-copy h2 span,
.ak-section-heading h2 em,
.ak-process h2 em,
.ak-coverage h2 em,
.ak-quote h2 em,
.ak-inquiry h2 em{ display:block; }

/* Warm neutral orange for CTA buttons (was red) */
.ak-button,.ak-mobile-cta{background:#ee6c24!important}
.ak-button:hover,.ak-mobile-cta:hover{background:#cf5a17!important}
.ak-inquiry-submit{background:#ee6c24!important}
.ak-inquiry-submit:hover{background:#cf5a17!important}
/* Form drop-shadow: red -> same warm orange */
.ak-inquiry-form{box-shadow:12px 12px 0 #ee6c24!important}
@media (max-width:900px){ .ak-inquiry-form{box-shadow:7px 7px 0 #ee6c24!important} }
/* Contact card drop-shadow: red -> warm orange */
.ak-contact-card{box-shadow:12px 12px 0 #ee6c24!important}

/* ============ "Why operators choose AK" value section (2026-09-07) ============ */
.ak-value{background:#f3f0e8}
.ak-value-head h2{font:800 clamp(44px,5vw,82px)/.95 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:-.02em;color:#06264e;margin:.5rem 0 0}
.ak-value-head h2 em{display:block;font-style:normal;color:#31556f}
.ak-value-body{display:grid;grid-template-columns:1fr 1fr;gap:4.5rem;margin-top:2.8rem;align-items:start}
.ak-value-copy p{color:#4f6471;line-height:1.78;font-size:1.06rem;margin:0 0 1.2rem;max-width:600px}
.ak-value-points{list-style:none;margin:0;padding:0;display:grid;gap:1.3rem}
.ak-value-points li{display:flex;align-items:center;gap:1rem;font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:1.55rem;line-height:1.08;text-transform:uppercase;color:#06264e;border-bottom:1px solid #d9d3c6;padding-bottom:1.15rem}
.ak-value-points strong{color:#ee6c24;font-weight:800}
.ak-value-points svg{color:#ee6c24;flex:0 0 auto;width:24px;height:24px}
@media (max-width:900px){.ak-value-body{grid-template-columns:1fr;gap:2.4rem}.ak-value-points li{font-size:1.3rem}}

/* Enlarge the submit-request area text */
.ak-inquiry-submit{font-size:14px!important;padding:1.15rem!important;gap:.7rem!important}
.ak-inquiry-submit small{font-size:11px!important;margin-top:.35rem}
.ak-inquiry-submit svg{width:20px;height:20px}
.ak-consent{font-size:.82rem!important;line-height:1.5}
.ak-form-call{font-size:.95rem!important}

/* value section: image column layout */
.ak-value-body{grid-template-columns:.9fr 1.1fr!important;align-items:stretch!important;gap:4rem!important}
.ak-value-media{position:relative}
.ak-value-media img{width:100%;height:100%;min-height:440px;object-fit:cover;object-position:center;display:block;box-shadow:18px 18px 0 rgba(6,38,78,.10)}
.ak-value-content{display:grid;gap:1.7rem;align-content:start}
@media (max-width:900px){.ak-value-body{grid-template-columns:1fr!important}.ak-value-media img{min-height:260px;margin-bottom:1rem}}

/* ============ Mobile: tap-to-reveal service card colour + emblem (2026-09-07) ============ */
.ak-service.is-active{background:#d5a144}
.ak-service.is-active::after{opacity:.20;transform:translateY(0) scale(1)}
/* Mobile spacing tidy for added sections */
@media (max-width:900px){
  .ak-inquiry-form{width:100%;box-sizing:border-box}
  .ak-value-points li{font-size:1.15rem}
  .ak-nav-links.open{gap:20px}
}

/* ============ Our Commitment (HS&E + CSR) section (2026-09-07) ============ */
.ak-resp{background:#f3f0e8}
.ak-resp-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin-top:2.6rem}
.ak-resp-card{background:#fff;border:1px solid #e4dfd2;padding:2.6rem;display:flex;flex-direction:column;gap:1.1rem}
.ak-resp-icon{color:#ee6c24}
.ak-resp-icon svg{width:34px;height:34px}
.ak-resp-card h3{font:800 30px 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.01em;color:#06264e;margin:0}
.ak-resp-card p{color:#4f6471;line-height:1.72;font-size:1.02rem;margin:0}
.ak-resp-stat{margin-top:auto;padding-top:1.1rem;border-top:1px solid #e4dfd2;font-family:'Space Mono',monospace;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:#06264e}
.ak-resp-stat strong{color:#ee6c24}
#hse,#csr{scroll-margin-top:96px}
@media (max-width:900px){.ak-resp-grid{grid-template-columns:1fr;gap:1.6rem}.ak-resp-card{padding:1.8rem}}

/* ============ Available Inventory table (2026-09-07) ============ */
.ak-stock{background:#f3f0e8}
.ak-stock-table-wrap{margin-top:2rem;overflow-x:auto;border:1px solid #d9d3c6;-webkit-overflow-scrolling:touch}
.ak-stock-table{width:100%;border-collapse:collapse;min-width:660px;background:#fff}
.ak-stock-table th{background:#06264e;color:#f3f0e8;font:700 11px 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.07em;text-align:left;padding:15px 20px;white-space:nowrap}
.ak-stock-table td{padding:14px 20px;font-size:.98rem;color:#31556f;border-top:1px solid #ece8dd;font-family:'DM Sans',sans-serif;white-space:nowrap}
.ak-stock-table tbody tr:nth-child(even){background:#f7f5ef}
.ak-stock-table tbody tr:hover{background:#f0ece0}
.ak-stock-table td:first-child{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.2rem;color:#06264e}
.ak-stock-table td:last-child{font-family:'Space Mono',monospace;font-weight:700;color:#ee6c24}
.ak-stock-foot{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;margin-top:1.5rem;flex-wrap:wrap}
.ak-stock-foot span{font-family:'Space Mono',monospace;font-size:.78rem;color:#52606a;text-transform:uppercase;letter-spacing:.03em}
.ak-stock-foot button{background:#ee6c24;color:#fff;border:0;padding:15px 20px;font:700 10px 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.08em;display:inline-flex;align-items:center;gap:12px;cursor:pointer;transition:background .2s,transform .2s}
.ak-stock-foot button:hover{background:#cf5a17;transform:translateY(-2px)}
#stock{scroll-margin-top:96px}

/* ============ Leader spotlight band (2026-09-07) ============ */
.ak-spotlight{position:relative;background:#18304a;overflow:hidden;padding:112px 10vw}
.ak-spotlight:before{content:"";position:absolute;inset:0;background:url(ak-casing-process-yard.jpg) center right/cover;opacity:.22;mix-blend-mode:luminosity}
.ak-spotlight:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#18304a 42%,rgba(24,48,74,.55) 100%)}
.ak-spotlight-inner{position:relative;z-index:2;max-width:840px}
.ak-spotlight h2{font:800 clamp(40px,4.6vw,74px)/.98 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:-.02em;color:#f3f0e8;margin:.6rem 0 1.4rem}
.ak-spotlight h2 em{display:block;font-style:normal;color:#ee6c24}
.ak-spotlight p{color:#c8d3d8;line-height:1.75;font-size:1.08rem;max-width:660px;margin:0 0 2.1rem}
.ak-spotlight-points{list-style:none;margin:0 0 2.3rem;padding:0;display:grid;gap:1.1rem;max-width:680px}
.ak-spotlight-points li{display:flex;align-items:center;gap:1rem;font:700 1.35rem 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.02em;color:#f3f0e8;line-height:1.15}
.ak-spotlight-points svg{color:#ee6c24;flex:0 0 auto;width:26px;height:26px}
@media (max-width:900px){.ak-spotlight{padding:70px 7vw}.ak-spotlight:after{background:linear-gradient(180deg,#18304a 55%,rgba(24,48,74,.7))}.ak-spotlight-points li{font-size:1.18rem}}

/* ============================================================================
   ABOUT MENU + COVERAGE REGIONS + LARGER TYPE  (2026-09-07)
   ============================================================================ */

/* ---------- About dropdown in the main nav ---------- */
.ak-has-sub{position:relative;display:flex;align-items:center}
.ak-sub-toggle{
  background:none;border:0;padding:0;cursor:pointer;color:inherit;
  font-family:inherit;font-size:inherit;font-weight:inherit;
  display:inline-flex;align-items:center;gap:6px;position:relative;
}
.ak-sub-toggle svg{width:16px;height:16px;transition:transform .22s}
.ak-has-sub.open .ak-sub-toggle svg{transform:rotate(180deg)}
.ak-sub-toggle:after{
  content:"";position:absolute;left:0;bottom:-7px;height:2px;width:0;
  background:#ee6c24;transition:width .25s;
}
.ak-has-sub:hover .ak-sub-toggle:after,
.ak-has-sub.open .ak-sub-toggle:after{width:100%}

.ak-subnav{
  position:absolute;top:calc(100% + 18px);left:50%;transform:translateX(-50%) translateY(-6px);
  min-width:310px;background:#f8f6f0;border:1px solid #dad6ca;
  box-shadow:0 18px 44px rgba(6,38,78,.16);
  padding:.55rem;display:grid;gap:2px;z-index:1200;
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease;
}
.ak-subnav:before{
  content:"";position:absolute;top:-18px;left:0;right:0;height:18px;
}
.ak-has-sub:hover .ak-subnav,
.ak-has-sub.open .ak-subnav{
  opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0);
}
.ak-subnav a{
  display:block;padding:.72rem .9rem;border-left:2px solid transparent;
  transition:background .18s,border-color .18s;
}
.ak-subnav a:after{display:none}
.ak-subnav a:hover{background:#ece8dc;border-left-color:#ee6c24}
.ak-subnav a strong{
  display:block;font-family:'Barlow Condensed',sans-serif;font-weight:700;
  font-size:1.12rem;text-transform:uppercase;letter-spacing:.02em;color:#18304a;line-height:1.12;
}
.ak-subnav a span{
  display:block;margin-top:3px;font-family:'DM Sans',sans-serif;
  font-size:.8rem;color:#66757f;line-height:1.35;font-weight:400;text-transform:none;
}

/* jump offsets for the sections the About menu points at */
#leader,#why-ak,#responsibility{scroll-margin-top:96px}

/* Mobile: the dropdown becomes an inline, always-expanded group */
@media (max-width:900px){
  .ak-has-sub{display:block;width:100%}
  .ak-sub-toggle{width:100%;justify-content:flex-start}
  .ak-subnav{
    position:static;transform:none;opacity:1;visibility:visible;pointer-events:auto;
    min-width:0;width:100%;background:transparent;border:0;box-shadow:none;
    padding:.5rem 0 0;margin-top:.5rem;border-left:2px solid #dad6ca;
    display:none;
  }
  .ak-has-sub.open .ak-subnav{display:grid;transform:none}
  .ak-subnav a{padding:.55rem .9rem}
  .ak-subnav a span{display:none}
}

/* ---------- "Where we move": explicit region lists ---------- */
.ak-coverage-regions{
  grid-column:1 / -1;
  display:grid;grid-template-columns:1fr 1fr;gap:2.5rem 4rem;
  margin-top:3.2rem;padding-top:2.6rem;border-top:1px solid rgba(255,255,255,.18);
}
.ak-region h3{
  display:flex;align-items:center;gap:.6rem;margin:0 0 1.15rem;
  font:800 1.65rem 'Barlow Condensed',sans-serif;text-transform:uppercase;
  letter-spacing:.03em;color:#d5a144;
}
.ak-region h3 svg{width:20px;height:20px;color:#ee6c24;flex:0 0 auto}
.ak-region ul{
  list-style:none;margin:0;padding:0;
  display:flex;flex-wrap:wrap;gap:.7rem 1.6rem;
}
.ak-region li{
  font-family:'Space Mono',monospace;font-size:.92rem;letter-spacing:.03em;
  text-transform:uppercase;color:#e6ebee;
  display:flex;align-items:center;
}
.ak-region li:not(:last-child):after{
  content:"·";margin-left:1.6rem;color:#5d7386;
}
@media (max-width:900px){
  .ak-coverage-regions{grid-template-columns:1fr;gap:2rem;margin-top:2.6rem;padding-top:2rem}
  .ak-region h3{font-size:1.45rem}
}

/* ============================================================================
   LARGER, EASIER-TO-READ TYPE ACROSS THE PAGE
   ============================================================================ */

/* Top utility bar */
.ak-topline{font-size:11px!important;min-height:40px}
.ak-topline span{font-size:10px!important;margin-left:14px}

/* Main navigation */
.ak-nav-links{font-size:15px!important;gap:30px!important}
.ak-phone{font-size:13px!important}
.ak-phone svg{width:20px;height:20px}

/* Buttons + small caps labels */
.ak-button,.ak-outline-button,.ak-mobile-cta{font-size:12px!important;padding:16px 21px}
.ak-button.small{padding:13px 18px}
.ak-inventory-footer button,.ak-buy-button,.ak-stock-foot button{font-size:12px!important}
.ak-kicker,.ak-section-label{font-size:12px!important}
.ak-text-link{font-size:14px!important}

/* Hero */
.ak-hero-lede{font-size:18px!important;line-height:1.65;max-width:520px}
.ak-proof strong{font-size:40px!important}
.ak-proof strong span{font-size:21px!important}
.ak-proof span{font-size:10px!important}
.ak-yard-caption span{font-size:11px!important}
.ak-yard-caption b{font-size:38px!important}
.ak-scroll{font-size:11px!important}

/* Trust bar */
.ak-trustbar{font-size:12px!important}
@media (max-width:900px){.ak-trustbar div{font-size:11px!important}}

/* Body copy across sections */
.ak-intro-copy p,.ak-section-heading p{font-size:17px!important;line-height:1.75;max-width:540px}
.ak-spotlight p{font-size:1.16rem!important}
.ak-spotlight-points li{font-size:1.48rem!important}
.ak-value-copy p{font-size:1.14rem!important}
.ak-value-points li{font-size:1.68rem!important}
.ak-resp-card p{font-size:1.1rem!important}
.ak-resp-card h3{font-size:33px!important}
.ak-resp-stat{font-size:.88rem!important}
.ak-stamp strong{font-size:26px!important}
.ak-stamp span{font-size:11px!important}

/* Inventory bands */
.ak-band-main h3{font-size:28px!important;width:165px}
.ak-band-main span{font-size:13px!important;width:180px}
.ak-band-main p{font-size:15px!important}
.ak-band-num{font-size:13px!important}
.ak-inventory-footer{font-size:12px!important}

/* Available inventory table */
.ak-stock-table th{font-size:12px!important}
.ak-stock-table td{font-size:1.05rem!important}
.ak-stock-table td:first-child{font-size:1.32rem!important}
.ak-stock-foot span{font-size:.9rem!important}

/* Process */
.ak-step h3{font-size:30px!important}
.ak-step p{font-size:15px!important;line-height:1.6;max-width:420px}
.ak-step b{font-size:15px!important}
.ak-vertical-label{font-size:11px!important}

/* Services */
.ak-service h3{font-size:30px!important}
.ak-service p{font-size:15px!important;line-height:1.6;max-width:300px}

/* Coverage / map */
.ak-coverage p{font-size:17px!important;max-width:420px;line-height:1.7}
.ak-pin{font-size:11px!important}
.ak-map-legend{font-size:11px!important}

/* Inquiry + contact */
.ak-inquiry-intro > p{font-size:1.14rem!important}
.ak-inquiry-contact span{font-size:.9rem!important}
.ak-inquiry-contact strong{font-size:1.3rem!important}
.ak-benefits li{font-size:1.04rem!important}
.ak-service-options label{font-size:1.02rem!important}
.ak-inquiry-form input{font-size:1.02rem!important}
.ak-consent{font-size:.9rem!important}
.ak-form-call{font-size:1.02rem!important}
.ak-inquiry-submit{font-size:15px!important}
.ak-inquiry-submit small{font-size:12px!important}
.ak-quote-hed p{font-size:17px!important}
.ak-contact-top{font-size:11px!important}
.ak-contact-link{font-size:28px!important}

/* Footer */
.ak-footer{font-size:12px!important}

/* Small screens: keep the bump but stop the big display type overflowing */
@media (max-width:530px){
  .ak-topline{font-size:10px!important}
  .ak-hero-lede{font-size:16px!important}
  .ak-contact-link{font-size:22px!important}
  .ak-band-main h3{font-size:24px!important}
}

/* ============================================================================
   "THE OCTG LEADER" SPOTLIGHT — real yard photo background, two columns,
   two-sizes-larger type  (2026-09-07)
   ============================================================================ */

/* Photo background from the live akcasing.com tubulars page */
.ak-spotlight:before{
  background:url(ak-octg-leader-bg.jpg) center center/cover no-repeat!important;
  opacity:.9!important;
  mix-blend-mode:normal!important;
  filter:saturate(.55) brightness(1.12);
}
/* Navy wash: heaviest on the left behind the headline, lighter on the right
   so the photo reads, while white text stays legible over both. */
.ak-spotlight:after{
  background:linear-gradient(90deg,
    rgba(24,48,74,.94) 0%,
    rgba(24,48,74,.86) 34%,
    rgba(24,48,74,.55) 68%,
    rgba(24,48,74,.42) 100%)!important;
}
.ak-spotlight{padding:120px 10vw!important}

/* Two columns: copy left, capability list right */
.ak-spotlight-inner{
  max-width:none!important;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:4.5rem;
  align-items:center;
}
.ak-spotlight-copy{max-width:660px}
.ak-spotlight-aside{
  border-left:2px solid rgba(213,161,68,.55);
  padding-left:2.6rem;
}

/* --- Type, two sizes up across the whole section --- */
.ak-spotlight .ak-section-label{font-size:15px!important;letter-spacing:.14em}
.ak-spotlight h2{
  font-size:clamp(50px,5.5vw,88px)!important;
  line-height:.96!important;
  margin:.7rem 0 1.5rem!important;
}
.ak-spotlight p{
  font-size:1.42rem!important;
  line-height:1.62!important;
  max-width:640px!important;
  color:#d5dee2!important;
  margin:0 0 2.3rem!important;
}
.ak-spotlight .ak-button{font-size:14px!important;padding:18px 24px!important}
.ak-spotlight .ak-button svg{width:20px;height:20px}

.ak-spotlight-points{
  margin:0!important;
  gap:1.6rem!important;
  max-width:none!important;
}
.ak-spotlight-points li{
  font-size:1.85rem!important;
  line-height:1.12!important;
  gap:1.15rem!important;
  align-items:center;
}
.ak-spotlight-points svg{width:32px!important;height:32px!important}

/* Tablet / mobile: stack back to one column, keep the larger type */
@media (max-width:1100px){
  .ak-spotlight-inner{grid-template-columns:1fr;gap:3rem}
  .ak-spotlight-aside{border-left:0;border-top:2px solid rgba(213,161,68,.55);padding-left:0;padding-top:2.2rem}
}
@media (max-width:900px){
  .ak-spotlight{padding:80px 7vw!important}
  .ak-spotlight:after{
    background:linear-gradient(180deg,rgba(24,48,74,.93) 45%,rgba(24,48,74,.8) 100%)!important;
  }
  .ak-spotlight p{font-size:1.2rem!important}
  .ak-spotlight-points li{font-size:1.45rem!important}
  .ak-spotlight-points svg{width:26px!important;height:26px!important}
}

/* ============================================================================
   Spotlight right column = Certified Tubulars block  +  bigger trust labels
   (2026-09-07)
   ============================================================================ */
.ak-spotlight-aside .ak-section-label{margin-bottom:.7rem}
.ak-spotlight-aside h3{
  font:800 clamp(30px,2.9vw,44px)/1.0 'Barlow Condensed',sans-serif;
  text-transform:uppercase;letter-spacing:-.01em;color:#f3f0e8;
  margin:0 0 1.1rem;
}
.ak-spotlight-aside h3 em{display:block;font-style:normal;color:#ee6c24}
.ak-spotlight-aside > p{
  font-size:1.16rem!important;line-height:1.6!important;
  color:#c8d3d8!important;max-width:none!important;margin:0 0 1.9rem!important;
}
/* keep the capability list tighter now that it sits under copy */
.ak-spotlight-aside .ak-spotlight-points li{font-size:1.5rem!important}
@media (max-width:900px){
  .ak-spotlight-aside .ak-spotlight-points li{font-size:1.35rem!important}
}

/* --- Trust bar + "scroll to spec" labels: two sizes larger, readable --- */
.ak-trustbar{font-size:16px!important}
.ak-trustbar > span{font-size:16px!important}
.ak-trustbar div{font-size:16px!important}
.ak-scroll{font-size:15px!important}
@media (max-width:900px){
  .ak-trustbar div{font-size:14px!important}
  .ak-trustbar > span{font-size:15px!important}
}

/* ============================================================================
   Bigger, more readable top bar + nav + coverage location lists (2026-09-07)
   ============================================================================ */
/* Top region strip — was 11px/10px, now clearly legible */
.ak-topline{font-size:14px!important;min-height:46px!important;letter-spacing:.05em}
.ak-topline span{font-size:12.5px!important;margin-left:14px!important;color:#9fb0c0!important}
/* Main nav links a touch larger */
.ak-nav-links{font-size:14px!important}

/* "Where we move" — make the Canada/USA location lists easier to see */
.ak-region h3{font-size:1.95rem!important}
.ak-region li{font-size:1.06rem!important;color:#eef2f4!important}

@media (max-width:900px){
  .ak-topline{font-size:12px!important;min-height:auto!important}
  .ak-topline span{font-size:11px!important}
  .ak-region h3{font-size:1.6rem!important}
  .ak-region li{font-size:1rem!important}
}

/* ============================================================================
   Mobile fixes: faster service reveal + readable inventory bands (2026-09-07)
   ============================================================================ */
/* 04 / MORE THAN PIPE — snappier tap-to-reveal on touch devices */
@media (max-width:900px){
  .ak-service{transition:background .12s ease, color .12s ease!important}
  .ak-service::after{transition:opacity .12s ease, transform .12s ease!important}
  .ak-service::before{transition:opacity .12s ease!important}
}
.ak-service.is-active::after{transition:opacity .12s ease, transform .12s ease!important}

/* 02 / THE INVENTORY — clean, fully-legible bands on mobile
   (previously the description was cropped, and hidden entirely under 530px) */
@media (max-width:900px){
  .ak-band{
    grid-template-columns:40px 14px 1fr!important;
    gap:4px 14px!important;padding:22px 6px!important;align-items:start!important;
  }
  .ak-band-num{padding-top:3px}
  .ak-band-swatch{width:13px!important;height:auto!important;min-height:52px;align-self:stretch}
  .ak-band-arrow{display:none!important}
  .ak-band-main{display:block!important}
  .ak-band-main h3{width:auto!important;font-size:23px!important;margin:0 0 2px!important;line-height:1.05}
  .ak-band-main span{
    display:block!important;width:auto!important;font-size:11px!important;
    color:#ee6c24!important;letter-spacing:.02em;margin:0 0 8px!important;opacity:1!important;
  }
  .ak-band-main p{
    display:block!important;width:auto!important;max-width:none!important;
    font-size:13.5px!important;line-height:1.55!important;opacity:1!important;
    color:#4f6471!important;margin:0!important;
  }
}
@media (max-width:530px){
  .ak-band-main p{display:block!important}
  .ak-band-main h3{font-size:22px!important}
}

/* Inventory dropdown reuses the About subnav styling automatically */

/* ============================================================================
   Mobile hero: stack cleanly, show all 3 stats, align them properly (2026-09-07)
   Previously the stats overlapped the yard-image caption and the API stat was
   hidden; the number size (40px !important) also forced overflow on phones.
   ============================================================================ */
@media (max-width:900px){
  .ak-hero{min-height:0!important;flex-direction:column!important;padding:58px 7vw 42px!important;}
  .ak-hero-content{max-width:none!important;width:100%;order:1;}
  /* Yard image drops below the copy as a clean banner (no more overlap) */
  .ak-yard-image{
    position:relative!important;order:2;z-index:2!important;
    width:100%!important;height:280px!important;
    top:auto!important;bottom:auto!important;right:auto!important;left:auto!important;
    margin:36px 0 0!important;opacity:1!important;
    clip-path:polygon(0 8%,100% 0,100% 100%,0 100%)!important;
  }
  .ak-yard-caption{right:7%!important;bottom:8%!important;}
  .ak-yard-caption b{font-size:30px!important;}

  /* Stats: full-width, evenly-aligned 3-up row — every stat visible */
  .ak-proof{
    display:grid!important;grid-template-columns:repeat(3,1fr)!important;
    gap:0!important;margin-top:36px!important;width:100%;flex-wrap:nowrap!important;
    border-top:1px solid #18304a2e;padding-top:20px;
  }
  .ak-proof>div{
    display:flex!important;flex-direction:column;align-items:flex-start;justify-content:flex-start;
    gap:7px!important;padding:0 11px!important;border-left:1px solid #18304a2e!important;
  }
  .ak-proof>div:first-child{padding-left:0!important;border-left:0!important;}
  .ak-proof>div:last-child{display:flex!important;padding-right:0!important;}
  .ak-proof strong{font-size:30px!important;line-height:1;}
  .ak-proof strong span{font-size:16px!important;}
  .ak-proof span{font-size:9px!important;line-height:1.4;letter-spacing:.02em;}
}
@media (max-width:530px){
  .ak-hero h1{font-size:56px!important;}
  .ak-proof>div:last-child{display:flex!important;}
  .ak-proof>div{padding:0 7px!important;}
  .ak-proof strong{font-size:25px!important;}
  .ak-proof strong span{font-size:14px!important;}
  .ak-proof span{font-size:8px!important;}
  .ak-yard-image{height:230px!important;}
}

/* ============================================================================
   Mobile hero image — enlarge to fill the lower portion of the hero (2026-09-07)
   ============================================================================ */
@media (max-width:900px){
  .ak-yard-image{height:56vh!important;min-height:430px!important;margin-top:32px!important;}
  .ak-yard-caption b{font-size:34px!important;}
}
@media (max-width:530px){
  .ak-yard-image{height:54vh!important;min-height:400px!important;}
}

/* ============================================================================
   Inventory bands: faster hover highlight + white text on the dark bands
   (Blue / Green / Red). White & Yellow keep their existing colors. (2026-09-07)
   ============================================================================ */
/* Quicker colour + fill change on every band (desktop hover and mobile tap) */
.ak-band{transition:background .1s ease, color .1s ease, border-color .1s ease, box-shadow .1s ease, padding .1s ease!important}
.ak-band-main h3,.ak-band-main span,.ak-band-main p,.ak-band-num,.ak-band-arrow{transition:color .1s ease!important}

/* Dark-fill bands (03 Blue, 04 Green, 05 Red): all text goes white on hover/tap */
.ak-band:nth-child(3):hover .ak-band-main h3,
.ak-band:nth-child(3):hover .ak-band-main span,
.ak-band:nth-child(3):hover .ak-band-main p,
.ak-band:nth-child(3):hover .ak-band-num,
.ak-band:nth-child(3):hover .ak-band-arrow,
.ak-band:nth-child(4):hover .ak-band-main h3,
.ak-band:nth-child(4):hover .ak-band-main span,
.ak-band:nth-child(4):hover .ak-band-main p,
.ak-band:nth-child(4):hover .ak-band-num,
.ak-band:nth-child(4):hover .ak-band-arrow,
.ak-band:nth-child(5):hover .ak-band-main h3,
.ak-band:nth-child(5):hover .ak-band-main span,
.ak-band:nth-child(5):hover .ak-band-main p,
.ak-band:nth-child(5):hover .ak-band-num,
.ak-band:nth-child(5):hover .ak-band-arrow{
  color:#f8f5ed!important;opacity:1!important;
}

/* ============================================================================
   HS&E + Training page section (2026-09-07)
   ============================================================================ */
.ak-hse-page{background:#f3f0e8;}
.ak-hse-lead{display:grid;grid-template-columns:.92fr 1.08fr;gap:4rem;align-items:center;}
.ak-hse-media img{width:100%;height:100%;max-height:520px;object-fit:cover;display:block;}
.ak-hse-copy h2{margin:.4rem 0 1.3rem;}
.ak-hse-copy p{color:#52606a;line-height:1.75;font-size:1.02rem;margin:0 0 1.2rem;max-width:640px;}
.ak-hse-copy p:last-child{margin-bottom:0;}

.ak-training{margin-top:5rem;border-top:1px solid #d8d3c6;padding-top:3.5rem;}
.ak-training h2{margin:.4rem 0 1.6rem;}
.ak-training-copy{columns:2;column-gap:3.2rem;}
.ak-training-copy p{color:#52606a;line-height:1.75;font-size:1.02rem;margin:0 0 1.2rem;break-inside:avoid;}
.ak-training-copy strong{color:#ee6c24;font-weight:700;}
.ak-training-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.8rem;}
.ak-training-gallery img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;}

@media (max-width:900px){
  .ak-hse-lead{grid-template-columns:1fr;gap:2rem;}
  .ak-hse-media img{max-height:340px;}
  .ak-training{margin-top:3rem;padding-top:2.6rem;}
  .ak-training-copy{columns:1;}
  .ak-training-gallery{grid-template-columns:1fr;gap:1.1rem;}
}
#hse-detail,#training{scroll-margin-top:96px}

/* ============================================================================
   AK watermark logos behind the HS&E and Training sections (2026-09-07)
   ============================================================================ */
.ak-hse-lead{position:relative;overflow:hidden;}
.ak-training{position:relative;overflow:hidden;}
.ak-hse-lead > *:not(.ak-hse-wm){position:relative;z-index:1;}
.ak-training > *:not(.ak-hse-wm){position:relative;z-index:1;}
.ak-hse-wm{
  position:absolute;z-index:0;pointer-events:none;height:auto;
  opacity:.06;filter:grayscale(1) contrast(.55) brightness(1.15);mix-blend-mode:multiply;
  right:-6%;top:50%;transform:translateY(-50%);width:min(42vw,540px);
}
.ak-hse-wm-train{left:50%;top:52%;right:auto;transform:translate(-50%,-50%);width:min(66vw,860px);}
@media (max-width:900px){
  .ak-hse-wm{width:80%;right:-10%;opacity:.05;}
  .ak-hse-wm-train{width:110%;}
}

/* ============================================================================
   Coverage map — real service-regions image instead of the bare CSS map (2026-09-08)
   ============================================================================ */
.ak-map{
  background:transparent!important;border:0!important;
  height:auto!important;min-height:0!important;overflow:visible!important;
  display:flex;flex-direction:column;align-items:flex-start;gap:1rem;
}
.ak-map:before{display:none!important;}
.ak-map-img{
  width:100%;height:auto;display:block;
  filter:drop-shadow(0 22px 46px rgba(0,0,0,.4));
}
.ak-map-legend{
  position:static!important;left:auto!important;bottom:auto!important;
  display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;
  color:#aeb9bd!important;font:11px 'Space Mono',monospace!important;letter-spacing:.06em;
}
.ak-map-legend span{color:#ee6c24!important;}
.ak-map-key{
  display:inline-block;width:14px;height:14px;border-radius:3px;
  background:#5cc4d6;margin-left:.6rem;flex:0 0 auto;
}
@media (max-width:900px){
  .ak-map{margin-top:2.2rem!important;}
  .ak-map-img{max-width:520px;margin:0 auto;}
}

/* ============================================================================
   Batch fixes (2026-09-08):
   - remove band description arrows
   - service cards: single emblem on hover, near-instant highlight
   - OCTG Resources / Industry Insights section
   ============================================================================ */
/* 1. Remove the arrow at the end of every inventory band */
.ak-band-arrow{display:none!important;}

/* 2. Service cards ("04 / More than pipe"): only ONE emblem, and near-instant hover.
      Disable the old full-logo watermark (::before) so only the AK mark (::after) shows. */
.ak-service::before{display:none!important;content:none!important;background-image:none!important;}
.ak-service{transition:background .01s linear, color .01s linear!important;}
.ak-service::after{transition:opacity .01s linear, transform .01s linear!important;}
.ak-service.is-active::after{transition:opacity .01s linear, transform .01s linear!important;}

/* 3. OCTG Resources / Industry Insights */
.ak-resources{background:#f3f0e8;}
.ak-resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem;margin-top:.5rem;}
.ak-resource-card{
  background:#fff;border:1px solid #e2ddd0;padding:2rem 1.8rem;
  display:flex;flex-direction:column;gap:1rem;
  transition:transform .14s ease, box-shadow .14s ease;
}
.ak-resource-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(6,38,78,.12);}
.ak-resource-tag{
  align-self:flex-start;font:700 10px 'Space Mono',monospace;text-transform:uppercase;
  letter-spacing:.08em;color:#ee6c24;border:1px solid #ee6c24;padding:5px 11px;border-radius:999px;
}
.ak-resource-card h3{
  font:800 1.5rem 'Barlow Condensed',sans-serif;text-transform:uppercase;
  letter-spacing:.01em;color:#18304a;margin:0;line-height:1.05;
}
.ak-resource-card > p{color:#52606a;line-height:1.6;font-size:.98rem;margin:0;flex:1;}
.ak-resource-meta{
  display:flex;justify-content:space-between;align-items:center;
  border-top:1px solid #ece8dc;padding-top:1rem;margin-top:.3rem;
  font:700 11px 'Space Mono',monospace;color:#8b96a0;
}
.ak-resource-meta a{
  display:inline-flex;align-items:center;gap:.5rem;color:#ee6c24;
  text-transform:uppercase;letter-spacing:.04em;
}
.ak-resource-meta a svg{width:15px;height:15px;}
.ak-resource-note{margin-top:2.3rem;color:#52606a;font-size:1rem;}
.ak-resource-note a{color:#ee6c24;border-bottom:1px solid #ee6c24;cursor:pointer;}
@media (max-width:900px){.ak-resource-grid{grid-template-columns:1fr;}}
#resources{scroll-margin-top:92px;}

/* ============================================================================
   Nav logo: shift left + give the wordmark right-side clearance so the "G"
   in TUBING is never clipped (2026-09-08)
   ============================================================================ */
.ak-nav .ak-logo{
  margin-left:-16px!important;
  margin-right:20px!important;
  padding:7px 20px 7px 8px!important;
  flex:0 0 auto!important;
  overflow:visible!important;
}
.ak-nav .ak-logo-image{width:138px!important;max-width:none!important;}
@media (max-width:900px){
  .ak-nav .ak-logo{margin-left:-10px!important;margin-right:0!important;padding:6px 16px 6px 8px!important;}
  .ak-nav .ak-logo-image{width:122px!important;}
}

/* ============================================================================
   Submit button: evenly stacked label + note (2026-09-08)
   ============================================================================ */
.ak-inquiry-submit{
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  gap:.45rem!important;
  padding:1.15rem 1rem!important;
  text-align:center;
}
.ak-submit-line{display:inline-flex;align-items:center;gap:.6rem;line-height:1;}
.ak-inquiry-submit small{
  position:static!important;bottom:auto!important;
  margin:0!important;line-height:1.2;opacity:.92;
}

/* ============================================================================
   HS&E watermark: pull it inside the section so the "G" in TUBING isn't
   clipped (desktop + mobile). Scoped to the HSE lead only — the Training
   watermark stays centered. Also style the Avetta link. (2026-09-08)
   ============================================================================ */
.ak-hse-lead .ak-hse-wm{right:4%;width:min(38vw,500px);}
@media (max-width:900px){
  .ak-hse-lead .ak-hse-wm{right:3%;width:74%;}
}
.ak-avetta-link{
  color:#ee6c24;border-bottom:1.5px solid rgba(238,108,36,.55);
  transition:border-color .15s ease;
}
.ak-avetta-link:hover{border-bottom-color:#ee6c24;}
.ak-avetta-link strong{color:#ee6c24;}

/* ============================================================================
   Mobile top banner: show BOTH Western Canada and United States rows,
   stacked and condensed. Desktop (>900px) is untouched. (2026-09-08)
   ============================================================================ */
@media (max-width:900px){
  .ak-topline{
    flex-direction:column!important;align-items:flex-start!important;
    gap:3px!important;padding:7px 5vw!important;min-height:auto!important;
    font-size:11px!important;letter-spacing:.04em!important;
  }
  .ak-topline div{display:flex!important;flex-wrap:wrap;align-items:baseline;gap:1px 7px;line-height:1.35;}
  .ak-topline div:last-child{display:flex!important;}
  .ak-topline span{margin-left:0!important;font-size:10px!important;color:#9fb0c0!important;}
}