/*
Theme Name: Arete
Theme URI: https://my.studiopress.com/themes/genesis/
Template: genesis
Author: StudioPress
Author URI: https://www.studiopress.com/
Description: The industry standard for Premium WordPress Themes.
Tags: one-column,two-columns,three-columns,left-sidebar,right-sidebar,custom-menu,featured-images,full-width-template,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,accessibility-ready
Version: 3.6.2.1782807113
Updated: 2026-06-30 08:11:53

*/

:root {
  --navy: #0D1117;
  --navy-2: #141B24;
  --ink: #0A0E13;
  --lime: #E9FC58;
  --paper: #F7F8F4;
  --line: rgba(233, 252, 88, .14);
  --line-soft: rgba(255, 255, 255, .08);
  --line-dk: rgba(13, 17, 23, .1);
  --mute: #8C97A5;
  --mute-2: #5E6975;
  --ink-mute: #5A6470;
  --r: 14px;
  --ink: #11161D;
  --ink2: #0D1117;
  --lime: #E9FC58;
  --lime-dk: #5A6A00;
  --paper: #F7F8F4;
  --muted: #9AA3AE;
  --line: #232B36;
  --text-lt-dim: #565F6E;
}

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

html {
  scroll-behavior: smooth;
}

body {
  background: var(--navy);
  color: #EAEEF3;
  font-family: "Inter", sans-serif;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
/* width */
::-webkit-scrollbar {
  width: 4px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.wrap {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 28px;
}

h1,
h2,
h3 {
  font-family: "Space Grotesk", sans-serif;
  line-height: 1.04;
  letter-spacing: -.02em;
  font-weight: 600;
}

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

.mono {
  font-family: "JetBrains Mono", monospace;
  font-size: 11.5px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--lime);
}

.sec {
  position: relative;
  z-index: 1;
}

.sec-dark {
  background: var(--navy);
}

.sec-darker {
  background: var(--ink);
}

.sec-light {
  background: var(--paper);
  color: #11161D;
}

.sec-light .mono {
  color: #6E7A14;
}

.sec-light .s-head p {
  color: var(--ink-mute);
}

.pad {
  padding: 100px 0;
}

header {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 56px 0 76px;
}

.grid-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: linear-gradient(rgba(255, 255, 255, .022) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .022) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: radial-gradient(circle at 75% 10%, #000 0%, transparent 62%);
}

.hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: center;
}

.eyebrow-row {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 20px;
}

.eyebrow-row .dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--lime);
  box-shadow: 0 0 12px var(--lime);
}

header h2 {
  font-size: clamp(34px, 4.4vw, 58px);
  font-weight: 700;
}

/* header h2 .out {
  -webkit-text-stroke: 1.3px var(--lime);
  color: transparent;
} */

/* .hero-sub {
  font-size: 17px;
  color: var(--mute);
  max-width: 46ch;
  margin-top: 22px;
} */

.hero-cta {
  display: flex;
  gap: 14px;
  margin-top: 32px;
  flex-wrap: wrap;
}

.badges-strip {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid var(--line-soft);
}

.badges-strip .lbl {
  font-family: "JetBrains Mono";
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--mute-2);
}

.blogo {
  display: flex;
  align-items: center;
  gap: 7px;
  border: 1px solid var(--line-soft);
  border-radius: 10px;
  padding: 8px 12px;
  transition: border-color .25s;
}

.blogo:hover {
  border-color: var(--line);
}

.blogo .r {
  font-family: "JetBrains Mono";
  font-size: 11.5px;
  color: var(--lime);
}

.feature .card {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  /* border: 1px solid var(--line-soft); */
  aspect-ratio: 4/3.2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 26px;


}

#fbg.card {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.feature .bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  transition: background .5s;
  background: linear-gradient(135deg, #1b2735, #2d3e50);
}

.feature .veil {
  position: absolute !important;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgb(13 17 23 / 83%), rgb(13 17 23 / 84%));
  height: 42%;
  bottom: 0px;
  top: auto;

}

.feature .card>* {
  position: relative;
  z-index: 2;
}

.feature .tag {
  align-self: flex-start;
  font-family: "JetBrains Mono";
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #0A0E13;
  background: var(--lime);
  padding: 5px 10px;
  border-radius: 6px;
  margin-bottom: 12px;
}

.feature h3 {
  font-size: 24px;
  color: #fff;
}

.feature .meta {
  color: #C5CDD6;
  font-size: 14px;
  margin-top: 4px;
}

.feature .res {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--line-soft);
  font-family: "JetBrains Mono";
  font-size: 12.5px;
  color: var(--lime);
}

.feature .ctrl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
}

.feature .label-fp {
  font-family: "JetBrains Mono";
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--mute-2);
}

.dots {
  display: flex;
  gap: 8px;
}

.dots button {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 0;
  background: var(--line-soft);
  cursor: pointer;
  transition: background .2s, width .2s;
  padding: 0;
}

.dots button.on {
  background: var(--lime);
  width: 22px;
  border-radius: 5px;
}

.stats {
  background: var(--lime);
  color: #0A0E13;
}

.stats-in {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.stat {
  padding: 28px;
  border-right: 1px solid rgba(10, 14, 19, .14);
}

.stat:last-child {
  border-right: 0;
}

.stat .n {
  font-family: "Space Grotesk";
  font-weight: 700;
  font-size: clamp(28px, 3.2vw, 42px);
  letter-spacing: -.03em;
  line-height: 1;
}

.stat .l {
  font-size: 13px;
  font-weight: 500;
  margin-top: 8px;
  color: #2A3320;
}

.s-head {
  max-width: 70ch;
  margin-bottom: 40px;
}

.s-head h2 {
  font-size: clamp(30px, 3.8vw, 50px);
  margin-top: 16px;
}

.s-head p {
  color: var(--mute);
  font-size: 17px;
  margin-top: 18px;
  max-width: 54ch;
}

#work .s-head{
  max-width: 90ch;
}
#services .s-head{
  max-width: 100ch;
}
#services .s-head p{
  max-width: 100ch;
}
#industries .s-head{
  max-width: 100ch;
}
#industries .s-head p{
  max-width: 65ch;
}
#blog .s-head{
  max-width: 80ch;
}
#blog .s-head p{
  max-width: 65ch;
}
#faq .s-head p{
  margin:auto;
  margin-top: 18px;
}
#partners-logo .s-head{
  max-width: 100%;
  margin: auto;
  margin-bottom:40px;

}
#partners-logo .s-head p{
  max-width: 100%;
}

.service-icons {
    filter: brightness(0) saturate(100%) invert(34%) sepia(54%) saturate(837%) hue-rotate(30deg) brightness(96%) contrast(104%) !important;
    width: 40px !important;
}
.work-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 18px;
}

.case {
  position: relative;
  border-radius: var(--r);
  overflow: hidden;
  /* border: 1px solid var(--line-dk); */
  min-height: 330px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0px;
  transition: transform .35s, box-shadow .35s;
  background: #fff;
}

.case:hover {
  transform: translateY(-6px);
  border-color: var(--line);
  box-shadow: 0 26px 50px -20px rgba(17, 22, 29, .2);
}

.case .bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: .92;
  transition: transform .6s;
}

.case:hover .bg {
  transform: scale(1.04);
}

.case .veil {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(13, 17, 23, .1), rgba(13, 17, 23, .86));
}

.case>* {
  position: relative;
  z-index: 2;
}

.case .tag {
  display: inline-block;
  font-family: "JetBrains Mono";
  font-size: 10.5px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #0A0E13;
  background: var(--lime);
  padding: 5px 10px;
  border-radius: 6px;
  margin-bottom: 14px;
  align-self: flex-start;
}

.case h3 {
  font-size: 24px;
  color: #fff;
}

.case .meta {
  color: #ffffff;
  font-size: 14px;
  margin-top: 6px;
}

.case .result {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--line-soft);
  font-family: "JetBrains Mono";
  font-size: 13px;
  color: var(--lime);
}

.case-sm {
  min-height: 155px;
}

.svc-row {
  display: grid;
  grid-template-columns: 60px 1fr auto;
  align-items: center;
  gap: 28px;
  padding: 30px 0;
  border-top: 1px solid var(--line-dk);
  transition: 0.3s !important;
}

.svc-row:last-child {
  border-bottom: 1px solid var(--line-dk);
}

.svc-row:hover {
  padding-left: 14px;
}

.svc-row .num {
  font-family: "JetBrains Mono";
  color: #9AA250;
  font-size: 14px;
}

.svc-row h3 {
  font-size: clamp(20px, 2.4vw, 28px);
  font-weight: 500;
  transition: color .25s;
}

.svc-row:hover h3 {
  color: #5A6A00;
}

.svc-row p {
  color: var(--ink-mute);
  font-size: 15px;
  margin-top: 6px;
  max-width:100%;
}

.svc-row .go {
  font-size: 22px;
  color: #A6B0BB;
  transition: color .25s, transform .25s;
}

.svc-row:hover .go {
  color: #5A6A00;
  transform: translate(4px, -4px);
}

.ind-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.ind {
  border: 1px solid var(--line-soft);
  border-radius: 12px;
  padding: 22px;
  transition: background .25s, border-color .25s;
}

.ind:hover {
  background: var(--navy-2);
  border-color: var(--line);
}

.ind .ic {
  font-family: "JetBrains Mono";
  font-size: 12px;
  color: var(--lime);
  margin-bottom: 14px;
  width: 45px;
  height: 45px;
  stroke: var(--lime);
  fill: none;
  stroke-width: 1.6;
}

.ind h3 {
  font-size: 16.5px;
  font-weight: 600;
}

.ind p {
  color: var(--mute);
  font-size: 13px;
  margin-top: 6px;
}

.partners {
  text-align: center;
}

.partners .mono {
  display: block;
  /* margin-bottom: 30px; */
}

.plogos {
  display: grid;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 16px;
  grid-template-columns: repeat(5, 1fr);
  max-width: 1012px;
  margin: 0 auto;
}

.plogo {
  border-radius: 12px;
  font-family: "Space Grotesk";
  font-weight: 600;
  font-size: 17px;
  color: #C5CDD6;
  transition: border-color .25s, color .25s;
}

.plogo:hover {
  border-color: var(--line);
  color: #fff;
}

.plogo span {
  color: var(--lime);
}

.sec-light .plogo {
  border-color: var(--line-dk);
  color: #3A444F;
}

.sec-light .plogo:hover {
  border-color: #5A6A00;
  color: #11161D;
}

.sec-light .plogo span {
  color: #5A6A00;
}

.tst {
  position: relative;
  text-align: center;
  max-width: 900px;
  margin: 0 auto;
}

.tst .review-on {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-family: "JetBrains Mono";
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--mute);
  margin-bottom: 26px;
}

.tst .stars {
  color: var(--lime);
  letter-spacing: 3px;
  font-size: 18px;
}

.slide {
  display: none;
}

.slide.on {
  display: block;
  animation: fade .5s ease;
}

@keyframes fade {
  from {
    opacity: 0;
    transform: translateY(10px)
  }

  to {
    opacity: 1;
    transform: none
  }
}

.tst blockquote {
  font-family: "Space Grotesk";
  font-weight: 500;
  font-size: clamp(22px, 3vw, 36px);
  line-height: 1.25;
  letter-spacing: -.02em;
  color: #fff;
  margin-top: 20px;
}

.tst .who {
  margin-top: 26px;
  font-family: "Space Grotesk";
  font-weight: 600;
  font-size: 15px;
}

.tst .who span {
  color: var(--mute);
  font-weight: 400;
}

.tst-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin-top: 34px;
}

.arrow {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid var(--line-soft);
  background: none;
  color: #EAEEF3;
  cursor: pointer;
  font-size: 18px;
  transition: border-color .2s, color .2s;
}

.arrow:hover {
  border-color: var(--lime);
  color: var(--lime);
}

.logo-wall {
  margin-top: 72px;
  padding-top: 48px;
  border-top: 1px solid var(--line-soft);
}
.review-sec-home .s-head{
  margin:auto;
  margin-bottom:40px;

}
.logo-wall .lbl {
  text-align: center;
  font-family: "JetBrains Mono";
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--mute-2);
  margin-bottom: 28px;
  font-weight: 600;
  max-width: 100%;
}

.client-logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 16px;
}

/* .clogo {
  font-family: "Space Grotesk";
  font-weight: 600;
  font-size: 16px;
  color: #6E7884;
  padding: 12px 20px;
  border: 1px solid var(--line-soft);
  border-radius: 10px;
  transition: color .25s, border-color .25s;
}

.clogo:hover {
  color: #C5CDD6;
  border-color: var(--line);
} */

.why {
  position: relative;
  overflow: hidden;
  text-align: center;
  padding: 110px 0;
}

.why .ghost {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Space Grotesk";
  font-weight: 700;
  font-size: clamp(70px, 17vw, 260px);
  color: rgba(233, 252, 88, .045);
  white-space: nowrap;
  pointer-events: none;
  letter-spacing: -.05em;
}
.review-sec-home{
  text-align: center;
}

