/* Unflinch web — the app's design system, verbatim. */
@font-face { font-family:'Fraunces'; src:url('fonts/Fraunces.ttf') format('truetype'); font-display:swap; }
@font-face { font-family:'FrauncesItalic'; src:url('fonts/Fraunces-Italic.ttf') format('truetype'); font-display:swap; }
:root {
  --ink:#130f11; --surface:#1d1719; --text:#f6efe9; --dim:#a89ba0;
  --accent:#c9899e; --hairline:rgba(246,239,233,.14);
}
* { margin:0; padding:0; box-sizing:border-box; }
body {
  background:
    radial-gradient(70% 50% at 20% 0%, rgba(201,137,158,.22), transparent 70%),
    radial-gradient(60% 40% at 85% 90%, rgba(122,74,85,.25), transparent 70%),
    var(--ink);
  color:var(--text); font-family:'Fraunces', Georgia, serif;
  line-height:1.6; -webkit-font-smoothing:antialiased;
}
.wrap { max-width:760px; margin:0 auto; padding:0 24px; }
header.site { display:flex; justify-content:space-between; align-items:center; padding:28px 0; }
.wordmark { font-size:22px; letter-spacing:.02em; text-decoration:none; color:var(--text); }
nav a { color:var(--dim); text-decoration:none; font-size:14px; margin-left:22px;
        font-family:-apple-system,'Helvetica Neue',sans-serif; }
nav a:hover { color:var(--text); }
.eyebrow { font-family:-apple-system,'Helvetica Neue',sans-serif; font-size:12px;
  letter-spacing:.3em; text-transform:uppercase; color:var(--accent);
  display:flex; align-items:center; gap:14px; margin-bottom:26px; }
.eyebrow::after { content:''; width:44px; height:1px; background:var(--accent); opacity:.5; }
h1 { font-size:clamp(38px,7vw,64px); line-height:1.08; font-weight:420; letter-spacing:-.005em;
     text-wrap:balance; margin-bottom:22px; }
h1 em, h2 em { font-family:'FrauncesItalic'; font-style:italic; color:var(--accent); font-weight:420; }
h2 { font-size:clamp(26px,4vw,34px); font-weight:420; margin:64px 0 14px; text-wrap:balance; }
p.lede { font-size:19px; color:var(--dim); max-width:52ch; }
p { color:var(--dim); margin-bottom:16px; max-width:62ch; }
strong { color:var(--text); font-weight:600; }
.hero { padding:64px 0 30px; }
.cta { display:inline-block; background:var(--accent); color:#100e0a; text-decoration:none;
  font-family:-apple-system,'Helvetica Neue',sans-serif; font-weight:600; font-size:13px;
  letter-spacing:.16em; text-transform:uppercase; padding:17px 34px; border-radius:999px;
  margin:26px 0 8px; transition:transform .15s; }
.cta:active { transform:scale(.96); }
.subcta { display:block; font-size:13px; color:var(--dim);
  font-family:-apple-system,'Helvetica Neue',sans-serif; }
.steps { list-style:none; margin:20px 0; }
.steps li { display:flex; gap:18px; padding:18px 0; border-bottom:1px solid var(--hairline); }
.steps .n { font-family:'FrauncesItalic'; font-style:italic; color:var(--accent);
  font-size:22px; min-width:34px; }
.card { border:1px solid var(--hairline); border-radius:22px; padding:26px;
  background:rgba(246,239,233,.03); margin:14px 0; }
.creed { font-family:'FrauncesItalic'; font-style:italic; color:var(--dim);
  text-align:center; margin:70px 0 10px; }
footer.site { border-top:1px solid var(--hairline); margin-top:70px; padding:30px 0 50px;
  font-family:-apple-system,'Helvetica Neue',sans-serif; font-size:13px; color:var(--dim);
  display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; }
footer.site a { color:var(--dim); margin-right:16px; }
details { border-bottom:1px solid var(--hairline); padding:16px 0; }
summary { cursor:pointer; font-size:18px; color:var(--text); }
details p { margin-top:10px; }
.pricing { font-family:-apple-system,'Helvetica Neue',sans-serif; font-size:14px; color:var(--dim); }

/* Conversion-page sections */
.section { padding:34px 0 10px; border-top:1px solid var(--hairline); margin-top:44px; }
.section h2 { margin-top:0; }
.kicker { font-family:-apple-system,'Helvetica Neue',sans-serif; font-size:12px;
  letter-spacing:.28em; text-transform:uppercase; color:var(--accent); margin-bottom:14px; }
.cta-repeat { text-align:center; padding:38px 0 20px; }
.cta-repeat .cta { margin:14px 0 10px; }
.cta-repeat p { margin:0 auto 4px; }
.feature-grid { display:grid; grid-template-columns:1fr; gap:14px; margin:20px 0; }
@media (min-width:640px) { .feature-grid { grid-template-columns:1fr 1fr; } }
.feature-grid .card { margin:0; }
.card h3 { font-size:19px; font-weight:600; margin-bottom:8px; }
.card p:last-child { margin-bottom:0; }
.why-list { list-style:none; margin:20px 0; }
.why-list li { padding:16px 0; border-bottom:1px solid var(--hairline); color:var(--dim); }
.why-list li strong { display:block; margin-bottom:4px; }
.plans { display:grid; grid-template-columns:1fr; gap:14px; margin:20px 0 8px; }
@media (min-width:560px) { .plans { grid-template-columns:1fr 1fr; } }
.plan { border:1px solid var(--hairline); border-radius:22px; padding:26px;
  background:rgba(246,239,233,.03); }
.plan.featured { border-color:rgba(201,137,158,.55); }
.plan .amount { font-size:32px; color:var(--text); display:block; margin:6px 0 2px; }
.plan .per { font-family:-apple-system,'Helvetica Neue',sans-serif; font-size:13px; color:var(--dim); }
.plan .tag { font-family:-apple-system,'Helvetica Neue',sans-serif; font-size:11px;
  letter-spacing:.2em; text-transform:uppercase; color:var(--accent); }
.finenote { font-family:-apple-system,'Helvetica Neue',sans-serif; font-size:13px; color:var(--dim); }
.final { text-align:center; padding:60px 0 20px; border-top:1px solid var(--hairline); margin-top:44px; }
.final h2 { margin-top:0; }
.final p { margin-left:auto; margin-right:auto; }