.home-page {
  --home-black: #090a09;
  --home-ink: #171817;
  --home-paper: #fbfaf6;
  --home-mint-wash: #f2f8f2;
  --home-green: #39b86e;
  --home-green-dark: #167845;
  background: var(--home-paper);
  color: var(--home-ink);
  font-family: Arial, Helvetica, sans-serif;
  min-width: 320px;
}

.home-page img { max-width: 100%; }
.home-page a { text-decoration: none; }
.landing { overflow: hidden; }
.home-shell { margin: 0 auto; max-width: 1240px; padding-inline: 56px; }

.home-hero {
  background:
    radial-gradient(circle at 12% 12%, rgba(104, 178, 124, .14), transparent 27%),
    radial-gradient(circle at 86% 22%, rgba(64, 128, 83, .08), transparent 24%),
    linear-gradient(180deg, #18201a 0%, #111612 20%, #050605 30%, #000 36%, #000 100%);
  color: #fbfaf6;
  min-height: clamp(1030px, 80vw, 1240px);
  overflow: hidden;
  position: relative;
}

.home-hero::before {
  background: linear-gradient(90deg, rgba(255,255,255,.025), transparent 46%, rgba(98, 187, 126, .035));
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 0;
}

.floating-site-header {
  inset: 0 0 auto;
  pointer-events: none;
  position: fixed;
  z-index: 200;
}

.home-nav {
  align-items: center;
  backdrop-filter: blur(18px);
  background: linear-gradient(180deg, rgba(40, 52, 43, .97) 0%, rgba(27, 38, 31, .97) 100%);
  border: 1px solid rgba(103, 207, 141, .22);
  border-radius: 14px;
  box-shadow: 0 18px 46px rgba(0,0,0,.28);
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr auto 1fr;
  margin: 18px auto 0;
  max-width: 1320px;
  min-height: 88px;
  padding: 18px 30px;
  pointer-events: auto;
  position: relative;
  width: calc(100% - 56px);
}

.home-logo img { height: 38px; width: auto; }
.home-nav__links { display: flex; gap: 38px; justify-content: center; }
.home-nav__links a { color: #fff; font-size: 14px; font-weight: 700; }
.home-nav__links a[aria-current="page"] { position: relative; }
.home-nav__links a[aria-current="page"]::after {
  background: #67cf8d;
  bottom: -8px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  transform: rotate(-2deg);
  width: 100%;
}
.home-nav > .pill { justify-self: end; }

.pill {
  align-items: center;
  background: #fff;
  border: 1px solid transparent;
  border-radius: 9px;
  color: var(--home-ink);
  display: inline-flex;
  font-size: 15px;
  font-weight: 750;
  justify-content: center;
  min-height: 52px;
  padding: 0 38px;
  transition: background 160ms ease, transform 160ms ease;
  white-space: nowrap;
}

.pill:hover { text-decoration: none; transform: translateY(-1px); }
.pill--green { background: var(--home-green); color: #fff; }
.pill--green:hover { background: #279b5a; }
.pill--small { min-height: 42px; padding-inline: 27px; }
.pill--compact { min-height: 39px; padding-inline: 24px; }

.home-hero__copy {
  margin-left: max(46px, calc((100vw - 1320px) / 2 + 46px));
  padding-top: 184px;
  position: relative;
  width: min(1100px, 76vw);
  z-index: 2;
}

.home-hero h1,
.home-feature h2,
.how-it-works h2,
.contact-footer h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  letter-spacing: -0.035em;
  line-height: 0.98;
}

.home-hero h1 { font-size: clamp(56px, 5.6vw, 94px); margin: 0; }
.home-hero__copy > p {
  color: rgba(251,250,246,.76);
  font-size: 18px;
  line-height: 1.6;
  margin: 26px 0 30px;
  max-width: 540px;
}

.home-hero__actions {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: 180px;
}

.home-hero__actions .pill { width: 100%; }
.sui-badge { display: block; filter: grayscale(1) invert(1) brightness(2); height: auto; width: 100%; }

.home-hero__art {
  bottom: 0;
  box-shadow: 0 -90px 95px 42px #000;
  height: auto;
  left: 50%;
  max-width: 1440px;
  position: absolute;
  transform: translateX(-50%);
  width: min(1440px, 100%);
  z-index: 1;
}

.trust-strip { background: var(--home-paper); border-bottom: 1px solid #e5e3dd; padding: 55px 0 58px; }
.trust-strip .home-shell { max-width: 1400px; padding-inline: 42px; }
.trust-strip h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 25px;
  font-weight: 400;
  margin: 0 auto 38px;
  position: relative;
  text-align: center;
  width: max-content;
}
.trust-strip h2::after { background: #67cf8d; bottom: -7px; content: ""; height: 2px; left: 0; position: absolute; transform: rotate(-2deg); width: 100%; }
.trust-logos { align-items: center; display: grid; gap: 24px; grid-template-columns: repeat(6, minmax(0, 1fr)); }
.trust-logos img {
  background: transparent;
  filter: grayscale(1) contrast(1.45);
  height: 100px;
  margin: auto;
  max-width: 175px;
  mix-blend-mode: multiply;
  object-fit: contain;
  width: 100%;
}

.home-feature { padding: 88px 0; }
.home-feature--white { background: var(--home-paper); }
.home-feature--mint { background: var(--home-mint-wash); }
.feature-layout { align-items: center; display: grid; gap: 88px; grid-template-columns: minmax(0, 1fr) minmax(0, .92fr); }
.feature-layout--reverse { grid-template-columns: minmax(0, .92fr) minmax(0, 1fr); }
.feature-art img { margin: auto; width: min(100%, 500px); }
.feature-art--wide img { width: min(100%, 590px); }
.feature-copy h2 { font-size: clamp(52px, 5.2vw, 76px); margin: 0 0 24px; }
.feature-copy p { color: #626660; font-size: 18px; line-height: 1.65; margin: 0 0 28px; max-width: 560px; }

.how-it-works { background: var(--home-paper); padding: 94px 0 98px; }
.how-heading { text-align: center; }
.how-heading h2 { font-size: clamp(52px, 5vw, 72px); margin: 0 0 18px; }
.how-heading p { color: #555a55; font-size: 17px; line-height: 1.55; margin: 0; }
.steps-grid { display: grid; gap: 34px; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 54px; }
.home-step { position: relative; text-align: center; }
.home-step img { height: 130px; margin: 0 auto 18px; object-fit: contain; width: 95px; }
.home-step h3 { font-family: Georgia, "Times New Roman", serif; font-size: 24px; font-weight: 600; margin: 0 0 12px; }
.home-step p { color: #515551; font-size: 15px; line-height: 1.55; margin: 0 auto; max-width: 210px; }

.contact-footer { background: var(--home-black); color: #fff; padding: 72px 0 22px; }
.contact-cta { align-items: center; display: grid; gap: 42px; grid-template-columns: .9fr 1.1fr; padding-bottom: 58px; }
.contact-cta h2 { font-size: clamp(52px, 5vw, 72px); margin: 0 0 20px; }
.contact-cta p { color: rgba(255,255,255,.7); font-size: 18px; line-height: 1.55; margin: 0 0 28px; }
.contact-cta img { justify-self: end; width: min(100%, 590px); }
.home-footer { border-top: 1px solid rgba(255,255,255,.18); padding-top: 28px; }
.home-footer__top { align-items: center; display: grid; grid-template-columns: 1fr auto 1fr; padding-bottom: 24px; }
.home-footer__logo { height: 30px; width: auto; }
.home-footer nav { display: flex; gap: 36px; }
.home-footer a { color: rgba(255,255,255,.78); font-size: 14px; font-weight: 650; }
.home-footer__sui { display: block; filter: grayscale(1) invert(1) brightness(2); height: auto; justify-self: end; width: 155px; }
.home-footer__bottom { align-items: center; border-top: 1px solid rgba(255,255,255,.1); color: rgba(255,255,255,.48); display: grid; font-size: 12px; grid-template-columns: 1fr auto 1fr; padding: 18px 0 0; }
.home-footer__bottom div { display: flex; gap: 36px; }
.home-footer__bottom > div:last-child { justify-self: end; }
.home-footer__bottom a { color: rgba(255,255,255,.48); font-size: 12px; font-weight: 400; }

@media (min-width: 901px) and (max-width: 1200px) {
  .home-hero__copy {
    width: min(820px, calc(100% - 92px));
  }

  .home-hero h1 {
    font-size: clamp(58px, 5.8vw, 70px);
  }

  .home-hero__copy > p {
    max-width: 600px;
  }
}

@media (max-width: 900px) {
  .home-shell { padding-inline: 28px; }
  .home-nav { grid-template-columns: 1fr auto; padding-inline: 24px; width: calc(100% - 36px); }
  .home-nav__links { display: none; }
  .home-hero { min-height: 850px; }
  .home-hero__copy { margin-left: 28px; padding-top: 145px; width: calc(100% - 56px); }
  .home-hero__copy > p { max-width: 590px; }
  .home-hero__art { bottom: -80px; width: 1060px; }
  .trust-strip .home-shell { padding-inline: 28px; }
  .trust-logos { grid-template-columns: repeat(3, 1fr); row-gap: 34px; }
  .feature-layout,
  .feature-layout--reverse { gap: 38px; grid-template-columns: 1fr; }
  .feature-layout--reverse .feature-copy { order: 2; }
  .feature-copy { text-align: center; }
  .feature-copy p { margin-inline: auto; }
  .steps-grid { grid-template-columns: repeat(2, 1fr); row-gap: 58px; }
  .contact-cta { grid-template-columns: 1fr; text-align: center; }
  .contact-cta img { justify-self: center; }
}

@media (max-width: 560px) {
  .home-nav { border-radius: 11px; margin-top: 12px; min-height: 70px; padding: 14px 16px; width: calc(100% - 24px); }
  .home-logo img { height: 30px; }
  .home-nav > .pill { min-height: 38px; padding-inline: 20px; }
  .home-hero { min-height: 740px; }
  .home-hero__copy { margin-left: 20px; padding-top: 126px; width: calc(100% - 40px); }
  .home-hero h1 { font-size: 45px; }
  .home-hero__copy > p { font-size: 16px; }
  .home-hero__art { left: 48%; width: 900px; }
  .trust-logos { gap: 24px; grid-template-columns: repeat(2, 1fr); }
  .trust-logos img { height: 82px; }
  .home-feature { padding: 68px 0; }
  .feature-copy h2,
  .how-heading h2,
  .contact-cta h2 { font-size: 46px; }
  .feature-copy p { font-size: 16px; }
  .how-heading p br { display: none; }
  .steps-grid { grid-template-columns: 1fr; }
  .home-footer__top { gap: 26px; grid-template-columns: 1fr; justify-items: center; }
  .home-footer__sui { justify-self: center; }
  .home-footer nav { flex-wrap: wrap; justify-content: center; }
  .home-footer__bottom { gap: 14px; grid-template-columns: 1fr; justify-items: center; }
  .home-footer__bottom > div:last-child { justify-self: center; }
}