.why .mono,
.review-sec-home .mono,
.why h2,
.why .lead,
.why .badges,
.why .hero-cta {
  position: relative;
  z-index: 1;
}

.why h2 {
  font-size: clamp(30px, 4.2vw, 52px);
  font-weight: 700;
  max-width: 20ch;
  margin: 16px auto 0;
}
.review-sec-home h2 {
  font-size: clamp(30px, 4.2vw, 52px);
  font-weight: 700;
  max-width: 25ch;
  margin: 16px auto 0;
}

.why .lead, .review-sec-home .lead {
  color: var(--mute);
  font-size: 17px;
  max-width: 84ch;
  margin: 22px auto 0;
}

.why .badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin-top: 30px;
}

.why .badge {
  font-family: "JetBrains Mono";
  font-size: 12px;
  border: 1px solid var(--line);
  color: var(--lime);
  padding: 8px 14px;
  border-radius: 30px;
}

.why .hero-cta {
  justify-content: center;
  margin-top: 30px;
}

.faq {
  max-width: 860px;
  margin: 0 auto;
  margin-top: 50px;
}

.fa {
  border-bottom: 1px solid var(--line-dk);
}

.fa-q {
  width: 100%;
  text-align: left;
  background: none;
  border: 0;
  color: #ffffff;
  font-family: "Space Grotesk";
  font-weight: 500;
  font-size: 18px;
  padding: 24px 0;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: flex-start;
}

.fa-q .pm {
  color: #5A6A00;
  font-size: 22px;
  transition: transform .3s;
  flex-shrink: 0;
  line-height: 1;
}

.fa.open .pm {
  transform: rotate(45deg);
}

.fa-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height .4s ease;
  color: var(--mute);
  font-size: 15.5px;
}

.fa.open .fa-a {
  max-height: 500px;
}

.fa-a p {
  padding-bottom: 24px;
  color: var(--ink-mute);
  font-size: 15px;
  line-height: 1.75;
  padding: 0 0 26px;
  /* max-width: 68ch; */
}

.faq-foot {
  text-align: center;
  margin-top: 36px;
  color: var(--mute);
  font-size: 15px;
}

.faq-foot a {
  color: var(--lime);
  border-bottom: 1px solid var(--line);
}

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

.post {
  border: 1px solid var(--line-dk);
  border-radius: var(--r);
  overflow: hidden;
  transition: transform .3s, border-color .3s, box-shadow .3s;
  background: #fff;
  display: flex;
  flex-direction: column;
}

.post:hover {
  transform: translateY(-6px);
  border-color: #5A6A00;
  box-shadow: 0 20px 40px -18px rgba(17, 22, 29, .16);
}

.post .thumb {
  /* height: 170px; */
  background: linear-gradient(135deg, #1b2735, #2d3e50);
  position: relative;
  overflow: hidden;
}

.post:nth-child(2) .thumb {
  background: linear-gradient(120deg, #2a2f1e, #4a5320);
}

.post:nth-child(3) .thumb {
  background: linear-gradient(135deg, #26222f, #403a52);
}

.post .body {
  padding: 24px;
  flex: 1;
  display: flex;
  flex-direction: column;
  border-top: 3px solid var(--cat-c, #6E7A14);
}

.post .cat {
  font-family: "JetBrains Mono";
  font-size: 11px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--cat-c, #6E7A14);
}

.sec-light .post .body h3 {
  font-size: 19px;
  margin: 10px 0 8px !important;
  color: #11161D;
}

.post p {
  color: var(--ink-mute);
  font-size: 14px;
  flex: 1;
}

.lead {
  position: relative;
  overflow: hidden;
}

.lead-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}

.lead h2 {
  font-size: clamp(28px, 3.8vw, 46px);
  font-weight: 700;
}

.lead .lead-sub {
  color: var(--mute);
  font-size: 17px;
  margin-top: 18px;
  max-width: 42ch;
}

.lead .alt {
  margin-top: 28px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.lead .alt a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Space Grotesk";
  font-weight: 600;
  font-size: 16px;
  color: #EAEEF3;
}

.lead .alt a:hover {
  color: var(--lime);
}

.lead .alt svg {
  stroke: var(--lime);
}

.form {
  background: var(--navy-2);
  border: 1px solid var(--line-soft);
  border-radius: 18px;
  padding: 32px;
}

.form .row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.form label {
  display: block;
  font-size: 12.5px;
  color: var(--mute);
  margin: 14px 0 6px;
  font-family: "JetBrains Mono";
  letter-spacing: .06em;
}

/* .form input,
.form textarea {
  width: 100%;
  background: #E7E7E7;
  border: 1px solid var(--line-soft);
  border-radius: 10px;
  padding: 12px 14px;
  color: #EAEEF3;
  font-family: "Inter";
  font-size: 15px;
  transition: border-color .2s;
} */

.form input:focus,
.form textarea:focus {
  outline: none;
  border-color: var(--lime);
}

.form textarea {
  resize: vertical;
  min-height: 140px !important;
  max-height: 140px;
}

.form .btn-lime {
  width: 100%;
  justify-content: center;
  margin-top: 20px;
  background: #000000 !important;
  color: #fff !important;
}

.form .fine {
  font-size: 12px;
  color: var(--mute-2);
  text-align: center;
  margin-top: 14px;
}

footer {
  position: relative;
  z-index: 1;
  background: var(--ink);
  border-top: 1px solid var(--line-soft);
  padding: 60px 0 30px;
}

.awards-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid var(--line-soft);
  justify-content: center;
}

.awards-row .lbl {
  font-family: "JetBrains Mono";
  font-size: 16px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--mute-2);
  margin-right: 6px;
  width: 100%;
  text-align: center;
}

/* .award {
  border: 1px solid var(--line-soft);
  border-radius: 8px;
  padding: 8px 14px;
  font-family: "Space Grotesk";
  font-weight: 600;
  font-size: 13px;
  color: #C5CDD6;
} */

.award span {
  color: var(--lime);
}

.foot {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1.3fr;
  gap: 40px;
}

.foot p {
  color: var(--mute);
  font-size: 14px;
  margin-top: 14px;
  max-width: 34ch;
}

.foot h4 {
  font-family: "Space Grotesk";
  font-size: 13px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--mute-2);
  margin-bottom: 16px;
}

.foot a {
  display: block;
  color: var(--mute);
  font-size: 14.5px;
  padding: 5px 0;
  transition: color .2s;
}

.foot a:hover {
  color: var(--lime);
}

.addr {
  font-size: 13.5px;
  color: var(--mute);
  margin-bottom: 14px;
  line-height: 1.5;
}

.addr b {
  color: #EAEEF3;
  font-weight: 600;
}

.foot-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 44px;
  padding-top: 24px;
  border-top: 1px solid var(--line-soft);
  font-size: 13px;
  color: var(--mute-2);
  flex-wrap: wrap;
  gap: 14px;
}

.reveal {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity .7s cubic-bezier(.2, .7, .2, 1), transform .7s cubic-bezier(.2, .7, .2, 1);
}

.reveal.in {
  opacity: 1;
  transform: none;
}

.btn img {
  width: 18px;
  margin-left: -4px;
}

.svc-row img {
  filter: brightness(0) saturate(100%) invert(75%) sepia(8%) saturate(327%) hue-rotate(174deg) brightness(91%) contrast(88%);
  width: 22px;
}

img.industries-icons {
  width: 45px;
  padding: 5px;
  background-color: #E9FC58;
  border-radius: 50px;
}

@media (max-width:900px) {

  .nav-links,
  .nav-cta .nav-phone {
    display: none;
  }

  .hero-grid,
  .lead-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

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

  .stat:nth-child(2) {
    border-right: 0;
  }

  .work-grid,
  .blog-grid {
    grid-template-columns: 1fr;
  }

  .svc-row {
    grid-template-columns: 40px 1fr;
    gap: 16px;
  }

  .svc-row .go {
    display: none;
  }

  .form .row {
    grid-template-columns: 1fr;
  }

  .hero-grid,
  .lead-grid,
  .asset-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .work-grid,
  .bp-grid {
    grid-template-columns: 1fr;
  }

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

  .lead-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .row-2,
  .row-3 {
    grid-template-columns: 1fr;
  }

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

  .filters {
    top: 0;
  }

  .news-form {
    flex-direction: column;
  }

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

  .case.lg {
    grid-column: span 1;
  }

  .facet-menu {
    left: auto;
    right: 0;
  }
}

@media (prefers-reduced-motion:reduce) {
  * {
    animation: none !important;
    transition: none !important;
  }

  .reveal {
    opacity: 1;
    transform: none;
  }
}

:focus-visible {
  outline: 2px solid var(--lime);
  outline-offset: 3px;
  border-radius: 4px;
}

.nav-toggle {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  top: 2px;
  width: 30px;
  height: 68px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  z-index: 1001;
  position: relative;
}


button.nav-toggle.active {
  top: 10px;
  width: 40px;
}

.nav-toggle span {
  display: block;
  width: 100%;
  height: 2px;
  background: #ffffff;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.nav-toggle.active span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.nav-toggle.active span:nth-child(2) {
  opacity: 0;
}

.nav-toggle.active span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

.nav-links-logo {
  display: none;
}

@media (max-width: 768px) {

  .nav-in {
    position: relative;
  }

  .nav-toggle {
    display: flex;
  }

  .nav-cta .btn-lime {
    display: none;
  }

  .nav-links {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    background: #000000;
    padding: 20px;
    transform: translateX(-100%);
    transition: transform 0.35s ease;
    z-index: 1000;
    gap: 15px;
  }

  .nav-links-logo {
    display: block;
    width: 100%;
  }

  .nav-links.active {
    transform: translateX(0);
  }

  .nav-links a {
    display: block;
    width: 100%;
    font-size: 23.4px;
    color: #ffffff;
    padding: 0px;
    border-bottom: 0px;
  }

  .nav-item.has-dropdown {
    width: 100%;
  }

  .nav-links-logo {
    display: block !important;
    border-bottom: 1px solid #2d2d2d !important;
    padding-bottom: 20px !important;
    margin-bottom: 20px;
  }

  .nav-links-logo img {
    max-width: 140px;
    height: auto;
  }
}

@media (max-width: 767px) {
  .ind-grid {
    grid-template-columns: repeat(2, 1fr);
  }

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

  .pad {
    padding: 50px 0;
  }

  .why {
    padding: 50px 0;
  }

  .form .row:first-child div:first-child label {
    margin-top: 0px;
  }

  .form {
    padding: 25px;
  }

  .form textarea {
    min-height: 120px;
    resize: none;
  }

  header {
    padding: 40px 0px 60px 0px;
  }
}

.subnav {
  position: sticky;
  top: 66px;
  z-index: 49;
  background: rgba(10, 14, 19, .92);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--line-soft);
}

.subnav-in {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  scrollbar-width: none;
}

.subnav-in::-webkit-scrollbar {
  display: none;
}

.subnav a {
  font-family: "Space Grotesk";
  font-size: 13.5px;
  font-weight: 500;
  color: var(--mute);
  padding: 14px 0px;
  white-space: nowrap;
  border-bottom: 2px solid transparent;
  transition: color .2s, border-color .2s;
}

.subnav a:hover {
  color: #fff;
}

.subnav a.active {
  color: var(--lime);
  border-color: var(--lime);
}

.crumb {
  padding: 16px 28px;
  font-size: 12.5px;
  color: var(--mute-2);
}

.crumb a:hover {
  color: var(--lime);
}

.qa {
  border-top: 1px solid var(--line-soft);
  border-bottom: 1px solid var(--line-soft);
}

.qa .wrap {
  max-width: 900px;
  padding: 44px 28px;
}

.qa p {
  font-size: 18px;
  color: #EAEEF3;
  line-height: 1.65;
}

.qa p strong {
  color: var(--lime);
  font-weight: 600;
}

.asset-grid {
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: 56px;
  align-items: start;
}

.asset-claim {
  font-size: 26px;
  font-family: "Space Grotesk";
  line-height: 1.35;
  font-weight: 600;
}

.asset-claim .lime {
  color: #5A6A00;
}

.asset-point {
  display: flex;
  gap: 20px;
  padding: 26px 0;
  border-top: 1px solid var(--line-dk);
}

.asset-point:first-child {
  border-top: none;
}

.asset-point .num {
  font-family: "JetBrains Mono";
  color: #9AA250;
  font-size: 14px;
  flex-shrink: 0;
  width: 28px;
}

.asset-point h4 {
  font-size: 16.5px;
  font-weight: 600;
  margin-bottom: 5px;
}

.asset-point p {
  color: var(--ink-mute);
  font-size: 14.5px;
}

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

/* .proc {
  max-width: 900px;
} */

.pr {
  border-bottom: 1px solid var(--line-dk);
}

.pr:first-child {
  border-top: 1px solid var(--line-dk);
}

.pr-q {
  width: 100%;
  text-align: left;
  background: none;
  border: 0;
  color: #11161D;
  font-family: "Space Grotesk";
  font-weight: 500;
  font-size: 19px;
  padding: 26px 0;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
}

