:root{
  --bg: #f7fdf6;
  --fg: #034732;
  --accent: #7fd08b;
  --muted: #4b4b4b;
  --btn-bg: #dff6e6;
  --btn-fg: #033b28;
}

*{ box-sizing:border-box }

html,body{
  height:100%;
  margin:0;
}

body{
  background: linear-gradient(180deg,var(--bg), #e9f7ee);
  color:var(--fg);
  font-family: "Helvetica Neue", Arial, sans-serif;
  display:flex;
  flex-direction:column;
  min-height:100vh;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* Center area - keep space so footer doesn't overlap */
.center{
  flex:1 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:6vw 4vw 10vh;
  text-align:center;
  width:100%;
}

/* Responsive headline: max 90% viewport width, never truncated */
h1{
  margin:0 auto;
  font-weight:900;
  line-height:1.05;
  font-size:clamp(2.8rem, 14.4vw, 14rem);
  max-width:90vw;
  letter-spacing:-0.02em;
  text-transform:uppercase;
  color:var(--fg);
  text-align:center;
  white-space:normal;
  overflow-wrap:break-word;
  word-break:break-word;
  text-shadow:0.02em 0.02em 0 rgba(0,0,0,0.05);
}

/* Footer navigation fixed near bottom */
.bottom-nav{
  position:fixed;
  left:0;
  right:0;
  bottom:12px;
  display:flex;
  gap:0.8rem;
  justify-content:center;
  align-items:center;
  padding:0 1rem;
  z-index:40;
}

/* Link-styled buttons */
.nav-btn{
  background: linear-gradient(180deg, var(--btn-bg), #c7f0d0);
  color:var(--btn-fg);
  text-decoration:none;
  padding:0.6rem 1rem;
  border-radius:999px;
  font-weight:700;
  box-shadow:0 8px 20px rgba(3,71,50,0.08);
  border:1px solid rgba(3,71,50,0.06);
  transition:transform 120ms ease, box-shadow 120ms ease;
  display:inline-block;
  min-width:8.2rem;
  text-align:center;
}

.nav-btn:hover,
.nav-btn:focus{
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(3,71,50,0.12);
}

/* Small screens */
@media (max-width:480px){
  h1{
    font-size:clamp(2rem, 12.5vw, 6.5rem);
    line-height:1.1;
  }

  .bottom-nav{ bottom:8px }

  .nav-btn{
    padding:0.55rem 0.8rem;
    min-width:6.2rem;
  }
}
