/* One promise, one action, and room for the landscape. */
.zondo-home {
  --site-ink: #303624;
  position: relative;
  isolation: isolate;
  min-height: calc(100svh - var(--review-height, 0px));
  display: grid;
  grid-template-rows: auto 1fr auto;
  padding: 38px clamp(28px, 6vw, 100px) max(24px, env(safe-area-inset-bottom));
  color: var(--site-ink);
}
.zondo-home .welcome-scene { position: absolute; z-index: -2; }
.zondo-home::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg, #f7f4edfa 0%, #f7f4edf2 27%, #f7f4edba 45%, #f7f4ed24 68%, transparent 85%);
}
.site-masthead { display: flex; align-items: center; }
.site-wordmark { display: inline-flex; align-items: center; gap: 7px; font: 40px/1 'Instrument Serif', Georgia, serif; letter-spacing: -1.4px; }
.site-wordmark .design-mark { width: 25px; height: 30px; }
.site-landscape { display: flex; align-items: center; padding: 48px 0 64px; }
.site-sheet { width: min(100%, 660px); }
.site-sheet h1 { margin: 0; font: 400 clamp(60px, 6.2vw, 92px)/1.04 'Instrument Serif', Georgia, serif; letter-spacing: -.035em; }
.site-sheet h1 em { display: block; color: #64734b; font-weight: 400; }
.site-description { max-width: 370px; margin-top: 28px; font-size: 15px; line-height: 1.8; color: #4f5844; text-wrap: pretty; }
.site-cta { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 24px; width: 240px; max-width: 100%; margin-top: 32px; padding: 17px 24px; min-height: 56px; border-radius: 32px; background: #333e27; color: #f7f4ed; font-size: 14px; transition: background .2s; }
.site-cta:hover { background: #4b5935; }
.site-cta svg { width: 19px; height: 19px; }
.site-wordmark:focus-visible,.site-cta:focus-visible,.site-footer a:focus-visible { outline: 2px solid #53673d; outline-offset: 5px; }
.site-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; font-size: 11px; line-height: 1.5; color: #526046; }
.site-legal { display: flex; align-items: center; gap: 24px; }
.site-legal a { padding-block: 12px; text-underline-offset: 3px; }
.site-legal a:hover { text-decoration: underline; }
@media (max-width: 700px) {
  .zondo-home { padding: 28px 28px max(20px, env(safe-area-inset-bottom)); }
  .zondo-home::before { background: linear-gradient(180deg, #f7f4edf5 0%, #f7f4ede8 48%, #f7f4ed9c 70%, #f7f4ed24 88%, #f7f4ed75 100%); }
  .zondo-home .welcome-scene img { object-position: 63% center; }
  .site-wordmark { font-size: 36px; }
  .site-wordmark .design-mark { width: 23px; height: 28px; }
  .site-landscape { align-items: flex-start; padding: clamp(56px, 10svh, 92px) 0 40px; }
  .site-sheet { max-width: 440px; }
  .site-sheet h1 { font-size: clamp(36px, 11.2vw, 58px); line-height: 1.08; }
  .site-description { max-width: 330px; margin-top: 24px; font-size: 14px; line-height: 1.75; }
  .site-footer { min-height: 56px; padding-right: 188px; }
  .site-legal { align-items: flex-start; flex-direction: column; gap: 0; }
  .site-legal a { padding-block: 6px; }
  .site-cta { position: absolute; right: 28px; bottom: max(20px, env(safe-area-inset-bottom)); width: 172px; margin-top: 0; padding-inline: 20px; }
}
@media (max-width: 700px) and (max-height: 720px) {
  .zondo-home { padding-top: 22px; }
  .site-landscape { padding-top: 40px; padding-bottom: 48px; }
  .site-description { margin-top: 20px; }
}
@media (prefers-reduced-motion: reduce) { .site-cta { transition: none; } }