.pr-q .lbl {
  display: flex;
  align-items: center;
  gap: 16px;
}

.pr-q .num {
  font-family: "JetBrains Mono";
  color: #5A6A00;
  font-size: 14px;
  flex-shrink: 0;
}

.pr-q .pm {
  color: #5A6A00;
  font-size: 24px;
  transition: transform .3s;
  flex-shrink: 0;
}

.pr.open .pm {
  transform: rotate(45deg);
}

.pr-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height .4s ease;
  color: var(--ink-mute);
  font-size: 15px;
  line-height: 1.75;
}

.pr.open .pr-a {
  max-height: 600px;
}

.pr-a p {
  padding: 0 0 28px;
  /* max-width: 70ch; */
}

.work-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 30px;
  margin-bottom: 48px;
  flex-wrap: wrap;
}


.work-head .s-head {
  margin-bottom: 0;
}
.work-head a{
  border: 1px solid #dddddd1f;
}

.btn-outline-lime {
  border: 1.5px solid var(--lime);
  color: var(--lime);
  background: none;
}

.btn-outline-lime:hover {
  background: var(--lime);
  color: #0A0E13;
}

.case .caselink {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--line-soft);
  font-family: "Space Grotesk";
  font-weight: 600;
  font-size: 13.5px;
  color: var(--lime);
  display: flex;
  align-items: center;
  gap: 6px;
}

.sec-light .ind .ic {
  stroke: #5A6A00;
}

.sec-light .ind {
  border-color: var(--line-dk);
}

.sec-light .ind:hover {
  background: #EFF1E6;
  border-color: #C7D11F;
}

.sec-light .ind p {
  color: var(--ink-mute);
}

.plogos .plogo:nth-child(4),
.plogos .plogo:nth-child(5) {
  grid-column: span 1;
}

.float-cta {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 60;
  display: flex;
  gap: 8px;
  background: var(--ink);
  border: 1px solid var(--line);
  border-radius: 40px;
  padding: 8px;
  box-shadow: 0 12px 34px -10px rgba(0, 0, 0, .55);
  transition: opacity .3s, transform .3s;
}

.float-cta.hide {
  opacity: 0;
  transform: translateY(16px);
  pointer-events: none;
}

.fc-btn {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 9px 16px;
  border-radius: 30px;
  font-family: "Space Grotesk";
  font-weight: 600;
  font-size: 13px;
  white-space: nowrap;
}

.fc-btn svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.fc-ghost {
  color: #EAEEF3;
}

.fc-ghost:hover {
  color: var(--lime);
}

.fc-lime {
  background: var(--lime);
  color: #0A0E13;
}

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

@media (max-width:640px) {
  .fc-btn span {
    display: none;
  }

  .fc-btn {
    padding: 10px;
  }
}

.why .mono,
.why h2,
.why .lead,
.why .hero-cta,
.why .badges {
  position: relative;
  z-index: 1;
}
.faq .fa{
  border-top: 1px solid #E9FC5829;

}

.fa:first-child {
  border-top: 1px solid var(--line-dk);
}



.area-row {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.area-chip {
  border: 1px solid var(--line-soft);
  border-radius: 20px;
  padding: 9px 18px;
  font-size: 13.5px;
  color: var(--mute);
}

.form input,
.form textarea,
.form select {
  width: 100%;
  background: #E7E7E7 !important;
  border: 1px solid var(--line-soft);
  border-radius: 10px;
  padding: 12px 14px;
  color: #000;
  font-family: "Inter" !important;
  font-size: 15px;
  transition: border-color .2s;
}

.wpcf7 form.sent .wpcf7-response-output{
  border-color: #46b450;
    color:#46b450  !important ;
    text-align: center !important;
}

.pg-hero {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 68px 0 56px;
  background: var(--navy);
  color: #EAEEF3;
  border-bottom: 1px solid var(--line-soft);
}

.pg-hero-in {
  position: relative;
  z-index: 1;
  max-width: 70ch;
}

.breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--mute-2);
  margin-bottom: 22px;
}

.breadcrumb a {
  color: var(--mute);
  transition: color .2s;
}

.breadcrumb a:hover {
  color: var(--lime);
}

.breadcrumb span:last-child {
  color: #EAEEF3;
}

.pg-hero h1 {
  font-size: clamp(34px, 4.2vw, 54px);
  font-weight: 700;
  color: #fff;
}

.pg-hero p {
  font-size: 17px;
  color: var(--mute);
  max-width: 56ch;
  margin-top: 18px;
}

.pg-hero .mono {
  color: var(--lime);
}

#contact .mono {
  color: #000 !important;
}
.form br{
  display: none;
}



.btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: 'Space Grotesk';
  font-weight: 600;
  font-size: 14.5px;
  padding: 11px 18px;
  border-radius: 10px;
  cursor: pointer;
  transition: transform .2s, box-shadow .2s;
  border: 0;
}

.filters {
  position: sticky;
  top: 66px;
  z-index: 40;
  background: rgba(247, 248, 244, .94);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--line-dk);
  padding: 16px 0;
}

.filter-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.fpill {
  font-family: "Space Grotesk";
  font-weight: 600;
  font-size: 13.5px;
  padding: 9px 18px;
  border-radius: 30px;
  border: 1px solid var(--line-dk);
  color: var(--ink-mute);
  cursor: pointer;
  transition: all .2s;
  background: none;
}

.fpill:hover {
  border-color: #5A6A00;
  color: #11161D;
}

.fpill.on {
  background: #11161D;
  color: var(--lime);
  border-color: #11161D;
}

.featured {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 0;
  border: 1px solid var(--line-dk);
  border-radius: var(--r);
  overflow: hidden;
  background: #fff;
  transition: border-color .3s, box-shadow .3s;
  position: relative;
}

.featured:hover {
  border-color: #5A6A00;
  box-shadow: 0 20px 50px -20px rgba(17, 22, 29, .18);
}

.featured .thumb {
  /* position: relative; */
  /* background: linear-gradient(135deg, #1b2735, #2d3e50); */
  min-height: 320px;
  overflow: hidden;
}

/* .featured .thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  background: inherit;
  transition: transform .6s;
}

.featured:hover .thumb::after {
  transform: scale(1.06);
} */

.featured .thumb-tag {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 2;
  font-family: "JetBrains Mono";
  font-size: 11px;
  letter-spacing: .1em;
  text-transform: uppercase;
  background: var(--lime);
  color: #0A0E13;
  padding: 6px 12px;
  border-radius: 6px;
  font-weight: 600;
}

.featured .popular {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 2;
  font-family: "JetBrains Mono";
  font-size: 10.5px;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: #11161D;
  color: var(--lime);
  padding: 6px 12px;
  border-radius: 20px;
}
.blog-lising-img-wrapper{
    height:auto;
    width: 100%;
    line-height: 0px;
}
.row-1 .blog-lising-img-wrapper{
    height:427px;
}
.blog-listing-thumb{
    height: 100%;
    width: 100%;
}
.featured .body {
  padding: 44px;
}



.featured .cat {
  font-family: "JetBrains Mono";
  font-size: 11px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #6E7A14;
}

.featured h3 {
  font-size: clamp(24px, 2.6vw, 32px);
  margin: 14px 0 12px;
}

.featured p {
  color: var(--ink-mute);
  font-size: 15.5px;
  max-width: 48ch;
}

.featured .meta {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-top: 22px;
  font-size: 13px;
  color: #8A9280;
}

.featured .avatar {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #11161D;
  color: var(--lime);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Space Grotesk";
  font-weight: 700;
  font-size: 11px;
}

.featured .rd {
  margin-top: 24px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: "Space Grotesk";
  font-weight: 600;
  font-size: 14.5px;
  color: #11161D;
}

.featured .rd svg {
  transition: transform .2s;
}

.featured:hover .rd svg {
  transform: translate(3px, -3px);
}

.blog-rows {
  display: flex;
  flex-direction: column;
  gap: 22px;
  margin-top: 22px;
}

.row-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
}

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

/* .post .thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  background: inherit;
  transition: transform .6s;
} */

.post:hover .thumb::after {
  transform: scale(1.08);
}

.blog-thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.post .thumb-tag {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 2;
  font-family: "JetBrains Mono";
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: rgba(255, 255, 255, .94);
  color: #11161D;
  padding: 5px 10px;
  border-radius: 5px;
  font-weight: 600;
}

.post .meta {
  font-size: 12.5px;
  color: #8A9280;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--line-dk);
}

.post.hide {
  display: none;
}

/* .row-2 .post .thumb {
  height: 200px;
} */

.pg-empty {
  display: none;
  text-align: center;
  padding: 60px 0;
  color: var(--ink-mute);
}

.pg-empty.show {
  display: block;
}

.pagination {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 48px;
}

.pg-btn {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  border: 1px solid var(--line-dk);
  background: #fff;
  color: var(--ink-mute);
  font-family: "Space Grotesk";
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: all .2s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pg-btn:hover {
  border-color: #5A6A00;
  color: #11161D;
}

.pg-btn.on {
  background: #11161D;
  color: var(--lime);
  border-color: #11161D;
}

.pg-btn.arrow {
  font-size: 16px;
}

.news {
  position: relative;
  overflow: hidden;
  text-align: center;
  padding: 96px 0;
}

.news h2 {
  font-size: clamp(28px, 3.6vw, 44px);
  font-weight: 700;
  max-width: 20ch;
  margin: 16px auto 0;
}

.news p {
  color: var(--mute);
  font-size: 16.5px;
  max-width: 48ch;
  margin: 18px auto 0;
}

.news-form {
  display: flex;
  gap: 10px;
  max-width: 440px;
  margin: 32px auto 0;
}

.news-form input {
  flex: 1;
  background: var(--navy-2);
  border: 1px solid var(--line-soft);
  border-radius: 10px;
  padding: 13px 16px;
  color: #EAEEF3;
  font-family: "Inter";
  font-size: 15px;
}

.news-form input:focus {
  outline: none;
  border-color: var(--lime);
}

.news-form input::placeholder {
  color: var(--mute-2);
}

.news .fine {
  font-size: 12px;
  color: var(--mute-2);
  margin-top: 14px;
}

.btn-lime-dark {
  background: var(--lime);
  color: #0A0E13;
  white-space: nowrap;
}

.btn-lime-dark:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px -8px rgba(233, 252, 88, .5);
}

.logo-strip {
  margin-top: 44px;
  padding-top: 32px;
  border-top: 1px solid var(--line-soft);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 36px;
}

.logo-strip span:first-child {
  font-family: "JetBrains Mono";
  font-size: 11px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--mute-2);
  margin-right: 6px;
}

.logo-strip .lg {
  font-family: "Space Grotesk";
  font-weight: 700;
  font-size: 17px;
  color: #4E5B68;
  transition: color .2s;
}

.logo-strip .lg:hover {
  color: #C5CDD6;
}

.facet {
  position: relative;
}

.facet-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: "Space Grotesk";
  font-weight: 600;
  font-size: 13.5px;
  padding: 9px 16px;
  border-radius: 30px;
  border: 1px solid var(--line-dk);
  color: var(--ink-mute);
  background: #fff;
  cursor: pointer;
  transition: all .2s;
}

.facet-btn:hover,
.facet.open .facet-btn {
  border-color: #5A6A00;
  color: #11161D;
}

.facet-btn svg {
  transition: transform .2s;
}

.facet.open .facet-btn svg {
  transform: rotate(180deg);
}

.facet-menu {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  background: #fff;
  border: 1px solid var(--line-dk);
  border-radius: 12px;
  box-shadow: 0 20px 40px -14px rgba(17, 22, 29, .18);
  padding: 10px;
  min-width: 210px;
  z-index: 10;
}

.facet.open .facet-menu {
  display: block;
}

.facet-menu label {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 8px 10px;
  border-radius: 7px;
  font-size: 14px;
  color: #31383F;
  cursor: pointer;
  transition: background .15s;
}

.facet-menu label:hover {
  background: #F3F5EE;
}

.facet-menu input {
  accent-color: #11161D;
}

.count-badge {
  font-family: "JetBrains Mono";
  font-size: 11px;
  /* background: #11161D;
  color: var(--lime); */
  padding: 2px 7px;
  border-radius: 10px;
  /* margin-left: 2px; */
  color: #000;
  margin-left: auto;


}

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

.case .chrome {
  height: 32px;
  background: #ECEEE6;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 12px;
  border-bottom: 1px solid var(--line-dk);
}

.chrome .dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
}

