:root{--primary:#2f7d69;--primary-dark:#184a3e;--accent:#4fb7a7;--accent-soft:#eaf7f4;--text:#17212b;--muted:#627079;--light:#f7faf9;--white:#fff;--border:#dfe8e5;--shadow:0 18px 42px rgba(24,74,62,.10);--radius:22px;--max-width:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--white);line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(100% - 44px,var(--max-width));margin:0 auto}
header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav {
  min-height: 152px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;flex-shrink:0}.brand-logo {
  display: block;
  height: 123px;
  width: auto;
  max-width: 138px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:24px;color:var(--muted);font-weight:800;font-size:.94rem}.nav-links a:hover{color:var(--primary)}.nav-cta{min-height:42px;padding:9px 17px;border-radius:999px;background:var(--primary);color:#fff!important;display:inline-flex;align-items:center}
.eyebrow{display:inline-block;margin-bottom:14px;color:var(--primary);font-weight:900;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}.btn-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 24px;border-radius:999px;font-weight:900;border:2px solid transparent;transition:.2s ease}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 10px 24px rgba(47,125,105,.22)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--primary-dark);border-color:rgba(24,74,62,.28)}.btn-secondary:hover{border-color:var(--primary-dark);transform:translateY(-1px)}
.hero{background:linear-gradient(135deg,#eef8f4 0%,#d8f0ea 48%,#c5e7df 100%);padding:94px 0 76px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}.hero h1{margin:0;color:var(--primary-dark);font-size:clamp(2.6rem,5.2vw,5rem);line-height:1;letter-spacing:-.055em;max-width:820px}.hero p{margin:22px 0 0;font-size:1.18rem;color:#45545c;max-width:660px}.hero-card{background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.85);border-radius:30px;padding:30px;box-shadow:var(--shadow)}.hero-card h3{margin:0;color:var(--primary-dark);font-size:1.35rem;line-height:1.25}
.metric-list,.mini-list{display:grid;gap:18px;margin-top:26px}.metric,.mini-item{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--border)}.metric:last-child,.mini-item:last-child{border-bottom:0;padding-bottom:0}.metric strong{color:var(--primary-dark);font-size:2rem;line-height:1}.metric span,.mini-item span{color:var(--muted);font-weight:800;text-align:right}.mini-item strong{color:var(--primary-dark)}
section{padding:82px 0}section.alt{background:var(--light)}.section-heading{max-width:760px;margin-bottom:38px}.section-heading.center{text-align:center;margin-left:auto;margin-right:auto}h2{margin:0;color:var(--primary-dark);font-size:clamp(2rem,4vw,3.15rem);line-height:1.12;letter-spacing:-.035em}h3{color:var(--primary-dark);margin:0 0 10px;font-size:1.22rem;line-height:1.25}.section-heading p,.lead{color:var(--muted);font-size:1.06rem;margin:16px 0 0}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:28px;box-shadow:0 8px 24px rgba(24,74,62,.05)}.card p{margin:0;color:var(--muted)}
.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.proof-item{padding:22px;background:#fff;border:1px solid var(--border);border-radius:18px}.proof-item strong{display:block;color:var(--primary-dark);font-size:1rem}.proof-item span{display:block;color:var(--muted);margin-top:6px;font-size:.92rem}.service-card .icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:var(--accent-soft);color:var(--primary-dark);font-weight:900;font-size:.95rem;margin-bottom:18px}
.intro-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:38px;align-items:start}.check-list{display:grid;gap:12px;padding:0;margin:22px 0 0;list-style:none}.check-list li{display:grid;grid-template-columns:22px 1fr;gap:10px;color:var(--muted)}.check-list li:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--accent);margin-top:9px}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.process-step{padding-top:26px;border-top:3px solid var(--accent)}.process-step span{display:block;color:var(--accent);font-weight:900;margin-bottom:10px}.sector-pills,.feature-pills{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:920px;margin:0 auto}.sector-pill,.feature-pill,.credential-pill{display:inline-flex;align-items:center;min-height:42px;padding:10px 16px;border-radius:999px;background:#fff;border:1px solid var(--border);color:var(--primary-dark);font-weight:800}
.logo-scroller-section{padding:40px 0;background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden}.logo-scroller-heading{text-align:center;color:var(--muted);font-weight:800;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:22px}.logo-scroller{position:relative;overflow:hidden;mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent)}.logo-track{display:flex;width:max-content;gap:18px;animation:scrollLogos 36s linear infinite}.logo-track:hover{animation-play-state:paused}.client-logo{flex:0 0 auto;min-width:180px;min-height:76px;display:grid;place-items:center;border:1px solid var(--border);border-radius:16px;background:var(--light);color:var(--primary-dark);font-weight:900;text-align:center;padding:14px 18px;filter:grayscale(1);opacity:.78}.client-logo:hover{filter:grayscale(0);opacity:1}@keyframes scrollLogos{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.deliverables{display:grid;gap:0;overflow:hidden}.deliverable-row{display:grid;grid-template-columns:.55fr 1.45fr;gap:24px;padding:20px 0;border-bottom:1px solid var(--border)}.deliverable-row:last-child{border-bottom:0}.deliverable-row p{margin:0;color:var(--muted)}.about-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;align-items:center}.image-placeholder{min-height:300px;border-radius:var(--radius);background:linear-gradient(135deg,#e9f7f3,#cfece5);display:grid;place-items:center;color:var(--primary-dark);font-weight:900;text-align:center;padding:24px;border:1px solid var(--border)}.caption{margin-top:14px;color:var(--muted);font-size:.96rem}.credential-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.case-study{display:grid;grid-template-columns:.65fr 1.35fr;gap:28px;align-items:start}.case-meta{background:var(--accent-soft);border-radius:var(--radius);padding:24px;color:var(--primary-dark);font-weight:900}.video-box{min-height:220px;border-radius:var(--radius);background:#fff;border:1px dashed #b7cbc5;display:grid;place-items:center;text-align:center;padding:24px;color:var(--muted);font-weight:800}
.cta{background:linear-gradient(135deg,#dff2eb 0%,#95d5c8 100%);color:var(--primary-dark);padding:76px 0}.cta-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center}.cta p{color:#45545c;font-size:1.06rem;margin:16px 0 0}footer{background:var(--primary-dark);color:rgba(255,255,255,.78);padding:34px 0;font-size:.94rem}.footer-inner{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
@media (prefers-reduced-motion:reduce){.logo-track{animation:none;flex-wrap:wrap;justify-content:center}.logo-scroller{mask-image:none}}@media (max-width:980px){.hero-grid,.intro-panel,.about-card,.case-study,.cta-inner{grid-template-columns:1fr}.grid-3,.grid-4,.proof-grid,.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.container{width:min(100% - 28px,var(--max-width))}.nav{align-items:flex-start;flex-direction:column;padding:18px 0}.nav-links{flex-wrap:wrap;gap:14px}.hero{padding:66px 0 56px}section{padding:60px 0}.grid-2,.grid-3,.grid-4,.proof-grid,.process-grid,.deliverable-row{grid-template-columns:1fr}.brand-logo{height:56px;max-width:280px}}

/* Client logo carousel image styling */
.client-logo{min-width:210px;min-height:88px;background:#fff;padding:16px 22px;filter:none;opacity:1}
.client-logo img{display:block;max-width:170px;max-height:58px;width:auto;height:auto;object-fit:contain}
@media (max-width:720px){.client-logo{min-width:180px}.client-logo img{max-width:145px;max-height:52px}}


.headshot-image {
  width: 75%;
  max-width: 390px;
  height: auto;
  max-height: 315px;
  object-fit: cover;
  display: block;
  margin: 0 auto;
  border-radius: var(--radius);
  border: 1px solid var(--border);
  box-shadow: 0 8px 24px rgba(24, 74, 62, 0.05);
}


.nav-links sup {
  font-size: 0.62em;
  line-height: 0;
  vertical-align: super;
}

.note-link{color:var(--primary-dark);font-weight:900;text-decoration:underline;text-underline-offset:3px}
.small-note{margin-top:18px;color:var(--muted);font-size:.92rem}
.retscreen-stats{display:grid;gap:14px;margin-top:24px}
.retscreen-stat {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 18px;
  align-items: baseline;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--border);
}
.retscreen-stat:last-child{border-bottom:0;padding-bottom:0}
.retscreen-stat strong {
  display: block;
  color: var(--primary-dark);
  font-size: 1.55rem;
  line-height: 1.1;
  text-align: left;
  white-space: nowrap;
}
.retscreen-stat span {
  color: var(--muted);
  font-weight: 800;
  text-align: right;
}
.project-example{display:grid;grid-template-columns:.85fr 1.15fr;gap:34px;align-items:start}
.project-facts{background:var(--accent-soft);border-radius:var(--radius);padding:26px}
.project-facts ul {
  width: fit-content;
  max-width: 100%;
  margin: 0 auto 44px;
  padding-left: 20px;
  color: var(--primary-dark);
  font-weight: 900;
  text-align: left;
}
.project-image{width:100%;border-radius:18px;border:1px solid var(--border);display:block;object-fit:cover;box-shadow:0 8px 24px rgba(24,74,62,.05)}
.video-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:0 8px 24px rgba(24,74,62,.05)}
.video-frame{width:100%;aspect-ratio:16/9;border:0;border-radius:16px;display:block;background:var(--light)}
.video-card h3{margin-top:18px}.video-card p{color:var(--muted);margin:0}
.center-note{text-align:center;max-width:760px;margin:28px auto 0;color:var(--muted);font-weight:400}
@media(max-width:980px){.project-example{grid-template-columns:1fr}}


@media (max-width: 720px) {
  .retscreen-stat {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .retscreen-stat span {
    text-align: left;
  }
}


.overview-platform-image {
  width: 100%;
  max-width: 560px;
  height: auto;
  display: block;
  margin-top: 24px;
  border-radius: var(--radius);
  border: 1px solid var(--border);
  box-shadow: 0 8px 24px rgba(24, 74, 62, 0.05);
}




.retscreen-overview-section .intro-panel {
  align-items: center;
}

.retscreen-overview-section .intro-panel > div:last-child {
  text-align: left;
  max-width: 680px;
}

.retscreen-overview-section .lead,
.retscreen-overview-section .check-list li,
.retscreen-overview-section .small-note {
  font-size: 1.06rem;
  line-height: 1.6;
  text-align: left;
}

.retscreen-overview-section .check-list {
  max-width: 680px;
  margin-left: 0;
  margin-right: 0;
}

.retscreen-overview-section .check-list li {
  grid-template-columns: 22px 1fr;
  gap: 10px;
}

.retscreen-overview-section .check-list li::before {
  display: block;
}

.retscreen-overview-section .small-note {
  max-width: 680px;
  margin-left: 0;
  margin-right: 0;
}


.project-facts li {
  margin-bottom: 14px;
  line-height: 1.45;
}

.project-facts li:last-child {
  margin-bottom: 0;
}


.retscreen-overview-section .intro-panel > div:first-child {
  text-align: center;
}

.retscreen-overview-section .overview-platform-image {
  margin-left: auto;
  margin-right: auto;
}


.overview-content {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: 46px;
  align-items: center;
}

.retscreen-overview-section .section-heading {
  margin-bottom: 42px;
}

.retscreen-overview-section .overview-platform-image {
  margin-left: auto;
  margin-right: auto;
}

.retscreen-overview-section .overview-content > div:last-child {
  text-align: left;
}

@media (max-width: 980px) {
  .overview-content {
    grid-template-columns: 1fr;
    gap: 28px;
  }
}


.client-logo.logo-erth img {
  max-width: 170px;
  max-height: 54px;
}