@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500 600;font-display:swap;src:url(fonts/CormorantGaramond-500.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url(fonts/CormorantGaramond-500i.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/Inter-400.woff2) format('woff2')}

:root{--ivory:#F7F3EC;--sand:#EFE7DA;--ink:#1B2230;--brass:#B08A4F;--dbrass:#7E5E2E;--muted:#5A6070;
--serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;--sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;background:var(--ivory)}
body{font-family:var(--sans);color:var(--ink);background:var(--ivory);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}
.wrap{max-width:460px;margin:0 auto;padding:44px 20px calc(36px + env(safe-area-inset-bottom))}
.intro{text-align:center;margin-bottom:28px}
.avatar{display:block;width:120px;height:120px;border-radius:50%;object-fit:cover;margin:0 auto 18px;border:3px solid var(--ivory);box-shadow:0 0 0 1.5px var(--brass),0 8px 24px rgba(27,34,48,.12);background:var(--sand)}
h1{font-family:var(--serif);font-weight:600;font-size:2.6rem;line-height:1.05;letter-spacing:-.01em}
.tagline{font-family:var(--serif);font-style:italic;font-weight:500;font-size:1.3rem;color:var(--dbrass);margin-top:6px}
.meta{font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:10px;font-weight:500}
.nowrap{white-space:nowrap}
.feature{background:var(--sand);border-radius:22px;padding:24px 20px 22px;text-align:center;margin-bottom:14px}
.eyebrow{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--dbrass)}
h2{font-family:var(--serif);font-weight:600;font-size:1.85rem;line-height:1.1;margin:6px 0 10px}
.blurb{text-wrap:pretty;font-size:.95rem;color:#3A4150;margin:0 auto 18px;max-width:34ch}
.pill{display:flex;align-items:center;justify-content:center;min-height:54px;padding:14px 22px;border-radius:999px;font-weight:600;font-size:1rem;text-decoration:none;transition:transform .15s ease,background-color .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}
.pill+.pill{margin-top:10px}
.pill-ink{background:var(--ink);color:var(--ivory);box-shadow:0 6px 16px rgba(27,34,48,.18)}
.pill-ink:hover{background:#26304a}
.pill-line{background:transparent;color:var(--ink);border:1.5px solid var(--brass)}
.pill-line:hover{background:rgba(176,138,79,.1)}
.pill:active,.card:active{transform:scale(.98)}
a:focus-visible{outline:3px solid var(--brass);outline-offset:3px}
.quote{margin-top:20px;padding-top:16px;border-top:1px solid rgba(176,138,79,.45)}
.quote p{text-wrap:balance;font-family:var(--serif);font-style:italic;font-weight:500;font-size:1.08rem;line-height:1.35;color:var(--ink)}
.quote footer{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:8px;font-weight:500}
.links{display:grid;gap:12px}
.card{position:relative;display:block;padding:18px 52px 18px 24px;border-radius:28px;background:#fff;border:1.5px solid var(--sand);color:var(--ink);text-decoration:none;box-shadow:0 2px 10px rgba(27,34,48,.05);transition:transform .15s ease,border-color .15s ease}
.card:hover{border-color:var(--brass)}
.card-title{display:block;font-weight:600;font-size:1.05rem}
.card-sub{display:block;font-size:.82rem;color:var(--muted);line-height:1.35;margin-top:2px}
.arrow{position:absolute;right:22px;top:50%;transform:translateY(-50%);color:var(--brass);font-size:1.2rem}
.foot{text-align:center;font-size:.75rem;color:var(--muted);margin-top:32px}
@media (min-width:700px){.wrap{padding-top:72px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
.brand{display:flex;align-items:center;justify-content:center;gap:10px}
.logo{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:var(--ink);color:var(--brass);font-family:var(--sans);font-weight:600;font-size:1rem;line-height:1;box-shadow:inset 0 0 0 1px rgba(176,138,79,.55)}
.lede{font-family:var(--serif);font-style:italic;font-weight:500;font-size:1.15rem;line-height:1.3;color:var(--dbrass);margin:-4px auto 10px;max-width:30ch;text-wrap:balance}
.proof{list-style:none;margin-top:20px;padding-top:16px;border-top:1px solid rgba(176,138,79,.45);display:grid;justify-content:center;gap:6px;text-align:left}
.proof li{position:relative;padding-left:22px;font-size:.85rem;color:#3A4150;line-height:1.35}
.proof li::before{content:"✓";position:absolute;left:0;top:0;color:var(--dbrass);font-weight:600}
.proof-line{display:block;text-align:center;text-wrap:balance;font-size:.85rem;color:#3A4150;line-height:1.35}
