/* The SEO tools: tokens and content styles, scoped to .st-page so they can sit inside any page of the site. */
.st-page {
  --bg: #0b1622; --bg-2: #0d1c2c; --panel: #0f2236; --panel-2: #122a42; --line: #1e3146; --line-2: #29435f;
  --text: #e6edf3; --head: #f4f8fa; --muted: #9fb0bd; --soft: #c5d2db;
  --mint: #a5ead2; --mint-ink: #13372f; --mint-text: #9fe3c8; --gold: #d4ad76;
  --red: #ff8a80; --red-bg: rgba(255,138,128,.12); --amber: #f4c27a; --amber-bg: rgba(244,194,122,.12); --green-bg: rgba(165,234,210,.12);
  --blue: #8cc4ff; --blue-bg: rgba(140,196,255,.12);
  --radius: 18px; --max: 1260px;
  color-scheme: dark;
}
.st-page * { box-sizing: border-box; }
.st-page [hidden] { display: none !important; }
.st-page { margin: 0; background: var(--bg); color: var(--text); font: 400 16px/1.6 Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
.st-page a { color: var(--mint-text); }
.st-page a:hover { color: var(--mint); }
.st-page h1, .st-page h2, .st-page h3 { color: var(--head); line-height: 1.15; margin: 0 0 .5em; }
.st-page h1 { font-size: clamp(34px, 5vw, 56px); font-weight: 600; letter-spacing: -.02em; }
.st-page h2 { font-size: clamp(22px, 2.6vw, 30px); font-weight: 800; letter-spacing: -.01em; }
.st-page h3 { font-size: 18px; font-weight: 750; }
.st-page p { margin: 0 0 1em; }
.st-page .container { width: min(var(--max), 100% - 32px); margin: 0 auto; }
.st-page .narrow { width: min(860px, 100% - 32px); margin: 0 auto; }
.st-page :focus-visible { outline: 2px solid var(--mint); outline-offset: 2px; }
.st-page .who { font-size: 13px; color: var(--soft); max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.st-page .btn, .st-page button.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 18px; border-radius: 10px; border: 1px solid var(--mint); background: var(--mint); color: var(--mint-ink); font: 800 15px/1 Inter, system-ui, sans-serif; text-decoration: none; cursor: pointer; white-space: nowrap; }
.st-page .btn:hover { background: #b9f0dd; color: var(--mint-ink); }
.st-page .btn.ghost { background: transparent; color: var(--head); border-color: var(--line-2); }
.st-page .btn.ghost:hover { border-color: var(--mint); color: var(--mint); }
.st-page .btn.small { min-height: 36px; padding: 0 14px; font-size: 13px; }
.st-page .btn[disabled] { opacity: .5; cursor: not-allowed; }
.st-page .linkish { background: none; border: 0; padding: 0; color: var(--mint-text); font: inherit; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.st-page .hero { padding: 64px 0 40px; background: var(--panel); border-bottom: 1px solid var(--line); }
.st-page .eyebrow { display: inline-flex; align-items: center; gap: 12px; color: var(--mint-text); font-size: 13px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; margin-bottom: 16px; }
.st-page .eyebrow::before { content: ""; width: 22px; height: 2px; background: var(--mint-text); }
.st-page .lead { font-size: 20px; color: var(--soft); max-width: 760px; }
.st-page .dot { color: var(--mint); }
.st-page section.block { padding: 44px 0; }
.st-page .card { background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); padding: 24px; }
.st-page .grid { display: grid; gap: 18px; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
.st-page .tool { display: flex; flex-direction: column; gap: 10px; }
.st-page .tool p { color: var(--soft); font-size: 15px; flex: 1; }
.st-page .tag { display: inline-block; align-self: flex-start; padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 800; letter-spacing: .04em; }
.st-page .tag.live { background: var(--green-bg); color: var(--mint); }
.st-page .tag.soon { background: rgba(212,173,118,.14); color: var(--gold); }
.st-page .muted { color: var(--muted); }
.st-page .small { font-size: 14px; }
.st-page .form { display: grid; gap: 18px; }
.st-page .url-row { display: flex; gap: 10px; flex-wrap: wrap; }
.st-page .url-row input { flex: 1 1 320px; }
.st-page input[type="url"], .st-page input[type="email"], .st-page input[type="text"], .st-page select, .st-page textarea { width: 100%; min-height: 50px; padding: 12px 14px; border-radius: 12px; border: 1px solid var(--line-2); background: var(--bg-2); color: var(--head); font: 500 16px/1.4 Inter, system-ui, sans-serif; }
.st-page textarea { min-height: 120px; resize: vertical; }
.st-page input:focus, .st-page select:focus, .st-page textarea:focus { outline: none; border-color: var(--mint); box-shadow: 0 0 0 3px rgba(165,234,210,.18); }
.st-page fieldset { border: 1px solid var(--line); border-radius: 14px; padding: 14px 16px 16px; margin: 0; }
.st-page legend { padding: 0 6px; font-size: 13px; font-weight: 800; color: var(--soft); letter-spacing: .04em; text-transform: uppercase; }
.st-page .checks { display: flex; flex-wrap: wrap; gap: 10px 22px; }
.st-page .checks label, .st-page .radio { display: inline-flex; align-items: flex-start; gap: 9px; cursor: pointer; font-size: 15px; }
.st-page .checks input, .st-page .radio input { width: 18px; height: 18px; margin-top: 2px; accent-color: var(--mint); }
.st-page .radio { display: flex; padding: 12px 14px; border: 1px solid var(--line); border-radius: 12px; background: var(--bg-2); }
.st-page .radio:has(input:checked) { border-color: var(--mint); }
.st-page .radio[aria-disabled="true"] { opacity: .55; cursor: not-allowed; }
.st-page .radio b { display: block; color: var(--head); }
.st-page .radio span span { display: block; color: var(--muted); font-size: 13.5px; }
.st-page .where { display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.st-page .hint { color: var(--muted); font-size: 13.5px; margin-top: 6px; }
.st-page .note { padding: 12px 14px; border-radius: 12px; background: var(--blue-bg); color: #d6e8ff; font-size: 14.5px; }
.st-page .note.warn { background: var(--amber-bg); color: #ffe2b6; }
.st-page .note.err { background: var(--red-bg); color: #ffd1cc; }
.st-page .progress { display: grid; gap: 10px; }
.st-page .progress .row { display: flex; gap: 12px; align-items: flex-start; }
.st-page .spin { flex: none; width: 18px; height: 18px; margin-top: 3px; border-radius: 50%; border: 2px solid var(--mint); border-right-color: transparent; animation: spin .7s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.st-page .progress pre { margin: 0; white-space: pre-wrap; font: 500 14.5px/1.55 Inter, system-ui, sans-serif; color: var(--soft); }
.st-page .list { display: grid; gap: 10px; }
.st-page .entry { display: grid; grid-template-columns: 1fr auto; gap: 4px 14px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 14px; background: var(--panel); }
.st-page .entry .title { font-weight: 750; color: var(--head); text-decoration: none; overflow-wrap: anywhere; }
.st-page .entry a.title:hover { color: var(--mint); }
.st-page .entry .sub { grid-column: 1; font-size: 13px; color: var(--muted); overflow-wrap: anywhere; }
.st-page .entry .pills { grid-column: 1 / -1; display: grid; gap: 8px; margin-top: 8px; }
.st-page .pill-row { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.st-page .pill-row.device { padding-left: 76px; position: relative; min-height: 24px; }
.st-page .pill-device { position: absolute; left: 0; top: 2px; font-size: 13px; font-weight: 600; color: var(--soft); }
.st-page .entry .del { grid-row: 1; grid-column: 2; background: none; border: 1px solid transparent; color: var(--muted); border-radius: 8px; width: 32px; height: 32px; cursor: pointer; font-size: 18px; }
.st-page .entry .del:hover { border-color: var(--line-2); color: var(--red); }
.st-page .pill { display: inline-block; padding: 2px 9px; border-radius: 999px; font-size: 12px; font-weight: 750; background: var(--panel-2); color: var(--soft); }
.st-page .pill.js { background: var(--amber-bg); color: var(--amber); }
.st-page .pill.gone { background: var(--red-bg); color: var(--red); }
.st-page .pill.chg { background: var(--blue-bg); color: var(--blue); }
.st-page .pill.ok { background: var(--green-bg); color: var(--mint); }
.st-page .pill.click { background: rgba(196,160,255,.14); color: #d7c3ff; }
.st-page .toolbar { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.st-page .toolbar select { width: auto; min-height: 40px; padding: 6px 12px; font-size: 14px; }
.st-page .empty { padding: 22px; text-align: center; color: var(--muted); border: 1px dashed var(--line-2); border-radius: 14px; }
@media (max-width: 880px) {
  .st-page .who { display: none; }
  .st-page .hero { padding: 40px 0 28px; }
  .st-page .lead { font-size: 17px; }
  .st-page .card { padding: 18px; }
}
.st-page .queue { display: flex; align-items: center; gap: 18px; padding: 16px 18px; margin: 4px 0 16px; border-radius: 14px; background: var(--bg-2); border: 1px solid var(--line-2); }
.st-page .qclock { flex: none; min-width: 84px; height: 84px; padding: 0 10px; display: grid; place-items: center; border-radius: 50%; border: 3px solid var(--mint); color: var(--head); font: 800 26px/1 Inter, system-ui, sans-serif; font-variant-numeric: tabular-nums; }
.st-page .qclock.small { font-size: 18px; }
.st-page .queue b { color: var(--head); font-size: 17px; }
.st-page .checklist { list-style: none; margin: 18px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 8px 22px; max-width: 900px; }
.st-page .checklist li { position: relative; padding-left: 26px; color: var(--soft); font-size: 15px; }
.st-page .checklist li::before { content: "✓"; position: absolute; left: 0; top: 0; color: var(--mint); font-weight: 900; }
.st-page .legal h2 { font-size: 22px; margin: 34px 0 10px; }
.st-page .legal p, .st-page .legal li { color: var(--soft); font-size: 16px; }
.st-page .legal ul { padding-left: 20px; display: grid; gap: 8px; }
.st-page .legal b { color: var(--head); }
.st-page .legal code { font-size: 14px; background: var(--panel-2); padding: 1px 6px; border-radius: 5px; color: var(--head); }
.st-page #gsi, .st-page #gsi iframe { color-scheme: normal; background: transparent; }
.st-page .gsc-card { display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; }
.st-page .gsc-card .ok-dot::before { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--mint); margin-right: 8px; }
.st-page #run-audit, .st-page #example-reports, .st-page #checks, .st-page #reportsBlock { scroll-margin-top: 76px; }
.st-page .lp-nav { display: flex; gap: 28px; margin-left: 28px; font-size: 14px; }
.st-page .lp-nav a { color: var(--soft); text-decoration: none; }
.st-page .lp-nav a:hover { color: var(--mint); }
.st-page .lp-hero { position: relative; overflow: hidden; background: var(--panel); border-bottom: 1px solid var(--line); }
.st-page .lp-hero::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(#24435955 1px, transparent 1px), linear-gradient(90deg, #24435955 1px, transparent 1px); background-size: 32px 32px; opacity: .36; -webkit-mask-image: linear-gradient(to bottom, #000, transparent 95%); mask-image: linear-gradient(to bottom, #000, transparent 95%); pointer-events: none; }
.st-page .lp-hero-grid { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(440px, .93fr); gap: 54px; align-items: start; padding-top: 88px; padding-bottom: 80px; }
.st-page .lp-hero h1 { max-width: 670px; margin: 22px 0 0; font-size: clamp(38px, 4.25vw, 60px); font-weight: 800; line-height: 1.12; letter-spacing: -.035em; }
.st-page .lp-accent { color: var(--mint); }
.st-page .lp-hero-copy { max-width: 560px; margin: 24px 0 0; font-size: 18px; line-height: 1.65; color: var(--soft); }
.st-page .lp-values { display: grid; gap: 14px; margin: 30px 0 0; padding: 0; list-style: none; }
.st-page .lp-values li { display: flex; align-items: center; gap: 12px; font-size: 16px; color: var(--text); }
.st-page .lp-tick { flex: none; display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: #183e3f; color: var(--mint); font-size: 13px; font-weight: 900; }
.st-page .lp-hero-note { margin: 30px 0 0; font-size: 14px; color: var(--muted); }
.st-page .lp-side { display: grid; gap: 16px; min-width: 0; }
.st-page .lp-form { padding: 28px; background: rgba(17,42,62,.96); border: 1px solid var(--line-2); border-radius: 20px; box-shadow: 0 24px 70px rgba(0,0,0,.2); }
.st-page .lp-form-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 22px; }
.st-page .lp-form-head h2 { margin: 0; font-size: 23px; font-weight: 800; letter-spacing: -.02em; }
.st-page .lp-form-head p { margin: 6px 0 0; font-size: 14px; color: var(--muted); }
.st-page .form-glyph { flex: none; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: #1c3c4b; color: var(--mint); font-size: 19px; line-height: 1; }
.st-page .form-glyph { position: relative; isolation: isolate; }
.st-page .form-glyph::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; background: var(--mint); opacity: 0; will-change: transform, opacity; animation: lp-pulse 2.8s cubic-bezier(.22, .61, .36, 1) infinite; }
@keyframes lp-pulse { 0% { transform: scale(1); opacity: .34; } 70%, 100% { transform: scale(1.55); opacity: 0; } }
.st-page .lp-field { display: block; margin-bottom: 8px; font-size: 14px; font-weight: 700; }
.st-page .lp-form input[type="url"] { min-height: 54px; background: #091a2c; border-color: #3d5b70; }
.st-page .lp-run { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 54px; margin-top: 12px; border: 0; border-radius: 12px; background: var(--mint); color: var(--mint-ink); font: 800 16px/1.2 Inter, system-ui, sans-serif; cursor: pointer; }
.st-page .lp-run:hover { background: #b9f0dd; }
.st-page .lp-run:disabled { opacity: .6; cursor: progress; }
.st-page .lp-choices { display: flex; flex-wrap: wrap; gap: 10px 24px; margin: 18px 0; }
.st-page .lp-choices label, .st-page .lp-fold-body > label:not(.small) { display: inline-flex; align-items: flex-start; gap: 9px; font-size: 15px; cursor: pointer; }
.st-page .lp-form input[type="checkbox"] { flex: none; width: 18px; height: 18px; margin-top: 3px; accent-color: var(--mint); }
.st-page #turnstile:not(:empty) { margin-bottom: 18px; }
.st-page .lp-fold { border-top: 1px solid var(--line-2); }
.st-page .lp-fold > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 52px; font-size: 15px; font-weight: 700; list-style: none; cursor: pointer; }
.st-page .lp-fold > summary::-webkit-details-marker, .st-page .lp-help > summary::-webkit-details-marker { display: none; }
.st-page .lp-fold > summary:hover, .st-page .lp-help > summary:hover { color: var(--mint); }
.st-page .lp-chev { flex: none; color: var(--mint); transition: transform .15s; }
.st-page .lp-fold[open] .lp-chev { transform: rotate(180deg); }
.st-page .lp-fold-body { display: grid; justify-items: start; gap: 12px; padding-bottom: 18px; }
.st-page .lp-fold-body select { width: 100%; }
.st-page .lp-fold-body .hint { margin: 0; }
.st-page .lp-small { margin: 0; font-size: 14px; color: var(--muted); }
.st-page .lp-help { padding-top: 14px; border-top: 1px solid var(--line-2); font-size: 14px; color: var(--muted); }
.st-page .lp-help > summary { list-style: none; cursor: pointer; }
.st-page .lp-help b { color: #c6eadd; font-weight: 700; }
.st-page .lp-note { font-size: 14px; }
.st-page .lp-how { background: #091a2a; border-bottom: 1px solid var(--line); }
.st-page .lp-how-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; padding-top: 26px; padding-bottom: 26px; }
.st-page .lp-how-grid > div { display: flex; align-items: center; gap: 15px; }
.st-page .lp-num { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #315568; border-radius: 12px; background: #143244; color: var(--mint); font-size: 18px; font-weight: 800; }
.st-page .lp-how-grid strong { display: block; font-size: 15px; color: var(--head); }
.st-page .lp-how-grid small { display: block; margin-top: 2px; font-size: 13px; color: var(--muted); }
.st-page .lp-section { padding: 92px 0; }
.st-page .lp-heading { max-width: 720px; margin-bottom: 36px; }
.st-page .lp-heading h2 { margin: 0; font-size: clamp(30px, 3.2vw, 44px); font-weight: 800; line-height: 1.16; letter-spacing: -.03em; }
.st-page .lp-heading p { margin: 15px 0 0; font-size: 17px; line-height: 1.7; color: var(--soft); }
.st-page .lp-kicker { margin-bottom: 14px; font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--mint); }
.st-page .lp-reports { background: #091929; }
.st-page .lp-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.st-page .lp-shell { overflow: hidden; background: #10283d; border: 1px solid var(--line-2); border-radius: 18px; box-shadow: 0 15px 35px #0002; }
.st-page .lp-shell-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 15px; padding: 16px 22px; background: #162f45; border-bottom: 1px solid #355369; }
.st-page .lp-shell-top strong { font-size: 15px; color: var(--head); }
.st-page .lp-shell-top span { font-size: 13px; color: var(--muted); }
.st-page .lp-shell-body { padding: 24px 22px; }
.st-page .lp-shell-body h3 { margin: 12px 0 0; font-size: 21px; line-height: 1.3; }
.st-page .lp-tag { display: inline-flex; padding: 4px 10px; font-size: 13px; color: #ffd0b7; background: #372d30; border: 1px solid #674449; border-radius: 7px; }
.st-page .lp-compare { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 20px 0; }
.st-page .lp-mini { padding: 12px; background: #0b1e30; border: 1px solid #345469; border-radius: 10px; }
.st-page .lp-mini h4 { margin: 0 0 12px; font-size: 12px; font-weight: 700; color: var(--soft); }
.st-page .lp-photo { display: grid; place-items: center; height: 60px; margin-bottom: 11px; border-radius: 5px; background: var(--panel); color: #85bcb8; font-size: 13px; }
.st-page .lp-bar { display: block; height: 6px; margin-bottom: 6px; border-radius: 10px; background: #486478; }
.st-page .lp-bar.short { width: 60%; }
.st-page .lp-bar.mid { width: 78%; }
.st-page .lp-good, .st-page .lp-lost { margin-top: 8px; padding: 8px; border-radius: 5px; font-size: 12px; line-height: 1.45; }
.st-page .lp-good { color: #bafbe0; background: #193d42; border: 1px solid #4c947e; }
.st-page .lp-lost { color: #ffc4b8; border: 1px dashed #f2a799; }
.st-page .lp-explain { display: grid; gap: 14px; }
.st-page .lp-explain strong, .st-page .lp-note-row strong { display: block; margin-bottom: 3px; font-size: 14px; color: var(--head); }
.st-page .lp-explain p, .st-page .lp-note-row p { margin: 0; font-size: 14px; line-height: 1.55; color: var(--soft); }
.st-page .lp-ticket { padding: 18px; background: #0b2133; border: 1px solid #37566b; border-radius: 11px; }
.st-page .lp-ticket-top { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 12px; font-size: 13px; color: var(--muted); }
.st-page .lp-ticket-title { margin-bottom: 14px; font-size: 18px; font-weight: 700; line-height: 1.4; color: var(--head); overflow-wrap: anywhere; }
.st-page .lp-meta { display: grid; grid-template-columns: 100px 1fr; gap: 7px 9px; padding: 12px 0; font-size: 13px; border-top: 1px solid #29465b; border-bottom: 1px solid #29465b; }
.st-page .lp-meta span:nth-child(odd) { color: var(--muted); }
.st-page .lp-note-row { margin-top: 14px; }
.st-page .lp-code { margin-top: 8px; padding: 10px; color: #b3e6cc; background: #071b2c; border: 1px solid #2a465b; border-radius: 6px; font: 12px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; white-space: pre-wrap; word-break: break-word; }
.st-page .lp-attach { margin-top: 14px; padding: 10px; font-size: 13px; color: #b8d2de; border: 1px solid #3c596d; border-radius: 6px; }
.st-page .lp-captions { margin-top: 20px; }
.st-page .lp-captions p { margin: 0; font-size: 15px; line-height: 1.6; color: var(--soft); }
.st-page .lp-captions strong { display: block; margin-bottom: 5px; font-size: 16px; color: var(--head); }
.st-page .lp-fine { margin: 14px 0 0; font-size: 13px; color: var(--muted); }
.st-page .lp-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.st-page .lp-grid article { padding: 24px; background: #0d2235; border: 1px solid var(--line); border-radius: 15px; }
.st-page .lp-icon { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 17px; color: var(--mint); background: #173747; border: 1px solid #355969; border-radius: 11px; font-size: 18px; }
.st-page .lp-grid h3 { margin: 0 0 9px; font-size: 18px; }
.st-page .lp-grid p { margin: 0; font-size: 15px; line-height: 1.6; color: var(--soft); }
.st-page .lp-allchecks { margin-top: 24px; padding: 0 20px; background: #0c2236; border: 1px solid var(--line-2); border-radius: 12px; }
.st-page .lp-allchecks summary { padding: 17px 0; font-weight: 700; color: #d9f8ed; cursor: pointer; }
.st-page .lp-checkgroups { columns: 2; column-gap: 44px; padding: 8px 0 12px; }
.st-page .lp-checkgroups > div { break-inside: avoid; padding-bottom: 26px; }
.st-page .lp-checkgroups h3 { margin: 0 0 10px; font-size: 16px; font-weight: 700; color: var(--mint); }
.st-page .lp-checkgroups ul { margin: 0; padding-left: 18px; }
.st-page .lp-checkgroups li { margin-bottom: 6px; font-size: 15px; line-height: 1.5; color: var(--soft); }
.st-page .lp-recent { background: #0a1b2a; border-top: 1px solid var(--line); }
.st-page .lp-reportlist { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.st-page .lp-reportlist > :only-child { grid-column: 1 / -1; }
.st-page .lp-cta { padding: 76px 0; text-align: center; background: var(--panel); border-top: 1px solid var(--line); }
.st-page .lp-cta h2 { max-width: 820px; margin: 0 auto; font-size: clamp(28px, 3.3vw, 44px); font-weight: 800; line-height: 1.18; letter-spacing: -.03em; }
.st-page .lp-cta p { max-width: 650px; margin: 14px auto 24px; font-size: 17px; color: var(--soft); }
.st-page .lp-cta-btn { display: inline-flex; padding: 14px 24px; font-size: 15px; font-weight: 800; color: var(--mint-ink); background: var(--mint); border-radius: 10px; text-decoration: none; }
.st-page .lp-cta-btn:hover { background: #b9f0dd; color: var(--mint-ink); }
@media (max-width: 1010px) {
  .st-page .lp-nav { display: none; }
  .st-page .lp-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; padding-top: 56px; padding-bottom: 52px; }
  .st-page .lp-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .st-page .lp-hero-grid { padding-top: 40px; padding-bottom: 44px; }
  .st-page .lp-hero h1 { font-size: 38px; margin-top: 16px; }
  .st-page .lp-hero-copy { font-size: 16.5px; margin-top: 16px; }
  .st-page .lp-form { padding: 20px; border-radius: 16px; }
  .st-page .lp-how-grid, .st-page .lp-two, .st-page .lp-grid, .st-page .lp-reportlist { grid-template-columns: minmax(0, 1fr); }
  .st-page .lp-checkgroups { columns: 1; }
  .st-page .lp-how-grid { gap: 16px; padding-top: 22px; padding-bottom: 22px; }
  .st-page .lp-section { padding: 60px 0; }
  .st-page .lp-compare { gap: 8px; }
  .st-page .lp-shell-body { padding: 18px; }
  .st-page .lp-cta { padding: 56px 0; }
}
@media (prefers-reduced-motion: reduce) {
  .st-page .form-glyph::before { animation: none; }
}
.st-page .hub-hero { position: relative; overflow: hidden; background: var(--panel); border-bottom: 1px solid var(--line); }
.st-page .hub-hero::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(#24435955 1px, transparent 1px), linear-gradient(90deg, #24435955 1px, transparent 1px); background-size: 32px 32px; opacity: .36; pointer-events: none; }
.st-page .hub-hero-in { position: relative; padding-top: 36px; padding-bottom: 34px; }
.st-page .hub-hero .eyebrow { margin-bottom: 8px; }
.st-page .hub-hero h1 { font-size: clamp(32px, 4.2vw, 46px); font-weight: 850; letter-spacing: -.025em; margin: 0 0 14px; }
.st-page .hub-lead { max-width: 760px; margin: 0 0 18px; color: var(--soft); font-size: clamp(16px, 1.5vw, 18px); line-height: 1.5; }
.st-page .hub-values { display: flex; flex-wrap: wrap; gap: 12px 34px; margin: 0; padding: 0; list-style: none; color: var(--soft); font-size: 15px; font-weight: 500; }
.st-page .hub-values li { display: inline-flex; align-items: center; gap: 12px; }
.st-page .hub-values svg, .st-page .hub-tool-ico svg, .st-page .hub-points svg, .st-page .hub-notify svg, .st-page .hub-act svg, .st-page .hub-manage svg, .st-page .hub-chip svg { width: 1em; height: 1em; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.st-page .hub-values svg { width: 24px; height: 24px; color: var(--mint); }
.st-page .hub-block { padding-top: 36px; padding-bottom: 8px; }
.st-page .hub-block h2, .st-page .hub-h { font-size: 30px; font-weight: 800; letter-spacing: -.015em; margin: 0 0 12px; }
.st-page .hub-sub { margin: 0 0 16px; color: var(--soft); font-size: 15px; }
.st-page .hub-tools { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); }
.st-page .hub-tool { display: flex; flex-direction: column; padding: 18px 24px 22px; border: 1px solid var(--line-2); border-radius: 14px; background: var(--panel); }
.st-page .hub-tool.live { border-color: var(--mint); background: var(--panel); }
.st-page .hub-tool-top { display: flex; align-items: flex-start; justify-content: space-between; min-height: 38px; }
.st-page .hub-tag { padding: 3px 10px; border-radius: 999px; font-size: 12.5px; font-weight: 750; }
.st-page .hub-tag.live { background: var(--mint); color: var(--mint-ink); }
.st-page .hub-tag.soon { background: rgba(212,173,118,.16); color: #edc78e; }
.st-page .hub-tool-ico { display: grid; place-items: center; flex: none; width: 38px; height: 38px; border-radius: 9px; background: rgba(165,234,210,.11); color: var(--mint); font-size: 22px; }
.st-page .hub-tool h3 { font-size: 23px; font-weight: 800; letter-spacing: -.012em; line-height: 1.2; margin: 6px 0 12px; }
.st-page .hub-tool > p { margin: 0 0 12px; color: var(--soft); font-size: 15px; line-height: 1.45; }
.st-page .hub-points { margin: 0 0 18px; padding: 0; list-style: none; display: grid; gap: 7px; font-size: 14px; color: var(--soft); flex: 1; align-content: start; }
.st-page .hub-points li { display: flex; gap: 11px; align-items: flex-start; }
.st-page .hub-points svg { width: 17px; height: 17px; margin-top: 2px; color: var(--mint); }
.st-page .hub-cta, .st-page .hub-notify { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 44px; border-radius: 9px; font: inherit; font-size: 15px; font-weight: 750; text-decoration: none; cursor: pointer; }
.st-page .hub-cta { background: var(--mint); color: var(--mint-ink); border: 1px solid var(--mint); }
.st-page .hub-cta:hover { background: #b9f0dd; color: var(--mint-ink); }
.st-page .hub-notify { background: transparent; color: var(--head); border: 1px solid var(--line-2); }
.st-page .hub-notify:hover:not(:disabled) { border-color: var(--mint); color: var(--mint); }
.st-page .hub-notify svg { width: 19px; height: 19px; }
.st-page .hub-notify:disabled { color: var(--mint); cursor: default; }
.st-page .hub-reports { display: grid; gap: 10px; }
.st-page .hub-report { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 0 16px; align-items: start; padding: 16px 18px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); }
.st-page .hub-report-main { min-width: 0; }
.st-page .hub-report-title { display: block; color: var(--head); font-weight: 750; text-decoration: none; overflow-wrap: anywhere; }
.st-page a.hub-report-title:hover { color: var(--mint); }
.st-page .hub-report-sub { margin-top: 2px; color: var(--muted); font-size: 13px; overflow-wrap: anywhere; }
.st-page .hub-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 9px; }
.st-page .hub-chip { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border: 0; border-radius: 999px; background: rgba(148,178,207,.13); color: var(--soft); font: inherit; font-size: 12px; font-weight: 650; line-height: 1.35; }
.st-page .hub-chip.ok { background: var(--green-bg); color: var(--mint); }
.st-page .hub-chip.bad { background: var(--red-bg); color: #ffb3ab; }
.st-page .hub-chip.warn { background: var(--amber-bg); color: var(--amber); }
.st-page .hub-chip.violet { background: rgba(151,128,240,.17); color: #c9bcff; }
.st-page .hub-chip.more { cursor: pointer; }
.st-page .hub-chip.more:hover { color: var(--mint); }
.st-page .hub-report-acts { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 8px; align-self: center; }
.st-page .hub-open, .st-page .hub-act { display: inline-flex; align-items: center; gap: 7px; min-height: 36px; padding: 0 11px; border-radius: 8px; font-size: 12.5px; font-weight: 700; text-decoration: none; white-space: nowrap; }
.st-page .hub-open { background: var(--mint); color: var(--mint-ink); padding: 0 13px; }
.st-page .hub-open:hover { background: #b9f0dd; color: var(--mint-ink); }
.st-page .hub-act { border: 1px solid var(--line-2); color: var(--head); }
.st-page .hub-act:hover { border-color: var(--mint); color: var(--mint); }
.st-page .hub-act svg { width: 16px; height: 16px; }
.st-page .hub-more { position: relative; }
.st-page .hub-more > summary { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 8px; color: var(--head); font-size: 20px; line-height: 1; cursor: pointer; list-style: none; }
.st-page .hub-more > summary::-webkit-details-marker { display: none; }
.st-page .hub-more > summary:hover { background: rgba(165,234,210,.1); }
.st-page .hub-more-list { position: absolute; right: 0; z-index: 5; min-width: 160px; margin-top: 4px; padding: 5px; border: 1px solid var(--line-2); border-radius: 9px; background: var(--panel-2); box-shadow: 0 12px 26px rgba(0,0,0,.35); }
.st-page .hub-more-list button { display: block; width: 100%; min-height: 36px; padding: 0 10px; border: 0; border-radius: 6px; background: none; color: var(--head); font: inherit; font-size: 13.5px; text-align: left; cursor: pointer; }
.st-page .hub-more-list button:hover { background: rgba(165,234,210,.1); }
.st-page .hub-more-list .danger { color: var(--red); }
.st-page .hub-viewall { margin: 14px 0 0; padding: 4px 0; border: 0; background: none; color: var(--mint-text); font: inherit; font-weight: 650; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.st-page .hub-empty { margin: 0; padding: 20px; border: 1px dashed var(--line-2); border-radius: 12px; color: var(--soft); }
.st-page .hub-integration { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 8px 22px; align-items: center; padding: 18px 20px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); }
.st-page .hub-logo { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 10px; background: #152c44; }
.st-page .hub-logo svg { width: 32px; height: 32px; }
.st-page .hub-int-text h3 { font-size: 18px; font-weight: 750; margin: 0 0 4px; }
.st-page .hub-int-text p { margin: 0; max-width: 520px; color: var(--soft); font-size: 14px; line-height: 1.45; }
.st-page .hub-int-act { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.st-page .hub-manage { display: inline-flex; align-items: center; gap: 10px; min-height: 42px; padding: 0 16px; border: 1px solid var(--line-2); border-radius: 9px; background: none; color: var(--head); font: inherit; font-size: 14px; font-weight: 700; text-decoration: none; cursor: pointer; }
.st-page .hub-manage:hover { border-color: var(--mint); color: var(--mint); }
.st-page .hub-manage svg { width: 19px; height: 19px; }
.st-page .hub-int-more { grid-column: 2 / -1; padding-top: 8px; border-top: 1px solid var(--line); }
.st-page .hub-int-more .hub-sub { margin-bottom: 10px; }
.st-page .hub-block + .block { padding-top: 32px; }
@media (max-width: 860px) {
  .st-page .hub-report { grid-template-columns: auto minmax(0, 1fr); }
  .st-page .hub-report-acts { grid-column: 1 / -1; justify-content: flex-start; margin-top: 12px; }
  .st-page .hub-integration { grid-template-columns: auto minmax(0, 1fr); }
  .st-page .hub-int-act, .st-page .hub-int-more { grid-column: 1 / -1; }
  .st-page .hub-block h2, .st-page .hub-h { font-size: 26px; }
}
.st-page .st-dialog { width: min(440px, calc(100vw - 32px)); padding: 24px; border: 1px solid var(--line-2); border-radius: 14px; background: var(--panel); color: var(--text); box-shadow: 0 24px 60px rgba(0,0,0,.5); }
.st-page .st-dialog::backdrop { background: rgba(4,10,18,.68); }
.st-page .st-dialog h2 { margin: 0 0 8px; font-size: 20px; }
.st-page .st-dialog p { margin: 0; color: var(--soft); font-size: 15px; }
.st-page .st-dialog-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; margin-top: 22px; }
.st-page .st-danger, .st-page button.st-danger { background: var(--red); border-color: var(--red); color: #36100c; }
.st-page .st-danger:hover { background: #ffa79f; color: #36100c; }
html[data-a11y-spacing="on"] .st-page { letter-spacing: .06em; word-spacing: .14em; }
html[data-a11y-spacing="on"] .st-page :is(p, li, td, th, blockquote, figcaption) { line-height: 1.95 !important; }
html[data-a11y-spacing="on"] .st-page :is(h1, h2, h3, h4) { letter-spacing: 0 !important; line-height: 1.3 !important; }
html[data-a11y-motion="reduce"] .st-page { scroll-behavior: auto !important; }
html[data-a11y-motion="reduce"] .st-page *, html[data-a11y-motion="reduce"] .st-page *::before, html[data-a11y-motion="reduce"] .st-page *::after { transition: none !important; animation: none !important; }
@media print {
  .st-page .listen-button { display: none !important; }
}
html:not([data-a11y-theme="dark"]):not([data-a11y-contrast="high"]) .st-page {
  color-scheme: light;
  --bg: #f7f7f2; --bg-2: #eff1ec; --panel: #ffffff; --panel-2: #f3f6f4; --line: #dce4e1; --line-2: #b9c8c3;
  --text: #122a3f; --head: #0a2947; --muted: #56696a; --soft: #33475a;
  --mint: #0a2947; --mint-ink: #ffffff; --mint-text: #166756; --gold: #8a6426;
  --red: #b3261e; --red-bg: rgba(179,38,30,.1); --amber: #8a5a00; --amber-bg: rgba(138,90,0,.1); --green-bg: rgba(22,103,86,.1);
  --blue: #1b5fa8; --blue-bg: rgba(27,95,168,.1);
}
html[data-a11y-contrast="high"] .st-page {
  color-scheme: light;
  --bg: #ffffff; --bg-2: #ffffff; --panel: #ffffff; --panel-2: #ffffff; --line: #000000; --line-2: #000000;
  --text: #000000; --head: #000000; --muted: #000000; --soft: #000000;
  --mint: #000000; --mint-ink: #ffffff; --mint-text: #000000; --gold: #000000;
  --red: #000000; --red-bg: #ffffff; --amber: #000000; --amber-bg: #ffffff; --green-bg: #ffffff;
  --blue: #000000; --blue-bg: #ffffff;
}
html:is(:not([data-a11y-theme="dark"]),[data-a11y-contrast="high"]) .st-page .hub-tool, html:is(:not([data-a11y-theme="dark"]),[data-a11y-contrast="high"]) .st-page .hub-tool.live { background: var(--panel); }
html:is(:not([data-a11y-theme="dark"]),[data-a11y-contrast="high"]) .st-page .hub-tag.soon { color: #7a5413; }
html:is(:not([data-a11y-theme="dark"]),[data-a11y-contrast="high"]) .st-page .hub-chip { background: rgba(10,41,71,.07); color: var(--text); }
html:is(:not([data-a11y-theme="dark"]),[data-a11y-contrast="high"]) .st-page .hub-chip.bad { background: var(--red-bg); color: var(--red); }
html:is(:not([data-a11y-theme="dark"]),[data-a11y-contrast="high"]) .st-page .hub-chip.warn { background: var(--amber-bg); color: var(--amber); }
html:is(:not([data-a11y-theme="dark"]),[data-a11y-contrast="high"]) .st-page .hub-chip.ok { background: var(--green-bg); color: var(--mint-text); }
html:is(:not([data-a11y-theme="dark"]),[data-a11y-contrast="high"]) .st-page .hub-chip.violet { background: rgba(91,62,190,.11); color: #4a2fa8; }
html:is(:not([data-a11y-theme="dark"]),[data-a11y-contrast="high"]) .st-page .hub-logo { background: var(--panel-2); }
html:is(:not([data-a11y-theme="dark"]),[data-a11y-contrast="high"]) .st-page :is(.hub-cta, .hub-open, .btn:not(.ghost)):hover { background: #123a63; color: #fff; }
html:is(:not([data-a11y-theme="dark"]),[data-a11y-contrast="high"]) .st-page .st-danger { color: #fff; }
html[data-a11y-contrast="high"] .st-page :is(.hub-tool, .hub-report, .hub-integration, .card, .hub-chip, .hub-tag) { border: 2px solid #000 !important; background: #fff !important; color: #000 !important; }
html[data-a11y-contrast="high"] .st-page :is(.hub-cta, .hub-open, .btn:not(.ghost)) { background: #000 !important; color: #fff !important; }
html:is(:not([data-a11y-theme="dark"]),[data-a11y-contrast="high"]) .st-page :is(.lp-form, .lp-grid article, .lp-allchecks, .lp-shell, .lp-shell-top, .lp-mini, .lp-ticket, .rp-sumpanel, .rp .rp-sumpanel, .rp section.rp-sumpanel + section.rp-sumpanel) { background: var(--panel); box-shadow: none; }
html:is(:not([data-a11y-theme="dark"]),[data-a11y-contrast="high"]) .st-page :is(.lp-how, .lp-reports, .lp-recent, .lp-cta) { background: var(--bg-2); }
html:is(:not([data-a11y-theme="dark"]),[data-a11y-contrast="high"]) .st-page .lp-form input[type="url"] { background: #fff; color: #122a3f; border-color: var(--line-2); }
html:is(:not([data-a11y-theme="dark"]),[data-a11y-contrast="high"]) .st-page :is(.lp-tick, .form-glyph, .lp-icon, .lp-num) { background: var(--panel-2); color: var(--mint-text); border-color: var(--line-2); }
html:is(:not([data-a11y-theme="dark"]),[data-a11y-contrast="high"]) .st-page :is(.note, .note.warn, .note.err, .pill.click, .lp-help b, .lp-allchecks summary, .lp-code, .lp-attach, .lp-tag, .lp-good, .lp-lost) { color: var(--text); }
html:is(:not([data-a11y-theme="dark"]),[data-a11y-contrast="high"]) .st-page :is(.lp-code, .lp-tag, .lp-good) { background: var(--panel-2); }
html:is(:not([data-a11y-theme="dark"]),[data-a11y-contrast="high"]) .st-page :is(.btn:not(.ghost), .lp-run, .lp-cta-btn):hover { background: #123a63; color: #fff; }
html:is(:not([data-a11y-theme="dark"]),[data-a11y-contrast="high"]) .st-page .rp-tested { color: var(--mint-text); background: var(--green-bg); }
.st-page .st-coffee { position: fixed; right: 0; bottom: 0; z-index: 30; display: block; width: 168px; height: 168px; color: #fff; text-decoration: none; filter: drop-shadow(-3px -3px 10px rgba(0,0,0,.35)); }
.st-page .st-coffee::before { content: ""; position: absolute; inset: 0; background: var(--panel); clip-path: polygon(100% 0, 100% 100%, 0 100%); }
.st-page .st-coffee:hover::before { background: var(--panel); }
.st-page .st-coffee:focus-visible { outline: none; }
.st-page .st-coffee:focus-visible::before { background: #25507f; }
.st-page .st-coffee-in { position: absolute; right: 12px; bottom: 11px; display: flex; flex-direction: column; align-items: flex-end; gap: 4px; max-width: 112px; text-align: right; }
.st-page .st-coffee svg { width: 40px; height: 40px; fill: none; stroke: #fff; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.st-page .st-coffee svg .steam { stroke: #f5b92e; stroke-width: 2.500; }
.st-page .st-coffee-text { font-size: 14px; font-weight: 800; line-height: 1.15; }
.st-page .st-coffee-arrow { color: #f5b92e; white-space: nowrap; }
.st-page .st-coffee[hidden] { display: none; }
@media (max-width: 560px) {
  .st-page .st-coffee { width: 120px; height: 120px; }
  .st-page .st-coffee-in { right: 8px; bottom: 7px; max-width: 84px; gap: 2px; }
  .st-page .st-coffee svg { width: 28px; height: 28px; }
  .st-page .st-coffee-text { font-size: 11.500px; }
}
@media print {
  .st-page .st-coffee { display: none !important; }
}
.st-page .i18n-wait body { visibility: hidden; }
.st-page .st-lang { position: relative; }
.st-page .st-lang > summary { display: inline-flex; align-items: center; gap: 7px; min-height: 36px; padding: 0 10px; border: 1px solid var(--line-2); border-radius: 8px; color: var(--head); font-size: 13px; font-weight: 650; cursor: pointer; list-style: none; white-space: nowrap; }
.st-page .st-lang > summary::-webkit-details-marker { display: none; }
.st-page .st-lang > summary:hover, .st-page .st-lang[open] > summary { border-color: var(--mint); color: var(--mint-text); }
.st-page .st-lang > summary svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.800; }
.st-page .st-lang-chev { width: 7px; height: 7px; margin: -3px 2px 0 1px; border-right: 1.800px solid currentColor; border-bottom: 1.800px solid currentColor; transform: rotate(45deg); }
.st-page .st-lang[open] .st-lang-chev { margin-top: 3px; transform: rotate(225deg); }
.st-page .st-lang-list { position: absolute; right: 0; top: calc(100% + 6px); z-index: 45; min-width: 170px; padding: 5px; border: 1px solid var(--line-2); border-radius: 10px; background: var(--panel-2); box-shadow: 0 14px 30px rgba(0,0,0,.35); }
.st-page .st-lang-list button { display: block; width: 100%; min-height: 38px; padding: 0 10px; border: 0; border-radius: 6px; background: none; color: var(--head); font: inherit; font-size: 14px; text-align: left; cursor: pointer; }
.st-page .st-lang-list button:hover, .st-page .st-lang-list button:focus-visible { background: rgba(165,234,210,.12); }
.st-page .st-lang-list button[aria-current] { color: var(--mint-text); font-weight: 700; }
.st-page .st-lang-list button[aria-current]::after { content: " ✓"; }
@media (max-width: 560px) {
  .st-page .st-lang-name { display: none; }
}
html:is([lang="ja"], [lang="zh-CN"]) .st-page h1 { word-break: keep-all; overflow-wrap: anywhere; line-break: strict; }
html:is([lang="ja"], [lang="zh-CN"], [lang="hi"]) .st-page h1 .dot { display: none; }
.st-page .st-lang-list a { display: flex; align-items: center; width: 100%; min-height: 38px; padding: 0 10px; border-radius: 6px; color: var(--head); font-size: 14px; text-decoration: none; }
.st-page .st-lang-list a:hover, .st-page .st-lang-list a:focus-visible { background: rgba(165,234,210,.12); }
.st-page .st-lang-list a[aria-current] { color: var(--mint-text); font-weight: 700; }
.st-page .st-lang-list a[aria-current]::after { content: " ✓"; margin-left: 5px; }
.st-page .st-lang-offer { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 6px 16px; background: var(--panel-2); border-bottom: 1px solid var(--line); font-size: 14px; }
.st-page .st-lang-offer a { color: var(--mint-text); font-weight: 650; }
.st-page .st-lang-offer button { padding: 0 6px; border: 0; background: none; color: var(--muted); font-size: 18px; cursor: pointer; }
.st-page .container { width: min(calc(100% - 48px), var(--max)); margin-inline: auto; }
.st-page .narrow { width: min(860px, calc(100% - 48px)); margin-inline: auto; }
/* Light mode: the hero is the homepage's. Same navy, white heading and mint buttons: the dark colours, inside the hero only */
html:not([data-a11y-theme="dark"]):not([data-a11y-contrast="high"]) .st-page :is(.hero, .lp-hero, .hub-hero) {
  color-scheme: dark;
  --bg: #0A2947; --bg-2: #0d2f50; --panel: #0f2f4f; --panel-2: #123a63; --line: #24496b; --line-2: #3a6283;
  --text: #e6edf3; --head: #ffffff; --muted: #b4c4d0; --soft: #d7e2e9;
  --mint: #a5ead2; --mint-ink: #13372f; --mint-text: #a5ead2; --gold: #d4ad76;
  --red: #ff8a80; --red-bg: rgba(255,138,128,.14); --amber: #f4c27a; --amber-bg: rgba(244,194,122,.14); --green-bg: rgba(165,234,210,.14);
  --blue: #8cc4ff; --blue-bg: rgba(140,196,255,.14);
  background: #0A2947; color: var(--text);
}
html:not([data-a11y-theme="dark"]):not([data-a11y-contrast="high"]) .st-page :is(.hero, .lp-hero, .hub-hero)::before { opacity: 1; }

/* The strip under the site header on tool pages: this page's sections, language and sign-in */
.st-page .st-bar { background: var(--panel); border-bottom: 1px solid var(--line); }
.st-page .st-bar-in { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 14px; min-height: 58px; padding-block: 8px; }
.st-page .st-bar .lp-nav { margin: 0 auto 0 0; }
.st-page .st-bar .st-lang { margin-left: auto; }
.st-page .st-bar .lp-nav + .st-lang { margin-left: 0; }
.st-page .st-bar .st-auth { display: flex; align-items: center; gap: 10px; min-height: 40px; }
.st-page .st-legal { margin: 0; padding: 18px 0; color: var(--muted); font-size: 14px; border-top: 1px solid var(--line); background: var(--bg); }
.st-page select { appearance: none; -webkit-appearance: none; padding-right: 42px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%23a9b8c4' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 16px center; background-size: 12px 8px; }
html body:has(.cookie-banner) .st-page .st-coffee { display: none; }

/* The tools hub in the style of the homepage's Leadership section: green bands, white cards, numbered, and a summary strip */
.st-page .hub-section { padding: 72px 0; }
.st-page .hub-section .eyebrow { margin-bottom: 14px; }
.st-page .hub-section h2, .st-page .hub-section .hub-h { font-size: clamp(30px, 3.2vw, 42px); font-weight: 800; letter-spacing: -.02em; margin: 0 0 16px; }
.st-page .hub-head { display: grid; grid-template-columns: 1fr .9fr; gap: 55px; align-items: end; margin-bottom: 26px; }
.st-page .hub-head h2 { margin-bottom: 0; }
.st-page .hub-head > p { margin: 0; font-size: 17px; line-height: 1.8; color: var(--soft); }
.st-page .hub-section .hub-tools { gap: 17px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.st-page .hub-section .hub-tool, .st-page .hub-section .hub-tool.live { padding: 29px 26px 31px; border-radius: 16px; }
.st-page .hub-num { display: inline-block; font-weight: 850; font-size: 13px; letter-spacing: .05em; color: var(--hub-num, #13866d); }
.st-page .hub-section .hub-tool-top { margin-bottom: 18px; }
.st-page .hub-section .hub-tool > p { font-size: 16px; line-height: 1.8; }
.st-page .hub-summary { margin-top: 21px; padding: 17px 20px; font-size: 16px; line-height: 1.6; border-left: 3px solid #1b9278; border-radius: 0 8px 8px 0; }
.st-page .hub-section .hub-integration { border-radius: 16px; }
/* Light */
html:not([data-a11y-theme="dark"]):not([data-a11y-contrast="high"]) .st-page .hub-green { background: #eaf3ee; }
html:not([data-a11y-theme="dark"]):not([data-a11y-contrast="high"]) .st-page .hub-green .hub-tool, html:not([data-a11y-theme="dark"]):not([data-a11y-contrast="high"]) .st-page .hub-green .hub-tool.live, html:not([data-a11y-theme="dark"]):not([data-a11y-contrast="high"]) .st-page .hub-green .hub-integration { background: #fff; border-color: #d2e3d9; }
html:not([data-a11y-theme="dark"]):not([data-a11y-contrast="high"]) .st-page .hub-tool > p { color: #51696a; }
html:not([data-a11y-theme="dark"]):not([data-a11y-contrast="high"]) .st-page .hub-summary { background: #deeee5; color: #2c5651; }
html:not([data-a11y-theme="dark"]):not([data-a11y-contrast="high"]) .st-page .hub-summary strong { color: #16433d; }
/* Dark: the homepage's own dark version of the section */
html[data-a11y-theme="dark"]:not([data-a11y-contrast="high"]) .st-page .hub-green { background: #102035; }
html[data-a11y-theme="dark"]:not([data-a11y-contrast="high"]) .st-page { --hub-num: #a5ead2; }
html[data-a11y-theme="dark"]:not([data-a11y-contrast="high"]) .st-page .hub-green .hub-tool, html[data-a11y-theme="dark"]:not([data-a11y-contrast="high"]) .st-page .hub-green .hub-tool.live, html[data-a11y-theme="dark"]:not([data-a11y-contrast="high"]) .st-page .hub-green .hub-integration { background: #132536; border-color: #29435f; }
html[data-a11y-theme="dark"]:not([data-a11y-contrast="high"]) .st-page .hub-summary { background: rgba(165,234,210,.08); color: #c5d2db; border-left-color: #a5ead2; }
html[data-a11y-theme="dark"]:not([data-a11y-contrast="high"]) .st-page .hub-summary strong { color: #f4f8fa; }
/* High contrast */
html[data-a11y-contrast="high"] .st-page .hub-summary { background: #fff; color: #000; border-left-color: #000; }
html[data-a11y-contrast="high"] .st-page { --hub-num: #000; }
@media (max-width: 900px) { .st-page .hub-head { grid-template-columns: 1fr; gap: 16px; } .st-page .hub-section { padding: 52px 0; } .st-page .hub-section .hub-tools { grid-template-columns: 1fr; } }
.st-page .lp-form #sitemapBox input { width: 100%; }
.st-page .lp-form .lp-run + #turnstile { margin-top: 14px; }

/* Language and sign-in sit in the hero, not on a strip of their own */
.st-page { position: relative; }
.st-page .st-bar { position: absolute; top: 0; left: 0; right: 0; z-index: 5; background: transparent; border: 0; }
.st-page .st-bar .lp-nav a { color: var(--soft); }
.st-page .lp-hero-grid { padding-top: 104px; }
html:not([data-a11y-theme="dark"]):not([data-a11y-contrast="high"]) .st-page .st-bar {
  color-scheme: dark; --bg: #0A2947; --panel: #0f2f4f; --panel-2: #123a63; --line: #24496b; --line-2: #3a6283; --text: #e6edf3; --head: #ffffff; --muted: #b4c4d0; --soft: #d7e2e9; --mint: #a5ead2; --mint-ink: #13372f; --mint-text: #a5ead2;
}
html[data-a11y-contrast="high"] .st-page .st-bar { position: static; }
/* The hub, from the mockup */
.st-page .hub-hero-in { padding-top: 48px; padding-bottom: 44px; }
.st-page .hub-hero h1 { max-width: 640px; font-size: clamp(36px, 4.4vw, 56px); font-weight: 700; line-height: 1.08; letter-spacing: -.02em; }
.st-page .hub-lead { max-width: 640px; margin-bottom: 0; }
.st-page .hub-chart { position: absolute; right: 0; bottom: 0; width: 46%; height: 62%; pointer-events: none; }
.st-page .hub-section { padding: 26px 0 16px; }
.st-page .hub-section:first-of-type { padding-top: 32px; }
.st-page .hub-section:last-of-type { padding-bottom: 40px; }
.st-page .hub-section h2, .st-page .hub-section .hub-h { font-size: 30px; font-weight: 750; margin-bottom: 12px; letter-spacing: -.015em; }
.st-page .hub-section .hub-tool, .st-page .hub-section .hub-tool.live { position: relative; padding: 20px 20px 18px; }
.st-page .hub-tool > .hub-tag { position: absolute; top: 14px; right: 16px; }
.st-page .hub-tool-head { display: flex; align-items: flex-end; gap: 22px; margin-bottom: 12px; }
.st-page .hub-tool-head h3 { margin: 0; padding-top: 14px; font-size: 19px; font-weight: 750; line-height: 1.25; }
.st-page .hub-section .hub-tool-ico { width: 58px; height: 58px; border-radius: 13px; font-size: 32px; background: rgba(140,196,255,.14); color: var(--head); }
.st-page .hub-section .hub-tool > p { font-size: 15px; line-height: 1.5; margin-bottom: 14px; }
.st-page .hub-points { gap: 7px; font-size: 14.5px; margin-bottom: 16px; }
.st-page .hub-points svg { color: var(--blue); }
.st-page .hub-signin-row { display: flex; align-items: center; gap: 22px; padding: 16px 20px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); color: var(--soft); font-size: 14px; line-height: 1.5; text-decoration: none; }
.st-page .hub-signin-row:hover { border-color: var(--mint-text); color: var(--text); }
.st-page .hub-signin-row span { flex: 1; max-width: 880px; }
.st-page .hub-signin-row svg { flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.st-page .hub-signin-ico { width: 26px; height: 26px; color: var(--blue); }
.st-page .hub-signin-go { width: 20px; height: 20px; margin-left: auto; }
/* The mockup's dark mode is one background; light mode keeps the pale green bands */
html[data-a11y-theme="dark"]:not([data-a11y-contrast="high"]) .st-page .hub-green { background: transparent; }
html[data-a11y-theme="dark"]:not([data-a11y-contrast="high"]) .st-page .hub-green .hub-tool, html[data-a11y-theme="dark"]:not([data-a11y-contrast="high"]) .st-page .hub-green .hub-tool.live, html[data-a11y-theme="dark"]:not([data-a11y-contrast="high"]) .st-page .hub-green .hub-integration { background: var(--panel); border-color: #29435f; }
html[data-a11y-theme="dark"]:not([data-a11y-contrast="high"]) .st-page .hub-cta { background: #a5ead2; color: #13372f; }
html:not([data-a11y-theme="dark"]):not([data-a11y-contrast="high"]) .st-page .hub-section .hub-tool-ico { background: #eaf3ee; color: #0A2947; }
@media (max-width: 900px) {
  .st-page .st-bar { position: static; background: #0A2947; }
  .st-page .lp-hero-grid { padding-top: 40px; }
  .st-page .hub-chart { display: none; }
  .st-page .hub-section .hub-tools { grid-template-columns: 1fr; }
  .st-page .hub-section { padding: 24px 0 12px; }
}
.st-page .hub-section .hub-tool, .st-page .hub-section .hub-tool.live { padding-top: 40px; }
.st-page .hub-tool-head { align-items: center; }
.st-page .hub-tool-head h3 { padding-top: 0; }
.st-page .hub-hero h1 { max-width: 760px; font-size: clamp(36px, 3.9vw, 52px); }
.st-page .hub-lead { max-width: 700px; }
.st-page .hub-chart { width: 38%; height: 60%; }

/* The hub's chart: the line draws itself, the shading follows, then the dot arrives and gently pulses */
.st-page .hub-chart-line { stroke-dasharray: 1; stroke-dashoffset: 1; animation: hub-draw 2.2s cubic-bezier(.45, .05, .25, 1) .25s forwards; }
.st-page .hub-chart-fill { opacity: 0; animation: hub-appear 1.2s ease-out 1.3s forwards; }
.st-page .hub-chart-dot, .st-page .hub-chart-halo { transform-box: fill-box; transform-origin: center; opacity: 0; }
.st-page .hub-chart-dot { animation: hub-dot .45s cubic-bezier(.3, 1.6, .5, 1) 2.3s forwards; }
.st-page .hub-chart-halo { animation: hub-pulse 3s ease-out 2.6s infinite; }
@keyframes hub-draw { to { stroke-dashoffset: 0; } }
@keyframes hub-appear { to { opacity: 1; } }
@keyframes hub-dot { from { opacity: 0; transform: scale(.2); } to { opacity: 1; transform: scale(1); } }
@keyframes hub-pulse { 0% { opacity: .9; transform: scale(.7); } 70%, 100% { opacity: 0; transform: scale(2.2); } }
@media (prefers-reduced-motion: reduce) {
  .st-page .hub-chart-line, .st-page .hub-chart-fill, .st-page .hub-chart-dot, .st-page .hub-chart-halo { animation: none; opacity: 1; stroke-dashoffset: 0; transform: none; }
}
html[data-a11y-motion="reduce"] .st-page :is(.hub-chart-line, .hub-chart-fill, .hub-chart-dot, .hub-chart-halo) { animation: none; opacity: 1; stroke-dashoffset: 0; transform: none; }

/* Every hero is the site's hero, in light and dark: the navy and grid of the homepage and Thoughts */
html:not([data-a11y-contrast="high"]) .st-page :is(.hero, .lp-hero, .hub-hero) {
  color-scheme: dark;
  --bg: #0A2947; --bg-2: #0d2f50; --panel: #0f2f4f; --panel-2: #123a63; --line: #24496b; --line-2: #3a6283;
  --text: #e6edf3; --head: #ffffff; --muted: #b4c4d0; --soft: #d7e2e9;
  --mint: #a5ead2; --mint-ink: #13372f; --mint-text: #a5ead2; --gold: #d4ad76;
  background: #0A2947; color: var(--text);
}
html:not([data-a11y-contrast="high"]) .st-page :is(.lp-hero, .hub-hero)::before { opacity: 1; background-image: linear-gradient(rgba(255, 255, 255, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px); background-size: 40px 40px; }
html[data-a11y-theme="dark"]:not([data-a11y-contrast="high"]) .st-page .st-bar { --line: #24496b; --line-2: #3a6283; --soft: #d7e2e9; --head: #ffffff; }

/* Type: the main site's scale, from globals.css and home.css */
.st-page :is(.hero, .lp-hero, .hub-hero) h1 { max-width: none; font-size: clamp(54px, 5.4vw, 78px); font-weight: 500; line-height: 1; letter-spacing: .015em; margin: 19px 0 30px; overflow-wrap: break-word; }
.st-page .hub-hero h1 { max-width: 860px; }
.st-page .eyebrow { font-size: 12px; font-weight: 800; letter-spacing: .15em; }
.st-page :is(.hub-lead, .lp-hero-grid > div > p:not(.lp-note):not(.lp-small)) { font-size: clamp(18px, 1.65vw, 21px); line-height: 1.68; }
.st-page h2, .st-page .hub-section h2, .st-page .hub-section .hub-h { font-size: clamp(34px, 3.55vw, 50px); font-weight: 800; line-height: 1.18; letter-spacing: -.048em; margin: 15px 0 16px; }
.st-page h3 { font-size: 22px; font-weight: 700; line-height: 1.25; letter-spacing: -.03em; }
.st-page .lp-form h2, .st-page .hub-tool-head h3 { font-size: 23px; font-weight: 700; line-height: 1.25; letter-spacing: -.03em; margin-top: 0; }
.st-page :is(article p, .hub-tool > p, .hub-section .hub-tool > p) { font-size: 16px; line-height: 1.8; }
.st-page .hub-points { font-size: 15px; }
.st-page :is(.btn, .hub-cta, .lp-run, .hub-open) { font-size: 15px; font-weight: 800; }
html:not([data-a11y-theme="dark"]):not([data-a11y-contrast="high"]) .st-page section:not(.hero):not(.lp-hero):not(.hub-hero) .eyebrow { color: #0d6e5b; }
@media (max-width: 640px) { .st-page :is(.hero, .lp-hero, .hub-hero) h1 { font-size: clamp(38px, 11vw, 54px); } .st-page .hub-hero h1 { max-width: none; } }

/* Text colours: exactly the homepage's, measured from it in both modes */
html:not([data-a11y-theme="dark"]):not([data-a11y-contrast="high"]) .st-page { --text: #122a3f; --head: #122a3f; --soft: #455d60; --muted: #51696a; --mint-text: #0d6e5b; }
html[data-a11y-theme="dark"]:not([data-a11y-contrast="high"]) .st-page { --text: #c3cfd6; --head: #f4f8fa; --soft: #c3cfd6; --mint-text: #9fe3c8; }
html:not([data-a11y-theme="dark"]):not([data-a11y-contrast="high"]) .st-page :is(.hero, .lp-hero, .hub-hero) { --head: #ffffff; --text: #cedad7; --soft: #cedad7; --mint-text: #a5ead2; }
html[data-a11y-theme="dark"]:not([data-a11y-contrast="high"]) .st-page :is(.hero, .lp-hero, .hub-hero) { --head: #f4f8fa; --text: #c3cfd6; --soft: #c3cfd6; --mint-text: #9fe3c8; }
html:not([data-a11y-theme="dark"]):not([data-a11y-contrast="high"]) .st-page .st-bar { --head: #ffffff; --text: #cedad7; --soft: #cedad7; }
html[data-a11y-theme="dark"]:not([data-a11y-contrast="high"]) .st-page .st-bar { --head: #f4f8fa; --text: #c3cfd6; --soft: #c3cfd6; }
.st-page :is(h1, h2, h3, h4) { color: var(--head); }
/* Every heading one colour, as on the homepage: only the closing dot is mint */
.st-page .lp-accent { color: inherit; }
.st-page :is(.dot, .lp-dot) { color: var(--mint-text); }
.st-page.st-page :is(.lp-heading, .lp-cta) h2 { font-size: clamp(34px, 3.55vw, 50px); font-weight: 800; line-height: 1.18; letter-spacing: -.048em; }
.st-page.st-page :is(.lp-grid, .lp-shell-body, .lp-checkgroups) h3 { font-size: 22px; font-weight: 700; line-height: 1.25; letter-spacing: -.03em; color: var(--head); }
.st-page.st-page .lp-form-head h2 { font-size: 23px; font-weight: 700; letter-spacing: -.03em; }

/* Tool pages: a smaller main heading than the homepage's, in the same style */
.st-page.st-page .lp-hero h1 { font-size: clamp(38px, 3.9vw, 56px); line-height: 1.06; margin: 18px 0 24px; }
.st-page .lp-hero-grid > div > p:last-of-type:not(:first-of-type) { font-size: 15px; line-height: 1.6; }

/* The hub's chart: a line through what a test does, drawn on load */
.st-page.st-page .hub-hero h1 { max-width: 57%; font-size: clamp(44px, 4.6vw, 66px); line-height: 1.08; }
.st-page.st-page .hub-lead { max-width: 50%; }
.st-page .hub-hero-in { min-height: 340px; }
.st-page .hub-chart { position: absolute; right: 0; bottom: 6px; width: min(46%, 620px); height: auto; overflow: visible; pointer-events: none; }
.st-page .hub-chart-line { fill: none; stroke: #9fe9d6; stroke-width: 2.5; stroke-linecap: round; }
.st-page .hub-base { fill: none; stroke: rgba(255,255,255,.2); stroke-width: 1; }
.st-page .hub-drop { fill: none; stroke: rgba(165,234,210,.5); stroke-width: 1; stroke-dasharray: 3 4; }
.st-page .hub-tick { fill: none; stroke: rgba(255,255,255,.6); stroke-width: 1; }
.st-page .hub-point { fill: #a5ead2; stroke: #0A2947; stroke-width: 2; }
.st-page .hub-chart-halo { fill: #a5ead2; fill-opacity: .25; }
.st-page .hub-label { fill: #d7e2e9; font-size: 16px; font-weight: 500; }
.st-page .hub-value { fill: #ffffff; font-size: 28px; font-weight: 800; letter-spacing: -.02em; }
.st-page .top .hub-value { fill: #a5ead2; font-size: 33px; }
.st-page .hub-note { fill: #a9bac6; font-size: 13px; }
.st-page .hub-stage { opacity: 0; animation: hub-appear .55s ease-out forwards; }
.st-page .hub-stage-1 { animation-delay: .6s; } .st-page .hub-stage-2 { animation-delay: 1.1s; } .st-page .hub-stage-3 { animation-delay: 1.6s; } .st-page .hub-stage-4 { animation-delay: 2.1s; }
.st-page .hub-chart-fill { animation-delay: 1s; }
.st-page .top .hub-chart-halo { transform-box: fill-box; transform-origin: center; opacity: 1; animation: hub-pulse 3s ease-out 2.6s infinite; }
@media (prefers-reduced-motion: reduce) { .st-page .hub-stage, .st-page .top .hub-chart-halo { animation: none; opacity: 1; transform: none; } }
html[data-a11y-motion="reduce"] .st-page :is(.hub-stage, .top .hub-chart-halo) { animation: none; opacity: 1; transform: none; }
@media (max-width: 1080px) { .st-page .hub-chart { display: none; } .st-page.st-page .hub-hero h1, .st-page.st-page .hub-lead { max-width: none; } .st-page .hub-hero-in { min-height: 0; } }
.st-page.st-page .hub-hero h1 { max-width: 72%; font-size: clamp(42px, 4.4vw, 63px); margin: 16px 0 22px; }
.st-page .st-lang-offer + .st-bar { top: auto; }
@media (max-width: 1080px) { .st-page.st-page .hub-hero h1 { max-width: none; } }

/* Flat colours only: no fades or green tints */
.st-page .hub-section .hub-tool, .st-page .hub-section .hub-tool.live { box-shadow: none; }
html[data-a11y-theme="dark"]:not([data-a11y-contrast="high"]) .st-page .hub-green .hub-tool, html[data-a11y-theme="dark"]:not([data-a11y-contrast="high"]) .st-page .hub-green .hub-tool.live, html[data-a11y-theme="dark"]:not([data-a11y-contrast="high"]) .st-page .hub-green .hub-integration { background: #132536; }
.st-page .lp-form { background: var(--panel); box-shadow: none; }
.st-page .hub-chart-fill { fill: #1c4a5e; }