/* Journey Sage — Minimal Landing Styles */
:root{
  --bg:#FAF8F5;
  --text:#1E1E1E;
  --muted:#5A5A5A;
  --sage:#9BAF8C;
  --sage-2:#C8D1C2;
  --card:#FFFFFF;
  --shadow: 0 10px 30px rgba(0,0,0,0.06);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);}
body{font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}

.wrap{max-width:880px;margin:0 auto;padding:48px 20px}

.hero{text-align:center;padding:24px 0 12px}
.logo{font-family:'Playfair Display',serif;font-size:18px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.hero h1{font-family:'Playfair Display',serif;font-size:44px;line-height:1.15;margin:16px 0 10px}
.sub{max-width:680px;margin:0 auto;color:var(--muted)}

.card{background:var(--card);border-radius:18px;box-shadow:var(--shadow);padding:28px;margin:28px auto;max-width:720px;text-align:center}
.card h2{font-family:'Playfair Display',serif;font-size:28px;margin:0 0 8px}
.card p{margin:0 0 16px;color:var(--muted)}

.form{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap}
.form input{width:320px;max-width:100%;padding:14px 16px;border-radius:12px;border:1px solid var(--sage-2);outline:none}
.form input:focus{border-color:var(--sage)}
.form button{padding:14px 20px;border:none;border-radius:12px;background:var(--sage);color:white;font-weight:500;cursor:pointer}
.form button:hover{filter:brightness(.97)}

.privacy{display:block;margin-top:10px;color:#7a7a7a}

.about{margin:10px auto 24px;max-width:720px;padding:6px 6px 0}
.about h3{font-family:'Playfair Display',serif;margin:0 0 6px}
.about ul{padding-left:18px;margin:8px 0;color:var(--muted)}

.foot{margin-top:26px;text-align:center;color:#7a7a7a;font-size:14px}

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

@media (max-width:480px){
  .hero h1{font-size:34px}
}