/* Base styles for Get Booked's simple pages (thanks, privacy). The homepage carries its own styles. */
@font-face { font-family: "Outfit"; font-weight: 400; font-display: swap; src: url(../fonts/outfit-latin-400-normal.woff2) format("woff2"); }
@font-face { font-family: "Outfit"; font-weight: 600; font-display: swap; src: url(../fonts/outfit-latin-600-normal.woff2) format("woff2"); }
@font-face { font-family: "Outfit"; font-weight: 800; font-display: swap; src: url(../fonts/outfit-latin-800-normal.woff2) format("woff2"); }

:root { --ink: #1A2334; --ink-soft: #3B4559; --line: #DAE0EA; --mark: #FFD84A; }
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: flex; flex-direction: column; font-family: "Outfit", system-ui, sans-serif; font-size: 1.125rem; line-height: 1.6; color: var(--ink-soft); background: #fff; }
main { flex: 1; }
a { color: var(--ink); }
h1, h2 { color: var(--ink); }
.wrap { max-width: 1120px; margin: 0 auto; padding: 0 24px; }
:focus-visible { outline: 3px solid var(--ink); outline-offset: 3px; box-shadow: 0 0 0 7px var(--mark); border-radius: 6px; }
.site-footer :focus-visible { outline-color: #fff; }

.page-head { border-bottom: 1px solid var(--line); }
.page-head .wrap { height: 72px; display: flex; align-items: center; }
.page-head img { width: 184px; height: auto; }

.btn { display: inline-flex; align-items: center; min-height: 52px; padding: 0 26px; border-radius: 999px; background: var(--ink); color: #fff; text-decoration: none; font-weight: 600; font-size: 1.0625rem; }

.done { text-align: center; padding: 96px 24px; }
.done .tick { width: 112px; height: 112px; border-radius: 50%; background: var(--mark); display: grid; place-items: center; margin: 0 auto 28px; }
.done h1 { font-weight: 800; font-size: clamp(2.2rem, 6vw, 3.2rem); letter-spacing: -0.02em; margin: 0; }
.done p { font-size: 1.25rem; max-width: 32ch; margin: 14px auto 32px; }

.prose { max-width: 720px; padding-top: 72px; padding-bottom: 96px; }
.prose h1 { font-weight: 800; font-size: clamp(2.2rem, 5vw, 3rem); letter-spacing: -0.02em; line-height: 1.1; margin: 0 0 32px; }
.prose h2 { font-weight: 600; font-size: 1.375rem; margin: 40px 0 10px; }
.prose p { margin: 0 0 16px; }