/* Shared styles for VeriflowAPI SEO landing pages. */
:root{--ink:#0f1117;--ink-muted:#6b7080;--surface:#fafaf8;--surface-2:#f4f3ef;
--accent:#1a4fff;--accent-light:#e8eeff;--accent-dark:#1238cc;--success:#0ea561;
--border:#e2e0d8;--code-bg:#0f1117;}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:'DM Sans',system-ui,sans-serif;color:var(--ink);
background:var(--surface);line-height:1.6;-webkit-font-smoothing:antialiased;}
a{color:var(--accent);text-decoration:none;}
a:hover{text-decoration:underline;}
.wrap{max-width:920px;margin:0 auto;padding:0 24px;}
header.nav{border-bottom:1px solid var(--border);background:rgba(250,250,248,.9);
backdrop-filter:blur(8px);position:sticky;top:0;z-index:10;}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:62px;}
.logo{font-family:'DM Serif Display',serif;font-size:1.35rem;color:var(--ink);}
.logo span{color:var(--accent);}
.cta{background:var(--accent);color:#fff;padding:.6rem 1.15rem;border-radius:7px;
font-weight:600;font-size:.9rem;display:inline-block;}
.cta:hover{background:var(--accent-dark);text-decoration:none;}
.cta-lg{padding:.85rem 1.6rem;font-size:1rem;}
h1{font-family:'DM Serif Display',serif;font-size:2.6rem;line-height:1.1;margin:.2em 0;}
h2{font-family:'DM Serif Display',serif;font-size:1.7rem;margin:1.6em 0 .5em;}
.badge{display:inline-block;background:var(--accent-light);color:var(--accent-dark);
font-size:.78rem;font-weight:600;padding:.3rem .7rem;border-radius:100px;margin-bottom:1rem;}
.hero{padding:64px 0 40px;}
.hero p.sub{font-size:1.18rem;color:var(--ink-muted);max-width:640px;}
.hero .cta-lg{margin-top:1.4rem;}
.free{font-size:.85rem;color:var(--ink-muted);margin-top:.7rem;}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:1em 0;}
.card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px;}
.card h3{margin:.1em 0 .35em;font-size:1.05rem;}
.card p{margin:0;color:var(--ink-muted);font-size:.95rem;}
pre{background:var(--code-bg);color:#e6e9f2;border-radius:12px;padding:20px;overflow-x:auto;
font-family:'DM Mono',ui-monospace,monospace;font-size:.82rem;line-height:1.6;}
pre .k{color:#8ab4ff;}pre .s{color:#8ce0a8;}pre .b{color:#ffb454;}pre .c{color:#6b7080;}
.states{display:flex;flex-wrap:wrap;gap:8px;margin:.6em 0;}
.pill{background:var(--surface-2);border:1px solid var(--border);border-radius:100px;
padding:.3rem .8rem;font-size:.85rem;font-weight:500;}
.faq{margin:.8em 0;}
.faq details{border-bottom:1px solid var(--border);padding:.9em 0;}
.faq summary{font-weight:600;cursor:pointer;}
.faq p{color:var(--ink-muted);margin:.6em 0 0;}
.cta-band{background:var(--accent-light);border-radius:16px;padding:40px;text-align:center;margin:48px 0;}
.cta-band h2{margin-top:0;}
footer{border-top:1px solid var(--border);padding:32px 0;color:var(--ink-muted);font-size:.85rem;}
footer a{color:var(--ink-muted);}
.muted{color:var(--ink-muted);}
@media(max-width:640px){h1{font-size:2rem;}.hero{padding:40px 0 28px;}}