.chrome .url {
  margin-left: 8px;
  background: #fff;
  border: 1px solid var(--line-dk);
  border-radius: 5px;
  padding: 3px 10px;
  font-family: "JetBrains Mono";
  font-size: 10px;
  color: #8A9280;
  flex: 1;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.case .screen {
  position: relative;
  overflow: hidden;
}

.case .screen .bg {
  transition: transform .6s;
}

.case:hover .screen .bg {
  transform: scale(1.06);
}

.reveal-ov {
  position: absolute;
  inset: 0;
  background: rgba(17, 22, 29, .9);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 26px;
  opacity: 0;
  transition: opacity .3s;
}

.case:hover .reveal-ov {
  opacity: 1;
}

.reveal-ov .result {
  font-family: "JetBrains Mono";
  font-size: 12.5px;
  color: var(--lime);
  line-height: 1.5;
}

.reveal-ov .view {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  font-family: "Space Grotesk";
  font-weight: 600;
  font-size: 14px;
  margin-top: 14px;
}

.reveal-ov .view svg {
  transition: transform .2s;
}

.case:hover .reveal-ov .view svg {
  transform: translate(3px, -3px);
}

.case .info {
  padding: 18px 22px 22px;
}

.case.hide {
  display: none;
}

.pf-empty {
  /* display: none; */
  text-align: center;
  padding: 80px 0;
  color: var(--ink-mute);
}

.pf-empty.show {
  display: block;
}

.pg-btn[disabled] {
  opacity: .4;
  cursor: not-allowed;
}

@media (min-width:901px) {
  .case.lg {
    grid-column: span 2;
  }
}

.work-grid a.case {
  padding: 30px;
}

blockquote.black-text {
  color: #000000;
}

button.fa-q.black-text {
  color: #000000;
}
















.nav-item.has-dropdown {
  position: relative;
}

.nav-drop-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.drop-arrow {
  width: 7px;
  height: 7px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  transition: transform .25s ease;
  flex-shrink: 0;
}

.nav-item.open .drop-arrow {
  transform: rotate(-135deg);
}

/* Desktop: dropdown as flyout panel */
@media (min-width: 993px) {
  .nav-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 200px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .12);
    border-radius: 8px;
    padding: 8px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
    z-index: 50;
  }

  .nav-item.has-dropdown:hover .nav-dropdown,
  .nav-item.open .nav-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  .nav-dropdown a {
    display: block;
    padding: 10px 14px;
    border-radius: 6px;
    font-size: 14px;
    color: #111;
    white-space: nowrap;
  }

  .nav-dropdown a:hover {
    background: rgba(0, 0, 0, .05);
  }
}

/* Mobile: dropdown as inline accordion */
@media (max-width: 992px) {
  .nav-dropdown {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease;
  }

  .nav-item.open .nav-dropdown {
    max-height: 500px;
    margin-top: 10px;
  }

  .nav-dropdown a {
    display: block;
    padding: 10px 0 10px 15px;
    font-size: 18px;
    opacity: 1;
  }
}


.nav-drop-toggle {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.drop-arrow {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  transition: transform .25s ease;
  margin-left: 10px;
  flex-shrink: 0;
  position: relative;
  top: -2px;
}

.nav-item.open .drop-arrow {
  transform: rotate(-135deg);
  top: 2px;
}








.nav-links a.current-page {
  color: #E9FC58;
  font-weight: 600;
}

.nav-links .nav-item.has-dropdown.current-page .nav-drop-toggle {
  color: #E9FC58;
  font-weight: 600;
}

.nav-dropdown a.current-page {
  color: #E9FC58;
  font-weight: 600;
}



.nav-toggle span {
  width: 100%;
  height: 2px;
  background: #fff;
  transition: transform 0.3s ease, opacity 0.3s ease, width 0.3s ease;
}

.nav-toggle span:nth-child(1) {
  width: 60%;
  align-self: flex-end;
}

.nav-toggle span:nth-child(2) {
  width: 100%;
}

.nav-toggle span:nth-child(3) {
  width: 60%;
  align-self: flex-end;
}













.display {
  font-family: 'Space Grotesk', sans-serif;
}

.mono {
  font-family: 'JetBrains Mono', monospace;
  letter-spacing: .03em;
}

/* ===== HEADER ===== */
div#siteHeader {
  background: var(--ink2);
  position: sticky;
  top: 0;
  z-index: 200;
  border-bottom: 1px solid var(--line);
  transition: transform .28s ease;
}

header.hide-header {
  transform: translateY(-100%);
}

.nav-wrap {
  max-width: 1240px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 28px;
  height: 65px;
}

.logo {
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.logo .mark {
  width: 26px;
  height: 26px;
  background: var(--lime);
  border-radius: 6px;
}

.nav-main {
  display: flex;
  align-items: center;
  gap: 2px;
}

.navlink {
  color: #EAEEF3;
  font-size: 15px;
  font-weight: 600;
  padding: 14px 16px;
  cursor: pointer;
  transition: color .15s;
  display: flex;
  align-items: center;
  gap: 6px;
  position: relative;
}

.navlink:hover {
  color: var(--lime);
}

.navlink.trigger.on {
  color: var(--lime);
}

.navlink.active-page {
  color: var(--lime);
}



.navlink.active-page::after {
  content: '';
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 9px;
  height: 2px;
  background: var(--lime);
  border-radius: 2px;
}

.nav-chev {
  width: 7px;
  height: 7px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg);
  margin-top: -3px;
  opacity: .75;
  transition: transform .2s;
}

.navlink.trigger.on .nav-chev {
  transform: rotate(-135deg);
  margin-top: 3px;
}

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

.call-pill {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #EAEEF3;
  font-size: 14px;
  font-weight: 600;
}

.call-pill .dot {
  width: 7px;
  height: 7px;
  background: var(--lime);
  border-radius: 50%;
}

.btn-quote {
  background: var(--lime);
  color: var(--ink2);
  font-weight: 700;
  font-size: 14px;
  padding: 11px 20px;
  border-radius: 100px;
  white-space: nowrap;
}

.burger {
  display: none;
  position: relative;
  width: 26px;
  height: 18px;
  cursor: pointer;
}

.burger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  transition: .3s;
}

.burger span:nth-child(1) {
  top: 0;
}

.burger span:nth-child(2) {
  top: 8px;
}

.burger span:nth-child(3) {
  top: 16px;
}

.burger.open span:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
}

.burger.open span:nth-child(2) {
  opacity: 0;
}

.burger.open span:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
}

/* ===== TAKEOVER MEGA MENU ===== */
.takeover {
  position: fixed;
  top: 65px;
  left: 0;
  width: 100vw;
  height: 420px;
  max-height: calc(100vh - 65px);
  background: var(--ink2);
  z-index: 150;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-16px);
  transition: opacity .25s ease, transform .25s ease, visibility .25s;
}

.takeover-inner {
  max-width: 1280px;
  margin: 0 auto;
  height: 100%;
  display: grid;
  grid-template-columns: 360px 1fr;
}

.takeover.open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.to-index {
  border-right: 1px solid var(--line);
  padding: 32px 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.to-index-top {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.idx-item {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 600;
  font-size: 30px;
  line-height: 1.5;
  color: #4A5361;
  cursor: pointer;
  transition: color .2s;
  display: flex;
  align-items: baseline;
  gap: 14px;
}

.idx-item .num {
  font-family: 'JetBrains Mono', monospace;
  font-size: 14px;
  color: #3A4250;
}

.idx-item:hover,
.idx-item.active {
  color: #fff;
}

.idx-item.active {
  color: var(--lime);
}

.idx-item.active .num {
  color: var(--lime);
}

.idx-foot {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
}

.idx-foot .btn {
  background: var(--lime);
  color: var(--ink2);
  font-weight: 700;
  font-size: 14px;
  padding: 14px 20px;
  border-radius: 100px;
  text-align: center;
}

.idx-foot .call {
  color: #EAEEF3;
  font-size: 13.5px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
}

.idx-foot .call .dot {
  width: 6px;
  height: 6px;
  background: var(--lime);
  border-radius: 50%;
}

.to-panel {
  padding: 32px 40px 28px;
  position: relative;
  overflow: hidden;
}

.to-scene {
  display: none;
  height: 100%;
}

.to-scene.active {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 40px;
}

.scene-links {
  display: flex;
  flex-direction: column;
}

.scene-links.cols-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 32px;
  align-content: start;
}

.scene-links.cols-2 .scene-eyebrow {
  grid-column: 1/-1;
}

.scene-eyebrow {
  color: var(--muted);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-bottom: 12px;
}

.scene-link {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 17px;
  font-weight: 600;
  color: #EAEEF3;
  padding: 10px 0;
  border-bottom: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  gap: 3px;
  transition: color .15s, padding-left .15s;
}

.scene-link:hover {
  color: var(--lime);
  padding-left: 10px;
}

.scene-link.active-page {
  color: var(--lime);
  padding-left: 0px;
}

.mo-sub a.active-page,
.mo-link.active-page {
  color: var(--lime);
}

.scene-link small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 500;
  font-family: 'Inter', sans-serif;
}

.see-all-link {
  color: var(--lime) !important;
  flex-direction: row !important;
  align-items: center;
  gap: 6px;
}

.see-all-link::after {
  content: '→';
  font-size: 15px;
}

.scene-visual {
  border-radius: 14px;
  overflow: hidden;
  background: linear-gradient(155deg, #1A2230, #0D1117);
  border: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 20px;
  position: relative;
  height: 100%;
}

.scene-pattern {
  position: absolute;
  inset: 0;
  opacity: .5;
  pointer-events: none;
}

.scene-visual::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 30% 20%, rgba(233, 252, 88, .14), transparent 60%);
}

.scene-stat {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 36px;
  font-weight: 700;
  color: var(--lime);
  position: relative;
}

.scene-stat-label {
  color: var(--muted);
  font-size: 12.5px;
  margin-top: 4px;
  position: relative;
}

.scene-quote {
  color: #EAEEF3;
  font-size: 13.5px;
  line-height: 1.5;
  font-style: italic;
  margin-top: 16px;
  position: relative;
}

.rot-item {
  display: none;
  animation: fadeIn .4s ease;
}

.rot-item.active {
  display: block;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ===== MOBILE FULLSCREEN MENU ===== */
/* .mobile-overlay {
  display: none;
    position: fixed;
    inset: 0;
    z-index: 300;
    width: 0px;
    opacity: 1;
    transition: .5s;
    transform: translateX(-100%);
}

.mobile-overlay.open {
  display: block;
  opacity: 1;
  transform: translateX(0%);
} */

.mobile-overlay {
    position: fixed;
    inset: 0;
    z-index: 300;
    transform: translateX(-100%);
    transition: transform 0.4s ease-in-out;
    will-change: transform;
    backface-visibility: hidden;
}

.mobile-overlay.open {
    transform: translateX(0);
}

.mo-wipe {
  position: absolute;
  inset: 0;
  background: var(--ink2);
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  transition: clip-path .5s cubic-bezier(.77, 0, .18, 1);
}

.mobile-overlay.open .mo-wipe {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.mo-content {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  opacity: 0;
  transition: opacity .3s .25s;
}

.mobile-overlay.open .mo-content {
  opacity: 1;
}

.mo-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 24px;
  height: 58px;
  border-bottom: 1px solid var(--line);
  flex-shrink: 0;
}

.mo-body {
  padding: 6px 24px;
  flex: 1;
  overflow-y: auto;
  min-height: 0;
}

.mo-footer-fixed {
  padding: 14px 24px 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-top: 1px solid var(--line);
  flex-shrink: 0;
}

.mo-item {
  border-bottom: 1px solid var(--line);
}

.mo-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  font-size: 19px;
  font-weight: 600;
  padding: 12px 0;
  font-family: 'Space Grotesk', sans-serif;
  cursor: pointer;
}

.mo-chev {
  width: 8px;
  height: 8px;
  border-right: 2px solid var(--muted);
  border-bottom: 2px solid var(--muted);
  transform: rotate(45deg);
  transition: transform .2s;
}

.mo-item.open .mo-chev {
  transform: rotate(-135deg);
}

.mo-sub {
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s ease;
}

.mo-item.open .mo-sub {
  max-height: 600px;
  padding-bottom: 10px;
}

.mo-sub a {
  display: block;
  color: var(--muted);
  font-size: 14px;
  font-weight: 500;
  padding: 6px 2px;
}

.mo-sub a:hover {
  color: var(--lime);
}

.mo-footer {
  padding: 14px 4px 4px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.mo-quote-btn {
  background: var(--lime);
  color: var(--ink2);
  font-weight: 700;
  font-size: 14px;
  padding: 13px;
  border-radius: 100px;
  text-align: center;
}

.mo-call {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #fff;
  font-size: 13.5px;
  font-weight: 600;
}

.mo-call .dot {
  width: 7px;
  height: 7px;
  background: var(--lime);
  border-radius: 50%;
}

@media(max-width:1080px) {
  .nav-main {
    display: none;
  }

  .call-pill {
    display: none;
  }

  .burger {
    display: block;
  }

  .btn-quote {
    padding: 9px 16px;
    font-size: 13px;
  }
}

@media(max-width:860px) {
  .to-index {
    padding: 36px 32px;
  }

  .idx-item {
    font-size: 28px;
  }

  .to-panel {
    padding: 36px 32px;
  }

  .to-scene.active {
    grid-template-columns: 1fr;
  }
}












#contact {
  background-color: #E9FC58;
}

#contact .form {
  background-color: #FFFFFF;
}

