/* Stackwise — tokens match the app exactly */
:root{
  --ink:#0E1B25;
  --green:#0AA678;
  --paper:#FFFFFF;
  --panel:#F1F5F4;
  --muted:#5B6B75;
}
*{box-sizing:border-box}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font:400 17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;text-wrap:pretty;margin:0}
a{color:var(--green)}
a:hover{color:#087a59}

.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Hero */
.hero{background:var(--ink);color:var(--paper);padding:72px 24px 0;text-align:center}
.brand{font:600 12px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;letter-spacing:.16em;color:#9FB0BA;margin:0 0 28px}
.hero h1{font-size:clamp(34px,6vw,54px);line-height:1.15;max-width:15ch;margin:0 auto}
.subhead{color:#9FB0BA;font-size:clamp(17px,2.5vw,20px);margin:18px auto 32px;max-width:36ch}
.cta{
  display:inline-block;background:var(--green);color:var(--ink);
  font:600 17px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  padding:16px 32px;border-radius:28px;text-decoration:none;
}
.cta:hover{background:#0bbd88;color:var(--ink)}
.hero-shot{max-width:340px;margin:56px auto 0}
.hero-shot img{display:block;width:100%;border-radius:28px 28px 0 0;box-shadow:0 -12px 48px rgba(0,0,0,.35)}
.shot-placeholder{
  aspect-ratio:1320/2868;max-height:520px;display:flex;align-items:center;justify-content:center;
  background:#243440;color:#9FB0BA;border-radius:28px 28px 0 0;
  font:500 13px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;padding:24px;
}

/* Sections */
main section{padding:72px 24px;max-width:880px;margin:0 auto}
h2{font-size:clamp(26px,4vw,34px);margin-bottom:32px}

/* Stats */
.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.stat{background:var(--panel);border-radius:12px;padding:24px}
.stat .num{display:block;font-family:Georgia,"Times New Roman",serif;font-size:38px;line-height:1;margin-bottom:10px;font-variant-numeric:tabular-nums}
.stat .label{display:block;color:var(--muted);font-size:15px;line-height:1.45}
.caption{color:var(--muted);font-size:13px;margin-top:16px}

/* Features */
.feature-list{list-style:none;margin:0;padding:0;display:grid;gap:0}
.feature-list li{padding:22px 0;border-top:1px solid #E3E8E7}
.feature-list li:last-child{border-bottom:1px solid #E3E8E7}
.feature-list h3{font-size:21px;margin-bottom:6px}
.feature-list p{margin:0;color:var(--muted)}

/* Privacy */
.privacy{background:var(--panel);border-radius:16px;max-width:832px}
.privacy h2{font-size:clamp(22px,3.4vw,28px)}
.privacy p{max-width:56ch}
.privacy-secondary{color:var(--muted);font-size:15px}

/* Waitlist */
.waitlist{text-align:center}
#waitlist-form{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;max-width:480px;margin:0 auto}
#waitlist-form input{
  flex:1 1 240px;font:inherit;padding:14px 18px;border:1.5px solid #C9D4D2;border-radius:28px;
  color:var(--ink);background:var(--paper);
}
#waitlist-form input:focus{outline:2px solid var(--green);outline-offset:1px;border-color:var(--green)}
#waitlist-form button{
  font:600 17px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  background:var(--ink);color:var(--paper);border:none;border-radius:28px;padding:14px 28px;cursor:pointer;
}
#waitlist-form button:hover{background:#1c2f3d}
#waitlist-form button:disabled{opacity:.6;cursor:default}
#form-msg{min-height:1.5em;margin-top:16px;font-size:15px;color:var(--muted)}
#form-msg.ok{color:var(--green)}
#form-msg.err{color:#a04a1f}

/* Footer */
footer{border-top:1px solid #E3E8E7;padding:32px 24px;text-align:center;color:var(--muted);font-size:14px}

@media (max-width:520px){
  .hero{padding-top:56px}
  main section{padding:56px 20px}
}