:root { color-scheme: light; --ink:#18201f; --muted:#53605d; --paper:#f4f1e9; --panel:#fffdf8; --line:#c9cec8; --brass:#9b630d; --brass-dark:#704500; --steel:#264f5d; --danger:#922f27; --focus:#005fcc; font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); line-height:1.6; }
a { color:var(--steel); text-underline-offset:.18em; }
a:focus-visible,button:focus-visible,summary:focus-visible { outline:3px solid var(--focus); outline-offset:3px; }
.skip-link { position:absolute; left:1rem; top:-5rem; z-index:20; padding:.6rem 1rem; background:var(--ink); color:white; }
.skip-link:focus { top:1rem; }
.site-header { min-height:72px; display:flex; align-items:center; justify-content:space-between; gap:2rem; padding:0 max(1rem,calc((100vw - 1180px)/2)); border-bottom:1px solid var(--line); background:rgba(244,241,233,.97); }
.brand { color:var(--ink); font-size:1.15rem; font-weight:850; text-decoration:none; letter-spacing:-.02em; }
.brand span { color:var(--brass-dark); }
nav { display:flex; gap:1.25rem; align-items:center; }
nav a { color:var(--ink); text-decoration:none; font-weight:650; padding:.4rem .1rem; }
nav a[aria-current="page"] { border-bottom:3px solid var(--brass); }
.shell { width:min(1180px,calc(100% - 2rem)); margin-inline:auto; }
.hero { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr); gap:clamp(2rem,5vw,6rem); align-items:center; min-height:650px; padding-block:5rem; }
h1,h2,h3 { line-height:1.08; letter-spacing:-.035em; margin:0 0 1rem; }
h1 { font-size:clamp(2.7rem,7vw,5.8rem); max-width:16ch; }
h2 { font-size:clamp(2rem,4vw,3.45rem); max-width:20ch; }
h3 { font-size:1.25rem; }
.eyebrow { color:var(--brass-dark); font-size:.78rem; font-weight:850; letter-spacing:.14em; text-transform:uppercase; }
.lede { color:var(--muted); font-size:clamp(1.05rem,2vw,1.3rem); max-width:64ch; }
.actions { display:flex; flex-wrap:wrap; gap:.75rem; margin:2rem 0 1rem; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:.68rem 1rem; border:2px solid var(--ink); background:var(--ink); color:white; text-decoration:none; font-weight:800; border-radius:.35rem; }
.button.secondary { background:transparent; color:var(--ink); }
.status-chip,.flag,.pass { display:inline-block; padding:.25rem .55rem; border:1px solid var(--line); border-radius:100px; font-size:.78rem; font-weight:750; }
.proof-card { padding:1.2rem; border:1px solid var(--line); background:var(--panel); box-shadow:12px 12px 0 #d6d0c1; }
.proof-card ol { list-style:none; padding:0; margin:0; }
.proof-card li { display:grid; grid-template-columns:3rem 1fr; padding:1rem .25rem; border-bottom:1px solid var(--line); }
.proof-card li:last-child { border:0; }
.proof-card span { grid-row:1/3; color:var(--brass-dark); font-family:ui-monospace,monospace; }
.proof-card small { color:var(--muted); }
.section { padding-block:clamp(4rem,8vw,7rem); }
.section-head { margin-bottom:2.5rem; }
.section-head>p:last-child { max-width:65ch; color:var(--muted); }
.comparison { display:grid; grid-template-columns:1fr 1fr; gap:1.25rem; }
figure { margin:0; border:1px solid var(--line); background:var(--panel); }
figure img { width:100%; height:auto; display:block; background:#e5e2da; }
figcaption { padding:1rem; }
figcaption>strong { font-size:1.2rem; margin-right:.5rem; }
.flag { color:var(--danger); border-color:#d9aaa5; background:#fff0ed; }
.pass { color:#0f5b3a; border-color:#a5c9b5; background:#effaf3; }
dl { display:grid; grid-template-columns:1fr auto; gap:.45rem 1rem; margin:1rem 0 0; }
dt { color:var(--muted); } dd { margin:0; font-weight:700; }
figcaption dl { grid-template-columns:minmax(9rem,38%) 1fr; }
.metrics { display:grid; grid-template-columns:repeat(3,1fr); margin-top:1.25rem; border:1px solid var(--line); background:var(--panel); }
.metrics article { padding:1.25rem; border-right:1px solid var(--line); }
.metrics article:last-child { border:0; }
.metrics p,.metrics small { color:var(--muted); margin:0; }
.metrics strong { display:block; font-size:1.35rem; margin:.25rem 0; }
.metric-note { margin:.9rem 0 0; max-width:80ch; color:var(--muted); font-size:.95rem; }
.workflow,.pricing,.privacy { background:var(--ink); color:#f8f4ea; }
.workflow .eyebrow,.pricing .eyebrow,.privacy .eyebrow { color:#e8b456; }
.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:#57605e; border:1px solid #57605e; }
.steps article { padding:1.5rem; background:#222c2a; }
.steps b { color:#e8b456; font-family:ui-monospace,monospace; }
.steps p,.privacy p { color:#cbd2cf; }
.split { display:grid; grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr); gap:clamp(2rem,6vw,6rem); align-items:start; }
pre { margin:0; max-width:100%; overflow:auto; padding:1.2rem; color:#e7eee9; background:#111817; border:1px solid #40504d; font:500 .86rem/1.65 ui-monospace,SFMono-Regular,Consolas,monospace; border-radius:.25rem; }
code { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; }
.price-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.price-grid article { display:flex; flex-direction:column; padding:1.4rem; border:1px solid #68716f; background:#222c2a; }
.price-grid .featured { border-color:#e8b456; box-shadow:inset 0 4px #e8b456; }
.price-grid p { margin:0; }.price-grid strong { font-size:2.7rem; }.price-grid span { color:#cbd2cf; }
.table-wrap { max-width:100%; overflow:auto; margin-top:2rem; }
table { width:100%; border-collapse:collapse; background:var(--panel); color:var(--ink); }
caption { text-align:left; color:inherit; font-weight:800; margin-bottom:.6rem; }
th,td { padding:.8rem; text-align:left; border:1px solid var(--line); vertical-align:top; }
th { background:#e9e4d8; }
.checkout { margin-top:2rem; padding:1.4rem; border:1px solid #68716f; }
.checkout-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.checkout-grid>div { padding:1rem; background:#222c2a; }
.checkout-grid strong,.checkout-grid span { display:block; }
.checkout-grid .button { margin-top:.75rem; background:#e8b456; color:#18201f; border-color:#e8b456; }
.checkout-status { color:#cbd2cf; margin-top:.4rem; }
.limits { display:grid; grid-template-columns:.7fr 1.3fr; gap:4rem; }
.limits ul { margin:0; padding:0; list-style:none; }
.limits li { padding:1rem 0; border-top:1px solid var(--line); }
.faq details { border-top:1px solid var(--line); padding:1rem 0; max-width:850px; }
.faq summary { cursor:pointer; font-weight:800; }
footer { display:flex; justify-content:space-between; gap:2rem; padding:2rem max(1rem,calc((100vw - 1180px)/2)); border-top:1px solid var(--line); }
footer p { margin:.2rem 0; color:var(--muted); }
.docs-layout { width:min(1280px,calc(100% - 2rem)); margin:3rem auto 6rem; display:grid; grid-template-columns:280px minmax(0,1fr); gap:3rem; align-items:start; }
.docs-aside { position:sticky; top:1rem; padding:1.3rem; border:1px solid var(--line); background:var(--panel); }
.docs-aside h1 { font-size:2rem; }.docs-aside dl { grid-template-columns:1fr; }.docs-aside dd { overflow-wrap:anywhere; }
.docs-content { min-width:0; }.docs-content h1 { font-size:3rem; }.docs-content h2 { margin-top:3rem; font-size:2.1rem; }.docs-content h3 { margin-top:2rem; }.docs-content p,.docs-content li { max-width:80ch; }.docs-content pre { margin:1rem 0; }.docs-content :not(pre)>code { padding:.12rem .3rem; background:#e5e0d4; color:#1f2927; }
.text-link { display:inline-block; margin-top:1rem; font-weight:800; }
[hidden] { display:none !important; }
@media (max-width:800px) { .hero,.split,.limits,.docs-layout { grid-template-columns:1fr; }.hero { min-height:auto; padding-block:3rem; }.comparison,.price-grid,.steps,.metrics { grid-template-columns:1fr; }.metrics article { border-right:0; border-bottom:1px solid var(--line); }.checkout-grid { grid-template-columns:1fr; }.docs-aside { position:static; }.site-header,footer { align-items:flex-start; flex-direction:column; padding-block:1rem; } nav { flex-wrap:wrap; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }