:root {
  --charcoal: #252A2D;
  --deep: #171B1D;
  --green: #5D8F12;
  --green-dark: #456C0C;
  --green-soft: #EBF1E1;
  --paper: #FBFAF7;
  --cream: #F3F0E8;
  --white: #FFFFFF;
  --ink: #252A2D;
  --muted: #6D7478;
  --line: #D9DEDC;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: "Inter", Arial, sans-serif;
  color: var(--ink);
  background: var(--paper);
  line-height: 1.6;
}
body.admin-bar .site-header { top: 32px; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }

.container {
  width: min(1180px, calc(100% - 42px));
  margin: 0 auto;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(255,255,255,.97);
  border-bottom: 1px solid rgba(37,42,45,.08);
  backdrop-filter: blur(10px);
}

.nav-wrap {
  min-height: 90px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

.brand img,
.custom-logo {
  width: 245px;
  max-width: 245px;
  max-height: 72px;
  object-fit: contain;
}

.main-nav {
  display: flex;
  align-items: center;
  gap: 28px;
  font-size: .91rem;
  font-weight: 700;
}
.main-nav .menu {
  display: flex;
  align-items: center;
  gap: 28px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-nav a:hover { color: var(--green); }

.main-nav .menu-item:last-child > a,
.nav-cta {
  display: inline-flex;
  padding: 11px 17px;
  border-radius: 3px;
  color: white !important;
  background: var(--green);
}
.main-nav .menu-item:last-child > a:hover,
.nav-cta:hover { background: var(--green-dark); }

.menu-toggle {
  display: none;
  border: 0;
  background: transparent;
  font-size: 1.6rem;
  cursor: pointer;
}

.hero {
  position: relative;
  overflow: hidden;
  min-height: 710px;
  display: flex;
  align-items: center;
  background: linear-gradient(115deg, #F5F3EC 0%, #FBFAF7 52%, #EDF2E5 100%);
}

.hero-grid {
  position: absolute;
  inset: 0;
  opacity: .08;
  background-image:
    linear-gradient(rgba(37,42,45,.4) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37,42,45,.4) 1px, transparent 1px);
  background-size: 54px 54px;
  mask-image: linear-gradient(to right, black, transparent 76%);
}

.hero-slash {
  position: absolute;
  width: 46%;
  height: 135%;
  right: -11%;
  top: -17%;
  transform: skewX(-10deg);
  background: var(--charcoal);
}

.hero-content {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 68px;
  align-items: center;
}

.eyebrow {
  margin: 0 0 12px;
  color: var(--green);
  font-size: .77rem;
  font-weight: 800;
  letter-spacing: .18em;
}
.eyebrow.light { color: #C0D49E; }

h1,h2,h3 {
  margin-top: 0;
  font-family: "Barlow Condensed", sans-serif;
  line-height: .98;
}
h1 {
  margin-bottom: 25px;
  font-size: clamp(4.3rem, 7vw, 7.3rem);
  text-transform: uppercase;
  letter-spacing: -.035em;
}
h1 span { color: var(--green); font-style: italic; }

h2 {
  margin-bottom: 22px;
  font-size: clamp(2.8rem, 5vw, 4.6rem);
  text-transform: uppercase;
  letter-spacing: -.025em;
}
h3 { margin-bottom: 13px; font-size: 1.95rem; }

.hero-lead {
  max-width: 700px;
  margin-bottom: 32px;
  color: #525B5F;
  font-size: 1.16rem;
}

.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }

.btn {
  display: inline-flex;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  border: 0;
  border-radius: 3px;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
  transition: .2s ease;
}
.btn:hover { transform: translateY(-2px); }
.btn-green { color: white; background: var(--green); }
.btn-green:hover { background: var(--green-dark); }
.btn-outline { border: 1px solid #90989B; background: transparent; }
.btn-charcoal { color: white; background: var(--charcoal); }

.hero-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  margin-top: 35px;
  color: #60696C;
  font-size: .88rem;
  font-weight: 700;
}
.hero-proof span::before { content: "•"; margin-right: 8px; color: var(--green); }

.hero-brand-card {
  overflow: hidden;
  background: white;
  border-top: 5px solid var(--green);
  box-shadow: 0 28px 75px rgba(0,0,0,.25);
}
.hero-brand-card > img { width: 100%; background: white; }
.brand-card-bottom {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 20px 24px 22px;
  border-top: 1px solid var(--line);
}
.brand-card-bottom strong {
  color: var(--charcoal);
  font-size: .78rem;
  letter-spacing: .15em;
}
.brand-card-bottom i {
  display: inline-block;
  width: 3px;
  height: 12px;
  margin: 0 8px -1px;
  background: var(--green);
}
.brand-card-bottom span { color: var(--muted); font-size: .83rem; }

.need-strip { background: var(--green); color: white; }
.need-strip-inner {
  min-height: 94px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
.need-strip-inner div { display: flex; flex-direction: column; }
.need-strip-inner strong {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 1.6rem;
  text-transform: uppercase;
}
.need-strip-inner span { color: #EDF4E5; font-size: .9rem; }

.section { padding: 112px 0; }
.section-heading { max-width: 800px; margin-bottom: 48px; }
.section-heading.centered { margin-left: auto; margin-right: auto; text-align: center; }
.section-heading p:last-child,
.about p { color: var(--muted); font-size: 1.05rem; }

.cards.three {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 20px;
}
.service-card {
  min-height: 300px;
  padding: 34px;
  background: white;
  border: 1px solid var(--line);
  border-bottom: 5px solid var(--charcoal);
  transition: .2s ease;
}
.service-card:hover { transform: translateY(-4px); border-bottom-color: var(--green); }
.number {
  margin-bottom: 35px;
  color: var(--green);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 2rem;
  font-weight: 800;
}
.service-card p { color: var(--muted); }

.dark-section { background: var(--charcoal); color: white; }
.split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: start;
}
.large-copy { color: #D5DBDD; font-size: 1.08rem; }

.check-list { list-style: none; padding: 0; margin: 32px 0 0; }
.check-list li {
  position: relative;
  padding: 12px 0 12px 34px;
  border-bottom: 1px solid rgba(255,255,255,.11);
}
.check-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--green);
  font-weight: 900;
}

.dark-card {
  position: relative;
  overflow: hidden;
  padding: 44px;
  background: #1B2022;
  border-left: 5px solid var(--green);
}
.dark-card p { color: #C9D0D2; }
.ta-watermark {
  position: absolute;
  right: -15px;
  top: -43px;
  color: rgba(93,143,18,.13);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 11rem;
  font-style: italic;
  font-weight: 800;
}

.solutions { background: #F5F7F2; }
.category-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 12px;
}
.category-grid span {
  min-height: 90px;
  display: grid;
  place-items: center;
  background: white;
  border: 1px solid var(--line);
  color: #50585C;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 800;
  letter-spacing: .07em;
}
.supplier-note {
  display: grid;
  gap: 3px;
  margin-top: 24px;
  padding: 18px 22px;
  background: var(--green-soft);
  border-left: 4px solid var(--green);
}
.supplier-note span { color: var(--muted); font-size: .86rem; }

.about { background: var(--cream); }
.quote-card { padding: 46px; background: var(--charcoal); color: white; }
.green-rule { width: 78px; height: 6px; margin-bottom: 26px; background: var(--green); }
blockquote {
  margin: 0;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 2.15rem;
  line-height: 1.15;
}
.quote-card strong, .quote-card span { display: block; }
.quote-card strong {
  margin-top: 25px;
  color: var(--green);
  font-family: "Barlow Condensed", sans-serif;
  letter-spacing: .08em;
}
.quote-card span {
  color: #AEB7BA;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .16em;
}

.contact-section { padding: 112px 0; background: var(--deep); color: white; }
.contact-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 80px; }
.contact-section > .container > div > p:not(.eyebrow) { color: #C7CED0; }
.contact-detail { display: grid; gap: 3px; margin-top: 22px; }
.contact-detail small {
  color: #8D999D;
  font-size: .71rem;
  font-weight: 800;
  letter-spacing: .15em;
}
.contact-form {
  padding: 34px;
  color: var(--ink);
  background: white;
  border-top: 5px solid var(--green);
}
.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
label {
  display: grid;
  gap: 7px;
  margin-bottom: 16px;
  font-size: .88rem;
  font-weight: 700;
}
input, textarea {
  width: 100%;
  padding: 13px 14px;
  border: 1px solid #CCD2D0;
  border-radius: 3px;
  background: #FBFCFA;
  font: inherit;
}
input:focus, textarea:focus {
  outline: 2px solid rgba(93,143,18,.18);
  border-color: var(--green);
}
.field-note, .form-note {
  color: #7A8386;
  font-size: .75rem;
  font-weight: 500;
}
.full { width: 100%; }

.form-status {
  margin: 0 0 18px;
  padding: 12px 14px;
  border-radius: 3px;
  font-size: .88rem;
  font-weight: 700;
}
.form-status.success { color: #274008; background: #EAF4DC; border: 1px solid #BFD795; }
.form-status.error { color: #6A1818; background: #FCE8E8; border: 1px solid #E7B2B2; }
.hp-field {
  position: absolute !important;
  left: -9999px !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
}

.mobile-cta { display: none; }

footer { padding: 32px 0; background: #0D1011; color: #A8B1B4; }
.footer-inner { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.footer-inner img { width: 260px; max-width: 100%; height: auto; background: transparent; }
.footer-inner > div { display: flex; flex-direction: column; align-items: flex-end; }
.footer-inner strong {
  color: white;
  font-family: "Barlow Condensed", sans-serif;
  font-style: italic;
  letter-spacing: .03em;
}
.footer-inner strong span { color: var(--green); }
.footer-inner small { margin-top: 4px; }

.content-page { padding: 80px 0; min-height: 55vh; }
.content-page .entry-title {
  font-size: clamp(2.5rem, 5vw, 4rem);
  text-transform: uppercase;
}
.content-page .entry-content { max-width: 850px; }
.content-page .entry-content a { color: var(--green); text-decoration: underline; }

@media (max-width: 960px) {
  body.admin-bar .site-header { top: 46px; }
  .main-nav {
    display: none;
    position: absolute;
    top: 90px;
    left: 0;
    right: 0;
    padding: 20px;
    background: white;
    border-bottom: 1px solid var(--line);
    flex-direction: column;
    align-items: stretch;
  }
  .main-nav.open { display: flex; }
  .main-nav .menu { flex-direction: column; align-items: stretch; }
  .menu-toggle { display: block; }
  .hero { min-height: auto; padding: 85px 0; }
  .hero-slash { opacity: .08; right: -20%; width: 60%; }
  .hero-content, .split, .contact-grid { grid-template-columns: 1fr; gap: 44px; }
  .cards.three { grid-template-columns: 1fr; }
  .category-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 620px) {
  body { padding-bottom: 58px; }
  .container { width: min(100% - 28px, 1180px); }
  .nav-wrap { min-height: 76px; }
  .brand img, .custom-logo { width: 195px; max-width: 195px; max-height: 60px; }
  .main-nav { top: 76px; }
  h1 { font-size: 3.55rem; }
  h2 { font-size: 2.7rem; }
  .hero, .section, .contact-section { padding-top: 76px; padding-bottom: 76px; }
  .hero-brand-card { max-width: 100%; }
  .need-strip-inner { padding: 20px 0; flex-direction: column; align-items: flex-start; }
  .field-row { grid-template-columns: 1fr; gap: 0; }
  .category-grid { grid-template-columns: 1fr 1fr; }
  .footer-inner { flex-direction: column; align-items: flex-start; }
  .footer-inner > div { align-items: flex-start; }
  .mobile-cta {
    display: flex;
    position: fixed;
    z-index: 200;
    left: 0;
    right: 0;
    bottom: 0;
    height: 58px;
    align-items: center;
    justify-content: center;
    color: white;
    background: var(--green);
    font-weight: 800;
    box-shadow: 0 -5px 18px rgba(0,0,0,.2);
  }
}

/* TOTAL AG — IRON EDITION: separate visual concept, does not modify the classic theme. */
:root {--charcoal:#181c1d;--deep:#0c0f10;--green:#70ad13;--green-dark:#4b8008;--green-soft:#e7efdb;--paper:#f1f2ee;--cream:#e7e9e3;--ink:#1b2021;--muted:#626b6b;}
body {background:#eceee9;}
.site-header {background:#101415;border-bottom:3px solid #70ad13;box-shadow:0 7px 30px #0005;}
.brand img,.custom-logo {max-height:74px;filter:drop-shadow(0 2px 2px #0005)}
.main-nav,.main-nav a {color:#f4f5f2;}
.main-nav a:hover {color:#91d832;}
.main-nav .menu-item:last-child>a,.nav-cta {background:#70ad13;color:#101415!important;font-weight:900;}
.hero {min-height:740px;color:#fff;background:radial-gradient(ellipse at 70% 30%,#29332a 0%,transparent 46%),linear-gradient(115deg,#0c1011 0%,#1a2021 56%,#0a0d0d 100%);}
.hero:before {content:"";position:absolute;inset:0;opacity:.2;background:repeating-linear-gradient(115deg,transparent 0 48px,#85be36 49px 50px,transparent 51px 110px);mask-image:linear-gradient(90deg,transparent 25%,#000 100%);pointer-events:none;}
.hero-grid {opacity:.10;}
.hero-slash {background:linear-gradient(160deg,#77b71a,#375d08);opacity:.18;transform:skewX(-17deg);}
.hero-copy {position:relative;z-index:2;}
.hero .eyebrow {color:#a7d46b;letter-spacing:.22em;font-weight:900;}
.hero h1 {font-family:Impact,"Arial Narrow",sans-serif;font-weight:900;font-style:italic;letter-spacing:.015em;line-height:1.03;text-transform:uppercase;font-size:clamp(3.4rem,6.4vw,6.7rem);color:#f8f8f6;text-shadow:4px 5px 0 #0005;}
.hero h1 span {color:#82c520;}
.iron-slogan {font-size:clamp(1rem,1.5vw,1.4rem);font-weight:900;font-style:italic;letter-spacing:.06em;color:#f5f5f3;margin:12px 0 18px;}
.iron-slogan em {color:#8bd025;font-style:inherit;}
.hero-lead {color:#d0d7d1;}
.hero-proof {color:#dce4d9;}
.hero-proof span:before {color:#8bd025;}
.btn {font-weight:900;text-transform:uppercase;letter-spacing:.03em;border-radius:2px;}
.btn-green {background:#77b719;color:#111!important;}
.btn-outline {border-color:#a9b8a8;color:#fff;}
.iron-feature {background:#101515!important;border:1px solid #577e20;box-shadow:14px 14px 0 #76ad1b33,0 28px 70px #0009;transform:rotate(-1deg);}
.iron-feature>img {padding:18px;background:transparent!important;}
.iron-feature-label {font-size:.7rem;font-weight:900;letter-spacing:.17em;color:#91ca42;padding:18px 20px 0;text-align:center;}
.iron-feature .brand-card-bottom {background:#111819;color:#f3f6f0;border-top:1px solid #334d26;}
.iron-feature .brand-card-bottom span {color:#a9bbac;}
.need-strip {background:#77b719;color:#0e150c;}
.section-heading h2,.service-card h3 {text-transform:uppercase;letter-spacing:-.015em;}
.section-heading h2 {font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(2.5rem,4.5vw,4.5rem);font-style:italic;letter-spacing:.005em;}
.service-card {border-top:5px solid #70ad13;box-shadow:0 12px 35px #101b1312;}
.service-card .number {color:#70ad13;font-family:Impact,sans-serif;font-size:2.2rem;}
.site-footer {background:#0d1112;}
@media(max-width:800px){.site-header .main-nav {background:#111819;}.hero{min-height:unset;padding:60px 0}.hero h1{font-size:clamp(3rem,11vw,5rem)}.iron-feature{transform:none}.main-nav a{color:#fff}.brand img,.custom-logo{max-width:205px}}

/* Iron Edition v2.1: legible simplified wordmark */
.site-header .brand img {width:245px;max-width:100%;max-height:75px;object-fit:contain;filter:drop-shadow(0 2px 3px #0007)}
.iron-feature>img {display:block;width:100%;height:auto;max-height:190px;object-fit:contain;box-sizing:border-box;padding:22px 20px 16px;background:transparent!important;}
.iron-feature .brand-card-bottom {padding-top:15px;}
@media(max-width:800px){.site-header .brand img{width:210px;max-height:66px}.iron-feature>img{padding:18px 14px;max-height:145px}}

/* Iron Edition v2.2: dedicated About page */
.ta-about-page {background:#f4f5f1;color:#1a2220;}
.ta-about-page h1,.ta-about-page h2,.ta-about-page h3 {font-family:Impact,'Arial Narrow','Barlow Condensed',sans-serif;text-transform:uppercase;line-height:1.05;letter-spacing:.012em;margin:0;}
.ta-about-kicker {color:#83c32c;font-size:.78rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase;margin:0 0 18px;}
.ta-about-hero {position:relative;overflow:hidden;padding:110px 0 105px;background:radial-gradient(ellipse at 85% 10%,#293c24 0%,transparent 47%),repeating-linear-gradient(115deg,transparent 0 90px,#ffffff05 91px 92px,transparent 93px 155px),#111819;color:#fff;border-bottom:7px solid #79b91b;}
.ta-about-hero h1 {font-size:clamp(3.3rem,7vw,7.2rem);max-width:1080px;text-shadow:3px 4px 0 #0005;}
.ta-about-hero h1 span,.ta-about-local h2 span,.ta-about-cta h2 span {color:#88c831;}
.ta-about-descriptor {font-weight:900;letter-spacing:.16em;font-size:clamp(.9rem,1.7vw,1.2rem);margin:29px 0 18px;}
.ta-about-descriptor b {color:#88c831;padding:0 12px;}
.ta-about-intro {color:#d3ddd0;max-width:660px;font-size:1.15rem;line-height:1.7;}
.ta-about-overview,.ta-about-local {padding:94px 0;}
.ta-about-split {display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;align-items:start;}
.ta-about-page h2 {font-size:clamp(2.7rem,4.6vw,4.7rem);}
.ta-about-copy p {font-size:1.075rem;line-height:1.85;color:#47524b;margin:0 0 20px;}
.ta-about-offerings {background:#1b2322;color:#fff;padding:96px 0 104px;}
.ta-about-section-lead {color:#c7d0c5;font-size:1.08rem;margin:20px 0 36px;}
.ta-about-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.ta-about-tile {background:#26302c;border-top:5px solid #80bf21;padding:32px 30px 36px;min-height:245px;}
.ta-about-num {color:#95d54c;font-size:.77rem;font-weight:900;letter-spacing:.17em;}
.ta-about-tile h3 {font-size:clamp(1.65rem,2.5vw,2.4rem);margin:20px 0 14px;}
.ta-about-tile p {color:#d0d9cf;line-height:1.75;margin:0;}
.ta-about-local {background:#e9ede6;}
.ta-about-cta {padding:100px 0 110px;background:#101716;color:#fff;text-align:center;}
.ta-about-cta h2 {font-size:clamp(3.4rem,7vw,7rem);}
.ta-about-cta p:not(.ta-about-kicker) {color:#d2dbd1;font-size:1.15rem;margin:25px auto 32px;}
.ta-about-button {display:inline-flex;align-items:center;gap:25px;background:#80bf21;color:#111819!important;font-weight:900;text-decoration:none;padding:17px 27px;letter-spacing:.07em;}
.ta-about-button:hover,.ta-about-button:focus-visible {background:#a4db57;color:#111819!important;}
@media(max-width:760px){.ta-about-hero{padding:75px 0}.ta-about-overview,.ta-about-local,.ta-about-offerings,.ta-about-cta{padding:70px 0}.ta-about-split,.ta-about-grid{grid-template-columns:1fr;gap:24px}.ta-about-tile{min-height:0}.ta-about-descriptor b{padding:0 4px}.ta-about-copy p{font-size:1rem}}

/* Iron Edition 2.3: strengthened About page presentation */
body .ta-about-page{background:#f1f2ed;color:#17201e;overflow:hidden}
body .ta-about-page .ta-about-hero{padding:clamp(85px,10vw,145px) 0;background:linear-gradient(110deg,#0b1212 0%,#14221b 63%,#2e4a1b 100%);border-bottom:6px solid #88c82b;position:relative}
body .ta-about-hero:after{content:"";position:absolute;right:-12%;top:-25%;height:160%;width:42%;transform:skew(-20deg);background:repeating-linear-gradient(90deg,transparent 0 90px,#91c94415 91px 93px,transparent 94px 140px);pointer-events:none}
body .ta-about-hero .container{position:relative;z-index:1}
body .ta-about-page .ta-about-hero h1{font-family:"Barlow Condensed",Impact,sans-serif;font-style:italic;font-weight:800;color:#fff;font-size:clamp(3.8rem,8vw,8rem);line-height:.91;letter-spacing:-.025em;max-width:1050px;margin:0 0 36px}
body .ta-about-page .ta-about-hero h1 span,body .ta-about-page .ta-about-cta h2 span{color:#91d12c}
body .ta-about-page .ta-about-descriptor{color:#fff;letter-spacing:.17em}
body .ta-about-page .ta-about-intro{color:#dce7d7;font-size:clamp(1.08rem,1.7vw,1.3rem)}
body .ta-about-page .ta-about-overview{background:#f1f2ed;padding:clamp(75px,9vw,120px) 0}
body .ta-about-page .ta-about-local{background:#e6ebe2;padding:clamp(75px,9vw,115px) 0}
body .ta-about-page .ta-about-split{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(30px,7vw,95px)}
body .ta-about-page h2{font-family:"Barlow Condensed",Impact,sans-serif;font-weight:800;font-size:clamp(3rem,5vw,5rem);line-height:.99}
body .ta-about-page .ta-about-overview h2,body .ta-about-page .ta-about-local h2{color:#18211e}
body .ta-about-page .ta-about-kicker{color:#609719;font-weight:800;letter-spacing:.19em}
body .ta-about-page .ta-about-copy{border-left:3px solid #83c322;padding-left:clamp(20px,3vw,36px)}
body .ta-about-page .ta-about-copy p{color:#3d4b42;line-height:1.85}
body .ta-about-page .ta-about-offerings{padding:clamp(75px,9vw,120px) 0;background:linear-gradient(135deg,#1b2521,#101817);color:#fff}
body .ta-about-page .ta-about-offerings h2{color:#fff}
body .ta-about-page .ta-about-offerings .ta-about-kicker{color:#9bd944}
body .ta-about-page .ta-about-section-lead{color:#d2dfd0;margin:20px 0 42px}
body .ta-about-page .ta-about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
body .ta-about-page .ta-about-tile{background:linear-gradient(145deg,#2c3b32,#222d29);border:1px solid #66844b50;border-top:5px solid #8bc92f;min-height:255px;padding:36px;box-shadow:0 15px 32px #0002}
body .ta-about-page .ta-about-tile h3{font-family:"Barlow Condensed",Impact,sans-serif;color:#fff;font-size:clamp(2rem,2.8vw,2.8rem);font-weight:800;line-height:1.05;margin:20px 0}
body .ta-about-page .ta-about-tile p{color:#d9e3d8;line-height:1.75}
body .ta-about-page .ta-about-num{color:#a1e04b}
body .ta-about-page .ta-about-cta{padding:clamp(95px,11vw,145px) 0;background:radial-gradient(ellipse at 50% 100%,#2b4a1d 0%,#101716 67%);border-top:5px solid #83c322;color:#fff}
body .ta-about-page .ta-about-cta h2{font-family:"Barlow Condensed",Impact,sans-serif;color:#fff;font-style:italic;font-size:clamp(3.8rem,8vw,8rem);line-height:.92}
body .ta-about-page .ta-about-cta .ta-about-kicker{color:#9bd943}
@media(max-width:760px){body .ta-about-page .ta-about-split,body .ta-about-page .ta-about-grid{grid-template-columns:1fr;gap:24px}body .ta-about-page .ta-about-tile{min-height:0;padding:28px}body .ta-about-page .ta-about-copy{padding-left:20px}}