#contact h2,
#contact p,
#contact a,
#contact .badge {
  color: #000000;
}

/* #contact.porfolio-listing-form h2,
#contact.porfolio-listing-form p,
#contact.porfolio-listing-form a,
#contact.porfolio-listing-form .badge {
  color: #fff;
} */

/* #contact.porfolio-listing-form .alt svg {
  stroke: #e9fc58 !important;
} */

#contact .alt svg {
  stroke: #000000 !important;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  text-align: center;
  color: #000000;
}

#siteHeader .logo img {
  max-width: 120px;
}

.btn-lime {
  background: var(--lime);
  color: #0A0E13;
}

.btn-ghost {
  border: 1px solid var(--line-soft);
  color: #EAEEF3;
}

.btn-lime:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px -8px rgba(233, 252, 88, .5);
}



.btn-ghost:hover {
  border-color: var(--lime);
  color: var(--lime);
}

.logo-wall {
  margin-top: 0px;
}

.table-box {
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 20px;
}

.post-layout .content h2:first-child {
  margin-top: 0px;
}

.toc-link-list {
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 10px;
}

.top-box {
  border: 1px solid #e9fc58 !important;
  padding: 30px !important;
  border-radius: 10px !important;
  display: flex;
  background-color: #f8ffc5 !important;
  margin: 15px 0px 30px;
  margin-top: 30px;
  gap: 20px;
  align-items: flex-start;
  box-shadow: rgb(128, 143, 14) 3.95px 3.95px 1.6px !important;
}

.pro-tip-icon {
  width: 6%;
}

.wp-post-content img:first-child {
  margin-bottom: 20px;
}

.pro-tip-text {
  width: 95%;
}

.wpcf7-spinner{
  display: none !important;
}





















@media screen and (min-width: 768px) and (max-width: 1024px) {
  /* Your CSS here */
}

@media screen and (max-width: 767px) {

  .pf-grid {
    grid-template-columns: repeat(1, 1fr);
  }

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

  .row-3 {
    grid-template-columns: repeat(1, 1fr);
  }

  .featured {
    grid-template-columns: repeat(1, 1fr);
  }

  .featured .meta {
    flex-wrap: wrap;
  }

  .news {
    padding: 50px 0px;
  }

  .foot {
    grid-template-columns: repeat(2, 1fr) !important;
  }

}


/* start about us page */


/* BREADCRUMB */

/* HERO */
header h2 span {
  color: var(--lime);
}

.hero-tagline {
  font-family: var(--font-mono);
  font-size: 14px;
  color: var(--lime);
  margin-top: 22px;
  letter-spacing: 0.02em;
}

.hero-sub {
  font-size: 17px;
  color: var(--muted);
  max-width: 520px;
  margin-top: 22px;
}

/* STATS BAND */

/* STORY */
.story-sec {
  padding: 100px 0;
}

.story-grid {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 70px;
}

@media(max-width:900px) {
  .story-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }
}

.story-sec h2 {
  font-size: clamp(28px, 3.4vw, 42px);
  line-height: 1.1;
}

.story-copy p {
  font-size: 16px;
  color: var(--text-lt-dim);
  margin-bottom: 20px;
  max-width: 560px;
}

.story-copy p:last-child {
  margin-bottom: 0;
}

.story-year-mark {
  font-family: var(--font-mono);
  font-size: 13px;
  color: var(--lime-dk);
  border-left: 2px solid var(--lime-dk);
  padding-left: 14px;
  margin-top: 28px;
}

/* VALUES */
.values-sec {
  padding: 100px 0;
}

.section-head {
  max-width: 640px;
  margin-bottom: 56px;
}

.section-head h2 {
  font-size: clamp(28px, 3.4vw, 42px);
  line-height: 1.1;
}

.values-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  margin-top: 50px;
}

@media(max-width:900px) {
  .values-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media(max-width:520px) {
  .values-grid {
    grid-template-columns: 1fr;
  }
}

.value-card {
  padding: 36px 28px;
  border-radius: 12px;
  border: 1px solid #FFFFFF14;
}

.value-icon {
 width: 38px;
    height: 38px;
    margin-bottom: 22px;
    border-radius: 50%;
    background: var(--lime);
    display: flex;
    align-items: center;
    justify-content: center;
}

.value-icon svg {
  height: 100%;
    stroke: #000;
    fill: none;
    stroke-width: 1.5;
    width: 24px;
}

.sec-dark .value-card h3 {
  font-size: 18px;
  margin-bottom: 10px !important
}

.sec-dark .value-card p {
  font-size: 14px;
  color: var(--muted);
}

/* DIFFERENTIATORS */
.diff-sec {
  padding: 100px 0;
}

.diff-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  margin-top: 50px
}

@media(max-width:900px) {
  .diff-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

.diff-item {
  border-top: 1px solid var(--line-dk);
  padding-top: 24px;
}

.diff-num {
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--lime-dk);
  margin-bottom: 14px;
}

.diff-grid .diff-item h3 {
  font-size: 19px;
  margin-bottom: 10px !important;
  color: var(--text-lt);
}

.diff-grid .diff-item p {
  font-size: 14.5px;
  color: var(--text-lt-dim) !important;
}

/* LOGO WALL */
.builds-brands .logo-wall {
  padding: 80px 0px !important;
}

/* AWARDS */
.awards-sec {
  padding: 90px 0;
}

.awards-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  margin-top: 30px
}

@media(max-width:700px) {
  .awards-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .awards-grid .award-plaque:last-child{
    grid-column: 1 / -1; /* Span both columns */
    justify-self: center;
  }
}

.about-us-award-img{
  width: 100%;
}
.award-plaque {
  /* border: 1px solid var(--line-dk); */
  border-radius: 4px;
  /* padding: 26px 16px; */
  text-align: center;
  /* background: #fff; */
}

.award-plaque .mark {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 14px;
  color: var(--text-lt);
  margin-bottom: 6px;
}

.award-plaque .sub {
  font-family: var(--font-mono);
  font-size: 10px;
  color: var(--text-lt-dim);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}


/* TEAM ROLES */
.team-sec {
  padding: 100px 0;
}

.team-grid {
  display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}

@media(max-width:900px) {
  .team-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media(max-width:520px) {
  .team-grid {
    grid-template-columns: 1fr;
  }
}

.team-card {
  background:#fff;
  padding:0px;
  box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, .1);
      border-radius: 15px;
    overflow: hidden;
}

.team-icon {
  width: 36px;
  height: 36px;
  margin-bottom: 22px;
}

.team-icon svg {
  width: 100%;
  height: 100%;
  stroke: var(--lime-dk);
  fill: none;
  stroke-width: 1.5;
}

.team-card h3 {
  font-size: 17px;
  margin-bottom: 10px;
  padding:0px 20px;
  color: var(--text-lt);
}

.team-card p {
  font-size: 14px;
  color: var(--text-lt-dim);
  padding:10px 20px 25px 20px;
}


/* TEAM PHOTOS */
.team-photo {
  width: 100%;
  height: 206px;
  aspect-ratio: 1;
  border-radius: 10px 10px 0px 0px;
  object-fit: cover;
  margin-bottom: 22px;
  background: var(--ink-2);

}

.reveal {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .6s ease, transform .6s ease;
}

.reveal.in {
  opacity: 1;
  transform: none;
}

/* -----------------------end about us page------------------------- */

/* ---------------------start contact us page----------------------- */

/* BREADCRUMB */

/* HERO */
.hero-contact {
  padding: 64px 0 60px;
}

.hero-contact h1 {
  font-size: clamp(38px, 5vw, 58px);
  line-height: 1.04;
  letter-spacing: -0.02em;
  max-width: 760px;
}

.hero-contact p {
  font-size: 17px;
  color: var(--mute);
  max-width: 480px;
  margin-top: 20px;
}

.hero-phone-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 28px;
  border: 1px solid var(--line-soft);
  border-radius: 10px;
  padding: 10px 16px;
  font-family: 'JetBrains Mono';
  font-size: 14px;
  color: var(--lime);
}

.hero-pill {
  display: inline-flex;
  align-items: center;
  font-family: 'JetBrains Mono';
  font-size: 11px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--ink);
  background: var(--lime);
  padding: 7px 14px;
  border-radius: 20px;
  margin-bottom: 20px;
}

.hero-stat-row {
  display: flex;
  gap: 40px;
  margin-top: 36px;
  padding-top: 28px;
  border-top: 1px solid var(--line-soft);
  flex-wrap: wrap;
}

.hero-stat b {
  display: block;
  font-family: 'Space Grotesk';
  font-weight: 700;
  font-size: 26px;
  color: var(--lime);
}

.hero-stat span {
  font-family: 'JetBrains Mono';
  font-size: 11px;
  color: var(--mute);
  text-transform: uppercase;
  letter-spacing: .05em;
}

/* CONTACT SPLIT */
.contact-split {
  padding: 20px 0 100px;
}

.split-grid {
  display: grid;
  grid-template-columns: 1fr 0.85fr;
  gap: 50px;
  align-items: start;
}

@media(max-width:900px) {
  .split-grid {
    grid-template-columns: 1fr;
  }
}

.form-card {
  background: var(--navy-2);
  border: 1px solid var(--line-soft);
  border-radius: 18px;
  padding: 36px;
}

.form-card h2 {
  font-size: 22px;
  margin-bottom: 6px;
}

.form-card .sub {
  color: var(--mute);
  font-size: 14px;
  margin-bottom: 24px;
}

.form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

@media(max-width:480px) {
  .form-row {
    grid-template-columns: 1fr;
  }
}

.form-card label {
  display: block;
  font-size: 12.5px;
  color: var(--mute);
  margin: 14px 0 6px;
  font-family: 'JetBrains Mono';
  letter-spacing: .06em;
}

.form-card input,
.form-card select,
.form-card textarea {
  width: 100%;
  background: var(--navy);
  border: 1px solid var(--line-soft);
  border-radius: 10px;
  padding: 12px 14px;
  color: #000;
  font-family: 'Inter';
  font-size: 15px;
  transition: border-color .2s;
}

.form-card input:focus,
.form-card select:focus,
.form-card textarea:focus {
  outline: none;
  border-color: var(--lime);
}
textarea{
  resize: none !important; 
}

.form-card textarea {
  resize: vertical;
  min-height: 100px;
  
}

.form-card .btn-lime {
  width: 100%;
  justify-content: center;
  margin-top: 22px;
  padding: 14px;
}

.form-card .fine {
  font-size: 12px;
  color: var(--mute-2);
  text-align: center;
  margin-top: 14px;
}


/* QUICK CONTACT CARD (replaces map/office tabs) */
.quick-contact-card {
  background: #fff;
  border: 1px solid var(--line-dk);
  border-radius: 18px;
  padding: 32px;
}

.quick-contact-card h3 {
  font-size: 19px;
  margin-bottom: 6px;
}

.quick-contact-card .sub {
  color: var(--ink-mute);
  font-size: 14px;
  margin-bottom: 22px;
}

.qc-row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 0;
  border-top: 1px solid var(--line-dk);
}

.qc-row:first-of-type {
  border-top: none;
}

.qc-icon {
  width: 38px;
  height: 38px;
  flex-shrink: 0;
  border-radius: 8px;
  background: rgba(233, 252, 88, .25);
  display: flex;
  align-items: center;
  justify-content: center;
}

.qc-icon svg {
  width: 17px;
  height: 17px;
  stroke: #6E7A14;
  fill: none;
  stroke-width: 2;
}

.qc-row h4 {
  font-size: 14.5px;
  margin-bottom: 2px;
  color: #11161D;
}

.qc-row a,
.qc-row p {
  font-size: 13.5px;
  color: var(--ink-mute);
}

.qc-row a:hover {
  color: #6E7A14;
}

.qc-cta {
  width: 100%;
  justify-content: center;
  margin-top: 20px;
}

.trust-badges {
  margin-top: 20px;
  border-top: 1px solid var(--line-dk);
  padding-top: 22px;
}

.trust-badges-lbl {
  font-family: 'JetBrains Mono';
  font-size: 10.5px;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--mute-2);
  margin-bottom: 14px;
}

.trust-badges-row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.trust-badge {
  display: flex;
  align-items: center;
  gap: 6px;
  border: 1px solid var(--line-dk);
  border-radius: 8px;
  padding: 8px 12px;
  font-family: 'Space Grotesk';
  font-size: 12.5px;
  font-weight: 600;
  color: #11161D;
}

.trust-badge .stars {
  color: #E6B800;
  font-size: 11px;
}

/* RESPONSE TRUST BAR */

/* ALT CTA */

/* QUICK INFO ROW */
.quick-info {
  padding: 50px 0 20px;
}

.quick-info-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

@media(max-width:800px) {
  .quick-info-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.quick-card {
  border: 1px solid var(--line-dk);
  border-radius: 12px;
  padding: 20px 22px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  background: #fff;
  transition: border-color .2s;
}

.quick-card:hover {
  border-color: #6E7A14;
}

.quick-card .lbl {
  font-family: 'JetBrains Mono';
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--mute-2);
  margin-bottom: 6px;
}

