/* eoquee — Smart Ops | Founder v4 (official colors, Formspree)
   Palette: teal #004C5F, soft gray #F2F2F2, dark gray #3A3A3A, white #FFFFFF, soft green #59BFA3
*/
:root{
  --teal:#004C5F;
  --soft-gray:#F2F2F2;
  --dark-gray:#3A3A3A;
  --white:#FFFFFF;
  --soft-green:#59BFA3;
  --maxw: 56rem;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: Lato, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  color: var(--dark-gray);
  background: var(--white);
  line-height:1.45;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Top bar */
.topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding: clamp(12px, 2.5vh, 24px) clamp(16px, 4vw, 40px);
  max-width: calc(var(--maxw) + 80px);
  margin-inline:auto;
}
.brand{
  display:flex;
  align-items:center;
  gap:.6rem;
  font-size: clamp(1rem, 1.2rem + .3vw, 1.25rem);
  color: var(--teal);
}
.brand .dot{ color: var(--soft-green); font-size: 1.5em; line-height: 0; }
.brand .name{ font-weight: 800; font-family: Montserrat, Lato, sans-serif; text-transform: lowercase; }
.brand .divider{ opacity:.5; }
.brand .unit{ opacity:.85; }

.badge{
  font-size:1rem;
  background: var(--soft-green);
  color: var(--teal);
  padding:.6rem 1rem;
  border-radius:999px;
  font-weight:700;
  letter-spacing:.02em;
  white-space:nowrap;
  box-shadow: 0 2px 6px rgba(0,0,0,.08);
}

/* Full-screen hero */
.hero{
  min-height: 100svh;
  display:grid;
  place-items:center;
  padding: clamp(24px, 6vh, 56px) clamp(16px, 5vw, 48px);
}
.hero-inner{ max-width: var(--maxw); width:100%; text-align:center; }
.title{
  font-family: Montserrat, Lato, sans-serif;
  font-weight: 800;
  font-size: clamp(2.6rem, 6vw, 5rem);
  color: var(--teal);
  margin: 0 0 .6rem;
  letter-spacing:.01em;
}
.kicker{ font-weight: 800; font-size: clamp(1.05rem, 1.1rem + .6vw, 1.6rem); margin: 0 0 .35rem; }
.subtitle{ font-size: clamp(1rem, .9rem + .5vw, 1.25rem); color:#555; margin: 0 0 2rem; }

.cta-row{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:center;
  gap: clamp(12px, 2vw, 20px);
}
.btn{
  display:inline-block; text-decoration:none; border-radius:16px;
  padding: clamp(12px, 1.2vw, 16px) clamp(18px, 2vw, 26px);
  font-weight:800; letter-spacing:.01em; border:2px solid var(--teal);
  transition: transform .04s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
}
.btn:active{ transform: translateY(1px); }
.btn-solid{ background: var(--teal); color: var(--white); }
.btn-solid:hover{ box-shadow: 0 6px 24px rgba(0,0,0,.08); }
.btn-outline{ background: transparent; color: var(--teal); }
.btn-outline:hover{ background: #e6f3f6; }

.footer{
  text-align:center;
  padding: 28px 16px 32px;
  color:#666;
  border-top: 1px solid #eee;
}
.footer strong{ font-weight:700; }

@media (prefers-reduced-motion: reduce){ .btn{ transition:none; } }