:root {
  --forest: #005040;
  --deep: #003c31;
  --green: #08705b;
  --gold: #f8a018;
  --cream: #fbfaf7;
  --ink: #123b32;
  --muted: #5e6d67;
  --line: #d7e3de;
}

:focus-visible { outline-color: #f8a018; }
.brand-mark { width: 44px; height: 44px; padding: 0; background: transparent; border-radius: 0; letter-spacing: 0; }
.brand-mark img { width: 100%; height: 100%; object-fit: contain; }
.status-dot { box-shadow: 0 0 0 5px #f8a01822; }
.gold { color: #153b31; }
.gold:hover { background: #ffb33c; }
.eyebrow.dark, .section-heading h2 em, .closing h2 em { color: #08705b; }
.feature-section { background: #edf5f1; }
.feature-card { border-color: #d5e5de; }
.feature-icon { background: #e1f0e9; color: #00624f; }
.kicker, .service-index { color: #08705b; }
.feature-wide { background: #005040; }
.mini-workflow span { border-color: #f8a01866; }
.payment-card { background: #fff2da; }
.payment-note .small-dot { background: #f8a018; }
.launch-card { background: #0a6251; }
.hero {
  padding-top: 28px;
  padding-bottom: 18px;
}

.hero-copy {
  padding-block: 18px;
}

.hero-art {
  width: min(100%, 760px);
  justify-self: end;
}

.hero-art-media {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-radius: 34% 34% 12% 12% / 16% 16% 10% 10%;
}

.hero-art-media::before {
  content: "";
  position: absolute;
  inset: 8% 7% 10%;
  z-index: -1;
  border-radius: 50%;
  background: radial-gradient(circle at 52% 72%, #f8a01855 0, #08705b44 34%, transparent 70%);
  filter: blur(22px);
}

.hero-art-media::after {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: 2;
  pointer-events: none;
  border-radius: inherit;
  box-shadow: inset 0 0 50px 28px var(--forest);
}

.hero-art img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
  border-radius: inherit;
}

.hero-art figcaption {
  padding-top: 10px;
  padding-bottom: 6px;
}

.story-section {
  display: grid;
  grid-template-columns: 1.12fr .88fr;
  gap: clamp(42px, 7vw, 100px);
  align-items: center;
}

.story-visual {
  position: relative;
}

.story-visual::after {
  content: "";
  position: absolute;
  inset: 18px -18px -18px 18px;
  border: 1px solid #f8a01888;
  border-radius: 8px 42% 8px 8px;
  z-index: -1;
}

.story-visual img {
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 8px 42% 8px 8px;
}

.story-copy h2,
.growth-copy h2,
.blog-preview h2 {
  font-size: clamp(38px, 4vw, 58px);
}

.story-copy h2 em,
.blog-preview h2 em { color: var(--green); }
.story-copy > p:not(.eyebrow) { margin-top: 24px; color: var(--muted); }

.story-steps {
  list-style: none;
  margin: 30px 0;
  padding: 0;
  border-top: 1px solid var(--line);
}

.story-steps li {
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 18px;
  padding: 15px 0;
  border-bottom: 1px solid var(--line);
}

.story-steps b { color: var(--green); font-weight: 600; }
.story-steps span { color: var(--muted); }
.inline-arrow { display: inline-flex; gap: 16px; align-items: center; font-weight: 600; border-bottom: 1px solid #08705b55; padding-bottom: 4px; }
.inline-arrow:hover { color: var(--green); }

.insight-card {
  grid-column: span 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(230px, .8fr);
  gap: 36px;
  align-items: stretch;
}

.insight-preview {
  padding: 24px;
  border-radius: 7px;
  background: var(--forest);
  color: white;
  display: flex;
  flex-direction: column;
}

.insight-preview > span,
.growth-card > span { color: var(--gold); text-transform: uppercase; letter-spacing: .08em; font-size: 10px; }
.insight-preview strong { font-family: var(--serif); font-size: 38px; font-weight: 400; margin-top: 10px; }
.insight-preview small { color: #bad0c7; margin-top: 12px; }
.bars { display: flex; align-items: end; gap: 7px; height: 86px; margin-top: auto; border-bottom: 1px solid #ffffff33; padding-top: 12px; }
.bars i { flex: 1; height: 28%; background: #f8a018aa; border-radius: 3px 3px 0 0; }
.bars i:nth-child(2) { height: 38%; }.bars i:nth-child(3) { height: 32%; }.bars i:nth-child(4) { height: 56%; }.bars i:nth-child(5) { height: 63%; }.bars i:nth-child(6) { height: 72%; }.bars i:nth-child(7) { height: 91%; background: var(--gold); }

.insights-story { background: var(--deep); color: white; }
.insights-story-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(45px, 8vw, 120px); align-items: center; }
.growth-copy h2 em { color: var(--gold); }
.growth-copy > p:not(.eyebrow) { margin-top: 24px; color: #c2d4cd; }
.growth-card { background: #ffffff0d; border: 1px solid #ffffff22; border-radius: 8px; padding: 24px; margin: 30px 0; }
.growth-card strong { display: flex; align-items: baseline; gap: 14px; color: var(--gold); font-family: var(--serif); font-size: 62px; font-weight: 400; line-height: 1.15; }
.growth-card strong small { color: white; font: 500 15px var(--sans); }
.growth-card p { color: #c2d4cd; font-size: 13px; margin-top: 10px; }
.light-link { color: white; border-color: #ffffff55; }
.light-link:hover { color: var(--gold); }
.owner-visual { position: relative; }
.owner-visual img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 46% 8px 8px 8px; }
.owner-visual figcaption { color: #9fb8ae; font-size: 11px; padding-top: 12px; }

.blog-preview-heading { display: grid; grid-template-columns: 1fr .65fr; gap: 50px; align-items: end; margin-bottom: 42px; }
.blog-preview-heading > p { color: var(--muted); }
.article-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 30px; }
.article-grid article { border: 1px solid var(--line); border-radius: 8px; padding: 28px; background: white; }
.article-grid span { color: var(--green); text-transform: uppercase; letter-spacing: .07em; font-size: 10px; }
.article-grid h3 { font-family: var(--serif); font-size: 27px; margin: 18px 0 14px; }
.article-grid h3 a:hover { color: var(--green); }
.article-grid p { color: var(--muted); font-size: 14px; }

@media (max-width: 1050px) {
  .hero { padding-top: 24px; padding-bottom: 16px; }
  .hero-art-media::after { box-shadow: inset 0 0 38px 20px var(--forest); }
  .story-section, .insights-story-grid { gap: 45px; }
  .insight-card { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 760px) {
  .hero { padding-top: 30px; padding-bottom: 14px; gap: 18px; }
  .hero-copy { padding-block: 0; }
  .hero-art { justify-self: center; }
  .hero-art-media { border-radius: 30% 30% 10% 10% / 14% 14% 8% 8%; }
  .hero-art-media::after { box-shadow: inset 0 0 30px 15px var(--forest); }
  .story-section, .insights-story-grid, .blog-preview-heading { grid-template-columns: 1fr; }
  .story-section { gap: 45px; }
  .story-visual::after { inset: 12px -8px -12px 12px; }
  .insight-card { grid-template-columns: 1fr; gap: 24px; }
  .article-grid { grid-template-columns: 1fr; }
  .owner-visual { grid-row: 1; }
  .growth-card strong { font-size: 50px; }
}