.quick-card .val {
  font-family: 'Space Grotesk';
  font-size: 15px;
  font-weight: 600;
  color: #11161D;
}

.quick-card .arrow {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #11161D;
  color: var(--lime);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  flex-shrink: 0;
}


/* AWARDS STRIP */
.awards-strip {
  padding: 56px 0;
}

.awards-strip-head {
  font-family: 'JetBrains Mono';
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--mute);
  text-align: center;
  margin-bottom: 36px;
}

.awards-strip-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
}

@media(max-width:700px) {
  .awards-strip-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.awards-strip-item {
  border: 1px solid var(--line-soft);
  border-radius: 10px;
  padding: 22px 14px;
  text-align: center;
}

.awards-strip-item .mark {
  font-family: 'Space Grotesk';
  font-weight: 700;
  font-size: 14px;
  color: #EAEEF3;
  margin-bottom: 4px;
}

.awards-strip-item .sub {
  font-family: 'JetBrains Mono';
  font-size: 10px;
  color: var(--mute);
  text-transform: uppercase;
  letter-spacing: .05em;
}


/* RESPONSE TRUST BAR */
.trust-band {
  background: var(--lime);
  padding: 44px 0;
}

.diff-band-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

@media(max-width:700px) {
  .diff-band-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }
}

.diff-band-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
}

.diff-band-icon {
  width: 34px;
  height: 34px;
  flex-shrink: 0;
  border-radius: 8px;
  background: #0A0E13;
  display: flex;
  align-items: center;
  justify-content: center;
}

.diff-band-icon svg {
  width: 16px;
  height: 16px;
  stroke: var(--lime);
  fill: none;
  stroke-width: 2;
}

.diff-band-item h4 {
  font-family: 'Space Grotesk';
  font-size: 15px;
  font-weight: 600;
  color: #0A0E13;
  margin-bottom: 4px;
}

.diff-band-item p {
  font-size: 13px;
  color: #0A0E13;
  opacity: .7;
}


/* ---------------End contact us page---------------- */




/* ----------------- start quote page ------------------------ */

/* BREADCRUMB */
/* HERO */


.hero-quote {
  padding: 64px 0 20px;
}

.hero-pill {
  display: inline-flex;
  align-items: center;
  font-family: 'JetBrains Mono';
  font-size: 11px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--ink);
  background: var(--lime);
  padding: 7px 14px;
  border-radius: 20px;
  margin-bottom: 20px;
}

.hero-quote h1 {
  font-size: clamp(38px, 5vw, 58px);
  line-height: 1.03;
  letter-spacing: -0.02em;
  max-width: 760px;
}

.hero-quote p {
  font-size: 17px;
  color: var(--mute);
  max-width: 520px;
  margin-top: 20px;
}

.hero-trust-row {
  display: flex;
  gap: 36px;
  margin-top: 32px;
  flex-wrap: wrap;
}

.hero-trust-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: 'JetBrains Mono';
  font-size: 12.5px;
  color: var(--mute);
}

.hero-trust-item svg {
  width: 15px;
  height: 15px;
  stroke: var(--lime);
  fill: none;
  stroke-width: 2;
}

/* FORM SECTION */
.quote-form-sec {
  padding: 10px 0 100px;
}

.quote-layout {
  display: grid;
  grid-template-columns: 1fr 340px;
  gap: 44px;
  align-items: start;
}

@media(max-width:960px) {
  .quote-layout {
    grid-template-columns: 1fr;
  }
}

.form-shell {
  background: var(--navy-2);
  border: 1px solid var(--line-soft);
  border-radius: 18px;
  overflow: hidden;
  color: #EAEEF3;
}

.form-block {
  padding: 34px 36px;
  border-bottom: 1px solid var(--line-soft);
}

.form-block:last-child {
  border-bottom: none;
}

.form-block-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 22px;
}

.form-block-num {
  font-family: 'JetBrains Mono';
  font-size: 12px;
  color: var(--lime);
  border: 1px solid rgba(233, 252, 88, .35);
  background: rgba(233, 252, 88, .08);
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.form-block h3 {
  font-size: 18px;
  color: #EAEEF3;
}

.form-block .fb-sub {
  font-size: 13px;
  color: var(--mute);
  margin-top: 2px;
}

.chip-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.chip {
  border: 1px solid var(--line-soft);
  border-radius: 8px;
  padding: 10px 16px;
  font-size: 14px;
  cursor: pointer;
  transition: all .2s;
  color: #EAEEF3;
  background: var(--navy);
  user-select: none;
  margin-top:0px !important;
}

.chip input {
  display: none;
}

.chip.checked,
.chip:has(input:checked) {
  border-color: var(--lime);
  background: rgba(233, 252, 88, .12);
  font-weight: 600;
  color: var(--lime);
}

.form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

@media(max-width:520px) {
  .form-row {
    grid-template-columns: 1fr;
  }
}

.form-block label {
  display: block;
  font-size: 12.5px;
  color: var(--mute);
  margin: 10px 0 8px;
  font-family: 'JetBrains Mono';
  letter-spacing: .05em;
}

.form-block>label:first-child {
  margin-top: 0;
}

.file-drop {
  border: 1.5px dashed var(--line-soft);
  border-radius: 10px;
  padding: 20px 16px;
  text-align: center;
  cursor: pointer;
  transition: border-color .2s;
  background: var(--navy);
}

.file-drop:hover {
  border-color: var(--lime);
}

.file-drop svg {
  width: 20px;
  height: 20px;
  stroke: var(--lime);
  fill: none;
  stroke-width: 2;
  margin-bottom: 8px;
}

.file-drop p {
  font-size: 13px;
  color: var(--mute);
}

.file-drop input {
  display: none;
}

.file-name {
  font-size: 12.5px;
  color: var(--lime);
  margin-top: 8px;
  font-family: 'JetBrains Mono';
}

.form-block input,
.form-block select,
.form-block textarea {
  width: 100%;
  background: var(--navy);
  border: 1px solid var(--line-soft);
  border-radius: 10px;
  padding: 12px 14px;
  color: #EAEEF3;
  font-family: 'Inter';
  font-size: 15px;
  transition: border-color .2s;
}

.form-block input::placeholder,
.form-block textarea::placeholder {
  color: var(--mute-2);
}

.form-block input:focus,
.form-block select:focus,
.form-block textarea:focus {
  outline: none;
  border-color: var(--lime);
}

.form-block textarea {
  resize: vertical;
  min-height: 90px;
}

.form-block select {
  color-scheme: dark;
}

.page-id-324 .form-submit-row{
  padding: 28px 36px;
  background: var(--navy);
}

.page-id-324 .form-submit-row input{
  width: 100%;
    justify-content: center;
    padding: 15px !important;
    font-size: 15px !important;
    background: var(--lime);
    color: #0A0E13;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    border-radius: 8px;
    transition: all .2s;
    cursor: pointer;
    border: none;
    font-family: 'Inter';

}
.page-id-324 .form-submit-row input:hover{
    background: #fff;
}

.page-id-324  .form-block br{
    display: none;
}

.submit-block .fine {
  font-size: 12px;
  color: var(--mute-2);
  text-align: center;
  margin-top: 14px;
}

/* SIDEBAR - ALT CONTACT */
.request-a-quote-page-sidebar.quote-sidebar {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: sticky;
  top: 100px;
}

.request-a-quote-page-sidebar .side-card {
  background: var(--navy-2);
  border: 1px solid var(--line-soft);
  border-radius: 16px;
  padding: 26px;
  color: #EAEEF3;
}

.request-a-quote-page-sidebar .side-card h4 {
  font-size: 15px;
  margin-bottom: 14px;
}

.request-a-quote-page-sidebar .qc-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  border-top: 1px solid var(--line-soft);
}

.request-a-quote-page-sidebar .qc-row:first-of-type {
  border-top: none;
  padding-top: 0;
}

.request-a-quote-page-sidebar .qc-icon {
  width: 34px;
  height: 34px;
  flex-shrink: 0;
  border-radius: 8px;
  background: rgba(233, 252, 88, .1);
  display: flex;
  align-items: center;
  justify-content: center;
}

.request-a-quote-page-sidebar .qc-icon svg {
  width: 15px;
  height: 15px;
  stroke: var(--lime);
  fill: none;
  stroke-width: 2;
}

.request-a-quote-page-sidebar .qc-row a,
.request-a-quote-page-sidebar .qc-row p {
  font-size: 13.5px;
  color: var(--mute);
}

.request-a-quote-page-sidebar .qc-row a:hover {
  color: var(--lime);
}

/* WHY REQUEST QUOTE — lime-accented card, visually distinct from quick contact */
.side-card.why-card {
  background: linear-gradient(160deg, rgba(233, 252, 88, .1), var(--navy-2) 60%);
  border-color: rgba(233, 252, 88, .3);
  margin-top: 40px
}

.side-guarantee {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 14px 0;
  border-top: 1px solid rgba(233, 252, 88, .14);
}

.side-guarantee:first-of-type {
  border-top: none;
  padding-top: 0;
}

.side-guarantee svg {
  width: 17px;
  height: 17px;
  stroke: var(--lime);
  fill: none;
  stroke-width: 2;
  flex-shrink: 0;
  margin-top: 2px;
}

.side-guarantee p {
  font-size: 13px;
  color: #D7DCE3;
}

.side-badges {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 14px;
  padding-top: 16px;
  border-top: 1px solid rgba(233, 252, 88, .14);
}

.side-badge {
  border: 1px solid rgba(233, 252, 88, .3);
  border-radius: 7px;
  padding: 6px 10px;
  font-family: 'Space Grotesk';
  font-size: 11.5px;
  font-weight: 600;
  color: var(--lime);
}

/* WHAT HAPPENS NEXT */
.next-sec {
  padding: 100px 0;
}



.quote-page-steps .next-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 50px;
  max-width: 100%
}

@media(max-width:800px) {
  .next-grid {
    grid-template-columns: 1fr;
  }
}

.next-item {
  position: relative;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--line-dk);
  border-radius: 16px;
  padding: 32px 28px;
}

.next-item .wm {
  position: absolute;
  right: 6px;
  bottom: -18px;
  font-family: 'Space Grotesk';
  font-weight: 700;
  font-size: 110px;
  line-height: 1;
  color: rgba(13, 17, 23, .05);
  pointer-events: none;
}

.next-num {
  position: relative;
  font-family: 'JetBrains Mono';
  font-size: 12px;
  color: #6E7A14;
  margin-bottom: 16px;
}

.sec-light .next-item h3 {
  position: relative;
  font-size: 17px;
  margin-bottom: 10px !important;
  color: #11161D;
}

.next-item p {
  position: relative;
  font-size: 14px;
  color: var(--ink-mute);
}

/* end quote page */


/* -------------------start Testimonial page ------------------*/
/* HERO */
.hero-t {
  padding: 64px 0 80px 0;
}

.hero-t h1 {
  font-size: clamp(36px, 5vw, 58px);
  line-height: 1.06;
  letter-spacing: -0.02em;
  max-width: 760px;
}

.hero-t h1 em {
  font-style: normal;
  color: var(--lime);
}

.hero-t p {
  font-size: 16.5px;
  color: var(--mute);
  max-width: 560px;
  margin-top: 18px;
}

/* STAT STRIP */
.stat-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--line-soft);
  border: 1px solid var(--line-soft);
  border-radius: 16px;
  overflow: hidden;
  margin-top: 44px;
}

@media(max-width:700px) {
  .stat-strip {
    grid-template-columns: repeat(2, 1fr);
  }
}

.stat-cell {
  background: var(--navy-2);
  padding: 26px 22px;
}

.stat-cell .num {
  font-family: 'Space Grotesk';
  font-weight: 700;
  font-size: clamp(26px, 3vw, 34px);
  color: var(--lime);
}

.stat-cell .lbl {
  font-family: 'JetBrains Mono';
  font-size: 11px;
  color: var(--mute);
  text-transform: uppercase;
  letter-spacing: .05em;
  margin-top: 6px;
}

/* PLATFORM ROW */
.platform-row {
  padding: 44px 0 70px;
  text-align: center;
}

.platform-row-lbl {
  font-family: 'JetBrains Mono';
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--mute-2);
  margin-bottom: 22px;
}

.platform-logos {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 44px;
  flex-wrap: wrap;
}

.platform-logos a {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: 'Space Grotesk';
  font-weight: 700;
  font-size: 15px;
  color: var(--mute);
  transition: color .2s;
}

.platform-logos a:hover {
  color: #EAEEF3;
}

.platform-logos svg {
  width: 18px;
  height: 18px;
}

/* FEATURED QUOTE */
.featured-sec {
  padding: 0 0 90px;
}

.featured-card {
  background: var(--navy-2);
  border: 1px solid var(--line-soft);
  border-radius: 20px;
  padding: 48px;
  position: relative;
  overflow: hidden;
}

/* .featured-card::before {
  content: '"';
  position: absolute;
  top: 10px;
  left: 28px;
  font-family: 'Space Grotesk';
  font-weight: 700;
  font-size: 140px;
  color: rgba(233, 252, 88, .06);
  line-height: 1;
} */

