:root {
    --public-bg: #f6f8fb;
    --public-surface: #ffffff;
    --public-surface-muted: #f8fafc;
    --public-text: #172033;
    --public-muted: #657087;
    --public-subtle: #8793a8;
    --public-border: #dce3ee;
    --public-accent: #155eef;
    --public-accent-soft: #edf4ff;
    --public-success: #1f9d68;
    --public-code: #132238;
}

* { box-sizing: border-box; }
html { background: var(--public-bg); scroll-behavior: smooth; }
body { margin: 0; color: var(--public-text); background: var(--public-bg); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; }
a { color: var(--public-accent); text-decoration: none; }
a:hover { color: #0d4fd7; }
button, input, select, textarea { font: inherit; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.app-update-toast { position: fixed; right: 22px; bottom: 22px; z-index: 1000; max-width: 360px; padding: 12px 15px; border: 1px solid #bfd0ec; border-radius: 10px; background: #172033; color: #fff; font-size: .78rem; line-height: 1.4; box-shadow: 0 14px 30px rgba(31, 52, 83, .2); }

/* Shared public navigation */
.public-doc-shell, .landing-shell, .landing-nav { width: min(100% - 48px, 1180px); margin-inline: auto; }
.public-doc-header, .landing-nav { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 76px; }
.public-doc-header { width: min(100% - 48px, 1180px); margin-inline: auto; border-bottom: 1px solid var(--public-border); }
.public-brand, .auth-brand { display: inline-flex; align-items: center; gap: 10px; color: var(--public-text); font-weight: 800; letter-spacing: -.03em; }
.public-brand img, .auth-brand img { width: 32px; height: 32px; object-fit: contain; }
.public-brand-mark { display: inline-grid; width: 42px; height: 42px; place-items: center; border-radius: 12px; background: #0F2749; color: #FF7F56; font-size: .95rem; font-weight: 900; letter-spacing: -.03em; }
.public-brand small { display: block; margin-top: 2px; color: var(--public-subtle); font-size: .69rem; font-weight: 700; letter-spacing: .02em; }
.public-doc-nav, .landing-nav nav, .landing-footer span:last-child { display: flex; align-items: center; gap: 22px; }
.public-doc-nav a, .landing-nav nav a:not(.button-link), .landing-footer a { color: #536078; font-size: .83rem; font-weight: 650; }
.public-doc-nav a[aria-current="page"] { color: var(--public-accent); }
.public-doc-nav .public-cart-link { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 11px; border: 1px solid var(--public-border); border-radius: 999px; background: var(--public-surface); color: var(--public-muted); }
.public-doc-nav .public-cart-link:hover, .public-doc-nav .public-cart-link:focus-visible { border-color: var(--public-accent); background: var(--public-accent-soft); color: var(--public-accent); outline: 0; }
.public-cart-icon { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.public-doc-nav .public-cart-link .shop-cart-count { display: inline-grid; place-items: center; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 999px; background: var(--public-accent-soft); color: var(--public-accent); font-size: .7rem; font-weight: 850; line-height: 1; }
.public-doc-nav .public-cart-link[aria-current="page"] { border-color: var(--public-accent); background: var(--public-accent-soft); color: var(--public-accent); }
.public-doc-nav .public-doc-cta, .button-link { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 0 15px; border: 1px solid var(--public-border); border-radius: 9px; background: var(--public-surface); color: #536078; font-size: .8rem; font-weight: 750; }
.public-doc-nav .public-doc-cta, .landing-primary { border-color: var(--public-accent); background: var(--public-accent); color: #fff !important; box-shadow: 0 8px 18px rgba(21, 94, 239, .16); }
.public-doc-nav .public-doc-cta:hover, .landing-primary:hover { background: #0d4fd7; color: #fff; }

/* Public landing page */
.landing-page { background: var(--public-bg); color: var(--public-text); }
.landing-page .landing-nav { width: min(100% - 48px, 1180px); }
.landing-page .landing-nav nav a:not(.button-link) { color: #536078; }
.landing-page .landing-nav nav a:not(.button-link):hover { color: var(--public-accent); }
.landing-shell { padding: 0 0 76px; }
.landing-hero { display: grid; grid-template-columns: minmax(0, .93fr) minmax(360px, 1.07fr); align-items: center; gap: 72px; padding: 104px 0 112px; }
.landing-eyebrow { margin: 0 0 17px; color: var(--public-accent); font-size: .72rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.landing-hero h1 { max-width: 680px; margin: 0; color: var(--public-text); font-family: "Avenir Next", "SF Pro Display", "Segoe UI", sans-serif; font-size: clamp(3rem, 6.2vw, 6rem); font-weight: 800; line-height: .98; letter-spacing: -.075em; }
.landing-hero-copy > p:not(.landing-eyebrow) { max-width: 590px; margin: 26px 0 0; color: var(--public-muted); font-size: 1.08rem; line-height: 1.7; }
.landing-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.landing-actions > .button-link:not(.landing-primary) { background: transparent; }
.landing-note { margin-top: 16px !important; color: var(--public-subtle) !important; font-size: .82rem !important; }
.landing-visual { position: relative; }
.visual-window { overflow: hidden; border: 1px solid #cfdbea; border-radius: 22px; background: var(--public-surface); box-shadow: 0 28px 70px rgba(29, 62, 110, .12); transform: rotate(1.2deg); }
.visual-bar { display: flex; align-items: center; gap: 7px; padding: 16px; border-bottom: 1px solid #e6ebf2; color: var(--public-subtle); }
.visual-bar span { width: 8px; height: 8px; border-radius: 50%; background: #c8d2e1; }
.visual-bar b { margin-left: 12px; color: #647188; font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; }
.visual-body { display: grid; grid-template-columns: 62px 1fr; min-height: 340px; }
.visual-sidebar { display: grid; align-content: start; gap: 18px; padding: 22px 20px; border-right: 1px solid #e8edf4; }
.visual-sidebar i { width: 20px; height: 4px; border-radius: 99px; background: #d8e0eb; }
.visual-sidebar i:first-child, .visual-sidebar-active { background: #7ea9f4 !important; }
.visual-content { padding: 30px; }
.visual-content small { color: var(--public-subtle); font-size: .66rem; letter-spacing: .14em; }
.visual-content > strong { display: block; margin: 18px 0 24px; color: var(--public-text); font-size: 1.7rem; letter-spacing: -.04em; }
.visual-post { display: grid; grid-template-columns: 10px 1fr auto; align-items: center; gap: 11px; margin-top: 14px; padding: 13px 0; border-top: 1px solid #e8edf4; }
.visual-post b { display: block; color: var(--public-text); font-size: .78rem; }
.visual-post small { display: block; margin-top: 4px; color: var(--public-subtle); font-size: .65rem; letter-spacing: 0; text-transform: none; }
.visual-post em { color: var(--public-accent); font-size: .63rem; font-style: normal; font-weight: 850; text-transform: uppercase; }
.visual-post-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--public-accent); box-shadow: 0 0 0 4px var(--public-accent-soft); }
.visual-post-dot-mint { background: var(--public-success); box-shadow: 0 0 0 4px #e7f7ef; }
.landing-proof { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 18px; padding: 20px 0; border-top: 1px solid var(--public-border); border-bottom: 1px solid var(--public-border); color: #758299; font-size: .76rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.landing-developer, .landing-inbox { display: grid; grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr); align-items: center; gap: 72px; padding: 96px 0; border-bottom: 1px solid var(--public-border); }
.landing-developer-intro h2, .landing-section-intro h2, .landing-inbox h2, .landing-cta h2 { max-width: 650px; margin: 0; color: var(--public-text); font-family: "Avenir Next", "SF Pro Display", "Segoe UI", sans-serif; font-size: clamp(2.2rem, 4vw, 4rem); font-weight: 800; line-height: 1; letter-spacing: -.06em; }
.landing-developer-intro > p:last-child, .landing-inbox-copy > p:not(.landing-eyebrow), .landing-section-intro > p:last-child, .landing-feature-list p, .landing-steps p, .landing-band-points p, .landing-section-lead { color: var(--public-muted); line-height: 1.65; }
.landing-developer-intro > p:last-child { max-width: 470px; margin: 22px 0 0; }
.landing-developer-links { display: grid; gap: 12px; }
.landing-developer-card { display: grid; grid-template-columns: 46px 1fr; gap: 16px; align-items: start; padding: 22px; border: 1px solid var(--public-border); border-radius: 16px; background: var(--public-surface); color: var(--public-text); box-shadow: 0 8px 22px rgba(31, 52, 83, .045); transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.landing-developer-card:hover { border-color: #9bb9f5; box-shadow: 0 12px 26px rgba(31, 75, 150, .09); transform: translateY(-2px); }
.landing-developer-card b { display: block; font-size: 1.08rem; }
.landing-developer-card small { display: block; margin-top: 7px; color: var(--public-muted); font-size: .86rem; line-height: 1.55; }
.landing-developer-card strong { display: block; margin-top: 14px; color: var(--public-accent); font-size: .8rem; }
.landing-developer-card strong span { margin-left: 6px; }
.landing-developer-icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: var(--public-accent-soft); color: var(--public-accent); font-size: 1.3rem; font-weight: 800; }
.landing-developer-icon-api { background: #e8f7f2; color: #16805d; font-size: .85rem; letter-spacing: -.08em; }
.landing-inbox { grid-template-columns: minmax(0, 1fr) minmax(360px, .95fr); }
.landing-inbox-copy > p:not(.landing-eyebrow) { max-width: 560px; margin: 22px 0 0; }
.landing-inbox-copy .button-link { margin-top: 28px; }
.landing-inbox-panel { display: grid; gap: 12px; padding: 20px; border: 1px solid #cfdbea; border-radius: 20px; background: var(--public-surface); box-shadow: 0 24px 60px rgba(29, 62, 110, .09); }
.landing-inbox-panel > div { display: flex; align-items: center; gap: 10px; padding: 4px 4px 12px; color: #647188; }
.inbox-panel-label { color: var(--public-accent); font-size: .68rem; font-weight: 850; letter-spacing: .14em; }
.inbox-count { margin-left: auto; padding: 5px 9px; border-radius: 999px; background: var(--public-accent-soft); color: var(--public-accent); font-size: .72rem; font-weight: 800; }
.landing-inbox-panel article { display: grid; grid-template-columns: 32px 1fr auto; align-items: center; gap: 12px; padding: 14px; border: 1px solid #e2e8f1; border-radius: 12px; background: var(--public-surface-muted); }
.landing-inbox-panel article b { color: var(--public-text); }
.landing-inbox-panel article p { margin: 4px 0 0; color: var(--public-subtle); font-size: .78rem; }
.landing-inbox-panel article em { padding: 5px 8px; border-radius: 999px; background: #eaf1ff; color: var(--public-accent); font-size: .68rem; font-style: normal; font-weight: 800; white-space: nowrap; }
.inbox-channel { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: #f1eaff; color: #7553cb; font-size: .7rem; font-weight: 900; }
.inbox-channel-blue { background: #e4f0ff; color: #236bbf; }
.inbox-channel-mint { background: #e3f7ef; color: #16805d; }
.landing-section { display: grid; gap: 48px; padding: 112px 0; }
.landing-section-intro { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); column-gap: 60px; align-items: end; }
.landing-section-intro .landing-eyebrow { grid-column: 1 / -1; }
.landing-section-intro > p:last-child { max-width: 390px; margin: 0 0 4px; }
.landing-feature-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 54px; }
.landing-feature-list article { display: grid; grid-template-columns: 34px 1fr; gap: 16px; padding: 28px 0; border-top: 1px solid var(--public-border); }
.landing-feature-list article > span, .landing-steps b { color: var(--public-accent); font-size: .78rem; font-weight: 850; letter-spacing: .1em; }
.landing-feature-list h3, .landing-steps h3 { margin: 0 0 9px; color: var(--public-text); font-size: 1.22rem; letter-spacing: -.02em; }
.landing-feature-list a { display: inline-flex; gap: 8px; margin-top: 15px; color: var(--public-accent); font-size: .82rem; font-weight: 800; }
.landing-band { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 80px; padding: 78px 0; border-top: 1px solid var(--public-border); border-bottom: 1px solid var(--public-border); }
.landing-band h2 { max-width: 520px; margin: 0; color: var(--public-text); font-size: clamp(2.1rem, 4vw, 3.5rem); line-height: 1; letter-spacing: -.055em; }
.landing-band-points { display: grid; gap: 20px; }
.landing-band-points p { margin: 0; padding-left: 20px; border-left: 2px solid var(--public-accent); }
.landing-band-points b { display: block; margin-bottom: 4px; color: var(--public-text); }
.landing-steps { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.landing-steps li { display: grid; grid-template-columns: 52px 1fr; gap: 18px; padding: 0 0 28px; margin-bottom: 28px; border-bottom: 1px solid var(--public-border); }
.landing-cta { display: grid; justify-items: center; gap: 16px; padding: 108px 24px; border-top: 1px solid var(--public-border); text-align: center; }
.landing-cta p { margin: 0; color: var(--public-muted); }
.landing-footer { display: flex; justify-content: space-between; gap: 18px; width: min(100% - 48px, 1180px); margin: 0 auto; padding: 24px 0 40px; color: var(--public-subtle); font-size: .8rem; }

/* Unified Help Center / MCP / API documentation */
.public-doc-page { background: var(--public-bg); }
.public-doc-main { width: min(100% - 48px, 1180px); margin: 0 auto; padding: 66px 0 92px; }
.help-center-hero { max-width: 820px; padding-bottom: 48px; }
.help-center-eyebrow, .help-center-kicker, .docs-kicker { margin: 0 0 12px; color: var(--public-accent); font-size: .7rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.help-center-hero h1, .docs-hero h1 { max-width: 780px; margin: 0; color: var(--public-text); font-family: "Avenir Next", "SF Pro Display", "Segoe UI", sans-serif; font-size: clamp(2.5rem, 5vw, 4.7rem); font-weight: 800; line-height: .99; letter-spacing: -.065em; }
.help-center-hero > p:not(.help-center-eyebrow):not(.help-center-search-result), .docs-hero .docs-lead { max-width: 700px; margin: 22px 0 0; color: var(--public-muted); font-size: 1.08rem; line-height: 1.7; }
.docs-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px;color:var(--public-muted);font-size:.82rem}.docs-hero-actions .button-link{color:#fff}
.help-center-search { display: flex; gap: 10px; max-width: 720px; margin-top: 28px; }
.help-center-search input { flex: 1; min-width: 0; min-height: 48px; padding: 0 16px; border: 1px solid var(--public-border); border-radius: 10px; background: #fff; color: var(--public-text); box-shadow: 0 8px 20px rgba(34, 70, 99, .06); }
.help-center-search button { min-height: 48px; padding: 0 20px; border: 1px solid var(--public-accent); border-radius: 10px; background: var(--public-accent); color: #fff; font-weight: 800; cursor: pointer; }
.help-center-search-result { color: var(--public-muted); font-size: .88rem; }
.help-center-layout { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 58px; align-items: start; }
.help-center-toc { position: sticky; top: 22px; display: grid; gap: 4px; padding-right: 18px; }
.help-center-toc-title { margin: 0 0 10px; color: var(--public-text); font-size: .74rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.help-center-toc a { padding: 8px 10px; border-radius: 8px; color: #617087; font-size: .84rem; }
.help-center-toc a:hover, .help-center-toc a:focus-visible { background: var(--public-accent-soft); color: var(--public-accent); outline: 0; }
.help-center-content { min-width: 0; }
.help-center-section { padding: 0 0 54px; margin-bottom: 54px; border-bottom: 1px solid var(--public-border); scroll-margin-top: 24px; }
.help-center-section-heading { display: flex; justify-content: space-between; gap: 32px; align-items: end; margin-bottom: 22px; }
.help-center-section-heading h2 { margin: 0; color: var(--public-text); font-size: 1.65rem; letter-spacing: -.04em; }
.help-center-section-heading > p { max-width: 360px; margin: 0; color: var(--public-muted); font-size: .88rem; line-height: 1.55; text-align: right; }
.help-guide-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.help-guide, .help-article-link, .help-center-link-card { padding: 21px; border: 1px solid var(--public-border); border-radius: 14px; background: rgba(255,255,255,.86); box-shadow: 0 8px 22px rgba(31, 52, 83, .04); }
.help-guide { transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.help-guide-link { display: block; color: var(--public-text); }
.help-guide h3 { margin: 0 0 9px; color: var(--public-text); font-size: 1.02rem; }
.help-guide p { margin: 0; color: var(--public-muted); line-height: 1.55; }
.help-guide-read-more { display: block; margin-top: 17px; color: var(--public-accent); font-size: .82rem; font-weight: 800; }
.help-guide:hover, .help-guide:focus-visible, .help-article-link:hover, .help-article-link:focus-visible, .help-center-link-card:hover { border-color: #9bb9f5; box-shadow: 0 12px 26px rgba(31, 75, 150, .09); outline: 0; transform: translateY(-2px); }
.help-article-list { display: grid; gap: 10px; }
.help-article-link { display: flex; align-items: center; justify-content: space-between; gap: 16px; color: var(--public-text); }
.help-article-link span:first-child { display: grid; gap: 5px; }
.help-article-link small { color: var(--public-subtle); }
.help-article-link > span:last-child { color: var(--public-accent); font-size: 1.2rem; }
.help-center-link-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0 0 54px; }
.help-center-link-card { display: block; color: var(--public-text); }
.help-center-link-card strong { display: block; font-size: 1rem; }
.help-center-link-card p { margin: 8px 0 0; color: var(--public-muted); font-size: .88rem; line-height: 1.5; }
.help-center-link-card span { display: block; margin-top: 16px; color: var(--public-accent); font-size: .82rem; font-weight: 800; }
.help-center-empty { padding: 32px 0; color: var(--public-muted); }

.docs-page .public-doc-main { padding-top: 54px; }
.docs-hero { max-width: 820px; padding-bottom: 42px; }
.docs-layout { display: grid; grid-template-columns: 200px minmax(0, 760px); gap: 58px; align-items: start; }
.docs-sidebar { position: sticky; top: 22px; display: grid; gap: 5px; padding-right: 18px; }
.docs-sidebar strong { margin-bottom: 8px; color: var(--public-text); font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; }
.docs-sidebar a { padding: 7px 9px; border-radius: 8px; color: #617087; font-size: .84rem; }
.docs-sidebar a:hover { background: var(--public-accent-soft); color: var(--public-accent); }
.docs-content { min-width: 0; }
.docs-content h2 { padding-top: 28px; margin: 40px 0 14px; border-top: 1px solid var(--public-border); color: var(--public-text); font-size: 1.55rem; letter-spacing: -.035em; scroll-margin-top: 24px; }
.docs-content h2:first-of-type { margin-top: 0; }
.docs-content p, .docs-content li { color: #46566d; line-height: 1.7; }
.docs-content code { padding: 2px 5px; border-radius: 5px; background: #eaf0f7; color: #29476d; font: .88em ui-monospace, SFMono-Regular, Menlo, monospace; }
.docs-code { overflow: auto; padding: 16px 18px; border: 1px solid #223a5b; border-radius: 10px; background: var(--public-code); color: #e7efff; font: 13px/1.6 ui-monospace, SFMono-Regular, Menlo, monospace; white-space: pre-wrap; }
.docs-note { padding: 14px 17px; border: 1px solid #c4dcff; border-left: 4px solid var(--public-accent); border-radius: 8px; background: #f0f6ff; color: #3e5774; }
.docs-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.docs-card { padding: 22px; border: 1px solid var(--public-border); border-radius: 14px; background: #fff; box-shadow: 0 8px 22px rgba(31, 52, 83, .04); }
.docs-card h2 { padding: 0; margin: 0 0 16px; border: 0; font-size: 1.1rem; }
.docs-step { display: flex; gap: 13px; margin: 17px 0; }
.docs-step-number { display: grid; place-items: center; flex: 0 0 28px; height: 28px; border-radius: 50%; background: var(--public-accent-soft); color: var(--public-accent); font-weight: 800; }
.docs-muted { color: var(--public-muted); }
.docs-footer { margin-top: 42px; color: var(--public-muted); font-size: .88rem; }
.help-article-page { max-width: 820px; }
.help-article-detail { max-width: 760px; padding: 14px 0 44px; }
.help-article-detail h1 { margin: 0; color: var(--public-text); font-family: "Avenir Next", "SF Pro Display", "Segoe UI", sans-serif; font-size: clamp(2.4rem, 5vw, 4.5rem); line-height: 1; letter-spacing: -.06em; }
.help-article-summary { margin: 24px 0 0; color: var(--public-muted); font-size: 1.1rem; line-height: 1.65; }
.help-article-body { margin-top: 42px; padding: 28px; border: 1px solid var(--public-border); border-radius: 16px; background: #fff; box-shadow: 0 10px 24px rgba(40, 72, 98, .045); }
.help-article-body h2 { margin: 0; color: var(--public-text); font-size: 1.15rem; }
.help-article-body ol { display: grid; gap: 16px; margin: 22px 0 0; padding-left: 24px; color: #30475c; line-height: 1.6; }
.help-article-body li::marker { color: var(--public-accent); font-weight: 800; }
.help-article-footer { margin: 0; font-weight: 800; }

/* Customer support centers combine shared PocketPapi guides with the
   customer site's published answers, while keeping the editing workspace
   entirely out of the public document shell. */
.support-center-main { padding-top: 54px; }
.support-center-hero { max-width: 900px; }
.support-center-article { margin: 0 0 48px; padding: 28px; border: 1px solid var(--public-border); border-radius: 16px; background: rgba(255,250,241,.72); }
.support-center-article h2 { margin: 0; color: var(--public-text); font-size: clamp(1.9rem, 4vw, 3rem); letter-spacing: -.05em; }
.support-center-article .help-article-body { margin-top: 24px; }
.support-center-topic + .support-center-topic { margin-top: 34px; }
.support-center-ticket { display: flex; flex-wrap: wrap; gap: 8px 18px; align-items: center; padding: 18px 20px; border: 1px solid var(--public-border); border-radius: 12px; background: rgba(255,250,241,.82); color: var(--public-muted); }
.support-center-ticket strong { color: var(--public-text); }
.support-center-contact { display: grid; grid-template-columns: minmax(0, .72fr) minmax(0, 1fr) minmax(220px, .72fr); gap: 26px; align-items: start; padding: 28px 0 0; border-bottom: 0; }
.support-center-contact h2 { margin: 0; color: var(--public-text); font-size: 1.65rem; letter-spacing: -.04em; }
.support-center-contact p:not(.help-center-kicker) { color: var(--public-muted); line-height: 1.6; }
.support-center-contact-form, .support-center-ticket-form { display: grid; gap: 12px; }
.support-center-contact-form label, .support-center-ticket-form label { display: grid; gap: 7px; color: var(--public-text); font-size: .78rem; font-weight: 800; }
.support-center-contact-form input, .support-center-contact-form textarea, .support-center-ticket-form input { width: 100%; padding: 11px 12px; border: 1px solid var(--public-border); border-radius: 9px; background: var(--public-surface); color: var(--public-text); font: inherit; }
.support-center-contact-form textarea { min-height: 130px; resize: vertical; }
.support-center-contact-form input:focus, .support-center-contact-form textarea:focus, .support-center-ticket-form input:focus { border-color: var(--public-accent); outline: 0; box-shadow: 0 0 0 3px rgba(255,127,86,.16); }
.support-center-contact-form button, .support-center-ticket-form button { justify-self: start; min-height: 42px; padding: 0 15px; border: 1px solid var(--public-accent); border-radius: 9px; background: var(--public-accent); color: #fff; font: inherit; font-size: .78rem; font-weight: 800; cursor: pointer; }
.support-center-contact-form button:hover, .support-center-ticket-form button:hover { background: #B04430; }

@media (max-width: 820px) {
    .support-center-contact { grid-template-columns: 1fr 1fr; }
    .support-center-contact > :first-child { grid-column: 1 / -1; }
}
@media (max-width: 620px) {
    .support-center-contact { display: block; }
    .support-center-contact-form, .support-center-ticket-form { margin-top: 26px; }
}

/* Nine-step customer intake parity with the Action Center reference form. */
.lead-intake-public{background:#f8fbff;color:#10264a}.lead-intake-page{width:min(100% - 48px,1240px);margin:0 auto;padding:18px 0 48px}.lead-intake-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:4px 0 16px}.lead-intake-hero h1{margin:0;color:#0c316d;font-size:clamp(1.8rem,3.5vw,2.6rem);line-height:1.08;letter-spacing:-.04em}.lead-intake-hero p{margin:4px 0 0;color:#70809b;font-size:1rem}.lead-intake-hero__context{color:#536889;font-size:.76rem;line-height:1.45;text-align:right}.lead-intake-hero__context span{color:#7b8ba4;font-size:.68rem}.lead-intake-step-nav{display:flex;gap:6px;overflow-x:auto;margin-bottom:12px;padding:9px;border:1px solid #dfe7f0;border-radius:8px;background:#fff;scrollbar-width:thin}.lead-intake-step-nav a{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-height:42px;padding:6px 9px;border:1px solid transparent;border-radius:6px;color:#28486f;text-decoration:none;font-size:.73rem;font-weight:750}.lead-intake-step-nav a span{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#edf1f6;color:#536681;font-size:.68rem}.lead-intake-step-nav a:hover,.lead-intake-step-nav a.is-active{border-color:#b9d7fb;background:#eaf2ff;color:#075ad3}.lead-intake-step-nav a.is-active span{background:#0b66e8;color:#fff}.lead-intake-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:18px;align-items:start}.lead-intake-main{min-width:0}.lead-intake-main form{display:grid;gap:10px}.lead-intake-section{margin:0;padding:18px;border:1px solid #dfe7f0;border-radius:8px;background:#fff;box-shadow:0 5px 16px rgba(16,38,74,.04)}.lead-intake-section[hidden]{display:none}.lead-intake-section__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:13px}.lead-intake-section__head h2{margin:0;color:#102d62;font-size:1.05rem;letter-spacing:-.02em}.lead-intake-section__head p{margin:4px 0 0;color:#6b7c95;font-size:.78rem;line-height:1.45}.lead-intake-section__head .landing-eyebrow{margin-bottom:6px;color:#0f63dd;font-size:.64rem}.lead-intake-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lead-intake-grid label,.lead-intake-note{display:grid;gap:6px;color:#163664;font-size:.75rem;font-weight:750}.lead-intake-grid label.wide,.lead-intake-note.wide{grid-column:1/-1}.lead-intake-grid input,.lead-intake-grid select,.lead-intake-grid textarea,.lead-intake-note textarea{width:100%;box-sizing:border-box;padding:9px 10px;border:1px solid #ccd8e6;border-radius:6px;background:#fff;color:#213b66;font:inherit;font-size:.8rem;line-height:1.45}.lead-intake-grid textarea,.lead-intake-note textarea{min-height:84px;resize:vertical}.lead-intake-grid input:focus,.lead-intake-grid select:focus,.lead-intake-grid textarea:focus,.lead-intake-note textarea:focus{border-color:#0b66e8;outline:3px solid #eaf2ff}.lead-intake-grid .lead-intake-check{display:flex;align-items:center;gap:8px;align-content:center}.lead-intake-check input{width:auto}.lead-intake-prefill{display:inline-flex;align-items:center;min-height:25px;padding:4px 8px;border:1px solid #cfe2ff;border-radius:6px;background:#edf5ff;color:#2c5da8;font-size:.68rem;white-space:nowrap}.lead-intake-upload-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.lead-intake-upload-control{display:inline-flex!important;align-items:center;width:max-content!important;min-height:36px;padding:0 11px;border:1px dashed #88b4f5;border-radius:6px;background:#f4f8ff;color:#1d63c8!important;font-size:.72rem!important;font-weight:800!important;cursor:pointer}.lead-intake-upload-control input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.lead-intake-upload-row>span{color:#6b7c95;font-size:.72rem}.lead-intake-upload-help{margin:8px 0 0;color:#7b8ba4;font-size:.7rem}.lead-intake-uploaded-files{display:grid;gap:6px;padding:10px 12px;border:1px solid #dfe7f0;border-radius:8px;background:#fff;font-size:.74rem}.lead-intake-uploaded-files:empty{display:none}.lead-intake-uploaded-files strong{color:#536889;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.lead-intake-uploaded-files a{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid #edf1f5;color:#075ad3}.lead-intake-uploaded-files small{color:#7b8ba4;font-size:.66rem}.lead-intake-step-actions{display:flex;justify-content:space-between;gap:10px;padding-top:2px}.lead-intake-step-actions button{min-height:36px;padding:7px 12px;border:1px solid #ccd8e6;border-radius:6px;background:#fff;color:#173a6e;font:inherit;font-size:.74rem;font-weight:800;cursor:pointer}.lead-intake-step-actions button:hover,.lead-intake-step-actions button:focus-visible{border-color:#0b66e8;background:#eaf2ff;outline:0}.lead-intake-step-actions .landing-primary{border-color:#0b66e8;background:#0b66e8;color:#fff}.lead-intake-save-status{margin:0;color:#7b8ba4;font-size:.7rem;text-align:right}.lead-intake-sidebar{position:sticky;top:12px;padding:17px;border:1px solid #dfe7f0;border-radius:8px;background:#fff;box-shadow:0 5px 16px rgba(16,38,74,.04)}.lead-intake-sidebar h2{margin:0 0 13px;color:#102d62;font-size:1rem}.lead-intake-progress{height:8px;overflow:hidden;border-radius:999px;background:#e7edf4}.lead-intake-progress span{display:block;height:100%;border-radius:inherit;background:#079a84;transition:width .25s}.lead-intake-progress-label{margin:6px 0 14px;color:#079a84;font-size:.78rem;font-weight:800}.lead-intake-checklist{display:grid;gap:3px;max-height:calc(100vh - 270px);overflow:auto}.lead-intake-progress-step{display:grid;grid-template-columns:27px minmax(0,1fr);gap:8px;align-items:start;padding:7px 6px;border:1px solid transparent;border-radius:6px;color:#28486f;text-decoration:none}.lead-intake-progress-step:hover,.lead-intake-progress-step.is-active{border-color:#c5dcf7;background:#f4f9ff;color:#075ac7}.lead-intake-progress-step__number{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#e6eef8;color:#527093;font-size:.67rem;font-weight:800}.lead-intake-progress-step strong,.lead-intake-progress-step small{display:block}.lead-intake-progress-step strong{font-size:.73rem;line-height:1.25}.lead-intake-progress-step small{margin-top:2px;color:#6b809c;font-size:.63rem;line-height:1.35}.lead-intake-progress-step.is-active .lead-intake-progress-step__number{background:#075fd3;color:#fff}.lead-intake-sidebar__hint{margin:13px 0 0;padding-top:12px;border-top:1px solid #e5ebf2;color:#7b8ba4;font-size:.68rem;line-height:1.45}.lead-intake-footer{width:min(100% - 48px,1240px);margin:0 auto;padding:0 0 28px}
@media(max-width:900px){.lead-intake-layout{grid-template-columns:1fr}.lead-intake-sidebar{position:static;order:-1}.lead-intake-checklist{max-height:360px}.lead-intake-step-nav{scroll-snap-type:x proximity}.lead-intake-step-nav a{scroll-snap-align:start}}
@media(max-width:620px){.lead-intake-page{width:min(100% - 28px,1240px);padding-top:12px}.lead-intake-public .public-doc-header{width:min(100% - 28px,1180px)}.lead-intake-hero{display:block}.lead-intake-hero__context{margin-top:10px;text-align:left}.lead-intake-section{padding:14px}.lead-intake-section__head{display:block}.lead-intake-prefill{margin-top:10px}.lead-intake-grid{grid-template-columns:1fr}.lead-intake-grid label.wide,.lead-intake-note.wide{grid-column:auto}.lead-intake-step-actions button{flex:1}.lead-intake-footer{width:min(100% - 28px,1240px)}}

@media (max-width: 820px) {
    .landing-hero, .landing-developer, .landing-inbox, .landing-section-intro, .landing-band { grid-template-columns: 1fr; gap: 42px; }
    .landing-hero { padding: 78px 0 90px; }
    .landing-feature-list, .help-guide-list, .help-center-link-grid, .docs-card-grid { grid-template-columns: 1fr; }
    .landing-section { padding: 78px 0; }
    .help-center-layout, .docs-layout { display: block; }
    .help-center-toc, .docs-sidebar { position: static; display: flex; gap: 7px; overflow-x: auto; margin: 0 0 42px; padding: 0 0 7px; white-space: nowrap; }
    .help-center-toc-title, .docs-sidebar strong { display: none; }
    .help-center-section-heading { display: block; }
    .help-center-section-heading > p { margin-top: 12px; text-align: left; }
}
@media (max-width: 620px) {
    .public-doc-shell, .landing-shell, .landing-nav, .public-doc-header, .public-doc-main { width: min(100% - 28px, 1180px); }
    .public-doc-header, .landing-nav { align-items: flex-start; flex-direction: column; padding: 14px 0; }
    .public-doc-nav, .landing-nav nav { width: 100%; gap: 14px; overflow-x: auto; padding-bottom: 2px; }
    .public-doc-nav a, .landing-nav nav a:not(.button-link) { flex: 0 0 auto; }
    .landing-page .landing-nav nav a[href="#social-inbox"] { display: none; }
    .landing-hero h1 { font-size: clamp(3rem, 15vw, 4.8rem); }
    .visual-body { grid-template-columns: 48px 1fr; }
    .visual-sidebar { padding-inline: 14px; }
    .visual-content { padding: 22px 18px; }
    .visual-content > strong { font-size: 1.35rem; }
    .landing-inbox-panel article { grid-template-columns: 30px 1fr; }
    .landing-inbox-panel article em { grid-column: 2; justify-self: start; }
    .help-center-search { display: grid; grid-template-columns: 1fr; }
    .help-center-search button { width: 100%; }
    .landing-footer { width: min(100% - 28px, 1180px); align-items: flex-start; flex-direction: column; }
    .landing-footer span:last-child { width: 100%; box-sizing: border-box; flex-wrap: wrap; gap: 10px 16px; min-width: 0; }
}

@media (max-width: 820px) {
    .landing-page .landing-nav.public-nav-open nav a[href="#social-inbox"] { display: flex; }
}

/* Public onboarding: warm, quiet, and focused on one useful first action. */
.landing-page { background: #fcfcfa; color: #1d2433; }
.landing-page .landing-nav { min-height: 84px; padding-top: 12px; }
.landing-page .landing-nav .auth-brand { color: #1d2433; }
.landing-page .landing-nav .auth-brand img { width: 30px; height: 30px; }
.landing-page .landing-nav nav a:not(.button-link) { color: #6b7485; }
.landing-page .landing-nav nav a:not(.button-link):hover { color: #3366ff; }
body.signup-builder-page .landing-shell { background: radial-gradient(circle at 8% 8%, rgba(21,94,239,.08), transparent 36rem), #fcfcfa; }
.landing-onboarding { grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr); gap: clamp(42px, 7vw, 88px); min-height: 650px; padding: 74px 0 86px; }
body.signup-builder-page .landing-onboarding .landing-hero-copy { align-self: start; }
.landing-onboarding .landing-hero-copy h1 { max-width: 620px; color: #1d2433; font-size: clamp(3.25rem, 6.1vw, 5.6rem); line-height: .96; letter-spacing: -.075em; }
.landing-onboarding .landing-hero-copy > p { max-width: 520px; margin-top: 25px; color: #6b7485; font-size: 1.02rem; line-height: 1.7; }
.landing-trust-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; max-width: 600px; margin-top: 34px; padding-top: 17px; border-top: 1px solid #e7eaf0; color: #6b7485; font-size: .7rem; line-height: 1.35; }
.landing-trust-row span { display: flex; align-items: flex-start; gap: 7px; }
.landing-trust-row i { display: inline-grid; place-items: center; flex: 0 0 17px; width: 17px; height: 17px; border-radius: 50%; background: #e5faf2; color: #16805d; font-size: .65rem; font-style: normal; font-weight: 850; }
.landing-trust-row span:nth-child(2) i { background: #efeafd; color: #7357d8; }
.landing-trust-row span:nth-child(3) i { background: #eaf0ff; color: #3366ff; }
.landing-onboarding-card { align-self: center; padding: clamp(25px, 4vw, 40px); border: 1px solid #e7eaf0; border-radius: 20px; background: #fff; box-shadow: 0 24px 70px rgba(39, 57, 91, .09); }
.onboarding-pane { min-width: 0; }
.onboarding-card-heading { margin-bottom: 28px; }
.onboarding-step-label { display: block; margin-bottom: 10px; color: #3366ff; font-size: .68rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.onboarding-card-heading h2 { margin: 0; color: #1d2433; font-size: clamp(1.6rem, 3vw, 2.2rem); letter-spacing: -.045em; line-height: 1.05; }
.onboarding-card-heading p { max-width: 440px; margin: 10px 0 0; color: #6b7485; font-size: .88rem; line-height: 1.55; }
.landing-onboarding-card label { display: grid; gap: 8px; margin: 0; color: #4c5870; font-size: .75rem; font-weight: 800; }
.landing-onboarding-card input { width: 100%; min-height: 48px; padding: 0 13px; border: 1px solid #dfe4ec; border-radius: 10px; outline: 0; background: #fff; color: #1d2433; font-size: .86rem; box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; transition: border-color .16s ease, box-shadow .16s ease; }
.landing-onboarding-card input::placeholder { color: #a2aaba; }
.landing-onboarding-card input:focus { border-color: #6c91ff; box-shadow: 0 0 0 3px rgba(51,102,255,.12); }
.landing-or { display: flex; align-items: center; gap: 12px; margin: 22px 0; color: #a2aaba; font-size: .72rem; font-weight: 750; text-transform: lowercase; }
.landing-or::before, .landing-or::after { content: ""; flex: 1; height: 1px; background: #edf0f4; }
.onboarding-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.onboarding-asset-intake { margin: 18px 0 0; padding: 14px; border: 1px solid #e7eaf0; border-radius: 12px; background: rgba(247,249,252,.72); }
.onboarding-asset-intake legend { padding: 0 5px; color: #1d2433; font-size: .8rem; font-weight: 850; }
.onboarding-asset-intake legend span { color: #8b95a5; font-weight: 600; }
.onboarding-asset-intake p { margin: 2px 0 13px; color: #6b7485; font-size: .75rem; line-height: 1.45; }
.onboarding-asset-intake input[type=file] { min-height: 44px; padding: 10px; font-size: .75rem; }
.landing-onboarding-submit, .onboarding-email-step .landing-primary { width: 100%; min-height: 49px; margin-top: 24px; border-radius: 10px; background: #3366ff; box-shadow: 0 10px 20px rgba(51,102,255,.16); }
.landing-onboarding-submit:hover, .onboarding-email-step .landing-primary:hover { background: #2455e6; }
.onboarding-error { margin: 14px 0 0; color: #c54552; font-size: .76rem; line-height: 1.45; }
.onboarding-next-note { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 11px; align-items: start; margin: 0; padding: 15px; border: 1px solid #dfe7f2; border-radius: 12px; background: #f7f9fc; }
.onboarding-next-note__mark { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; background: #e9f5ef; color: #26815f; font-size: .8rem; font-weight: 800; }
.onboarding-next-note strong { display: block; color: #263148; font-size: .83rem; }
.onboarding-next-note p { margin: 4px 0 0; color: #667286; font-size: .76rem; line-height: 1.5; }
.onboarding-submit-status { margin: 12px 0 0; color: #3366ff; font-size: .76rem; line-height: 1.45; }
.onboarding-status-list { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.onboarding-status-list li { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; gap: 11px; align-items: center; min-height: 72px; border-bottom: 1px solid #edf0f4; }
.onboarding-status-list li:last-child { border-bottom: 0; }
.onboarding-status-list li > i { position: relative; display: block; width: 22px; height: 22px; border: 2px solid #dfe4ec; border-radius: 50%; }
.onboarding-status-list li.is-active > i { border-color: #3366ff; border-top-color: transparent; animation: onboarding-spin .8s linear infinite; }
.onboarding-status-list li.is-complete > i { border-color: #3aaf82; background: #3aaf82; }
.onboarding-status-list li.is-complete > i::after { content: "✓"; position: absolute; inset: 0; display: grid; place-items: center; color: #fff; font-size: .68rem; font-weight: 900; }
.onboarding-status-list strong, .onboarding-status-list small { display: block; }
.onboarding-status-list strong { color: #263148; font-size: .83rem; }
.onboarding-status-list small { margin-top: 4px; color: #8993a4; font-size: .7rem; line-height: 1.35; }
.onboarding-status-list em { color: #9aa3b1; font-size: .68rem; font-style: normal; white-space: nowrap; }
.onboarding-status-list li.is-active em { color: #3366ff; font-weight: 800; }
.onboarding-status-list li.is-complete em { color: #2b966d; font-weight: 800; }
.onboarding-email-step { margin-top: 22px; padding-top: 22px; border-top: 1px solid #e7eaf0; }
.onboarding-email-step .landing-primary { margin-top: 14px; }
.onboarding-email-step .landing-primary.is-loading { opacity: .75; cursor: wait; }
.onboarding-account-step { margin-top: 22px; padding-top: 22px; border-top: 1px solid #e7eaf0; }
.onboarding-account-step .landing-primary { width: 100%; min-height: 49px; margin-top: 18px; border-radius: 10px; }
.onboarding-account-step .landing-primary.is-loading { opacity: .75; cursor: wait; }
.onboarding-account-password-grid { margin-top: 12px; }
.onboarding-account-step label small { color: #8b95a5; font-size: .68rem; font-weight: 600; line-height: 1.35; }
.onboarding-privacy { margin: 14px 0 0; color: #8b95a5; font-size: .68rem; line-height: 1.5; }
.onboarding-privacy a { color: #3366ff; font-weight: 800; }
@keyframes onboarding-spin { to { transform: rotate(360deg); } }
@media (max-width: 820px) {
    .landing-onboarding { grid-template-columns: 1fr; min-height: 0; padding: 62px 0 72px; }
    .landing-onboarding .landing-hero-copy h1 { max-width: 700px; }
    .landing-onboarding-card { max-width: 680px; width: 100%; }
}
@media (max-width: 620px) {
    .landing-page .landing-nav { min-height: 0; }
    .landing-onboarding { padding: 45px 0 58px; }
    .landing-onboarding .landing-hero-copy h1 { font-size: clamp(2.9rem, 14vw, 4.5rem); }
    .landing-trust-row { grid-template-columns: 1fr; gap: 10px; }
    .landing-onboarding-card { padding: 22px 18px; border-radius: 16px; }
    .onboarding-form-grid { grid-template-columns: 1fr; }
    .onboarding-status-list li { grid-template-columns: 28px minmax(0, 1fr); padding: 12px 0; }
    .onboarding-status-list em { grid-column: 2; }
}
/* PocketPapi Sunset Signal landing skin: match the approved reference board. */
body.landing-page.pocketpapi-sunset-signal{--public-bg:#F4E2C8;--public-surface:#FFFAF1;--public-surface-muted:#F8E8D2;--public-text:#0F2749;--public-muted:#5F6F7C;--public-subtle:#7C736C;--public-border:#E4CDB0;--public-accent:#FF7F56;--public-accent-soft:#FFE1D5;background:radial-gradient(circle at 88% 6%,rgba(255,127,86,.2),transparent 28rem),#F4E2C8;color:#0F2749}
body.landing-page.pocketpapi-sunset-signal .landing-nav{border-bottom:1px solid rgba(15,39,73,.12)}
body.landing-page.pocketpapi-sunset-signal .landing-nav .auth-brand{color:#0F2749}body.landing-page.pocketpapi-sunset-signal .landing-nav .auth-brand img{width:42px;height:42px;padding:4px;border-radius:50%;background:#0F2749}
body.landing-page.pocketpapi-sunset-signal .landing-nav nav a:not(.button-link),body.landing-page.pocketpapi-sunset-signal .landing-footer a{color:#5F6F7C}body.landing-page.pocketpapi-sunset-signal .landing-nav nav a:not(.button-link):hover,body.landing-page.pocketpapi-sunset-signal .landing-footer a:hover{color:#C8553D}
body.landing-page.pocketpapi-sunset-signal .landing-primary,body.landing-page.pocketpapi-sunset-signal .landing-nav .button-link{border-color:#FF7F56;background:#FF7F56;color:#0F2749!important;box-shadow:0 10px 24px rgba(200,85,61,.18)}body.landing-page.pocketpapi-sunset-signal .landing-primary:hover,body.landing-page.pocketpapi-sunset-signal .landing-nav .button-link:hover{background:#E76643}
body.landing-page.pocketpapi-sunset-signal .landing-hero{padding-top:78px}.landing-page.pocketpapi-sunset-signal .landing-hero h1,.landing-page.pocketpapi-sunset-signal .landing-developer-intro h2,.landing-page.pocketpapi-sunset-signal .landing-section-intro h2,.landing-page.pocketpapi-sunset-signal .landing-inbox h2,.landing-page.pocketpapi-sunset-signal .landing-cta h2{color:#0F2749}
body.landing-page.pocketpapi-sunset-signal .landing-eyebrow{color:#C8553D}.landing-page.pocketpapi-sunset-signal .landing-hero-copy>p:not(.landing-eyebrow),.landing-page.pocketpapi-sunset-signal .landing-developer-intro>p:last-child,.landing-page.pocketpapi-sunset-signal .landing-inbox-copy>p:not(.landing-eyebrow){color:#5F6F7C}
.landing-character-preview{display:grid;grid-template-columns:108px minmax(0,1fr);align-items:center;gap:14px;max-width:510px;margin-top:28px;padding:10px;border:1px solid #E4CDB0;border-radius:18px;background:rgba(255,250,241,.76);box-shadow:0 14px 30px rgba(91,55,33,.08)}.landing-character-preview img{width:108px;height:108px;object-fit:cover;object-position:50% 25%;border-radius:13px}.landing-character-preview div,.landing-card-brand div{display:grid;gap:5px;min-width:0}.landing-character-preview span,.landing-character-preview strong,.landing-character-preview small,.landing-card-brand span,.landing-card-brand strong{display:block}.landing-character-preview span,.landing-card-brand span{color:#C8553D;font-size:.65rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.landing-character-preview strong,.landing-card-brand strong{color:#0F2749;font-size:.96rem;line-height:1.2}.landing-character-preview small{color:#6F6B67;font-size:.72rem;line-height:1.4}
.landing-onboarding-card{border-color:#E4CDB0!important;background:#FFFAF1!important;box-shadow:0 22px 60px rgba(91,55,33,.13)!important}.landing-card-brand{display:grid;grid-template-columns:60px minmax(0,1fr);align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #E8D4BD}.landing-card-brand img{width:60px;height:60px;object-fit:cover;object-position:50% 25%;border-radius:14px}.landing-onboarding-card label{color:#0F2749}.landing-onboarding-card input{border-color:#D8BB9A!important;background:#FFFDF8!important;color:#0F2749!important}.landing-onboarding-card input:focus{border-color:#FF7F56!important;box-shadow:0 0 0 3px rgba(255,127,86,.18)}.landing-or::before,.landing-or::after{background:#E4CDB0}.landing-onboarding-submit,.onboarding-email-step .landing-primary{background:#FF7F56!important;box-shadow:0 10px 22px rgba(200,85,61,.18)!important}.landing-onboarding-submit:hover,.onboarding-email-step .landing-primary:hover{background:#E76643!important}.onboarding-next-note{border-color:#E8D4BD;background:#FFFDF8}.onboarding-next-note__mark{background:#E7F2E9;color:#347B5D}.onboarding-next-note strong{color:#0F2749}.onboarding-next-note p,.onboarding-privacy{color:#7C736C}.onboarding-submit-status{color:#C8553D}.onboarding-privacy a{color:#C8553D}
body.landing-page.pocketpapi-sunset-signal .landing-proof,body.landing-page.pocketpapi-sunset-signal .landing-developer,body.landing-page.pocketpapi-sunset-signal .landing-inbox,body.landing-page.pocketpapi-sunset-signal .landing-section{border-color:#E4CDB0}.landing-page.pocketpapi-sunset-signal .landing-proof{color:#7C736C}.landing-page.pocketpapi-sunset-signal .landing-developer-card,.landing-page.pocketpapi-sunset-signal .landing-inbox-panel,.landing-page.pocketpapi-sunset-signal .landing-feature-list article{border-color:#E4CDB0;background:rgba(255,250,241,.62)}.landing-page.pocketpapi-sunset-signal .landing-developer-card:hover{border-color:#FF7F56;background:#FFFAF1}.landing-page.pocketpapi-sunset-signal .landing-developer-card b,.landing-page.pocketpapi-sunset-signal .landing-feature-list h3{color:#0F2749}.landing-page.pocketpapi-sunset-signal .landing-developer-card small,.landing-page.pocketpapi-sunset-signal .landing-feature-list p{color:#5F6F7C}.landing-page.pocketpapi-sunset-signal .landing-developer-icon{background:#FFE1D5;color:#C8553D}.landing-page.pocketpapi-sunset-signal .landing-inbox-panel{box-shadow:0 18px 42px rgba(91,55,33,.1)}.landing-page.pocketpapi-sunset-signal .inbox-channel{background:#FF7F56;color:#0F2749}.landing-page.pocketpapi-sunset-signal .inbox-channel-blue{background:#0F2749;color:#F4E2C8}.landing-page.pocketpapi-sunset-signal .inbox-channel-mint{background:#F4B860;color:#0F2749}.landing-page.pocketpapi-sunset-signal .landing-band,.landing-page.pocketpapi-sunset-signal .landing-cta{background:#0F2749;color:#F4E2C8}.landing-page.pocketpapi-sunset-signal .landing-band h2,.landing-page.pocketpapi-sunset-signal .landing-cta h2{color:#F4E2C8}.landing-page.pocketpapi-sunset-signal .landing-band p,.landing-page.pocketpapi-sunset-signal .landing-cta p{color:#C8D7DF}.landing-page.pocketpapi-sunset-signal .landing-steps li{border-color:rgba(15,39,73,.18)}.landing-page.pocketpapi-sunset-signal .landing-steps li>b{color:#C8553D}
@media(max-width:620px){.landing-character-preview{grid-template-columns:76px minmax(0,1fr);gap:10px}.landing-character-preview img{width:76px;height:76px}.landing-card-brand{grid-template-columns:50px minmax(0,1fr)}.landing-card-brand img{width:50px;height:50px}}

/* Sunset Signal public surfaces: keep the approved navy, sand, coral, and
   terracotta system consistent on help, documentation, privacy, and auth-adjacent
   public pages as well as the landing page. */
body.public-doc-page {
    --public-bg: #F4E2C8;
    --public-surface: #FFFAF1;
    --public-surface-muted: #F8E8D2;
    --public-text: #0F2749;
    --public-muted: #526678;
    --public-subtle: #756F6A;
    --public-border: #E4CDB0;
    --public-accent: #C8553D;
    --public-accent-soft: #FFE1D5;
    --public-success: #267452;
    --public-code: #0F2749;
    min-height: 100vh;
    background: radial-gradient(circle at 91% 3%, rgba(255,127,86,.18), transparent 28rem), #F4E2C8;
    color: #0F2749;
}
body.public-doc-page .public-doc-header { border-color: rgba(15,39,73,.15); }
body.public-doc-page .public-brand { color: #0F2749; }
body.public-doc-page .public-brand img { width: 42px; height: 42px; }
body.public-doc-page .public-brand small { color: #756F6A; }
body.public-doc-page .public-doc-nav a,
body.public-doc-page .public-doc-nav a:visited,
body.public-doc-page .docs-sidebar a,
body.public-doc-page .help-center-toc a { color: #526678; }
body.public-doc-page .public-doc-nav a:hover,
body.public-doc-page .public-doc-nav a:focus-visible,
body.public-doc-page .public-doc-nav a[aria-current="page"],
body.public-doc-page .docs-sidebar a:hover,
body.public-doc-page .help-center-toc a:hover,
body.public-doc-page .help-center-toc a:focus-visible { color: #B04430; }
body.public-doc-page .public-doc-cta,
body.public-doc-page .public-doc-cta:visited { border-color: #FF7F56; background: #FF7F56; color: #0F2749; box-shadow: 0 9px 20px rgba(200,85,61,.18); }
body.public-doc-page .public-doc-cta:hover,
body.public-doc-page .public-doc-cta:focus-visible { border-color: #E76643; background: #E76643; color: #0F2749; }
body.public-doc-page .public-doc-nav .public-cart-link,
body.public-doc-page .public-doc-nav .public-cart-link:visited { border-color: #E4CDB0; background: rgba(255,250,241,.72); color: #526678; }
body.public-doc-page .public-doc-nav .public-cart-link:hover,
body.public-doc-page .public-doc-nav .public-cart-link:focus-visible,
body.public-doc-page .public-doc-nav .public-cart-link[aria-current="page"] { border-color: #FF7F56; background: #FFE1D5; color: #B04430; }
body.public-doc-page .public-doc-nav .public-cart-link .shop-cart-count { background: #FF7F56; color: #0F2749; }
body.public-doc-page .help-center-eyebrow,
body.public-doc-page .help-center-kicker,
body.public-doc-page .docs-kicker { color: #B04430; }
body.public-doc-page .help-center-hero h1,
body.public-doc-page .docs-hero h1,
body.public-doc-page .help-article-detail h1,
body.public-doc-page .help-center-section-heading h2,
body.public-doc-page .docs-content h2,
body.public-doc-page .help-article-body h2,
body.public-doc-page .help-center-toc-title,
body.public-doc-page .docs-sidebar strong { color: #0F2749; }
body.public-doc-page .help-center-hero > p:not(.help-center-eyebrow):not(.help-center-search-result),
body.public-doc-page .docs-hero .docs-lead,
body.public-doc-page .help-article-summary,
body.public-doc-page .help-center-section-heading > p,
body.public-doc-page .docs-content p,
body.public-doc-page .docs-content li,
body.public-doc-page .help-guide p,
body.public-doc-page .help-center-link-card p,
body.public-doc-page .help-article-body ol { color: #41586A; }
body.public-doc-page .help-center-search input { border-color: #D8BB9A; background: #FFFAF1; color: #0F2749; }
body.public-doc-page .help-center-search button { border-color: #FF7F56; background: #FF7F56; color: #0F2749; }
body.public-doc-page .help-guide,
body.public-doc-page .help-article-link,
body.public-doc-page .help-center-link-card,
body.public-doc-page .docs-card,
body.public-doc-page .help-article-body { border-color: #E4CDB0; background: rgba(255,250,241,.82); box-shadow: 0 12px 28px rgba(91,55,33,.08); }
body.public-doc-page .help-guide:hover,
body.public-doc-page .help-guide:focus-visible,
body.public-doc-page .help-article-link:hover,
body.public-doc-page .help-article-link:focus-visible,
body.public-doc-page .help-center-link-card:hover { border-color: #FF7F56; box-shadow: 0 16px 32px rgba(91,55,33,.12); }
body.public-doc-page .help-guide-link,
body.public-doc-page .help-article-link,
body.public-doc-page .help-center-link-card { color: #0F2749; }
body.public-doc-page .help-guide-read-more,
body.public-doc-page .help-article-link > span:last-child,
body.public-doc-page .help-center-link-card span,
body.public-doc-page .docs-content a,
body.public-doc-page .help-article-footer a { color: #B04430; }
body.public-doc-page .docs-content code { background: #F8E8D2; color: #0F2749; }
body.public-doc-page .docs-code { border-color: #24466D; background: #0F2749; color: #F4E2C8; }
body.public-doc-page .docs-note { border-color: #E8B9A7; border-left-color: #FF7F56; background: #FFF0E6; color: #41586A; }
body.public-doc-page .docs-step-number { background: #FFE1D5; color: #B04430; }
body.public-doc-page .help-center-section,
body.public-doc-page .docs-content h2 { border-color: #E4CDB0; }

/* Compact public navigation becomes an accessible, theme-matched menu on
   phones and tablets instead of a clipped row of links. */
.public-menu-toggle { display: none; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 0 13px; border: 1px solid #D8BB9A; border-radius: 11px; background: #FFFAF1; color: #0F2749; font: inherit; font-size: .74rem; font-weight: 850; cursor: pointer; }
.public-menu-toggle svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
.public-menu-toggle:hover, .public-menu-toggle:focus-visible { border-color: #FF7F56; background: #FFE1D5; outline: 0; }
@media (max-width: 820px) {
    .landing-page .landing-nav,
    body.public-doc-page .public-doc-header { position: relative; align-items: center; flex-direction: row; min-height: 74px; padding: 12px 0; }
    .landing-page .landing-nav .auth-brand img { width: 44px; height: 44px; }
    .public-menu-toggle { display: inline-flex; margin-left: auto; }
    .landing-page .landing-nav nav,
    body.public-doc-page .public-doc-nav { position: absolute; top: calc(100% + 10px); right: 0; left: 0; z-index: 30; display: none; gap: 4px; padding: 10px; border: 1px solid #E4CDB0; border-radius: 16px; background: #FFFAF1; box-shadow: 0 18px 40px rgba(91,55,33,.16); }
    .landing-page .landing-nav.public-nav-open nav,
    body.public-doc-page .public-doc-header.public-nav-open .public-doc-nav { display: grid; }
    .landing-page .landing-nav nav a,
    body.public-doc-page .public-doc-nav a { display: flex; align-items: center; min-height: 42px; padding: 0 12px; border-radius: 9px; }
    .landing-page .landing-nav nav a:not(.button-link):hover,
    body.public-doc-page .public-doc-nav a:hover { background: #FFF0E6; }
    .landing-page .landing-nav nav .button-link,
    body.public-doc-page .public-doc-nav .public-doc-cta { width: 100%; margin-top: 4px; }
    body.public-doc-page .public-doc-nav .public-doc-cta { justify-content: center; }
}

/* The bundled Sunset Signal mark already contains its own circular badge. */
body.landing-page.pocketpapi-sunset-signal .landing-nav .auth-brand img { padding:0; border-radius:0; background:transparent; }

/* Lead intake is a bearer-link surface: keep it lightweight, readable, and
   deliberately separate from the indexable public marketing pages. */
.lead-intake-public { min-height: 100vh; background: #f7f9fc; }
.lead-intake-public .public-doc-header { border-bottom-color: #dce3ee; }
.lead-intake-secure-label { padding: 7px 10px; border: 1px solid #cfe0fb; border-radius: 999px; background: #edf4ff; color: #155eef; font-size: .7rem; font-weight: 800; }
.lead-intake-shell { width: min(100% - 40px, 920px); margin: 0 auto; padding: 66px 0 70px; }
.lead-intake-hero { max-width: 720px; }
.lead-intake-hero h1 { margin: 0; color: #172033; font-family: "Avenir Next", "SF Pro Display", "Segoe UI", sans-serif; font-size: clamp(2.35rem, 5vw, 4.6rem); line-height: 1; letter-spacing: -.065em; }
.lead-intake-hero > p:not(.landing-eyebrow) { max-width: 700px; margin: 20px 0 0; color: #657087; font-size: 1rem; line-height: 1.7; }
.lead-intake-project { display: grid; gap: 4px; margin-top: 24px; padding: 14px 16px; border-left: 3px solid #155eef; background: #fff; color: #172033; }
.lead-intake-project span { color: #657087; font-size: .82rem; }
.lead-intake-alert { margin-top: 22px; padding: 13px 16px; border-radius: 10px; font-size: .84rem; line-height: 1.5; }
.lead-intake-alert-error { border: 1px solid #f0b8b8; background: #fff2f2; color: #9f2e2e; }
.lead-intake-alert-success { border: 1px solid #bde3cf; background: #effbf5; color: #176b49; }
.lead-intake-progress-card { display: grid; gap: 10px; margin-top: 22px; padding: 18px; border: 1px solid #dce3ee; border-radius: 13px; background: #fff; }
.lead-intake-progress-card > div:first-child { display: flex; justify-content: space-between; gap: 16px; color: #536078; font-size: .78rem; font-weight: 750; }
.lead-intake-progress-card strong { color: #155eef; }
.lead-intake-progress-card small { color: #8793a8; font-size: .72rem; }
.lead-intake-progress-track { height: 9px; overflow: hidden; border-radius: 999px; background: #e8eef7; }
.lead-intake-progress-track span { display: block; height: 100%; border-radius: inherit; background: #155eef; transition: width .25s ease; }
.lead-intake-form { display: grid; gap: 16px; margin-top: 18px; }
.lead-intake-section { display: grid; gap: 17px; padding: 26px; border: 1px solid #dce3ee; border-radius: 15px; background: #fff; box-shadow: 0 8px 24px rgba(31, 52, 83, .035); }
.lead-intake-section-heading { display: grid; grid-template-columns: 38px 1fr; gap: 14px; align-items: start; padding-bottom: 4px; }
.lead-intake-section-heading > span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: #edf4ff; color: #155eef; font-size: .72rem; font-weight: 850; }
.lead-intake-section-heading .landing-eyebrow { margin-bottom: 8px; font-size: .64rem; }
.lead-intake-section h2 { margin: 0; color: #172033; font-size: clamp(1.35rem, 3vw, 1.9rem); letter-spacing: -.04em; }
.lead-intake-section-heading p:last-child { margin: 8px 0 0; color: #657087; font-size: .84rem; line-height: 1.5; }
.lead-intake-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.lead-intake-section label { display: grid; gap: 7px; color: #536078; font-size: .76rem; font-weight: 750; }
.lead-intake-section input, .lead-intake-section select, .lead-intake-section textarea { width: 100%; border: 1px solid #d4deeb; border-radius: 9px; background: #fbfcfe; color: #172033; padding: 11px 12px; font-size: .86rem; line-height: 1.45; }
.lead-intake-section textarea { min-height: 105px; resize: vertical; }
.lead-intake-section input:focus, .lead-intake-section select:focus, .lead-intake-section textarea:focus { border-color: #155eef; outline: 3px solid #edf4ff; }
.lead-intake-upload-row { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.lead-intake-upload-control { display: inline-flex !important; align-items: center; width: fit-content; min-height: 42px; padding: 0 14px; border: 1px solid #d4deeb; border-radius: 9px; background: #fbfcfe; color: #536078 !important; cursor: pointer; }
.lead-intake-upload-camera { border-color: #155eef; background: #edf4ff; color: #155eef !important; }
.lead-intake-upload-control input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; }
.lead-intake-upload-row > span { color: #657087; font-size: .76rem; }
.lead-intake-upload-help { margin: -5px 0 0; color: #8793a8; font-size: .74rem; line-height: 1.5; }
.lead-intake-assets-list { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.lead-intake-assets-list:empty { display: none; }
.lead-intake-assets-list li { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 10px 12px; border-radius: 8px; background: #f7f9fc; font-size: .8rem; }
.lead-intake-assets-list small { color: #8793a8; font-size: .68rem; }
.lead-intake-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; padding: 6px 0; }
.lead-intake-actions .button-link { cursor: pointer; }
.lead-intake-actions > span { color: #8793a8; font-size: .74rem; }
.lead-intake-footer { display: flex; justify-content: space-between; gap: 16px; width: min(100% - 40px, 920px); margin: 0 auto; padding: 20px 0 38px; color: #8793a8; font-size: .75rem; }
.lead-intake-footer a { font-weight: 750; }
@media (max-width: 620px) {
    .lead-intake-shell { width: min(100% - 28px, 920px); padding-top: 42px; }
    .lead-intake-public .public-doc-header { width: min(100% - 28px, 1180px); }
    .lead-intake-secure-label { font-size: .63rem; }
    .lead-intake-section { padding: 19px 16px; }
    .lead-intake-grid { grid-template-columns: 1fr; }
    .lead-intake-actions > .landing-primary, .lead-intake-actions > .button-link { flex: 1 1 100%; }
    .lead-intake-actions > span { flex: 1 1 100%; }
    .lead-intake-footer { width: min(100% - 28px, 920px); flex-direction: column; }
}

/* Customer intake parity with the reference Action Center form. Keep this
   on the shared PocketPapi public theme while matching the same scan order,
   card rhythm, and mobile-friendly upload controls. */
.lead-intake-public{background:#f7f9fc;color:#10264a}
.lead-intake-public .public-doc-header{width:min(100% - 44px,1240px);border-bottom-color:#dbe4ef}
.lead-intake-public .public-brand{color:#173562}
.lead-intake-page{width:min(100% - 44px,1240px);max-width:none;margin:0 auto;padding:20px 0 52px}
.lead-intake-hero{margin:4px 0 18px;padding-bottom:17px;border-bottom:1px solid #dbe4ef}
.lead-intake-hero h1{color:#102d62;font-size:clamp(1.9rem,3.4vw,2.65rem)}
.lead-intake-hero p{color:#657795}
.lead-intake-hero__context{color:#536889}
.lead-intake-step-nav{display:grid;grid-template-columns:repeat(9,minmax(104px,1fr));gap:5px;margin-bottom:14px;padding:9px;border:1px solid #dbe4ef;border-radius:10px;background:#fff;box-shadow:0 5px 16px rgba(16,38,74,.035)}
.lead-intake-step-nav a{display:flex;align-items:center;gap:7px;min-width:0;min-height:40px;padding:7px 8px;border:1px solid transparent;border-radius:7px;color:#28486f;font-size:.73rem}
.lead-intake-step-nav a span{width:22px;height:22px;flex:0 0 22px;background:#e8eef6;color:#536681;font-size:.67rem}
.lead-intake-step-nav a b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lead-intake-step-nav a:hover,.lead-intake-step-nav a.is-active{border-color:#b9d7fb;background:#eaf2ff;color:#075ad3}
.lead-intake-step-nav a.is-active span{background:#0b66e8;color:#fff}
.lead-intake-layout{grid-template-columns:minmax(0,1fr) 280px;gap:20px}
.lead-intake-section{margin-bottom:14px;padding:20px;border:1px solid #dbe4ef;border-radius:13px;background:#fff;box-shadow:0 8px 22px rgba(16,38,74,.045)}
.lead-intake-section.is-active{border-color:#b6d2f7;box-shadow:0 0 0 2px rgba(44,114,222,.06),0 8px 22px rgba(16,38,74,.045)}
.lead-intake-section__head{margin-bottom:15px;padding-bottom:12px;border-bottom:1px solid #e6edf5}
.lead-intake-section__head h2{color:#102d62;font-size:1.16rem;letter-spacing:-.025em}
.lead-intake-section__head p{color:#657795}
.lead-intake-grid{gap:14px 16px}
.lead-intake-grid label,.lead-intake-note{color:#19385f;font-size:.8rem;line-height:1.35}
.lead-intake-grid input,.lead-intake-grid select,.lead-intake-grid textarea,.lead-intake-note textarea{min-height:42px;border-color:#c6d3e2;border-radius:9px;background:#fbfdff;color:#213b66;padding:10px 11px;font-size:.82rem;box-shadow:inset 0 1px 1px rgba(16,38,74,.02)}
.lead-intake-grid textarea,.lead-intake-note textarea{min-height:106px}
.lead-intake-grid input:focus,.lead-intake-grid select:focus,.lead-intake-grid textarea:focus,.lead-intake-note textarea:focus{border-color:#0b66e8;outline:3px solid #eaf2ff}
.lead-intake-upload-row{align-items:center;gap:12px;margin-bottom:11px}
.lead-intake-upload-control{position:relative;min-height:42px;padding:0 14px;border-color:#82b4f4;border-radius:9px;background:#edf5ff;color:#155eef!important;font-size:.77rem!important}
.lead-intake-upload-control:hover{border-color:#0b66e8;background:#e1efff}
.lead-intake-upload-status,.lead-intake-upload-row>span{color:#657795;font-size:.74rem}
.lead-intake-photo-drop-zone{display:grid;justify-items:center;gap:6px;padding:24px 16px;border:1px dashed #91b9ee;border-radius:11px;background:#f5f9ff;color:#526b8d;text-align:center}
.lead-intake-photo-drop-zone strong{color:#24466f;font-size:.85rem}
.lead-intake-photo-drop-zone>span{font-size:.72rem}
.lead-intake-photo-drop-zone .lead-intake-upload-control{margin-top:4px}
.lead-intake-photo-drop-zone.is-dragover{border-color:#0b66e8;background:#eaf3ff;box-shadow:0 0 0 3px rgba(11,102,232,.12)}
.lead-intake-upload-help{margin:9px 0 0;color:#7b8ba4;font-size:.72rem}
.lead-intake-sidebar{position:sticky;top:14px;padding:18px;border:1px solid #dbe4ef;border-radius:13px;background:#fff;box-shadow:0 8px 22px rgba(16,38,74,.045)}
.lead-intake-sidebar h2{color:#102d62;font-size:1.04rem}
.lead-intake-progress span{background:#079a84}
.lead-intake-progress-label{color:#079a84}
.lead-intake-progress-step{padding:8px 7px;border-radius:7px}
.lead-intake-progress-step:hover,.lead-intake-progress-step.is-active{border-color:#c5dcf7;background:#f4f9ff;color:#075ac7}
.lead-intake-progress-step__number{background:#e6eef8;color:#527093}
.lead-intake-progress-step.is-active .lead-intake-progress-step__number{background:#075fd3;color:#fff}
.lead-intake-step-actions{margin-top:4px;padding-top:5px;border-top:1px solid #e6edf5}
.lead-intake-step-actions button{min-height:40px;border-color:#c6d3e2;border-radius:8px;background:#fff;color:#173a6e}
.lead-intake-step-actions button:hover,.lead-intake-step-actions button:focus-visible{border-color:#0b66e8;background:#eaf2ff}
.lead-intake-step-actions .landing-primary{border-color:#73cfc3;background:#b8eee6;color:#07584f}
.lead-intake-save-status{color:#71839d}
.lead-intake-staff-table-wrap{overflow:visible}
.lead-intake-staff-table{width:100%;min-width:0;border-collapse:separate;border-spacing:0}
.lead-intake-staff-table th,.lead-intake-staff-table td{padding:9px 8px;border-bottom:1px solid #e5ebf2;color:#263f69;font-size:.76rem}
.lead-intake-staff-table th{color:#667895;font-size:.68rem}
.lead-intake-staff-field{display:grid;gap:5px;color:#24466f;font-size:.72rem;font-weight:800}
.lead-intake-staff-field em{font-style:normal;color:#71849d;font-weight:600}
.lead-intake-staff-field input{min-height:38px;padding:8px 9px!important;font-size:.76rem!important}
.lead-intake-icon-btn{width:34px;min-height:34px;border-color:#d1dbe8;border-radius:8px;background:#fff;color:#64748b;font-size:1rem;cursor:pointer}
.lead-intake-icon-btn:hover{border-color:#fecaca;background:#fff5f5;color:#b91c1c}
.lead-intake-add-staff{display:flex;align-items:center;justify-content:center;width:100%;min-height:40px;margin-top:11px;border:1px solid #96ddd5;border-radius:9px;background:#e2fbf6;color:#0b6965;font-size:.78rem;font-weight:800}
.lead-intake-add-staff:hover{border-color:#32b9af;background:#c9f7ef}
.lead-intake-footer{width:min(100% - 44px,1240px);color:#71839d}
@media(max-width:1000px){.lead-intake-step-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.lead-intake-layout{grid-template-columns:1fr}.lead-intake-sidebar{position:static;order:-1}}
@media(max-width:680px){.lead-intake-public .public-doc-header,.lead-intake-page,.lead-intake-footer{width:calc(100% - 28px)}.lead-intake-page{padding-top:14px}.lead-intake-hero{display:block}.lead-intake-hero__context{margin-top:10px;text-align:left}.lead-intake-step-nav{display:flex;gap:6px;overflow-x:auto;padding:7px}.lead-intake-step-nav a{flex:0 0 170px}.lead-intake-section{padding:16px}.lead-intake-grid{grid-template-columns:1fr}.lead-intake-grid label.wide,.lead-intake-note.wide{grid-column:auto}.lead-intake-step-actions{flex-direction:column}.lead-intake-step-actions button{width:100%}.lead-intake-staff-table{display:block}.lead-intake-staff-table thead{display:none}.lead-intake-staff-table tbody{display:grid;gap:10px}.lead-intake-staff-table tr{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:9px 10px;padding:12px;border:1px solid #d6e2ef;border-radius:10px;background:#fbfdff}.lead-intake-staff-table td{display:block;padding:0;border:0}.lead-intake-staff-table td:nth-child(1){grid-column:1}.lead-intake-staff-table td:nth-child(2){grid-column:1}.lead-intake-staff-table td:nth-child(3){grid-column:1}.lead-intake-staff-table td:nth-child(4){grid-column:2;grid-row:1 / span 3;align-self:center}.lead-intake-photo-drop-zone{padding:19px 12px}}
/* Public intake uses the same Sunset Signal tokens as authenticated CRM
   surfaces so the handoff feels like one product from link to review. */
.lead-intake-public{--intake-ink:#0F2749;--intake-muted:#5F6F7C;--intake-line:#E4CDB0;--intake-soft:#FFF5E9;background:#F4E2C8;color:#0F2749}
.lead-intake-public .public-doc-header,.lead-intake-public .lead-intake-hero{border-color:#E4CDB0}
.lead-intake-public .public-brand,.lead-intake-public .lead-intake-hero h1,.lead-intake-public .lead-intake-section__head h2,.lead-intake-public .lead-intake-sidebar h2{color:#0F2749}
.lead-intake-public .lead-intake-hero p,.lead-intake-public .lead-intake-hero__context,.lead-intake-public .lead-intake-section__head p,.lead-intake-public .lead-intake-footer{color:#5F6F7C}
.lead-intake-public .lead-intake-step-nav,.lead-intake-public .lead-intake-section,.lead-intake-public .lead-intake-sidebar{border-color:#E4CDB0;background:#FFFAF1;box-shadow:0 12px 30px rgba(91,55,33,.08)}
.lead-intake-public .lead-intake-step-nav a{color:#5F6F7C}
.lead-intake-public .lead-intake-step-nav a span{background:#F8E8D2;color:#7A6049}
.lead-intake-public .lead-intake-step-nav a:hover,.lead-intake-public .lead-intake-step-nav a.is-active{border-color:#FFB298;background:#FFF5E9;color:#B04430}
.lead-intake-public .lead-intake-step-nav a.is-active span{background:#FF7F56;color:#0F2749}
.lead-intake-public .lead-intake-section__head{border-color:#F0E3D4}
.lead-intake-public .lead-intake-grid label,.lead-intake-public .lead-intake-note{color:#30415D}
.lead-intake-public .lead-intake-grid input,.lead-intake-public .lead-intake-grid select,.lead-intake-public .lead-intake-grid textarea,.lead-intake-public .lead-intake-note textarea{border-color:#D8BB9A;background:#FFFDF8;color:#0F2749}
.lead-intake-public .lead-intake-grid input:focus,.lead-intake-public .lead-intake-grid select:focus,.lead-intake-public .lead-intake-grid textarea:focus,.lead-intake-public .lead-intake-note textarea:focus{border-color:#FF7F56;outline:3px solid rgba(255,127,86,.18)}
.lead-intake-public .lead-intake-upload-control{border-color:#FFB298;background:#FFE1D5;color:#B04430!important}
.lead-intake-public .lead-intake-upload-control:hover{border-color:#FF7F56;background:#FFF0E6}
.lead-intake-public .lead-intake-upload-camera{border-color:#73CFC3;background:#E2F5EA;color:#24724A!important}
.lead-intake-public .lead-intake-upload-status,.lead-intake-public .lead-intake-upload-row>span,.lead-intake-public .lead-intake-upload-help{color:#5F6F7C}
.lead-intake-public .lead-intake-photo-drop-zone{border-color:#FFB298;background:#FFF5E9;color:#5F6F7C}
.lead-intake-public .lead-intake-photo-drop-zone strong{color:#0F2749}
.lead-intake-public .lead-intake-photo-drop-zone.is-dragover{border-color:#FF7F56;background:#FFE1D5;box-shadow:0 0 0 3px rgba(255,127,86,.14)}
.lead-intake-public .lead-intake-assets-list li{background:#FFF5E9;color:#30415D}
.lead-intake-public .lead-intake-assets-list small{color:#7A879A}
.lead-intake-public .lead-intake-progress span{background:#73CFC3}
.lead-intake-public .lead-intake-progress-label{color:#24724A}
.lead-intake-public .lead-intake-progress-step:hover,.lead-intake-public .lead-intake-progress-step.is-active{border-color:#FFB298;background:#FFF5E9;color:#B04430}
.lead-intake-public .lead-intake-progress-step__number{background:#F8E8D2;color:#7A6049}
.lead-intake-public .lead-intake-progress-step.is-active .lead-intake-progress-step__number{background:#FF7F56;color:#0F2749}
.lead-intake-public .lead-intake-step-actions{border-color:#F0E3D4}
.lead-intake-public .lead-intake-step-actions button{border-color:#D8BB9A;background:#FFF5E9;color:#B04430}
.lead-intake-public .lead-intake-step-actions button:hover,.lead-intake-public .lead-intake-step-actions button:focus-visible{border-color:#FF7F56;background:#FFE1D5}
.lead-intake-public .lead-intake-step-actions .landing-primary{border-color:#FF7F56;background:#FF7F56;color:#0F2749}
.lead-intake-public .lead-intake-save-status{color:#5F6F7C}
.lead-intake-public .lead-intake-staff-table th,.lead-intake-public .lead-intake-staff-table td{border-color:#F0E3D4;color:#30415D}
.lead-intake-public .lead-intake-staff-table th,.lead-intake-public .lead-intake-staff-field em{color:#7A879A}
.lead-intake-public .lead-intake-staff-field{color:#30415D}
.lead-intake-public .lead-intake-icon-btn{border-color:#D8BB9A;background:#FFF5E9;color:#7A6049}
.lead-intake-public .lead-intake-icon-btn:hover{border-color:#C84B45;background:#FDE7E5;color:#A33F3A}
.lead-intake-public .lead-intake-add-staff{border-color:#73CFC3;background:#E2F5EA;color:#24724A}
.lead-intake-public .lead-intake-add-staff:hover{border-color:#36A269;background:#D5F1E0}
.support-center-lead-types{display:grid;gap:8px;margin:0;padding:12px;border:1px solid #d8dfda;border-radius:8px;background:#fbfcfa}.support-center-lead-types legend{padding:0;color:#5f6f72;font-size:.72rem;font-weight:800}.support-center-lead-types label{display:flex;align-items:center;gap:8px;color:#30415d;font-size:.78rem}.support-center-lead-types input{width:16px;height:16px;margin:0;accent-color:#155eef}.support-center-lead-types small{color:#7a879a;font-size:.68rem}

/* Cool, editorial PocketPapi identity for public pages. Authenticated app
   documents retain their existing app-shell treatment. */
body.public-doc-page:not(.pocketpapi-sunset-signal) {
    --public-bg: #f7f9fc;
    --public-surface: #fff;
    --public-surface-muted: #f8fafc;
    --public-text: #172033;
    --public-muted: #657087;
    --public-subtle: #8793a8;
    --public-border: #dce3ee;
    --public-accent: #155eef;
    --public-accent-soft: #edf4ff;
    --public-success: #1f9d68;
    --public-code: #132238;
    min-height: 100vh;
    background: radial-gradient(circle at 92% 2%, rgba(21,94,239,.065), transparent 27rem), #f7f9fc;
    color: #172033;
}
body.public-doc-page:not(.pocketpapi-sunset-signal) .public-doc-header { border-color: #dce3ee; }
body.public-doc-page:not(.pocketpapi-sunset-signal) .public-brand { color: #172033; }
body.public-doc-page:not(.pocketpapi-sunset-signal) .public-brand img { width: 42px; height: 42px; }
body.public-doc-page:not(.pocketpapi-sunset-signal) .public-brand small { color: #8793a8; }
body.public-doc-page:not(.pocketpapi-sunset-signal) .public-doc-nav a,
body.public-doc-page:not(.pocketpapi-sunset-signal) .public-doc-nav a:visited,
body.public-doc-page:not(.pocketpapi-sunset-signal) .docs-sidebar a,
body.public-doc-page:not(.pocketpapi-sunset-signal) .help-center-toc a { color: #536078; }
body.public-doc-page:not(.pocketpapi-sunset-signal) .public-doc-nav a:hover,
body.public-doc-page:not(.pocketpapi-sunset-signal) .public-doc-nav a:focus-visible,
body.public-doc-page:not(.pocketpapi-sunset-signal) .public-doc-nav a[aria-current="page"],
body.public-doc-page:not(.pocketpapi-sunset-signal) .docs-sidebar a:hover,
body.public-doc-page:not(.pocketpapi-sunset-signal) .help-center-toc a:hover,
body.public-doc-page:not(.pocketpapi-sunset-signal) .help-center-toc a:focus-visible { color: #155eef; }
body.public-doc-page:not(.pocketpapi-sunset-signal) .public-doc-cta,
body.public-doc-page:not(.pocketpapi-sunset-signal) .public-doc-cta:visited,
body.public-doc-page:not(.pocketpapi-sunset-signal) .help-center-search button { border-color: #155eef; background: #155eef; color: #fff; box-shadow: 0 9px 20px rgba(21,94,239,.15); }
body.public-doc-page:not(.pocketpapi-sunset-signal) .public-doc-cta:hover,
body.public-doc-page:not(.pocketpapi-sunset-signal) .public-doc-cta:focus-visible,
body.public-doc-page:not(.pocketpapi-sunset-signal) .help-center-search button:hover { border-color: #0d4fd7; background: #0d4fd7; color: #fff; }
body.public-doc-page:not(.pocketpapi-sunset-signal) .public-doc-nav .public-cart-link,
body.public-doc-page:not(.pocketpapi-sunset-signal) .public-doc-nav .public-cart-link:visited { border-color: #dce3ee; background: #fff; color: #657087; }
body.public-doc-page:not(.pocketpapi-sunset-signal) .public-doc-nav .public-cart-link:hover,
body.public-doc-page:not(.pocketpapi-sunset-signal) .public-doc-nav .public-cart-link:focus-visible,
body.public-doc-page:not(.pocketpapi-sunset-signal) .public-doc-nav .public-cart-link[aria-current="page"] { border-color: #9bb9f5; background: #edf4ff; color: #155eef; }
body.public-doc-page:not(.pocketpapi-sunset-signal) .public-doc-nav .public-cart-link .shop-cart-count { background: #edf4ff; color: #155eef; }
body.public-doc-page:not(.pocketpapi-sunset-signal) .help-center-eyebrow,
body.public-doc-page:not(.pocketpapi-sunset-signal) .help-center-kicker,
body.public-doc-page:not(.pocketpapi-sunset-signal) .docs-kicker { color: #155eef; }
body.public-doc-page:not(.pocketpapi-sunset-signal) .help-center-hero h1,
body.public-doc-page:not(.pocketpapi-sunset-signal) .docs-hero h1,
body.public-doc-page:not(.pocketpapi-sunset-signal) .help-article-detail h1,
body.public-doc-page:not(.pocketpapi-sunset-signal) .help-center-section-heading h2,
body.public-doc-page:not(.pocketpapi-sunset-signal) .docs-content h2,
body.public-doc-page:not(.pocketpapi-sunset-signal) .help-article-body h2,
body.public-doc-page:not(.pocketpapi-sunset-signal) .help-center-toc-title,
body.public-doc-page:not(.pocketpapi-sunset-signal) .docs-sidebar strong { color: #172033; }
body.public-doc-page:not(.pocketpapi-sunset-signal) .help-center-hero > p:not(.help-center-eyebrow):not(.help-center-search-result),
body.public-doc-page:not(.pocketpapi-sunset-signal) .docs-hero .docs-lead,
body.public-doc-page:not(.pocketpapi-sunset-signal) .help-article-summary,
body.public-doc-page:not(.pocketpapi-sunset-signal) .help-center-section-heading > p,
body.public-doc-page:not(.pocketpapi-sunset-signal) .docs-content p,
body.public-doc-page:not(.pocketpapi-sunset-signal) .docs-content li,
body.public-doc-page:not(.pocketpapi-sunset-signal) .help-guide p,
body.public-doc-page:not(.pocketpapi-sunset-signal) .help-center-link-card p,
body.public-doc-page:not(.pocketpapi-sunset-signal) .help-article-body ol { color: #536078; }
body.public-doc-page:not(.pocketpapi-sunset-signal) .help-center-search input { border-color: #cdd7e5; background: #fff; color: #172033; }
body.public-doc-page:not(.pocketpapi-sunset-signal) .help-guide,
body.public-doc-page:not(.pocketpapi-sunset-signal) .help-article-link,
body.public-doc-page:not(.pocketpapi-sunset-signal) .help-center-link-card,
body.public-doc-page:not(.pocketpapi-sunset-signal) .docs-card,
body.public-doc-page:not(.pocketpapi-sunset-signal) .help-article-body { border-color: #dce3ee; background: rgba(255,255,255,.94); box-shadow: 0 12px 28px rgba(29,62,110,.06); }
body.public-doc-page:not(.pocketpapi-sunset-signal) .help-guide:hover,
body.public-doc-page:not(.pocketpapi-sunset-signal) .help-guide:focus-visible,
body.public-doc-page:not(.pocketpapi-sunset-signal) .help-article-link:hover,
body.public-doc-page:not(.pocketpapi-sunset-signal) .help-article-link:focus-visible,
body.public-doc-page:not(.pocketpapi-sunset-signal) .help-center-link-card:hover { border-color: #9bb9f5; box-shadow: 0 16px 32px rgba(29,62,110,.1); }
body.public-doc-page:not(.pocketpapi-sunset-signal) .help-guide-link,
body.public-doc-page:not(.pocketpapi-sunset-signal) .help-article-link,
body.public-doc-page:not(.pocketpapi-sunset-signal) .help-center-link-card { color: #172033; }
body.public-doc-page:not(.pocketpapi-sunset-signal) .help-guide-read-more,
body.public-doc-page:not(.pocketpapi-sunset-signal) .help-article-link > span:last-child,
body.public-doc-page:not(.pocketpapi-sunset-signal) .help-center-link-card span,
body.public-doc-page:not(.pocketpapi-sunset-signal) .docs-content a,
body.public-doc-page:not(.pocketpapi-sunset-signal) .help-article-footer a { color: #155eef; }
body.public-doc-page:not(.pocketpapi-sunset-signal) .docs-content code { background: #edf4ff; color: #172033; }
body.public-doc-page:not(.pocketpapi-sunset-signal) .docs-code { border-color: #24466d; background: #132238; color: #edf4ff; }
body.public-doc-page:not(.pocketpapi-sunset-signal) .docs-note { border-color: #cfe0fb; border-left-color: #155eef; background: #edf4ff; color: #46546b; }
body.public-doc-page:not(.pocketpapi-sunset-signal) .docs-step-number { background: #edf4ff; color: #155eef; }
body.public-doc-page:not(.pocketpapi-sunset-signal) .help-center-section,
body.public-doc-page:not(.pocketpapi-sunset-signal) .docs-content h2 { border-color: #dce3ee; }
body.public-doc-page:not(.pocketpapi-sunset-signal) .public-menu-toggle,
.landing-page:not(.pocketpapi-sunset-signal) .public-menu-toggle { border-color: #dce3ee; background: #fff; color: #172033; }
body.public-doc-page:not(.pocketpapi-sunset-signal) .public-menu-toggle:hover,
.landing-page:not(.pocketpapi-sunset-signal) .public-menu-toggle:hover { border-color: #9bb9f5; background: #edf4ff; }
@media (max-width: 820px) {
    body.public-doc-page:not(.pocketpapi-sunset-signal) .public-doc-nav,
    .landing-page:not(.pocketpapi-sunset-signal) .landing-nav nav { border-color: #dce3ee; background: #fff; box-shadow: 0 18px 40px rgba(29,62,110,.12); }
    body.public-doc-page:not(.pocketpapi-sunset-signal) .public-doc-nav a:hover,
    .landing-page:not(.pocketpapi-sunset-signal) .landing-nav nav a:hover { background: #edf4ff; }
}

/* Public sign-in and account-start surfaces use the same white/blue identity
   while keeping their existing CSRF, onboarding, and chat behavior. */
body.public-auth-page {
    --public-bg: #f7f9fc;
    --public-surface: #fff;
    --public-text: #172033;
    --public-muted: #657087;
    --public-border: #dce3ee;
    --public-accent: #155eef;
    min-height: 100vh;
    background: radial-gradient(circle at 88% 4%, rgba(21,94,239,.08), transparent 28rem), #f7f9fc;
    color: #172033;
}
body.public-auth-page .auth-brand { color: #172033; }
body.public-auth-page .auth-brand img { width: 42px; height: 42px; object-fit: contain; }
body.public-auth-page .auth-card,
body.public-auth-page .landing-onboarding-card { border: 1px solid #dce3ee; border-radius: 20px; background: #fff; color: #172033; box-shadow: 0 22px 60px rgba(29,62,110,.12); }
body.public-auth-page .auth-card h1,
body.public-auth-page .auth-card h2,
body.public-auth-page .auth-intro h1 { color: #172033; }
body.public-auth-page .auth-intro > p:not(.auth-eyebrow),
body.public-auth-page .auth-switch,
body.public-auth-page .auth-card small { color: #657087; }
body.public-auth-page .auth-eyebrow { color: #155eef; }
body.public-auth-page .auth-card input:not([type="checkbox"]),
body.public-auth-page .landing-onboarding-card input { border-color: #cdd7e5; background: #fff; color: #172033; }
body.public-auth-page .auth-card input:focus,
body.public-auth-page .landing-onboarding-card input:focus { border-color: #155eef; outline: 3px solid rgba(21,94,239,.14); }
body.public-auth-page .auth-card button,
body.public-auth-page .auth-card .button-link,
body.public-auth-page .auth-intro .button-link { border-color: #155eef; background: #155eef; color: #fff; }
body.public-auth-page .auth-card button:hover,
body.public-auth-page .auth-card .button-link:hover,
body.public-auth-page .auth-intro .button-link:hover { border-color: #0d4fd7; background: #0d4fd7; color: #fff; }
body.signup-builder-page .landing-card-brand { grid-template-columns: 60px minmax(0,1fr); border-color: #dce3ee; }
body.signup-builder-page .landing-card-brand img { width: 60px; height: 60px; object-fit: contain; border-radius: 0; }
body.signup-builder-page .landing-card-brand span { color: #155eef; }
body.signup-builder-page .landing-card-brand strong { color: #172033; }
body.signup-builder-page .landing-onboarding-card { align-self: start; border-color: #dce3ee !important; background: #fff !important; }
body.signup-builder-page .landing-onboarding-card label { color: #172033; }
body.signup-builder-page .landing-onboarding-card input { border-color: #cdd7e5 !important; background: #fff !important; color: #172033 !important; }
body.signup-builder-page .landing-onboarding-submit,
body.signup-builder-page .onboarding-email-step .landing-primary { border-color: #155eef; background: #155eef !important; color: #fff; box-shadow: 0 10px 22px rgba(21,94,239,.16) !important; }
body.signup-builder-page .landing-onboarding-submit:hover,
body.signup-builder-page .onboarding-email-step .landing-primary:hover { background: #0d4fd7 !important; }
body.signup-builder-page .onboarding-next-note { border-color: #dce3ee; background: #f7f9fc; }
body.signup-builder-page .onboarding-next-note__mark { background: #e9f5ef; color: #1f7d5b; }
body.signup-builder-page .onboarding-next-note strong { color: #172033; }
body.signup-builder-page .onboarding-next-note p,
body.signup-builder-page .onboarding-privacy { color: #657087; }
body.signup-builder-page .onboarding-privacy a,
body.signup-builder-page .onboarding-submit-status { color: #155eef; }
body.signup-builder-page .onboarding-status-list li { border-color: #dce3ee; }
body.signup-builder-page .onboarding-status-list li.is-active > i { border-color: #155eef; border-top-color: transparent; }
body.signup-builder-page .onboarding-status-list li.is-complete > i { border-color: #1f9d68; background: #1f9d68; }
body.signup-builder-page .onboarding-status-list li.is-active em,
body.signup-builder-page .onboarding-privacy a { color: #155eef; }
body.signup-builder-page .onboarding-status-list strong { color: #172033; }
body.signup-builder-page .onboarding-status-list small,
body.signup-builder-page .onboarding-privacy { color: #657087; }

/* Public lead-intake links use the same cool palette without changing their
   bearer-link access, privacy boundaries, or form behavior. */
body.lead-intake-public { --intake-ink: #172033; --intake-muted: #657087; --intake-line: #dce3ee; --intake-soft: #edf4ff; background: #f7f9fc; color: #172033; }
body.lead-intake-public .public-doc-header,
body.lead-intake-public .lead-intake-hero,
body.lead-intake-public .lead-intake-section__head,
body.lead-intake-public .lead-intake-step-actions { border-color: #dce3ee; }
body.lead-intake-public .public-brand,
body.lead-intake-public .lead-intake-hero h1,
body.lead-intake-public .lead-intake-section__head h2,
body.lead-intake-public .lead-intake-sidebar h2,
body.lead-intake-public .lead-intake-photo-drop-zone strong { color: #172033; }
body.lead-intake-public .lead-intake-hero p,
body.lead-intake-public .lead-intake-hero__context,
body.lead-intake-public .lead-intake-section__head p,
body.lead-intake-public .lead-intake-footer,
body.lead-intake-public .lead-intake-upload-status,
body.lead-intake-public .lead-intake-upload-row > span,
body.lead-intake-public .lead-intake-upload-help,
body.lead-intake-public .lead-intake-save-status { color: #657087; }
body.lead-intake-public .lead-intake-step-nav,
body.lead-intake-public .lead-intake-section,
body.lead-intake-public .lead-intake-sidebar { border-color: #dce3ee; background: #fff; box-shadow: 0 12px 30px rgba(29,62,110,.07); }
body.lead-intake-public .lead-intake-step-nav a { color: #536078; }
body.lead-intake-public .lead-intake-step-nav a span,
body.lead-intake-public .lead-intake-progress-step__number { background: #edf4ff; color: #536078; }
body.lead-intake-public .lead-intake-step-nav a:hover,
body.lead-intake-public .lead-intake-step-nav a.is-active,
body.lead-intake-public .lead-intake-progress-step:hover,
body.lead-intake-public .lead-intake-progress-step.is-active { border-color: #9bb9f5; background: #edf4ff; color: #155eef; }
body.lead-intake-public .lead-intake-step-nav a.is-active span,
body.lead-intake-public .lead-intake-progress-step.is-active .lead-intake-progress-step__number { background: #155eef; color: #fff; }
body.lead-intake-public .lead-intake-grid label,
body.lead-intake-public .lead-intake-note,
body.lead-intake-public .lead-intake-staff-field { color: #35435a; }
body.lead-intake-public .lead-intake-grid input,
body.lead-intake-public .lead-intake-grid select,
body.lead-intake-public .lead-intake-grid textarea,
body.lead-intake-public .lead-intake-note textarea { border-color: #cdd7e5; background: #fff; color: #172033; }
body.lead-intake-public .lead-intake-grid input:focus,
body.lead-intake-public .lead-intake-grid select:focus,
body.lead-intake-public .lead-intake-grid textarea:focus,
body.lead-intake-public .lead-intake-note textarea:focus { border-color: #155eef; outline: 3px solid rgba(21,94,239,.14); }
body.lead-intake-public .lead-intake-upload-control,
body.lead-intake-public .lead-intake-icon-btn,
body.lead-intake-public .lead-intake-step-actions button { border-color: #cfe0fb; background: #edf4ff; color: #155eef !important; }
body.lead-intake-public .lead-intake-upload-control:hover,
body.lead-intake-public .lead-intake-step-actions button:hover,
body.lead-intake-public .lead-intake-step-actions button:focus-visible { border-color: #9bb9f5; background: #e2edff; }
body.lead-intake-public .lead-intake-photo-drop-zone,
body.lead-intake-public .lead-intake-assets-list li { border-color: #cfe0fb; background: #f4f8ff; color: #536078; }
body.lead-intake-public .lead-intake-photo-drop-zone.is-dragover { border-color: #155eef; background: #edf4ff; box-shadow: 0 0 0 3px rgba(21,94,239,.12); }
body.lead-intake-public .lead-intake-progress span { background: #9bb9f5; }
body.lead-intake-public .lead-intake-progress-label { color: #1f7c55; }
body.lead-intake-public .lead-intake-step-actions .landing-primary { border-color: #155eef; background: #155eef; color: #fff; }
body.lead-intake-public .lead-intake-staff-table th,
body.lead-intake-public .lead-intake-staff-table td { border-color: #dce3ee; color: #35435a; }
body.lead-intake-public .lead-intake-staff-field em,
body.lead-intake-public .lead-intake-assets-list small { color: #8793a8; }
body.lead-intake-public .lead-intake-add-staff { border-color: #b7e5d0; background: #edf9f3; color: #1f7c55; }
body.lead-intake-public .lead-intake-add-staff:hover { border-color: #77c79c; background: #e0f5ea; }

body.subscribe-page:not(.pocketpapi-sunset-signal) {
    background: radial-gradient(circle at 88% 4%, rgba(21,94,239,.07), transparent 27rem), #f7f9fc;
    color: #172033;
}
body.subscribe-page:not(.pocketpapi-sunset-signal) .subscribe-eyebrow { color: #155eef; }
body.subscribe-page:not(.pocketpapi-sunset-signal) .subscribe-hero h1,
body.subscribe-page:not(.pocketpapi-sunset-signal) .subscribe-card h2,
body.subscribe-page:not(.pocketpapi-sunset-signal) .subscribe-note strong { color: #172033; }
body.subscribe-page:not(.pocketpapi-sunset-signal) .subscribe-hero > p:last-child,
body.subscribe-page:not(.pocketpapi-sunset-signal) .subscribe-muted,
body.subscribe-page:not(.pocketpapi-sunset-signal) .subscribe-form label,
body.subscribe-page:not(.pocketpapi-sunset-signal) .subscribe-form legend,
body.subscribe-page:not(.pocketpapi-sunset-signal) .subscribe-consent,
body.subscribe-page:not(.pocketpapi-sunset-signal) .subscribe-note { color: #657087; }
body.subscribe-page:not(.pocketpapi-sunset-signal) .subscribe-card { border-color: #dce3ee; background: #fff; box-shadow: 0 15px 40px rgba(29,62,110,.07); }
body.subscribe-page:not(.pocketpapi-sunset-signal) .subscribe-card--soft { border-color: #dce3ee; background: #f4f8ff; }
body.subscribe-page:not(.pocketpapi-sunset-signal) .subscribe-form input,
body.subscribe-page:not(.pocketpapi-sunset-signal) .subscribe-form select { border-color: #cdd7e5; background: #fff; color: #172033; }
body.subscribe-page:not(.pocketpapi-sunset-signal) .subscribe-choice { border-color: #dce3ee; background: #f8fafc; }
body.subscribe-page:not(.pocketpapi-sunset-signal) .subscribe-choice small { color: #657087; }
body.subscribe-page:not(.pocketpapi-sunset-signal) .subscribe-button { border-color: #155eef; background: #155eef; color: #fff; }
body.subscribe-page:not(.pocketpapi-sunset-signal) .subscribe-button:hover { border-color: #0d4fd7; background: #0d4fd7; }
body.subscribe-page:not(.pocketpapi-sunset-signal) .subscribe-button--secondary { border-color: #cfe0fb; background: #edf4ff; color: #155eef; }
body.subscribe-page:not(.pocketpapi-sunset-signal) .subscribe-button--secondary:hover { background: #e2edff; }
body.subscribe-page:not(.pocketpapi-sunset-signal) .subscribe-note { border-color: #dce3ee; }
body.subscribe-page:not(.pocketpapi-sunset-signal) .subscribe-note a { color: #155eef; }

body.effects-page:not(.pocketpapi-sunset-signal) .effects-brand-logo { display: block; width: 32px; height: 32px; object-fit: contain; }

.public-nav-search-widget{display:flex;align-items:center;gap:0;width:46px;min-width:46px;height:46px;border:1px solid #cbd7e9;border-radius:999px;background:#fff;overflow:hidden;transition:width .18s ease,border-color .18s ease,box-shadow .18s ease}
.public-nav-search-widget:focus-within{width:178px;border-color:#155eef;box-shadow:0 0 0 3px rgba(21,94,239,.14)}
.public-nav-search-widget input{width:0;min-width:0;height:44px;padding:0;border:0;outline:0;background:transparent;color:#102748;font:inherit;font-size:16px;opacity:0;transition:width .18s ease,opacity .18s ease,padding .18s ease}
.public-nav-search-widget input::placeholder{color:#718099}
.public-nav-search-widget:focus-within input{width:136px;padding:0 0 0 12px;opacity:1}
.public-nav-search-widget button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:0;background:transparent;color:#155eef;cursor:pointer}
.public-nav-search-widget button:hover,.public-nav-search-widget button:focus-visible{background:#edf4ff;color:#0c49c6;outline:0}
.public-nav-search-widget button svg{width:17px;height:17px}
@media(max-width:820px){.landing-page .landing-nav nav .public-nav-search-widget,body.public-doc-page .public-doc-nav .public-nav-search-widget{width:100%;min-width:0;max-width:none}.landing-page .landing-nav nav .public-nav-search-widget input,body.public-doc-page .public-doc-nav .public-nav-search-widget input{width:100%;flex:1;padding:0 0 0 12px;opacity:1}}
@media(prefers-reduced-motion:reduce){.public-nav-search-widget,.public-nav-search-widget input{transition:none}}

/* One central public header for PocketPapi pages. Individual customer sites
   keep their own public navigation and never inherit this platform menu. */
.public-global-nav { align-items: center; }
.public-global-nav > a[aria-current="page"],
.public-global-nav > .public-nav-menu[data-active="true"] > summary { color: var(--public-accent); }
.public-nav-menu { position: relative; }
.public-nav-menu summary { display: inline-flex; align-items: center; gap: 5px; min-height: 40px; color: #536078; font-size: .83rem; font-weight: 650; cursor: pointer; list-style: none; }
.public-nav-menu summary::-webkit-details-marker { display: none; }
.public-nav-menu summary span { color: #8793a8; font-size: .9em; transition: transform .18s ease; }
.public-nav-menu[open] summary span { transform: rotate(180deg); }
.public-nav-menu summary:hover, .public-nav-menu summary:focus-visible { color: var(--public-accent); outline: 0; }
.public-nav-menu-panel { position: absolute; z-index: 40; top: calc(100% + 13px); left: 50%; display: grid; width: 278px; gap: 3px; padding: 8px; border: 1px solid var(--public-border); border-radius: 14px; background: #fff; box-shadow: 0 18px 42px rgba(29, 62, 110, .16); transform: translateX(-50%); }
.public-nav-menu-panel::before { content: ""; position: absolute; top: -6px; left: calc(50% - 6px); width: 10px; height: 10px; border-top: 1px solid var(--public-border); border-left: 1px solid var(--public-border); background: #fff; transform: rotate(45deg); }
.public-nav-menu-panel a { display: grid; gap: 3px; padding: 10px 11px; border-radius: 9px; color: var(--public-text) !important; }
.public-nav-menu-panel a:hover, .public-nav-menu-panel a:focus-visible { background: var(--public-accent-soft); outline: 0; }
.public-nav-menu-panel a[aria-current="page"] { background: var(--public-accent-soft); }
.public-nav-menu-panel strong { font-size: .78rem; }
.public-nav-menu-panel small { color: var(--public-muted); font-size: .67rem; font-weight: 600; line-height: 1.3; }
@media (max-width: 820px) {
    .public-global-nav > .public-nav-menu { display: grid; }
    .public-global-nav > .public-nav-menu > summary { display: flex; min-height: 42px; padding: 0 12px; border-radius: 9px; }
    .public-global-nav > .public-nav-menu > summary:hover { background: #edf4ff; }
    .public-nav-menu-panel { position: static; width: auto; margin: 0 0 4px; padding: 4px; border: 0; border-radius: 10px; background: #f7f9fc; box-shadow: none; transform: none; }
    .public-nav-menu-panel::before { display: none; }
    .public-nav-menu-panel a { padding: 9px 10px 9px 20px; }
}

/* The central public header is a stable shell shared by marketing, product,
   search, privacy, help, and shop entry pages. Keep page-specific landing
   styles from changing its geometry between navigations. */
.public-global-header {
    width: min(calc(100% - 64px), 1376px);
    min-height: 82px;
    margin-inline: auto;
    padding: 12px 0;
    border-bottom: 1px solid var(--public-border);
}
.public-global-header .auth-brand {
    flex: 0 0 auto;
    min-width: 0;
    white-space: nowrap;
}
.public-global-header .auth-brand img {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
}
.public-global-header .public-global-nav {
    flex: 1 1 auto;
    min-width: 0;
    justify-content: flex-end;
    gap: clamp(12px, 1.7vw, 24px);
}
.public-global-header .public-global-nav > a:not(.button-link),
.public-global-header .public-nav-menu summary {
    white-space: nowrap;
}
.public-global-header .public-nav-search-widget {
    flex: 0 0 178px;
    width: 178px;
    transition: none;
}
.public-global-header .public-nav-search-widget input {
    width: 136px;
    padding: 0 0 0 12px;
    opacity: 1;
    transition: none;
}
.public-global-header .public-global-nav > .button-link {
    width: 180px;
    min-width: 180px;
    border-color: var(--public-accent);
    background: var(--public-accent);
    color: #fff !important;
    white-space: nowrap;
    box-shadow: 0 8px 18px rgba(21, 94, 239, .16);
}
.public-global-header .public-global-nav > .button-link:hover,
.public-global-header .public-global-nav > .button-link:focus-visible {
    border-color: #0d4fd7;
    background: #0d4fd7;
    color: #fff !important;
    outline: 0;
}

@media (max-width: 1040px) {
    .public-global-header {
        position: relative;
        align-items: center;
        flex-direction: row;
        width: min(calc(100% - 40px), 1376px);
        min-height: 74px;
        padding: 12px 0;
    }
    .public-global-header .public-menu-toggle {
        display: inline-flex;
        margin-left: auto;
    }
    .public-global-header.public-doc-header .public-global-nav {
        position: absolute;
        top: calc(100% + 10px);
        right: 0;
        left: auto;
        z-index: 30;
        display: none;
        width: min(360px, 100%);
        grid-template-columns: minmax(0, 1fr);
        justify-content: stretch;
        align-items: stretch;
        max-height: calc(100dvh - 110px);
        overflow-y: auto;
        gap: 4px;
        padding: 10px;
        border: 1px solid var(--public-border);
        border-radius: 16px;
        background: var(--public-surface);
        box-shadow: 0 18px 40px rgba(29, 62, 110, .16);
    }
    .public-global-header.public-nav-open .public-global-nav { display: grid; }
    .public-global-header .public-global-nav > a,
    .public-global-header .public-global-nav > .public-nav-menu > summary {
        display: flex;
        align-items: center;
        min-height: 42px;
        padding: 0 12px;
        border-radius: 9px;
    }
    .public-global-header .public-global-nav > a:not(.button-link):hover,
    .public-global-header .public-global-nav > .public-nav-menu > summary:hover {
        background: var(--public-accent-soft);
    }
    .public-global-header .public-global-nav > .public-nav-menu { display: grid; }
    .public-global-header .public-nav-menu-panel {
        position: static;
        width: auto;
        margin: 0 0 4px;
        padding: 4px;
        border: 0;
        border-radius: 10px;
        background: var(--public-surface-muted);
        box-shadow: none;
        transform: none;
    }
    .public-global-header .public-nav-menu-panel::before { display: none; }
    .public-global-header .public-nav-menu-panel a { display: grid; padding: 9px 10px 9px 20px; }
    .public-global-header .public-nav-search-widget {
        width: 100%;
        min-width: 0;
        flex-basis: 46px;
    }
    .public-global-header .public-nav-search-widget input {
        width: 100%;
        flex: 1 1 auto;
    }
    .public-global-header .public-global-nav > .button-link {
        width: 100%;
        min-width: 0;
        margin-top: 4px;
    }
}

@media (max-width: 620px) {
    .public-global-header { width: calc(100% - 28px); }
}

/* Keep keyboard focus visible even where hover styling resets the browser outline. */
.public-doc-nav .public-cart-link:focus-visible,
.help-center-toc a:focus-visible,
.help-guide:focus-visible,
.help-article-link:focus-visible,
.help-center-link-card:focus-visible,
.lead-intake-step-actions button:focus-visible,
.public-menu-toggle:focus-visible,
.public-nav-search-widget button:focus-visible,
.public-nav-menu summary:focus-visible,
.public-nav-menu-panel a:focus-visible,
.public-global-header .public-global-nav > .button-link:focus-visible {
    outline: 2px solid #155eef;
    outline-offset: 2px;
}

/* Public pages use the same keyboard ring, including controls outside the shared header. */
:where(
    a,
    button,
    input,
    select,
    textarea,
    summary,
    [role="button"],
    [role="tab"],
    [role="option"],
    [role="menuitem"],
    [role="checkbox"],
    [role="radio"],
    [role="switch"],
    [role="combobox"],
    [role="listbox"],
    [contenteditable]:not([contenteditable="false"]),
    [tabindex]:not([tabindex="-1"])
):focus-visible {
    outline: 2px solid #155eef !important;
    outline-offset: 2px;
}