@charset "utf-8";
/* Claimed for companies, claimedhq.com. The same paper, ink and type as
   claimed.zip, so the two read as one product seen from two desks. */
:root {
  --paper:#EDEDE7;
  --card:#FBFBF8;
  --sunk:#E3E3DC;
  --ink:#1F2225;
  --ink-2:#565A5F;
  --ink-3:#8B8F93;
  --rule:#D9D9D2;
  --rule-2:#C6C6BD;
  --accent:#17565E;
  --accent-t:#DAE8E8;
  --sans:"Instrument Sans",ui-sans-serif,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --measure:34rem;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper:#121416; --card:#1B1E20; --sunk:#1F2325;
    --ink:#E8E9E5; --ink-2:#A5A9AC; --ink-3:#73787C;
    --rule:#2A2E31; --rule-2:#393E41;
    --accent:#6FC0C6; --accent-t:#182C2E;
  }
}
:root[data-theme="dark"] {
  --paper:#121416; --card:#1B1E20; --sunk:#1F2325;
  --ink:#E8E9E5; --ink-2:#A5A9AC; --ink-3:#73787C;
  --rule:#2A2E31; --rule-2:#393E41;
  --accent:#6FC0C6; --accent-t:#182C2E;
}

* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--sans); font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased; }
a { color:inherit; }
.wrap { max-width:62rem; margin:0 auto; padding:0 1.5rem; }
.mono { font-family:var(--mono); font-variant-numeric:tabular-nums; }
.label { font-family:var(--mono); font-size:0.625rem; font-weight:500; letter-spacing:0.13em; text-transform:uppercase; color:var(--ink-3); }

nav { border-bottom:1px solid var(--rule); }
.nav-in { max-width:62rem; margin:0 auto; padding:1.1rem 1.5rem; display:flex; align-items:baseline; gap:1.5rem; flex-wrap:wrap; }
.brand { font-size:1.125rem; font-weight:600; letter-spacing:-0.02em; text-decoration:none; }
.brand .stop, .f .stop { color:var(--accent); }
.brand .for { font-weight:400; color:var(--ink-3); }
.nav-links { display:flex; gap:1.25rem; margin-left:auto; font-size:0.9375rem; }
.nav-links a { text-decoration:none; color:var(--ink-2); }
.nav-links a[aria-current="page"] { color:var(--ink); }
@media (hover:hover) and (pointer:fine) { .nav-links a:hover { color:var(--ink); } }

h1 { font-size:clamp(2.2rem,5.5vw,3.3rem); font-weight:600; letter-spacing:-0.03em; line-height:1.05; margin:0 0 1.25rem; text-wrap:balance; }
h2 { font-size:clamp(1.5rem,3.2vw,2rem); font-weight:600; letter-spacing:-0.024em; line-height:1.14; margin:0 0 1rem; text-wrap:balance; }
h3 { font-size:1.125rem; font-weight:600; letter-spacing:-0.01em; margin:0; }
.lede { font-size:1.1875rem; color:var(--ink-2); max-width:var(--measure); margin:0 0 2rem; }
.hero { padding:4.5rem 0 3.5rem; }

.btn { display:inline-block; background:var(--ink); color:var(--paper); font-size:1rem; font-weight:500; padding:0.7rem 1.4rem; border-radius:4px; text-decoration:none; transition:transform 160ms cubic-bezier(0.23,1,0.32,1); }
.btn:active { transform:scale(0.97); }
.btn.quiet { background:transparent; color:var(--ink); border:1px solid var(--rule-2); }
.cta { display:flex; gap:0.75rem; flex-wrap:wrap; align-items:center; }
.fineprint { font-family:var(--mono); font-size:0.6875rem; letter-spacing:0.05em; color:var(--ink-3); }

section.block { border-top:1px solid var(--rule); padding:3.5rem 0; }
.block p { color:var(--ink-2); max-width:var(--measure); margin:0 0 0.9rem; }

/* plans */
.plans { display:grid; grid-template-columns:repeat(auto-fit,minmax(17rem,1fr)); gap:1rem; margin-top:2rem; }
.plan { background:var(--card); border:1px solid var(--rule); border-radius:4px; padding:1.5rem; display:flex; flex-direction:column; gap:1rem; min-width:0; }
.plan.main { border-color:var(--accent); }
.plan .price { display:flex; align-items:baseline; gap:0.4rem; flex-wrap:wrap; }
.plan .amount { font-size:2.5rem; font-weight:600; letter-spacing:-0.03em; font-variant-numeric:tabular-nums; }
.plan .unit { color:var(--ink-2); font-size:0.9375rem; }
.plan .alt { font-family:var(--mono); font-size:0.75rem; color:var(--ink-3); font-variant-numeric:tabular-nums; }
.plan ul { list-style:none; margin:0; padding:0; display:grid; gap:0.45rem; font-size:0.9375rem; color:var(--ink-2); }
.plan li { padding-left:1.1rem; position:relative; }
.plan li::before { content:"\00B7"; position:absolute; left:0.2rem; color:var(--accent); font-weight:600; }
.plan .who { color:var(--ink-2); font-size:0.9375rem; margin:0; }

/* currency switch */
.switch { display:inline-flex; border:1px solid var(--rule-2); border-radius:4px; overflow:hidden; margin-top:1.5rem; }
.switch button { font:500 0.8125rem var(--mono); background:transparent; color:var(--ink-2); border:0; padding:0.4rem 0.8rem; cursor:pointer; }
.switch button[aria-pressed="true"] { background:var(--ink); color:var(--paper); }
.switch button:focus-visible { outline:2px solid var(--accent); outline-offset:-2px; }

/* facts */
.facts { display:grid; grid-template-columns:repeat(auto-fit,minmax(14rem,1fr)); gap:1.5rem 2.5rem; margin-top:1.75rem; }
.fact .k { font-weight:600; margin:0 0 0.25rem; }
.fact .v { color:var(--ink-2); font-size:0.9375rem; margin:0; }

/* faq */
.faq { display:grid; grid-template-columns:repeat(auto-fit,minmax(17rem,1fr)); gap:1.75rem 3rem; margin-top:1.75rem; }
.fq p { margin:0; max-width:26rem; }
.fq .q { font-weight:600; margin-bottom:0.25rem; }
.fq .a { color:var(--ink-2); font-size:0.9375rem; }

/* steps */
.steps { display:grid; grid-template-columns:repeat(auto-fit,minmax(14rem,1fr)); gap:1.5rem 2.5rem; margin-top:1.75rem; counter-reset:s; }
.step { counter-increment:s; }
.step::before { content:counter(s, decimal-leading-zero); display:block; font:500 0.75rem var(--mono); color:var(--ink-3); margin-bottom:0.4rem; }
.step p { font-size:0.9375rem; }

footer { border-top:1px solid var(--rule); padding:2rem 0 3rem; display:flex; gap:1rem; align-items:baseline; flex-wrap:wrap; }
footer .f { font-family:var(--mono); font-size:0.6875rem; letter-spacing:0.08em; text-transform:uppercase; color:var(--ink-3); }
footer .f a { text-decoration:none; }

@media (prefers-reduced-motion: reduce) { .btn { transition:none; } }
@media (max-width:600px) {
  .wrap, .nav-in { padding-left:1.15rem; padding-right:1.15rem; }
  .hero { padding:3rem 0 2.5rem; }
  .nav-links { margin-left:0; width:100%; }
}