.featured-top {
  display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-bottom: 20px;
    flex-wrap: wrap;
    gap: 0px;
    flex-direction: column-reverse;
}

.featured-stars {
  color: #E9FC58;
  font-size: 16px;
  letter-spacing: 2px;
}

.featured-platform {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: 'JetBrains Mono';
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #E9FC58;
}

.featured-card p {
  position: relative;
  font-family: 'Space Grotesk';
  font-size: clamp(19px, 2.2vw, 25px);
  line-height: 1.4;
  font-weight: 500;
  color: #EAEEF3;
  max-width: 820px;
  margin: auto;
  text-align: center;
}

img.worked-with-brands {
    height: 54px;
}

.featured-who {
  margin-top: 24px;
  font-family: 'JetBrains Mono';
  font-size: 13px;
  color: var(--mute);
  text-align: center;
}

.featured-who b {
  color: #EAEEF3;
  font-family: 'Inter';
  font-weight: 600;
}

/* FILTER + GRID */
.reviews-sec {
  padding: 90px 0;
}


#reviews .filter-row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 36px 0 44px;
}

.filter-chip {
  font-family: 'JetBrains Mono';
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .05em;
  padding: 10px 18px;
  border: 1px solid var(--line-dk);
  border-radius: 20px;
  cursor: pointer;
  color: var(--ink-mute);
  background: #fff;
  transition: all .2s;
}

.filter-chip.active {
  background: #11161D;
  color: var(--lime);
  border-color: #11161D;
}

.review-grid {
  columns: 3 320px;
  column-gap: 20px;
}

@media(max-width:900px) {
  .review-grid {
    columns: 2 260px;
  }
}

@media(max-width:640px) {
  .review-grid {
    columns: 1;
  }
}

.review-card {
  background: #fff;
  border: 1px solid var(--line-dk);
  border-radius: 14px;
  padding: 26px;
  display: flex;
  flex-direction: column;
  transition: opacity .2s, transform .2s;
  break-inside: avoid;
  margin-bottom: 20px;
}

.review-card.hidden {
  display: none;
}

.review-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}

.review-stars {
  color: #E6B800;
  font-size: 13px;
  letter-spacing: 2px;
}

.platform-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-family: 'JetBrains Mono';
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--ink-mute);
}

.platform-badge svg {
  width: 13px;
  height: 13px;
}

.review-card h3 {
  font-size: 15px;
  color: #11161D;
  margin-bottom: 8px;
}

.review-card p {
  font-size: 13.5px;
  color: var(--ink-mute);
  line-height: 1.6;
  flex: 1;
}

.review-who {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--line-dk);
}

.review-avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #11161D;
  color: var(--lime);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Space Grotesk';
  font-weight: 700;
  font-size: 12px;
  flex-shrink: 0;
}

.review-who .name {
  font-size: 13.5px;
  font-weight: 600;
  color: #11161D;
}

.review-who .org {
  font-size: 12px;
  color: var(--mute-2);
}

/* RESULTS BAND */
.results-sec {
  padding: 90px 0;
}

.results-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 50px
}

@media(max-width:800px) {
  .results-grid {
    grid-template-columns: 1fr;
  }
}

.result-card {
  border: 1px solid var(--line-soft);
  border-radius: 16px;
  padding: 30px 26px;
  background: var(--navy-2);
}

.result-card .num {
  font-family: 'Space Grotesk';
  font-weight: 700;
  font-size: 36px;
  color: var(--lime);
}

.result-card p {
  font-size: 14px;
  color: var(--mute);
  margin-top: 12px;
  line-height: 1.55;
}

.result-card b {
  color: #EAEEF3;
  font-weight: 600;
}

/* LOGO WALL — BIG & BOLD */
.logos-sec {
  padding: 110px 0;
  position: relative;
  overflow: hidden;
  background: var(--paper);
  color: #11161D;
}

.logos-sec .wrap {
  position: relative;
  z-index: 1;
}

.logos-headline {
  text-align: center;
  max-width: 640px;
  margin: 0 auto 60px;
}

.logos-headline h2 {
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1.1;
  color: #11161D;
}

.bento-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-auto-rows: 120px;
  grid-auto-flow: dense;
  gap: 16px;
  max-width: 920px;
  margin: 0 auto;
}

@media(max-width:800px) {
  .bento-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 110px;
  }
}

.bento-tile {
  border-radius: 16px;
  background: #fff;
  border: 1px solid var(--line-dk);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding:25px 16px 16px 16px;
  transition: transform .25s, box-shadow .25s, border-color .25s;
}

.bento-tile:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 32px rgba(13, 17, 23, .08);
  border-color: #6E7A14;
}

.bento-tile span {
  font-family: 'Space Grotesk';
  font-weight: 700;
  font-size: 16px;
  color: #11161D;
  text-align: center;
  letter-spacing: -0.01em;
}

.bento-tile small {
  font-family: 'JetBrains Mono';
  font-size: 10px;
  color: var(--mute-2);
  text-transform: uppercase;
  letter-spacing: .05em;
}

.bento-1 {
  grid-column: span 2;
  grid-row: span 1;
}

.bento-2 {
  grid-column: span 2;
  grid-row: span 2;
  background: #11161D;
  border-color: #11161D;
}

.bento-2 span {
  color: var(--lime);
  font-size: 19px;
}

.bento-2 small {
  color: var(--mute);
}

.bento-3 {
  grid-column: span 2;
  grid-row: span 1;
}

.bento-4 {
  grid-column: span 2;
  grid-row: span 1;
}

.bento-5 {
  grid-column: span 4;
  grid-row: span 1;
  background: linear-gradient(120deg, rgba(233, 252, 88, .15), #fff);
}

@media(max-width:800px) {

  .bento-1,
  .bento-2,
  .bento-3,
  .bento-4,
  .bento-5 {
    grid-column: span 1;
    grid-row: span 1;
  }
}

/* CTA BAND */
.cta-band {
  position: relative;
  overflow: hidden;
  padding: 100px 0;
  text-align: center;
}

.cta-band .ghost {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Space Grotesk';
  font-weight: 700;
  font-size: clamp(80px, 20vw, 300px);
  color: rgba(233, 252, 88, .045);
  white-space: nowrap;
  pointer-events: none;
  letter-spacing: -.05em;
  z-index: 0;
}

.cta-band .wrap {
  position: relative;
  z-index: 1;
}

.cta-band h2 {
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1.1;
  max-width: 680px;
  margin: 0 auto 16px;
}

.cta-band p {
  color: var(--mute);
  font-size: 16px;
  max-width: 480px;
  margin: 0 auto 32px;
}

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

.btn-lg {
  padding: 16px 30px;
  font-size: 15px;
}


/* End Testimonial page */



/* ---------------------404 page start----------------------- */


.err-main {
  flex: 1;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  padding: 80px 0;
}

.err-main .ghost {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Space Grotesk';
  font-weight: 700;
  font-size: clamp(140px, 32vw, 480px);
  color: rgba(233, 252, 88, .04);
  white-space: nowrap;
  pointer-events: none;
  letter-spacing: -.05em;
  z-index: 0;
}

.err-content {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

.mono {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11.5px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--lime);
  display: block;
  margin-bottom: 0px;
}

.err-content h1 {
  font-size: clamp(32px, 4.4vw, 52px);
  line-height: 1.1;
  letter-spacing: -0.02em;
  margin-bottom: 16px;
}

.err-content p {
  font-size: 16px;
  color: var(--mute);
  max-width: 440px;
  margin: 0 auto 36px;
}

.err-actions {
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 48px;
}

.err-links {
  display: flex;
  gap: 1px;
  background: var(--line-soft);
  border: 1px solid var(--line-soft);
  border-radius: 14px;
  overflow: hidden;
  max-width: 560px;
  margin: 0 auto;
}

@media(max-width:560px) {
  .err-links {
    grid-template-columns: 1fr;
    flex-direction: column;
  }
}

.err-link {
  background: var(--navy-2);
  padding: 20px 18px;
  flex: 1;
  text-align: left;
  transition: background .2s;
}

.err-link:hover {
  background: #1A222D;
}

.err-link .lbl {
  font-family: 'JetBrains Mono';
  font-size: 10.5px;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--mute-2);
  margin-bottom: 4px;
}

.err-link .val {
  font-family: 'Space Grotesk';
  font-size: 14px;
  font-weight: 600;
  color: #EAEEF3;
  display: flex;
  align-items: center;
  gap: 6px;
}

/* ---------------------404 page end------------------------- */

/* ---------------------Thank you page Start -----------------*/

/* HERO CONFIRMATION */
.ty-hero {
  padding: 90px 0 70px;
  position: relative;
  overflow: hidden;
}

.ty-hero .ghost {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Space Grotesk';
  font-weight: 700;
  font-size: clamp(90px, 20vw, 280px);
  color: rgba(233, 252, 88, .04);
  white-space: nowrap;
  pointer-events: none;
  letter-spacing: -.05em;
  z-index: 0;
}

.ty-hero .wrap {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 640px;
}

.ty-check {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgba(233, 252, 88, .12);
  border: 1px solid rgba(233, 252, 88, .35);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 28px;
}

.ty-check svg {
  width: 28px;
  height: 28px;
  stroke: var(--lime);
  fill: none;
  stroke-width: 2.4;
}

.ty-hero h1 {
  font-size: clamp(32px, 4.4vw, 50px);
  line-height: 1.08;
  letter-spacing: -0.02em;
  margin-bottom: 16px;
}

.ty-hero p {
  font-size: 16.5px;
  color: var(--mute);
  max-width: 480px;
  margin: 0 auto;
}

/* NEXT STEPS */
.next-sec {
  padding: 70px 0 100px;
}

.next-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--line-soft);
  border: 1px solid var(--line-soft);
  border-radius: 16px;
  overflow: hidden;
  max-width: 900px;
  margin: 0 auto;
}

@media(max-width:800px) {
  .next-grid {
    grid-template-columns: 1fr;
  }
}

.page-id-328 .next-item {
  background: var(--navy-2);
  padding: 28px 26px;
  border-radius: 0px !important;
}

.page-id-328 .next-num {
  font-family: 'JetBrains Mono';
  font-size: 12px;
  color: var(--lime);
  margin-bottom: 14px;
}

.page-id-328 .next-item h3 {
  font-size: 16px;
  margin-bottom: 8px;
}

.page-id-328 .next-item p {
  font-size: 13.5px;
  color: var(--mute);
}

/* WHILE YOU WAIT */
.wait-sec {
  padding: 90px 0;
}

.wait-sec .s-head {
  max-width: 600px;
  margin: 0 auto 44px;
  text-align: center;
}

.wait-sec .s-head h2 {
  font-size: clamp(26px, 3.2vw, 38px);
  line-height: 1.1;
}
form[data-name="Subscription form"]{
  padding-top:24px;
}

form[data-name="Subscription form"] input[type="email"]{
   background: var(--ink);
    border: 1px solid var(--line-soft);
    border-radius: 10px;
    padding: 18px 24px;
    color: #EAEEF3;
    font-family: 'Inter';
    font-size: 15px;
    transition: border-color .2s;
    margin-right: 20px;
    min-width: 400px;

}
form[data-name="Subscription form"] input[type="email"]::placeholder{
  color:var(--mute);
}

form[data-name="Subscription form"] input[type="submit"]{
    background: var(--lime);
    border-radius: 10px;
     padding: 18px 24px;
    color: #000;
    display: inline-flex;
    align-items: center;
    font-family: 'Space Grotesk';
    font-weight: 600;
    font-size: 14.5px;
    cursor: pointer;
    transition: transform .2s, box-shadow .2s;
    border: 0;
}

form[data-name="Subscription form"] input[type="submit"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px -8px rgba(233, 252, 88, .5);
}


.wait-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  max-width: 960px;
  margin: 0 auto;
}

@media(max-width:800px) {
  .wait-grid {
    grid-template-columns: 1fr;
  }
}

.wait-grid .wait-card {
  background: #fff;
  border: 1px solid var(--line-dk);
  border-radius: 14px;
  padding: 26px;
  text-align: left;
}

.wait-grid .wait-card .lbl {
  font-family: 'JetBrains Mono';
  font-size: 10.5px;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #6E7A14;
  margin-bottom: 10px;
}

.wait-grid .wait-card h3 {
  font-size: 16px;
  margin-bottom: 8px !important;
  color: #11161D;
}

.wait-grid .wait-card p {
  font-size: 13.5px;
  color: var(--ink-mute);
  margin-bottom: 14px;
}

.wait-grid .wait-card a {
  font-family: 'JetBrains Mono';
  font-size: 12px;
  color: #6E7A14;
  border-bottom: 1px solid #6E7A14;
  padding-bottom: 2px;
}



/* ---------------------Thank you page End -----------------*/

a.case.reveal.hide.in {
  display: flex !important;
  flex-direction: column;
  justify-content: flex-end;
}


.single-post h4 {
  margin-bottom: 20px;
}


/* ------------------start cities we serve--------------------- */
.page-head{position:relative;overflow:hidden;padding:72px 0 0}
.page-head .in{position:relative;z-index:1;padding-bottom:56px}
.page-head h1{font-size:clamp(34px,4.4vw,54px);font-weight:700;max-width:16ch}
.page-head h1 .out{color:var(--lime)}
.page-head p{font-size:17px;color:var(--mute);max-width:56ch;margin-top:20px}

.city-index{position:relative;z-index:1;display:flex;flex-wrap:nowrap;border-top:1px solid var(--line-soft);overflow-x: auto;}
.city-index a{text-wrap:nowrap;flex:1;min-width:130px;padding:18px 6px;text-align:center;font-family:'JetBrains Mono';font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);border-right:1px solid var(--line-soft);transition:color .2s}
.city-index a:last-child{border-right:0}
.city-index a:hover{color:var(--lime)}
.city-index::-webkit-scrollbar {
    height: 5px; /* Change this value */
}

/* FULL-DEPTH CITY BLOCK */
.city-block{padding:96px 0;scroll-margin-top:90px}
.city-head{display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:start;margin-bottom:48px}
.city-tag{font-family:'JetBrains Mono';font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#6E7A14;margin-bottom:14px}
.city-head h2{font-size:clamp(30px,4vw,44px);margin-bottom:16px;color:#11161D}
.city-head p{color:var(--ink-mute);font-size:16px;max-width:52ch}
.city-stats{background:var(--navy);border-radius:var(--r);color:#EAEEF3;padding:26px}
.city-stats .stat-row{display:flex;justify-content:space-between;font-size:14px;padding:13px 0;border-bottom:1px solid var(--line-soft)}
.city-stats .stat-row:last-child{border:none;padding-bottom:0}
.city-stats .stat-row:first-child{padding-top:0}
.city-stats .stat-label{color:var(--mute)}
.city-stats .stat-val{font-family:'JetBrains Mono';color:var(--lime);font-size:13px;text-align:right}

.city-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.city-col h3{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#6E7A14;margin-bottom:14px;font-family:'Space Grotesk'}
.city-col ul{list-style:none}
.city-col li{font-size:14.5px;color:var(--ink-mute);padding:9px 0;border-bottom:1px solid var(--line-dk)}
.city-col li:last-child{border:none}

.city-cta{margin-top:40px;display:flex;gap:14px;flex-wrap:wrap}

.city-cta .btn-ghost{border-color: var(--line-dk);
    color: #11161D;}
.city-cta .btn-ghost:hover{border-color: var(--line-dk);
    color: #11161D;}
/* MEDIUM-DEPTH GTA */
.medium-cities{padding:96px 0}
.medium-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px}
.medium-card{border:1px solid var(--line-soft);border-radius:var(--r);padding:34px;transition:border-color .25s,background .25s}
.medium-card:hover{border-color:var(--line);background:var(--navy-2)}
.sec-dark .medium-card h3{font-size:23px;margin-bottom:12px !important}
.medium-card p{color:var(--mute);font-size:15px;margin-bottom:22px}
.medium-card .tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.medium-card .tag{font-family:'JetBrains Mono';font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:6px 12px;border:1px solid var(--line-soft);border-radius:30px;color:var(--mute)}
.medium-card a.link{font-family:'JetBrains Mono';font-size:12.5px;color:var(--lime);text-transform:uppercase;letter-spacing:.06em}

/* LIGHT TIER — GTA sub-cities */
.subcity-band{padding:96px 0}
.subcity-head{max-width:640px;margin-bottom:48px}
.subcity-head h2{font-size:clamp(28px,3.6vw,38px);margin-bottom:14px;color:#11161D}
.subcity-head p{color:var(--ink-mute);font-size:16px}
.subcity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.subcity{border:1px solid var(--line-dk);border-radius:12px;padding:24px;transition:border-color .2s,background .2s}
.subcity:hover{border-color:#5A6A00;background:rgba(233,252,88,.5)}
.subcity .ic{font-family:'JetBrains Mono';font-size:11px;color:#6E7A14;margin-bottom:12px;text-transform:uppercase;letter-spacing:.06em}
.subcity h3{font-size:18px;font-weight:600;color:#11161D}
.subcity p{color:var(--ink-mute);font-size:13.5px;margin-top:6px}

/* NATIONAL CROSS-LINK */
.national-band{padding:88px 0;text-align:center}
.national-band .in{max-width:620px;margin:0 auto}
.national-band h2{font-size:clamp(26px,3.4vw,36px);margin-bottom:14px;color:#11161D}
.national-band p{color:var(--ink-mute);margin-bottom:28px}

@media(max-width:900px){
  
  .city-head{grid-template-columns:1fr;gap:32px}
  .city-grid{grid-template-columns:1fr;gap:28px}
  .medium-grid{grid-template-columns:1fr}
  /* .subcity-grid{grid-template-columns:1fr 1fr} */
  
}
@media(max-width:640px){
 
  .page-head{padding-top:52px}
  .city-block,.medium-cities,.subcity-band{padding:60px 0}
  .city-index a{min-width:50%}
  .subcity-grid{grid-template-columns:1fr}
 
}
:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:4px}
/* ------------------End cities we serve--------------------- */



/* -----------faq start --------------------------- */
.search-row{margin-top:34px;max-width:480px;position:relative}
.search-row input{width:100%;background:var(--navy-2);border:1px solid var(--line-soft);border-radius:10px;padding:14px 16px 14px 44px;color:#EAEEF3;font-family:'Inter';font-size:15px;transition:border-color .2s}
.search-row input::placeholder{color:var(--mute-2)}
.search-row input:focus{outline:none;border-color:var(--lime)}
.search-row svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);stroke:var(--mute-2)}

.cat-strip{background:#0c1117;border-top:1px solid var(--line);    position: sticky !important;
    top: 65px;
    }
.cat-nav{
  display:flex;
  flex-wrap:nowrap;
  gap:10px;
  padding:24px 0;
  overflow-x: auto;
  /* scrollbar-height: thin; */
}
.cat-nav::-webkit-scrollbar {
    height: 5px; /* Change this value */
}
.cat-chip{font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;padding:10px 18px;border:1px solid var(--line-dk);border-radius:30px;color:var(--ink-mute);cursor:pointer;background:#fff;transition:all .2s;white-space:nowrap}
.cat-chip:hover{border-color:#5A6A00;color:#11161D}
.cat-chip.active{border-color:#5A6A00;color:#11161D;background:var(--lime);font-weight:600}

.faq-group{margin-bottom:60px;scroll-margin-top:100px}
.faq-group:last-child{margin-bottom:0}
.group-head{display:flex;align-items:baseline;gap:16px;margin-bottom:8px}
.group-num{font-family:'JetBrains Mono';font-size:13px;color:#6E7A14}
.group-head h2{font-size:26px;font-weight:600;color:#11161D}

.faq-page-section{max-width:100%;margin-top:20px}
.fa{border-bottom:1px solid var(--line-dk)}
.fa-q-page{width:100%;text-align:left;background:none;border:0;color:#11161D;font-family:'Space Grotesk';font-weight:500;font-size:18px;padding:22px 0;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center}
.fa-q-page .pm{color:#6E7A14;font-size:24px;transition:transform .3s;flex-shrink:0}
.fa.open .pm{transform:rotate(45deg)}
.fa-a-page{max-height:0;overflow:hidden;transition:max-height .35s;color:var(--ink-mute);font-size:15.5px}
.fa.open .fa-a-page{max-height:260px}.fa-a-page p{padding-bottom:24px;max-width:70ch}

.no-results{display:none;padding:30px 0;color:var(--ink-mute);font-size:15px}

.fa.overflow{display:none}
.faq-group.expanded .fa.overflow{display:block}
.show-more{margin-top:20px;font-family:'JetBrains Mono',monospace;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:#6E7A14;background:none;border:1px solid var(--line-dk);border-radius:30px;padding:11px 20px;cursor:pointer;transition:all .2s}
.show-more:hover{border-color:#5A6A00;background:rgba(233,252,88,.5)}
.faq-group.expanded .show-more{display:none}



/* --------------------faq end--------------------------------- */


/* ------------------------------serving-canada-us start----------------------------------- */

.hero-top{position:relative;z-index:1;text-align:center;padding-bottom:52px}
.hero-top .eyebrow-row{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:22px}
.hero-top .eyebrow-row .dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}
header .hero-top h1{font-size:clamp(34px,4.8vw,58px);font-weight:700;max-width:20ch;margin:0 auto}
header .hero-top h1 .out{color:var(--lime)}

.svc-row{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:28px;padding:26px 0;border-top:1px solid var(--line-dk);transition:padding-left .3s}
.svc-row:last-child{border-bottom:1px solid var(--line-dk)}
.svc-row:hover{padding-left:14px}
.svc-row .num{font-family:'JetBrains Mono';color:#9AA250;font-size:13.5px}
.svc-row h3{font-size:clamp(18px,2.2vw,24px);font-weight:500;transition:color .25s;color:#11161D}
.svc-row:hover h3{color:#5A6A00}
.svc-row p{color:var(--ink-mute);font-size:14.5px;margin-top:5px;max-width:58ch}
.svc-row .go{font-size:20px;color:#A6B0BB;transition:color .25s,transform .25s}
.svc-row:hover .go{color:#5A6A00;transform:translate(4px,-4px)}

.lead-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.lead h2{font-size:clamp(28px,3.6vw,44px);font-weight:700}
.lead .lead-sub{color:var(--mute);font-size:16px;margin-top:16px;max-width:42ch}
.lead .alt{margin-top:26px;display:flex;flex-direction:column;gap:12px}
.lead .alt a{display:inline-flex;align-items:center;gap:10px;font-family:'Space Grotesk';font-weight:600;font-size:15.5px;color:#EAEEF3}
.lead .alt a:hover{color:var(--lime)}
.lead .alt svg{stroke:var(--lime)}
.form{background:var(--navy-2);border:1px solid var(--line-soft);border-radius:18px;padding:30px}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form label{display:block;font-size:12px;color:var(--mute);margin:13px 0 6px;font-family:'JetBrains Mono';letter-spacing:.05em}
.form input,.form textarea{width:100%;background:var(--ink);border:1px solid var(--line-soft);border-radius:10px;padding:12px 14px;color:#EAEEF3;font-family:'Inter';font-size:14.5px;transition:border-color .2s}
.form input:focus,.form textarea:focus{outline:none;border-color:var(--lime)}
.form textarea{resize:vertical;min-height:80px}
.form .btn-lime{width:100%;justify-content:center;margin-top:18px}
.form .fine{font-size:11.5px;color:var(--mute-2);text-align:center;margin-top:12px}
.hero-top p{font-size:17px;color:var(--mute);max-width:56ch;margin:20px auto 0}

.flag-split{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line-soft)}
.flag-col{padding:44px 40px;position:relative}
.flag-col:first-child{border-right:1px solid var(--line-soft)}
.flag-col .fl{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.flag-col .fl svg{border-radius:3px;flex-shrink:0}
.flag-col .fl span{font-family:'Space Grotesk';font-weight:700;font-size:22px}
.flag-col p{color:var(--mute);font-size:14.5px;max-width:38ch}
.flag-col .fstats{display:flex;gap:28px;margin-top:20px}
.flag-col .fstat .n{font-family:'JetBrains Mono';color:var(--lime);font-size:15px}
.flag-col .fstat .l{font-size:11.5px;color:var(--mute-2);text-transform:uppercase;letter-spacing:.06em;margin-top:3px}

/* HOW REMOTE WORKS */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-dk);border:1px solid var(--line-dk);border-radius:var(--r);overflow:hidden}
.step{background:var(--paper);padding:30px 26px}
.step-num{font-family:'JetBrains Mono';font-size:13px;color:#6E7A14;margin-bottom:14px}
.step h3{font-size:16.5px;font-weight:600;margin-bottom:8px;color:#11161D}
.step p{font-size:13.5px;color:var(--ink-mute)}

/* WHY REMOTE-FIRST — reuses .ind pattern */
.page-id-827 .ind-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}

/* REACH — border cities */
.reach-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.reach-copy h2{font-size:clamp(26px,3.4vw,36px);margin-bottom:16px;color:#11161D}
.reach-copy p{color:var(--ink-mute);margin-bottom:14px;max-width:48ch}
.region-list{display:flex;flex-direction:column;border-top:1px solid var(--line-dk)}
.region-row{display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-bottom:1px solid var(--line-dk);font-size:14.5px}
.region-row .region-name{font-weight:500;color:#11161D}
.region-row .region-note{color:var(--ink-mute);font-family:'JetBrains Mono';font-size:11.5px;text-transform:uppercase;letter-spacing:.05em}

.border-note{margin-top:28px;padding:20px 22px;background:rgba(233,252,88,.5);border-radius:10px;border:1px solid rgba(110,122,20,.2)}
.border-note p{font-size:13.5px;color:#3E4700;max-width:none;margin:0}




/* ------------------------------serving-canada-us end----------------------------------- */